/* -------------------------------------------------------------- style.css * The style of current site. -------------------------------------------------------------- */ /*-------------------- Generic Style --------------------*/ body { color: #555; font-family: 'Droid Sans', Helvetica, Arial, serif; } h1 { font-size: 30px; line-height: 48px; margin-bottom: 18px; } h2 { font-size: 24px; line-height: 30px; margin-bottom: 18px; } h3 { font-size: 20px; line-height: 26px; margin-bottom: 12px; } h4 { font-size: 16px; height: auto; line-height: 20px; margin-bottom: 12px; } h5, h6 { font-size: 13px; line-height: 18px; } h1, h2, h3, h4, h5, h6 { } pre { background: #fff; font-size: 13px; line-height: 18px; } a { color: #000; } a:hover { color: #f00; } p + p { text-indent: 0; } dl dt, dl dd { font-size: 13px; } del { display: none; } #wrapper { border-top: 2px solid #000; padding: 0; margin: 0;} /*-------------------- Header Style --------------------*/ #header { margin: 0 auto; width: 950px; } #header .nav { float: left; padding: 0; padding-top: 10px; margin: 0; width: 470px; } #header .nav li { float: left; list-style: none; margin-right: 10px; } #header .nav li a { font-size: 12px; text-decoration: none; text-transform: uppercase; } #header .nav li.active a { color: #f00; } #header .nav li.active a:hover { color: #999; } #header .brand { float: right; padding-top: 10px; text-align: right; width: 470px; } #header .brand h1, #header .brand h2 { float: left; font-size: 24px; font-weight: normal; line-height: 30px; margin: 0; width: 470px; } #header .brand h1 { font-weight: bold; text-transform: uppercase; } #header .brand h2 { font-size: 16px; line-height: 24px; } #header .brand p { float: left; color: #aaa; padding-top: 10px; width: 470px; } /*-------------------- Body Style --------------------*/ #body { background: #fff; padding: 30px 0 0; margin: 18px auto 0; width: 950px; } #body .search-result, #body .tag-page { padding: 0; margin: 0; } #body .section { padding: 0; margin: 0; } #body .section .article { border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px; } #body .section .article .content p, #body .section .article .content dl.transcript { margin-right: 470px; } #body .section .article .content div.with-note p, #body .section .article .content div.with-note h3 { margin-left: 240px; margin-right: 240px; text-align: justify; } #body .section .article .content div.with-note div.note { float: left; width: 190px; } #body .section .article .content div.with-note div.note p { color: #aaa; font-style: italic; margin-left: 0; margin-right: 0; text-align: right; } #body .section .article .content div.with-note div.note-right { float: right; width: 190px; } #body .section .article .content div.with-note div.note-right p { color: #aaa; font-style: italic; margin-left: 0; margin-right: 0; text-align: left; } #body .section .article .content div.img-500 p { margin-right: 540px; } #body .section .article .content div.img-500 div.img { float: right; width: 510px; } #body .section .article .content div.img-500 div.img p { margin-right: 0; } #body .section .article .content p.emphasize { font-size: 16px; line-height: 24px; margin-right: 0; } #body .section .article .content p.emphasize a { font-size: 1em; } #body .section .article .content p.full { margin-right: 0; } #body .section .article .content img, #body .section .article .content object { border: 5px solid #555; } #body .section .article .content object { display: block; } #body .section .article .content div.two-cols { column-count: 2; column-width: auto; column-gap: 40px; /* This is for the incoming support of browsers, for now, only the two lines bellow are working */ -moz-column-count: 2; -moz-column-width: auto; -moz-column-gap: 40px; -webkit-column-count: 2;-webkit-column-width: auto; -webkit-column-gap: 40px; } #body .section .article .content div.three-cols { column-count: 3; column-width: auto; column-gap: 40px; /* This is for the incoming support of browsers, for now, only the two lines bellow are working */ -moz-column-count: 3; -moz-column-width: auto; -moz-column-gap: 40px; -webkit-column-count: 3;-webkit-column-width: auto; -webkit-column-gap: 40px; } #body .section .article .content div.multicolumn p { margin-right: 0; } #body .section .article .content blockquote.quote { } #body .section .article .content blockquote.quote p { margin-right: 0; } #body .section .chat .content dt, #body .section .chat .content dd { border-top: 1px solid #eee; float: left; } #body .section .chat .content dt { font-weight: bold; padding: 10px 10px 10px 0; margin: 0; width: 110px; } #body .section .chat .content dd { padding: 10px 0; margin: 0; width: 350px; } #body .section .chat .content dd:last-child { } #body .section .chat .content dt.odd { } #body .section .chat .content dt.even { } #body .section a.view-note { font-size: 16px; line-height: 24px; font-weight: normal; } #body .section ol.notes { border-top: 1px solid #ddd; padding: 0; margin: 0 0 48px 0; width: 470px; } #body .section ol.notes li { border-bottom: 1px solid #ddd; list-style: none; padding: 5px 0; } #body .section ol.notes li > a { display: none; margin-right: 10px; } #body .section ol.notes li span.action { display: inline; } #body .section ol.notes li blockquote { border: 0; padding: 0; margin: 0 0 0 5px; } #body .section ol.notes li blockquote:before { color: #f00; content: '“'; } #body .section ol.notes li blockquote:after { color: #f00; content: '”'; } #body .section ol.notes li blockquote a { color: #999; font-weight: normal; } #body .section .footer { color: #999; margin: 20px 0 50px; } #body .section .footer p { font-size: 12px; } #body .section .footer p a { color: #999; text-decoration: none; } #body .section .footer p a:hover { color: #000; } #body .section ul.pagination { margin: 0; } #body .section ul.pagination li { display: inline; font-size: 16px; line-height: 24px; list-style: none; margin-right: 10px; } #body .section ul.pagination li a { text-decoration: none; } /*-------------------- Footer Style --------------------*/ #footer { background: #000; color: #aaa; padding: 10px 0 20px; margin-top: 20px;} #footer a { color: #fff; text-decoration: none; } #footer a:hover { color: #ff0; } #footer .nav { margin: 0 auto 20px; width: 950px; } #footer .nav li { float: left; list-style: none; margin-right: 10px; } #footer li a { font-size: 12px; text-transform: uppercase; } #footer .copyright { margin: 0 auto; width: 950px; } #footer .copyright p.sub-brand { margin-bottom: 0; }