From 2c533bddbf7a1434ce3482b27d92eb586cbc8f2d Mon Sep 17 00:00:00 2001 From: Bridger Maxwell Date: Wed, 25 Jan 2012 19:27:14 -0500 Subject: [PATCH] Added editing instructions on the wiki edit page. --- .DS_Store | Bin 6148 -> 12292 bytes css/application.css | 744 ++++++++++++++++++-------------------------- css/marketing.css | 106 ++++--- 3 files changed, 369 insertions(+), 481 deletions(-) diff --git a/.DS_Store b/.DS_Store index 5008ddfcf53c02e82d7eee2e57c38e5672ef89f6..0a3bc9da18744072b6f19dba42ff51ae9ae70eeb 100644 GIT binary patch literal 12292 zcmeI1Pm9w)6u{rKT}`X96 zGgxT~*Yhh?GOFhqN{0T>@}Jh5e!H8pqz)oL1c(3;AOb|-Um<|cY+j5R&wZ(-ng|eq z|B?XTA56Tsw3Hl4DYg!*#1Q~x4!cFcc9Azwno3$qj-*5l7A9R$N>`?i7)-ijzp3mj zB}Y<9cVO!9!Bk|XPAE)7$MH>J4$P90Y9c@c(ggU~JqI@U_&J<9zc0siZNFA?qOb|@ z?Z%JaVju&W;6V@T2xSO?#y@3qoN?N|GdEV(eGz-tAny7sW)eVP_k*t8@@>rVgWYX; zL0B&TWSMMk>C|b%C>Uq=cD;_{_p5%?ae{|+*YDRo=fH0C9*K6?2&16d=n2h(M(CnO zw0C^Jh3!3Mz3VxlyI;IC7_4n>mCUt`VaXh9RVpQOb9;L@%;$}K@vX6P<>sw>JB`81 z;j7nz8Zfnm!8!T&q<(`fH3uhXwrmW?b*d`?*Z6wuh4NZ#!4{Fu1Wln_3E)&tJyoH!uaJ!L| z!UZdF97idR<0vQpFvPZrrrgI;awH}8U^$5w0rdQj{raKjzgUM<5dk7V1c(3;AOb{y U2oM1xKm>>Y5g-CYV9^Nt0j2uTPXGV_ delta 103 zcmZokXfcprU|?W$DortDU=RQ@Ie-{MGpJ5X6q~502;ws^0>w5v%57j@%+A3f$P5w! nif{u7S0Gm1nE0J}GQW%>BjaRK8EqaWh$$e088*lB%wYxq=GzWW diff --git a/css/application.css b/css/application.css index b889e3d54c..6e4ce388bd 100644 --- a/css/application.css +++ b/css/application.css @@ -98,18 +98,22 @@ 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, .secondary-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, .secondary-nav nav:after, .content-wrapper:after, .footer-wrapper:after { +.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, .secondary-nav nav, .content-wrapper, .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 .footer-wrapper { margin: 0 auto; - max-width: 1235px; + 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; @@ -150,7 +154,7 @@ input, select { background-image: linear-gradient(top, #a2a2a2, #7b7b7b); border: 1px solid #555555; } -.content, div.wiki-wrapper section.wiki-body { +.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; @@ -159,14 +163,19 @@ input, select { display: table-cell; padding: 22.652px; vertical-align: top; - width: 74.494%; } + width: 76.518%; } -.sidebar, div.course-wrapper div#accordion, div.book-wrapper ul#booknav, div.wiki-wrapper div#wiki_panel, .content-wrapper aside { +.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; @@ -175,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, .content-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"], .content-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel .content-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 .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; @@ -188,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, .content-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, .content-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"] a, div.wiki-wrapper div#wiki_panel .content-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 .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; @@ -214,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, .content-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, .content-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel .content-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 .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, .content-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, .content-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel .content-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 .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, .content-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, .content-wrapper aside div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion .content-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"], .content-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 .content-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"], .content-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 .content-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"], .content-wrapper aside div.wiki-wrapper div#wiki_panel input.active[type="button"], div.wiki-wrapper div#wiki_panel .content-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 .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; @@ -234,19 +243,19 @@ 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, .content-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, .content-wrapper aside div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion .content-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, .content-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 .content-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, .content-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 .content-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, .content-wrapper aside div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel .content-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 .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, .secondary-nav { +.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, .secondary-nav a { + .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, .secondary-nav a:hover { + .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 { @@ -425,45 +434,56 @@ div.leanModal_box { 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; + div.leanModal_box form div#enroll_error, div.leanModal_box form div#login_error { + -webkit-font-smoothing: antialiased; + background-color: #F50200; + color: #fff; + font-weight: bold; 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; } + padding: 4.53px; + text-transform: uppercase; } + div.leanModal_box form div#enroll_error:empty, div.leanModal_box form div#login_error:empty { + padding: 0; } + div.leanModal_box form ol { + list-style: none; } + div.leanModal_box form ol li { + margin-bottom: 11.326px; } + 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 ol li ul { + list-style: disc outside none; + margin: 11.326px 0 22.652px 22.652px; } + div.leanModal_box form ol li ul li { + list-style: disc outside none; + margin-bottom: 11.326px; + color: #666; + font-size: 14px; + float: none; } div.leanModal_box form input[type="button"] { border: 1px solid #691b1b; -webkit-border-radius: 3px; @@ -513,18 +533,25 @@ div.leanModal_box { -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#login { + min-width: 400px; } + div#login ol li { + width: auto; + float: none; } + +div.lost-password { + text-align: left; + margin-top: 22.652px; } + div.lost-password a { + color: #999; } + div.lost-password a:hover { + color: #444; } + +div#pwd_reset p { + margin-bottom: 22.652px; } +div#pwd_reset input[type="email"] { + margin-bottom: 22.652px; } div#feedback_div form ol li { float: none; @@ -532,170 +559,147 @@ div#feedback_div form ol li { div#feedback_div form ol li textarea#feedback_message { height: 100px; } -div.course-wrapper { - display: table; - width: 100%; } - 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; +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; - 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 { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box; + cursor: pointer; display: table-cell; - padding: 2.024%; - vertical-align: top; - width: 74.494%; } - 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; } + 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 { - display: table; } - 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 { - -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; - vertical-align: top; - width: 76.518%; - display: table-cell; } - 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; } +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; } @@ -718,9 +722,9 @@ div.profile-wrapper { -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; + display: table-cell; padding: 22.652px; - width: 48.988%; - display: table-cell; } + width: 48.988%; } div.profile-wrapper section.course-info ul li { display: inline-block; padding-right: 1em; } @@ -814,6 +818,23 @@ div.wiki-wrapper { div.wiki-wrapper div#wiki_panel div#wiki_create_form ul li#cancel { float: right; margin-top: 10px; } + div.wiki-wrapper section.wiki-body form#wiki_revision { + float: left; + width: 77.174%; + margin-right: 2.717%; } + div.wiki-wrapper section.wiki-body #wiki_edit_instructions { + float: left; + width: 20.109%; } + div.wiki-wrapper section.wiki-body #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 section.wiki-body header p { float: left; padding: 15px; @@ -905,23 +926,25 @@ section.help.main-content { section.help.main-content dl dt { font-weight: bold; } -.secondary-nav { - margin: 0; - padding: 15px 0; } - .secondary-nav nav { +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; - padding: 0 22.652px; } - .secondary-nav nav div { + border: 1px solid #eddfaa; + border-top: 0; + margin: 0 auto; + padding: 22.652px; } + body.askbot .secondary-nav nav div { float: left; } - .secondary-nav nav div.question-filter { + body.askbot .secondary-nav nav div.question-filter { font-size: 16px; margin-top: 4px; width: 31.984%; } - .secondary-nav nav div.question-filter ul { + body.askbot .secondary-nav nav div.question-filter ul { -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; @@ -931,39 +954,26 @@ section.help.main-content { display: inline; margin: 0 0 0 10px; padding: 5.663px 20px; } - .secondary-nav nav div.question-filter ul li { + body.askbot .secondary-nav nav div.question-filter ul li { display: inline-block; list-style: none; margin-right: 10px; } - .secondary-nav nav div.question-filter ul li:last-child { + body.askbot .secondary-nav nav div.question-filter ul li:last-child { margin-right: 0; } - .secondary-nav nav div.question-filter ul li a { + body.askbot .secondary-nav nav div.question-filter ul li a { text-transform: capitalize; text-shadow: none; font-size: 14px; } - .secondary-nav nav div.question-filter ul li a.on { + body.askbot .secondary-nav nav div.question-filter ul li a.on { font-weight: bold; } - .secondary-nav nav div.search-box { + body.askbot .secondary-nav nav div.search-box { margin-left: 2%; text-align: right; width: 65.992%; } - -.content-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: #fff; - border: 1px solid #ccc; - border-top: 0; } - .content-wrapper .discussion-content { - /*@extend .content;*/ +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; @@ -973,55 +983,61 @@ section.help.main-content { padding: 2.024%; vertical-align: top; width: 74.494%; } - .content-wrapper aside { - width: 19.231%; + 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%; } - .content-wrapper aside h2 { + body.askbot .main-content .discussion-wrapper aside h2 { font-size: 16px; } - .content-wrapper aside h3, .content-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel .content-wrapper aside input[type="button"] { + 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; } - .content-wrapper aside input[type="text"] { + body.askbot .main-content .discussion-wrapper aside input[type="text"] { width: 68%; } - .content-wrapper aside #displayTagFilterControl { + body.askbot .main-content .discussion-wrapper aside #displayTagFilterControl { margin-top: 10px; } - -.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; - border-top: 0; - padding: 0 1.012%; } - -/*body { - background: #FFF; - font-size: 14px; - line-height: 150%; - margin: 0; - padding: 0; - color: #000; - font-family: Arial; }*/ -.clearfix:after, .topbar:after, div.book-wrapper section.book nav:after, div.wiki-wrapper section.wiki-body header:after, .secondary-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, .secondary-nav nav:after, .content-wrapper:after, .footer-wrapper:after, .paginator:after { - clear: both; - content: "."; - display: block; - height: 0; - visibility: hidden; } +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; } -a:hover { - 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; } @@ -1029,19 +1045,6 @@ a:hover { body.user-messages { margin-top: 2.4em; } -.left { - float: left; } - -.right { - float: right; } - -.clean { - clear: both; } - -.center { - margin: 0 auto; - padding: 0; } - .notify { position: fixed; top: 0px; @@ -1144,48 +1147,6 @@ body.user-messages { #metaNav #navBadges { background: -210px -5px url(../images/sprites.png) no-repeat; } -#header.with-logo #userToolsNav { - position: absolute; - bottom: 0; - right: 0px; } -#header.without-logo #userToolsNav { - float: left; - margin-top: 7px; } -#header.without-logo #metaNav { - margin-bottom: 7px; } - -/*#secondaryHeader { - height: 55px; - background: #e9e9e1; - border-bottom: #d3d3c2 1px solid; - border-top: #fcfcfc 1px solid; - margin-bottom: 10px; - font-family: 'Yanone Kaffeesatz',sans-serif; - #homeButton { - border-right: #afaf9e 1px solid; - background: -6px -36px url(../images/sprites.png) no-repeat; - height: 55px; - width: 43px; - display: block; - float: left; - &:hover { - background: -51px -36px url(../images/sprites.png) no-repeat; } } - #scopeWrapper { - width: 688px; - float: left; - a { - display: block; - float: left; } - .scope-selector { - font-size: 21px; - color: #5a5a4b; - height: 55px; - line-height: 55px; - margin-left: 24px; } - .on { - background: url(../images/scopearrow.png) no-repeat center bottom; } - .ask-message { - font-size: 24px; } } }*/ #searchBar { display: inline-block; background-color: #fff; @@ -1454,86 +1415,6 @@ body.anon #searchBar { #markdownHelp a { font-size: 16px; } -.tabBar { - background-color: #eff5f6; - height: 30px; - margin-bottom: 3px; - margin-top: 3px; - float: right; - font-family: Georgia,serif; - font-size: 16px; - border-radius: 5px; - -ms-border-radius: 5px; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - -khtml-border-radius: 5px; } - .tabBar h2 { - float: left; } - -.tabsA, .tabsC { - float: right; - position: relative; - display: block; - height: 20px; } - -.tabsA { - float: right; } - -.tabsC { - float: left; } - -.tabsA a, .tabsC a { - border-left: 1px solid #d0e1e4; - color: #7ea9b3; - display: block; - float: left; - height: 20px; - line-height: 20px; - padding: 4px 7px 4px 7px; - text-decoration: none; } - -.tabsA a.on, .tabsC a.on, .tabsA a:hover, .tabsC a:hover { - color: #4a757f; } - -.tabsA .label, .tabsC .label { - float: left; - color: #646464; - margin-top: 4px; - margin-right: 5px; } - -.main-page .tabsA .label { - margin-left: 8px; } - -.tabsB a { - background: #eee; - border: 1px solid #eee; - color: #777; - display: block; - float: left; - height: 22px; - line-height: 28px; - margin: 5px 0px 0 4px; - padding: 0 11px 0 11px; - text-decoration: none; } - -.tabsC .first { - border: none; } - -.rss { - float: right; - font-size: 16px; - color: #f57900; - margin: 5px 0px 3px 7px; - width: 52px; - padding-left: 2px; - padding-top: 3px; - background: white url(../images/feed-icon-small.png) no-repeat center right; - float: right; - font-family: Georgia,serif; - font-size: 16px; } - .rss:hover { - color: #F4A731 !important; } - #questionCount { font-weight: bold; font-size: 23px; @@ -2399,7 +2280,7 @@ ul#related-tags li { -webkit-border-radius: 10px; -khtml-border-radius: 10px; margin: -3px 0px 0px -2px; } - .question-page .comments .content, .question-page .comments div.wiki-wrapper section.wiki-body, div.wiki-wrapper .question-page .comments section.wiki-body { + .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; @@ -3026,17 +2907,6 @@ ins { text-decoration: underline; font-weight: bold; } -#ground { - width: 100%; - clear: both; - border-top: 1px solid #000; - padding: 6px 0 0 0; - background: #16160f; - font-size: 16px; - font-family: 'Yanone Kaffeesatz',sans-serif; } - #ground p { - margin-bottom: 0; } - .footer-links { color: #EEE; text-align: left; diff --git a/css/marketing.css b/css/marketing.css index fe554ce584..b780b36a1d 100644 --- a/css/marketing.css +++ b/css/marketing.css @@ -578,45 +578,56 @@ div.leanModal_box { div.leanModal_box h1 { font-size: 24px; margin-top: 0; - font-family: "Oswald"; padding-bottom: 25.888px; border-bottom: 1px solid #eee; margin-bottom: 25.888px; } div.leanModal_box form { text-align: left; } - div.leanModal_box form div#enroll_error { - padding-bottom: 25.888px; - color: #DF8B2C; - text-transform: uppercase; + div.leanModal_box form div#enroll_error, div.leanModal_box form div#login_error { + -webkit-font-smoothing: antialiased; + background-color: #F50200; + color: #fff; + font-weight: bold; letter-spacing: 1px; - font-weight: bold; } - div.leanModal_box form ol li { margin-bottom: 25.888px; - width: 485px; - float: left; } - div.leanModal_box form ol li:nth-child(odd) { - margin-right: 25px; } - div.leanModal_box form ol li.terms, div.leanModal_box form ol li.remember { - float: none; - width: auto; - clear: both; - padding-top: 25.888px; - 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; } + padding: 5.178px; + text-transform: uppercase; } + div.leanModal_box form div#enroll_error:empty, div.leanModal_box form div#login_error:empty { + padding: 0; } + div.leanModal_box form ol { + list-style: none; } + div.leanModal_box form ol li { + margin-bottom: 12.944px; } + div.leanModal_box form ol li.terms, div.leanModal_box form ol li.remember { + float: none; + width: auto; + clear: both; + padding-top: 25.888px; + 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 ol li ul { + list-style: disc outside none; + margin: 12.944px 0 25.888px 25.888px; } + div.leanModal_box form ol li ul li { + list-style: disc outside none; + margin-bottom: 12.944px; + color: #666; + font-size: 14px; + float: none; } div.leanModal_box form input[type="button"] { border: 1px solid #520000; -webkit-border-radius: 3px; @@ -666,18 +677,25 @@ div.leanModal_box { -ms-box-shadow: inset 0 0 8px 4px #420000, inset 0 0 8px 4px #420000, 0 1px 1px 0 #eeeeee; -o-box-shadow: inset 0 0 8px 4px #420000, inset 0 0 8px 4px #420000, 0 1px 1px 0 #eeeeee; box-shadow: inset 0 0 8px 4px #420000, inset 0 0 8px 4px #420000, 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: 25.888px; } - div.leanModal_box div.lost-password a { - color: #999; } - div.leanModal_box div.lost-password a:hover { - color: #444; } + +div#login { + min-width: 400px; } + div#login ol li { + width: auto; + float: none; } + +div.lost-password { + text-align: left; + margin-top: 25.888px; } + div.lost-password a { + color: #999; } + div.lost-password a:hover { + color: #444; } + +div#pwd_reset p { + margin-bottom: 25.888px; } +div#pwd_reset input[type="email"] { + margin-bottom: 25.888px; } div#feedback_div form ol li { float: none;