css: introduce css variables in Colibris skin

src/static/css/pad.css

@@ -23,6 +23,14 @@ html,
   font-family: Cantarell, Roboto, "Open Sans", "Helvetica Neue", Arial, sans-serif;
 }
 
+select {
+  padding: 2px;
+  border-radius: 3px;
+  border: 1px solid #ccc;
+  outline: none;
+  width: 120px;
+}
+
 .clear {
   clear: both
 }

src/static/css/pad/chat.css

@@ -83,7 +83,6 @@
   padding: 5px;
 }
 #chatinputbox #chatinput {
-  border: 1px solid #ccc;
   width: 100%;
 }
 

src/static/css/pad/gritter.css

@@ -16,9 +16,11 @@
   top: auto;
   bottom: auto;
 }
+
 .gritter-item .popup-content {
   display: flex;
 }
+
 .gritter-item .gritter-content {
   flex: 1 auto;
   text-align: center;

src/static/css/pad/popup.css

@@ -60,15 +60,6 @@
 .popup p {
   margin: 5px 0;
 }
-.popup select {
-  background: #fff;
-  padding: 2px;
-  height: 24px;
-  border-radius: 3px;
-  border: 1px solid #ccc;
-  outline: none;
-  width: 120px;
-}
 
 /* Mobile devices */
 @media only screen and (max-width: 720px) {

src/static/css/pad/toolbar.css

@@ -56,7 +56,7 @@
   background: #ddd;
 }
 .toolbar ul li a.selected {
-  background: #dadada !important;
+  background: #dadada;
 }
 
 .toolbar ul li a.grouped-left {
@@ -71,15 +71,6 @@
   border-left: 0;
 }
 
-.toolbar ul li select {
-  padding: 4px;
-  line-height: 22px;
-  height: 28px;
-  border-radius: 3px;
-  border: 1px solid #ccc;
-  outline: none;
-}
-
 .toolbar ul li[data-key=showusers] > a {
   min-width: 35px;
 }