|
|
| Line 1: |
Line 1: |
| | <html lang=''> | | <html lang=''> |
| | <style> | | <style> |
| − | /* Creates a container that will wrap all of the content inside your wiki pages. */
| |
| − | #mainContainer {
| |
| − | width: 980px;
| |
| − | overflow: hidden;
| |
| − | float:left;
| |
| − | margin-left: 20px;
| |
| − | background-color: #EEEDEA;
| |
| − | border-bottom: 6px solid #EE3e53;
| |
| − | }
| |
| − |
| |
| − | /* Creates the container for the menu */
| |
| − | #menuContainer {
| |
| − | float:right;
| |
| − | width: 150px;
| |
| − | background-color: #0e232f;
| |
| − | height: 100%;
| |
| − | border-top: 6px solid #EE3e53;
| |
| − | font-family: "Arial", Helvetica, sans-serif;
| |
| − | }
| |
| − |
| |
| − | /* Creates the container for the content */
| |
| − | #contentContainer {
| |
| − | background-color: #EEEDEA;
| |
| − | width: 810px;
| |
| − | float: left;
| |
| − | padding: 10px;
| |
| − | border-top: 6px solid #EE3e53;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*Set up height place holder for the banner*/
| |
| − | #bannerContainer {
| |
| − | height:200px;
| |
| − | margin:auto;
| |
| − | text-align:center;
| |
| − | color: #24B694;
| |
| − | }
| |
| − |
| |
| − | /*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
| |
| − |
| |
| − |
| |
| − | /*Change the styling of text for everything inside main container*/
| |
| − | #mainContainer p {
| |
| − | font-family: "Arial", Helvetica, sans-serif;
| |
| − | font-size: 12px;
| |
| − | color: #0e232f;
| |
| − | }
| |
| − |
| |
| − | /*This changes the color and font family */
| |
| − | #contentContainer h1, h2, h3, h4, h5, h6 {
| |
| − | font-family: "Arial", Helvetica, sans-serif;
| |
| − | color: #0e232f;
| |
| − | border-bottom: none;
| |
| − | font-weight: bold;
| |
| − | text-transform: uppercase;
| |
| − | }
| |
| − |
| |
| − | /*Style of the links - links are different inside the menu */
| |
| − | #contentContainer a {
| |
| − | font-weight: bold;
| |
| − | color: #ee3e53;
| |
| − | }
| |
| − |
| |
| − | /* Styling links on hover- links are different inside the menu */
| |
| − | #contentContainer a:hover{
| |
| − | color: #f4b248;
| |
| − | }
| |
| − |
| |
| − | /*Change the styling of tables */
| |
| − | #contentContainer table {
| |
| − | border: 1px solid #0e232f;
| |
| − | border-collapse: collapse;
| |
| − | width: 90%
| |
| − | margin: auto;
| |
| − | margin-bottom: 15px;
| |
| − | margin-top: 15px;
| |
| − | margin-right: 10px;
| |
| − | margin-left: 10px;
| |
| − | }
| |
| − |
| |
| − | /*Change the styling of table cells*/
| |
| − | #contentContainer td {
| |
| − | padding: 10px;
| |
| − | border: 1px solid #0e232f;
| |
| − | border-collapse: collapse;
| |
| − | vertical-align: text-top;
| |
| − | background-color: #EEEDEA;
| |
| − | }
| |
| − |
| |
| − | /*Change the styling of table headers */
| |
| − | #contentContainer th {
| |
| − | padding: 10px;
| |
| − | border: 1px solid #0e232f;
| |
| − | border-collapse: collapse;
| |
| − | vertical-align: text-top;
| |
| − | background-color: #e8d5b7;
| |
| − | }
| |
| − | /*CLASSES */
| |
| − | /*Clear class for all the pages, adds spacing too*/
| |
| − | .clear{
| |
| − | clear:both;
| |
| − | height: 10px;
| |
| − | }
| |
| − |
| |
| − | /* highlight box for special messages */
| |
| − | .highlightBox {
| |
| − | width:500px;
| |
| − | margin:auto;
| |
| − | background-color: #E8D5B7;
| |
| − | margin-bottom: 15px;
| |
| − | margin-top: 15px;
| |
| − | padding: 15px;
| |
| − | padding-top: 5px;
| |
| − | }
| |
| | | | |
| | | | |
