aboutsummaryrefslogtreecommitdiffstats
path: root/web/src/css
diff options
context:
space:
mode:
Diffstat (limited to 'web/src/css')
-rw-r--r--web/src/css/app.less4
-rw-r--r--web/src/css/footer.less4
-rw-r--r--web/src/css/header.less106
-rw-r--r--web/src/css/layout.less32
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;
}