Bug 1536825 Fixed custom theme css

behatnotneeded

Change-Id: I6c59b9bb13384f0a4cdf71d1ab82fb219a9137ee

htdocs/theme/raw/templates/customcss.tpl

 {* this template powers the css that is stored in the database for the configurable theme *}
 
 .header.navbar,
-.dashboard-widget-container .circle-bg,
-.dashboard-widget-container .logged-in .widget-detail,
 .modal-docked .modal-header,
 .modal-header {
     background: {$data.background};
 }
 
+.dashboard-widget-container .circle-bg,
+.dashboard-widget-container .logged-in .widget-detail {
+    background-color: #666;
+}
+
 .navbar.header {
     border-color: {$data.background};
 }
@@ -20,14 +23,14 @@
 }
 
 .dashboard-widget-container .widget-heading {
-    border-top-color: {$data.background};
+    border-top-color: {$data.headings};
 }
 
 .dashboard-widget-container .logged-in .widget-heading p,
 a.panel-footer:hover .icon.pull-right,
 .modal-docked .modal-header .close:hover .times,
 .modal-docked .modal-header .close:focus .times {
-    color: {$data.background};
+    color: #666;
 }
 
 @media (max-width: 767px) {
@@ -61,8 +64,6 @@ h1,
 h2,
 h3,
 h4,
-h5,
-h6,
 .title a {
    color: {$data.headings};
 }
@@ -104,14 +105,17 @@ a:focus,
 .nav-inpage.nav > li.active > a:focus,
 .nav-inpage.nav > li.active > a:hover,
 .nav-inpage.nav > li.active > button:focus,
-.nav-inpage.nav > li.active > button:hover {
+.nav-inpage.nav > li.active > button:hover,
+.list-group a.text-success,
+.outer-link+.list-group-item-heading {
     color: {$data.link};
 }
 
 
 .btn-primary {
     background: {$data.background};
-    border-color: {$data.background};
+    color: {$data.backgroundfg};
+    border-color: #ccc;
 }
 .btn-primary.active,
 .btn-primary.focus,
@@ -119,8 +123,9 @@ a:focus,
 .btn-primary:focus,
 .btn-primary:hover,
 .open > .btn-primary.dropdown-toggle {
-    /* 1px alpha channel white to lighten by 12% */
-    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wkPAic6ZYLJxAAAAA1JREFUCNdj+P//vzwACRsDHRWss5MAAAAASUVORK5CYII=') {$data.background};
+    border-color: #ccc;
+    color: #333;
+    background-color: #e0e0e0;
 }
 .btn-primary.btn:disabled,
 .btn-primary.disabled,
@@ -141,16 +146,35 @@ a:focus,
 .main-nav li a:hover,
 .main-nav li a:focus,
 .navbar-inverse .navbar-nav > li > a:focus,
-.navbar-inverse .navbar-nav > li > a:hover {
+.navbar-inverse .navbar-nav > li > a:hover,
+.navbar-inverse .navbar-link,
+.navbar-inverse .navbar-link:hover,
+.navbar-inverse .navbar-link:focus {
     color: {$data.navfg};
 }
+
 .main-nav .dropdown-nav-home li a,
-.main-nav .dropdown-nav-home li a:link,
+.main-nav .dropdown-nav-home li a:link {
+    color: {$data.link};
+}
+
 .main-nav .dropdown-nav-home li a:active,
-.main-nav .dropdown-nav-home li a:visited,
 .main-nav .dropdown-nav-home li a:hover,
 .main-nav .dropdown-nav-home li a:focus {
-    color: {$data.headings};
+    color: #555 !important;
+}
+
+.main-nav .nav > li a:hover,
+.main-nav .nav > li a:focus,
+.main-nav .nav > li a:active {
+    color: {$data.navfg};
+    background-color: rgba(223,223,223,.5);
+}
+
+.navbar-default .navbar-text.navbar-link,
+.navbar-default .navbar-text.navbar-link:hover,
+.navbar-default .navbar-text.navbar-link:focus {
+    color: {$data.navfg};
 }
 
 @media (max-width: 767px) {
@@ -171,7 +195,6 @@ a:focus,
     }
 }
 
-
 #sub-nav.navbar-default .navbar-nav > .active > a,
 #sub-nav.navbar-default .navbar-nav > .active > a:link,
 #sub-nav.navbar-default .navbar-nav > .active > a:visited {
@@ -179,14 +202,18 @@ a:focus,
     color: {$data.backgroundfg};
     border-radius: 3px;
 }
+
 #sub-nav.navbar-default .navbar-nav > .active > a:active,
 #sub-nav.navbar-default .navbar-nav > .active > a:hover {
     background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wkPAhMnva5W6gAAAA1JREFUCNdj+P//vz0ACTsDPd3TBh4AAAAASUVORK5CYII=') {$data.background};
 }
 #sub-nav.navbar-default .navbar-nav > li > a:focus,
 #sub-nav.navbar-default .navbar-nav > li > a:hover {
-    color: {$data.background};
-    background: transparent;
+    background: #f9f9f9;
+}
+
+a.admin-site {
+    color: {$data.backgroundfg};
 }
 
 .arrow-bar {
@@ -208,3 +235,29 @@ header.header .header-search-form .form-control:focus {
     background-color: {$data.backgroundfg};
     color: {$data.background};
 }
+
+.admin .arrow-bar {
+    background-color: #f9f9f9;
+}
+.pagination > li > a,
+.pagination> li > span {
+    color: #666;
+}
+.pagination > li > a:hover,
+.pagination > li > a:focus,
+.pagination> li > span:hover,
+.pagination> li > span:focus {
+    color: #333;
+}
+.pagination >.active > span {
+    background-color: #666;
+    border-color: #666;
+}
+.pagination >.active > span:hover,
+.pagination >.active > span:focus {
+    background-color: #333;
+}
+
+.custom-dropdown > ul > li > span {
+    background-color: #666;
+}