X-Git-Url: https://git.cworth.org/git?a=blobdiff_plain;f=overview.css;h=8426fb2046f4749678faced5cf48782366ec3523;hb=5722eb825e11c817209e0ce4b29e8acfcb8b1e3d;hp=b3061da6d1300230532ee4f183e18e5f36defc97;hpb=b8a3ad3918a6367744d4a7bff7cdb27f12155702;p=turbot-web diff --git a/overview.css b/overview.css index b3061da..8426fb2 100644 --- a/overview.css +++ b/overview.css @@ -1,94 +1,94 @@ -/* The grid: Three equal columns that floats next to each other */ -.column { - float: left; - width: 15%; - padding: 25px; - text-align: center; - font-size: 20px; - cursor: pointer; - color: black; - border-radius: 25px; - margin: 25px; -} - -.containerTab { - padding: 20px; - color: black; - border-radius: 25px; - margin: auto; - width: 20%; - - -} - -/* Clear floats after the columns */ -.row:after { - content: ""; - display: table; - clear: both; -} - -/* Closable button inside the image */ -.closebtn { - float: right; - color: black; - font-size: 35px; - cursor: pointer; -} - -table { - color: black; - padding: 5px; -} - -th, td { - padding: 5px; -} - -.solved { - background-color: chartreuse; -} - -.unsolved { - background-color: orange; -} - -/* The sidebar menu */ -.sidenav { - height: 100%; /* Full-height: remove this if you want "auto" height */ - width: 160px; /* Set the width of the sidebar */ - position: fixed; /* Fixed Sidebar (stay in place on scroll) */ - z-index: 1; /* Stay on top */ - top: 0; /* Stay at the top */ - left: 0; - background-color: #111; /* Black */ - overflow-x: hidden; /* Disable horizontal scroll */ - padding-top: 20px; -} - -/* The navigation menu links */ -.sidenav a { - padding: 6px 8px 6px 16px; - text-decoration: none; - font-size: 25px; - color: #818181; - display: block; -} - -/* When you mouse over the navigation links, change their color */ -.sidenav a:hover { - color: #f1f1f1; -} - -/* Style page content */ -body { - margin-left: 160px; /* Same as the width of the sidebar */ - padding: 0px 10px; - background-color: #BBB; -} - -/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */ -@media screen and (max-height: 450px) { - .sidenav {padding-top: 15px;} - .sidenav a {font-size: 18px;} -} +/* The grid: Three equal columns that floats next to each other */ +.column { + float: left; + width: 15%; + padding: 25px; + text-align: center; + font-size: 20px; + cursor: pointer; + color: black; + border-radius: 25px; + margin: 25px; +} + +.containerTab { + padding: 20px; + color: black; + border-radius: 25px; + margin: auto; + width: 20%; + + +} + +/* Clear floats after the columns */ +.row:after { + content: ""; + display: table; + clear: both; +} + +/* Closable button inside the image */ +.closebtn { + float: right; + color: black; + font-size: 35px; + cursor: pointer; +} + +table { + color: black; + padding: 5px; +} + +th, td { + padding: 5px; +} + +.solved { + background-color: chartreuse; +} + +.unsolved { + background-color: orange; +} + +/* The sidebar menu */ +.sidenav { + height: 100%; /* Full-height: remove this if you want "auto" height */ + width: 160px; /* Set the width of the sidebar */ + position: fixed; /* Fixed Sidebar (stay in place on scroll) */ + z-index: 1; /* Stay on top */ + top: 0; /* Stay at the top */ + left: 0; + background-color: #111; /* Black */ + overflow-x: hidden; /* Disable horizontal scroll */ + padding-top: 20px; +} + +/* The navigation menu links */ +.sidenav a { + padding: 6px 8px 6px 16px; + text-decoration: none; + font-size: 25px; + color: #818181; + display: block; +} + +/* When you mouse over the navigation links, change their color */ +.sidenav a:hover { + color: #f1f1f1; +} + +/* Style page content */ +body { + margin-left: 160px; /* Same as the width of the sidebar */ + padding: 0px 10px; + background-color: #BBB; +} + +/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */ +@media screen and (max-height: 450px) { + .sidenav {padding-top: 15px;} + .sidenav a {font-size: 18px;} +}