Brad's Custom Auto - Corvette and Mustang Performance in Seattle, WA

======================================================= ------------------------------------------------------- FOLLOWING IS THE STYLESHEET LINKED TO BY THE ABOVE PAGE ------------------------------------------------------- ======================================================= /* sets the body style for all pages, with no margin or padding, and sets the right-side racing-stripe background image */ body { margin: 0px; padding: 0px; background-image: url('/images/graphics/pageBG.jpg'); background-position: top right; background-repeat: repeat-y; } /* links are red, with NO underline, are generic sans-serif, and are smaller (this because the body text serif fonts appear smaller) */ a { color: red; text-decoration: none; font-family: sans-serif; font-size: smaller; } /* when hovered over, links are green */ a:hover { color: green; } /* some links were getting a double-dose of "smaller" so they needed to be classed-out to simply inherit their size */ a.car { font-size: inherit; } a.car img { border: none; } /* This is the main pages' bottom credits/tagline; an ID because there will only be one per page */ /* The 18% value is an aesthetic design choice */ #byline { position: absolute; left: 18%; bottom: 0px; margin: 0px; padding: 0px; z-index: 16; } /* This is the small bottom-left company logo which appears on most of the main pages */ #smallCornerLogo { position: absolute; left: 0px; bottom: 0px; z-index: 20; border: none; } /* This is the class for the all-over page-encompassing DIV on each page which simply acts as a container for other elements which need to be inside a DIV */ .pagewrapper { margin: 0px; padding: 0px; border: none; } /* These are the vertical site links found on all main pages */ .mainLink { text-align: right; position: absolute; right: 25px; z-index: 48; padding-right: 20px; font-weight: bold; } /* This is the large image of the Mustang at the bottom left of each main page */ /* z-index is 8 so as to be below other elements, and visibility is explicitly set to visible due to JavaScript on some pages */ .bottomLeftCarPicture { position: absolute; left: 0px; bottom: 0px; margin: 0px; padding: 0px; z-index: 8; visibility: visible; } /* This is the banner across the top of each person's car picture page */ .carPageHeader { background-image: url('/images/graphics/textBG.jpg'); border-top: 1px solid red; border-bottom: 1px solid red; padding: 0px; font-size: xx-large; font-weight: bold; color: red; margin-top: 10px; font-family: monospace; } /* This is for the list of modifications on a person's car picture page so as to use the checkerboard graphic as a bullet */ .modListList { list-style-image: url('/images/graphics/LIMarker.gif'); } /* This restricts the width of the table cells which hold mods information on car pages */ /* The text-align needs to be stated because the enclosing table cells are set to center (so as to center these DIVs) but the text needs to be left-aligned */ .modswrapper { width: 350px; text-align: left; } /* This is the full listing of customer car pages (icon, make/year, name, and checkmark) - for IE it is overwritten by in-page conditional comments */ .listOfCarPageLinks { position: absolute; top: 11%; left: 18%; height: 75%; font-size: smaller; font-family: sans-serif; z-index: 28; overflow: scroll; padding-bottom: 5px; } /* changes the background to the perspective-altered (3D) large logo to car pictures pages */ body.customerPicsPage { background-image: url('../images/general/bradslogoshadowPerspectiveBlur.jpg') !important; background-attachment: fixed; background-position: center; background-repeat: no-repeat; } /* This is for the lists of customer car pages - a row with a link to a car page with mods info */ .pageHasMods { background-color: #99FF99; } /* This is for the lists of customer car pages - a row with a link to an awesome car */ .featuredCarPageLink { background-color: #FF9999; } /* These are tables which hold the two H2s at the top of the page on pages where there are two body-section-links i.e. the About page's 'Services' and 'History' links */ .headingLinks { position: absolute; top: 4%; left: 8%; margin: 0px; padding: 0px; z-index: 42; } /* These are the body-section-links i.e. the About page's 'Services' and 'History' links H2 tags */ .headingLink { font-size: 140%; display: inline; } /* This applies to the headingLinks anchor tags, to have them be green and thus differentiate them from the other link so that people will think to click on them */ .headingLink a:active { color: green; } /* These are the checkerboard-bullets at the tops of some pages between two heading-links */ .headingBullet { margin-left: 15px; margin-right: 15px; } ======================================================== -------------------------------------------------------- FOLLOWING IS THE JAVASCRIPT REFERENCED BY THE ABOVE PAGE -------------------------------------------------------- ======================================================== function configExternalLinks() { if (!document.getElementsByTagName) { return; } var anchors = document.getElementsByTagName("a"); for (var i=0; i