Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- font-family: Georgia, serif; /* default page font */
- background: #C1D5F8;
- margin: 0; /* shorthand for all margins = 0 */
- padding: 0; /* no padding */
- }
- p, h1, h2, h3, h4, h5, h6, li {
- margin: 1ex 1em;
- }
- /* container wraps around the rest of the page */
- div#container {
- width: 770px; /* sets the content width */
- margin: 0 auto; /* no top/bottom margin, centered horizontally */
- background: #fff url(../images/top_banner.png) no-repeat; /* white content background, header image */
- }
- div#header {
- height: 110px; /* set size equal to banner image */
- position: relative;
- }
- div#midBanner {
- height: 90px;
- }
- div#content {
- background-color: #fff;
- padding: 5px;
- }
- /* *********STATES OF THE a ELEMENT ********** */
- #container a:link, #container a:visited {
- text-decoration: none;
- color: #b36b00;
- }
- #container a:hover, #container a:active {
- color: #566440;
- border-bottom: 1px dashed #566440;
- }
- /* ===== CONTACT LINK ===== */
- #container #contactButton {
- position: absolute;
- left: 650px;
- top: 0px;
- }
- #contactButton a:link, #contactButton a:visited{
- height: 29px;
- width: 86px;
- display: block; /* make it a block element */
- text-indent: -1000em; /* keep the text out of the display */
- background: url(../images/contact_icon_dual.gif) no-repeat left top;
- border: none; /* don't display a border */
- }
- #contactButton a:hover, #contactButton a:active{
- background-position: left bottom; /* relocate the image to show the rollover image */
- }
- /* ===== MAIN NAVIGATION LINKS ===== */
- #header #mainMenu { /* set the position for the nav elements */
- position: absolute;
- left: 320px;
- bottom: 0px;
- }
- #mainMenu ul { /* turn off all the normal list behavior */
- list-style: none;
- margin: 0;
- padding: 0;
- }
- #mainMenu li { /* turn off the normal list item behavior */
- float: left;
- margin: 0;
- padding:0;
- }
- #mainMenu li a:link, #mainMenu li a:visited {
- font-family: "Trebuchet MS", sans-serif;
- display: block; /* block mode for graphical button */
- color: #fff; /* white text */
- text-decoration: none; /* no underline */
- padding: 0 15px 0 30px; /* line up text & image */
- margin-right: 10px;
- line-height: 25px;
- background: url(../images/nav_rollover.jpg) no-repeat left bottom;
- border: none; /* no border */
- }
- #mainMenu li a:hover, #mainMenu li a:active {
- color: #f8b449; /* mustard color for text */
- background-position: left top; /* move image to show rollover */
- }
- #mainMenu ul li a.current { /* different look for "current" link */
- margin-top: -5px;
- height: 30px;
- background: url(../images/nav_current3.jpg) no-repeat;
- color: #aaa;
- line-height: 25px;
- }
- #mainMenu ul li a.current:hover {
- cursor: default;
- }
- /* ====- MAIN CONTENT ===== */
- #content div#mainContent {
- float: left;
- width: 430px;
- margin: 0 0;
- padding: 0 15px;
- }
- #mainContent p {
- font-family: Georgia, serif;
- font-size: 0.9em;
- line-height: 1.4em;
- color: #000;
- margin: 1ex 0;
- }
- #mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
- font-family: "Trebuchet MS", sans-serif;
- }
- #mainContent h1 {
- font-size: 1.6em;
- font-weight: bold;
- color: #0072a2;
- margin: 0 0 .4ex 0;
- }
- #mainContent h2 {
- font-size: 1.2em;
- color: #0072a2;
- margin: .4ex 0;
- }
- #mainContent h4 {
- font-size: 1.1em;
- font-weight: bold;
- color: #666;
- margin: 1ex 0 -.2ex 0;
- }
- #mainContent ul {
- font-family: Georgia, serif;
- font-size: 0.9em;
- margin: 0 0 1.4ex 0;
- }
- div#youtubeVid {
- margin: 2ex 0 2ex 1em;
- }
- /* ====== MAIN CONTENT LEFT MENU ====== */
- #mainContent p.leftMenu {
- font-family: "Trebuchet MS", sans-serif;
- margin-top: 0;
- }
- #mainContent p.leftMenu a {
- color: #566440;
- }
- #mainContent p.leftMenu a:hover {
- color: #b36b00;
- border: none;
- }
- /* ===== GEAR SUBNAV ===== */
- #mainContent ul#gearSubNav {
- width: 340px;
- margin: 0 auto;
- list-style: none;
- }
- #mainContent ul#gearSubNav li {
- float: left;
- margin: 0;
- padding: 0;
- }
- #mainContent ul#gearSubNav a {
- width: 88px;
- height: 20px;
- font-family: "Orator Std", Orator, sans-serif;
- font-size: .9em;
- text-align: center;
- padding-top: 100px; /* make room for the image */
- margin-right: 20px;
- border: none;
- display: block;
- }
- #mainContent ul#gearSubNav a.last {
- margin-right: 0;
- }
- /* ===== GEAR SUBNAV ICONS ===== */
- #mainContent ul#gearSubNav a.boards { background: url(../images//gear1off.jpg) no-repeat center top; }
- #mainContent ul#gearSubNav a.swimwear { background: url(../images/dot_off.jpg) no-repeat center top; }
- #mainContent ul#gearSubNav a.boards:hover { background: url(../images/gear1on.jpg) no-repeat center top; }
- #mainContent ul#gearSubNav a.swimwear:hover { background: url(../images/dot_on.jpg) no-repeat center top; }
- /* ===== GEAR SALES BOX ===== */
- img#gearFloatingImage {
- float: left;
- padding: 15px;
- }
- div#gearDesc {
- float: right;
- width: 260px;
- padding-top: 20px;
- }
- div#gearDesc h3 {
- font-family: Georgia, "Times New Roman", Times, serif;
- font-size: 1.2em;
- color: #C47500;
- border-bottom: 1px solid #344;
- padding-bottom: 0.2em;
- margin: 0;
- }
- div#gearDesc p {
- font-family: "Trebuchet MS", sans-serif;
- font-size: .8em;
- }
- div#gearDesc p.price {
- text-align: right;
- font-size: 1.2em;
- }
- /* ===== SIDEBAR ===== */
- #content div#sideBar {
- float: right;
- width: 265px;
- padding: 0 10px;
- margin: 0;
- border-left: solid #aaa 1px; /* vertical line solid line */
- }
- #sideBar p {
- font-family: "Trebuchet MS", sans-serif;
- font-size: 0.8em;
- line-height: 1.2em;
- color: #666;
- margin: 0 0 3ex 0;
- }
- #sideBar h3 {
- font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
- font-size: 1em;
- color: #1b9d95;
- text-align: left;
- margin: 1ex 0 .5ex 0;
- }
- #sideBar img {
- margin: 0 25px;
- }
- #sideBar img.photo {
- padding: 5px;
- border: 1px solid #999;
- }
- #sideBar ol {
- margin: .5em 0 1.5em 0 ;
- }
- #sideBar li {
- font-family: "Trebuchet MS", sans-serif;
- font-size: 0.8em;
- color: #666;
- margin: .2em .5em;
- }
- /* ========================== FOOTER =========================== */
- div#footer {
- clear: both;
- background: #bbb url(../images/footer_banner.jpg);
- /*background: #315041;*/
- margin: 0 auto;
- padding: 5px;
- width: 760px;
- }
- #footer p {
- font-family: "Trebuchet MS", sans-serif;
- font-size: .75em;
- color: #315041;
- margin: 0;
- padding: 0;
- text-align: center;
- }
- #footer a {
- color: #1b9d95;
- text-decoration: none;
- }
- /* Styles for the contact form. */
- form {
- margin: 0 0 0 20px;
- }
- form h2 {
- color: #036;
- font-size: 80%;
- font-weight: bold;
- margin: 0 0 5px 10px;
- }
- .formbox {
- width: 250px;
- }
- .warning {
- font-weight: bold;
- color: #f00;
- }
- /* this wont work because #mainContent p overrides any style applied to p */
- p.red
- {
- font-weight: bold;
- color: red;
- }
- fieldset {
- border: none;
- }
- /* Setting display to block forces the label for each form element onto a line of its own. */
- label {
- font-weight: bold;
- color: #036;
- display: block;
- }
- /* ===== miscellaneous styles ===== */
- .clear { clear: both }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement