|
|
| Line 6: |
Line 6: |
| | color: #EEE; | | color: #EEE; |
| | background: #585858 url(../images/bg_body.jpg) repeat-y top center;> | | background: #585858 url(../images/bg_body.jpg) repeat-y top center;> |
| - |
| |
| - |
| |
| - | <p>
| |
| - | padding-top: 10px !important;
| |
| - | padding-top: 3px;
| |
| - | padding-bottom: 10px !important;
| |
| - | padding-bottom: 3px;
| |
| - |
| |
| - |
| |
| - |
| |
| - | a {
| |
| - | color: #86E160;
| |
| - | }
| |
| - |
| |
| - | a:visited {
| |
| - | color: #AAA;
| |
| - | }
| |
| - |
| |
| - | a:hover {
| |
| - | color: #FFF;
| |
| - | }
| |
| - |
| |
| - | acronym {
| |
| - | cursor: help;
| |
| - | border-bottom: 1px solid #777;
| |
| - | }
| |
| - |
| |
| - | input {
| |
| - | width: 70%;
| |
| - | }
| |
| - |
| |
| - | textarea {
| |
| - | width: 98%;
| |
| - | /*
| |
| - | IE specific to eliminate scroll bar when not needed.
| |
| - | Uncomment if wanted, but it is not valid CSS
| |
| - |
| |
| - | scrollbar-3dlight-color : #777;
| |
| - | scrollbar-arrow-color : #EEE;
| |
| - | scrollbar-darkshadow-color : #777;
| |
| - | scrollbar-face-color : #777;
| |
| - | scrollbar-highlight-color : #777;
| |
| - | scrollbar-shadow-color : #777;
| |
| - | scrollbar-track-color : #777;
| |
| - | */
| |
| - | }
| |
| - |
| |
| - | input,
| |
| - | textarea {
| |
| - | padding: 1px 3px;
| |
| - | margin: 5px 0;
| |
| - | font: 1em verdana, arial, sans-serif;
| |
| - | color: #EEE;
| |
| - | background-color: #777;
| |
| - | border: 1px solid #999;
| |
| - | }
| |
| - |
| |
| - | input:hover,
| |
| - | input:focus,
| |
| - | textarea:hover,
| |
| - | textarea:focus {
| |
| - | color: #FFF;
| |
| - | background-color: #999;
| |
| - | border: 1px solid #EEE;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | h1 {
| |
| - | clear: both;
| |
| - | margin: 10px 0;
| |
| - | font: 700 1em verdana, sans-serif;
| |
| - | text-transform: uppercase;
| |
| - | color: #7BD32C;
| |
| - | background: #686868 url(../images/rounded_tr.gif) no-repeat top right;
| |
| - | }
| |
| - |
| |
| - | h1 span {
| |
| - | display: block;
| |
| - | padding: 2px;
| |
| - | background: url(../images/rounded_br.gif) no-repeat bottom right;
| |
| - | }
| |
| - |
| |
| - | #sideBar h1 {
| |
| - | text-align: right;
| |
| - | background: #686868 url(../images/rounded_tl.gif) no-repeat top left;
| |
| - | }
| |
| - |
| |
| - | #sideBar h1 span {
| |
| - | display: block;
| |
| - | padding: 2px;
| |
| - | background: url(../images/rounded_bl.gif) no-repeat bottom left;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #content ol li {
| |
| - | color: #9BE4FF;
| |
| - | }
| |
| - |
| |
| - | #content ol li span {
| |
| - | color: #EEE;
| |
| - | }
| |
| - |
| |
| - | #content ul {
| |
| - | padding-bottom: 10px;
| |
| - | }
| |
| - |
| |
| - | #content ul li {
| |
| - | list-style-image: url(../images/li_bullet.gif);
| |
| - | }
| |
| - |
| |
| - | blockquote {
| |
| - | margin: 0;
| |
| - | background: #686868 url(../images/rounded_tr.gif) no-repeat top right;
| |
| - | }
| |
| - |
| |
| - | blockquote span {
| |
| - | display: block;
| |
| - | padding: 5px;
| |
| - | background: url(../images/rounded_br.gif) no-repeat bottom right;
| |
| - | }
| |
| - |
| |
| - | /***************************************************
| |
| - | Layout Element Styles
| |
| - | ***************************************************/
| |
| - |
| |
| - |
| |
| - | #header {
| |
| - | width: 100%;
| |
| - | height: 3em;
| |
| - | background: #585858 url(../images/bg_header.jpg) repeat-y top center;
| |
| - | }
| |
| - |
| |
| - | /***************************************************
| |
| - | Header Menu
| |
| - | ***************************************************/
| |
| - |
| |
| - | #menu {
| |
| - | width: 767px;
| |
| - | margin: 0 auto;
| |
| - | text-align: left;
| |
| - | }
| |
| - |
| |
| - | #menu ul {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | line-height: normal;
| |
| - | }
| |
| - |
| |
| - | #menu ul li {
| |
| - | width: 8em;
| |
| - | display: inline;
| |
| - | float: left;
| |
| - | padding-top: 0.8em;
| |
| - | list-style: none;
| |
| - | text-align: center;
| |
| - | }
| |
| - |
| |
| - | #menu ul li a {
| |
| - | display: block;
| |
| - | text-decoration: none;
| |
| - | text-transform: uppercase;
| |
| - | padding-bottom: 1.0em;
| |
| - | color: #222;
| |
| - | }
| |
| - |
| |
| - | #menu ul li a:hover,
| |
| - | #menu ul li a.active {
| |
| - | font-weight: bold;
| |
| - | color: #111;
| |
| - | background: url(../images/menu_tab.gif) no-repeat bottom center;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /***************************************************
| |
| - | Site Title
| |
| - | ***************************************************/
| |
| - |
| |
| - | #title {
| |
| - | padding: 0.6em 55px 0.6em 0;
| |
| - | margin-right: 0.5em;
| |
| - | float: right;
| |
| - | background: url(../images/logo_greenery.gif) no-repeat top right;
| |
| - | }
| |
| - |
| |
| - | #title h1 {
| |
| - | display: inline;
| |
| - | color: #222;
| |
| - | background-color: #86E160;
| |
| - | background-image: none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /***************************************************
| |
| - | Page Content
| |
| - | ---------------------------------------------------
| |
| - | 1. Left side text
| |
| - | 2. Dropdown image
| |
| - | 3. Right side bar
| |
| - | ***************************************************/
| |
| - |
| |
| - |
| |
| - | #content {
| |
| - | clear: both;
| |
| - | width: 767px;
| |
| - | margin: 0 auto;
| |
| - | text-align: left;
| |
| - | }
| |
| - |
| |
| - | #text {
| |
| - | float: left;
| |
| - | width: 410px !important;
| |
| - | width: 437px;
| |
| - | padding: 10px 5px 20px 20px !important;
| |
| - | padding: 20px 5px 20px 20px;
| |
| - | }
| |
| - |
| |
| - | #image {
| |
| - | float: left;
| |
| - | width: 170px;
| |
| - | vertical-align: top;
| |
| - | }
| |
| - |
| |
| - | #sideBar {
| |
| - | float: right;
| |
| - | width: 145px !important;
| |
| - | width: 160px;
| |
| - | padding: 10px 15px 20px 0 !important;
| |
| - | padding: 20px 15px 20px 0;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /***************************************************
| |
| - | Sidemenu Styles
| |
| - | ***************************************************/
| |
| - |
| |
| - | .sideMenu {
| |
| - | padding: 10px 0;
| |
| - | }
| |
| - |
| |
| - | .sideMenu a {
| |
| - | display: block;
| |
| - | text-align: right;
| |
| - | text-decoration: none;
| |
| - | margin-bottom: 1px;
| |
| - | }
| |
| - |
| |
| - | .sideMenu a span {
| |
| - | display: block;
| |
| - | padding: 1px;
| |
| - | }
| |
| - |
| |
| - | .sideMenu a:hover {
| |
| - | background: #686868 url(../images/rounded_tl.gif) no-repeat top left;
| |
| - | }
| |
| - |
| |
| - | .sideMenu a:hover span {
| |
| - | background: url(../images/rounded_bl.gif) no-repeat bottom left;
| |
| - | }
| |
| - |
| |
| - | /***************************************************
| |
| - | Comment Styles
| |
| - | ***************************************************/
| |
| - |
| |
| - | #comments p {
| |
| - | padding: 0 5px;
| |
| - | margin-bottom: 0;
| |
| - | background: #686868 url(../images/rounded_tl.gif) no-repeat top left;
| |
| - | }
| |
| - |
| |
| - | #comments p span.author {
| |
| - | display: block;
| |
| - | margin-top: 5px;
| |
| - | text-align: right;
| |
| - | font-weight: 700;
| |
| - | }
| |
| - |
| |
| - | #comments img {
| |
| - | margin-top: -1px;
| |
| - | }
| |
| - |
| |
| - | #comments a {
| |
| - | color: #7BD32C;
| |
| - | }
| |
| - |
| |
| - | #comments a:visited {
| |
| - | color: #AAA;
| |
| - | }
| |
| - |
| |
| - | #comments a:hover {
| |
| - | color: #FFF;
| |
| - | }
| |
| - |
| |
| - | /***************************************************
| |
| - | Footer
| |
| - | ***************************************************/
| |
| - |
| |
| - | #footer {
| |
| - | clear: both;
| |
| - | float: left;
| |
| - | width: 500px;
| |
| - | padding: 10px 20px;
| |
| - | color: #888;
| |
| - | }
| |
| - |
| |
| - | #footer p {
| |
| - | padding-top: 0 !important;
| |
| - | padding-top: 10px;
| |
| - | }
| |
| - |
| |
| - | #footer a {
| |
| - | color: #888;
| |
| - | }
| |
| - |
| |
| - | #footer a:hover {
| |
| - | color: #EEE;
| |
| - | }
| |
| - |
| |
| - | a.fullAhead {
| |
| - | float: left;
| |
| - | width: 30px;
| |
| - | height: 34px;
| |
| - | margin-right: 10px;
| |
| - | background: url(../images/logo_fullahead.gif) no-repeat 0 0;
| |
| - | }
| |
| - |
| |
| - | a:hover.fullAhead {
| |
| - | background-position: -30px 0;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /***************************************************
| |
| - | Generic Display Classes
| |
| - | ***************************************************/
| |
| - |
| |
| - | .center {
| |
| - | text-align: center;
| |
| - | }
| |
| - |
| |
| - | .noPad {
| |
| - | padding: 0;
| |
| - | margin: 0;
| |
| - | }
| |
| - |
| |
| - | .left {
| |
| - | float: left;
| |
| - | }
| |
| - |
| |
| - | .right {
| |
| - | float: right;
| |
| - | }
| |
| - |
| |
| - | img.left {
| |
| - | padding: 5px 5px 5px 0;
| |
| - | }
| |
| - |
| |
| - | img.right {
| |
| - | padding: 5px 0 5px 5px;
| |
| - | }
| |
| - |
| |
| - | .button {
| |
| - | width: auto;
| |
| - | cursor: pointer;
| |
| - | }
| |
| - |
| |
| - | .date {
| |
| - | display: block;
| |
| - | font-weight: 700;
| |
| - | }
| |
| | | | |
| | </html> | | </html> |
"
