diff options
Diffstat (limited to 'web/src/css')
-rw-r--r-- | web/src/css/app.less | 4 | ||||
-rw-r--r-- | web/src/css/footer.less | 4 | ||||
-rw-r--r-- | web/src/css/header.less | 106 | ||||
-rw-r--r-- | web/src/css/layout.less | 32 |
4 files changed, 72 insertions, 74 deletions
diff --git a/web/src/css/app.less b/web/src/css/app.less index 4efb8ceb..ff3c614c 100644 --- a/web/src/css/app.less +++ b/web/src/css/app.less @@ -1,10 +1,10 @@ // www.paulirish.com/2012/box-sizing-border-box-ftw/ html { - box-sizing: border-box; + box-sizing: border-box; } *, *:before, *:after { - box-sizing: inherit; + box-sizing: inherit; } @import (less) "layout.less"; diff --git a/web/src/css/footer.less b/web/src/css/footer.less index 4c0035c8..69ab62ce 100644 --- a/web/src/css/footer.less +++ b/web/src/css/footer.less @@ -1,4 +1,4 @@ footer { - padding: 0 10px; - //text-align: center; + padding: 0 10px; + //text-align: center; }
\ No newline at end of file diff --git a/web/src/css/header.less b/web/src/css/header.less index 998c0612..4f4af121 100644 --- a/web/src/css/header.less +++ b/web/src/css/header.less @@ -1,62 +1,60 @@ header { + background-color: white; - background-color: white; - - .title-bar { - line-height: 25px; - text-align: center; - } - - @separator-color: lighten(grey, 15%); - - nav { - - border-bottom: solid @separator-color 1px; - - a { - display: inline-block; - padding: 3px 14px; - margin: 0 2px -1px; - border: solid transparent 1px; - //text-transform: uppercase; - //font-family: Lato; - - &.active { - border-color: @separator-color; - border-bottom-color: white; - } - &:hover { - /* - @preview: lightgrey; - border-top-color: @preview; - border-left-color: @preview; - border-right-color: @preview; - */ - text-decoration: none; - } - &.special { - @special-color: #396cad; - color: white; - background-color: @special-color; - border-bottom-color: @special-color; - &:hover { - background-color: lighten(@special-color, 10%); - } - } + .title-bar { + line-height: 25px; + text-align: center; } - &:before { - content: " "; - } + @separator-color: lighten(grey, 15%); + + nav { + border-bottom: solid @separator-color 1px; + + a { + display: inline-block; + padding: 3px 14px; + margin: 0 2px -1px; + border: solid transparent 1px; + //text-transform: uppercase; + //font-family: Lato; + + &.active { + border-color: @separator-color; + border-bottom-color: white; + } + &:hover { + /* + @preview: lightgrey; + border-top-color: @preview; + border-left-color: @preview; + border-right-color: @preview; + */ + text-decoration: none; + } + &.special { + @special-color: #396cad; + color: white; + background-color: @special-color; + border-bottom-color: @special-color; + &:hover { + background-color: lighten(@special-color, 10%); + } + } + } - &:after { - clear: both; - } + &:before { + content: " "; + } - } + &:after { + clear: both; + } + + } - .menu { - height: 100px; - border-bottom: solid @separator-color 1px; - } + .menu { + height: 100px; + border-bottom: solid @separator-color 1px; + } }
\ No newline at end of file diff --git a/web/src/css/layout.less b/web/src/css/layout.less index e1f22249..7c5f79b9 100644 --- a/web/src/css/layout.less +++ b/web/src/css/layout.less @@ -1,36 +1,36 @@ html, body, #container { - height: 100%; - margin: 0; - overflow: hidden; + height: 100%; + margin: 0; + overflow: hidden; } header, footer { - display: block; + display: block; } @headerheight: 153px; @footerheight: 25px; #container { - //Set padding on container so that #main can take 100% height - //If we don't do it, the scrollbars will be too large. - padding: @headerheight 0 @footerheight; + //Set padding on container so that #main can take 100% height + //If we don't do it, the scrollbars will be too large. + padding: @headerheight 0 @footerheight; } header { - height: @headerheight; - //Substract #container padding - margin-top: -@headerheight; + height: @headerheight; + //Substract #container padding + margin-top: -@headerheight; } #main { - height: 100%; - display: block; - overflow-y: auto; + height: 100%; + display: block; + overflow-y: auto; } footer { - //This starts at the beginning of the #container padding, all fine. - height: @footerheight; - line-height: @footerheight; + //This starts at the beginning of the #container padding, all fine. + height: @footerheight; + line-height: @footerheight; } |