Skip to content

E
edx-platform
Commit 70220f49 by Kyle Fiedler
Options

Added icons and new css

parent c70e7050
Showing with 241 additions and 386 deletions
css/application.css
...@@ -129,7 +129,7 @@ input, select { ...@@ -129,7 +129,7 @@ input, select {
font-weight: 800; font-weight: 800;
font-style: italic; } font-style: italic; }
.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, section.course-content div.video-wrapper section.video-controls:after, section.course-content div.video-wrapper section.video-controls div#slider: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 { .clearfix:after, .topbar:after, nav.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 .problem-set:after, div.course-wrapper section.course-content section.problems-wrapper:after, div.course-wrapper section.course-content div#seq_content:after, div.course-wrapper section.course-content ol.vert-mod > li:after, section.course-content div.video-wrapper section.video-controls:after, section.course-content div.video-wrapper section.video-controls div#slider: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: "."; content: ".";
display: block; display: block;
height: 0; height: 0;
...@@ -191,22 +191,32 @@ input, select { ...@@ -191,22 +191,32 @@ input, select {
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
-o-box-sizing: border-box; -o-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-webkit-box-shadow: inset 0 0 2px 3px #f3f3f3;
-moz-box-shadow: inset 0 0 2px 3px #f3f3f3;
-ms-box-shadow: inset 0 0 2px 3px #f3f3f3;
-o-box-shadow: inset 0 0 2px 3px #f3f3f3;
box-shadow: inset 0 0 2px 3px #f3f3f3;
display: table-cell; display: table-cell;
padding: 22.652px; padding: 22.652px;
vertical-align: top; vertical-align: top;
width: 76.518%; } width: 76.518%; }
.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 { .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; -webkit-box-shadow: inset 0 0 0 1px #f6f6f6;
-moz-box-shadow: inset -1px 0 0 #f6f6f6; -moz-box-shadow: inset 0 0 0 1px #f6f6f6;
-ms-box-shadow: inset -1px 0 0 #f6f6f6; -ms-box-shadow: inset 0 0 0 1px #f6f6f6;
-o-box-shadow: inset -1px 0 0 #f6f6f6; -o-box-shadow: inset 0 0 0 1px #f6f6f6;
box-shadow: inset -1px 0 0 #f6f6f6; box-shadow: inset 0 0 0 1px #f6f6f6;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
-o-box-sizing: border-box; -o-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-ms-border-radius: 4px 0 0 4px;
-o-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
background: #e3e3e3; background: #e3e3e3;
border-right: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3;
display: table-cell; display: table-cell;
...@@ -277,18 +287,23 @@ input, select { ...@@ -277,18 +287,23 @@ input, select {
.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 { .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; } color: #000; }
.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 { .topbar, nav.sequence-nav, div.book-wrapper section.book nav, div.wiki-wrapper section.wiki-body header, body.askbot .secondary-nav nav {
background: #F6EFD4; background: #F6EFD4;
border-bottom: 1px solid #eddfaa; border-bottom: 1px solid #eddfaa;
margin: -22.652px -22.652px 22.652px; margin: -22.652px -22.652px 22.652px;
font-size: 12px; font-size: 12px;
text-shadow: 0 1px 0 #fff; } text-shadow: 0 1px 0 #fff;
.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 0 1px 0 white, inset 1px 0 0 white;
-moz-box-shadow: inset 0 1px 0 white, inset 1px 0 0 white;
-ms-box-shadow: inset 0 1px 0 white, inset 1px 0 0 white;
-o-box-shadow: inset 0 1px 0 white, inset 1px 0 0 white;
box-shadow: inset 0 1px 0 white, inset 1px 0 0 white; }
.topbar a, nav.sequence-nav a, div.book-wrapper section.book nav a, div.wiki-wrapper section.wiki-body header a, body.askbot .secondary-nav nav a {
color: #292309; } color: #292309; }
.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 { .topbar a:hover, nav.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; color: #7e691a;
text-decoration: none; } text-decoration: none; }
.topbar a.block-link, div.course-wrapper section.course-content ol.sequence-nav a.block-link, div.book-wrapper section.book nav a.block-link, div.wiki-wrapper section.wiki-body header a.block-link, body.askbot .secondary-nav nav a.block-link, .topbar div.course-wrapper section.course-content ol.sequence-nav a, div.course-wrapper section.course-content ol.sequence-nav .topbar a, div.course-wrapper section.course-content ol.sequence-nav a, div.book-wrapper section.book nav div.course-wrapper section.course-content ol.sequence-nav a, div.course-wrapper section.course-content ol.sequence-nav div.book-wrapper section.book nav a, div.wiki-wrapper section.wiki-body header div.course-wrapper section.course-content ol.sequence-nav a, div.course-wrapper section.course-content ol.sequence-nav div.wiki-wrapper section.wiki-body header a, body.askbot .secondary-nav nav div.course-wrapper section.course-content ol.sequence-nav a, div.course-wrapper section.course-content ol.sequence-nav body.askbot .secondary-nav nav a, .topbar div.book-wrapper section.book nav a, div.book-wrapper section.book nav .topbar a, div.course-wrapper section.course-content ol.sequence-nav div.book-wrapper section.book nav a, div.book-wrapper section.book nav div.course-wrapper section.course-content ol.sequence-nav a, div.book-wrapper section.book nav a, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a, body.askbot .secondary-nav div.book-wrapper section.book nav a, div.book-wrapper section.book body.askbot .secondary-nav nav a, .topbar div.wiki-wrapper section.wiki-body header a, div.wiki-wrapper section.wiki-body header .topbar a, div.course-wrapper section.course-content ol.sequence-nav div.wiki-wrapper section.wiki-body header a, div.wiki-wrapper section.wiki-body header div.course-wrapper section.course-content ol.sequence-nav a, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a, div.wiki-wrapper section.wiki-body header a, body.askbot .secondary-nav nav div.wiki-wrapper section.wiki-body header a, div.wiki-wrapper section.wiki-body header body.askbot .secondary-nav nav a { .topbar a.block-link, nav.sequence-nav a.block-link, div.book-wrapper section.book nav a.block-link, div.wiki-wrapper section.wiki-body header a.block-link, body.askbot .secondary-nav nav a.block-link, .topbar nav.sequence-nav ol a, nav.sequence-nav ol .topbar a, nav.sequence-nav ol a, div.book-wrapper section.book nav.sequence-nav ol a, div.wiki-wrapper section.wiki-body header nav.sequence-nav ol a, nav.sequence-nav ol div.wiki-wrapper section.wiki-body header a, body.askbot .secondary-nav nav.sequence-nav ol a, .topbar div.book-wrapper section.book nav a, div.book-wrapper section.book nav .topbar a, div.book-wrapper section.book nav.sequence-nav a, div.book-wrapper section.book nav a, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a, body.askbot .secondary-nav div.book-wrapper section.book nav a, div.book-wrapper section.book body.askbot .secondary-nav nav a, .topbar div.wiki-wrapper section.wiki-body header a, div.wiki-wrapper section.wiki-body header .topbar a, nav.sequence-nav div.wiki-wrapper section.wiki-body header a, div.wiki-wrapper section.wiki-body header nav.sequence-nav a, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a, div.wiki-wrapper section.wiki-body header a, body.askbot .secondary-nav nav div.wiki-wrapper section.wiki-body header a, div.wiki-wrapper section.wiki-body header body.askbot .secondary-nav nav a {
-webkit-box-shadow: inset 1px 0 0 #faf7e9; -webkit-box-shadow: inset 1px 0 0 #faf7e9;
-moz-box-shadow: inset 1px 0 0 #faf7e9; -moz-box-shadow: inset 1px 0 0 #faf7e9;
-ms-box-shadow: inset 1px 0 0 #faf7e9; -ms-box-shadow: inset 1px 0 0 #faf7e9;
...@@ -299,7 +314,7 @@ input, select { ...@@ -299,7 +314,7 @@ input, select {
padding: 16.989px; padding: 16.989px;
text-transform: uppercase; text-transform: uppercase;
display: block; } display: block; }
.topbar a.block-link:hover, div.course-wrapper section.course-content ol.sequence-nav a.block-link:hover, div.book-wrapper section.book nav a.block-link:hover, div.wiki-wrapper section.wiki-body header a.block-link:hover, body.askbot .secondary-nav nav a.block-link:hover, .topbar div.course-wrapper section.course-content ol.sequence-nav a:hover, div.course-wrapper section.course-content ol.sequence-nav .topbar a:hover, div.course-wrapper section.course-content ol.sequence-nav a:hover, div.book-wrapper section.book nav div.course-wrapper section.course-content ol.sequence-nav a:hover, div.course-wrapper section.course-content ol.sequence-nav div.book-wrapper section.book nav a:hover, div.wiki-wrapper section.wiki-body header div.course-wrapper section.course-content ol.sequence-nav a:hover, div.course-wrapper section.course-content ol.sequence-nav div.wiki-wrapper section.wiki-body header a:hover, body.askbot .secondary-nav nav div.course-wrapper section.course-content ol.sequence-nav a:hover, div.course-wrapper section.course-content ol.sequence-nav body.askbot .secondary-nav nav a:hover, .topbar div.book-wrapper section.book nav a:hover, div.book-wrapper section.book nav .topbar a:hover, div.course-wrapper section.course-content ol.sequence-nav div.book-wrapper section.book nav a:hover, div.book-wrapper section.book nav 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 div.book-wrapper section.book nav a:hover, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a:hover, body.askbot .secondary-nav div.book-wrapper section.book nav a:hover, div.book-wrapper section.book body.askbot .secondary-nav nav a:hover, .topbar div.wiki-wrapper section.wiki-body header a:hover, div.wiki-wrapper section.wiki-body header .topbar a:hover, div.course-wrapper section.course-content ol.sequence-nav div.wiki-wrapper section.wiki-body header a:hover, div.wiki-wrapper section.wiki-body header div.course-wrapper section.course-content ol.sequence-nav a:hover, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a:hover, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a:hover, div.wiki-wrapper section.wiki-body header a:hover, body.askbot .secondary-nav nav div.wiki-wrapper section.wiki-body header a:hover, div.wiki-wrapper section.wiki-body header body.askbot .secondary-nav nav a:hover { .topbar a.block-link:hover, nav.sequence-nav a.block-link:hover, div.book-wrapper section.book nav a.block-link:hover, div.wiki-wrapper section.wiki-body header a.block-link:hover, body.askbot .secondary-nav nav a.block-link:hover, .topbar nav.sequence-nav ol a:hover, nav.sequence-nav ol .topbar a:hover, nav.sequence-nav ol a:hover, div.book-wrapper section.book nav.sequence-nav ol a:hover, div.wiki-wrapper section.wiki-body header nav.sequence-nav ol a:hover, nav.sequence-nav ol div.wiki-wrapper section.wiki-body header a:hover, body.askbot .secondary-nav nav.sequence-nav ol a:hover, .topbar div.book-wrapper section.book nav a:hover, div.book-wrapper section.book nav .topbar a:hover, div.book-wrapper section.book nav.sequence-nav a:hover, div.book-wrapper section.book nav a:hover, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a:hover, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a:hover, body.askbot .secondary-nav div.book-wrapper section.book nav a:hover, div.book-wrapper section.book body.askbot .secondary-nav nav a:hover, .topbar div.wiki-wrapper section.wiki-body header a:hover, div.wiki-wrapper section.wiki-body header .topbar a:hover, nav.sequence-nav div.wiki-wrapper section.wiki-body header a:hover, div.wiki-wrapper section.wiki-body header nav.sequence-nav a:hover, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a:hover, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a:hover, div.wiki-wrapper section.wiki-body header a:hover, body.askbot .secondary-nav nav div.wiki-wrapper section.wiki-body header a:hover, div.wiki-wrapper section.wiki-body header body.askbot .secondary-nav nav a:hover {
background: none; } background: none; }
:focus { :focus {
...@@ -344,6 +359,12 @@ input[type="email"], input[type="number"], input[type="password"], input[type="s ...@@ -344,6 +359,12 @@ input[type="email"], input[type="number"], input[type="password"], input[type="s
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 { 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; } border-color: #993333; }
a:link, a:visited {
text-decoration: none; }
a:hover {
text-decoration: underline; }
html { html {
margin-top: 0; } margin-top: 0; }
html body { html body {
...@@ -351,7 +372,7 @@ html { ...@@ -351,7 +372,7 @@ html {
font: 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font: 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
text-align: center; text-align: center;
margin: 0; margin: 0;
background: #f6f6f6; } background: #f4f4f4; }
html body div.header-wrapper { html body div.header-wrapper {
-webkit-box-shadow: inset 0 -1px 2px #732626; -webkit-box-shadow: inset 0 -1px 2px #732626;
-moz-box-shadow: inset 0 -1px 2px #732626; -moz-box-shadow: inset 0 -1px 2px #732626;
...@@ -375,7 +396,7 @@ html { ...@@ -375,7 +396,7 @@ html {
font-size: 20px; font-size: 20px;
font-weight: 800; font-weight: 800;
margin: 0 22.652px 0 0; margin: 0 22.652px 0 0;
padding: 17px 22.652px 17px 0; padding: 17px 22.652px 14px 0;
text-shadow: 0 1px 0 #bf4040; text-shadow: 0 1px 0 #bf4040;
line-height: 22.652px; } line-height: 22.652px; }
html body div.header-wrapper header nav { html body div.header-wrapper header nav {
...@@ -388,17 +409,17 @@ html { ...@@ -388,17 +409,17 @@ html {
html body div.header-wrapper header nav h2 { html body div.header-wrapper header nav h2 {
float: left; float: left;
margin: 0 22.652px 0 0; margin: 0 22.652px 0 0;
padding: 19px 22.652px 12px 0; padding: 19px 22.652px 9px 0;
line-height: 22.652px; line-height: 22.652px;
border-right: 1px solid #862d2d; } border-right: 1px solid #862d2d; }
html body div.header-wrapper header nav h2 a { html body div.header-wrapper header nav h2 a {
color: #fff; } color: #fff;
text-decoration: none; }
html body div.header-wrapper header nav h2 a:hover { html body div.header-wrapper header nav h2 a:hover {
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7); }
text-decoration: none; }
html body div.header-wrapper header nav ul { html body div.header-wrapper header nav ul {
display: inline-block; display: inline-block;
padding: 19px 0 12px; padding: 19px 0 9px;
margin: 0; } margin: 0; }
html body div.header-wrapper header nav ul li { html body div.header-wrapper header nav ul li {
margin-right: 22.652px; margin-right: 22.652px;
...@@ -406,33 +427,35 @@ html { ...@@ -406,33 +427,35 @@ html {
margin-bottom: 0; margin-bottom: 0;
line-height: 22.652px; } line-height: 22.652px; }
html body div.header-wrapper header nav ul li a { html body div.header-wrapper header nav ul li a {
color: #fff; } color: #fff;
text-decoration: none; }
html body div.header-wrapper header nav ul li a:hover { html body div.header-wrapper header nav ul li a:hover {
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
background-color: none; background-color: none;
text-decoration: none; } text-decoration: none; }
html body section.main-content { html body section.main-content {
-webkit-box-shadow: 0 0 4px #dddddd;
-moz-box-shadow: 0 0 4px #dddddd;
-ms-box-shadow: 0 0 4px #dddddd;
-o-box-shadow: 0 0 4px #dddddd;
box-shadow: 0 0 4px #dddddd;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
-o-box-sizing: border-box; -o-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
background: #fff; background: #fff;
border-bottom: 1px solid #bbb; } border-bottom: 1px solid #bbb; }
@media screen and (min-width: 1400px) { @media screen and (min-width: 1400px) {
html body section.main-content { html body section.main-content {
margin-top: 11.326px; -webkit-box-shadow: 0 0 4px #dfdfdf;
-webkit-border-radius: 3px; -moz-box-shadow: 0 0 4px #dfdfdf;
-moz-border-radius: 3px; -ms-box-shadow: 0 0 4px #dfdfdf;
-ms-border-radius: 3px; -o-box-shadow: 0 0 4px #dfdfdf;
-o-border-radius: 3px; box-shadow: 0 0 4px #dfdfdf;
border-radius: 3px; border: 1px solid #bbb;
border: 1px solid #bbb; } } margin-top: 11.326px; } }
html body img { html body img {
max-width: 100%; max-width: 100%;
height: auto; } height: auto; }
...@@ -541,7 +564,7 @@ div.leanModal_box { ...@@ -541,7 +564,7 @@ div.leanModal_box {
color: #666; color: #666;
font-size: 14px; font-size: 14px;
float: none; } float: none; }
div.leanModal_box form input[type="button"] { div.leanModal_box form input[type="button"], div.leanModal_box form input[type="submit"] {
border: 1px solid #691b1b; border: 1px solid #691b1b;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
...@@ -569,7 +592,7 @@ div.leanModal_box { ...@@ -569,7 +592,7 @@ div.leanModal_box {
-webkit-background-clip: padding-box; -webkit-background-clip: padding-box;
font-size: 18px; font-size: 18px;
padding: 11.326px; } padding: 11.326px; }
div.leanModal_box form input[type="button"]:hover { div.leanModal_box form input[type="button"]:hover, div.leanModal_box form input[type="submit"]:hover {
-webkit-box-shadow: inset 0 1px 0 0 #a44141; -webkit-box-shadow: inset 0 1px 0 0 #a44141;
-moz-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; -ms-box-shadow: inset 0 1px 0 0 #a44141;
...@@ -583,7 +606,7 @@ div.leanModal_box { ...@@ -583,7 +606,7 @@ div.leanModal_box {
background-image: -ms-linear-gradient(top, #823030, #691c1c); background-image: -ms-linear-gradient(top, #823030, #691c1c);
background-image: -o-linear-gradient(top, #823030, #691c1c); background-image: -o-linear-gradient(top, #823030, #691c1c);
background-image: linear-gradient(top, #823030, #691c1c); } background-image: linear-gradient(top, #823030, #691c1c); }
div.leanModal_box form input[type="button"]:active { div.leanModal_box form input[type="button"]:active, div.leanModal_box form input[type="submit"]:active {
border: 1px solid #691b1b; border: 1px solid #691b1b;
-webkit-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; -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; -moz-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
...@@ -661,7 +684,7 @@ div.course-wrapper div#accordion ul.ui-accordion-content { ...@@ -661,7 +684,7 @@ div.course-wrapper div#accordion ul.ui-accordion-content {
font-size: 12px; font-size: 12px;
margin: 0; margin: 0;
overflow: hidden; } overflow: hidden; }
div.course-wrapper div#accordion ul.ui-accordion-content li.active { div.course-wrapper div#accordion ul.ui-accordion-content li.active, div.course-wrapper div#accordion ul.ui-accordion-content nav.sequence-nav ol li.seq_video_active, nav.sequence-nav ol div.course-wrapper div#accordion ul.ui-accordion-content li.seq_video_active, div.course-wrapper div#accordion ul.ui-accordion-content nav.sequence-nav ol li.seq_vertical_active, nav.sequence-nav ol div.course-wrapper div#accordion ul.ui-accordion-content li.seq_vertical_active, div.course-wrapper div#accordion ul.ui-accordion-content nav.sequence-nav ol li.seq_problem_active, nav.sequence-nav ol div.course-wrapper div#accordion ul.ui-accordion-content li.seq_problem_active {
font-weight: bold; } font-weight: bold; }
div.course-wrapper div#accordion ul.ui-accordion-content li a { div.course-wrapper div#accordion ul.ui-accordion-content li a {
text-decoration: none; text-decoration: none;
...@@ -674,118 +697,97 @@ div.course-wrapper div#accordion ul.ui-accordion-content { ...@@ -674,118 +697,97 @@ div.course-wrapper div#accordion ul.ui-accordion-content {
margin-bottom: 0; } margin-bottom: 0; }
div.course-wrapper div#accordion ul.ui-accordion-content li a p.subtitle { div.course-wrapper div#accordion ul.ui-accordion-content li a p.subtitle {
color: #666; } color: #666; }
div.course-wrapper section.course-content ol.vert-mod > li { div.course-wrapper section.course-content p {
border-bottom: 1px solid #eee;
padding: 15px 0; }
div.course-wrapper section.course-content ol.vert-mod > li:last-child {
border-bottom: none; }
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; } margin-bottom: 22.652px; }
div.course-wrapper section.course-content ol.sequence-nav li { div.course-wrapper section.course-content p:empty {
border: none; display: none;
cursor: pointer; margin-bottom: 0; }
div.course-wrapper section.course-content .problem-set, div.course-wrapper section.course-content section.problems-wrapper, div.course-wrapper section.course-content div#seq_content, div.course-wrapper section.course-content ol.vert-mod > li {
position: relative; }
div.course-wrapper section.course-content .problem-set h2, div.course-wrapper section.course-content section.problems-wrapper h2, div.course-wrapper section.course-content div#seq_content h2, div.course-wrapper section.course-content ol.vert-mod > li h2 {
margin-top: 0;
margin-bottom: 15px;
width: 20.109%;
padding-right: 2.717%;
border-right: 1px dotted #ccc;
-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; display: table-cell;
padding: 16.989px; vertical-align: top; }
float: left; } @media screen and (max-width:910px) {
div.course-wrapper section.course-content ol.sequence-nav li.seq_problem_inactive { div.course-wrapper section.course-content .problem-set h2, div.course-wrapper section.course-content section.problems-wrapper h2, div.course-wrapper section.course-content div#seq_content h2, div.course-wrapper section.course-content ol.vert-mod > li h2 {
width: 14px; display: block;
background: url("/static/images/problem-icon.png") 13px 13px no-repeat; width: auto; } }
-webkit-box-shadow: inset -1px 0 0 #eddfaa; div.course-wrapper section.course-content .problem-set section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, div.course-wrapper section.course-content div#seq_content section.problem, div.course-wrapper section.course-content ol.vert-mod > li section.problem {
-moz-box-shadow: inset -1px 0 0 #eddfaa; display: table-cell;
-ms-box-shadow: inset -1px 0 0 #eddfaa; width: 77.174%;
-o-box-shadow: inset -1px 0 0 #eddfaa; padding-left: 2.717%; }
box-shadow: inset -1px 0 0 #eddfaa; } @media screen and (max-width:910px) {
div.course-wrapper section.course-content ol.sequence-nav li.seq_problem_inactive:hover { div.course-wrapper section.course-content .problem-set section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, div.course-wrapper section.course-content div#seq_content section.problem, div.course-wrapper section.course-content ol.vert-mod > li section.problem {
background-color: #f9f4e1; } display: block;
div.course-wrapper section.course-content ol.sequence-nav li.seq_problem_visited { width: auto; } }
width: 14px; div.course-wrapper section.course-content .problem-set section.problem span.unanswered, div.course-wrapper section.course-content section.problems-wrapper section.problem span.unanswered, div.course-wrapper section.course-content div#seq_content section.problem span.unanswered, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.unanswered {
background: #ece5cb url("/static/images/problem-icon.png") -57px 13px no-repeat; } display: -moz-inline-box;
div.course-wrapper section.course-content ol.sequence-nav li.seq_problem_visited:hover { -moz-box-orient: vertical;
background-color: #F6EFD4; } display: inline-block;
div.course-wrapper section.course-content ol.sequence-nav li.seq_problem_active { vertical-align: baseline;
width: 14px; zoom: 1;
background: #fffbeb url("/static/images/problem-icon.png") -22px 13px no-repeat; *display: inline;
-webkit-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; *vertical-align: auto;
-moz-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; background: url("/static/images/unanswered-icon.png") center center no-repeat;
-ms-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; height: 14px;
-o-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; position: relative;
box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; } top: 4px;
div.course-wrapper section.course-content ol.sequence-nav li.seq_problem_active:hover { width: 14px; }
background-color: #F6EFD4; } div.course-wrapper section.course-content .problem-set section.problem span.correct, div.course-wrapper section.course-content section.problems-wrapper section.problem span.correct, div.course-wrapper section.course-content div#seq_content section.problem span.correct, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.correct {
div.course-wrapper section.course-content ol.sequence-nav li.seq_video_inactive { display: -moz-inline-box;
width: 14px; -moz-box-orient: vertical;
background: url("/static/images/video-icon.png") 13px 15px no-repeat; display: inline-block;
-webkit-box-shadow: inset -1px 0 0 #eddfaa; vertical-align: baseline;
-moz-box-shadow: inset -1px 0 0 #eddfaa; zoom: 1;
-ms-box-shadow: inset -1px 0 0 #eddfaa; *display: inline;
-o-box-shadow: inset -1px 0 0 #eddfaa; *vertical-align: auto;
box-shadow: inset -1px 0 0 #eddfaa; } background: url("/static/images/correct-icon.png") center center no-repeat;
div.course-wrapper section.course-content ol.sequence-nav li.seq_video_inactive:hover { height: 20px;
background-color: #f9f4e1; } position: relative;
div.course-wrapper section.course-content ol.sequence-nav li.seq_video_visited { top: 6px;
width: 14px; width: 25px; }
background: #ece5cb url("/static/images/video-icon.png") -81px 15px no-repeat; } div.course-wrapper section.course-content .problem-set section.problem span.incorrect, div.course-wrapper section.course-content section.problems-wrapper section.problem span.incorrect, div.course-wrapper section.course-content div#seq_content section.problem span.incorrect, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.incorrect {
div.course-wrapper section.course-content ol.sequence-nav li.seq_video_visited:hover { display: -moz-inline-box;
background-color: #F6EFD4; } -moz-box-orient: vertical;
div.course-wrapper section.course-content ol.sequence-nav li.seq_video_active { display: inline-block;
width: 14px; vertical-align: baseline;
background: #fffbeb url("/static/images/video-icon.png") -32px 15px no-repeat; zoom: 1;
-webkit-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; *display: inline;
-moz-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; *vertical-align: auto;
-ms-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; background: url("/static/images/incorrect-icon.png") center center no-repeat;
-o-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; height: 20px;
box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; } width: 20px;
div.course-wrapper section.course-content ol.sequence-nav li.seq_video_active:hover { position: relative;
background-color: #F6EFD4; } top: 6px; }
div.course-wrapper section.course-content ol.sequence-nav li.seq_vertical_inactive { div.course-wrapper section.course-content .problem-set div > span, div.course-wrapper section.course-content section.problems-wrapper div > span, div.course-wrapper section.course-content div#seq_content div > span, div.course-wrapper section.course-content ol.vert-mod > li div > span {
width: 14px; display: block;
background: url("/static/images/vertical-icon.png") -82px 15px no-repeat; margin-bottom: 11.326px; }
-webkit-box-shadow: inset -1px 0 0 #eddfaa; div.course-wrapper section.course-content .problem-set input[type="text"], div.course-wrapper section.course-content section.problems-wrapper input[type="text"], div.course-wrapper section.course-content div#seq_content input[type="text"], div.course-wrapper section.course-content ol.vert-mod > li input[type="text"] {
-moz-box-shadow: inset -1px 0 0 #eddfaa; display: inline-block; }
-ms-box-shadow: inset -1px 0 0 #eddfaa; div.course-wrapper section.course-content .problem-set center, div.course-wrapper section.course-content section.problems-wrapper center, div.course-wrapper section.course-content div#seq_content center, div.course-wrapper section.course-content ol.vert-mod > li center {
-o-box-shadow: inset -1px 0 0 #eddfaa; display: block;
box-shadow: inset -1px 0 0 #eddfaa; } margin: 22.652px 0;
div.course-wrapper section.course-content ol.sequence-nav li.seq_vertical_inactive:hover { border: 1px solid #ccc;
background-color: #f9f4e1; } padding: 22.652px; }
div.course-wrapper section.course-content ol.sequence-nav li.seq_vertical_visited { div.course-wrapper section.course-content .problem-set section.action, div.course-wrapper section.course-content section.problems-wrapper section.action, div.course-wrapper section.course-content div#seq_content section.action, div.course-wrapper section.course-content ol.vert-mod > li section.action {
width: 14px; margin-top: 22.652px; }
background: #ece5cb url("/static/images/vertical-icon.png") 13px 15px no-repeat; } div.course-wrapper section.course-content ol.vert-mod > li {
div.course-wrapper section.course-content ol.sequence-nav li.seq_vertical_visited:hover { border-bottom: 1px solid #ddd;
background-color: #F6EFD4; } margin-bottom: 15px;
div.course-wrapper section.course-content ol.sequence-nav li.seq_vertical_active { padding: 0 0 15px; }
width: 14px; div.course-wrapper section.course-content ol.vert-mod > li:last-child {
background: #fffbeb url("/static/images/vertical-icon.png") -35px 15px no-repeat; border-bottom: none;
-webkit-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; margin-bottom: 0;
-moz-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080; padding-bottom: 0; }
-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 { section.course-content div.video-wrapper {
float: left; float: left;
...@@ -891,13 +893,22 @@ section.course-content div.video-wrapper { ...@@ -891,13 +893,22 @@ section.course-content div.video-wrapper {
*vertical-align: auto; *vertical-align: auto;
font-weight: bold; } font-weight: bold; }
section.course-content div.video-wrapper section.video-controls div.speeds div#video_speeds span { section.course-content div.video-wrapper section.video-controls div.speeds div#video_speeds span {
cursor: pointer; } display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
cursor: pointer;
margin-bottom: 0; }
section.course-content div.video-wrapper section.video-controls div.speeds div#video_speeds span:hover { section.course-content div.video-wrapper section.video-controls div.speeds div#video_speeds span:hover {
color: #993333; } color: #993333; }
section.course-content ol.subtitles { section.course-content ol.subtitles {
float: left; float: left;
width: 31.522%; width: 31.522%;
min-height: 570px; } height: 530px;
overflow: hidden; }
section.course-content ol.subtitles li { section.course-content ol.subtitles li {
margin-bottom: 0px; margin-bottom: 0px;
cursor: pointer; cursor: pointer;
...@@ -914,6 +925,84 @@ section.course-content ol.subtitles { ...@@ -914,6 +925,84 @@ section.course-content ol.subtitles {
section.course-content ol.subtitles li div:empty { section.course-content ol.subtitles li div:empty {
margin-bottom: 0px; } margin-bottom: 0px; }
nav.sequence-nav {
margin-bottom: 22.652px; }
nav.sequence-nav ol .inactive, nav.sequence-nav ol li.seq_video_inactive, nav.sequence-nav ol li.seq_vertical_inactive, nav.sequence-nav ol li.seq_problem_inactive {
background-repeat: no-repeat; }
nav.sequence-nav ol .inactive:hover, nav.sequence-nav ol li.seq_video_inactive:hover, nav.sequence-nav ol li.seq_vertical_inactive:hover, nav.sequence-nav ol li.seq_problem_inactive:hover {
background-color: #f9f4e1; }
nav.sequence-nav ol .visited, nav.sequence-nav ol li.seq_video_visited, nav.sequence-nav ol li.seq_vertical_visited, nav.sequence-nav ol li.seq_problem_visited {
background-color: #ddd7be;
background-repeat: no-repeat;
border-color: #ddd7be; }
nav.sequence-nav ol .visited:hover, nav.sequence-nav ol li.seq_video_visited:hover, nav.sequence-nav ol li.seq_vertical_visited:hover, nav.sequence-nav ol li.seq_problem_visited:hover {
background-color: #F6EFD4; }
nav.sequence-nav ol .active, nav.sequence-nav ol div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion nav.sequence-nav ol h3.ui-accordion-header.ui-state-active, nav.sequence-nav ol 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 nav.sequence-nav ol input.ui-accordion-header.ui-state-active[type="button"], nav.sequence-nav ol 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 nav.sequence-nav ol input.ui-accordion-header.ui-state-active[type="button"], nav.sequence-nav ol li.seq_video_active, nav.sequence-nav ol li.seq_vertical_active, nav.sequence-nav ol li.seq_problem_active {
-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: #fff;
background-repeat: no-repeat; }
nav.sequence-nav ol .active:hover, nav.sequence-nav ol div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active:hover, div.course-wrapper div#accordion nav.sequence-nav ol h3.ui-accordion-header.ui-state-active:hover, nav.sequence-nav ol div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"]:hover, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel nav.sequence-nav ol input.ui-accordion-header.ui-state-active[type="button"]:hover, nav.sequence-nav ol div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"]:hover, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion nav.sequence-nav ol input.ui-accordion-header.ui-state-active[type="button"]:hover, nav.sequence-nav ol li.seq_video_active:hover, nav.sequence-nav ol li.seq_vertical_active:hover, nav.sequence-nav ol li.seq_problem_active:hover {
background-color: #fff; }
nav.sequence-nav ol li {
border: none;
border-right: 1px solid #eddfaa;
-webkit-box-shadow: 1px 0 0 white;
-moz-box-shadow: 1px 0 0 white;
-ms-box-shadow: 1px 0 0 white;
-o-box-shadow: 1px 0 0 white;
box-shadow: 1px 0 0 white;
cursor: pointer;
display: table-cell;
padding: 16.989px;
float: left;
width: 18px; }
nav.sequence-nav ol li.seq_video_inactive {
background-image: url("/static/images/video-icon.png");
background-position: 13px 15px; }
nav.sequence-nav ol li.seq_video_visited {
background-image: url("/static/images/video-icon.png");
background-position: -81px 15px; }
nav.sequence-nav ol li.seq_video_active {
background-image: url("/static/images/video-icon.png");
background-position: -32px 15px; }
nav.sequence-nav ol li.seq_vertical_inactive, nav.sequence-nav ol li.seq_problem_inactive {
background-image: url("/static/images/vertical-icon.png");
background-position: -82px 15px; }
nav.sequence-nav ol li.seq_vertical_visited, nav.sequence-nav ol li.seq_problem_visited {
background-image: url("/static/images/vertical-icon.png");
background-position: 13px 15px; }
nav.sequence-nav ol li.seq_vertical_active, nav.sequence-nav ol li.seq_problem_active {
background-image: url("/static/images/vertical-icon.png");
background-position: -35px 15px; }
nav.sequence-nav ul {
float: right;
margin-right: 1px; }
nav.sequence-nav ul li {
float: left; }
nav.sequence-nav ul li.prev, nav.sequence-nav ul 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;
cursor: pointer; }
nav.sequence-nav ul li.prev:hover, nav.sequence-nav ul li.next:hover {
text-decoration: none;
color: #7e691a;
text-decoration: none;
background: none; }
div.book-wrapper ul#booknav { div.book-wrapper ul#booknav {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
...@@ -1329,7 +1418,7 @@ section.help.main-content { ...@@ -1329,7 +1418,7 @@ section.help.main-content {
color: #763333; color: #763333;
text-decoration: underline; } 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"] { .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"], nav.sequence-nav ol li.badge-context-toggle.seq_video_active, nav.sequence-nav ol li.badge-context-toggle.seq_vertical_active, nav.sequence-nav ol li.badge-context-toggle.seq_problem_active {
cursor: pointer; cursor: pointer;
text-decoration: underline; } text-decoration: underline; }
...@@ -3420,237 +3509,3 @@ div.question-header div.question-container { ...@@ -3420,237 +3509,3 @@ div.question-header div.question-container {
display: inline-block; display: inline-block;
float: left; float: left;
width: 20.123%; } width: 20.123%; }
/*
----------------------------------------------------------------------------------------
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_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; }
css/marketing.css
...@@ -663,7 +663,7 @@ div.leanModal_box { ...@@ -663,7 +663,7 @@ div.leanModal_box {
color: #666; color: #666;
font-size: 14px; font-size: 14px;
float: none; } float: none; }
div.leanModal_box form input[type="button"] { div.leanModal_box form input[type="button"], div.leanModal_box form input[type="submit"] {
border: 1px solid #691b1b; border: 1px solid #691b1b;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
...@@ -691,7 +691,7 @@ div.leanModal_box { ...@@ -691,7 +691,7 @@ div.leanModal_box {
-webkit-background-clip: padding-box; -webkit-background-clip: padding-box;
font-size: 18px; font-size: 18px;
padding: 12.944px; } padding: 12.944px; }
div.leanModal_box form input[type="button"]:hover { div.leanModal_box form input[type="button"]:hover, div.leanModal_box form input[type="submit"]:hover {
-webkit-box-shadow: inset 0 1px 0 0 #a44141; -webkit-box-shadow: inset 0 1px 0 0 #a44141;
-moz-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; -ms-box-shadow: inset 0 1px 0 0 #a44141;
...@@ -705,7 +705,7 @@ div.leanModal_box { ...@@ -705,7 +705,7 @@ div.leanModal_box {
background-image: -ms-linear-gradient(top, #823030, #691c1c); background-image: -ms-linear-gradient(top, #823030, #691c1c);
background-image: -o-linear-gradient(top, #823030, #691c1c); background-image: -o-linear-gradient(top, #823030, #691c1c);
background-image: linear-gradient(top, #823030, #691c1c); } background-image: linear-gradient(top, #823030, #691c1c); }
div.leanModal_box form input[type="button"]:active { div.leanModal_box form input[type="button"]:active, div.leanModal_box form input[type="submit"]:active {
border: 1px solid #691b1b; border: 1px solid #691b1b;
-webkit-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; -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; -moz-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment