|
|
Line 15: |
Line 15: |
| background-color: #FFFFFF; | | background-color: #FFFFFF; |
| } | | } |
− | | + | </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: #FFFFFF;
| + | |
− | border-bottom: 6px solid #EE3e53;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | /* 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;
| + | |
− | }
| + | |
− | | + | |
− | </style>
| + | |
| <!-- End of CSS --> | | <!-- End of CSS --> |
| | | |