From 7d0661086ef261f98f8aeafafd8bc5824e820ec7 Mon Sep 17 00:00:00 2001
From: Knah Tsaeb <knah-tsaeb@knah-tsaeb.org>
Date: Mon, 29 Jun 2015 11:30:57 +0200
Subject: [PATCH] [chg] optimise and clean css

---
 inc/user.css | 143 +++++++++++++++++++++------------------------------
 1 file changed, 59 insertions(+), 84 deletions(-)

diff --git a/inc/user.css b/inc/user.css
index 754fa02..91e4f47 100644
--- a/inc/user.css
+++ b/inc/user.css
@@ -1,36 +1,21 @@
-* {
-  box-sizing: border-box;
-}
-
 html {
   overflow-y: scroll;
-  background: #434343;
-  /* Old browsers */
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#434343), color-stop(100%,#cdcdcd) ) no-repeat scroll 0 0 transparent;
-  /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(top,#434343 0,#cdcdcd 100%) no-repeat scroll 0 0 transparent;
-  background: -o-linear-gradient(top,#434343 0,#cdcdcd 100%) no-repeat scroll 0 0 transparent;
-  background: -ms-linear-gradient(top,#434343 0,#cdcdcd 100%) no-repeat scroll 0 0 transparent;
+  background-color: #434343;
   background: linear-gradient(to bottom,#434343 0,#cdcdcd 100%) no-repeat scroll 0 0 transparent;
-  background: -moz-linear-gradient(center top,#434343,#cdcdcd) no-repeat scroll 0 0 transparent;
-  filter: progid : DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#cdcdcd', GradientType=0);
+  box-sizing: border-box;
 }
 
 body {
   background-color: inherit;
 }
 
-.markdownHelp{
+.markdownHelp {
   background-color: #FFFFFF;
   padding: 0.3em;
 }
 
 a, .linkdescription a {
   color: #E28E3F;
-  -webkit-transition: all 100ms ease-in-out;
-  -moz-transition: all 100ms ease-in-out;
-  -ms-transition: all 100ms ease-in-out;
-  -o-transition: all 100ms ease-in-out;
   transition: all 100ms ease-in-out;
 }
 
@@ -80,21 +65,18 @@ pre code {
   background: #fff;
 }
 
-#linklist li .linkdescription li,
-.markdownHelp li {
+#linklist li .linkdescription li, .markdownHelp li {
   margin: 0;
   border: none;
   list-style-position: outside;
   list-style-type: disc;
 }
 
-#linklist li .linkdescription ol li,
-.markdownHelp ol li {
+#linklist li .linkdescription ol li, .markdownHelp ol li {
   list-style: decimal;
 }
 
-#linklist li .linkdescription ol,
-.markdownHelp ol {
+#linklist li .linkdescription ol, .markdownHelp ol {
   list-style: decimal outside;
 }
 
@@ -200,7 +182,6 @@ pre code {
 }
 
 .searchform, .tagfilter, .addform {
-  display: inline-block;
   text-align: left;
   margin: 0;
   padding: 0.3em;
@@ -212,13 +193,13 @@ pre code {
   align-items: flex-start;
 }
 
-.searchform input:nth-child(1), .tagfilter input:nth-child(1), .addform input:nth-child(1){
+.searchform input:nth-child(1), .tagfilter input:nth-child(1), .addform input:nth-child(1) {
   order: 1;
   flex: 1 0 auto;
   align-self: stretch;
 }
 
-.searchform input:nth-child(2), .tagfilter input:nth-child(2), .addform input:nth-child(2){
+.searchform input:nth-child(2), .tagfilter input:nth-child(2), .addform input:nth-child(2) {
   order: 2;
   flex: 0 0 20%;
   align-self: stretch;
@@ -256,8 +237,7 @@ pre code {
   font-style: italic;
 }
 
-#editlinkform input[type='text'],
-#editlinkform textarea {
+#editlinkform input[type='text'], #editlinkform textarea {
   width: 100%;
 }
 
@@ -274,12 +254,12 @@ pre code {
   text-align: center;
 }
 
-.submitButton .bigbutton{
-  width : 25%;
+.submitButton .bigbutton {
+  width: 25%;
 }
 
 .ui-autocomplete {
-  width : 50px;
+  width: 50px;
 }
 
 #pageheader #logo {
@@ -307,8 +287,8 @@ pre code {
 }
 
 .paging_current {
-    color: #fff;
-    display: inline;
+  color: #fff;
+  display: inline;
 }
 
 .linkList {
@@ -317,17 +297,16 @@ pre code {
 
 fieldset {
   border: 1px solid #CDCDCD;
-    border-radius: 0.3em;
-    padding: 0.3em;
-    margin: 0.3em 0;
+  border-radius: 0.3em;
+  padding: 0.3em;
+  margin: 0.3em 0;
 }
 
 legend {
-  padding : 0 0.3em;
+  padding: 0 0.3em;
   margin: 0 0 0 0.6em;
-  color : #FFFFFF;
+  color: #FFFFFF;
   font-weight: bolder;
-
 }
 
 p {
@@ -479,26 +458,22 @@ em {
   font-style: italic;
 }
 
-.result {
-  /*display: none;*/
-}
-
 .linkWallabag {
-  font-size:8pt;
-  color:#888;
-  }
+  font-size: 8pt;
+  color: #888;
+}
 .linkWallabag a {
-  color:#E28E3F;
+  color: #E28E3F;
   text-decoration: none;
-  }
+}
 .linkWallabag a {
-  background-image:url('../images/logo_wallabag.png');
-  padding:2px 0 3px 20px;
-  background-repeat:no-repeat;
-  }
+  background-image: url('../images/logo_wallabag.png');
+  padding: 2px 0 3px 20px;
+  background-repeat: no-repeat;
+}
 .linkWallabag a:hover {
   color: #F57900
-  }
+}
 
 @media handheld, only screen and (max-width: 480px) , only screen and (max-device-width: 854px) {
   /* A few fixes for mobile devices (far from perfect). */
@@ -523,15 +498,16 @@ em {
   }
 
   .searchform, .tagfilter {
-    display: block !important;
-    margin: 0px !important;
-    padding: 0px !important;
-    width: 100% !important;
+    display: block;
+    margin: 0px;
+    padding: 0px;
+    width: 100%;
     height: 2em;
   }
 
   .searchform input, .tagfilter input {
-    height: 2em;padding 0.1em;
+    height: 2em;
+    padding: 0.1em;
   }
 
   .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
@@ -548,14 +524,15 @@ em {
     width: 70% !important;
   }
 
-  div.qrcode {
+  .qrcode {
     position: relative;
     float: left;
     top: -10px;
-    left: 0px;
+    left: 0;
   }
 
-  #paging_privatelinks {float;none;
+  #paging_privatelinks {
+    float: none;
   }
 
   #paging_linksperpage {
@@ -575,48 +552,48 @@ em {
   .thumbnail {
     float: none;
     height: auto;
-    margin: 0px;
+    margin: 0;
     text-align: center;
   }
 
   #cloudtag {
-    padding: 0px;
+    padding: 0;
   }
 
-  div.dailyAbout {
+  .dailyAbout {
     float: none;
     position: relative;
     width: 100%;
     clear: both;
-    padding: 0px;
-    top: 0px;
-    left: 0px;
+    padding: 0;
+    top: 0;
+    left: 0;
   }
 
   #daily_col1, #daily_col2, #daily_col3 {
     float: none;
     width: 100%;
-    padding: 0px;
+    padding: 0;
   }
 
-  div.dailyTitle {
+  .dailyTitle {
     font-size: 18pt;
     margin-top: 5px;
-    padding: 0px;
+    padding: 0;
   }
 
-  div.dailyDate {
+  .dailyDate {
     font-size: 11pt;
-    padding: 0px;
+    padding: 0;
     display: block;
   }
 
-  div.dailyEntryTitle {
+  .dailyEntryTitle {
     font-size: 16pt;
     font-weight: bold;
   }
 
-  div.dailyEntryDescription {
+  .dailyEntryDescription {
     font-size: 10pt;
   }
 
@@ -632,10 +609,10 @@ em {
 
 @media print {
   * {
-    color: black !important;
-    background: transparent !important;
-    filter: none !important;
-    -ms-filter: none !important;
+    color: #000000;
+    background: transparent;
+    filter: none;
+    -ms-filter: none;
   }
 
   body {
@@ -650,7 +627,7 @@ em {
   hr {
     height: 1px;
     border: 0;
-    border-bottom: 1px solid black;
+    border-bottom: 1px solid #000000;
   }
 
   a[href]:after {
@@ -676,15 +653,13 @@ em {
   }
 
   img {
-    max-width: 100% !important;
+    max-width: 100%;
   }
 
-  @
   page:left {
     margin: 15mm 20mm 15mm 10mm;
   }
 
-  @
   page:right {
     margin: 15mm 10mm 15mm 20mm;
   }
@@ -696,5 +671,5 @@ em {
 
   h2, h3 {
     page-break-after: avoid;
-  };
+  }
 }
\ No newline at end of file