diff options
| -rw-r--r-- | style.scss | 31 |
1 files changed, 19 insertions, 12 deletions
@@ -130,15 +130,16 @@ body { position: absolute; top: 6em; left: 30em; - background-color: LightBlue; + background-color: lightblue; ul { border-bottom: 0; padding: 0 0 0 15px; } a { - color: LightBlue; + color: lightblue; &:hover { color: white; + text-decoration: none; } } } @@ -160,7 +161,7 @@ body { height: 60px; margin: 0; padding: 20px 0; - background-color: LightBlue; + background-color: lightblue; text-align: center; text-transform: uppercase; letter-spacing: 1px; @@ -184,6 +185,9 @@ body { .topbar a { font-weight: bold; + &:hover { + text-decoration: none; + } } .topbar ul { @@ -236,7 +240,7 @@ body { margin-right: 2em; // color: gray !important; - background: none; + background-color: none; margin-left: 0; text-align: center; } @@ -282,12 +286,6 @@ img { max-width: 108px; } -.columns { - -webkit-column-count: 3; /* Chrome, Safari, Opera */ - -moz-column-count: 3; /* Firefox */ - column-count: 3; -} - td, th { padding: 0 1em 0 0; @@ -297,7 +295,7 @@ th { border: 0; padding: 1em 5%; margin: 0; - background-color: LightYellow; + background-color: lightyellow; } .inlinepage .header a { @@ -429,7 +427,7 @@ th { margin: 0; border-top: 0; padding:1em 1em 1em 20px; - background-color: LightBlue; + background-color: lightblue; } .pagedate { @@ -446,6 +444,9 @@ th { @media screen and (max-width: 480px) { .columns { @include column-count(1); + -webkit-column-count: 1; /* Chrome, Safari, Opera */ + -moz-column-count: 1; /* Firefox */ + column-count: 1; } .inlinepage { margin: 0; @@ -455,11 +456,17 @@ th { @media screen and (min-width: 480px) and (max-width: 700px) { .columns { @include column-count(2); + -webkit-column-count: 2; /* Chrome, Safari, Opera */ + -moz-column-count: 2; /* Firefox */ + column-count: 2; } } @media screen and (min-width: 701px) { .columns { @include column-count(3); + -webkit-column-count: 3; /* Chrome, Safari, Opera */ + -moz-column-count: 3; /* Firefox */ + column-count: 3; } } |