|
|
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 */ |
| | | |