|
|
| Line 16: |
Line 16: |
| | /* PAGE LAYOUT */ | | /* PAGE LAYOUT */ |
| | | | |
| − | body { /* page background formatting */
| |
| − | /* background-color: #2a8e5a; */ /*dark green*/
| |
| − | background-color: #ffffff;
| |
| − | }
| |
| − |
| |
| − | #mainContainer { /* Creates a container that wraps all of the content inside our wiki pages */
| |
| − | width: 980px;
| |
| − | overflow: hidden;
| |
| − | float: center;
| |
| − | /* margin-left: 0px; */
| |
| − | /* background-color: #EEEDEA; */
| |
| − | /* border-bottom: 6px solid #EE3e53; */
| |
| − | }
| |
| − |
| |
| − | #menuContainer { /* Creates the container for the menu */
| |
| − | float: center;
| |
| − | width: 980px;
| |
| − | /* background-color: #0e232f; */
| |
| − | height: 80px;
| |
| − | /* border-top: 6px solid #EE3e53; */
| |
| − | font-family: Verdana, Geneva, sans-serif;
| |
| − | }
| |
| − |
| |
| − | #contentContainer { /* Creates the container for the content */
| |
| − | /* background-color: #EEEDEA; */
| |
| − | width: 810px;
| |
| − | float: left;
| |
| − | padding: 10px;
| |
| − | /* border-top: 6px solid #EE3e53; */
| |
| − | }
| |
| − |
| |
| − | #bannerContainer { /*Set up height place holder for the banner*/
| |
| − | height:200px;
| |
| − | margin:auto;
| |
| − | text-align:center;
| |
| − | /* color: #24B694; */
| |
| − | }
| |
| − |
| |
| − | /* VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
| |
| − |
| |
| − | #mainContainer p { /* Styling of text for everything inside main container */
| |
| − | font-family: Verdana, Geneva, sans-serif;
| |
| − | font-size: 12px;
| |
| − | /* color: #0e232f; */
| |
| − | }
| |
| − |
| |
| − | #mainmenu table { /* Styling of the menu id */
| |
| − | font-family: Verdana, Geneva, sans-serif;
| |
| − | font-size: 14px;
| |
| − | color: #ffffff;
| |
| − | }
| |
| − |
| |
| − | .mainmenu table { /* Styling of the menu table class */
| |
| − | font-family: Verdana, Geneva, sans-serif;
| |
| − | font-size: 14px;
| |
| − | color: #ffffff;
| |
| − | }
| |
| − |
| |
| − | .mainmenu a { /* Styling of the menu table hyperlinks */
| |
| − | display:block;
| |
| − | }
| |
| − |
| |
| − | #contentContainer h1, h2, h3, h4, h5, h6 { /* Colour and font family */
| |
| − | font-family: Verdana, Geneva, sans-serif;
| |
| − | /* color: #0e232f; */
| |
| − | border-bottom: none;
| |
| − | font-weight: bold;
| |
| − | /* text-transform: uppercase; */
| |
| − | }
| |
| − |
| |
| − | #contentContainer a { /*Style of the links */
| |
| − | font-weight: bold;
| |
| − | color: #0645ad; /*hyperlink blue*/
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − |
| |
| − | #contentContainer a:hover{ /* Styling links on hover */
| |
| − | color: #f4b248; /*dark blue*/
| |
| − | }
| |
| − |
| |
| − | h1 { /* Heading1 formatting */
| |
| − | font-family: Verdana, Geneva, sans-serif;
| |
| − | color: #000000; /*black*/
| |
| − | text-align: left;
| |
| − | }
| |
| − |
| |
| − | h2 { /* Comment: heading2 formatting */
| |
| − | font-family: Verdana, Geneva, sans-serif;
| |
| − | color: #000000; /*black*/
| |
| − | }
| |
| − |
| |
| − | p { /* Comment: paragraph formatting */
| |
| − | font-family: Verdana, Geneva, sans-serif;
| |
| − | color: #000000; /*black*/
| |
| − | /* font-size: 20px; */
| |
| − | }
| |
| | /* Main elements of the page */ | | /* Main elements of the page */ |
| | | | |