GeSHi/CSS
Contents
Clear Left
basic.css
<css> @import url("positioning.css?2"); @import url("typography.css?"); @import url("colour.css?"); /*\*//*/
@import "ie5mac.css";
/**/ </css>
positioning.css
<css>
- {
margin: 0; padding: 0; }
body { padding: 20px 0 30px 0; }
h1 { margin: 25px 8% 15px 37%; clear: both; }
h2 {
margin-top: 0.8em; clear: left; /* woo hoo!*/
}
h3 {
margin-top: 1em;
}
- header,#content {
position: relative; width: 100%; overflow: hidden; }
- header #logo {
position: relative; float: left; width: 27%; left: 4%; padding-top: 50px; }
- header #logo img {
display: block; }
- header #phone {
position: relative; float: right; clear: right; width: 50%; right: 2%; padding-bottom: 30px; }
- header #highlight {
position: relative; float: right; padding-top: 10px; right: 8%; width: 55%; }
- header #highlight.testimonial {
background-image: url("/images/quote_open.gif"); background-position: 25px 0; background-repeat: no-repeat; }
- header #highlight.testimonial blockquote {
padding-left: 55px; padding-right: 25px; background-image: url("/images/quote_close.gif"); background-position: bottom right; background-repeat: no-repeat; }
- header #highlight .credit {
padding-top: 15px; }
- maincontent {
position: relative; float: right; width: 55%; right: 8%; }
.intro p,#maincontent .intro p { padding: 20px 35px 20px 25px; } h1,
- maincontent p,
- maincontent h2,
- maincontent h3,
- maincontent h4,
- maincontent ul,
- maincontent ol,
- maincontent dl,
- maincontent table,
- maincontent legend {
padding: 0 25px; }
- sidebar {
position: relative; float: left; width: 27%; left: 4%; }
- sidebar #navigation {
position: relative; overflow: visible; }
- sidebar #navigation ul {
position: static; }
- sidebar #navigation ul li {
display: inline; }
- sidebar #navigation li a,#sidebar #navigation li span {
display: block; padding: 5px 30px; }
- footer {
padding: 3em 0; margin: 25px 8% 15px 37%; clear: both; }
- footer * {
text-align: center; }
- footer li {
display:inline; }
.download img { float: left; padding-right: 14px; } .download p { padding-left: 40px; }
.mugshot { width: 25%; float: left; padding: 3px; margin-right: 3%; margin-bottom: 2%; }
.groupshot { width: 100%; clear: both; padding: 3px; }
label,.error { display: block; } .error { margin-left: -25px; padding-left: 25px; }
- eventSummary {
padding-top: 1em !important; padding-bottom: 1em !important; margin-bottom: 1em !important; }
- eventSummary dt, #eventSummary dd {
padding: 0 !important; margin: 0 !important; }
- eventSummary dt {
width: 4em; float: left; clear: left; }
.conferencePic { width: 100%; clear: both; padding: 3px; }
.buyNow { margin-left: 1em; vertical-align: middle; } </css>
typography.css
<css>
- {
font-weight: normal; font-style: normal; text-decoration: none; text-align: left; text-indent: 0; }
body { font-family: "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif; }
body * { font-size: 100.01%; line-height: 1.5; }
img,fieldset { border: 0; }
a { text-decoration: underline; }
h1 { font-size: 2.4em; letter-spacing: -0.05em; line-height: 1.0; } h2 { font-size: 1.8em; line-height: 1.0; } h3,dt { font-size: 1.2em; } h4,legend { font-size: 1.1em; }
strong { font-weight: bold; }
span.company,span.company span { font-weight: bold; }
- header #phone {
text-align: right; font-size: 1.2em; }
- header #highlight blockquote p {
font-style: italic; text-align: justify; }
- header #highlight .credit {
text-align: right; font-size: .9em; }
- maincontent .intro,.intro {
font-size: 1.2em; }
- maincontent .intro p,.intro p {
line-height: 1.4; }
- maincontent p,
- maincontent dd,
- maincontent table,
- maincontent ul {
margin-bottom: 1.3em; }
- sidebar #navigation ul {
list-style: none; }
- sidebar #navigation li {
font-size: 1.2em; line-height: 1.0; text-transform: uppercase; }
- sidebar #navigation li a {
text-decoration: none; }
- sidebar #navigation li a.here {
font-weight: bold; }
- sidebar .feature {
font-size: .9em; }
- sidebar h3 a {
text-decoration: none; }
- footer {
font-size: .9em; }
- footer li {
list-style: none; }
- eventSummary dt {
font-size: 1em; font-weight: bold; } </css>
color.css
<css> body { background: #fff url("/images/body_bg.gif") top repeat-x; color: #333; }
a:link { color: #369; } a:visited { color: #969; } a:hover { color: #c60; } a:active { color: #930; }
h1,h2,h3,h4,legend { color: #8a1; }
span.company { color: #333; } span.company span { color: #8a1; }
.note { background: #ffc; }
- header {
color: #666; }
- header #phone .tel {
color: #8a1; }
.intro { background: #FEECA9 url("/images/note_cnr_ne.gif") top right no-repeat; } .intro p { background: transparent url("/images/note_cnr_sw.gif") bottom left no-repeat; }
- sidebar #navigation {
color: #666; background: #F1F6E4 url("/images/nav_cnr_ne.gif") top right no-repeat; }
- sidebar #navigation ul {
background: transparent url("/images/nav_cnr_sw.gif") bottom left no-repeat; }
- sidebar #navigation ul li.first {
background: transparent url("/images/nav_cnr_nw.gif") top left no-repeat; }
- sidebar #navigation ul li.last {
background: transparent url("/images/nav_cnr_se.gif") bottom right no-repeat; }
- sidebar #navigation ul li a,#sidebar #navigation ul li span {
border-bottom: 1px dotted #ccc; }
- sidebar #navigation ul li.last a,#sidebar #navigation ul li.last span {
border-bottom-color: #fff; }
- sidebar #navigation ul li a,#sidebar h3 a {
color: #8a1; }
- sidebar #navigation ul li a:hover,#sidebar h3 a:hover {
color: #790; }
.mugshot,.groupshot,.conferencePic { background-color: #eee; border: 1px solid #aaa; } </css>
ie5mac.css
<css>
- header #logo,
- sidebar {
margin-left: 4%; }
- header #phone {
margin-right: 2%; }
- highlight,
- maincontent {
margin-right: 8%; }
- header,#content {
overflow: hidden; } </css>
