$$DOCUMENT_TITLE$$
$$CONTENT$$
- diff --git a/pics/SUNSET_REVERSE.GIF b/pics/SUNSET_REVERSE.GIF new file mode 100644 index 0000000..6cba3f1 Binary files /dev/null and b/pics/SUNSET_REVERSE.GIF differ diff --git a/test.css b/test.css index 8c37c26..43c302f 100644 --- a/test.css +++ b/test.css @@ -2,6 +2,12 @@ font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif; } +html, +body { + height: 100%; + margin: 0; + padding: 0; +} /* The sidebar menu */ .sidenav { height: 100%; /* Full-height: remove this if you want "auto" height */ @@ -10,7 +16,7 @@ z-index: 1; /* Stay on top */ top: 0; /* Stay at the top */ left: 0; - background-color: white; /* Black */ + background-color: #e7eaef; /* Black */ overflow-x: hidden; /* Disable horizontal scroll */ padding-top: 20px; } @@ -20,27 +26,28 @@ padding: 6px 8px 6px 16px; text-decoration: none; font-size: 25px; - color: #818181; + color: black; display: block; } /* When you mouse over the navigation links, change their color */ .sidenav a:hover { - color: #f1f1f1; + color: #818181; } /* Style page content */ .main { margin-left: 160px; /* Same as the width of the sidebar */ padding: 0px 10px; - background-color: #e7eaef; + background-color: #f0f4f7; + height: 100%; } /* 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;} -} +} .title-format { font-size: 30pt; @@ -54,10 +61,40 @@ font-size: 25pt; } +.header a { + font-size: 25pt; +} + .sub-header { font-size: 20pt; } +.sub-header a { + font-size: 20pt; +} + .text { font-size: 15pt; } + +.text a { + font-size: 15pt; +} + +.description { + font-size: 12pt; + font-style: italic; +} + +.footer { + font-size: 12pt; + bottom: 0; +} + +.footer a { + font-size: 12pt; +} + +#banner { + width:100%; +}