153 lines
4.1 KiB
CSS
153 lines
4.1 KiB
CSS
/*
|
|
A CSS Framework by Mike Stenhouse of Content with Style
|
|
-------------------------------------------------------
|
|
|
|
Copyright (c) 2005, Mike Stenhouse of Content with Style
|
|
|
|
All rights reserved.
|
|
|
|
Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
|
|
|
|
* Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
|
|
* Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
|
|
* Neither the name of CSS Framework nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
|
|
|
|
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
|
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
|
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
|
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
|
|
CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
|
EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
|
|
PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
|
|
PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
|
|
LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
|
NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
|
|
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
|
*/
|
|
|
|
/* SITE SPECIFIC LAYOUT */
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
text-align: center;
|
|
|
|
background: white;
|
|
}
|
|
div#page {
|
|
width: 780px;
|
|
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
|
|
text-align: center;
|
|
|
|
background: white;
|
|
}
|
|
|
|
/* HEADER */
|
|
div#header {
|
|
margin: 0 0 5em 0;
|
|
padding: 40px 20px;
|
|
|
|
color: white;
|
|
background: black;
|
|
|
|
text-align: left;
|
|
}
|
|
div#branding {
|
|
float: left;
|
|
width: 40%;
|
|
|
|
margin: 0;
|
|
padding: 10px 0 10px 20px;
|
|
|
|
text-align: left;
|
|
}
|
|
div#search {
|
|
float: right;
|
|
width: 49%;
|
|
|
|
margin: 0;
|
|
padding: 16px 20px 0 0;
|
|
|
|
text-align: right;
|
|
}
|
|
/* END HEADER */
|
|
|
|
|
|
/* CONTENT */
|
|
div#content {
|
|
|
|
}
|
|
|
|
/* MAIN */
|
|
div#main {
|
|
|
|
}
|
|
/* END MAIN */
|
|
|
|
/* SUB */
|
|
div#sub {
|
|
|
|
}
|
|
/* END SUB */
|
|
|
|
/* END CONTENT */
|
|
|
|
|
|
/* FOOTER */
|
|
div#footer {
|
|
color: white;
|
|
background-color: black;
|
|
}
|
|
div#footer p {
|
|
margin: 0;
|
|
padding: 15px;
|
|
|
|
font-size: 0.8em;
|
|
}
|
|
/* END FOOTER */
|
|
/* END LAYOUT */
|
|
|
|
|
|
/* UL.SUBNAV */
|
|
ul.subnav {
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
font-size: 0.8em;
|
|
list-style: none;
|
|
}
|
|
ul.subnav li {
|
|
margin: 0 0 1em 0;
|
|
padding: 0;
|
|
|
|
list-style: none;
|
|
}
|
|
ul.subnav li a,
|
|
ul.subnav li a:link,
|
|
ul.subnav li a:visited,
|
|
ul.subnav li a:active {
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
|
|
color: black;
|
|
}
|
|
ul.subnav li a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
ul.subnav li strong {
|
|
padding: 0 0 0 12px;
|
|
|
|
background: url("../i/subnav-highlight.gif") left top no-repeat transparent;
|
|
}
|
|
ul.subnav li strong a,
|
|
ul.subnav li strong a:link,
|
|
ul.subnav li strong a:visited,
|
|
ul.subnav li strong a:active {
|
|
color: white;
|
|
background-color: black;
|
|
}
|
|
/* END UL.SUBNAV */
|