/* Eric Meyer's CSS reset (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded) */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, del, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Clearfix (http://www.positioniseverything.net/easyclearing.html) */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group { display: inline-block; }
/* \*/
* html .group {height: 1%; }
.group { display: block; }
/* */
.promo {
color: #333333;
font: 46px Georgia, Serif;
line-height: 55px;
margin: 100px auto;
text-align: center;
}
.promo h1 { margin-left: -70px; }
.promo h2 { font-size: 28px; font-style: italic; color: #888; margin-left: 100px; margin-top: -15px;}
.promo a { border-bottom: 1px dashed #999999; color: #999999; text-decoration: none; }
.promo a:hover { border-bottom: 1px solid #333333; color: #333333; text-decoration: none; }
.promo .sub { font-size: 16px; margin-top: 20px; padding: 50px 50px 0; line-height: 26px;}
.promo .sub span { margin: 0 10px; white-space: nowrap; }
.promo .afa-link { font-size: 72px; display: block; margin: 40px 20px; padding-bottom: 20px; border-bottom: 5px dashed #999999; text-decoration: none;}
.promo .afa-link:hover { text-decoration: none !important; border-bottom: 5px dashed #333; }
/* Generic */
.left {float: left;}
.right {float: right;}
.disabled {display: none;}
em {font-style: italic;}
strong {font-weight: bold;}
body a {color: #999999; text-decoration: none; border-bottom: 1px dashed;}
body a:hover {color: #333333; border-bottom: 1px solid;}
/* Structure */
body {background-color: #F9F8F3; color: #333333; font: 18px "Georgia", Serif;}
#frame {margin: 0 auto; width: 910px;}
/* Header */
#header {padding: 20px 15px; }
#header h1 {font-size: 46px;}
#header h1 a {border: 0; color: #333333; text-decoration: none;}
#header h1 a:hover {color: #999999;}
#subtitle {color: #999999; font-size: 18px; font-style: italic; margin-top: -3px; }
#countdown-container { color: #5AAEF1; margin-top: -5px; font-size: 12px;}
#activity-indicator { padding-right: 5px; }
#retweet-control, #links-control { margin-top: -1px; font-size: 12px; margin-left: 1em; }
/* Nav */
#nav, #feed {float: left;}
#nav li.nav a {
border-bottom: 0;
color: #999999;
display: block;
font-size: 26px;
padding: 15px 0 15px 25px;
text-decoration: none;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
}
#nav li.nav a:hover {background-color: #EBE8DB; border-bottom: 0;}
#nav li.nav a.active {background: #D1CCBC url('/media/images/arrow.gif') center right no-repeat; color: #333333;}
.dev-message {
font-style: normal !important;
color: #666;
}
.dev-message em {
color: #222;
}
/* Footer */
#footer {color: #999999; font-size: 14px; font-style: italic; line-height: 1.6em; padding: 25px; width: 174px;}
/* Feed */
#feed {
background-color: #EBE8DB;
min-height: 400px;
padding: 25px 10px;
padding-top: 10px;
width: 665px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
}
#feed ul {margin: 0;}
#feed li {border-top: 1px dotted #D1CBBB; margin: 0; padding: 10px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;}
#feed li:first-child {border-top: 0;}
#feed li:last-child {margin-bottom: 0;}
#feed li.new {background-color: #CDEAC9;}
#feed li.retweet {background-color: #dcd9cd;}
#feed .tweet-text, .photos {font-size:14px; float: left; line-height: 1.3em; margin-left: 15px; width: 572px;}
#feed .profile-image {
border-bottom: 0;
display: block;
float: left;
height: 48px;
margin-top: 5px;
position: relative;
width: 48px;
-moz-background-size: 48px 48px;
-moz-border-radius: 5px;
-webkit-background-size: 48px 48px;
-webkit-border-radius: 5px;
}
#feed li.retweet {
display: none;
}
.posted {font-size: 12px; line-height: normal; margin-top: 7px; color: #666;}
/* Sessions */
.sessions-title, .sessions-subtitle {background-color: #5AAEF1; border-radius: 5px; font-size: 26px; font-style: italic; padding: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 3px; line-height: 1.3em;}
.sessions-title a {color: #333;}
.sessions-subtitle {background-color: #D1CBBB; font-size: 16px; margin-bottom: 10px;}
.sessions li {padding: 0 !important;}
.sessions li:last-child {margin-bottom: 10px !important;}
.sessions li a {
border-bottom: 0;
border-radius: 5px;
color: #333333;
display: block;
margin: 0;
padding: 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.sessions li a:hover {background-color: #D2CCBC;}
.sessions li a span.time {color: #999999; display: block; margin-left: 10px; margin-top: -2px;}
.sessions li a span.counts {color: #999999; display: block; margin-top: 5px;}
.sessions li.dimmed { opacity: .30; -ms-filter: "alpha(opacity=30)"; }
.conference-title:hover { background-color: #4483B6 !important; color: #FFF; }
.new-tweet { background-color: #fbf6d7; }
.speaker-tag { padding: 0 0 0 10px; margin-bottom: -3px; }
0 Comments