diff --git a/.DS_Store b/.DS_Store index 5008ddfcf5..f0b5afbed0 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/css/application.css b/css/application.css index 1fca2e9054..4313361c2c 100644 --- a/css/application.css +++ b/css/application.css @@ -98,20 +98,20 @@ input, select { font-weight: bold; src: local("Droid Sans Bold"), local("DroidSans-Bold"), url("http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMXbFhgvWbfSbdVg11QabG8w.woff") format("woff"); } -.clearfix:after, .topbar:after, div.book-wrapper section.book nav:after, div.wiki-wrapper section.wiki-body header:after, body.askbot .secondary-nav nav:after, html body div.header-wrapper header:after, html body div.header-wrapper header nav ul:after, html body section.main-content:after, html footer:after, div.course-wrapper section.course-content ol.vert-mod li:after, div.book-wrapper section.book nav ul:after, div.wiki-wrapper div#wiki_panel div#wiki_create_form:after, body.askbot footer .footer-wrapper:after { +.clearfix:after, .topbar:after, div.course-wrapper section.course-content ol.sequence-nav:after, div.book-wrapper section.book nav:after, div.wiki-wrapper section.wiki-body header:after, body.askbot .secondary-nav nav:after, html body div.header-wrapper header:after, html body div.header-wrapper header nav ul:after, html body section.main-content:after, html footer:after, div.course-wrapper section.course-content ol.vert-mod li:after, div.book-wrapper section.book nav ul:after, div.wiki-wrapper div#wiki_panel div#wiki_create_form:after, body.askbot footer div.footer-wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } -.wrapper, html body div.header-wrapper header, html body section.main-content, html footer, section.activation, body.askbot .secondary-nav nav, body.askbot footer .footer-wrapper { +.wrapper, html body div.header-wrapper header, html body section.main-content, html footer, section.activation, body.askbot .secondary-nav nav, body.askbot footer div.footer-wrapper { margin: 0 auto; max-width: 1400px; min-width: 810px; width: 100%; text-align: left; } - .wrapper div.table-wrapper, html body div.header-wrapper header div.table-wrapper, html body section.main-content div.table-wrapper, html footer div.table-wrapper, section.activation div.table-wrapper, body.askbot .secondary-nav nav div.table-wrapper, body.askbot footer .footer-wrapper div.table-wrapper, .wrapper div.course-wrapper, html body div.header-wrapper header div.course-wrapper, html body section.main-content div.course-wrapper, html footer div.course-wrapper, section.activation div.course-wrapper, body.askbot .secondary-nav nav div.course-wrapper, body.askbot footer .footer-wrapper div.course-wrapper, .wrapper div.book-wrapper, html body div.header-wrapper header div.book-wrapper, html body section.main-content div.book-wrapper, html footer div.book-wrapper, section.activation div.book-wrapper, body.askbot .secondary-nav nav div.book-wrapper, body.askbot footer .footer-wrapper div.book-wrapper { + .wrapper div.table-wrapper, html body div.header-wrapper header div.table-wrapper, html body section.main-content div.table-wrapper, html footer div.table-wrapper, section.activation div.table-wrapper, body.askbot .secondary-nav nav div.table-wrapper, body.askbot footer div.footer-wrapper div.table-wrapper, .wrapper div.course-wrapper, html body div.header-wrapper header div.course-wrapper, html body section.main-content div.course-wrapper, html footer div.course-wrapper, section.activation div.course-wrapper, body.askbot .secondary-nav nav div.course-wrapper, body.askbot footer div.footer-wrapper div.course-wrapper, .wrapper div.book-wrapper, html body div.header-wrapper header div.book-wrapper, html body section.main-content div.book-wrapper, html footer div.book-wrapper, section.activation div.book-wrapper, body.askbot .secondary-nav nav div.book-wrapper, body.askbot footer div.footer-wrapper div.book-wrapper, .wrapper div.profile-wrapper, html body div.header-wrapper header div.profile-wrapper, html body section.main-content div.profile-wrapper, html footer div.profile-wrapper, section.activation div.profile-wrapper, body.askbot .secondary-nav nav div.profile-wrapper, body.askbot footer div.footer-wrapper div.profile-wrapper, .wrapper body.askbot section.main-content div.discussion-wrapper, body.askbot section.main-content .wrapper div.discussion-wrapper, html body.askbot div.header-wrapper header section.main-content div.discussion-wrapper, html body.askbot section.main-content div.header-wrapper header div.discussion-wrapper, html body.askbot section.main-content div.discussion-wrapper, html footer body.askbot section.main-content div.discussion-wrapper, body.askbot section.main-content html footer div.discussion-wrapper, section.activation body.askbot section.main-content div.discussion-wrapper, body.askbot section.main-content section.activation div.discussion-wrapper, body.askbot .secondary-nav nav section.main-content div.discussion-wrapper, body.askbot section.main-content .secondary-nav nav div.discussion-wrapper, body.askbot footer div.footer-wrapper section.main-content div.discussion-wrapper, body.askbot section.main-content footer div.footer-wrapper div.discussion-wrapper { display: table; width: 100%; } @@ -165,7 +165,7 @@ input, select { vertical-align: top; width: 76.518%; } -.sidebar, div.course-wrapper div#accordion, div.book-wrapper ul#booknav, div.wiki-wrapper div#wiki_panel, body.askbot .main-content .discussion-wrapper aside { +.sidebar, div.course-wrapper div#accordion, div.book-wrapper ul#booknav, div.wiki-wrapper div#wiki_panel, body.askbot section.main-content div.discussion-wrapper aside { -webkit-box-shadow: inset -1px 0 0 #f6f6f6; -moz-box-shadow: inset -1px 0 0 #f6f6f6; -ms-box-shadow: inset -1px 0 0 #f6f6f6; @@ -184,7 +184,7 @@ input, select { vertical-align: top; width: 23.482%; position: relative; } - .sidebar h3, div.course-wrapper div#accordion h3, div.book-wrapper ul#booknav h3, div.wiki-wrapper div#wiki_panel h3, body.askbot .main-content .discussion-wrapper aside h3, .sidebar div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel .sidebar input[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"], div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input[type="button"], div.wiki-wrapper div#wiki_panel input[type="button"], body.askbot .main-content .discussion-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel body.askbot .main-content .discussion-wrapper aside input[type="button"] { + .sidebar h3, div.course-wrapper div#accordion h3, div.book-wrapper ul#booknav h3, div.wiki-wrapper div#wiki_panel h3, body.askbot section.main-content div.discussion-wrapper aside h3, .sidebar div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel .sidebar input[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"], div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input[type="button"], div.wiki-wrapper div#wiki_panel input[type="button"], body.askbot section.main-content div.discussion-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel body.askbot section.main-content div.discussion-wrapper aside input[type="button"] { -webkit-box-shadow: 0 1px 0 #eeeeee; -moz-box-shadow: 0 1px 0 #eeeeee; -ms-box-shadow: 0 1px 0 #eeeeee; @@ -197,7 +197,7 @@ input, select { font-weight: normal; margin: 0; overflow: hidden; } - .sidebar h3 a, div.course-wrapper div#accordion h3 a, div.book-wrapper ul#booknav h3 a, div.wiki-wrapper div#wiki_panel h3 a, body.askbot .main-content .discussion-wrapper aside h3 a, .sidebar div.wiki-wrapper div#wiki_panel input[type="button"] a, div.wiki-wrapper div#wiki_panel .sidebar input[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"] a, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input[type="button"] a, div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input[type="button"] a, div.wiki-wrapper div#wiki_panel input[type="button"] a, body.askbot .main-content .discussion-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"] a, div.wiki-wrapper div#wiki_panel body.askbot .main-content .discussion-wrapper aside input[type="button"] a { + .sidebar h3 a, div.course-wrapper div#accordion h3 a, div.book-wrapper ul#booknav h3 a, div.wiki-wrapper div#wiki_panel h3 a, body.askbot section.main-content div.discussion-wrapper aside h3 a, .sidebar div.wiki-wrapper div#wiki_panel input[type="button"] a, div.wiki-wrapper div#wiki_panel .sidebar input[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"] a, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input[type="button"] a, div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input[type="button"] a, div.wiki-wrapper div#wiki_panel input[type="button"] a, body.askbot section.main-content div.discussion-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"] a, div.wiki-wrapper div#wiki_panel body.askbot section.main-content div.discussion-wrapper aside input[type="button"] a { -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; @@ -223,16 +223,16 @@ input, select { font-size: 14px; padding: 7px 7px 7px 30px; text-decoration: none; } - .sidebar h3 a:hover, div.course-wrapper div#accordion h3 a:hover, div.book-wrapper ul#booknav h3 a:hover, div.wiki-wrapper div#wiki_panel h3 a:hover, body.askbot .main-content .discussion-wrapper aside h3 a:hover, .sidebar div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel .sidebar input[type="button"] a:hover, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"] a:hover, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, body.askbot .main-content .discussion-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel body.askbot .main-content .discussion-wrapper aside input[type="button"] a:hover { + .sidebar h3 a:hover, div.course-wrapper div#accordion h3 a:hover, div.book-wrapper ul#booknav h3 a:hover, div.wiki-wrapper div#wiki_panel h3 a:hover, body.askbot section.main-content div.discussion-wrapper aside h3 a:hover, .sidebar div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel .sidebar input[type="button"] a:hover, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"] a:hover, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, body.askbot section.main-content div.discussion-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel body.askbot section.main-content div.discussion-wrapper aside input[type="button"] a:hover { -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; -ms-box-shadow: 0 1px 0 white; -o-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white; background: #efefef; } - .sidebar h3 span.ui-icon, div.course-wrapper div#accordion h3 span.ui-icon, div.book-wrapper ul#booknav h3 span.ui-icon, div.wiki-wrapper div#wiki_panel h3 span.ui-icon, body.askbot .main-content .discussion-wrapper aside h3 span.ui-icon, .sidebar div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel .sidebar input[type="button"] span.ui-icon, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"] span.ui-icon, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, body.askbot .main-content .discussion-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel body.askbot .main-content .discussion-wrapper aside input[type="button"] span.ui-icon { + .sidebar h3 span.ui-icon, div.course-wrapper div#accordion h3 span.ui-icon, div.book-wrapper ul#booknav h3 span.ui-icon, div.wiki-wrapper div#wiki_panel h3 span.ui-icon, body.askbot section.main-content div.discussion-wrapper aside h3 span.ui-icon, .sidebar div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel .sidebar input[type="button"] span.ui-icon, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"] span.ui-icon, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, body.askbot section.main-content div.discussion-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel body.askbot section.main-content div.discussion-wrapper aside input[type="button"] span.ui-icon { background-image: url(images/ui-icons_454545_256x240.png); } - .sidebar h3.active, div.course-wrapper div#accordion h3.active, div.book-wrapper ul#booknav h3.active, div.wiki-wrapper div#wiki_panel h3.active, body.askbot .main-content .discussion-wrapper aside h3.active, .sidebar div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion .sidebar h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.book-wrapper ul#booknav div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion div.book-wrapper ul#booknav h3.ui-accordion-header.ui-state-active, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel h3.ui-accordion-header.ui-state-active, body.askbot .main-content .discussion-wrapper aside div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion body.askbot .main-content .discussion-wrapper aside h3.ui-accordion-header.ui-state-active, .sidebar div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel .sidebar input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], div.book-wrapper ul#booknav div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], body.askbot .main-content .discussion-wrapper aside div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel body.askbot .main-content .discussion-wrapper aside input.ui-accordion-header.ui-state-active[type="button"], .sidebar div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion .sidebar input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion div.book-wrapper ul#booknav input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], body.askbot .main-content .discussion-wrapper aside div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion body.askbot .main-content .discussion-wrapper aside input.ui-accordion-header.ui-state-active[type="button"], .sidebar div.wiki-wrapper div#wiki_panel input.active[type="button"], div.wiki-wrapper div#wiki_panel .sidebar input.active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.active[type="button"], div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input.active[type="button"], div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input.active[type="button"], div.wiki-wrapper div#wiki_panel input.active[type="button"], body.askbot .main-content .discussion-wrapper aside div.wiki-wrapper div#wiki_panel input.active[type="button"], div.wiki-wrapper div#wiki_panel body.askbot .main-content .discussion-wrapper aside input.active[type="button"] { + .sidebar h3.active, div.course-wrapper div#accordion h3.active, div.book-wrapper ul#booknav h3.active, div.wiki-wrapper div#wiki_panel h3.active, body.askbot section.main-content div.discussion-wrapper aside h3.active, .sidebar div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion .sidebar h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.book-wrapper ul#booknav div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion div.book-wrapper ul#booknav h3.ui-accordion-header.ui-state-active, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel h3.ui-accordion-header.ui-state-active, body.askbot section.main-content div.discussion-wrapper aside div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion body.askbot section.main-content div.discussion-wrapper aside h3.ui-accordion-header.ui-state-active, .sidebar div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel .sidebar input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], div.book-wrapper ul#booknav div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], body.askbot section.main-content div.discussion-wrapper aside div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel body.askbot section.main-content div.discussion-wrapper aside input.ui-accordion-header.ui-state-active[type="button"], .sidebar div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion .sidebar input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion div.book-wrapper ul#booknav input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], body.askbot section.main-content div.discussion-wrapper aside div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion body.askbot section.main-content div.discussion-wrapper aside input.ui-accordion-header.ui-state-active[type="button"], .sidebar div.wiki-wrapper div#wiki_panel input.active[type="button"], div.wiki-wrapper div#wiki_panel .sidebar input.active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.active[type="button"], div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input.active[type="button"], div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input.active[type="button"], div.wiki-wrapper div#wiki_panel input.active[type="button"], body.askbot section.main-content div.discussion-wrapper aside div.wiki-wrapper div#wiki_panel input.active[type="button"], div.wiki-wrapper div#wiki_panel body.askbot section.main-content div.discussion-wrapper aside input.active[type="button"] { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; @@ -243,20 +243,34 @@ input, select { border-bottom: 1px solid #bbb; color: #000; font-weight: bold; } - .sidebar h3.active a, div.course-wrapper div#accordion h3.active a, div.book-wrapper ul#booknav h3.active a, div.wiki-wrapper div#wiki_panel h3.active a, body.askbot .main-content .discussion-wrapper aside h3.active a, .sidebar div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion .sidebar h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.book-wrapper ul#booknav div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion div.book-wrapper ul#booknav h3.ui-accordion-header.ui-state-active a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel h3.ui-accordion-header.ui-state-active a, body.askbot .main-content .discussion-wrapper aside div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion body.askbot .main-content .discussion-wrapper aside h3.ui-accordion-header.ui-state-active a, .sidebar div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel .sidebar input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.book-wrapper ul#booknav div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, body.askbot .main-content .discussion-wrapper aside div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel body.askbot .main-content .discussion-wrapper aside input.ui-accordion-header.ui-state-active[type="button"] a, .sidebar div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion .sidebar input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion div.book-wrapper ul#booknav input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, body.askbot .main-content .discussion-wrapper aside div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion body.askbot .main-content .discussion-wrapper aside input.ui-accordion-header.ui-state-active[type="button"] a, .sidebar div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel .sidebar input.active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.active[type="button"] a, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input.active[type="button"] a, div.wiki-wrapper div#wiki_panel input.active[type="button"] a, body.askbot .main-content .discussion-wrapper aside div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel body.askbot .main-content .discussion-wrapper aside input.active[type="button"] a { + .sidebar h3.active a, div.course-wrapper div#accordion h3.active a, div.book-wrapper ul#booknav h3.active a, div.wiki-wrapper div#wiki_panel h3.active a, body.askbot section.main-content div.discussion-wrapper aside h3.active a, .sidebar div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion .sidebar h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.book-wrapper ul#booknav div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion div.book-wrapper ul#booknav h3.ui-accordion-header.ui-state-active a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel h3.ui-accordion-header.ui-state-active a, body.askbot section.main-content div.discussion-wrapper aside div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion body.askbot section.main-content div.discussion-wrapper aside h3.ui-accordion-header.ui-state-active a, .sidebar div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel .sidebar input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.book-wrapper ul#booknav div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, body.askbot section.main-content div.discussion-wrapper aside div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel body.askbot section.main-content div.discussion-wrapper aside input.ui-accordion-header.ui-state-active[type="button"] a, .sidebar div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion .sidebar input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion div.book-wrapper ul#booknav input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, body.askbot section.main-content div.discussion-wrapper aside div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion body.askbot section.main-content div.discussion-wrapper aside input.ui-accordion-header.ui-state-active[type="button"] a, .sidebar div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel .sidebar input.active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.active[type="button"] a, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input.active[type="button"] a, div.wiki-wrapper div#wiki_panel input.active[type="button"] a, body.askbot section.main-content div.discussion-wrapper aside div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel body.askbot section.main-content div.discussion-wrapper aside input.active[type="button"] a { color: #000; } -.topbar, div.book-wrapper section.book nav, div.wiki-wrapper section.wiki-body header, body.askbot .secondary-nav nav { +.topbar, div.course-wrapper section.course-content ol.sequence-nav, div.book-wrapper section.book nav, div.wiki-wrapper section.wiki-body header, body.askbot .secondary-nav nav { background: #F6EFD4; border-bottom: 1px solid #eddfaa; margin: -22.652px -22.652px 22.652px; font-size: 12px; text-shadow: 0 1px 0 #fff; } - .topbar a, div.book-wrapper section.book nav a, div.wiki-wrapper section.wiki-body header a, body.askbot .secondary-nav nav a { + .topbar a, div.course-wrapper section.course-content ol.sequence-nav a, div.book-wrapper section.book nav a, div.wiki-wrapper section.wiki-body header a, body.askbot .secondary-nav nav a { + -webkit-box-shadow: inset 1px 0 0 #faf7e9; + -moz-box-shadow: inset 1px 0 0 #faf7e9; + -ms-box-shadow: inset 1px 0 0 #faf7e9; + -o-box-shadow: inset 1px 0 0 #faf7e9; + box-shadow: inset 1px 0 0 #faf7e9; + background: #f2e7bf; + border-left: 1px solid #e4d080; + color: #292309; + padding: 16.989px; text-transform: uppercase; - color: #292309; } - .topbar a:hover, div.book-wrapper section.book nav a:hover, div.wiki-wrapper section.wiki-body header a:hover, body.askbot .secondary-nav nav a:hover { - color: #7e691a; } + display: block; } + .topbar a:hover, div.course-wrapper section.course-content ol.sequence-nav a:hover, div.book-wrapper section.book nav a:hover, div.wiki-wrapper section.wiki-body header a:hover, body.askbot .secondary-nav nav a:hover { + color: #7e691a; + text-decoration: none; + background: none; } + +:focus { + outline-color: #ccc; } h1 { font-size: 1.6em; @@ -559,6 +573,8 @@ div#feedback_div form ol li { div#feedback_div form ol li textarea#feedback_message { height: 100px; } +div.course-wrapper ul, div.course-wrapper ol { + list-style: none; } div.course-wrapper div#accordion div#open_close_accordion { position: absolute; right: 0px; @@ -630,55 +646,162 @@ div.course-wrapper section.course-content ol.sequence-nav { border: none; cursor: pointer; display: table-cell; - min-width: 30px; - min-height: 30px; - padding: 0 10px; } -div.course-wrapper section.course-content div.video-wrapper { + padding: 16.989px; + float: left; } + div.course-wrapper section.course-content ol.sequence-nav li.seq_problem_inactive { + width: 14px; + background: url("/static/images/problem-icon.png") 13px 13px no-repeat; + -webkit-box-shadow: inset -1px 0 0 #eddfaa; + -moz-box-shadow: inset -1px 0 0 #eddfaa; + -ms-box-shadow: inset -1px 0 0 #eddfaa; + -o-box-shadow: inset -1px 0 0 #eddfaa; + box-shadow: inset -1px 0 0 #eddfaa; } + div.course-wrapper section.course-content ol.sequence-nav li.seq_problem_inactive:hover { + background-color: #f9f4e1; } + div.course-wrapper section.course-content ol.sequence-nav li.seq_problem_visited { + width: 14px; + background: #ece5cb url("/static/images/problem-icon.png") -57px 13px no-repeat; } + div.course-wrapper section.course-content ol.sequence-nav li.seq_problem_visited:hover { + background-color: #F6EFD4; } + div.course-wrapper section.course-content ol.sequence-nav li.seq_problem_active { + width: 14px; + background: #fffbeb url("/static/images/problem-icon.png") -22px 13px no-repeat; + -webkit-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; + -moz-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; + -ms-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; + -o-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; + box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; } + div.course-wrapper section.course-content ol.sequence-nav li.seq_problem_active:hover { + background-color: #F6EFD4; } + div.course-wrapper section.course-content ol.sequence-nav li.seq_video_inactive { + width: 14px; + background: url("/static/images/video-icon.png") 13px 15px no-repeat; + -webkit-box-shadow: inset -1px 0 0 #eddfaa; + -moz-box-shadow: inset -1px 0 0 #eddfaa; + -ms-box-shadow: inset -1px 0 0 #eddfaa; + -o-box-shadow: inset -1px 0 0 #eddfaa; + box-shadow: inset -1px 0 0 #eddfaa; } + div.course-wrapper section.course-content ol.sequence-nav li.seq_video_inactive:hover { + background-color: #f9f4e1; } + div.course-wrapper section.course-content ol.sequence-nav li.seq_video_visited { + width: 14px; + background: #ece5cb url("/static/images/video-icon.png") -64px 15px no-repeat; } + div.course-wrapper section.course-content ol.sequence-nav li.seq_video_visited:hover { + background-color: #F6EFD4; } + div.course-wrapper section.course-content ol.sequence-nav li.seq_video_active { + width: 14px; + background: #fffbeb url("/static/images/video-icon.png") -25px 15px no-repeat; + -webkit-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; + -moz-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; + -ms-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; + -o-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; + box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; } + div.course-wrapper section.course-content ol.sequence-nav li.seq_video_active:hover { + background-color: #F6EFD4; } + div.course-wrapper section.course-content ol.sequence-nav li.seq_vertical_inactive { + width: 14px; + background: url("/static/images/vertical-icon.png") -82px 15px no-repeat; + -webkit-box-shadow: inset -1px 0 0 #eddfaa; + -moz-box-shadow: inset -1px 0 0 #eddfaa; + -ms-box-shadow: inset -1px 0 0 #eddfaa; + -o-box-shadow: inset -1px 0 0 #eddfaa; + box-shadow: inset -1px 0 0 #eddfaa; } + div.course-wrapper section.course-content ol.sequence-nav li.seq_vertical_inactive:hover { + background-color: #f9f4e1; } + div.course-wrapper section.course-content ol.sequence-nav li.seq_vertical_visited { + width: 14px; + background: #ece5cb url("/static/images/vertical-icon.png") 13px 15px no-repeat; } + div.course-wrapper section.course-content ol.sequence-nav li.seq_vertical_visited:hover { + background-color: #F6EFD4; } + div.course-wrapper section.course-content ol.sequence-nav li.seq_vertical_active { + width: 14px; + background: #fffbeb url("/static/images/vertical-icon.png") -35px 15px no-repeat; + -webkit-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; + -moz-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; + -ms-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; + -o-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; + box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; } + div.course-wrapper section.course-content ol.sequence-nav li.seq_vertical_active:hover { + background-color: #F6EFD4; } + div.course-wrapper section.course-content ol.sequence-nav li.prev, div.course-wrapper section.course-content ol.sequence-nav li.next { + -webkit-box-shadow: inset 1px 0 0 #faf7e9; + -moz-box-shadow: inset 1px 0 0 #faf7e9; + -ms-box-shadow: inset 1px 0 0 #faf7e9; + -o-box-shadow: inset 1px 0 0 #faf7e9; + box-shadow: inset 1px 0 0 #faf7e9; + background: #f2e7bf; + border-left: 1px solid #e4d080; + color: #292309; + float: right; + letter-spacing: 1px; + padding: 16.989px; + text-transform: uppercase; } + div.course-wrapper section.course-content ol.sequence-nav li.prev:hover, div.course-wrapper section.course-content ol.sequence-nav li.next:hover { + text-decoration: none; + color: #7e691a; + text-decoration: none; + background: none; } + +section.course-content div.video-wrapper { float: left; - width: 640px; - min-height: 620px; } - div.course-wrapper section.course-content div.video-wrapper iframe#html5_player { - border: none; - display: none; - height: 390px; - width: 640px; } - div.course-wrapper section.course-content div.video-wrapper section ul { + width: 65.761%; + margin-right: 2.717%; } + section.course-content div.video-wrapper div.video-player { + position: relative; + padding-bottom: 56.25%; + padding-top: 30px; + height: 0; + overflow: hidden; } + section.course-content div.video-wrapper div.video-player object { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } + section.course-content div.video-wrapper div.video-player iframe#html5_player { + border: none; + display: none; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } + section.course-content div.video-wrapper section ul { display: inline-block; } - div.course-wrapper section.course-content div.video-wrapper section ul li { + section.course-content div.video-wrapper section ul li { margin-top: 5px; display: inline-block; cursor: pointer; border: 0; padding: 0; } - div.course-wrapper section.course-content div.video-wrapper section ul li div:empty { + section.course-content div.video-wrapper section ul li div:empty { display: none; } - div.course-wrapper section.course-content div.video-wrapper section div#slider { + section.course-content div.video-wrapper section div#slider { margin: -14px 0 10px 60px; } - div.course-wrapper section.course-content div.video-wrapper section div#vidtime { + section.course-content div.video-wrapper section div#vidtime { float: left; } - div.course-wrapper section.course-content div.video-wrapper section div#video_speeds { + section.course-content div.video-wrapper section div#video_speeds { float: right; cursor: pointer; } - div.course-wrapper section.course-content div.video-wrapper section div#video_speeds span:hover { + section.course-content div.video-wrapper section div#video_speeds span:hover { color: #993333; } -div.course-wrapper section.course-content ol.subtitles { - width: 220px; - margin-left: 20px; - float: left; } - div.course-wrapper section.course-content ol.subtitles li { +section.course-content ol.subtitles { + float: left; + width: 31.522%; } + section.course-content ol.subtitles li { margin-bottom: 0px; cursor: pointer; border: 0; padding: 0; color: #666; } - div.course-wrapper section.course-content ol.subtitles li.current { + section.course-content ol.subtitles li.current { background-color: #f3f3f3; color: #333; } - div.course-wrapper section.course-content ol.subtitles li:hover { + section.course-content ol.subtitles li:hover { color: #993333; } - div.course-wrapper section.course-content ol.subtitles li div { + section.course-content ol.subtitles li div { margin-bottom: 8px; } - div.course-wrapper section.course-content ol.subtitles li div:empty { + section.course-content ol.subtitles li div:empty { margin-bottom: 0px; } div.book-wrapper ul#booknav { @@ -690,62 +813,88 @@ div.book-wrapper ul#booknav { padding: 22.652px; } div.book-wrapper ul#booknav li ul { background: none; } -div.book-wrapper section.book nav ul li { - padding: 15px; } - div.book-wrapper section.book nav ul li.last { - float: left; } - div.book-wrapper section.book nav ul li.next { - float: right; } +div.book-wrapper section.book nav ul li.last { + float: left; + display: block; } + div.book-wrapper section.book nav ul li.last a { + -webkit-box-shadow: inset -1px 0 0 #faf7e9; + -moz-box-shadow: inset -1px 0 0 #faf7e9; + -ms-box-shadow: inset -1px 0 0 #faf7e9; + -o-box-shadow: inset -1px 0 0 #faf7e9; + box-shadow: inset -1px 0 0 #faf7e9; + border-right: 1px solid #e4d080; + border-left: 0; } +div.book-wrapper section.book nav ul li.next { + display: block; + float: right; } div.book-wrapper section.book section.page img { border: 1px solid #dddddd; max-width: 100%; min-width: 100%; } -div.profile-wrapper { - display: table; } - div.profile-wrapper section.user-info { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box; - margin-right: 2.024%; - padding: 22.652px; - width: 48.988%; - background: #e3e3e3; - border-right: 1px solid #d3d3d3; - text-shadow: 0 1px 0 #f6f6f6; - display: table-cell; } - div.profile-wrapper section.course-info { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box; - display: table-cell; - padding: 22.652px; - width: 48.988%; } - div.profile-wrapper section.course-info ul li { - display: inline-block; - padding-right: 1em; } - -form#wiki_revision label { - display: block; - margin-bottom: 7px; } -form#wiki_revision textarea { +div.profile-wrapper section.user-info { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; - margin-bottom: 20px; - min-height: 300px; - width: 100%; } -form#wiki_revision input[type="text"] { - width: 50%; } -form#wiki_revision input[type="submit"] { - display: block; - margin-top: 20px; } + margin-right: 2.024%; + padding: 22.652px; + width: 48.988%; + background: #e3e3e3; + border-right: 1px solid #d3d3d3; + text-shadow: 0 1px 0 #f6f6f6; + display: table-cell; } +div.profile-wrapper section.course-info { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; + padding: 22.652px; + width: 48.988%; } + div.profile-wrapper section.course-info ul li { + display: inline-block; + padding-right: 1em; } + +form#wiki_revision { + float: left; + width: 77.174%; + margin-right: 2.717%; } + form#wiki_revision label { + display: block; + margin-bottom: 7px; } + form#wiki_revision textarea { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 20px; + min-height: 450px; + width: 100%; } + form#wiki_revision input[type="text"] { + display: block; + width: 50%; } + form#wiki_revision #submit_delete { + float: right; } + form#wiki_revision input[type="submit"] { + margin-top: 20px; } + +#wiki_edit_instructions { + float: left; + width: 20.109%; } + #wiki_edit_instructions .markdown-example { + background-color: #dddddd; + padding-top: 5px; + padding-right: 2px; + padding-bottom: 5px; + padding-left: 5px; + margin-top: 5px; + margin-bottom: 7px; + margin-left: 5px; + line-height: 1.0; } div.wiki-wrapper { display: table; @@ -753,7 +902,6 @@ div.wiki-wrapper { div.wiki-wrapper div#wiki_panel { overflow: auto; } div.wiki-wrapper div#wiki_panel input[type="button"] { - color: #4d4d4d; -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; @@ -774,6 +922,7 @@ div.wiki-wrapper { -ms-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; + color: #4d4d4d; font-size: 14px; margin: 0 !important; padding: 7px 7px 7px 30px; @@ -825,7 +974,8 @@ div.wiki-wrapper { color: #937b1f; line-height: 1em; } div.wiki-wrapper section.wiki-body header ul { - float: right; } + float: right; + list-style: none; } div.wiki-wrapper section.wiki-body header ul li { float: left; } div.wiki-wrapper section.wiki-body header ul li input[type="button"] { @@ -868,7 +1018,7 @@ div.wiki-wrapper { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; - padding: 15px; + padding: 16.989px; margin: 0; } div.wiki-wrapper section.wiki-body header ul li input[type="button"]:hover { background: none; } @@ -879,6 +1029,8 @@ div.wiki-wrapper { border-bottom: 1px solid #ccc; } div.wiki-wrapper section.wiki-body p { line-height: 1.6em; } + div.wiki-wrapper section.wiki-body #wiki_history_table tr.dark { + background-color: #dddddd; } section.activation { -webkit-box-shadow: 0 1px 0 white; @@ -953,56 +1105,83 @@ body.askbot .secondary-nav { margin-left: 2%; text-align: right; width: 65.992%; } -body.askbot .main-content .discussion-wrapper { - display: table; - width: 100%; } - body.askbot .main-content .discussion-wrapper .discussion-content { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box; - display: table-cell; - padding: 2.024%; - vertical-align: top; - width: 74.494%; } - body.askbot .main-content .discussion-wrapper .discussion-content .order-sort { - -webkit-border-radius: 35px; - -moz-border-radius: 35px; - -ms-border-radius: 35px; - -o-border-radius: 35px; - border-radius: 35px; - background-color: #faf7e9; - height: 30px; - float: right; - font-size: 16px; - margin: 3px 0; - padding: 0 20px; } - body.askbot .main-content .discussion-wrapper .discussion-content .order-sort a { - color: #a88d23; } - body.askbot .main-content .discussion-wrapper .discussion-content .order-sort a:before { - content: '|'; - color: #eddfaa; - font-size: 22px; } - body.askbot .main-content .discussion-wrapper .discussion-content .order-sort a:hover { - text-decoration: none; - color: #544611; } - body.askbot .main-content .discussion-wrapper aside { - width: 23.482%; - padding: 2.024%; } - body.askbot .main-content .discussion-wrapper aside h2 { - font-size: 16px; } - body.askbot .main-content .discussion-wrapper aside h3, body.askbot .main-content .discussion-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel body.askbot .main-content .discussion-wrapper aside input[type="button"] { - border-bottom: 0; - box-shadow: none; } - body.askbot .main-content .discussion-wrapper aside input[type="text"] { - width: 68%; } - body.askbot .main-content .discussion-wrapper aside #displayTagFilterControl { - margin-top: 10px; } + body.askbot .secondary-nav nav div.search-box input[type="text"] { + margin-right: 6px; + width: 22.699%; } +body.askbot section.main-content div.discussion-wrapper div.discussion-content { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; + padding: 2.024%; + vertical-align: top; + width: 74.494%; } + body.askbot section.main-content div.discussion-wrapper div.discussion-content div.order-sort { + -webkit-border-radius: 35px; + -moz-border-radius: 35px; + -ms-border-radius: 35px; + -o-border-radius: 35px; + border-radius: 35px; + background-color: #faf7e9; + height: 30px; + float: right; + font-size: 16px; + margin: 3px 0; + padding: 0 20px; } + body.askbot section.main-content div.discussion-wrapper div.discussion-content div.order-sort a { + color: #a88d23; } + body.askbot section.main-content div.discussion-wrapper div.discussion-content div.order-sort a:before { + content: '|'; + color: #eddfaa; + font-size: 22px; } + body.askbot section.main-content div.discussion-wrapper div.discussion-content div.order-sort a:hover { + text-decoration: none; + color: #544611; } + body.askbot section.main-content div.discussion-wrapper div.discussion-content p.tabula-rasa { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + background-color: #f6f6f6; + color: #888; + margin: 10px auto; + padding: 20px; + text-align: center; + width: 40.486%; } + body.askbot section.main-content div.discussion-wrapper div.discussion-content p.tabula-rasa:first-child { + margin-top: 70px; } + body.askbot section.main-content div.discussion-wrapper div.discussion-content p.tabula-rasa:last-child { + margin-bottom: 70px; } + body.askbot section.main-content div.discussion-wrapper div.discussion-content p.tabula-rasa a { + text-decoration: none; + color: #888; + font-weight: bold; } +body.askbot section.main-content div.discussion-wrapper aside { + -webkit-box-shadow: inset 1px 0 0 #f6f6f6; + -moz-box-shadow: inset 1px 0 0 #f6f6f6; + -ms-box-shadow: inset 1px 0 0 #f6f6f6; + -o-box-shadow: inset 1px 0 0 #f6f6f6; + box-shadow: inset 1px 0 0 #f6f6f6; + border-left: 1px solid #d3d3d3; + border-right: 1px solid #f6f6f6; + padding: 2.024%; + width: 23.482%; } + body.askbot section.main-content div.discussion-wrapper aside h2 { + font-size: 16px; } + body.askbot section.main-content div.discussion-wrapper aside h3, body.askbot section.main-content div.discussion-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel body.askbot section.main-content div.discussion-wrapper aside input[type="button"] { + border-bottom: 0; + box-shadow: none; } + body.askbot section.main-content div.discussion-wrapper aside input[type="text"] { + width: 76%; } + body.askbot section.main-content div.discussion-wrapper aside #displayTagFilterControl { + margin-top: 10px; } body.askbot footer { margin: 0 auto; padding: 0; } - body.askbot footer .footer-wrapper { + body.askbot footer div.footer-wrapper { -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; -ms-box-shadow: 0 1px 0 white; @@ -1288,17 +1467,6 @@ body.anon #searchBar { padding-left: 0px; } .box .contributorback { background: #eceeeb url(../images/contributorsback.png) no-repeat center left; } - .box label { - color: #707070; - font-size: 15px; - display: block; - float: right; - text-align: left; - font-family: 'Yanone Kaffeesatz',sans-serif; - width: 80px; - margin-right: 18px; } - .box #displayTagFilterControl label { - width: 160px; } .box ul { margin-left: 22px; } .box li { @@ -1398,16 +1566,6 @@ body.anon #searchBar { #markdownHelp a { font-size: 16px; } -#questionCount { - font-weight: bold; - font-size: 23px; - color: #7ea9b3; - width: 200px; - float: left; - margin-bottom: 8px; - padding-top: 6px; - font-family: 'Yanone Kaffeesatz',sans-serif; } - #listSearchTags { float: left; margin-top: 3px; @@ -1531,15 +1689,6 @@ ul#searchTags { background: #eab243; color: yellow; } -.evenMore { - font-size: 13px; - color: #707070; - padding: 15px 0px 10px 0px; - clear: both; } - .evenMore a { - text-decoration: underline; - color: #1b79bd; } - .pager { margin-top: 10px; margin-bottom: 16px; } @@ -3403,40 +3552,6 @@ pre.prettyprint { padding: 3px; border: 0px solid #888; } -@media print { - .str { - color: #060; } - - .kwd { - color: #006; - font-weight: bold; } - - .com { - color: #600; - font-style: italic; } - - .typ { - color: #404; - font-weight: bold; } - - .lit { - color: #044; } - - .pun { - color: #440; } - - .pln { - color: #000; } - - .tag { - color: #006; - font-weight: bold; } - - .atn { - color: #404; } - - .atv { - color: #060; } } /* ---------------------------------------------------------------------------------------- @@ -3623,9 +3738,6 @@ a:hover { .seq_video_visited { background-color: #ccaacc; } -.seq_video_visited { - background-color: #cccaac; } - .seq_html_visited { background-color: #caaccc; } diff --git a/css/application.css.orig b/css/application.css.orig new file mode 100644 index 0000000000..9475daaf51 --- /dev/null +++ b/css/application.css.orig @@ -0,0 +1,3657 @@ +/* +html5doctor.com Reset Stylesheet +v1.6.1 +Last Updated: 2010-09-17 +Author: Richard Clark - http://richclarkdesign.com +Twitter: @rich_clark +*/ +html, body, div, span, object, iframe, +h1, h2, h3, div.wiki-wrapper div#wiki_panel input[type="button"], h4, h5, h6, p, blockquote, pre, +abbr, address, cite, code, +del, dfn, em, img, ins, kbd, q, samp, +small, strong, sub, sup, var, +b, i, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, figcaption, figure, +footer, header, hgroup, menu, nav, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; } + +body { + line-height: 1; } + +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; } + +nav ul { + list-style: none; } + +blockquote, q { + quotes: none; } + +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; } + +a { + margin: 0; + padding: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; } + +/* change colours to suit your needs */ +ins { + background-color: #ff9; + color: #000; + text-decoration: none; } + +/* change colours to suit your needs */ +mark { + background-color: #ff9; + color: #000; + font-style: italic; + font-weight: bold; } + +del { + text-decoration: line-through; } + +abbr[title], dfn[title] { + border-bottom: 1px dotted; + cursor: help; } + +table { + border-collapse: collapse; + border-spacing: 0; } + +/* change border colour to suit your needs */ +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #cccccc; + margin: 1em 0; + padding: 0; } + +input, select { + vertical-align: middle; } + +@font-face { + font-family: 'Droid Sans'; + font-style: normal; + font-weight: normal; + src: local("Droid Sans"), local("DroidSans"), url("http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciL3hpw3pgy2gAi-Ip7WPMi0.woff") format("woff"); } + +@font-face { + font-family: 'Droid Sans'; + font-style: normal; + font-weight: bold; + src: local("Droid Sans Bold"), local("DroidSans-Bold"), url("http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMXbFhgvWbfSbdVg11QabG8w.woff") format("woff"); } + +.clearfix:after, .topbar:after, div.book-wrapper section.book nav:after, div.wiki-wrapper section.wiki-body header:after, body.askbot .secondary-nav nav:after, html body div.header-wrapper header:after, html body div.header-wrapper header nav ul:after, html body section.main-content:after, html footer:after, div.course-wrapper section.course-content ol.vert-mod li:after, div.book-wrapper section.book nav ul:after, div.wiki-wrapper div#wiki_panel div#wiki_create_form:after, body.askbot footer .footer-wrapper:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; } + +.wrapper, html body div.header-wrapper header, html body section.main-content, html footer, section.activation, body.askbot .secondary-nav nav, body.askbot footer .footer-wrapper { + margin: 0 auto; + max-width: 1400px; + min-width: 810px; + width: 100%; + text-align: left; } + .wrapper div.table-wrapper, html body div.header-wrapper header div.table-wrapper, html body section.main-content div.table-wrapper, html footer div.table-wrapper, section.activation div.table-wrapper, body.askbot .secondary-nav nav div.table-wrapper, body.askbot footer .footer-wrapper div.table-wrapper, .wrapper div.course-wrapper, html body div.header-wrapper header div.course-wrapper, html body section.main-content div.course-wrapper, html footer div.course-wrapper, section.activation div.course-wrapper, body.askbot .secondary-nav nav div.course-wrapper, body.askbot footer .footer-wrapper div.course-wrapper, .wrapper div.book-wrapper, html body div.header-wrapper header div.book-wrapper, html body section.main-content div.book-wrapper, html footer div.book-wrapper, section.activation div.book-wrapper, body.askbot .secondary-nav nav div.book-wrapper, body.askbot footer .footer-wrapper div.book-wrapper { + display: table; + width: 100%; } + +.button, input[type="submit"], input[type="button"], button { + -webkit-box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc; + -moz-box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc; + -ms-box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc; + -o-box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc; + box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc; + background-color: #959595; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #959595), color-stop(100%, #7b7b7b)); + background-image: -webkit-linear-gradient(top, #959595, #7b7b7b); + background-image: -moz-linear-gradient(top, #959595, #7b7b7b); + background-image: -ms-linear-gradient(top, #959595, #7b7b7b); + background-image: -o-linear-gradient(top, #959595, #7b7b7b); + background-image: linear-gradient(top, #959595, #7b7b7b); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + border: 1px solid #6f6f6f; + padding: 4px 8px; + color: #fff; + font: bold 14px "Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + cursor: pointer; + -webkit-font-smoothing: antialiased; } + .button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover, .button:focus, input[type="submit"]:focus, input[type="button"]:focus, button:focus { + -webkit-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc; + -moz-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc; + -ms-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc; + -o-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc; + box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc; + background-color: #a2a2a2; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a2a2a2), color-stop(100%, #7b7b7b)); + background-image: -webkit-linear-gradient(top, #a2a2a2, #7b7b7b); + background-image: -moz-linear-gradient(top, #a2a2a2, #7b7b7b); + background-image: -ms-linear-gradient(top, #a2a2a2, #7b7b7b); + background-image: -o-linear-gradient(top, #a2a2a2, #7b7b7b); + background-image: linear-gradient(top, #a2a2a2, #7b7b7b); + border: 1px solid #555555; } + +.content, div.course-wrapper section.course-content, div.book-wrapper section.book, div.wiki-wrapper section.wiki-body { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; + padding: 22.652px; + vertical-align: top; + width: 76.518%; } + +.sidebar, div.course-wrapper div#accordion, div.book-wrapper ul#booknav, div.wiki-wrapper div#wiki_panel, body.askbot .main-content .discussion-wrapper aside { + -webkit-box-shadow: inset -1px 0 0 #f6f6f6; + -moz-box-shadow: inset -1px 0 0 #f6f6f6; + -ms-box-shadow: inset -1px 0 0 #f6f6f6; + -o-box-shadow: inset -1px 0 0 #f6f6f6; + box-shadow: inset -1px 0 0 #f6f6f6; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + background: #e3e3e3; + border-right: 1px solid #d3d3d3; + display: table-cell; + font-family: "Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + text-shadow: 0 1px 0 #f1f1f1; + vertical-align: top; + width: 23.482%; + position: relative; } + .sidebar h3, div.course-wrapper div#accordion h3, div.book-wrapper ul#booknav h3, div.wiki-wrapper div#wiki_panel h3, body.askbot .main-content .discussion-wrapper aside h3, .sidebar div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel .sidebar input[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"], div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input[type="button"], div.wiki-wrapper div#wiki_panel input[type="button"], body.askbot .main-content .discussion-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel body.askbot .main-content .discussion-wrapper aside input[type="button"] { + -webkit-box-shadow: 0 1px 0 #eeeeee; + -moz-box-shadow: 0 1px 0 #eeeeee; + -ms-box-shadow: 0 1px 0 #eeeeee; + -o-box-shadow: 0 1px 0 #eeeeee; + box-shadow: 0 1px 0 #eeeeee; + background: none; + border: none; + border-bottom: 1px solid #d3d3d3; + color: #000; + font-weight: normal; + margin: 0; + overflow: hidden; } + .sidebar h3 a, div.course-wrapper div#accordion h3 a, div.book-wrapper ul#booknav h3 a, div.wiki-wrapper div#wiki_panel h3 a, body.askbot .main-content .discussion-wrapper aside h3 a, .sidebar div.wiki-wrapper div#wiki_panel input[type="button"] a, div.wiki-wrapper div#wiki_panel .sidebar input[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"] a, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input[type="button"] a, div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input[type="button"] a, div.wiki-wrapper div#wiki_panel input[type="button"] a, body.askbot .main-content .discussion-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"] a, div.wiki-wrapper div#wiki_panel body.askbot .main-content .discussion-wrapper aside input[type="button"] a { + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.15s; + -moz-transition-duration: 0.15s; + -ms-transition-duration: 0.15s; + -o-transition-duration: 0.15s; + transition-duration: 0.15s; + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + -ms-transition-timing-function: ease-out; + -o-transition-timing-function: ease-out; + transition-timing-function: ease-out; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + color: #4d4d4d; + display: block; + font-size: 14px; + padding: 7px 7px 7px 30px; + text-decoration: none; } + .sidebar h3 a:hover, div.course-wrapper div#accordion h3 a:hover, div.book-wrapper ul#booknav h3 a:hover, div.wiki-wrapper div#wiki_panel h3 a:hover, body.askbot .main-content .discussion-wrapper aside h3 a:hover, .sidebar div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel .sidebar input[type="button"] a:hover, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"] a:hover, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, body.askbot .main-content .discussion-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel body.askbot .main-content .discussion-wrapper aside input[type="button"] a:hover { + -webkit-box-shadow: 0 1px 0 white; + -moz-box-shadow: 0 1px 0 white; + -ms-box-shadow: 0 1px 0 white; + -o-box-shadow: 0 1px 0 white; + box-shadow: 0 1px 0 white; + background: #efefef; } + .sidebar h3 span.ui-icon, div.course-wrapper div#accordion h3 span.ui-icon, div.book-wrapper ul#booknav h3 span.ui-icon, div.wiki-wrapper div#wiki_panel h3 span.ui-icon, body.askbot .main-content .discussion-wrapper aside h3 span.ui-icon, .sidebar div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel .sidebar input[type="button"] span.ui-icon, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"] span.ui-icon, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, body.askbot .main-content .discussion-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel body.askbot .main-content .discussion-wrapper aside input[type="button"] span.ui-icon { + background-image: url(images/ui-icons_454545_256x240.png); } + .sidebar h3.active, div.course-wrapper div#accordion h3.active, div.book-wrapper ul#booknav h3.active, div.wiki-wrapper div#wiki_panel h3.active, body.askbot .main-content .discussion-wrapper aside h3.active, .sidebar div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion .sidebar h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.book-wrapper ul#booknav div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion div.book-wrapper ul#booknav h3.ui-accordion-header.ui-state-active, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel h3.ui-accordion-header.ui-state-active, body.askbot .main-content .discussion-wrapper aside div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion body.askbot .main-content .discussion-wrapper aside h3.ui-accordion-header.ui-state-active, .sidebar div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel .sidebar input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], div.book-wrapper ul#booknav div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], body.askbot .main-content .discussion-wrapper aside div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel body.askbot .main-content .discussion-wrapper aside input.ui-accordion-header.ui-state-active[type="button"], .sidebar div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion .sidebar input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion div.book-wrapper ul#booknav input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], body.askbot .main-content .discussion-wrapper aside div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion body.askbot .main-content .discussion-wrapper aside input.ui-accordion-header.ui-state-active[type="button"], .sidebar div.wiki-wrapper div#wiki_panel input.active[type="button"], div.wiki-wrapper div#wiki_panel .sidebar input.active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.active[type="button"], div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input.active[type="button"], div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input.active[type="button"], div.wiki-wrapper div#wiki_panel input.active[type="button"], body.askbot .main-content .discussion-wrapper aside div.wiki-wrapper div#wiki_panel input.active[type="button"], div.wiki-wrapper div#wiki_panel body.askbot .main-content .discussion-wrapper aside input.active[type="button"] { + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + background: none; + border: 0; + border-bottom: 1px solid #bbb; + color: #000; + font-weight: bold; } + .sidebar h3.active a, div.course-wrapper div#accordion h3.active a, div.book-wrapper ul#booknav h3.active a, div.wiki-wrapper div#wiki_panel h3.active a, body.askbot .main-content .discussion-wrapper aside h3.active a, .sidebar div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion .sidebar h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.book-wrapper ul#booknav div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion div.book-wrapper ul#booknav h3.ui-accordion-header.ui-state-active a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel h3.ui-accordion-header.ui-state-active a, body.askbot .main-content .discussion-wrapper aside div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion body.askbot .main-content .discussion-wrapper aside h3.ui-accordion-header.ui-state-active a, .sidebar div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel .sidebar input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.book-wrapper ul#booknav div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, body.askbot .main-content .discussion-wrapper aside div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel body.askbot .main-content .discussion-wrapper aside input.ui-accordion-header.ui-state-active[type="button"] a, .sidebar div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion .sidebar input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion div.book-wrapper ul#booknav input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, body.askbot .main-content .discussion-wrapper aside div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion body.askbot .main-content .discussion-wrapper aside input.ui-accordion-header.ui-state-active[type="button"] a, .sidebar div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel .sidebar input.active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.active[type="button"] a, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input.active[type="button"] a, div.wiki-wrapper div#wiki_panel input.active[type="button"] a, body.askbot .main-content .discussion-wrapper aside div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel body.askbot .main-content .discussion-wrapper aside input.active[type="button"] a { + color: #000; } + +.topbar, div.book-wrapper section.book nav, div.wiki-wrapper section.wiki-body header, body.askbot .secondary-nav nav { + background: #F6EFD4; + border-bottom: 1px solid #eddfaa; + margin: -22.652px -22.652px 22.652px; + font-size: 12px; + text-shadow: 0 1px 0 #fff; } + .topbar a, div.book-wrapper section.book nav a, div.wiki-wrapper section.wiki-body header a, body.askbot .secondary-nav nav a { + text-transform: uppercase; + color: #292309; } + .topbar a:hover, div.book-wrapper section.book nav a:hover, div.wiki-wrapper section.wiki-body header a:hover, body.askbot .secondary-nav nav a:hover { + color: #7e691a; } + +h1 { + font-size: 1.6em; + margin: 20px 0 10px 0; } + +h2 { + font-size: 14px; + font-weight: bold; + letter-spacing: 1px; + margin: 20px 0 10px 0; + text-transform: uppercase; } + +p { + margin-bottom: 22.652px; } + +em { + font-style: italic; + font-family: Georgia, serif; } + +input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea { + -webkit-box-shadow: 0 -1px 0 white; + -moz-box-shadow: 0 -1px 0 white; + -ms-box-shadow: 0 -1px 0 white; + -o-box-shadow: 0 -1px 0 white; + box-shadow: 0 -1px 0 white; + background-color: #eeeeee; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, white)); + background-image: -webkit-linear-gradient(top, #eeeeee, white); + background-image: -moz-linear-gradient(top, #eeeeee, white); + background-image: -ms-linear-gradient(top, #eeeeee, white); + background-image: -o-linear-gradient(top, #eeeeee, white); + background-image: linear-gradient(top, #eeeeee, white); + border: 1px solid #999; + font: 14px "Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + padding: 4px; } + input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, textarea:focus { + border-color: #993333; } + +html { + margin-top: 0; } + html body { + color: #333333; + font: 14px "Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + text-align: center; + margin: 0; + background: #f3f3f3; } + html body div.header-wrapper { + -webkit-box-shadow: inset 0 1px 0 #bf4040, 0 1px 1px #cccccc; + -moz-box-shadow: inset 0 1px 0 #bf4040, 0 1px 1px #cccccc; + -ms-box-shadow: inset 0 1px 0 #bf4040, 0 1px 1px #cccccc; + -o-box-shadow: inset 0 1px 0 #bf4040, 0 1px 1px #cccccc; + box-shadow: inset 0 1px 0 #bf4040, 0 1px 1px #cccccc; + background-color: #ac3939; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ac3939), color-stop(100%, #862d2d)); + background-image: -webkit-linear-gradient(top, #ac3939, #862d2d); + background-image: -moz-linear-gradient(top, #ac3939, #862d2d); + background-image: -ms-linear-gradient(top, #ac3939, #862d2d); + background-image: -o-linear-gradient(top, #ac3939, #862d2d); + background-image: linear-gradient(top, #ac3939, #862d2d); + border-bottom: 1px solid #732626; } + html body div.header-wrapper header { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + padding: 0 22.652px; } + html body div.header-wrapper header h1 { + border-right: 1px solid #862d2d; + font-size: 14px; + font-weight: bold; + margin: 0 2.024% 0 0; + padding: 15px 2.024% 15px 0; + display: block; + float: left; + color: #000; + text-shadow: 0 1px 0 #bf4040; } + html body div.header-wrapper header h1 em { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + padding-right: 22.652px; } + html body div.header-wrapper header nav { + float: left; + display: block; + margin: 0; + text-shadow: 0 -1px 0 #732626; } + html body div.header-wrapper header nav ul { + display: inline-block; + padding: 15px 0; + margin: 0; } + html body div.header-wrapper header nav ul li { + margin-right: 22.652px; + display: inline-block; + margin-bottom: 0; } + html body div.header-wrapper header nav ul li a { + color: #fff; } + html body div.header-wrapper header nav ul li a:hover { + color: rgba(255, 255, 255, 0.7); + background-color: none; + text-decoration: none; } + html body section.main-content { + -webkit-box-shadow: 0 1px 0 white; + -moz-box-shadow: 0 1px 0 white; + -ms-box-shadow: 0 1px 0 white; + -o-box-shadow: 0 1px 0 white; + box-shadow: 0 1px 0 white; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + background: #fff; + border: 1px solid #ccc; + border-top: 0; } + html body img { + max-width: 100%; + height: auto; } + html footer { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + color: #777; + margin-top: 22.652px; + padding: 0 22.652px; } + html footer p { + float: left; } + html footer p a { + color: #444; } + html footer ul { + float: right; } + html footer ul li { + display: inline-block; + margin-right: 20px; } + html footer ul li a { + color: #444; } + +#lean_overlay { + position: fixed; + z-index: 100; + top: 0px; + left: 0px; + height: 100%; + width: 100%; + background: #000; + display: none; } + +div.leanModal_box { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: 0 0 6px black; + -moz-box-shadow: 0 0 6px black; + -ms-box-shadow: 0 0 6px black; + -o-box-shadow: 0 0 6px black; + box-shadow: 0 0 6px black; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: none; + border: none; + max-width: 600px; + background: #fff; + padding: 45.304px; } + div.leanModal_box h1 { + font-size: 24px; + margin-top: 0; + font-family: "Oswald"; + padding-bottom: 22.652px; + border-bottom: 1px solid #eee; + margin-bottom: 22.652px; } + div.leanModal_box form { + text-align: left; } + div.leanModal_box form div#enroll_error { + padding-bottom: 22.652px; + color: #DF8B2C; + text-transform: uppercase; + letter-spacing: 1px; + font-weight: bold; } + div.leanModal_box form ol li { + margin-bottom: 22.652px; + width: 48.988%; + float: left; } + div.leanModal_box form ol li:nth-child(odd) { + margin-right: 2.024%; } + div.leanModal_box form ol li.terms, div.leanModal_box form ol li.remember { + float: none; + width: auto; + clear: both; + padding-top: 22.652px; + border-top: 1px solid #eee; } + div.leanModal_box form ol li.honor-code { + width: auto; + float: none; } + div.leanModal_box form ol li label { + display: block; + font-weight: bold; } + div.leanModal_box form ol li input[type="email"], div.leanModal_box form ol li input[type="number"], div.leanModal_box form ol li input[type="password"], div.leanModal_box form ol li input[type="search"], div.leanModal_box form ol li input[type="tel"], div.leanModal_box form ol li input[type="text"], div.leanModal_box form ol li input[type="url"], div.leanModal_box form ol li input[type="color"], div.leanModal_box form ol li input[type="date"], div.leanModal_box form ol li input[type="datetime"], div.leanModal_box form ol li input[type="datetime-local"], div.leanModal_box form ol li input[type="month"], div.leanModal_box form ol li input[type="time"], div.leanModal_box form ol li input[type="week"], div.leanModal_box form ol li textarea { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; } + div.leanModal_box form ol li input[type="checkbox"] { + margin-right: 10px; } + div.leanModal_box form input[type="button"] { + border: 1px solid #691b1b; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: inset 0 1px 0 0 #bc5c5c; + -moz-box-shadow: inset 0 1px 0 0 #bc5c5c; + -ms-box-shadow: inset 0 1px 0 0 #bc5c5c; + -o-box-shadow: inset 0 1px 0 0 #bc5c5c; + box-shadow: inset 0 1px 0 0 #bc5c5c; + color: white; + display: inline; + font-size: 11px; + font-weight: bold; + background-color: #993333; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #993333), color-stop(100%, #761e1e)); + background-image: -webkit-linear-gradient(top, #993333, #761e1e); + background-image: -moz-linear-gradient(top, #993333, #761e1e); + background-image: -ms-linear-gradient(top, #993333, #761e1e); + background-image: -o-linear-gradient(top, #993333, #761e1e); + background-image: linear-gradient(top, #993333, #761e1e); + padding: 6px 18px 7px; + text-shadow: 0 1px 0 #5d1414; + -webkit-background-clip: padding-box; + font-size: 18px; + padding: 11.326px; } + div.leanModal_box form input[type="button"]:hover { + -webkit-box-shadow: inset 0 1px 0 0 #a44141; + -moz-box-shadow: inset 0 1px 0 0 #a44141; + -ms-box-shadow: inset 0 1px 0 0 #a44141; + -o-box-shadow: inset 0 1px 0 0 #a44141; + box-shadow: inset 0 1px 0 0 #a44141; + cursor: pointer; + background-color: #823030; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #823030), color-stop(100%, #691c1c)); + background-image: -webkit-linear-gradient(top, #823030, #691c1c); + background-image: -moz-linear-gradient(top, #823030, #691c1c); + background-image: -ms-linear-gradient(top, #823030, #691c1c); + background-image: -o-linear-gradient(top, #823030, #691c1c); + background-image: linear-gradient(top, #823030, #691c1c); } + div.leanModal_box form input[type="button"]:active { + border: 1px solid #691b1b; + -webkit-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; + -moz-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; + -ms-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; + -o-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; + box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; } + div.leanModal_box div#login { + min-width: 300px; } + div.leanModal_box div#login ol li { + width: auto; + float: none; } + div.leanModal_box div.lost-password { + text-align: left; + margin-top: 22.652px; } + div.leanModal_box div.lost-password a { + color: #999; } + div.leanModal_box div.lost-password a:hover { + color: #444; } + +div#feedback_div form ol li { + float: none; + width: 100%; } + div#feedback_div form ol li textarea#feedback_message { + height: 100px; } + +div.course-wrapper div#accordion div#open_close_accordion { + position: absolute; + right: 0px; + width: 20px; + height: 20px; + background: #ccc; + border: 1px solid black; + right: -22px; + top: 5px; } +div.course-wrapper div#accordion h3, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"] { + overflow: hidden; + margin: 0; } + div.course-wrapper div#accordion h3:last-child, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"]:last-child, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"]:last-child { + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; } + div.course-wrapper div#accordion h3.ui-accordion-header, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header[type="button"] { + color: #000; } + div.course-wrapper div#accordion h3.ui-accordion-header a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header[type="button"] a { + font-size: 14px; + color: #4d4d4d; } + div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-hover, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-hover[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-hover[type="button"] { + border: none; + border-bottom: 1px solid #d3d3d3; } +div.course-wrapper div#accordion ul.ui-accordion-content { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: inset -1px 0 0 #e6e6e6; + -moz-box-shadow: inset -1px 0 0 #e6e6e6; + -ms-box-shadow: inset -1px 0 0 #e6e6e6; + -o-box-shadow: inset -1px 0 0 #e6e6e6; + box-shadow: inset -1px 0 0 #e6e6e6; + background: #d6d6d6; + border: none; + border-bottom: 1px solid #c3c3c3; + font-size: 12px; + margin: 0; + overflow: hidden; } + div.course-wrapper div#accordion ul.ui-accordion-content li.active { + font-weight: bold; } + div.course-wrapper div#accordion ul.ui-accordion-content li a { + text-decoration: none; + margin-bottom: 22.652px; + display: block; } + div.course-wrapper div#accordion ul.ui-accordion-content li a:hover { + color: #666; } + div.course-wrapper div#accordion ul.ui-accordion-content li a p { + margin-bottom: 0; } + div.course-wrapper div#accordion ul.ui-accordion-content li a p.subtitle { + color: #666; } +div.course-wrapper section.course-content ol.vert-mod li { + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + padding: 15px 0; } + div.course-wrapper section.course-content ol.vert-mod li h2 { + margin-top: 0; + margin-bottom: 15px; } + div.course-wrapper section.course-content ol.vert-mod li input[type="text"] { + display: inline-block; + margin: 8px 4px 4px 10px; } +div.course-wrapper section.course-content ol.sequence-nav { + margin-bottom: 22.652px; } + div.course-wrapper section.course-content ol.sequence-nav li { + border: none; + cursor: pointer; + display: table-cell; + min-width: 30px; + min-height: 30px; + padding: 0 10px; } +div.course-wrapper section.course-content div.video-wrapper { + float: left; + width: 640px; + min-height: 620px; } + div.course-wrapper section.course-content div.video-wrapper iframe#html5_player { + border: none; + display: none; + height: 390px; + width: 640px; } + div.course-wrapper section.course-content div.video-wrapper section ul { + display: inline-block; } + div.course-wrapper section.course-content div.video-wrapper section ul li { + margin-top: 5px; + display: inline-block; + cursor: pointer; + border: 0; + padding: 0; } + div.course-wrapper section.course-content div.video-wrapper section ul li div:empty { + display: none; } + div.course-wrapper section.course-content div.video-wrapper section div#slider { + margin: -14px 0 10px 60px; } + div.course-wrapper section.course-content div.video-wrapper section div#vidtime { + float: left; } + div.course-wrapper section.course-content div.video-wrapper section div#video_speeds { + float: right; + cursor: pointer; } + div.course-wrapper section.course-content div.video-wrapper section div#video_speeds span:hover { + color: #993333; } +div.course-wrapper section.course-content ol.subtitles { + width: 220px; + margin-left: 20px; + float: left; } + div.course-wrapper section.course-content ol.subtitles li { + margin-bottom: 0px; + cursor: pointer; + border: 0; + padding: 0; + color: #666; } + div.course-wrapper section.course-content ol.subtitles li.current { + background-color: #f3f3f3; + color: #333; } + div.course-wrapper section.course-content ol.subtitles li:hover { + color: #993333; } + div.course-wrapper section.course-content ol.subtitles li div { + margin-bottom: 8px; } + div.course-wrapper section.course-content ol.subtitles li div:empty { + margin-bottom: 0px; } + +div.book-wrapper ul#booknav { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + padding: 22.652px; } + div.book-wrapper ul#booknav li ul { + background: none; } +div.book-wrapper section.book nav ul li { + padding: 15px; } + div.book-wrapper section.book nav ul li.last { + float: left; } + div.book-wrapper section.book nav ul li.next { + float: right; } +div.book-wrapper section.book section.page img { + border: 1px solid #dddddd; + max-width: 100%; + min-width: 100%; } + +div.profile-wrapper { + display: table; } + div.profile-wrapper section.user-info { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + margin-right: 2.024%; + padding: 22.652px; + width: 48.988%; + background: #e3e3e3; + border-right: 1px solid #d3d3d3; + text-shadow: 0 1px 0 #f6f6f6; + display: table-cell; } + div.profile-wrapper section.course-info { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; + padding: 22.652px; + width: 48.988%; } + div.profile-wrapper section.course-info ul li { + display: inline-block; + padding-right: 1em; } + +form#wiki_revision label { + display: block; + margin-bottom: 7px; } +form#wiki_revision textarea { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 20px; + min-height: 300px; + width: 100%; } +form#wiki_revision input[type="text"] { + width: 50%; } +form#wiki_revision input[type="submit"] { + display: block; + margin-top: 20px; } + +div.wiki-wrapper { + display: table; + width: 100%; } + div.wiki-wrapper div#wiki_panel { + overflow: auto; } + div.wiki-wrapper div#wiki_panel input[type="button"] { + color: #4d4d4d; + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.15s; + -moz-transition-duration: 0.15s; + -ms-transition-duration: 0.15s; + -o-transition-duration: 0.15s; + transition-duration: 0.15s; + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + -ms-transition-timing-function: ease-out; + -o-transition-timing-function: ease-out; + transition-timing-function: ease-out; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + font-size: 14px; + margin: 0 !important; + padding: 7px 7px 7px 30px; + text-align: left; + width: 100%; } + div.wiki-wrapper div#wiki_panel input[type="button"]:hover { + -webkit-box-shadow: 0 1px 0 white; + -moz-box-shadow: 0 1px 0 white; + -ms-box-shadow: 0 1px 0 white; + -o-box-shadow: 0 1px 0 white; + box-shadow: 0 1px 0 white; + background: #efefef; } + div.wiki-wrapper div#wiki_panel ul li.create-article { + position: relative; } + div.wiki-wrapper div#wiki_panel ul li.create-article h3, div.wiki-wrapper div#wiki_panel ul li.create-article input[type="button"] { + position: relative; } + div.wiki-wrapper div#wiki_panel ul li.create-article h3:before, div.wiki-wrapper div#wiki_panel ul li.create-article input[type="button"]:before { + background: blue url(images/ui-icons_454545_256x240.png) -32px -16px no-repeat; + display: block; + position: absolute; + top: 0; + right: 0; + width: 16px; + height: 16px; } + div.wiki-wrapper div#wiki_panel ul li.create-article h3:hover:before, div.wiki-wrapper div#wiki_panel ul li.create-article input[type="button"]:hover:before { + background-image: url(images/ui-icons_454545_256x240.png) -64px -16px no-repeat; } + div.wiki-wrapper div#wiki_panel div#wiki_create_form { + padding: 15px; + background: #d6d6d6; + border-bottom: 1px solid #bbb; } + div.wiki-wrapper div#wiki_panel div#wiki_create_form input[type="text"] { + margin-bottom: 6px; + display: block; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; } + div.wiki-wrapper div#wiki_panel div#wiki_create_form ul li { + float: left; } + div.wiki-wrapper div#wiki_panel div#wiki_create_form ul li#cancel { + float: right; + margin-top: 10px; } + div.wiki-wrapper section.wiki-body header p { + float: left; + padding: 15px; + margin-bottom: 0; + color: #937b1f; + line-height: 1em; } + div.wiki-wrapper section.wiki-body header ul { + float: right; } + div.wiki-wrapper section.wiki-body header ul li { + float: left; } + div.wiki-wrapper section.wiki-body header ul li input[type="button"] { + -webkit-box-shadow: inset 1px 0 0 #faf7e9; + -moz-box-shadow: inset 1px 0 0 #faf7e9; + -ms-box-shadow: inset 1px 0 0 #faf7e9; + -o-box-shadow: inset 1px 0 0 #faf7e9; + box-shadow: inset 1px 0 0 #faf7e9; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.15s; + -moz-transition-duration: 0.15s; + -ms-transition-duration: 0.15s; + -o-transition-duration: 0.15s; + transition-duration: 0.15s; + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + -ms-transition-timing-function: ease-out; + -o-transition-timing-function: ease-out; + transition-timing-function: ease-out; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + background: #f2e7bf; + border: 0; + border-left: 1px solid #e4d080; + color: #292309; + text-shadow: none; + font-weight: normal; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 1px; + padding: 15px; + margin: 0; } + div.wiki-wrapper section.wiki-body header ul li input[type="button"]:hover { + background: none; } + div.wiki-wrapper section.wiki-body h1.wiki-title { + font-weight: bold; + padding-bottom: 10px; + margin-bottom: 20px; + border-bottom: 1px solid #ccc; } + div.wiki-wrapper section.wiki-body p { + line-height: 1.6em; } + +section.activation { + -webkit-box-shadow: 0 1px 0 white; + -moz-box-shadow: 0 1px 0 white; + -ms-box-shadow: 0 1px 0 white; + -o-box-shadow: 0 1px 0 white; + box-shadow: 0 1px 0 white; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + background: #fff; + border-top: 0; + border: 1px solid #ccc; + max-width: 600px; + padding: 22.652px; + margin-top: 22.652px; } + +section.help.main-content { + padding: 22.652px; } + section.help.main-content p { + max-width: 700px; } + section.help.main-content dl { + margin-bottom: 22.652px; } + section.help.main-content dl dd, section.help.main-content dl dt { + margin-bottom: 11.326px; } + section.help.main-content dl dt { + font-weight: bold; } + +body.askbot .secondary-nav { + margin: 0; } + body.askbot .secondary-nav nav { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #eddfaa; + border-top: 0; + margin: 0 auto; + padding: 22.652px; } + body.askbot .secondary-nav nav div { + float: left; } + body.askbot .secondary-nav nav div.question-filter { + font-size: 16px; + margin-top: 4px; + width: 31.984%; } + body.askbot .secondary-nav nav div.question-filter ul { + -webkit-border-radius: 35px; + -moz-border-radius: 35px; + -ms-border-radius: 35px; + -o-border-radius: 35px; + border-radius: 35px; + background: #e4d080; + display: inline; + margin: 0 0 0 10px; + padding: 5.663px 20px; } + body.askbot .secondary-nav nav div.question-filter ul li { + display: inline-block; + list-style: none; + margin-right: 10px; } + body.askbot .secondary-nav nav div.question-filter ul li:last-child { + margin-right: 0; } + body.askbot .secondary-nav nav div.question-filter ul li a { + text-transform: capitalize; + text-shadow: none; + font-size: 14px; } + body.askbot .secondary-nav nav div.question-filter ul li a.on { + font-weight: bold; } + body.askbot .secondary-nav nav div.search-box { + margin-left: 2%; + text-align: right; + width: 65.992%; } +body.askbot .main-content .discussion-wrapper { + display: table; + width: 100%; } + body.askbot .main-content .discussion-wrapper .discussion-content { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; + padding: 2.024%; + vertical-align: top; + width: 74.494%; } + body.askbot .main-content .discussion-wrapper .discussion-content .order-sort { + -webkit-border-radius: 35px; + -moz-border-radius: 35px; + -ms-border-radius: 35px; + -o-border-radius: 35px; + border-radius: 35px; + background-color: #faf7e9; + height: 30px; + float: right; + font-size: 16px; + margin: 3px 0; + padding: 0 20px; } + body.askbot .main-content .discussion-wrapper .discussion-content .order-sort a { + color: #a88d23; } + body.askbot .main-content .discussion-wrapper .discussion-content .order-sort a:before { + content: '|'; + color: #eddfaa; + font-size: 22px; } + body.askbot .main-content .discussion-wrapper .discussion-content .order-sort a:hover { + text-decoration: none; + color: #544611; } + body.askbot .main-content .discussion-wrapper aside { + width: 23.482%; + padding: 2.024%; } + body.askbot .main-content .discussion-wrapper aside h2 { + font-size: 16px; } + body.askbot .main-content .discussion-wrapper aside h3, body.askbot .main-content .discussion-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel body.askbot .main-content .discussion-wrapper aside input[type="button"] { + border-bottom: 0; + box-shadow: none; } + body.askbot .main-content .discussion-wrapper aside input[type="text"] { + width: 68%; } + body.askbot .main-content .discussion-wrapper aside #displayTagFilterControl { + margin-top: 10px; } +body.askbot footer { + margin: 0 auto; + padding: 0; } + body.askbot footer .footer-wrapper { + -webkit-box-shadow: 0 1px 0 white; + -moz-box-shadow: 0 1px 0 white; + -ms-box-shadow: 0 1px 0 white; + -o-box-shadow: 0 1px 0 white; + box-shadow: 0 1px 0 white; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + background-color: #000; + border-top: 0; + padding: 1.012%; } + +.badges a { + color: #763333; + text-decoration: underline; } + +.badge-context-toggle.active, div.course-wrapper div#accordion h3.badge-context-toggle.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.badge-context-toggle.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.badge-context-toggle.ui-accordion-header.ui-state-active[type="button"] { + cursor: pointer; + text-decoration: underline; } + +body.user-messages { + margin-top: 2.4em; } + +.notify { + position: fixed; + top: 0px; + left: 0px; + width: 100%; + z-index: 100; + padding: 0; + text-align: center; + background-color: #f5dd69; + border-top: #fff 1px solid; + font-family: 'Yanone Kaffeesatz',sans-serif; } + .notify p.notification { + margin-top: 6px; + margin-bottom: 6px; + font-size: 16px; + color: #424242; } + +#closeNotify { + position: absolute; + right: 5px; + top: 7px; + color: #735005; + text-decoration: none; + line-height: 18px; + background: -6px -5px url(../images/sprites.png) no-repeat; + cursor: pointer; + width: 20px; + height: 20px; } + #closeNotify:hover { + background: -26px -5px url(../images/sprites.png) no-repeat; } + +#header { + margin-top: 0px; + background: #16160f; + font-family: 'Yanone Kaffeesatz',sans-serif; } + +/*.content-wrapper { + width: 960px; + margin: auto; + position: relative; }*/ +#logo img { + padding: 5px 0px 5px 0px; + height: 75px; + width: auto; + float: left; } + +#userToolsNav { + height: 20px; + padding-bottom: 5px; } + #userToolsNav a { + height: 35px; + text-align: right; + margin-left: 20px; + text-decoration: underline; + color: #d0e296; + font-size: 16px; } + #userToolsNav a:first-child { + margin-left: 0; } + #userToolsNav a#ab-responses { + margin-left: 3px; } + #userToolsNav .user-info, #userToolsNav .user-micro-info { + color: #b5b593; } + #userToolsNav a img { + vertical-align: middle; + margin-bottom: 2px; } + #userToolsNav .user-info a { + margin: 0; + text-decoration: none; } + +#metaNav { + float: right; } + #metaNav a { + color: #e2e2ae; + padding: 0px 0px 0px 35px; + height: 25px; + line-height: 30px; + margin: 5px 0px 0px 10px; + font-size: 18px; + font-weight: 100; + text-decoration: none; + display: block; + float: left; } + #metaNav a:hover { + text-decoration: underline; } + #metaNav a.on { + font-weight: bold; + color: #FFF; + text-decoration: none; } + #metaNav a.special { + font-size: 18px; + color: #B02B2C; + font-weight: bold; + text-decoration: none; } + #metaNav a.special:hover { + text-decoration: underline; } + #metaNav #navTags { + background: -50px -5px url(../images/sprites.png) no-repeat; } + #metaNav #navUsers { + background: -125px -5px url(../images/sprites.png) no-repeat; } + #metaNav #navBadges { + background: -210px -5px url(../images/sprites.png) no-repeat; } + +#searchBar { + display: inline-block; + background-color: #fff; + width: 412px; + border: 1px solid #c9c9b5; + float: right; + height: 42px; + margin: 6px 0px 0px 15px; } + #searchBar .searchInput, #searchBar .searchInputCancelable { + font-size: 30px; + height: 40px; + font-weight: 300; + background: #FFF; + border: 0px; + color: #484848; + padding-left: 10px; + font-family: Arial; + vertical-align: middle; } + #searchBar .searchInput { + width: 352px; } + #searchBar .searchInputCancelable { + width: 317px; } + #searchBar .logoutsearch { + width: 337px; } + #searchBar .searchBtn { + font-size: 10px; + color: #666; + background-color: #eee; + height: 42px; + border: #FFF 1px solid; + line-height: 22px; + text-align: center; + float: right; + margin: 0px; + width: 48px; + background: -98px -36px url(../images/sprites.png) no-repeat; + cursor: pointer; } + #searchBar .searchBtn:hover { + background: -146px -36px url(../images/sprites.png) no-repeat; } + #searchBar .cancelSearchBtn { + font-size: 30px; + color: #ce8888; + background: #fff; + height: 42px; + border: 0px; + border-left: #deded0 1px solid; + text-align: center; + width: 35px; + cursor: pointer; } + #searchBar .cancelSearchBtn:hover { + color: #d84040; } + +body.anon #searchBar { + width: 500px; } + body.anon #searchBar .searchInput { + width: 440px; } + body.anon #searchBar .searchInputCancelable { + width: 405px; } + +#askButton { + background: url(../images/bigbutton.png) repeat-x bottom; + line-height: 44px; + text-align: center; + width: 200px; + height: 42px; + font-size: 23px; + color: #4a757f; + margin-top: 7px; + float: right; + text-transform: uppercase; + border-radius: 5px; + -ms-border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + -khtml-border-radius: 5px; + -webkit-box-shadow: 1px 1px 2px #636363; + -moz-box-shadow: 1px 1px 2px #636363; + box-shadow: 1px 1px 2px #636363; } + #askButton:hover { + text-decoration: none; + background: url(../images/bigbutton.png) repeat-x top; + text-shadow: 0px 1px 0px #c6d9dd; + -moz-text-shadow: 0px 1px 0px #c6d9dd; + -webkit-text-shadow: 0px 1px 0px #c6d9dd; } + +/*#ContentLeft { + width: 730px; + float: left; + position: relative; + padding-bottom: 10px; } + +#ContentRight { + width: 200px; + float: right; + padding: 0 0px 10px 0px; }*/ +#ContentFull { + float: left; + width: 960px; } + +.box { + /*background: #fff;*/ + /*padding: 4px 0px 10px 0px;*/ + /*width: 200px;*/ + /*.inputs { + #interestingTagInput, #ignoredTagInput { + width: 153px; + padding-left: 5px; + border: #c9c9b5 1px solid; + height: 25px; } + #interestingTagAdd, #ignoredTagAdd { + background: url(../images/small-button-blue.png) repeat-x top; + border: 0; + color: #4a757f; + font-weight: bold; + font-size: 12px; + width: 30px; + height: 27px; + margin-top: -2px; + cursor: pointer; + border-radius: 4px; + -ms-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; + text-shadow: 0px 1px 0px #e6f6fa; + -moz-text-shadow: 0px 1px 0px #e6f6fa; + -webkit-text-shadow: 0px 1px 0px #e6f6fa; + -webkit-box-shadow: 1px 1px 2px #808080; + -moz-box-shadow: 1px 1px 2px #808080; + box-shadow: 1px 1px 2px #808080; } + #interestingTagAdd:hover, #ignoredTagAdd:hover { + background: url(../images/small-button-blue.png) repeat-x bottom; } }*/ } + .box p { + margin-bottom: 4px; } + .box p.info-box-follow-up-links { + text-align: right; + margin: 0; } + .box h2 { + padding-left: 0; + /*background: #eceeeb;*/ + height: 30px; + line-height: 30px; + /*text-align: right;*/ + /*font-size: 18px !important;*/ + font-weight: normal; + color: #656565; + /*padding-right: 10px;*/ + /*margin-bottom: 10px;*/ + /*font-family: 'Yanone Kaffeesatz',sans-serif;*/ } + .box h3, .box div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel .box input[type="button"] { + /*color: #4a757f;*/ + /*font-size: 18px;*/ + text-align: left; + font-weight: normal; + /*font-family: 'Yanone Kaffeesatz',sans-serif;*/ + padding-left: 0px; } + .box .contributorback { + background: #eceeeb url(../images/contributorsback.png) no-repeat center left; } + .box label { + color: #707070; + font-size: 15px; + display: block; + float: right; + text-align: left; + font-family: 'Yanone Kaffeesatz',sans-serif; + width: 80px; + margin-right: 18px; } + .box #displayTagFilterControl label { + width: 160px; } + .box ul { + margin-left: 22px; } + .box li { + list-style-type: disc; + font-size: 13px; + line-height: 20px; + margin-bottom: 10px; + color: #707070; } + .box ul.tags { + list-style: none; + margin: 0; + padding: 0; + line-height: 170%; + display: block; } + .box #displayTagFilterControl p label { + color: #707070; + font-size: 15px; } + .box img.gravatar { + margin: 1px; } + .box a.followed, .box a.follow { + background: url(../images/medium-button.png) top repeat-x; + height: 34px; + line-height: 34px; + text-align: center; + border: 0; + font-family: 'Yanone Kaffeesatz',sans-serif; + color: #4a757f; + font-weight: normal; + font-size: 21px; + margin-top: 3px; + display: block; + width: 120px; + text-decoration: none; + border-radius: 4px; + -ms-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; + -webkit-box-shadow: 1px 1px 2px #636363; + -moz-box-shadow: 1px 1px 2px #636363; + box-shadow: 1px 1px 2px #636363; + margin: 0 auto; + padding: 0; } + .box a.followed:hover, .box a.follow:hover { + text-decoration: none; + background: url(../images/medium-button.png) bottom repeat-x; + text-shadow: 0px 1px 0px #c6d9dd; + -moz-text-shadow: 0px 1px 0px #c6d9dd; + -webkit-text-shadow: 0px 1px 0px #c6d9dd; } + .box a.followed div.unfollow { + display: none; } + .box a.followed:hover div { + display: none; } + .box a.followed:hover div.unfollow { + display: inline; + color: #a05736; } + .box .favorite-number { + padding: 5px 0 0 5px; + font-size: 100%; + font-family: Arial; + font-weight: bold; + color: #777; + text-align: center; } + .box .notify-sidebar #question-subscribe-sidebar { + margin: 7px 0 0 3px; } + +.statsWidget p { + color: #707070; + font-size: 16px; + border-bottom: #cccccc 1px solid; + font-size: 13px; } + .statsWidget p strong { + float: right; + padding-right: 10px; } + +.questions-related { + word-wrap: break-word; } + .questions-related p { + line-height: 20px; + padding: 4px 0px 4px 0px; + font-size: 16px; + font-weight: normal; + border-bottom: #cccccc 1px solid; } + .questions-related a { + font-size: 13px; } + +#tips li { + color: #707070; + font-size: 13px; + list-style-image: url(../images/tips.png); } +#tips a { + font-size: 16px; } + +#markdownHelp li { + color: #707070; + font-size: 13px; } +#markdownHelp a { + font-size: 16px; } + +#questionCount { + font-weight: bold; + font-size: 23px; + color: #7ea9b3; + width: 200px; + float: left; + margin-bottom: 8px; + padding-top: 6px; + font-family: 'Yanone Kaffeesatz',sans-serif; } + +#listSearchTags { + float: left; + margin-top: 3px; + color: #707070; + font-size: 16px; + font-family: 'Yanone Kaffeesatz',sans-serif; } + +ul#searchTags { + margin-left: 10px; + float: right; + padding-top: 2px; } + +.search-tips { + font-size: 16px; + line-height: 17px; + color: #707070; + margin: 5px 0 10px 0; + padding: 0px; + float: left; + font-family: 'Yanone Kaffeesatz',sans-serif; } + .search-tips a { + text-decoration: underline; + color: #1b79bd; } + +#question-list { + float: left; + position: relative; + background-color: #FFF; + padding: 0; + width: 100%; } + +.short-summary { + position: relative; + filter: inherit; + padding: 10px; + border-bottom: 1px solid #DDDBCE; + margin-bottom: 1px; + overflow: hidden; + width: 710px; + float: left; + background: url(../images/summary-background.png) repeat-x; } + .short-summary h2 { + font-size: 24px; + font-weight: normal; + line-height: 26px; + padding-left: 0; + margin-bottom: 6px; + display: block; + font-family: 'Yanone Kaffeesatz',sans-serif; } + .short-summary a { + color: #464646; } + .short-summary .userinfo { + text-align: right; + line-height: 16px; + font-family: Arial; + padding-right: 4px; } + .short-summary .userinfo .relativetime { + font-size: 11px; + clear: both; + font-weight: normal; + color: #555; } + .short-summary span.anonymous { + font-size: 11px; + clear: both; + font-weight: normal; + color: #555; } + .short-summary .userinfo a { + font-weight: bold; + font-size: 11px; } + .short-summary .counts { + float: right; + margin: 4px 0 0 5px; + font-family: 'Yanone Kaffeesatz',sans-serif; } + .short-summary .counts .item-count { + padding: 0px 5px 0px 5px; + font-size: 25px; + font-family: 'Yanone Kaffeesatz',sans-serif; } + .short-summary .counts .votes div, .short-summary .counts .views div, .short-summary .counts .answers div, .short-summary .counts .favorites div { + margin-top: 3px; + font-size: 14px; + line-height: 14px; + color: #646464; } + .short-summary .tags { + margin-top: 0; } + .short-summary .votes, .short-summary .answers, .short-summary .favorites, .short-summary .views { + text-align: center; + margin: 0 3px; + padding: 8px 2px 0px 2px; + width: 51px; + float: right; + height: 44px; + border: #dbdbd4 1px solid; } + .short-summary .votes { + background: url(../images/vote-background.png) repeat-x; } + .short-summary .answers { + background: url(../images/answers-background.png) repeat-x; } + .short-summary .views { + background: url(../images/view-background.png) repeat-x; } + .short-summary .no-votes .item-count { + color: #b1b5b6; } + .short-summary .some-votes .item-count { + color: #4a757f; } + .short-summary .no-answers .item-count { + color: #b1b5b6; } + .short-summary .some-answers .item-count { + color: #eab243; } + .short-summary .no-views .item-count { + color: #b1b5b6; } + .short-summary .some-views .item-count { + color: #d33f00; } + .short-summary .accepted .item-count { + background: url(../images/accept.png) no-repeat top right; + display: block; + text-align: center; + width: 40px; + color: #eab243; } + .short-summary .some-favorites .item-count { + background: #338333; + color: #d0f5a9; } + .short-summary .no-favorites .item-count { + background: #eab243; + color: yellow; } + +.evenMore { + font-size: 13px; + color: #707070; + padding: 15px 0px 10px 0px; + clear: both; } + .evenMore a { + text-decoration: underline; + color: #1b79bd; } + +.pager { + margin-top: 10px; + margin-bottom: 16px; } + +.pagesize { + margin-top: 10px; + margin-bottom: 16px; + float: right; } + +.paginator { + padding: 5px 0 10px 0; + font-size: 13px; + margin-bottom: 10px; } + .paginator .prev a, .paginator .next a { + background-color: #fff; + color: #777; + padding: 2px 4px 3px 4px; } + .paginator .prev a:visited, .paginator .next a:visited { + background-color: #fff; + color: #777; + padding: 2px 4px 3px 4px; } + .paginator a { + color: #7ea9b3; } + .paginator .prev { + margin-right: .5em; } + .paginator .next { + margin-left: .5em; } + .paginator .page a { + padding: .25em; + background-color: #fff; + margin: 0em .25em; + color: #ff; } + .paginator .page a:visited { + padding: .25em; + background-color: #fff; + margin: 0em .25em; + color: #ff; } + .paginator .curr { + padding: .25em; + background-color: #fff; + margin: 0em .25em; + color: #ff; + background-color: #8ebcc7; + color: #fff; + font-weight: bold; } + .paginator .next a, .paginator .prev a { + color: #7ea9b3; } + .paginator .page a:hover, .paginator .curr a:hover, .paginator .prev a:hover, .paginator .next a:hover { + color: #8C8C8C; + background-color: #E1E1E1; + text-decoration: none; } + .paginator .text { + color: #777; + padding: .3em; } + .paginator .paginator-container-left { + padding: 5px 0 10px 0; } + +.tag-size-1 { + font-size: 12px; } + +.tag-size-2 { + font-size: 13px; } + +.tag-size-3 { + font-size: 14px; } + +.tag-size-4 { + font-size: 15px; } + +.tag-size-5 { + font-size: 16px; } + +.tag-size-6 { + font-size: 17px; } + +.tag-size-7 { + font-size: 18px; } + +.tag-size-8 { + font-size: 19px; } + +.tag-size-9 { + font-size: 20px; } + +.tag-size-10 { + font-size: 21px; } + +ul.tags { + list-style: none; + margin: 0; + padding: 0; + line-height: 170%; + display: block; } + ul.tags.marked-tags { + list-style: none; + margin: 0; + padding: 0; + line-height: 170%; + display: block; } +ul#related-tags { + list-style: none; + margin: 0; + padding: 0; + line-height: 170%; + display: block; } +ul.tags li { + float: left; + display: block; + margin: 0 8px 0 0; + padding: 0; + height: 20px; } + +.wildcard-tags { + clear: both; } + +ul.tags.marked-tags li, .wildcard-tags ul.tags li { + margin-bottom: 5px; } + +#tagSelector div.inputs { + clear: both; + float: none; + margin-bottom: 10px; } + +.tags-page ul.tags li { + width: 160px; + margin: 5px; } + +ul#ab-user-tags li { + width: 160px; + margin: 5px; } +ul#related-tags li { + margin: 0 5px 8px 0; + float: left; + clear: left; } + +.tag-left { + cursor: pointer; + display: block; + float: left; + height: 17px; + margin: 0 5px 0 0; + padding: 0; + -webkit-box-shadow: 0px 0px 5px #d3d6d7; + -moz-box-shadow: 0px 0px 5px #d3d6d7; + box-shadow: 0px 0px 5px #d3d6d7; } + +.tag-right { + background: #f3f6f6; + border: #fff 1px solid; + border-top: #fff 2px solid; + outline: #cfdbdb 1px solid; + display: block; + float: left; + height: 17px; + line-height: 17px; + font-weight: normal; + font-size: 11px; + padding: 0px 8px 0px 8px; + text-decoration: none; + text-align: center; + white-space: nowrap; + vertical-align: middle; + font-family: Arial; + color: #717179; } + +.deletable-tag { + margin-right: 3px; + white-space: nowrap; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-topright: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + -webkit-border-top-right-radius: 4px; } + +.tags a.tag-right, .tags span.tag-right { + color: #585858; + text-decoration: none; } +.tags a:hover { + color: #1A1A1A; } + +.users-page h1, .tags-page h1 { + float: left; } + +.main-page h1 { + margin-right: 5px; } + +.delete-icon { + margin-top: -1px; + float: left; + height: 21px; + width: 18px; + display: block; + line-height: 20px; + text-align: center; + background: #bbcdcd; + cursor: default; + color: #fff; + border-top: #cfdbdb 1px solid; + font-family: Arial; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-topright: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + -webkit-border-top-right-radius: 4px; + text-shadow: 0px 1px 0px #7ea0a0; + -moz-text-shadow: 0px 1px 0px #7ea0a0; + -webkit-text-shadow: 0px 1px 0px #7ea0a0; } + .delete-icon:hover { + background: #b32f2f; } + +.tag-number { + font-weight: normal; + float: left; + font-size: 16px; + color: #5d5d5d; } + +.badges .tag-number { + float: none; + display: inline; + padding-right: 15px; } + +.section-title { + color: #7ea9b3; + font-family: 'Yanone Kaffeesatz',sans-serif; + font-weight: bold; + font-size: 24px; } + +#fmask { + margin-bottom: 30px; + width: 100%; } + +#askFormBar { + display: inline-block; + padding: 4px 7px 5px 0px; + margin-top: 0px; } + #askFormBar p { + margin: 0 0 5px 0; + font-size: 14px; + color: #525252; + line-height: 1.4; } + #askFormBar .questionTitleInput { + font-size: 24px; + line-height: 24px; + height: 36px; + margin: 0px; + padding: 0px 0 0 5px; + border: #cce6ec 3px solid; + width: 725px; } + +.ask-page div#question-list, .edit-question-page div#question-list { + float: none; + border-bottom: #f0f0ec 1px solid; + float: left; + margin-bottom: 10px; } + +.ask-page div#question-list a, .edit-question-page div#question-list a { + line-height: 30px; } + +.ask-page div#question-list h2, .edit-question-page div#question-list h2 { + font-size: 13px; + padding-bottom: 0; + color: #1b79bd; + border-top: #f0f0ec 1px solid; + border-left: #f0f0ec 1px solid; + height: 30px; + line-height: 30px; + font-weight: normal; } + +.ask-page div#question-list span, .edit-question-page div#question-list span { + width: 28px; + height: 26px; + line-height: 26px; + text-align: center; + margin-right: 10px; + float: left; + display: block; + color: #fff; + background: #b8d0d5; + border-radius: 3px; + -ms-border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -khtml-border-radius: 3px; } + +.ask-page label, .edit-question-page label { + color: #525252; + font-size: 13px; } + +.ask-page #id_tags, .edit-question-page #id_tags { + border: #cce6ec 3px solid; + height: 25px; + padding-left: 5px; + width: 395px; + font-size: 14px; } + +.title-desc { + color: #707070; + font-size: 13px; } + +#fmanswer input.submit, .ask-page input.submit, .edit-question-page input.submit { + float: left; + background: url(../images/medium-button.png) top repeat-x; + height: 34px; + border: 0; + font-family: 'Yanone Kaffeesatz',sans-serif; + color: #4a757f; + font-weight: normal; + font-size: 21px; + margin-top: 3px; + border-radius: 4px; + -ms-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; + -webkit-box-shadow: 1px 1px 2px #636363; + -moz-box-shadow: 1px 1px 2px #636363; + box-shadow: 1px 1px 2px #636363; + margin-right: 7px; } + +#fmanswer input.submit:hover, .ask-page input.submit:hover, .edit-question-page input.submit:hover { + text-decoration: none; + background: url(../images/medium-button.png) bottom repeat-x; + text-shadow: 0px 1px 0px #c6d9dd; + -moz-text-shadow: 0px 1px 0px #c6d9dd; + -webkit-text-shadow: 0px 1px 0px #c6d9dd; } + +#editor { + font-size: 100%; + min-height: 200px; + line-height: 18px; + margin: 0; + border-left: #cce6ec 3px solid; + border-bottom: #cce6ec 3px solid; + border-right: #cce6ec 3px solid; + border-top: 0; + padding: 10px; + margin-bottom: 10px; + width: 710px; } + +#id_title { + width: 100%; } + +.wmd-preview { + margin: 3px 0 5px 0; + padding: 6px; + background-color: #F5F5F5; + min-height: 20px; + overflow: auto; + font-size: 13px; + font-family: Arial; } + .wmd-preview p { + margin-bottom: 14px; + line-height: 1.4; + font-size: 14px; } + .wmd-preview pre { + background-color: #E7F1F8; } + .wmd-preview blockquote { + background-color: #eee; } + .wmd-preview IMG { + max-width: 600px; } + +.preview-toggle { + width: 100%; + color: #b6a475; + text-align: left; } + .preview-toggle span:hover { + cursor: pointer; } + +.after-editor { + margin-top: 15px; + margin-bottom: 15px; } + +.checkbox { + margin-left: 5px; + font-weight: normal; + cursor: help; } + +.question-options { + margin-top: 1px; + color: #666; + line-height: 13px; + margin-bottom: 5px; } + .question-options label { + vertical-align: text-bottom; } + +.edit-content-html { + border-top: 1px dotted #D8D2A9; + border-bottom: 1px dotted #D8D2A9; + margin: 5px 0 5px 0; } + +.edit-question-page, #fmedit, .wmd-preview { + color: #525252; } + +.edit-question-page #id_revision, #fmedit #id_revision, .wmd-preview #id_revision { + font-size: 14px; + margin-top: 5px; + margin-bottom: 5px; } + +.edit-question-page #id_title, #fmedit #id_title, .wmd-preview #id_title { + font-size: 24px; + line-height: 24px; + height: 36px; + margin: 0px; + padding: 0px 0 0 5px; + border: #cce6ec 3px solid; + width: 725px; + margin-bottom: 10px; } + +.edit-question-page #id_summary, #fmedit #id_summary, .wmd-preview #id_summary { + border: #cce6ec 3px solid; + height: 25px; + padding-left: 5px; + width: 395px; + font-size: 14px; } + +.edit-question-page .title-desc, #fmedit .title-desc, .wmd-preview .title-desc { + margin-bottom: 10px; } + +.question-page h1 { + padding-top: 0px; + font-family: 'Yanone Kaffeesatz',sans-serif; } + .question-page h1 a { + color: #464646; + font-size: 30px; + font-weight: normal; + line-height: 1; } +.question-page p.rss { + float: none; + clear: both; + padding: 3px 0 0 23px; + font-size: 15px; + width: 110px; + background-position: center left; + margin-left: 0px !important; } + .question-page p.rss a { + font-family: 'Yanone Kaffeesatz',sans-serif; + vertical-align: top; } +.question-page .question-content { + float: right; + width: 682px; + margin-bottom: 10px; } +.question-page #question-table { + float: left; + border-top: #f0f0f0 1px solid; + margin: 6px 0 6px 0; + border-spacing: 0px; + width: 670px; + padding-right: 10px; } +.question-page .answer-table { + margin: 6px 0 6px 0; + border-spacing: 0px; + width: 670px; + padding-right: 10px; + margin-top: 0px; + border-bottom: 1px solid #D4D4D4; + float: right; } + .question-page .answer-table td { + width: 20px; + vertical-align: top; } +.question-page #question-table td { + width: 20px; + vertical-align: top; } +.question-page .question-body, .question-page .answer-body { + overflow: auto; + margin-top: 10px; + font-family: Arial; + color: #4b4b4b; } +.question-page .question-body p, .question-page .answer-body p { + margin-bottom: 14px; + line-height: 1.4; + font-size: 14px; + padding: 0px 5px 5px 0px; } +.question-page .question-body a, .question-page .answer-body a { + color: #1b79bd; } +.question-page .question-body li, .question-page .answer-body li { + margin-bottom: 7px; } +.question-page .question-body IMG, .question-page .answer-body IMG { + max-width: 600px; } +.question-page .post-update-info-container { + float: right; + width: 175px; } +.question-page .post-update-info { + background: white url(../images/background-user-info.png) repeat-x bottom; + float: right; + font-size: 9px; + font-family: Arial; + width: 158px; + padding: 4px; + margin: 0px 0px 5px 5px; + line-height: 14px; + border-radius: 4px; + -ms-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; + -webkit-box-shadow: 0px 2px 1px #bfbfbf; + -moz-box-shadow: 0px 2px 1px #bfbfbf; + box-shadow: 0px 2px 1px #bfbfbf; } + .question-page .post-update-info p { + line-height: 13px; + font-size: 11px; + margin: 0 0 2px 1px; + padding: 0; } + .question-page .post-update-info a { + color: #444; } + .question-page .post-update-info .gravatar { + float: left; + margin-right: 4px; } + .question-page .post-update-info p.tip { + color: #444; + line-height: 13px; + font-size: 10px; } +.question-page .post-controls { + font-size: 11px; + line-height: 12px; + min-width: 200px; + padding-left: 5px; + text-align: right; + clear: left; + float: right; + margin-top: 10px; + margin-bottom: 8px; } + .question-page .post-controls a { + color: #777; + padding: 0px 3px 3px 22px; + cursor: pointer; + border: none; + font-size: 12px; + font-family: Arial; + text-decoration: none; + height: 18px; + display: block; + float: right; + line-height: 18px; + margin-top: -2px; + margin-left: 4px; } + .question-page .post-controls a:hover { + background-color: #f5f0c9; + border-radius: 3px; + -ms-border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -khtml-border-radius: 3px; } + .question-page .post-controls .sep { + color: #ccc; + float: right; + height: 18px; + font-size: 18px; } + .question-page .post-controls .question-delete { + background: url(../images/delete.png) no-repeat center left; + padding-left: 16px; } +.question-page .answer-controls .question-delete { + background: url(../images/delete.png) no-repeat center left; + padding-left: 16px; } +.question-page .post-controls .question-flag, .question-page .answer-controls .question-flag { + background: url(../images/flag.png) no-repeat center left; } +.question-page .post-controls .question-edit, .question-page .answer-controls .question-edit { + background: url(../images/edit2.png) no-repeat center left; } +.question-page .post-controls .question-retag, .question-page .answer-controls .question-retag { + background: url(../images/retag.png) no-repeat center left; } +.question-page .post-controls .question-close, .question-page .answer-controls .question-close { + background: url(../images/close.png) no-repeat center left; } +.question-page .post-controls .permant-link, .question-page .answer-controls .permant-link { + background: url(../images/link.png) no-repeat center left; } +.question-page .tabBar { + width: 100%; } +.question-page #questionCount { + float: left; + font-family: 'Yanone Kaffeesatz',sans-serif; + line-height: 15px; } +.question-page .question-img-upvote, .question-page .question-img-downvote, .question-page .answer-img-upvote, .question-page .answer-img-downvote { + width: 25px; + height: 20px; + cursor: pointer; } +.question-page .question-img-upvote, .question-page .answer-img-upvote { + background: url(../images/vote-arrow-up-new.png) no-repeat; } +.question-page .question-img-downvote, .question-page .answer-img-downvote { + background: url(../images/vote-arrow-down-new.png) no-repeat; } +.question-page .question-img-upvote:hover, .question-page .question-img-upvote.on { + background: url(../images/vote-arrow-up-on-new.png) no-repeat; } +.question-page .answer-img-upvote:hover, .question-page .answer-img-upvote.on { + background: url(../images/vote-arrow-up-on-new.png) no-repeat; } +.question-page .question-img-downvote:hover, .question-page .question-img-downvote.on { + background: url(../images/vote-arrow-down-on-new.png) no-repeat; } +.question-page .answer-img-downvote:hover, .question-page .answer-img-downvote.on { + background: url(../images/vote-arrow-down-on-new.png) no-repeat; } +.question-page #fmanswer_button { + margin: 8px 0px; } +.question-page .question-img-favorite:hover { + background: url(../images/vote-favorite-on.png); } +.question-page div.comments { + padding: 0; } +.question-page #comment-title { + font-weight: bold; + font-size: 23px; + color: #7ea9b3; + width: 200px; + float: left; + font-family: 'Yanone Kaffeesatz',sans-serif; } +.question-page .comments { + font-size: 12px; + clear: both; } + .question-page .comments div.controls { + clear: both; + float: left; + width: 100%; + margin: 3px 0 20px 5px; } + .question-page .comments .controls a { + color: #988e4c; + padding: 0 3px 2px 22px; + font-family: Arial; + font-size: 13px; + background: url(../images/comment.png) no-repeat center left; } + .question-page .comments .controls a:hover { + background-color: #f5f0c9; + text-decoration: none; } + .question-page .comments .button, .question-page .comments input[type="submit"], .question-page .comments input[type="button"], .question-page .comments button { + color: #988e4c; + font-size: 11px; + padding: 3px; + cursor: pointer; } + .question-page .comments a { + background-color: inherit; + color: #1b79bd; + padding: 0; } + .question-page .comments form.post-comments { + margin: 3px 26px 0 42px; } + .question-page .comments form.post-comments textarea { + font-size: 13px; + line-height: 1.3; } + .question-page .comments textarea { + height: 42px; + width: 100%; + margin: 7px 0 5px 1px; + font-family: Arial; + outline: none; + overflow: auto; + font-size: 12px; + line-height: 140%; + padding-left: 2px; + padding-top: 3px; + border: #cce6ec 3px solid; } + .question-page .comments input { + margin-left: 10px; + margin-top: 1px; + vertical-align: top; + width: 100px; } + .question-page .comments button { + background: url(../images/small-button-blue.png) repeat-x top; + border: 0; + color: #4a757f; + font-family: Arial; + font-size: 13px; + width: 100px; + font-weight: bold; + height: 27px; + line-height: 25px; + margin-bottom: 5px; + cursor: pointer; + border-radius: 4px; + -ms-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; + text-shadow: 0px 1px 0px #e6f6fa; + -moz-text-shadow: 0px 1px 0px #e6f6fa; + -webkit-text-shadow: 0px 1px 0px #e6f6fa; + -webkit-box-shadow: 1px 1px 2px #808080; + -moz-box-shadow: 1px 1px 2px #808080; + box-shadow: 1px 1px 2px #808080; } + .question-page .comments button:hover { + background: url(../images/small-button-blue.png) bottom repeat-x; + text-shadow: 0px 1px 0px #c6d9dd; + -moz-text-shadow: 0px 1px 0px #c6d9dd; + -webkit-text-shadow: 0px 1px 0px #c6d9dd; } + .question-page .comments .counter { + display: inline-block; + width: 245px; + float: right; + color: #b6a475 !important; + vertical-align: top; + font-family: Arial; + float: right; + text-align: right; } + .question-page .comments .comment { + border-bottom: 1px solid #edeeeb; + clear: both; + margin: 0; + margin-top: 8px; + padding-bottom: 4px; + overflow: auto; + font-family: Arial; + font-size: 11px; + min-height: 25px; + background: white url(../images/comment-background.png) bottom repeat-x; + border-radius: 5px; + -ms-border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + -khtml-border-radius: 5px; } + .question-page .comments div.comment:hover { + background-color: #efefef; } + .question-page .comments a.author { + background-color: inherit; + color: #1b79bd; + padding: 0; } + .question-page .comments a.author:hover { + text-decoration: underline; } + .question-page .comments span.delete-icon { + background: url(../images/close-small.png) no-repeat; + border: 0; + width: 14px; + height: 14px; } + .question-page .comments span.delete-icon:hover { + border: #BC564B 2px solid; + border-radius: 10px; + -ms-border-radius: 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + -khtml-border-radius: 10px; + margin: -3px 0px 0px -2px; } + .question-page .comments .content, .question-page .comments div.course-wrapper section.course-content, div.course-wrapper .question-page .comments section.course-content, .question-page .comments div.book-wrapper section.book, div.book-wrapper .question-page .comments section.book, .question-page .comments div.wiki-wrapper section.wiki-body, div.wiki-wrapper .question-page .comments section.wiki-body { + margin-bottom: 7px; } + .question-page .comments .comment-votes { + float: left; + width: 37px; + line-height: 130%; + padding: 6px 5px 6px 3px; } + .question-page .comments .comment-body { + line-height: 1.3; + margin: 3px 26px 0 46px; + padding: 5px 3px; + color: #666; + font-size: 13px; } + .question-page .comments .comment-body .edit { + padding-left: 6px; } + .question-page .comments .comment-body p { + font-size: 13px; + line-height: 1.3; + margin-bottom: 3px; + padding: 0; } + .question-page .comments .comment-delete { + float: right; + width: 14px; + line-height: 130%; + padding: 8px 6px; } + .question-page .comments .upvote { + margin: 0px; + padding-right: 17px; + padding-top: 2px; + text-align: right; + height: 20px; + font-size: 13px; + font-weight: bold; + color: #777; } + .question-page .comments .upvote.upvoted { + color: #d64000; } + .question-page .comments .upvote.hover { + background: url(../images/go-up-grey.png) no-repeat; + background-position: right 1px; } + .question-page .comments .upvote:hover { + background: url(../images/go-up-orange.png) no-repeat; + background-position: right 1px; } + .question-page .comments .help-text { + float: right; + text-align: right; + color: gray; + margin-bottom: 0px; + margin-top: 0px; + line-height: 50%; } +.question-page #questionTools { + font-size: 22px; + margin-top: 11px; + text-align: left; } +.question-page .question-status { + margin-top: 10px; + margin-bottom: 15px; + padding: 20px; + background-color: #fef7cc; + text-align: center; + border: #e1c04a 1px solid; } + .question-page .question-status h3, .question-page .question-status div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel .question-page .question-status input[type="button"] { + font-size: 20px; + color: #707070; + font-weight: normal; } +.question-page .vote-buttons { + float: left; + text-align: center; + padding-top: 2px; + margin: 10px 10px 0px 3px; } + .question-page .vote-buttons IMG { + cursor: pointer; } +.question-page .vote-number { + font-family: 'Yanone Kaffeesatz',sans-serif; + padding: 0px 0 5px 0; + font-size: 25px; + font-weight: bold; + color: #777; } +.question-page .vote-buttons .notify-sidebar { + text-align: left; + width: 120px; } + .question-page .vote-buttons .notify-sidebar label { + vertical-align: top; } +.question-page .tabBar-answer { + margin-bottom: 15px; + padding-left: 7px; + width: 723px; + margin-top: 10px; } +.question-page .answer .vote-buttons { + float: left; } +.question-page .accepted-answer { + background-color: #f7fecc; + border-bottom-color: #9BD59B; } + .question-page .accepted-answer .vote-buttons { + width: 27px; + margin-right: 10px; + margin-top: 10px; } +.question-page .answer .post-update-info a { + color: #444444; } +.question-page .answered { + background: #CCC; + color: #999; } +.question-page .answered-accepted { + background: #DCDCDC; + color: #763333; } + .question-page .answered-accepted strong { + color: #E1E818; } +.question-page .answered-by-owner { + background: #F1F1FF; } + .question-page .answered-by-owner .comments { + background-color: #E6ECFF; } + .question-page .answered-by-owner .comments .button, .question-page .answered-by-owner .comments input[type="submit"], .question-page .answered-by-owner .comments input[type="button"], .question-page .answered-by-owner .comments button { + background-color: #E6ECFF; } + .question-page .answered-by-owner .vote-buttons { + margin-right: 10px; } +.question-page .answer-img-accept:hover { + background: url(../images/vote-accepted-on.png); } +.question-page .answer-body a { + color: #1b79bd; } +.question-page .answer-body li { + margin-bottom: 0.7em; } +.question-page #fmanswer { + color: #707070; + line-height: 1.2; + margin-top: 10px; } + .question-page #fmanswer h2 { + font-family: 'Yanone Kaffeesatz',sans-serif; + color: #7ea9b3; + font-size: 24px; } + .question-page #fmanswer label { + font-size: 13px; } +.question-page .message { + padding: 5px; + margin: 0px 0 10px 0; } + +@media screen and (-webkit-min-device-pixel-ratio:0) { + textarea { + padding-left: 3px !important; } } +.facebook-share.icon, .twitter-share.icon, .linkedin-share.icon, .identica-share.icon { + background: url(../images/socialsprite.png) no-repeat; + display: block; + text-indent: -100em; + height: 25px; + width: 25px; + margin-bottom: 3px; } + +.facebook-share.icon:hover, .twitter-share.icon:hover, .linkedin-share.icon:hover, .identica-share.icon:hover { + opacity: 0.8; + filter: alpha(opacity=80); } + +.facebook-share.icon { + background-position: -26px 0px; } + +.identica-share.icon { + background-position: -78px 0px; } + +.twitter-share.icon { + margin-top: 10px; + background-position: 0px 0px; } + +.linkedin-share.icon { + background-position: -52px 0px; } + +.openid-signin, .meta, .users-page, .user-profile-edit-page { + font-size: 13px; + line-height: 1.3; + color: #525252; } + +.openid-signin p, .meta p, .users-page p, .user-profile-edit-page p { + font-size: 13px; + color: #707070; + line-height: 1.3; + font-family: Arial; + color: #525252; + margin-bottom: 12px; } + +.openid-signin h2, .meta h2, .users-page h2, .user-profile-edit-page h2 { + color: #525252; + padding-left: 0px; + font-size: 16px; } + +.openid-signin form, .meta form, .users-page form, .user-profile-edit-page form, .user-profile-page form { + margin-bottom: 15px; } + +.openid-signin input[type="text"], .meta input[type="text"], .users-page input[type="text"], .user-profile-edit-page input[type="text"], .user-profile-page input[type="text"], .openid-signin input[type="password"], .meta input[type="password"], .users-page input[type="password"], .user-profile-edit-page input[type="password"], .user-profile-page input[type="password"], .openid-signin select, .meta select, .users-page select, .user-profile-edit-page select, .user-profile-page select { + border: #cce6ec 3px solid; + height: 25px; + padding-left: 5px; + width: 395px; + font-size: 14px; } + +.openid-signin select, .meta select, .users-page select, .user-profile-edit-page select, .user-profile-page select { + width: 405px; + height: 30px; } + +.openid-signin textarea, .meta textarea, .users-page textarea, .user-profile-edit-page textarea, .user-profile-page textarea { + border: #cce6ec 3px solid; + padding-left: 5px; + padding-top: 5px; + width: 395px; + font-size: 14px; } + +.openid-signin input.submit, .meta input.submit, .users-page input.submit, .user-profile-edit-page input.submit, .user-profile-page input.submit { + background: url(../images/small-button-blue.png) repeat-x top; + border: 0; + color: #4a757f; + font-weight: bold; + font-size: 13px; + font-family: Arial; + height: 26px; + margin: 5px 0px; + width: 100px; + cursor: pointer; + border-radius: 4px; + -ms-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; + text-shadow: 0px 1px 0px #e6f6fa; + -moz-text-shadow: 0px 1px 0px #e6f6fa; + -webkit-text-shadow: 0px 1px 0px #e6f6fa; + -webkit-box-shadow: 1px 1px 2px #808080; + -moz-box-shadow: 1px 1px 2px #808080; + box-shadow: 1px 1px 2px #808080; } + +.openid-signin input.submit:hover, .meta input.submit:hover, .users-page input.submit:hover, .user-profile-edit-page input.submit:hover, .user-profile-page input.submit:hover { + background: url(../images/small-button-blue.png) repeat-x bottom; + text-decoration: none; } + +.openid-signin .cancel, .meta .cancel, .users-page .cancel, .user-profile-edit-page .cancel, .user-profile-page .cancel { + background: url(../images/small-button-cancel.png) repeat-x top !important; + color: #525252 !important; } + +.openid-signin .cancel:hover, .meta .cancel:hover, .users-page .cancel:hover, .user-profile-edit-page .cancel:hover, .user-profile-page .cancel:hover { + background: url(../images/small-button-cancel.png) repeat-x bottom !important; } + +#email-input-fs, #local_login_buttons, #password-fs, #openid-fs { + margin-top: 10px; } + +#email-input-fs #id_email, #local_login_buttons #id_email, #password-fs #id_email, #openid-fs #id_email, #email-input-fs #id_username, #local_login_buttons #id_username, #password-fs #id_username, #openid-fs #id_username, #email-input-fs #id_password, #local_login_buttons #id_password, #password-fs #id_password, #openid-fs #id_password { + font-size: 12px; + line-height: 20px; + height: 20px; + margin: 0px; + padding: 0px 0 0 5px; + border: #cce6ec 3px solid; + width: 200px; } + +#email-input-fs .submit-b, #local_login_buttons .submit-b, #password-fs .submit-b, #openid-fs .submit-b { + background: url(../images/small-button-blue.png) repeat-x top; + border: 0; + color: #4a757f; + font-weight: bold; + font-size: 13px; + font-family: Arial; + height: 24px; + margin-top: -2px; + padding-left: 10px; + padding-right: 10px; + cursor: pointer; + border-radius: 4px; + -ms-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; + text-shadow: 0px 1px 0px #e6f6fa; + -moz-text-shadow: 0px 1px 0px #e6f6fa; + -webkit-text-shadow: 0px 1px 0px #e6f6fa; + -webkit-box-shadow: 1px 1px 2px #808080; + -moz-box-shadow: 1px 1px 2px #808080; + box-shadow: 1px 1px 2px #808080; } + +#email-input-fs .submit-b:hover, #local_login_buttons .submit-b:hover, #password-fs .submit-b:hover, #openid-fs .submit-b:hover { + background: url(../images/small-button-blue.png) repeat-x bottom; } + +.openid-input { + background: url(../images/openid.gif) no-repeat; + padding-left: 15px; + cursor: pointer; } + +.openid-login-input { + background-position: center left; + background: url(../images/openid.gif) no-repeat 0% 50%; + padding: 5px 5px 5px 15px; + cursor: pointer; + font-family: Trebuchet MS; + font-weight: 300; + font-size: 150%; + width: 500px; } + +.openid-login-submit { + height: 40px; + width: 80px; + line-height: 40px; + cursor: pointer; + border: 1px solid #777; + font-weight: bold; + font-size: 120%; } + +.tabBar-user { + width: 375px; } + +.user { + padding: 5px; + line-height: 140%; + width: 166px; + border: #eee 1px solid; + margin-bottom: 5px; + border-radius: 3px; + -ms-border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -khtml-border-radius: 3px; } + .user .user-micro-info { + color: #525252; } + .user ul { + margin: 0; + list-style-type: none; } + .user .thumb { + clear: both; + float: left; + margin-right: 4px; + display: inline; } + +.tabBar-tags { + width: 270px; + margin-bottom: 15px; } + +a.medal { + font-size: 17px; + line-height: 250%; + margin-right: 5px; + color: #333; + text-decoration: none; + background: url(../images/medala.gif) no-repeat; + border-left: 1px solid #EEE; + border-top: 1px solid #EEE; + border-bottom: 1px solid #CCC; + border-right: 1px solid #CCC; + padding: 4px 12px 4px 6px; } +a:hover.medal { + color: #333; + text-decoration: none; + background: url(../images/medala_on.gif) no-repeat; + border-left: 1px solid #E7E296; + border-top: 1px solid #E7E296; + border-bottom: 1px solid #D1CA3D; + border-right: 1px solid #D1CA3D; } + +#award-list .user { + float: left; + margin: 5px; } + +.tabBar-profile { + width: 100%; + margin-bottom: 15px; + float: left; } + +.user-profile-page { + font-size: 13px; + color: #525252; } + .user-profile-page p { + font-size: 13px; + line-height: 1.3; + color: #525252; } + .user-profile-page .avatar img { + border: #eee 1px solid; + padding: 5px; } + .user-profile-page h2 { + padding: 10px 0px 10px 0px; + font-family: 'Yanone Kaffeesatz',sans-serif; } + +.user-details { + font-size: 13px; } + .user-details h3, .user-details div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel .user-details input[type="button"] { + font-size: 16px; } + +.user-about { + background-color: #EEEEEE; + height: 200px; + line-height: 20px; + overflow: auto; + padding: 10px; + width: 90%; } + .user-about p { + font-size: 13px; } + +.follow-toggle, .submit { + border: 0 !important; + color: #4a757f; + font-weight: bold; + font-size: 12px; + height: 26px; + line-height: 26px; + margin-top: -2px; + font-size: 15px; + cursor: pointer; + font-family: 'Yanone Kaffeesatz',sans-serif; + background: url(../images/small-button-blue.png) repeat-x top; + border-radius: 4px; + -ms-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; + text-shadow: 0px 1px 0px #e6f6fa; + -moz-text-shadow: 0px 1px 0px #e6f6fa; + -webkit-text-shadow: 0px 1px 0px #e6f6fa; + -webkit-box-shadow: 1px 1px 2px #808080; + -moz-box-shadow: 1px 1px 2px #808080; + box-shadow: 1px 1px 2px #808080; } + +.follow-toggle:hover, .submit:hover { + background: url(../images/small-button-blue.png) repeat-x bottom; + text-decoration: none !important; } + +.follow-toggle .follow { + font-color: #000; + font-style: normal; } +.follow-toggle .unfollow div.unfollow-red { + display: none; } +.follow-toggle .unfollow:hover div.unfollow-red { + display: inline; + color: #fff; + font-weight: bold; + color: #A05736; } +.follow-toggle .unfollow:hover div.unfollow-green { + display: none; } + +.count { + font-family: 'Yanone Kaffeesatz',sans-serif; + font-size: 200%; + font-weight: 700; + color: #777777; } + +.scoreNumber { + font-family: 'Yanone Kaffeesatz',sans-serif; + font-size: 35px; + font-weight: 800; + color: #777; + line-height: 40px; + margin-top: 3px; } + +.vote-count { + font-family: Arial; + font-size: 160%; + font-weight: 700; + color: #777; } + +.answer-summary { + display: block; + clear: both; + padding: 3px; } + +.answer-votes { + background-color: #EEEEEE; + color: #555555; + float: left; + font-family: Arial; + font-size: 15px; + font-weight: bold; + height: 17px; + padding: 2px 4px 5px; + text-align: center; + text-decoration: none; + width: 20px; + margin-right: 10px; + border-radius: 4px; + -ms-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; } + +.karma-summary { + padding: 5px; + font-size: 13px; } + .karma-summary h3, .karma-summary div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel .karma-summary input[type="button"] { + text-align: center; + font-weight: bold; + padding: 5px; } + +.karma-diagram { + width: 477px; + height: 300px; + float: left; + margin-right: 10px; } + +.karma-details { + float: right; + width: 450px; + height: 250px; + overflow-y: auto; + word-wrap: break-word; } + .karma-details p { + margin-bottom: 10px; } + +.karma-gained { + font-weight: bold; + background: #eee; + width: 25px; + margin-right: 5px; + color: green; + padding: 3px; + display: block; + float: left; + text-align: center; + border-radius: 3px; + -ms-border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -khtml-border-radius: 3px; } + +.karma-lost { + font-weight: bold; + background: #eee; + width: 25px; + color: red; + padding: 3px; + display: block; + margin-right: 5px; + float: left; + text-align: center; + border-radius: 3px; + -ms-border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -khtml-border-radius: 3px; } + +.submit-row { + margin-bottom: 10px; } + +.revision { + margin: 10px 0 10px 0; + font-size: 13px; + color: #525252; } + .revision p { + font-size: 13px; + line-height: 1.3; + color: #525252; } + .revision h3, .revision div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel .revision input[type="button"] { + font-family: 'Yanone Kaffeesatz',sans-serif; + font-size: 21px; + padding-left: 0px; } + .revision .header { + background-color: #F5F5F5; + padding: 5px; + cursor: pointer; } + .revision .author { + background-color: #e9f3f5; } + .revision .summary { + padding: 5px 0 10px 0; } + .revision .summary span { + background-color: #fde785; + padding: 6px; + border-radius: 4px; + -ms-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; + display: inline; + -webkit-box-shadow: 1px 1px 4px #cfb852; + -moz-box-shadow: 1px 1px 4px #cfb852; + box-shadow: 1px 1px 4px #cfb852; } + .revision .answerbody { + padding: 10px 0 5px 10px; } + .revision .revision-mark { + width: 150px; + text-align: left; + display: inline-block; + font-size: 11px; + overflow: hidden; } + .revision .revision-mark .gravatar { + float: left; + margin-right: 4px; + padding-top: 5px; } + .revision .revision-number { + font-size: 300%; + font-weight: bold; + font-family: sans-serif; } + +del { + color: #C34719; } + del .post-tag { + color: #C34719; } + +ins { + background-color: #E6F0A2; } + ins .post-tag, ins p { + background-color: #E6F0A2; } + +.vote-notification { + z-index: 1; + cursor: pointer; + display: none; + position: absolute; + font-family: Arial; + font-size: 14px; + font-weight: normal; + color: white; + background-color: #8e0000; + text-align: center; + padding-bottom: 10px; + -webkit-box-shadow: 0px 2px 4px #370000; + -moz-box-shadow: 0px 2px 4px #370000; + box-shadow: 0px 2px 4px #370000; + border-radius: 4px; + -ms-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; } + .vote-notification h3, .vote-notification div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel .vote-notification input[type="button"] { + background: url(../images/notification.png) repeat-x top; + padding: 10px 10px 10px 10px; + font-size: 13px; + margin-bottom: 5px; + border-top: #8e0000 1px solid; + color: #fff; + font-weight: normal; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + -webkit-border-top-right-radius: 4px; } + .vote-notification a { + color: #fb7321; + text-decoration: underline; + font-weight: bold; } + +.footer-links { + color: #EEE; + text-align: left; + width: 500px; + float: left; } + .footer-links a { + color: #e7e8a8; } + +.powered-link { + width: 500px; + float: left; + text-align: left; } + .powered-link a { + color: #8ebcc7; } + +.copyright { + color: #616161; + width: 450px; + float: right; + text-align: right; } + .copyright a { + color: #8ebcc7; } + .copyright img.license-logo { + margin: 6px 0px 20px 10px; + float: right; } + +.notify-me { + float: left; } + +span.text-counter { + margin-right: 20px; } +span.form-error { + color: #990000; + font-weight: normal; + margin-left: 5px; } + +p.form-item { + margin: 0px; } + +.deleted { + background: #F4E7E7 none repeat scroll 0 0; } + +.form-row { + line-height: 25px; } + +table.form-as-table { + margin-top: 5px; } + table.form-as-table ul { + list-style-type: none; + display: inline; } + table.form-as-table li { + display: inline; } + table.form-as-table td { + text-align: right; } + table.form-as-table th { + text-align: left; + font-weight: normal; } +table.ab-subscr-form, table.ab-tag-filter-form { + width: 45em; } + +.submit-row { + line-height: 30px; + padding-top: 10px; + display: block; + clear: both; } + +.errors { + line-height: 20px; + color: red; } + +.error { + color: darkred; + margin: 0; + font-size: 10px; } + +label.retag-error { + color: darkred; + padding-left: 5px; + font-size: 10px; } + +.fieldset { + border: none; + margin-top: 10px; + padding: 10px; } + +span.form-error { + color: #990000; + font-size: 90%; + font-weight: normal; + margin-left: 5px; } + +.favorites-empty { + width: 32px; + height: 45px; + float: left; } + +.user-info-table { + margin-bottom: 10px; + border-spacing: 0; } + +.user-stats-table .narrow { + width: 660px; } + +.narrow .summary h3, .narrow .summary div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel .narrow .summary input[type="button"] { + padding: 0px; + margin: 0px; } + +.relativetime { + font-weight: bold; + text-decoration: none; } + +.narrow .tags { + float: left; } + +.user-action-1 { + font-weight: bold; + color: #333; } + +.user-action-2 { + font-weight: bold; + color: #CCC; } + +.user-action-3, .user-action-4 { + color: #333; } + +.user-action-5, .user-action-6 { + color: darkred; } + +.user-action-7 { + color: #333; } + +.user-action-8 { + padding: 3px; + font-weight: bold; + background-color: #CCC; + color: #763333; } + +.revision-summary { + background-color: #FFFE9B; + padding: 2px; } + +.question-title-link a { + font-weight: bold; + color: #0077CC; } + +.answer-title-link a { + color: #333; } + +.post-type-1 a, .post-type-3 a, .post-type-5 a { + font-weight: bold; } + +.post-type-2 a, .post-type-4 a, .post-type-6 a, .post-type-8 a { + color: #333; } + +.hilite, .hilite1 { + background-color: #ff0; } + +.hilite2 { + background-color: #f0f; } + +.hilite3 { + background-color: #0ff; } + +.gold, .badge1 { + color: #FFCC00; } + +.silver, .badge2 { + color: #CCCCCC; } + +.bronze, .badge3 { + color: #CC9933; } + +.score { + font-weight: 800; + color: #333; } + +a.comment { + background: #EEE; + color: #993300; + padding: 5px; } +a.offensive { + color: #999; } + +.message h1 { + padding-top: 0px; + font-size: 15px; } +.message p { + margin-bottom: 0px; } + +p.space-above { + margin-top: 10px; } + +.warning { + color: red; } + +button::-moz-focus-inner { + padding: 0; + border: none; } + +.submit { + cursor: pointer; + background-color: #D4D0C8; + height: 30px; + border: 1px solid #777777; + font-weight: bold; + font-size: 120%; } + .submit:hover { + text-decoration: underline; } + .submit.small { + margin-right: 5px; + height: 20px; + font-weight: normal; + font-size: 12px; + padding: 1px 5px; } + .submit.small:hover { + text-decoration: none; } + +.question-page a.submit { + display: -moz-inline-stack; + display: inline-block; + line-height: 30px; + padding: 0 5px; + *display: inline; } + +.noscript { + position: fixed; + top: 0px; + left: 0px; + width: 100%; + z-index: 100; + padding: 5px 0; + text-align: center; + font-family: sans-serif; + font-size: 120%; + font-weight: Bold; + color: #FFFFFF; + background-color: #AE0000; } + +.big { + font-size: 14px; } + +.strong { + font-weight: bold; } + +.orange { + color: #d64000; + font-weight: bold; } + +.grey { + color: #808080; } + +.about div { + padding: 10px 5px 10px 5px; + border-top: 1px dashed #aaaaaa; } + +.highlight { + background-color: #FFF8C6; } + +.nomargin { + margin: 0; } + +.margin-bottom { + margin-bottom: 10px; } + +.margin-top { + margin-top: 10px; } + +.inline-block { + display: inline-block; } + +.action-status { + margin: 0; + border: none; + text-align: center; + line-height: 10px; + font-size: 12px; + padding: 0; } + .action-status span { + padding: 3px 5px 3px 5px; + background-color: #fff380; + font-weight: normal; + -moz-border-radius: 5px; + -khtml-border-radius: 5px; + -webkit-border-radius: 5px; } + +.list-table td { + vertical-align: top; } + +table.form-as-table .errorlist { + display: block; + margin: 0; + padding: 0 0 0 5px; + text-align: left; + font-size: 10px; + color: darkred; } +table.form-as-table input { + display: inline; + margin-left: 4px; } +table.form-as-table th { + vertical-align: bottom; + padding-bottom: 4px; } + +.form-row-vertical { + margin-top: 8px; + display: block; } + .form-row-vertical label { + margin-bottom: 3px; + display: block; } + +.text-align-right { + text-align: center; } + +ul.form-horizontal-rows { + list-style: none; + margin: 0; } + ul.form-horizontal-rows li { + position: relative; + height: 40px; } + ul.form-horizontal-rows label { + display: inline-block; } + ul.form-horizontal-rows ul.errorlist { + list-style: none; + color: darkred; + font-size: 10px; + line-height: 10px; + position: absolute; + top: 2px; + left: 180px; + text-align: left; + margin: 0; } + ul.form-horizontal-rows ul.errorlist li { + height: 10px; } + ul.form-horizontal-rows label { + position: absolute; + left: 0px; + bottom: 6px; + margin: 0px; + line-height: 12px; + font-size: 12px; } + ul.form-horizontal-rows li input { + position: absolute; + bottom: 0px; + left: 180px; + margin: 0px; } + +.narrow .summary { + float: left; } + +.user-profile-tool-links { + font-weight: bold; + vertical-align: top; } + +ul.post-tags { + margin-left: 3px; } + ul.post-tags li { + margin-top: 4px; + margin-bottom: 3px; } +ul.post-retag { + margin-bottom: 0px; + margin-left: 5px; } + +#question-controls .tags { + margin: 0 0 3px 0; } + +#tagSelector { + padding-bottom: 2px; + margin-bottom: 0; } + +#related-tags { + padding-left: 3px; } + +#hideIgnoredTagsControl { + margin: 5px 0 0 0; } + #hideIgnoredTagsControl label { + font-size: 12px; + color: #666; } + +#hideIgnoredTagsCb { + margin: 0 2px 0 1px; } + +#recaptcha_widget_div { + width: 318px; + float: left; + clear: both; } + +p.signup_p { + margin: 20px 0px 0px 0px; } + +.simple-subscribe-options ul { + list-style: none; + list-style-position: outside; + margin: 0; } + +.wmd-preview a { + color: #1b79bd; } +.wmd-preview li { + margin-bottom: 7px; + font-size: 14px; } + +.search-result-summary { + font-weight: bold; + font-size: 18px; + line-height: 22px; + margin: 0px 0px 0px 0px; + padding: 2px 0 0 0; + float: left; } + +.faq-rep-item { + text-align: right; + padding-right: 5px; } + +.user-info-table .gravatar { + margin: 0; } + +#responses { + clear: both; + line-height: 18px; + margin-bottom: 15px; } + #responses div.face { + float: left; + text-align: center; + width: 54px; + padding: 3px; + overflow: hidden; } + +.response-parent { + margin-top: 18px; } + .response-parent strong { + font-size: 20px; } + +.re { + min-height: 57px; + clear: both; + margin-top: 10px; } + +#responses input { + float: left; } + +#re_tools { + margin-bottom: 10px; } + +#re_sections { + margin-bottom: 6px; } + #re_sections .on { + font-weight: bold; } + +.avatar-page ul { + list-style: none; } +.avatar-page li { + display: inline; } + +.user-profile-page .avatar p { + margin-bottom: 0px; } +.user-profile-page .tabBar a#stats { + margin-left: 0; } +.user-profile-page img.gravatar { + margin: 2px 0 3px 0; } +.user-profile-page h3, .user-profile-page div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel .user-profile-page input[type="button"] { + padding: 0; + margin-top: -3px; } + +.userList { + font-size: 13px; } + +img.flag { + border: 1px solid #eee; + vertical-align: text-top; } + +.main-page img.flag { + vertical-align: text-bottom; } + +a.edit { + padding-left: 3px; + color: #145bff; } + +.str { + color: #080; } + +.kwd { + color: #008; } + +.com { + color: #800; } + +.typ { + color: #606; } + +.lit { + color: #066; } + +.pun { + color: #660; } + +.pln { + color: #000; } + +.tag { + color: #008; } + +.atn { + color: #606; } + +.atv { + color: #080; } + +.dec { + color: #606; } + +pre.prettyprint { + clear: both; + padding: 3px; + border: 0px solid #888; } + +@media print { + .str { + color: #060; } + + .kwd { + color: #006; + font-weight: bold; } + + .com { + color: #600; + font-style: italic; } + + .typ { + color: #404; + font-weight: bold; } + + .lit { + color: #044; } + + .pun { + color: #440; } + + .pln { + color: #000; } + + .tag { + color: #006; + font-weight: bold; } + + .atn { + color: #404; } + + .atv { + color: #060; } } +/* +---------------------------------------------------------------------------------------- + +Copyright 2010 - Thierry Ruiz - www.dotemplate.com - All rights reserved. + +THIS TEMPLATE IS FREE AS LONG AS YOU KEEP THE LINK TO WWW.DOTEMPLATE.COM IN THE FOOTER +TO REMOVE THE LINK, PLEASE MAKE A 10 DOLLARS DONATION at www.dotemplate.com/#donate + +pmitros donated $10 + +Colors: +Light blue: bddeff + Blue: 7fbcfd +Very dark blue: #031634 + +Dark blue: #023063; +Dark Greenish: #7a994c; +Greenish: #adcc80; +Very light greenish: #dae5c9; +Bright orange: #fa720a; + +---------------------------------------------------------------------------------------- +*/ +h1 { + clear: both; } + +h2 { + clear: both; } + +h3, div.wiki-wrapper div#wiki_panel input[type="button"] { + font-size: 1em; + margin: 20px 0 5px 0; + clear: both; } + +a:link, a:visited { + text-decoration: none; } + +a:hover { + text-decoration: underline; } + +#wrapper { + background: transparent url(images/css/page-vbg.jpg) repeat-y scroll 50% 0px; + margin: 0 auto; + width: 100%; } + +#topWrapper { + width: 100%; + height: 100px; + background-image: url(images/css/topWrapper-bg.jpg); + background-position: center top; + background-repeat: repeat-x; } + +#topBanner { + width: 800px; + margin: 0 auto; + height: 100px; + background-image: url(images/css/topBanner.jpg); + background-repeat: no-repeat; } + +#topnav { + background: transparent url("images/css/hmenu.jpg") repeat-x top left; + height: 20px; + margin: 0 auto; + text-align: center; + width: 800px; } + #topnav ul { + display: table; + margin: 0 auto; + padding: 0; + list-style-type: none; + position: relative; + height: 20px; + text-transform: uppercase; + font-size: 0.9em; + font-family: Arial,sans-serif; } + #topnav ul li { + display: block; + float: left; + margin: 0; + padding: 0; + background: transparent url("images/css/hmenu.jpg") repeat-x top left; } + #topnav ul li a { + display: block; + float: left; + color: #031634; + text-decoration: none; + padding: 0px 50px; + line-height: 20px; + font-weight: bold; } + +#topnav ul li a:hover, #topnav li#current a { + color: #7a994c; + background: transparent url("images/css/hmenu-sel.jpg") repeat-x top left; } + +#bg { + margin: 0 auto; + padding: 0; + background: transparent; + background-image: url(images/css/hat.jpg); + background-repeat: no-repeat; + background-position: center top; } + +#header { + margin: 0 auto; + min-height: 0px; + height: 0px; + width: 800px; } + +#page { + background: transparent url(images/css/page-bg.jpg) no-repeat center top; } + +#container { + margin: 0 auto; + width: 800px; } + +#content { + width: 780px; + margin: 0 auto; + text-align: left; + min-height: 800px; } + +#content p { + text-align: justify; } + +#footerWrapper { + margin: 0 auto; + height: 10px; + padding: 0; + background: transparent url(images/css/footerWrapper-bg.jpg) no-repeat scroll center top; } + +#footer { + margin: 0 auto; + padding: 0; + width: 800px; + height: 10px; } + +#sidebar ul.vmenu { + list-style: none; + text-align: left; + margin: 7px 0px 8px 0px; + padding: 0; + text-decoration: none; + border-top: 1px solid #eeeeee; } + +#sidebar ul.vmenu li { + list-style: none; + padding: 4px 0 4px 0px; + margin: 0 2px; + border-bottom: 1px solid #eeeeee; } + +#sidebar ul.vmenu li a { + text-decoration: none; + color: #023063; } + +#sidebar ul.vmenu li a:hover { + color: #adcc80; } + +#sidebar ul.vmenu ul { + margin: 0 0 0 5px; + padding: 0; } + +#sidebar ul.vmenu ul li { + border: none; } + +#hide_acc { + min-height: 600; } + +#mainblock { + border: 0; + padding: 0; + margin: 0; + width: 200; + min-height: 600px; + margin-left: 276px; + margin-right: 0px; } + +.bordered { + border: 1px solid #AAAAAA; + border-style: dotted; } + +.seq_problem_visited { + background-color: #ccccaa; } + +.seq_video_visited { + background-color: #ccaacc; } + +.seq_video_visited { + background-color: #cccaac; } + +.seq_html_visited { + background-color: #caaccc; } + +.seq_tab_visited { + background-color: #aacccc; } + +.seq_vertical_visited { + background-color: #acaccc; } + +.seq_sequential_visited { + background-color: #cacacc; } + +.seq_problem_visited { + background-color: #ccacac; } + +.seq_schematic_visited { + background-color: #cccaca; } + +.seq_problem_inactive { + background-color: #aaaa99; } + +.seq_video_inactive { + background-color: #aa99aa; } + +.seq_video_inactive { + background-color: #aaa99a; } + +.seq_html_inactive { + background-color: #a99aaa; } + +.seq_tab_inactive { + background-color: #99aaaa; } + +.seq_vertical_inactive { + background-color: #9a9aab; } + +.seq_sequential_inactive { + background-color: #a9a9aa; } + +.seq_problem_inactive { + background-color: #aa9a9a; } + +.seq_schematic_inactive { + background-color: #aaa9a9; } + +.seq_active { + background-color: red; } diff --git a/css/marketing.css b/css/marketing.css index b780b36a1d..f98e70dc15 100644 --- a/css/marketing.css +++ b/css/marketing.css @@ -199,6 +199,8 @@ body { background-color: #fff; color: #444; font: 16px Georgia, serif; } + body :focus { + outline-color: #ccc; } body h1 { font: 800 24px "Open Sans", Helvetica, Arial, sans-serif; } body li { @@ -266,7 +268,7 @@ header.announcement { border-radius: 0 0 3px 3px; background: #333; background: rgba(0, 0, 0, 0.7); - padding: 12.944px; } + padding: 12.944px 25.888px; } header.announcement div nav h1 { display: -moz-inline-box; -moz-box-orient: vertical; @@ -275,18 +277,21 @@ header.announcement { zoom: 1; *display: inline; *vertical-align: auto; - margin-right: 25.888px; } + margin-right: 12.944px; } header.announcement div nav h1 a { font: italic 800 18px "Open Sans", Helvetica, Arial, sans-serif; color: #fff; text-decoration: none; } + header.announcement div nav h1 a:hover, header.announcement div nav h1 a:focus { + color: #990000; } header.announcement div nav a.login { text-decoration: none; color: #fff; font-size: 12px; - font-style: normal; } - header.announcement div nav a.login:hover { - color: rgba(255, 255, 255, 0.6); } + font-style: normal; + font-family: "Open Sans", Helvetica, Arial, sans-serif; } + header.announcement div nav a.login:hover, header.announcement div nav a.login:focus { + color: #990000; } header.announcement div section { display: -moz-inline-box; -moz-box-orient: vertical; diff --git a/images/problem-icon.png b/images/problem-icon.png new file mode 100644 index 0000000000..c276ba223f Binary files /dev/null and b/images/problem-icon.png differ diff --git a/images/vertical-icon.png b/images/vertical-icon.png new file mode 100644 index 0000000000..df4859090e Binary files /dev/null and b/images/vertical-icon.png differ diff --git a/images/video-icon.png b/images/video-icon.png new file mode 100644 index 0000000000..f181ee8a07 Binary files /dev/null and b/images/video-icon.png differ