|
|
Line 1: |
Line 1: |
| + | <!-- Declare that you are going to use html code instead of wiki code --> |
| <html> | | <html> |
− | <head>
| |
− | <style type="text/css">
| |
| | | |
− | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
| + | <!-- Start of CSS--> |
| + | <style type="text/css"> |
| | | |
− | .firstHeading { | + | /* WIKI SETTINGS*/ |
− | width: 975px;
| + | |
− | margin: 0px auto;
| + | /* Hide first heading */ |
− | padding-top: 100px;
| + | .firstHeading { |
− | margin-bottom: 20px;
| + | display: none; |
− | font-family: Georgia, Times, "Times New Roman", serif;
| + | } |
− | } | + | |
| + | /*-- Remove borders, float content left and remove padding/margin */ |
| + | #globalWrapper, #content{ |
| + | background-color: transparent; |
| + | border: 0px; |
| + | float: left; |
| + | margin:0px; |
| + | padding: 0px; |
| + | } |
| | | |
− | h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
| + | /*left align Black Menu Bar */ |
− | | + | #top_menu_inside { |
− | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
| + | margin-left: 20px; |
− | background-color: #383838;
| + | } |
− | border: 0 none;
| + | </style> |
− | height: 14px;
| + | |
− | z-index: 100;
| + | |
− | top: 0;
| + | |
− | position: fixed;
| + | |
− | width: 975px;
| + | |
− | left: 50%;
| + | |
− | margin-left: -487px;
| + | |
− | }
| + | |
− | | + | |
− | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
| + | |
− | background-color: #383838;
| + | |
− | height: 14px;
| + | |
− | display: block;
| + | |
− | z-index: 10;
| + | |
− | position: fixed;
| + | |
− | width: 100%;
| + | |
− | top: 0;
| + | |
− | }
| + | |
− | | + | |
− | #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
| + | |
− | color: #727272;
| + | |
− | text-decoration: none;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− | | + | |
− | body {
| + | |
− | background-color: #fff;
| + | |
− | }
| + | |
− | | + | |
− | #globalWrapper, #content { /*-- changes default wiki settings --*/
| + | |
− | width: 100%;
| + | |
− | height: 100%;
| + | |
− | border: 0px;
| + | |
− | background-color: transparent;
| + | |
− | margin: 0px;
| + | |
− | padding: 0px;
| + | |
− | }
| + | |
− | | + | |
− | html, body, .wrapper { /*-- changes default wiki settings --*/
| + | |
− | width: 100%;
| + | |
− | height: 100%;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− | | + | |
− | #contentcontainer { /*-- creates container for all content on page --*/
| + | |
− | font-family: Arial, Helvetica, sans-serif;
| + | |
− | font-weight: normal;
| + | |
− | font-size: 14px;
| + | |
− | color: #414141;
| + | |
− | width: 960px;
| + | |
− | margin-left: auto;
| + | |
− | margin-right: auto;
| + | |
− | background-color: #transparent;
| + | |
− | margin-top: 0px;
| + | |
− | }
| + | |
− | | + | |
− | .sidemenu, .sidemenu li {
| + | |
− | list-style-type: none;
| + | |
− | list-style-image: none;
| + | |
− | font-family: verdana;
| + | |
− | text-decoration: none;
| + | |
− | color:#000;
| + | |
− | font-size: 14px;
| + | |
− | }
| + | |
− | | + | |
− | .sidemenu li {display: block;}
| + | |
− | | + | |
− | .sidemenu a {
| + | |
− | text-decoration:none;
| + | |
− | color: #000;
| + | |
− | display: block;
| + | |
− | width: 180px;
| + | |
− | height: 100%;
| + | |
− | padding: 3px 5px;
| + | |
− | transition: .25s ease-in-out;
| + | |
− | -moz-transition: .25s ease-in-out;
| + | |
− | -webkit-transition: .25s ease-in-out;
| + | |
− | }
| + | |
− | | + | |
− | .sidemenu a.greyout { color: #909090; }
| + | |
− | | + | |
− | .sidemenu a:hover {
| + | |
− | color:#666;
| + | |
− | background-color: #d9f5aa;
| + | |
− | }
| + | |
− | | + | |
− | .sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
| + | |
− | .sub-sidemenu a {color: #666;}
| + | |
− | | + | |
− | div.underconst
| + | |
− | {
| + | |
− | padding:10px;
| + | |
− | border-radius:5px;
| + | |
− | background-color:pink;
| + | |
− | text-align:center;
| + | |
− | }
| + | |
− | | + | |
− | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
| + | |
− | | + | |
− | .contentpara {margin-bottom: 30px;}
| + | |
− | | + | |
− | span.email{font-family: monospace; font-weight: normal;}
| + | |
− | | + | |
− | fieldset {border: 1px solid #337f53;}
| + | |
− | | + | |
− | .greyout {color: #A0A0A0;}
| + | |
− | .highlightme {background-color: #FFFF00;}
| + | |
− | | + | |
− | #alertContainer { margin-bottom: 10px; width: 936px;}
| + | |
− | #annContainer {margin-left: 8px;}
| + | |
− | #newsContainer {border: 1px solid #ccc;}
| + | |
− | | + | |
− | .newsTitle {
| + | |
− | display: block;
| + | |
− | color: #414141;
| + | |
− | font-size: 25px;
| + | |
− | font-family: Georgia, Times, "Times New Roman", serif;
| + | |
− | padding: 10px 15px 5px 10px;
| + | |
− | border-bottom: 1px solid #ccc;
| + | |
− | margin-bottom: 0px;
| + | |
− | }
| + | |
− | | + | |
− | .newsItem {
| + | |
− | border-bottom: 1px solid #ccc;
| + | |
− | display: block;
| + | |
− | padding: 5px 15px 0px 10px;
| + | |
− | margin-bottom: 0px;
| + | |
− | }
| + | |
− | | + | |
− | .newsItem h3 {
| + | |
− | width: auto;
| + | |
− | display: inline;
| + | |
− | font-size: 14px;
| + | |
− | font-family: Arial, Helvetica, sans-serif;
| + | |
− | padding: 0px;
| + | |
− | margin: 0px;
| + | |
− | }
| + | |
− | | + | |
− | .newsItem img {
| + | |
− | float: right;
| + | |
− | clear: right;
| + | |
− | width: 80px;
| + | |
− | padding-left: 15px;
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− | | + | |
− | .newsItem .newsDate {
| + | |
− | font-style: italic;
| + | |
− | font-size: 14px;
| + | |
− | display: inline-block;
| + | |
− | color: #999;
| + | |
− | float: right;
| + | |
− | padding: 0px 0px 10px 15px;
| + | |
− | }
| + | |
− | | + | |
− | .newsItem p, .newsItem ul, .newsItem li {
| + | |
− | padding: 0px;
| + | |
− | margin-left: 20px;
| + | |
− | font-size: 12px;
| + | |
− | line-height: 1.2;
| + | |
− | }
| + | |
− | | + | |
− | .newsItem p {margin-top: 10px;}
| + | |
− | | + | |
− | .annItem {
| + | |
− | border: 2px solid #414141;
| + | |
− | display: block;
| + | |
− | padding: 0px 15px 10px 10px;
| + | |
− | margin-bottom: 18px;
| + | |
− | position: relative;
| + | |
− | height: 160px;
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− | | + | |
− | .annItem .annCentered {
| + | |
− | display: table-cell;
| + | |
− | vertical-align: middle;
| + | |
− | height: 160px;
| + | |
− | }
| + | |
− | | + | |
− | .annCentered h3 {
| + | |
− | padding: 0px;
| + | |
− | display: block;
| + | |
− | margin-left: auto;
| + | |
− | margin-right: auto;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | | + | |
− | .annItem ul, .annItem li {padding: 0px; margin: 0px;}
| + | |
− | .annItem li {list-style: none; margin: 5px}
| + | |
− | | + | |
− | | + | |
− | | + | |
− | </style> | + | |
− | </style>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | </html>
| + | |