|
|
| Line 3: |
Line 3: |
| | | | |
| | | | |
| - | <!--
| |
| - | <!-- The styling for the website is placed here -->
| |
| - | <head>
| |
| - |
| |
| - | <!-- start of css -->
| |
| - | <style type="text/css">
| |
| - |
| |
| - | /* Clear the default wiki settings */
| |
| - |
| |
| - | /* Remove footer, catlinks and logos */
| |
| - | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | /* set up a white background */
| |
| - | body {
| |
| - | width: 100%;
| |
| - | height: 100%;
| |
| - | background-color: #fff;
| |
| - | }
| |
| | | | |
| - | /*-- Make page full width and remove borders */
| |
| - | #globalWrapper, #content {
| |
| - | width: 100%;
| |
| - | height: 100%;
| |
| - | border: 0px;
| |
| - | background-color: transparent;
| |
| - | margin: 0px;
| |
| - | padding: 0px;
| |
| - | }
| |
| | | | |
| - |
| |
| - | /*Clear wiki default settings for the top part and create mock "black navigation bar" */
| |
| - | #top-section {
| |
| - | background-color: #383838;
| |
| - | border: 0 none;
| |
| - | height: 14px;
| |
| - | z-index: 100;
| |
| - | top: 0;
| |
| - | position: fixed;
| |
| - | width: 975px;
| |
| - | left: 50%;
| |
| - | margin-left: -487px;
| |
| - | }
| |
| | | | |
| - |
| |
| - | /* Create layout divs */
| |
| - |
| |
| - | /* General content wrap */
| |
| - | #contentWrap {
| |
| - | width: 975px;
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;
| |
| - | padding-top: 25px;
| |
| - | }
| |
| - |
| |
| - | #leftColumn {
| |
| - | background-color: #f9f9f9;
| |
| - | width: 215px;
| |
| - | height: 100%;
| |
| - | float: left;
| |
| - | padding: 5px 5px 5px 5px;
| |
| - | }
| |
| - |
| |
| - | #rightColumn {
| |
| - | background-color: #fff;
| |
| - | width: 740px;
| |
| - | height: 100%;
| |
| - | padding: 5px 5px 5px 5px;
| |
| - | float: left;
| |
| - | }
| |
| - |
| |
| - | #featureBoxLeft {
| |
| - | background-color: #ffffff;
| |
| - | padding: 5px 10px 10px 10px;
| |
| - | border: 1px solid #cccccc;
| |
| - | border-radius: 5px;
| |
| - | }
| |
| - |
| |
| - | .fullWidthRight {
| |
| - | background-color: #ffffff;
| |
| - | padding: 5px 10px 10px 10px;
| |
| - | border-radius: 5px;
| |
| - | margin-bottom: 5px;
| |
| - | }
| |
| - |
| |
| - | .smallBlockRight{
| |
| - | margin-bottom: 5px;
| |
| - | padding: 5px 20px 10px 20px;
| |
| - | width : 205px;
| |
| - | float: left;
| |
| - | }
| |
| - |
| |
| - | .newsItem {
| |
| - | background-color: #f9f9f9;
| |
| - | padding: 5px 20px 5px 20px;
| |
| - | border: 1px solid #cccccc;
| |
| - | margin-bottom: 5px;
| |
| - | border-radius: 5px;
| |
| - | }
| |
| - |
| |
| - | .newsDate {
| |
| - | font-style: italic;
| |
| - | display: inline-block;
| |
| - | color: #383838;
| |
| - | float: right;
| |
| - | padding: 7px 0px 10px 15px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | .clear {
| |
| - | clear: both;
| |
| - | }
| |
| - |
| |
| - | .button {
| |
| - | width: 120px;
| |
| - | border: 1px solid #cccccc;
| |
| - | background-color: fff;
| |
| - | height: 30px;
| |
| - | text-align: center;
| |
| - | border-radius: 5px;
| |
| - | padding-top: 10px;
| |
| - | margin: auto;
| |
| - | }
| |
| - |
| |
| - | .button:hover {
| |
| - | background-color: #c1dfa6;
| |
| - | }
| |
| - |
| |
| - | /* general styling */
| |
| - |
| |
| - | /* Titles are switched to Arial Black with no line decoration */
| |
| - | h1, h2, h3, h4, h5 {
| |
| - | font-family: "Arial", Gadget, sans-serif; border-bottom:none;
| |
| - | font-weight: bold;
| |
| - | }
| |
| - |
| |
| - | /* Establish font size and family for all text */
| |
| - | p {
| |
| - | font-family: "Arial", Helvetica, sans-serif;
| |
| - | font-size: 14px;
| |
| - | }
| |
| - |
| |
| - | /*styling for the links on the content side*/
| |
| - | #rightColumn a {
| |
| - | color:#3aa76c;
| |
| - | font-weight: bold;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* menu styling */
| |
| - | #menuWrap {
| |
| - | background: #f9f9f9;
| |
| - | padding: 5px 10px 10px 10px;
| |
| - | }
| |
| - |
| |
| - | /*styling for the menu header */
| |
| - | .accordion-header {
| |
| - | background: #d3d3d3;
| |
| - | margin: 5px 0 0 0;
| |
| - | padding: 5px 20px;
| |
| - | border: 1px solid #cccccc;
| |
| - | cursor: pointer;
| |
| - | color: #383838;
| |
| - | border-radius: 5px;
| |
| - | }
| |
| - |
| |
| - | /* switches background color to green */
| |
| - | .active-header {
| |
| - | background: #95cea0;
| |
| - | }
| |
| - |
| |
| - | /* switches background color to light green */
| |
| - | .active-header:hover {
| |
| - | background: #c1dfa6;
| |
| - | }
| |
| - |
| |
| - | /* switches background color to default gray */
| |
| - | .inactive-header {
| |
| - | background: #d3d3d3;
| |
| - | }
| |
| - |
| |
| - | /* switches background color to light green */
| |
| - | .inactive-header:hover {
| |
| - | background: #c1dfa6;
| |
| - | }
| |
| - |
| |
| - | /* styling for the submenus */
| |
| - | .accordion-content {
| |
| - | display: none;
| |
| - | padding: 0px 20px 5px 20px;
| |
| - | background: #ffffff;
| |
| - | border: 1px solid #cccccc;
| |
| - | border-top: 0;
| |
| - | border-radius: 5px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*styling the links inside the submenus */
| |
| - | ul.submenuoptions {
| |
| - | list-style: none;
| |
| - | }
| |
| - |
| |
| - | /* change the color and styling of the links */
| |
| - | ul.submenuoptions li a{
| |
| - | color: #383838;
| |
| - | font-size: 14px;
| |
| - | font-weight: bold;
| |
| - | padding-left: 15px;
| |
| - | border-radius: 5px;
| |
| - | }
| |
| - |
| |
| - | /* change background color on hover */
| |
| - | ul.submenuoptions li:hover a, ul.submenuoptions li:hover {
| |
| - | background-color: #c1dfa6;
| |
| - | text-decoration: none;
| |
| - | border-radius: 5px;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | </head>
| |
| | | | |
| | <!-- Content for the page starts here --> | | <!-- Content for the page starts here --> |
"
