topical media & game development
lib-jquery-learning-code-04-gettysburg.css / css
*************************************
=default styles
*************************************
html, body {
margin: 0;
padding: 0;
}
body {
font: 62.5% Verdana, Helvetica, Arial, sans-serif;
color: #000;
background: #fff;
}
#container {
font-size: 1.2em;
margin: 10px 2em;
}
h1 {
font-size: 2.5em;
margin-bottom: 0;
}
h2 {
font-size: 1.3em;
margin-bottom: .5em;
}
h3 {
font-size: 1.1em;
margin-bottom: 0;
}
code {
font-size: 1.2em;
}
a {
color: #06581f;
}
*************************************
=Aslett Clearing Method for floats
*************************************
.clear-after:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear-after {display: inline-block;}
/* backslash hack hides from IE Mac \*/
* html .clear-after {height: 1%;}
.clear-after {display: block;}
/* end backslash hack */
*************************************
=chapter styles
*************************************
.hover {
cursor: pointer;
background: #ffc;
}
#switcher {
position: relative;
width: 300px;
padding: .5em;
border: 1px solid #777;
}
.label {
width: 130px;
margin: .5em 0;
}
.button {
width: 140px;
padding: 5px;
margin: .5em 0;
border: 1px solid #e3e3e3;
position: relative;
}
#brave {
position: relative;
}
.bordered {
border: 1px solid #999;
padding: 1%;
margin-right: 1%;
}
.more {
clear: left;
}
(C) Æliens
20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.