/*--------------------------------------------------------------------------- Parklawn Elementary CSS Stylesheet Created By: Mike McKenna TABLE OF CONTENTS: 1. RESET 2. COLORS 3. TYPOGRAPHY 4 BASIC ELEMENTS 5. CUSTOM CLASSES 6. LAYOUT 7. PRINT ---------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------- 1. RESET: (Eric Meyer - http://meyerweb.com/eric/tools/css/reset/) ---------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } /* remember to define focus styles! */ ins { text-decoration: none; } /* remember to highlight inserts somehow! */ del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */ /*--------------------------------------------------------------------------- 2. COLORS ---------------------------------------------------------------------------*/ body { background: #656565; } input.button { background: #606060; color: #DCDCDC; } input.button-hover { background: #DCDCDC; color: #606060; } input.txtbox, input.txtbox-hover { color: #606060; } #page-wrap { background: #9A0034; } #main-content { background: #66CC9A; color: #4C4C4C; } #main-content a, a:hover { color: #9A0034; } #main-content ul.navbar { background: #FFFFFF; } #main-content ul.navbar li a { color: #4C4C4C; } /*#main-content ul.navbar li a:hover { background: #656565; color: #FFFFFF; } */ #main-content ul.navbar li a:hover { background: #C1C1C1; } #main-content ul.gallery img { border-color: #DCDCDC; } #main-content ul.gallery img:hover { border-color: #4C4C4C; } #left-sidebar { color: #FFFFFF; } #left-sidebar li em { color: #989898; } #left-sidebar a, a:hover { color: #9999FF; } /*--------------------------------------------------------------------------- 3. TYPOGRAPHY ---------------------------------------------------------------------------*/ /* Font Disclaimers: 1. Delicious - A font by Jos Buivenga (exljbris) -> www.exljbris.nl 2. Myndraine - As creator of this font, Christopher Miller permits its use however its owner sees fit, other than naming it something else and trying to sell it. */ body { font-family: Verdana, Arial, sans-serif; font-size: 62.5%} a { font-weight: bold; text-decoration: none; } input.button, input.button-hover { text-transform: uppercase; } #main-content h1 { font-family: Verdana, Arial, sans-serif; font-size: 3em; text-indent: -9999px; text-transform: uppercase; } #main-content h2 { font-family: Verdana, Arial, sans-serif; font-size: 2.8em; font-weight: normal; } #main-content h3 { font-family: Verdana, Arial, sans-serif; font-size: 1.7em; font-weight: normal; text-decoration: underline; } #main-content h4 { font-family: Verdana, Arial, sans-serif; font-size: 1.2em; } #main-content p { font-size: 1.1em; line-height: 1.5em; } #main-content p.caption { font-family: Verdana, Arial, sans-serif; font-size: 1.2em; font-style: bold; } #main-content li { font-size: 1.1em; line-height: 1.3em; } #main-content ul.navbar li a { font-family: Chalkboard, Verdana, Arial, sans-serif; font-size: 1.1em; font-weight: normal; text-transform: uppercase; } #main-content #events li { font-size: 1.1em; line-height: 1.3em; } #main-content #events li em { font-size: 0.9em; } #left-sidebar h3 { font-family: Verdana, Arial, sans-serif; font-size: 1.5em; font-weight: normal; text-align: center; } #left-sidebar p, #left-sidebar li { font-size: 1.1em; line-height: 1.3em; } #left-sidebar li em { font-size: 0.9em; } /*--------------------------------------------------------------------------- 4. BASIC ELEMENTS (body, h2, p, a, etc...) ---------------------------------------------------------------------------*/ a:hover { border-bottom: 1px dotted; } a.external { background: url(../images/icon-external-link.gif) no-repeat right; padding: 0 14px 0 0; } a.email { background: url(../images/icon-email.gif) no-repeat right; padding: 0 14px 0 0; } a.pdf { background: url(../images/icon-pdf.gif) no-repeat right; padding: 0 14px 0 0; } img { border-top: 1px solid #808080; border-right: 1px solid #404040; border-bottom: 1px solid #404040; border-left: 1px solid #808080; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } img.home-img { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: block; margin: 0 auto 8px; } #rotate-img { border: 2px solid #656565; margin: 0 0 10px 30px; } input.button { border-top: 1px solid #808080; border-right: 1px solid #404040; border-bottom: 1px solid #404040; border-left: 1px solid #808080; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 2px; padding: 2px; } input.button-hover { border-top: 1px solid #808080; border-right: 1px solid #404040; border-bottom: 1px solid #404040; border-left: 1px solid #808080; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 2px; padding: 2px; } input.txtbox { border-top: 1px solid #808080; border-right: 1px solid #404040; border-bottom: 1px solid #404040; border-left: 1px solid #808080; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; margin: 0 2px; padding: 2px; } input.txtbox-hover { border-top: 1px solid #FFFF76; border-right: 1px solid #FFFF76; border-bottom: 1px solid #FFFF76; border-left: 1px solid #FFFF76; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; margin: 0 2px; padding: 2px; } /*--------------------------------------------------------------------------- 5. CUSTOM CLASSES ---------------------------------------------------------------------------*/ .clear { clear: both; } .center { text-align: center; } .floatr { float: right; } .floatl { float: left; } .hidden { display: none; } .left { text-align: left; } .right { text-align: right; } /*--------------------------------------------------------------------------- 6. LAYOUT ---------------------------------------------------------------------------*/ #page-wrap { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; margin: 0 auto; /* fluid width style */ /*max-width: 1260px; /* 1280 resolution */ /*max-width: 1004px; /* 1024 resolution */ /*min-width: 800px;*/ /* fixed width style */ width: 1004px; } #main-content { border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-left : 1px solid #000000; margin: 0 0 0 255px; min-height: 1200px; padding: 20px 10px 10px 10px; } #main-content h1 { background: url(../images/school-banner.png) no-repeat; margin: 0 0 0 5px; padding: 5px 0 20px 0; } #main-content h2 { margin: 20px 15px 5px; } #main-content h3, h4 { margin: 10px 15px 5px; } #main-content p { margin: 5px 15px 0; padding: 2px 0 0 0; } #main-content img.para-img { margin: 5px 15px 5px 15px; } #main-content ul { list-style-type: disc; padding: 0px 0 5px 30px; } #main-content li { padding: 5px 0 0 0; } #main-content ul.navbar { border-top: 1px solid #808080; border-right: 1px solid #404040; border-bottom: 1px solid #404040; border-left: 1px solid #808080; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 5px; padding: 5px; } #main-content ul.navbar li { border-right: 1px solid #4C4C4C; display: inline; padding: 0px 5px 0px 0px; } #main-content ul.navbar li a { background: none; padding: 5px; width: auto; } #main-content ul.navbar li a:hover { border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #main-content ul.gallery { list-style-image: none; list-style-position: outside; list-style-type: none; } #main-content ul.gallery li { display: inline; /* prevent stepdown bug due to float & invisiable
*/ } #main-content ul.gallery li a:hover { border-bottom: none; } #main-content ul.gallery img { border-style: solid; border-width: 5px 5px 15px; margin: 10px 5px 0; } /*#main-content #events ul { list-style-type: disc; padding: 0px 0 5px 35px; } #main-content #events li { padding: 5px 0 0 0; } #main-content #events li em { display: block; padding: 1px 0 0 3px; }*/ #main-content #school-info { margin: 0 0 15px 40px; } #footer { position: relative; /*width: 133px;*/ width: auto; height: 175px; } #footer form#search { position: absolute; top: 40px; right: 5px; } #footer p.footer-badges { position: absolute; top: 75px; right: 5px; width: auto; height: 175px; } #left-sidebar { float: left; padding: 20px 10px 10px 10px; width: 230px; } #left-sidebar h3 { border: 1px solid #FFFFFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 15px 0 2px 0; padding: 8px 2px; } #left-sidebar p { margin: 0 7px; padding: 10px 0 0; } #left-sidebar h3 + p, #left-sidebar p.ptaboard { padding: 5px 0 0; } #left-sidebar ul { list-style-type: disc; padding: 0 0 0 20px; } #left-sidebar li { padding: 5px 0 0 0; } #left-sidebar li em { display: block; padding: 1px 0px 2px 5px; } /*--------------------------------------------------------------------------- 7. PRINT ---------------------------------------------------------------------------*/