External Style Sheet Example
body {
margin:0;
padding:0;
font-family:verdana,tahoma,'gill sans',helvetica,arial,sans-serif;
font-size-adjust:0.57;
font-size:100.01%;
}
h1,h2,h3,h4,h5,h6 {
font-family:georgia, palatino, 'times new roman',serif;
}
h1 {
font-size:1.5em;
letter-spacing:.02em;
font-weight:normal;
}
h2 {
padding-top:10px;
font-size:1.2em;
letter-spacing:.02em;
font-weight:normal;
}
h3 {
font-size:1.1em;
letter-spacing:.02em;
font-weight:normal;
}
h3,h4,h5,h6 {
font-size:1em;
padding:0;
margin:0;
letter-spacing:.01em;
}
img {border:0;}
pre,code {
font-family:'Courier New', monospace;
font-size:.9em;
font-size-adjust:0.45;
}
dt {
font-weight:bold;
}
dd {
margin:0 0 1.5em 5em;
}
dfn {
font-style:normal;
}
abbr, acronym {
text-decoration:none;
cursor:help;
}
a abbr, a acronym {
cursor:pointer;
}
fieldset {
padding:10px;
}
legend {
margin:0 0 0 -11px;
padding:2px 5px;
font-weight:bold;
}
label {
font-weight:bold;
}
optgroup {
font-family:georgia, palatino, 'times new roman',serif;
font-weight:normal;
}
input,select {
font-size:1em;
}
textarea {
font-size:1.1em;
width:90%;
}
address {
font-style:normal;
}
q:before, q:after {
content:"";
}
/* LINKS */
a {
text-decoration:none;
}
a:link, a:visited {
text-decoration:underline;
}
a:hover,a:active,a:focus {
text-decoration:none;
}
/* HEADER */
#header {
height:85px;
}
#header span {
display:block;
font-family:georgia,palatino,times,'times new roman',serif;
font-size:2em;
font-weight:bold;
margin:0 0 0 80px;
padding:20px 0 0 0;
}
#header-links {
position:absolute;
top:5px;
right:5px;
text-align:right;
font-size:.75em;
padding:0 5px 0 0;
margin:0;
}
#header-links li {
display:inline;
margin:0 0 0 10px;
padding:0;
}
#header-links a {
min-height:27px;
display:inline-block;
padding:5px 0 0;
margin:0;
}
#header-links .search a {
padding-left:29px;
}
#header-links a:hover,#header-links a:active,#header-links a:focus {
text-decoration:none;
}
ul.jumplinks,.jumplinks {
position:absolute;
top:-9000px;
left:-9000px;
z-index:200;
}
.jumplinks a:focus, .jumplinks a:active {
position:absolute;
top:9005px;
left:9005px;
z-index:200;
width:10em;
padding:5px;
font-weight:bold;
text-align:center;
}
#wrapper {
max-width:1200px;
margin:0 auto;
padding:0;
}
/* MENU */
#right-column {
float:right;
width:180px;
}
#right-column img {
margin-top:30px;
}
#menu {
margin:0 9px 20px 0;
padding:10px 0 39px 0;
font-size:.7em;
}
#menu h1 {
position:absolute;
top:-1500px;
left:-1500px;
}
#menu ul {
list-style:none;
margin:0;
padding:0;
}
#menu li {
list-style:none;
padding:0;
margin:0;
}
#menu a {
display:block;
margin:0;
padding:4px 5px;
text-decoration:none;
font-weight:bold;
}
#menu h2 {
padding:5px 0;
margin:0;
font-size:1.2em;
font-variant:small-caps;
}
#menu h2 a,#menu h3 {
padding:0 0 0 5px;
}
#menu h3 a {
margin-left:-5px;
}
#menu a:hover,#menu a:active,#menu a:focus {
text-decoration:underline;
}
#alt-css #default {
display:none;
}
/* MAIN */
#content {
margin:30px 210px 0 90px;
padding:0 30px 20px 0;
line-height:1.5em;
font-size:.85em;
}
#content ul li,#content ol li {
margin-top:10px;
margin-bottom:10px;
}
#content ul li {
list-style-type:disc;
}
#content ul li ul li {
list-style-type:circle;
}
/* FOOTER */
#footer {
clear:both;
margin:30px 0 0;
padding:5px 10px;
font-size:.7em;
text-align:center;
}
#footer ul {
width:80%;
margin:0 auto 20px;
padding:0;
}
#footer li {
margin:0;
padding:0 3px;
list-style:none;
display:inline;
}
/* HOME */
#magpie {
float:left;
margin:0 0 0 -70px;
padding:0;
font-size:.8em;
line-height:1.2em;
}
#magpie #skip-news {
position:absolute;
top:-1600px;
left:-1600px;
}
#magpie #skip-news a:active, #magpie #skip-news a:focus {
position:absolute;
top:1715px;
left:1610px;
width:8em;
padding:4px 0;
text-align:center;
text-decoration:underline;
white-space:nowrap;
}
#magpie div {
width:150px;
margin:0 0 20px;
padding:5px 10px;
}
#magpie dl {
margin-top:5px;
}
#magpie .subscribe {
margin:0;
padding:5px 0 0;
min-height:21px;
font-size:1.2em;
font-weight:bold;
}
#magpie dt {
padding-top:10px;
padding-bottom:5px;
}
#magpie dd {
margin:0 0 10px;
padding:0;
}
#magpie a:hover,#magpie a:active,#magpie a:focus {
text-decoration:none;
}
#home-main {
margin-left:150px;
margin-top:30px;
}
#home-main ul {
padding-left:15px;
margin:0;
}
/*BADGES */
#content #buttons {
clear:left;
float:left;
width:150px;
margin:8px 0 0 -50px;
padding:0;
list-style-type:none;
}
#content #buttons li {
list-style-type:none;
text-align:right;
}
#content #buttons a {
text-decoration:none;
}
#content #buttons a img {
padding:2px;
}
.get-firefox {
font-size:.75em;
margin:0 0 10px 2px;
padding:0;
line-height:1.2em;
}
#stop-press {
margin-bottom:20px;
padding:0 10px;
}
#stop-press h2 {
font-size:1.05em;
border-top:none;
margin:5px 0 0 37px;
padding:0;
}
/* SPECIAL */
/* forms */
#Design .package {
font-weight:bold;
}
#Design .package label {
font-weight:normal;
}
/*TESTIMONIALS */
.testimonials blockquote,.quotes blockquote {
font-size:.7em;
margin:30px 5px 0;
padding:0;
}
.testimonials blockquote cite {
font-style:normal;
display:block;
}
/* TUTORIALS */
.code-example {
margin:2em 0 2em 0;
padding:0.25em;
}
.template-thumb {
position:absolute;
right:5px;
margin:0 0 10px 10px;
}
.template-thumb-right {
float:right;
margin:3px 0 10px 20px;
}
.template-thumb-left {
float:left;
margin:3px 20px 10px 0;
}
/* PORTFOLIO */
#portfolio-list {
width:98%;
}
.row {
clear:left;
}
.client {
float:left;
width:250px;
margin:20px;
font-size:.85em;
line-height:1.3em;
}
img.screenshot {
margin:0;
padding:0;
}
.client h2 {
text-align:center;
margin:0 0 5px 0;
padding:0;
font-weight:bold;
font-size:1em;
}
.client a {
padding:0;
margin:0;
}
.client a:hover, .client a:active, .client a:focus {
text-decoration:underline overline;
}
/* XHTML TABLES */
table.xhtml-elements,
table.xhtml-attributes {
margin:0 auto;
width:98%;
}
table.xhtml-elements #element,
table.xhtml-elements #strict,
table.xhtml-elements #transitional,
table.xhtml-elements #frameset {
width:8em;
}
table.xhtml-attributes #name,table.xhtml-attributes #related,
table.xhtml-attributes #strict,table.xhtml-attributes #transitional,
table.xhtml-attributes #frameset {
width:8em;
}
td.no {
text-align:center;
}
td.not-available {
text-align:center;
font-size:.8em;
}
/* SPHIDER */
#sphider legend,#sphider label {
font-weight:normal;
}
#sphider .result_report {
font-size:.8em;
}
#sphider #results .url {
font-size:.9em;
font-style:italic;
font-family:georgia,serif;
}
#sphider #pagelist {
text-align:center;
margin:20px 0;
}
#sphider #pagelist ul,#sphider #pagelist li {
display:inline;
margin:0;
padding:0;
}
#sphider #pagelist li a {
margin:0;
padding:0 5px;
}
#sphider #powered_by {
display:none;
}
/* SITEMAP */
#sitemap ul li {
margin:3px 0 0;
}
#sitemap h2 {
margin:10px 0 0;
font-variant:small-caps;
font-size:1em;
}
#sitemap h3 {
font-size:1em;
margin:10px 0 0;
}
#sitemap ul ul {
margin:0 0 10px;
}
table.bg-selector td {
padding:1%;
}
/* ENQUIRY FORM */
h2.error {
border-top:none;
}
#enquiry fieldset {
margin-top:20px;
padding-top:0;
}
#enquiry label {
font-weight:normal;
}
#enquiry legend .req {
font-weight:normal;
font-size:.86em;
}
/* wp-banners */
.banner-ad img {
display:block;
margin:20px auto;
}
/* GENERAL */
ul.validation, ul.validation li {
list-style-type:none;
display:inline;
padding:0;
margin:0;
}
p.top {
font-size:.7em;
font-size-adjust:0.55;
text-align:right;
}
p.back a {
margin-left:30px;
}
.invisible {
position:absolute;
top:-1600px;
left:-1600px;
}
dd.spaced {
margin:0 0 20px 0;
}
/* OTHER */
.right {
text-align:right;
}
.center {
text-align:center;
}
.float-left {
float:left;
}
img.float-left {
margin:0 20px 20px 0;
}
.float-right {
float:right;
}
img.float-right {
margin:0 0 20px 20px;
}
.bold {
font-weight:bold;
}
.clear-left {
clear:left;
}
.clear-right {
clear:right;
}
.clear {
clear:both;
}
