Code:
/************************************************************************************************************************************************
Reset Elements
************************************************************************************************************************************************/
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;
vertical-align: baseline;
background: transparent;
font-size: 100%;
}
body { font: 75%/1.2 arial, verdana, helvetica, sans-serif; }
/************************************************************************************************************************************************
Layout Elements
************************************************************************************************************************************************/
.hide {
overflow: hidden;
display: block;
zoom: 1;
width: 0;
height: 0;
line-height: 0;
font-size: 0;
text-indent: -9999em;
}
hr { display: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ul, ol { list-style: none; }
ul.ul { list-style: inside disc; }
ol.ol { list-style: inside decimal; }
img { display: block; }
a, a:link, a:visited, a:hover, a:active, button {
cursor: pointer;
text-decoration: none;
}
a:hover { text-decoration: underline; }
address { font-style: normal; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
ins { text-decoration: none; }
del { text-decoration: line-through; }
acronym, abbr {
cursor: help;
border: 0.1em dotted #000;
}
object, embed { display: block; }
/************************************************************************************************************************************************
Overlay Fixes
************************************************************************************************************************************************/
.png {
filter: alpha(opacity=0);
opacity: 0;
-moz-opacity: 0;
position: absolute;
width: 100%;
height: 100%;
}
.iframe {
position: absolute;
overflow: hidden;
z-index: 100000;
width: 100%;
}
.iframe iframe {
position: absolute;
display: none;
display/**/: block;
top: 0;
left: 0;
z-index: -1;
filter:mask();
width: 30em;
height: 30em;
}
/************************************************************************************************************************************************
Form Elements
************************************************************************************************************************************************/
label { cursor: pointer; }
input, select, textarea {
margin: 0;
padding: 0.3em;
border: 0.1em solid #666;
background-color: #fff;
font: 1em arial, sans-serif;
}
input[type="radio"], input[type="submit"],
input[type="checkbox"], button {
padding: 0.2em;
width: auto;
height: auto;
}
select { padding: 0; }
textarea { overflow: auto; }
*input.opt {
border: 0;
width: 1.33em;
height: 1.33em;
}
:focus {
background-color: #FEFF6F;
color: #000;
}
/************************************************************************************************************************************************
Table Elements
************************************************************************************************************************************************/
table {
*border-collapse: collapse;
border-spacing: 0;
}
caption, th { text-align: left; }
th { font-weight: normal; }
th, td { vertical-align: middle; }
/************************************************************************************************************************************************
CMS Tag Conversion
************************************************************************************************************************************************/
center { text-align: center; }
font {
color: inherit;
font-size: inherit;
}
b { font-weight: bold; }
i { font-style: italic; }
big { font-size: large; }
small { font-size: small; }
menu { list-style: none; }
applet { display: block; }
blink { text-decoration: blink; }
s, strike { text-decoration: line-through; }
u { text-decoration: underline; }
/************************************************************************************************************************************************
Clearing Fixes
************************************************************************************************************************************************/
.clear:after {
clear: both;
display: block;
content: ".";
visibility: hidden;
height: 0;
}
.clear {
*display: inline-block;
_height: 1%;
}
br, .br {
clear: both;
display: block;
overflow: hidden;
zoom: 1;
height: 0;
line-height: 0;
font-size: 0;
text-indent: -9999em;
}
CSS Reset
Originally Posted by ewwatson
Bookmarks