164 lines
2.6 KiB
CSS
164 lines
2.6 KiB
CSS
/****
|
|
**** HTML ELEMENT STYLING
|
|
****/
|
|
|
|
body {
|
|
font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
|
|
}
|
|
|
|
caption, input, textarea, select, option, legend, fieldset {
|
|
font-family: Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
|
|
}
|
|
|
|
th, td {
|
|
vertical-align: top;
|
|
}
|
|
|
|
pre, code {
|
|
font-size: 1.1em; /* Monospace fonts can be hard to read */
|
|
font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
|
|
}
|
|
|
|
p {
|
|
margin: 0 0 .8em 0;
|
|
}
|
|
|
|
/** headings **/
|
|
h1 {
|
|
font-size: 1.8em;
|
|
line-height: 1.3em;
|
|
margin-top: 0;
|
|
margin-bottom: 0.5em; /* 0.5em is equavalent to 1em in the page's base font. */
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.3em;
|
|
line-height: 1.3em;
|
|
margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
|
|
margin-bottom: 0.667em;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.1em;
|
|
line-height: 1.3em;
|
|
margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
|
|
margin-bottom: 0.769em;
|
|
}
|
|
|
|
h4, h5, h6 {
|
|
font-size: 1.1em;
|
|
line-height: 1.3em;
|
|
margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
|
|
margin-bottom: 0.909em;
|
|
}
|
|
|
|
/** lists **/
|
|
/* standardize list item indentation */
|
|
ul, ol {
|
|
margin-left: 0;
|
|
padding-left: 2em;
|
|
}
|
|
|
|
ul ul, ul ol,
|
|
ol ol, ol ul, {
|
|
margin: 0;
|
|
}
|
|
|
|
li {
|
|
padding: 0px 0px 5px 5px;
|
|
}
|
|
|
|
ul { list-style-type: disc; }
|
|
ul ul { list-style-type: circle; }
|
|
ul ul ul { list-style-type: square; }
|
|
ul ul ul ul { list-style-type: circle; }
|
|
ol { list-style-type: decimal; }
|
|
ol ol { list-style-type: lower-alpha; }
|
|
ol ol ol { list-style-type: decimal; }
|
|
|
|
dt {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
dd {
|
|
margin: 0 0 0 2em;
|
|
padding: 0;
|
|
}
|
|
|
|
/** links **/
|
|
/* The order of link states are based on Eric Meyer's article:
|
|
* http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
|
|
*/
|
|
a:link, .add_button, .button
|
|
{
|
|
}
|
|
|
|
a:visited
|
|
{
|
|
}
|
|
|
|
a:hover,
|
|
a:focus
|
|
{
|
|
}
|
|
|
|
a:active
|
|
{
|
|
}
|
|
|
|
/** tables **/
|
|
table
|
|
{
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
th,
|
|
thead th,
|
|
tbody th
|
|
{
|
|
|
|
}
|
|
|
|
tbody
|
|
{
|
|
|
|
}
|
|
|
|
|
|
/** images **/
|
|
img
|
|
{
|
|
border: 0;
|
|
}
|
|
|
|
/** horizontal rules **/
|
|
hr
|
|
{
|
|
height: 1px;
|
|
border: 1px solid #000000;
|
|
}
|
|
|
|
/** forms **/
|
|
form
|
|
{
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
input, button, menu, select, textarea, label, optgroup, option
|
|
{
|
|
font-size: 1em;
|
|
height: auto;
|
|
}
|
|
|
|
input:focus {
|
|
background-color:#dddddd;
|
|
}
|
|
|
|
fieldset
|
|
{
|
|
margin: 1em 0;
|
|
padding: 0.5em;
|
|
}
|