kallithea Changeset - b8d568d2eb21

Changeset - b8d568d2eb21

Parent rev.

Child rev.

[Not reviewed]

default

0 3 0

domruf - 8 years ago 2017-10-27 18:49:04
dominikruf@gmail.com

less: set navbar background and dropdown menu text color with Bootstrap variables

For the quick_login dropdown set color to @kallithea-theme-inverse-color for
all text.

3 files changed with 11 insertions and 27 deletions:

kallithea/public/css/contextbar.css

kallithea/public/less/kallithea-variables.less

kallithea/public/less/style.less

0 comments (0 inline, 0 general)

kallithea/public/css/contextbar.css

➞

Show inline comments

 /**
  * Stylesheets for the context bar
  */
 nav.navbar #quick a,
 #content #context-bar,
 #content #context-bar a {
   color: #FFFFFF;
 }
 nav.navbar #quick a:hover,
 #content #context-bar a:hover {
   text-decoration: none;
   background: inherit;
 }
 nav.navbar #quick ul,
 #context-pages ul {
   background: #577632;
@@ @@ -34,9 +24,6 @@ nav.navbar #quick li a.menu_link:focus, @@
   display: none;
 }
 .nav .open > a {
   background: inherit !important;
 }
 nav.navbar #quick > li > a,
 nav.navbar #quick .select2-container .select2-choice .select2-chosen,
 #context-pages > ul > li > a,

kallithea/public/less/kallithea-variables.less

➞

Show inline comments

@@ @@ -13,3 +13,12 @@ @@
 @link-hover-color:                  darken(@kallithea-theme-main-color, 20.0%);
 @btn-default-bg:                    #E7E7E7;
 @font-family-monospace:             Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
 @navbar-inverse-color:              @kallithea-theme-inverse-color;
 @navbar-inverse-bg:                 @kallithea-theme-main-color;
 @navbar-inverse-border:             @kallithea-theme-main-color;
 @navbar-inverse-link-color:         @kallithea-theme-inverse-color;
 @navbar-inverse-link-hover-bg:      tint(@kallithea-theme-main-color, 15.0%);
 @navbar-inverse-link-active-bg:     @navbar-inverse-link-hover-bg;
 @navbar-inverse-toggle-hover-bg:    @navbar-inverse-link-hover-bg;
 @navbar-inverse-toggle-border-color:@kallithea-theme-main-color;
 @dropdown-link-color:               @navbar-inverse-color;

kallithea/public/less/style.less

➞

Show inline comments

@@ @@ -58,21 +58,14 @@ a.permalink { @@
 .navbar-inverse {
   border: none;
+}
 .navbar-inverse .navbar-nav > .active > a,
 .navbar-inverse .navbar-nav > .active > a:hover,
 .navbar-inverse .navbar-nav > .active > a:focus {
   background-color: inherit;
+}
 nav.navbar .navbar-brand:hover,
 nav.navbar .navbar-brand {
   font-size: 20px;
   padding-top: 12px;
   color: white !important;
   height: 44px;
+}
 nav.navbar {
   min-height: 44px;
   background-color: #577632;
+}
 /* logo */
@@ @@ -197,16 +190,11 @@ div.panel.panel-default > div.panel-head @@
+}
 #footer {
   background-color: #577632;
   margin-bottom: 0;
+}
 #footer > span {
   color: #FFF;
   font-weight: 700;
+}
 #footer .navbar-link {
   color: #FFF;
+}
 #login .panel-body .icon-lock {
   font-size: 100px;
@@ @@ -295,8 +283,8 @@ div.panel.panel-default > div.panel-head @@
 #quick_login div.form div.form-group {
   padding: 5px;
+}
 #quick_login div.form div.form-group > label {
   color: #fff;
 #quick_login :not(input) {
   color: @kallithea-theme-inverse-color;
   padding-bottom: 3px;
+}
 #quick_login div.form div.form-group > div input {

0 comments (0 inline, 0 general)