Skip to content

E
edx-platform
Commit cc0418ca by Ernie Park
Options

updated sass

parent 74d228a9
Showing with 679 additions and 906 deletions
css/application.css
......@@ -86,19 +86,50 @@ hr {
input, select {
vertical-align: middle; }
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 25, 2012 05:06:34 PM America/New_York */
@font-face {
font-family: 'Droid Sans';
font-style: normal;
font-weight: normal;
src: local("Droid Sans"), local("DroidSans"), url("http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciL3hpw3pgy2gAi-Ip7WPMi0.woff") format("woff"); }
font-family: 'Open Sans';
src: url("/static/fonts/OpenSans-Regular-webfont.eot");
src: url("/static/fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-Regular-webfont.woff") format("woff"), url("/static/fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: 'Droid Sans';
font-style: normal;
font-weight: bold;
src: local("Droid Sans Bold"), local("DroidSans-Bold"), url("http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMXbFhgvWbfSbdVg11QabG8w.woff") format("woff"); }
font-family: 'Open Sans';
src: url("/static/fonts/OpenSans-Italic-webfont.eot");
src: url("/static/fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-Italic-webfont.woff") format("woff"), url("/static/fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg");
font-weight: 400;
font-style: italic; }
@font-face {
font-family: 'Open Sans';
src: url("/static/fonts/OpenSans-Bold-webfont.eot");
src: url("/static/fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-Bold-webfont.woff") format("woff"), url("/static/fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg");
font-weight: 700;
font-style: normal; }
@font-face {
font-family: 'Open Sans';
src: url("/static/fonts/OpenSans-BoldItalic-webfont.eot");
src: url("/static/fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("/static/fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic") format("svg");
font-weight: 700;
font-style: italic; }
@font-face {
font-family: 'Open Sans';
src: url("/static/fonts/OpenSans-ExtraBold-webfont.eot");
src: url("/static/fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("/static/fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold") format("svg");
font-weight: 800;
font-style: normal; }
.clearfix:after, .topbar:after, div.course-wrapper section.course-content ol.sequence-nav:after, div.book-wrapper section.book nav:after, div.wiki-wrapper section.wiki-body header:after, body.askbot .secondary-nav nav:after, html body div.header-wrapper header:after, html body div.header-wrapper header nav ul:after, html body section.main-content:after, html footer:after, div.course-wrapper section.course-content ol.vert-mod > li:after, div.book-wrapper section.book nav ul:after, div.wiki-wrapper div#wiki_panel div#wiki_create_form:after, body.askbot footer div.footer-wrapper:after {
@font-face {
font-family: 'Open Sans';
src: url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.eot");
src: url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic") format("svg");
font-weight: 800;
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 {
content: ".";
display: block;
height: 0;
......@@ -136,7 +167,7 @@ input, select {
border: 1px solid #6f6f6f;
padding: 4px 8px;
color: #fff;
font: bold 14px "Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
font: bold 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
cursor: pointer;
-webkit-font-smoothing: antialiased; }
.button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover, .button:focus, input[type="submit"]:focus, input[type="button"]:focus, button:focus {
......@@ -179,7 +210,7 @@ input, select {
background: #e3e3e3;
border-right: 1px solid #d3d3d3;
display: table-cell;
font-family: "Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
text-shadow: 0 1px 0 #f1f1f1;
vertical-align: top;
width: 23.482%;
......@@ -253,25 +284,30 @@ input, select {
font-size: 12px;
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 1px 0 0 #faf7e9;
-moz-box-shadow: inset 1px 0 0 #faf7e9;
-ms-box-shadow: inset 1px 0 0 #faf7e9;
-o-box-shadow: inset 1px 0 0 #faf7e9;
box-shadow: inset 1px 0 0 #faf7e9;
background: #f2e7bf;
border-left: 1px solid #e4d080;
color: #292309;
padding: 16.989px;
text-transform: uppercase;
display: block; }
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 {
color: #7e691a;
text-decoration: none;
background: 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 {
-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;
padding: 16.989px;
text-transform: uppercase;
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 {
background: none; }
:focus {
outline-color: #ccc; }
h1 a, h2 a, h3 a, div.wiki-wrapper div#wiki_panel input[type="button"] a, h4 a, h5 a, h6 a {
color: #000; }
h1 {
font-size: 1.6em;
margin: 20px 0 10px 0; }
......@@ -287,8 +323,7 @@ p {
margin-bottom: 22.652px; }
em {
font-style: italic;
font-family: Georgia, serif; }
font-style: italic; }
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea {
-webkit-box-shadow: 0 -1px 0 white;
......@@ -304,7 +339,7 @@ input[type="email"], input[type="number"], input[type="password"], input[type="s
background-image: -o-linear-gradient(top, #eeeeee, white);
background-image: linear-gradient(top, #eeeeee, white);
border: 1px solid #999;
font: 14px "Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
font: 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
padding: 4px; }
input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, textarea:focus {
border-color: #993333; }
......@@ -313,24 +348,18 @@ html {
margin-top: 0; }
html body {
color: #333333;
font: 14px "Droid 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;
margin: 0;
background: #f3f3f3; }
background: #f6f6f6; }
html body div.header-wrapper {
-webkit-box-shadow: inset 0 1px 0 #bf4040, 0 1px 1px #cccccc;
-moz-box-shadow: inset 0 1px 0 #bf4040, 0 1px 1px #cccccc;
-ms-box-shadow: inset 0 1px 0 #bf4040, 0 1px 1px #cccccc;
-o-box-shadow: inset 0 1px 0 #bf4040, 0 1px 1px #cccccc;
box-shadow: inset 0 1px 0 #bf4040, 0 1px 1px #cccccc;
background-color: #ac3939;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ac3939), color-stop(100%, #862d2d));
background-image: -webkit-linear-gradient(top, #ac3939, #862d2d);
background-image: -moz-linear-gradient(top, #ac3939, #862d2d);
background-image: -ms-linear-gradient(top, #ac3939, #862d2d);
background-image: -o-linear-gradient(top, #ac3939, #862d2d);
background-image: linear-gradient(top, #ac3939, #862d2d);
border-bottom: 1px solid #732626; }
-webkit-box-shadow: inset 0 -1px 2px #732626;
-moz-box-shadow: inset 0 -1px 2px #732626;
-ms-box-shadow: inset 0 -1px 2px #732626;
-o-box-shadow: inset 0 -1px 2px #732626;
box-shadow: inset 0 -1px 2px #732626;
background: #993333;
border-bottom: 1px solid #fff; }
html body div.header-wrapper header {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
......@@ -340,36 +369,42 @@ html {
padding: 0 22.652px; }
html body div.header-wrapper header h1 {
border-right: 1px solid #862d2d;
font-size: 14px;
font-weight: bold;
margin: 0 2.024% 0 0;
padding: 15px 2.024% 15px 0;
color: #000;
display: block;
float: left;
color: #000;
text-shadow: 0 1px 0 #bf4040; }
html body div.header-wrapper header h1 em {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
padding-right: 22.652px; }
font-size: 20px;
font-weight: 800;
margin: 0 22.652px 0 0;
padding: 17px 22.652px 17px 0;
text-shadow: 0 1px 0 #bf4040;
line-height: 22.652px; }
html body div.header-wrapper header nav {
float: left;
display: block;
margin: 0;
text-shadow: 0 -1px 0 #732626; }
padding: 0;
text-shadow: 0 -1px 0 #732626;
-webkit-font-smoothing: antialiased; }
html body div.header-wrapper header nav h2 {
float: left;
margin: 0 22.652px 0 0;
padding: 19px 22.652px 12px 0;
line-height: 22.652px;
border-right: 1px solid #862d2d; }
html body div.header-wrapper header nav h2 a {
color: #fff; }
html body div.header-wrapper header nav h2 a:hover {
color: rgba(255, 255, 255, 0.7);
text-decoration: none; }
html body div.header-wrapper header nav ul {
display: inline-block;
padding: 15px 0;
padding: 19px 0 12px;
margin: 0; }
html body div.header-wrapper header nav ul li {
margin-right: 22.652px;
display: inline-block;
margin-bottom: 0; }
margin-bottom: 0;
line-height: 22.652px; }
html body div.header-wrapper header nav ul li a {
color: #fff; }
html body div.header-wrapper header nav ul li a:hover {
......@@ -377,19 +412,27 @@ html {
background-color: none;
text-decoration: none; }
html body section.main-content {
-webkit-box-shadow: 0 1px 0 white;
-moz-box-shadow: 0 1px 0 white;
-ms-box-shadow: 0 1px 0 white;
-o-box-shadow: 0 1px 0 white;
box-shadow: 0 1px 0 white;
-webkit-box-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;
-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; }
border-bottom: 1px solid #bbb; }
@media screen and (min-width: 1400px) {
html body section.main-content {
margin-top: 11.326px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
border: 1px solid #bbb; } }
html body img {
max-width: 100%;
height: auto; }
......@@ -498,7 +541,7 @@ div.leanModal_box {
color: #666;
font-size: 14px;
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;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
......@@ -526,7 +569,7 @@ div.leanModal_box {
-webkit-background-clip: padding-box;
font-size: 18px;
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;
-moz-box-shadow: inset 0 1px 0 0 #a44141;
-ms-box-shadow: inset 0 1px 0 0 #a44141;
......@@ -540,7 +583,7 @@ div.leanModal_box {
background-image: -ms-linear-gradient(top, #823030, #691c1c);
background-image: -o-linear-gradient(top, #823030, #691c1c);
background-image: linear-gradient(top, #823030, #691c1c); }
div.leanModal_box form input[type="button"]:active {
div.leanModal_box form input[type="button"]:active, div.leanModal_box form input[type="submit"]:active {
border: 1px solid #691b1b;
-webkit-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-moz-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
......@@ -623,7 +666,8 @@ div.course-wrapper div#accordion ul.ui-accordion-content {
div.course-wrapper div#accordion ul.ui-accordion-content li a {
text-decoration: none;
margin-bottom: 11.326px;
display: block; }
display: block;
color: #000; }
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 {
......@@ -686,12 +730,12 @@ div.course-wrapper section.course-content ol.sequence-nav {
background-color: #f9f4e1; }
div.course-wrapper section.course-content ol.sequence-nav li.seq_video_visited {
width: 14px;
background: #ece5cb url("/static/images/video-icon.png") -64px 15px no-repeat; }
background: #ece5cb url("/static/images/video-icon.png") -81px 15px no-repeat; }
div.course-wrapper section.course-content ol.sequence-nav li.seq_video_visited:hover {
background-color: #F6EFD4; }
div.course-wrapper section.course-content ol.sequence-nav li.seq_video_active {
width: 14px;
background: #fffbeb url("/static/images/video-icon.png") -25px 15px no-repeat;
background: #fffbeb url("/static/images/video-icon.png") -32px 15px no-repeat;
-webkit-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080;
-moz-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080;
-ms-box-shadow: inset -1px 0 0 #e4d080, inset 1px 0 0 #e4d080;
......@@ -767,28 +811,93 @@ section.course-content div.video-wrapper {
left: 0;
width: 100%;
height: 100%; }
section.course-content div.video-wrapper section ul {
display: inline-block; }
section.course-content div.video-wrapper section ul li {
margin-top: 5px;
display: inline-block;
cursor: pointer;
border: 0;
padding: 0; }
section.course-content div.video-wrapper section ul li div:empty {
display: none; }
section.course-content div.video-wrapper section div#slider {
margin: -14px 0 10px 60px; }
section.course-content div.video-wrapper section div#vidtime {
float: left; }
section.course-content div.video-wrapper section div#video_speeds {
float: right;
cursor: pointer; }
section.course-content div.video-wrapper section div#video_speeds span:hover {
color: #993333; }
section.course-content div.video-wrapper section.video-controls {
background: #333;
border: 1px solid #000;
color: #ccc; }
section.course-content div.video-wrapper section.video-controls div#slider {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555;
-moz-box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555;
-ms-box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555;
-o-box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555;
box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555;
background: #c2c2c2;
border: none;
border-bottom: 1px solid #000;
height: 20px; }
section.course-content div.video-wrapper section.video-controls div#slider a.ui-slider-handle {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
background: #993333 url(/static/images/slider-handle.png) center center no-repeat;
border: 0;
border-right: 1px solid #4d1919;
border-left: 1px solid #4d1919;
cursor: pointer;
height: 20px;
margin: 0;
top: 0;
width: 20px; }
section.course-content div.video-wrapper section.video-controls ul.vcr {
float: left;
margin-right: 22.652px; }
section.course-content div.video-wrapper section.video-controls ul.vcr li {
float: left; }
section.course-content div.video-wrapper section.video-controls ul.vcr li a {
-webkit-box-shadow: 1px 0 0 #555555;
-moz-box-shadow: 1px 0 0 #555555;
-ms-box-shadow: 1px 0 0 #555555;
-o-box-shadow: 1px 0 0 #555555;
box-shadow: 1px 0 0 #555555;
border-right: 1px solid #000;
display: block;
cursor: pointer;
height: 14px;
padding: 16.989px 22.652px;
text-indent: -9999px;
width: 14px; }
section.course-content div.video-wrapper section.video-controls ul.vcr li a.play {
background: url("/static/images/play-icon.png") center center no-repeat; }
section.course-content div.video-wrapper section.video-controls ul.vcr li a.play:hover {
background-color: #444; }
section.course-content div.video-wrapper section.video-controls ul.vcr li a.pause {
background: url("/static/images/pause-icon.png") center center no-repeat; }
section.course-content div.video-wrapper section.video-controls ul.vcr li a.pause:hover {
background-color: #444; }
section.course-content div.video-wrapper section.video-controls div#vidtime {
float: left;
font-weight: bold;
line-height: 46px;
-webkit-font-smoothing: antialiased; }
section.course-content div.video-wrapper section.video-controls div.speeds {
float: right;
line-height: 46px;
margin-right: 22.652px;
-webkit-font-smoothing: antialiased; }
section.course-content div.video-wrapper section.video-controls div.speeds div#video_speeds {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
font-weight: bold; }
section.course-content div.video-wrapper section.video-controls div.speeds div#video_speeds span {
cursor: pointer; }
section.course-content div.video-wrapper section.video-controls div.speeds div#video_speeds span:hover {
color: #993333; }
section.course-content ol.subtitles {
float: left;
width: 31.522%; }
width: 31.522%;
min-height: 570px; }
section.course-content ol.subtitles li {
margin-bottom: 0px;
cursor: pointer;
......@@ -810,10 +919,30 @@ div.book-wrapper ul#booknav {
-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; }
box-sizing: border-box; }
div.book-wrapper ul#booknav a {
color: #000; }
div.book-wrapper ul#booknav a:hover {
color: #666; }
div.book-wrapper ul#booknav li {
background: none;
padding-left: 30px; }
div.book-wrapper ul#booknav li div.hitarea {
margin-left: -22px;
background-image: url("/static/images/treeview-default.gif"); }
div.book-wrapper ul#booknav li div.hitarea:hover {
opacity: 0.6;
filter: alpha(opacity=60); }
div.book-wrapper ul#booknav li ul {
background: none; }
div.book-wrapper ul#booknav > li {
border-bottom: 1px solid #d3d3d3;
-webkit-box-shadow: 0 1px 0 #eeeeee;
-moz-box-shadow: 0 1px 0 #eeeeee;
-ms-box-shadow: 0 1px 0 #eeeeee;
-o-box-shadow: 0 1px 0 #eeeeee;
box-shadow: 0 1px 0 #eeeeee;
padding: 7px 7px 7px 30px; }
div.book-wrapper section.book nav ul li.last {
float: left;
display: block; }
......@@ -1000,22 +1129,35 @@ form#wiki_revision {
display: block;
width: 50%; }
form#wiki_revision #submit_delete {
float: right; }
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
background: none;
border: none;
color: #999;
float: right;
text-decoration: underline;
font-weight: normal; }
form#wiki_revision input[type="submit"] {
margin-top: 20px; }
#wiki_edit_instructions {
float: left;
width: 31.522%; }
width: 31.522%;
margin-top: 22.652px;
color: #666; }
#wiki_edit_instructions:hover {
color: #333; }
#wiki_edit_instructions .markdown-example {
background-color: #dddddd;
background-color: #e3e3e3;
text-shadow: 0 1px 0 #fff;
padding-top: 5px;
padding-right: 2px;
padding-bottom: 5px;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 7px;
margin-left: 5px;
margin: 5px 0 7px;
line-height: 1.0; }
div.wiki-wrapper {
......@@ -1183,141 +1325,6 @@ section.help.main-content {
section.help.main-content dl dt {
font-weight: bold; }
body.askbot .secondary-nav {
margin: 0; }
body.askbot .secondary-nav nav {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #eddfaa;
border-top: 0;
margin: 0 auto;
padding: 22.652px; }
body.askbot .secondary-nav nav div {
float: left; }
body.askbot .secondary-nav nav div.question-filter {
font-size: 16px;
margin-top: 4px;
width: 31.984%; }
body.askbot .secondary-nav nav div.question-filter ul {
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
-ms-border-radius: 35px;
-o-border-radius: 35px;
border-radius: 35px;
background: #e4d080;
display: inline;
margin: 0 0 0 10px;
padding: 5.663px 20px; }
body.askbot .secondary-nav nav div.question-filter ul li {
display: inline-block;
list-style: none;
margin-right: 10px; }
body.askbot .secondary-nav nav div.question-filter ul li:last-child {
margin-right: 0; }
body.askbot .secondary-nav nav div.question-filter ul li a {
text-transform: capitalize;
text-shadow: none;
font-size: 14px; }
body.askbot .secondary-nav nav div.question-filter ul li a.on {
font-weight: bold; }
body.askbot .secondary-nav nav div.search-box {
margin-left: 2%;
text-align: right;
width: 65.992%; }
body.askbot .secondary-nav nav div.search-box input[type="text"] {
margin-right: 6px;
width: 22.699%; }
body.askbot section.main-content div.discussion-wrapper div.discussion-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
display: table-cell;
padding: 2.024%;
vertical-align: top;
width: 74.494%; }
body.askbot section.main-content div.discussion-wrapper div.discussion-content div.order-sort {
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
-ms-border-radius: 35px;
-o-border-radius: 35px;
border-radius: 35px;
background-color: #faf7e9;
height: 30px;
float: right;
font-size: 16px;
margin: 3px 0;
padding: 0 20px; }
body.askbot section.main-content div.discussion-wrapper div.discussion-content div.order-sort a {
color: #a88d23; }
body.askbot section.main-content div.discussion-wrapper div.discussion-content div.order-sort a:before {
content: '|';
color: #eddfaa;
font-size: 22px; }
body.askbot section.main-content div.discussion-wrapper div.discussion-content div.order-sort a:hover {
text-decoration: none;
color: #544611; }
body.askbot section.main-content div.discussion-wrapper div.discussion-content p.tabula-rasa {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background-color: #f6f6f6;
color: #888;
margin: 10px auto;
padding: 20px;
text-align: center;
width: 40.486%; }
body.askbot section.main-content div.discussion-wrapper div.discussion-content p.tabula-rasa:first-child {
margin-top: 70px; }
body.askbot section.main-content div.discussion-wrapper div.discussion-content p.tabula-rasa:last-child {
margin-bottom: 70px; }
body.askbot section.main-content div.discussion-wrapper div.discussion-content p.tabula-rasa a {
text-decoration: none;
color: #888;
font-weight: bold; }
body.askbot section.main-content div.discussion-wrapper aside {
-webkit-box-shadow: inset 1px 0 0 #f6f6f6;
-moz-box-shadow: inset 1px 0 0 #f6f6f6;
-ms-box-shadow: inset 1px 0 0 #f6f6f6;
-o-box-shadow: inset 1px 0 0 #f6f6f6;
box-shadow: inset 1px 0 0 #f6f6f6;
border-left: 1px solid #d3d3d3;
border-right: 1px solid #f6f6f6;
padding: 2.024%;
width: 23.482%; }
body.askbot section.main-content div.discussion-wrapper aside h2 {
font-size: 16px; }
body.askbot section.main-content div.discussion-wrapper aside h3, body.askbot section.main-content div.discussion-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel body.askbot section.main-content div.discussion-wrapper aside input[type="button"] {
border-bottom: 0;
box-shadow: none; }
body.askbot section.main-content div.discussion-wrapper aside input[type="text"] {
width: 76%; }
body.askbot section.main-content div.discussion-wrapper aside #displayTagFilterControl {
margin-top: 10px; }
body.askbot footer {
margin: 0 auto;
padding: 0; }
body.askbot footer div.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; }
......@@ -1700,117 +1707,6 @@ ul#searchTags {
float: right;
padding-top: 2px; }
.search-tips {
font-size: 16px;
line-height: 17px;
color: #707070;
margin: 5px 0 10px 0;
padding: 0px;
float: left;
font-family: 'Yanone Kaffeesatz',sans-serif; }
.search-tips a {
text-decoration: underline;
color: #1b79bd; }
#question-list {
float: left;
position: relative;
background-color: #FFF;
padding: 0;
width: 100%; }
.short-summary {
position: relative;
filter: inherit;
padding: 10px;
border-bottom: 1px solid #DDDBCE;
margin-bottom: 1px;
overflow: hidden;
width: 710px;
float: left;
background: url(../images/summary-background.png) repeat-x; }
.short-summary h2 {
font-size: 24px;
font-weight: normal;
line-height: 26px;
padding-left: 0;
margin-bottom: 6px;
display: block;
font-family: 'Yanone Kaffeesatz',sans-serif; }
.short-summary a {
color: #464646; }
.short-summary .userinfo {
text-align: right;
line-height: 16px;
font-family: Arial;
padding-right: 4px; }
.short-summary .userinfo .relativetime {
font-size: 11px;
clear: both;
font-weight: normal;
color: #555; }
.short-summary span.anonymous {
font-size: 11px;
clear: both;
font-weight: normal;
color: #555; }
.short-summary .userinfo a {
font-weight: bold;
font-size: 11px; }
.short-summary .counts {
float: right;
margin: 4px 0 0 5px;
font-family: 'Yanone Kaffeesatz',sans-serif; }
.short-summary .counts .item-count {
padding: 0px 5px 0px 5px;
font-size: 25px;
font-family: 'Yanone Kaffeesatz',sans-serif; }
.short-summary .counts .votes div, .short-summary .counts .views div, .short-summary .counts .answers div, .short-summary .counts .favorites div {
margin-top: 3px;
font-size: 14px;
line-height: 14px;
color: #646464; }
.short-summary .tags {
margin-top: 0; }
.short-summary .votes, .short-summary .answers, .short-summary .favorites, .short-summary .views {
text-align: center;
margin: 0 3px;
padding: 8px 2px 0px 2px;
width: 51px;
float: right;
height: 44px;
border: #dbdbd4 1px solid; }
.short-summary .votes {
background: url(../images/vote-background.png) repeat-x; }
.short-summary .answers {
background: url(../images/answers-background.png) repeat-x; }
.short-summary .views {
background: url(../images/view-background.png) repeat-x; }
.short-summary .no-votes .item-count {
color: #b1b5b6; }
.short-summary .some-votes .item-count {
color: #4a757f; }
.short-summary .no-answers .item-count {
color: #b1b5b6; }
.short-summary .some-answers .item-count {
color: #eab243; }
.short-summary .no-views .item-count {
color: #b1b5b6; }
.short-summary .some-views .item-count {
color: #d33f00; }
.short-summary .accepted .item-count {
background: url(../images/accept.png) no-repeat top right;
display: block;
text-align: center;
width: 40px;
color: #eab243; }
.short-summary .some-favorites .item-count {
background: #338333;
color: #d0f5a9; }
.short-summary .no-favorites .item-count {
background: #eab243;
color: yellow; }
.pager {
margin-top: 10px;
margin-bottom: 16px; }
......@@ -1898,31 +1794,6 @@ ul#searchTags {
.tag-size-10 {
font-size: 21px; }
ul.tags {
list-style: none;
margin: 0;
padding: 0;
line-height: 170%;
display: block; }
ul.tags.marked-tags {
list-style: none;
margin: 0;
padding: 0;
line-height: 170%;
display: block; }
ul#related-tags {
list-style: none;
margin: 0;
padding: 0;
line-height: 170%;
display: block; }
ul.tags li {
float: left;
display: block;
margin: 0 8px 0 0;
padding: 0;
height: 20px; }
.wildcard-tags {
clear: both; }
......@@ -1946,36 +1817,6 @@ ul#related-tags li {
float: left;
clear: left; }
.tag-left {
cursor: pointer;
display: block;
float: left;
height: 17px;
margin: 0 5px 0 0;
padding: 0;
-webkit-box-shadow: 0px 0px 5px #d3d6d7;
-moz-box-shadow: 0px 0px 5px #d3d6d7;
box-shadow: 0px 0px 5px #d3d6d7; }
.tag-right {
background: #f3f6f6;
border: #fff 1px solid;
border-top: #fff 2px solid;
outline: #cfdbdb 1px solid;
display: block;
float: left;
height: 17px;
line-height: 17px;
font-weight: normal;
font-size: 11px;
padding: 0px 8px 0px 8px;
text-decoration: none;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-family: Arial;
color: #717179; }
.deletable-tag {
margin-right: 3px;
white-space: nowrap;
......@@ -2231,443 +2072,6 @@ ul#related-tags li {
.edit-question-page .title-desc, #fmedit .title-desc, .wmd-preview .title-desc {
margin-bottom: 10px; }
.question-page h1 {
padding-top: 0px;
font-family: 'Yanone Kaffeesatz',sans-serif; }
.question-page h1 a {
color: #464646;
font-size: 30px;
font-weight: normal;
line-height: 1; }
.question-page p.rss {
float: none;
clear: both;
padding: 3px 0 0 23px;
font-size: 15px;
width: 110px;
background-position: center left;
margin-left: 0px !important; }
.question-page p.rss a {
font-family: 'Yanone Kaffeesatz',sans-serif;
vertical-align: top; }
.question-page .question-content {
float: right;
width: 682px;
margin-bottom: 10px; }
.question-page #question-table {
float: left;
border-top: #f0f0f0 1px solid;
margin: 6px 0 6px 0;
border-spacing: 0px;
width: 670px;
padding-right: 10px; }
.question-page .answer-table {
margin: 6px 0 6px 0;
border-spacing: 0px;
width: 670px;
padding-right: 10px;
margin-top: 0px;
border-bottom: 1px solid #D4D4D4;
float: right; }
.question-page .answer-table td {
width: 20px;
vertical-align: top; }
.question-page #question-table td {
width: 20px;
vertical-align: top; }
.question-page .question-body, .question-page .answer-body {
overflow: auto;
margin-top: 10px;
font-family: Arial;
color: #4b4b4b; }
.question-page .question-body p, .question-page .answer-body p {
margin-bottom: 14px;
line-height: 1.4;
font-size: 14px;
padding: 0px 5px 5px 0px; }
.question-page .question-body a, .question-page .answer-body a {
color: #1b79bd; }
.question-page .question-body li, .question-page .answer-body li {
margin-bottom: 7px; }
.question-page .question-body IMG, .question-page .answer-body IMG {
max-width: 600px; }
.question-page .post-update-info-container {
float: right;
width: 175px; }
.question-page .post-update-info {
background: white url(../images/background-user-info.png) repeat-x bottom;
float: right;
font-size: 9px;
font-family: Arial;
width: 158px;
padding: 4px;
margin: 0px 0px 5px 5px;
line-height: 14px;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-box-shadow: 0px 2px 1px #bfbfbf;
-moz-box-shadow: 0px 2px 1px #bfbfbf;
box-shadow: 0px 2px 1px #bfbfbf; }
.question-page .post-update-info p {
line-height: 13px;
font-size: 11px;
margin: 0 0 2px 1px;
padding: 0; }
.question-page .post-update-info a {
color: #444; }
.question-page .post-update-info .gravatar {
float: left;
margin-right: 4px; }
.question-page .post-update-info p.tip {
color: #444;
line-height: 13px;
font-size: 10px; }
.question-page .post-controls {
font-size: 11px;
line-height: 12px;
min-width: 200px;
padding-left: 5px;
text-align: right;
clear: left;
float: right;
margin-top: 10px;
margin-bottom: 8px; }
.question-page .post-controls a {
color: #777;
padding: 0px 3px 3px 22px;
cursor: pointer;
border: none;
font-size: 12px;
font-family: Arial;
text-decoration: none;
height: 18px;
display: block;
float: right;
line-height: 18px;
margin-top: -2px;
margin-left: 4px; }
.question-page .post-controls a:hover {
background-color: #f5f0c9;
border-radius: 3px;
-ms-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px; }
.question-page .post-controls .sep {
color: #ccc;
float: right;
height: 18px;
font-size: 18px; }
.question-page .post-controls .question-delete {
background: url(../images/delete.png) no-repeat center left;
padding-left: 16px; }
.question-page .answer-controls .question-delete {
background: url(../images/delete.png) no-repeat center left;
padding-left: 16px; }
.question-page .post-controls .question-flag, .question-page .answer-controls .question-flag {
background: url(../images/flag.png) no-repeat center left; }
.question-page .post-controls .question-edit, .question-page .answer-controls .question-edit {
background: url(../images/edit2.png) no-repeat center left; }
.question-page .post-controls .question-retag, .question-page .answer-controls .question-retag {
background: url(../images/retag.png) no-repeat center left; }
.question-page .post-controls .question-close, .question-page .answer-controls .question-close {
background: url(../images/close.png) no-repeat center left; }
.question-page .post-controls .permant-link, .question-page .answer-controls .permant-link {
background: url(../images/link.png) no-repeat center left; }
.question-page .tabBar {
width: 100%; }
.question-page #questionCount {
float: left;
font-family: 'Yanone Kaffeesatz',sans-serif;
line-height: 15px; }
.question-page .question-img-upvote, .question-page .question-img-downvote, .question-page .answer-img-upvote, .question-page .answer-img-downvote {
width: 25px;
height: 20px;
cursor: pointer; }
.question-page .question-img-upvote, .question-page .answer-img-upvote {
background: url(../images/vote-arrow-up-new.png) no-repeat; }
.question-page .question-img-downvote, .question-page .answer-img-downvote {
background: url(../images/vote-arrow-down-new.png) no-repeat; }
.question-page .question-img-upvote:hover, .question-page .question-img-upvote.on {
background: url(../images/vote-arrow-up-on-new.png) no-repeat; }
.question-page .answer-img-upvote:hover, .question-page .answer-img-upvote.on {
background: url(../images/vote-arrow-up-on-new.png) no-repeat; }
.question-page .question-img-downvote:hover, .question-page .question-img-downvote.on {
background: url(../images/vote-arrow-down-on-new.png) no-repeat; }
.question-page .answer-img-downvote:hover, .question-page .answer-img-downvote.on {
background: url(../images/vote-arrow-down-on-new.png) no-repeat; }
.question-page #fmanswer_button {
margin: 8px 0px; }
.question-page .question-img-favorite:hover {
background: url(../images/vote-favorite-on.png); }
.question-page div.comments {
padding: 0; }
.question-page #comment-title {
font-weight: bold;
font-size: 23px;
color: #7ea9b3;
width: 200px;
float: left;
font-family: 'Yanone Kaffeesatz',sans-serif; }
.question-page .comments {
font-size: 12px;
clear: both; }
.question-page .comments div.controls {
clear: both;
float: left;
width: 100%;
margin: 3px 0 20px 5px; }
.question-page .comments .controls a {
color: #988e4c;
padding: 0 3px 2px 22px;
font-family: Arial;
font-size: 13px;
background: url(../images/comment.png) no-repeat center left; }
.question-page .comments .controls a:hover {
background-color: #f5f0c9;
text-decoration: none; }
.question-page .comments .button, .question-page .comments input[type="submit"], .question-page .comments input[type="button"], .question-page .comments button {
color: #988e4c;
font-size: 11px;
padding: 3px;
cursor: pointer; }
.question-page .comments a {
background-color: inherit;
color: #1b79bd;
padding: 0; }
.question-page .comments form.post-comments {
margin: 3px 26px 0 42px; }
.question-page .comments form.post-comments textarea {
font-size: 13px;
line-height: 1.3; }
.question-page .comments textarea {
height: 42px;
width: 100%;
margin: 7px 0 5px 1px;
font-family: Arial;
outline: none;
overflow: auto;
font-size: 12px;
line-height: 140%;
padding-left: 2px;
padding-top: 3px;
border: #cce6ec 3px solid; }
.question-page .comments input {
margin-left: 10px;
margin-top: 1px;
vertical-align: top;
width: 100px; }
.question-page .comments button {
background: url(../images/small-button-blue.png) repeat-x top;
border: 0;
color: #4a757f;
font-family: Arial;
font-size: 13px;
width: 100px;
font-weight: bold;
height: 27px;
line-height: 25px;
margin-bottom: 5px;
cursor: pointer;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
text-shadow: 0px 1px 0px #e6f6fa;
-moz-text-shadow: 0px 1px 0px #e6f6fa;
-webkit-text-shadow: 0px 1px 0px #e6f6fa;
-webkit-box-shadow: 1px 1px 2px #808080;
-moz-box-shadow: 1px 1px 2px #808080;
box-shadow: 1px 1px 2px #808080; }
.question-page .comments button:hover {
background: url(../images/small-button-blue.png) bottom repeat-x;
text-shadow: 0px 1px 0px #c6d9dd;
-moz-text-shadow: 0px 1px 0px #c6d9dd;
-webkit-text-shadow: 0px 1px 0px #c6d9dd; }
.question-page .comments .counter {
display: inline-block;
width: 245px;
float: right;
color: #b6a475 !important;
vertical-align: top;
font-family: Arial;
float: right;
text-align: right; }
.question-page .comments .comment {
border-bottom: 1px solid #edeeeb;
clear: both;
margin: 0;
margin-top: 8px;
padding-bottom: 4px;
overflow: auto;
font-family: Arial;
font-size: 11px;
min-height: 25px;
background: white url(../images/comment-background.png) bottom repeat-x;
border-radius: 5px;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px; }
.question-page .comments div.comment:hover {
background-color: #efefef; }
.question-page .comments a.author {
background-color: inherit;
color: #1b79bd;
padding: 0; }
.question-page .comments a.author:hover {
text-decoration: underline; }
.question-page .comments span.delete-icon {
background: url(../images/close-small.png) no-repeat;
border: 0;
width: 14px;
height: 14px; }
.question-page .comments span.delete-icon:hover {
border: #BC564B 2px solid;
border-radius: 10px;
-ms-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
margin: -3px 0px 0px -2px; }
.question-page .comments .content, .question-page .comments div.course-wrapper section.course-content, div.course-wrapper .question-page .comments section.course-content, .question-page .comments div.book-wrapper section.book, div.book-wrapper .question-page .comments section.book, .question-page .comments div.wiki-wrapper section.wiki-body, div.wiki-wrapper .question-page .comments section.wiki-body {
margin-bottom: 7px; }
.question-page .comments .comment-votes {
float: left;
width: 37px;
line-height: 130%;
padding: 6px 5px 6px 3px; }
.question-page .comments .comment-body {
line-height: 1.3;
margin: 3px 26px 0 46px;
padding: 5px 3px;
color: #666;
font-size: 13px; }
.question-page .comments .comment-body .edit {
padding-left: 6px; }
.question-page .comments .comment-body p {
font-size: 13px;
line-height: 1.3;
margin-bottom: 3px;
padding: 0; }
.question-page .comments .comment-delete {
float: right;
width: 14px;
line-height: 130%;
padding: 8px 6px; }
.question-page .comments .upvote {
margin: 0px;
padding-right: 17px;
padding-top: 2px;
text-align: right;
height: 20px;
font-size: 13px;
font-weight: bold;
color: #777; }
.question-page .comments .upvote.upvoted {
color: #d64000; }
.question-page .comments .upvote.hover {
background: url(../images/go-up-grey.png) no-repeat;
background-position: right 1px; }
.question-page .comments .upvote:hover {
background: url(../images/go-up-orange.png) no-repeat;
background-position: right 1px; }
.question-page .comments .help-text {
float: right;
text-align: right;
color: gray;
margin-bottom: 0px;
margin-top: 0px;
line-height: 50%; }
.question-page #questionTools {
font-size: 22px;
margin-top: 11px;
text-align: left; }
.question-page .question-status {
margin-top: 10px;
margin-bottom: 15px;
padding: 20px;
background-color: #fef7cc;
text-align: center;
border: #e1c04a 1px solid; }
.question-page .question-status h3, .question-page .question-status div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel .question-page .question-status input[type="button"] {
font-size: 20px;
color: #707070;
font-weight: normal; }
.question-page .vote-buttons {
float: left;
text-align: center;
padding-top: 2px;
margin: 10px 10px 0px 3px; }
.question-page .vote-buttons IMG {
cursor: pointer; }
.question-page .vote-number {
font-family: 'Yanone Kaffeesatz',sans-serif;
padding: 0px 0 5px 0;
font-size: 25px;
font-weight: bold;
color: #777; }
.question-page .vote-buttons .notify-sidebar {
text-align: left;
width: 120px; }
.question-page .vote-buttons .notify-sidebar label {
vertical-align: top; }
.question-page .tabBar-answer {
margin-bottom: 15px;
padding-left: 7px;
width: 723px;
margin-top: 10px; }
.question-page .answer .vote-buttons {
float: left; }
.question-page .accepted-answer {
background-color: #f7fecc;
border-bottom-color: #9BD59B; }
.question-page .accepted-answer .vote-buttons {
width: 27px;
margin-right: 10px;
margin-top: 10px; }
.question-page .answer .post-update-info a {
color: #444444; }
.question-page .answered {
background: #CCC;
color: #999; }
.question-page .answered-accepted {
background: #DCDCDC;
color: #763333; }
.question-page .answered-accepted strong {
color: #E1E818; }
.question-page .answered-by-owner {
background: #F1F1FF; }
.question-page .answered-by-owner .comments {
background-color: #E6ECFF; }
.question-page .answered-by-owner .comments .button, .question-page .answered-by-owner .comments input[type="submit"], .question-page .answered-by-owner .comments input[type="button"], .question-page .answered-by-owner .comments button {
background-color: #E6ECFF; }
.question-page .answered-by-owner .vote-buttons {
margin-right: 10px; }
.question-page .answer-img-accept:hover {
background: url(../images/vote-accepted-on.png); }
.question-page .answer-body a {
color: #1b79bd; }
.question-page .answer-body li {
margin-bottom: 0.7em; }
.question-page #fmanswer {
color: #707070;
line-height: 1.2;
margin-top: 10px; }
.question-page #fmanswer h2 {
font-family: 'Yanone Kaffeesatz',sans-serif;
color: #7ea9b3;
font-size: 24px; }
.question-page #fmanswer label {
font-size: 13px; }
.question-page .message {
padding: 5px;
margin: 0px 0 10px 0; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
textarea {
padding-left: 3px !important; } }
......@@ -3560,14 +2964,6 @@ p.signup_p {
margin-bottom: 7px;
font-size: 14px; }
.search-result-summary {
font-weight: bold;
font-size: 18px;
line-height: 22px;
margin: 0px 0px 0px 0px;
padding: 2px 0 0 0;
float: left; }
.faq-rep-item {
text-align: right;
padding-right: 5px; }
......@@ -3674,6 +3070,357 @@ pre.prettyprint {
padding: 3px;
border: 0px solid #888; }
body.askbot .secondary-nav {
margin: 0; }
body.askbot .secondary-nav nav {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #eddfaa;
border-top: 0;
margin: 0 auto;
padding: 22.652px; }
body.askbot .secondary-nav nav div {
float: left; }
body.askbot .secondary-nav nav div.question-filter {
font-size: 16px;
margin-top: 4px;
width: 31.984%; }
body.askbot .secondary-nav nav div.question-filter ul {
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
-ms-border-radius: 35px;
-o-border-radius: 35px;
border-radius: 35px;
background: #e4d080;
display: inline;
margin: 0 0 0 10px;
padding: 5.663px 20px; }
body.askbot .secondary-nav nav div.question-filter ul li {
display: inline-block;
list-style: none;
margin-right: 10px; }
body.askbot .secondary-nav nav div.question-filter ul li:last-child {
margin-right: 0; }
body.askbot .secondary-nav nav div.question-filter ul li a {
text-transform: capitalize;
text-shadow: none;
font-size: 14px; }
body.askbot .secondary-nav nav div.question-filter ul li a.on {
font-weight: bold; }
body.askbot .secondary-nav nav div.search-box {
margin-left: 2%;
text-align: right;
width: 65.992%; }
body.askbot .secondary-nav nav div.search-box input[type="text"] {
margin-right: 6px;
width: 22.699%; }
body.askbot section.main-content div.discussion-wrapper div.discussion-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
display: table-cell;
padding: 2.024%;
vertical-align: top;
width: 74.494%; }
body.askbot section.main-content div.discussion-wrapper div.discussion-content p.tabula-rasa {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background-color: #f6f6f6;
color: #888;
margin: 10px auto;
padding: 20px;
text-align: center;
width: 40.486%; }
body.askbot section.main-content div.discussion-wrapper div.discussion-content p.tabula-rasa:first-child {
margin-top: 70px; }
body.askbot section.main-content div.discussion-wrapper div.discussion-content p.tabula-rasa:last-child {
margin-bottom: 70px; }
body.askbot section.main-content div.discussion-wrapper div.discussion-content p.tabula-rasa a {
text-decoration: none;
color: #888;
font-weight: bold; }
body.askbot section.main-content div.discussion-wrapper aside {
-webkit-box-shadow: inset 1px 0 0 #f6f6f6;
-moz-box-shadow: inset 1px 0 0 #f6f6f6;
-ms-box-shadow: inset 1px 0 0 #f6f6f6;
-o-box-shadow: inset 1px 0 0 #f6f6f6;
box-shadow: inset 1px 0 0 #f6f6f6;
border-left: 1px solid #d3d3d3;
border-right: 1px solid #f6f6f6;
padding: 2.024%;
width: 23.482%; }
body.askbot section.main-content div.discussion-wrapper aside h2 {
font-size: 16px; }
body.askbot section.main-content div.discussion-wrapper aside h3, body.askbot section.main-content div.discussion-wrapper aside div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel body.askbot section.main-content div.discussion-wrapper aside input[type="button"] {
border-bottom: 0;
box-shadow: none; }
body.askbot section.main-content div.discussion-wrapper aside input[type="text"] {
width: 76%; }
body.askbot section.main-content div.discussion-wrapper aside #displayTagFilterControl {
margin-top: 10px; }
body.askbot footer {
margin: 0 auto;
padding: 0; }
body.askbot footer div.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%; }
div.question-controls {
display: block;
margin-bottom: 30px;
overflow: hidden;
width: 100%; }
div.question-controls div {
display: inline-block; }
div.question-controls div.question-count {
margin-right: 2.024%;
width: 60.054%; }
div.question-controls div.question-count h1 {
margin-top: 0; }
div.question-controls div.question-sort {
vertical-align: bottom;
width: 37.228%; }
div.question-controls div.question-sort nav {
-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; }
div.question-controls div.question-sort nav a {
color: #a88d23; }
div.question-controls div.question-sort nav a:before {
content: '|';
color: #eddfaa;
font-size: 22px; }
div.question-controls div.question-sort nav a:hover {
text-decoration: none;
color: #544611; }
ul.question-list {
width: 100%; }
ul.question-list li.single-question {
border-top: 1px solid #eee;
list-style: none;
padding: 10px 0; }
ul.question-list li.single-question:hover {
background: #fdfcf6; }
ul.question-list li.single-question div {
display: inline-block; }
ul.question-list li.single-question div.question-body {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin-right: 2.024%;
padding-left: 10px;
width: 60.054%; }
ul.question-list li.single-question div.question-body h2 {
font-size: 16px;
font-weight: normal;
margin: 0px 0 15px 0;
text-transform: none; }
ul.question-list li.single-question div.question-body div.user-info {
display: inline-block;
vertical-align: top; }
ul.question-list li.single-question div.question-body div.user-info span.relative-time {
font-weight: normal; }
ul.question-list li.single-question div.question-body div.user-info a {
color: #993333; }
ul.question-list li.single-question div.question-body ul.tags {
display: inline-block; }
ul.question-list li.single-question div.question-meta {
width: 37.228%; }
ul.question-list li.single-question div.question-meta ul {
text-align: right; }
ul.question-list li.single-question div.question-meta ul li {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
display: inline-block;
height: 60px;
margin-right: 10px;
width: 60px; }
ul.question-list li.single-question div.question-meta ul li.views {
background: #faf7e9; }
ul.question-list li.single-question div.question-meta ul li.answers {
background: #F6EFD4; }
ul.question-list li.single-question div.question-meta ul li.votes {
background: #f2e7bf; }
ul.question-list li.single-question div.question-meta ul li span, ul.question-list li.single-question div.question-meta ul li div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
color: #7e691a;
display: block;
text-align: center; }
ul.question-list li.single-question div.question-meta ul li span {
font-size: 16px;
font-weight: bold;
height: 35px;
padding-top: 15px;
vertical-align: middle; }
ul.question-list li.single-question div.question-meta ul li div {
height: 25px;
font-size: 12px; }
div.search-tips {
display: block; }
div.post-update-info {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background: #faf7e9;
padding: 10px; }
div.post-update-info a {
color: #993333; }
div.post-update-info div.change-date {
font-size: 12px;
margin-bottom: 10px; }
div.post-update-info div.avatar {
display: inline-block;
float: left;
margin-right: 3px; }
div.post-update-info div.avatar img.gravatar {
background: white;
border: 1px solid #eddfaa;
margin-right: 5px;
padding: 3px;
vertical-align: bottom; }
div.post-update-info div.user-meta {
display: inline-block;
width: 60%; }
div.post-update-info div.user-meta span.user-badges {
display: block; }
ul.tags {
list-style: none; }
ul.tags li, ul.tags a {
position: relative; }
ul.tags li {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background: #eee;
color: #555;
display: inline;
font-size: 12px;
margin-left: 15px;
padding: 3px 10px 5px 5px; }
ul.tags li:before {
content: "";
position: absolute;
top: 0;
left: -11px;
width: 0;
height: 0;
border-color: transparent #eee transparent transparent;
border-style: solid;
border-width: 12px 12px 12px 0; }
div.question-header div.vote-buttons {
display: inline-block;
float: left;
width: 8.696%;
margin-right: 2.717%; }
div.question-header div.vote-buttons ul li {
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
font-weight: bold;
height: 20px;
list-style: none;
padding: 10px;
text-align: center;
width: 25px; }
div.question-header div.vote-buttons ul li.question-img-upvote, div.question-header div.vote-buttons ul li.answer-img-upvote {
background-image: url(/static/images/askbot/vote-arrow-up-new.png);
background-color: #F6EFD4; }
div.question-header div.vote-buttons ul li.question-img-upvote:hover, div.question-header div.vote-buttons ul li.question-img-upvote.on, div.question-header div.vote-buttons ul li.answer-img-upvote:hover, div.question-header div.vote-buttons ul li.answer-img-upvote.on {
background-image: url(/static/images/askbot/vote-arrow-up-on-new.png); }
div.question-header div.vote-buttons ul li.question-img-downvote, div.question-header div.vote-buttons ul li.answer-img-downvote {
background-image: url(/static/images/askbot/vote-arrow-down-new.png); }
div.question-header div.vote-buttons ul li.question-img-downvote:hover, div.question-header div.vote-buttons ul li.question-img-downvote.on, div.question-header div.vote-buttons ul li.answer-img-downvote:hover, div.question-header div.vote-buttons ul li.answer-img-downvote.on {
background-image: url(/static/images/askbot/vote-arrow-down-on-new.png); }
div.question-header div.question-container {
display: inline-block;
float: left;
width: 88.587%; }
div.question-header div.question-container h1 {
margin-top: 0; }
div.question-header div.question-container div.meta-bar {
border-bottom: 1px solid #eee;
display: block;
margin: 20px 0 10px;
overflow: hidden;
padding-bottom: 15px; }
div.question-header div.question-container div.meta-bar div.tag-list {
display: inline-block;
float: left;
width: 48.466%;
margin-right: 3.067%; }
div.question-header div.question-container div.meta-bar div.question-actions {
display: inline-block;
float: left;
text-align: right;
width: 48.466%; }
div.question-header div.question-container div.meta-bar div.question-actions a {
color: #a88d23; }
div.question-header div.question-container div.meta-bar div.question-actions a.question-delete {
color: #993333; }
div.question-header div.question-container div.meta-bar div.question-actions span.sep {
color: #eddfaa; }
div.question-header div.question-container div.question-content {
overflow: hidden; }
div.question-header div.question-container div.question-content div.question-body {
display: inline-block;
float: left;
margin-right: 3.067%;
width: 76.81%; }
div.question-header div.question-container div.question-content div.post-update-info {
display: inline-block;
float: left;
width: 20.123%; }
/*
----------------------------------------------------------------------------------------
......
css/marketing.css
......@@ -86,29 +86,48 @@ hr {
input, select {
vertical-align: middle; }
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 25, 2012 05:06:34 PM America/New_York */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local("Open Sans"), local("OpenSans"), url("http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff") format("woff"); }
src: url("/static/fonts/OpenSans-Regular-webfont.eot");
src: url("/static/fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-Regular-webfont.woff") format("woff"), url("/static/fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: 'Open Sans';
font-style: italic;
src: url("/static/fonts/OpenSans-Italic-webfont.eot");
src: url("/static/fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-Italic-webfont.woff") format("woff"), url("/static/fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg");
font-weight: 400;
src: local("Open Sans Italic"), local("OpenSans-Italic"), url("http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBrrIa-7acMAeDBVuclsi6Gc.woff") format("woff"); }
font-style: italic; }
@font-face {
font-family: 'Open Sans';
font-style: normal;
src: url("/static/fonts/OpenSans-Bold-webfont.eot");
src: url("/static/fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-Bold-webfont.woff") format("woff"), url("/static/fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg");
font-weight: 700;
font-style: normal; }
@font-face {
font-family: 'Open Sans';
src: url("/static/fonts/OpenSans-BoldItalic-webfont.eot");
src: url("/static/fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("/static/fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic") format("svg");
font-weight: 700;
font-style: italic; }
@font-face {
font-family: 'Open Sans';
src: url("/static/fonts/OpenSans-ExtraBold-webfont.eot");
src: url("/static/fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("/static/fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold") format("svg");
font-weight: 800;
src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url("http://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hqRDOzjiPcYnFooOUGCOsRk.woff") format("woff"); }
font-style: normal; }
@font-face {
font-family: 'Open Sans';
font-style: italic;
src: url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.eot");
src: url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic") format("svg");
font-weight: 800;
src: local("Open Sans Extrabold Italic"), local("OpenSans-ExtraboldItalic"), url("http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxsBo4hlZyBvkZICS3KpNonM.woff") format("woff"); }
font-style: italic; }
.wrapper, .subpage, section.copyright, section.tos, section.privacy-policy, section.honor-code, header.announcement div, section.index-content, footer {
-webkit-box-sizing: border-box;
......@@ -182,7 +201,7 @@ input, select {
-ms-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
background-color: #990000;
background-color: #993333;
color: #fff;
margin: 25.888px 0 12.944px;
padding: 6.472px 12.944px;
......@@ -190,7 +209,7 @@ input, select {
font-style: normal;
-webkit-font-smoothing: antialiased; }
.button:hover, header.announcement div section.course section a:hover, section.index-content section.course a:hover, section.index-content section.staff a:hover, section.index-content section.about-course section.cta a.enroll:hover {
background-color: #660000; }
background-color: #732626; }
.button span, header.announcement div section.course section a span, section.index-content section.course a span, section.index-content section.staff a span, section.index-content section.about-course section.cta a.enroll span {
font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
font-style: italic; }
......@@ -208,11 +227,11 @@ body {
body em {
font-style: italic; }
body a {
color: #990000;
color: #993333;
font-style: italic;
text-decoration: none; }
body a:hover, body a:focus {
color: #660000; }
color: #732626; }
body input[type="email"], body input[type="number"], body input[type="password"], body input[type="search"], body input[type="tel"], body input[type="text"], body input[type="url"], body input[type="color"], body input[type="date"], body input[type="datetime"], body input[type="datetime-local"], body input[type="month"], body input[type="time"], body input[type="week"], body textarea {
-webkit-box-shadow: 0 -1px 0 white;
-moz-box-shadow: 0 -1px 0 white;
......@@ -231,18 +250,23 @@ body {
padding: 4px;
width: 100%; }
body input[type="email"]:focus, body input[type="number"]:focus, body input[type="password"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="text"]:focus, body input[type="url"]:focus, body input[type="color"]:focus, body input[type="date"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body textarea:focus {
border-color: #990000; }
border-color: #993333; }
header.announcement {
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
background: #333;
border-bottom: 1px solid #000;
color: #fff;
-webkit-font-smoothing: antialiased; }
header.announcement.home {
background: #e3e3e3 url("/static/images/marketing/shot-1-medium.jpg"); }
background: #e3e3e3 url("/static/images/marketing/shot-5-medium.jpg"); }
@media screen and (min-width: 1200px) {
header.announcement.home {
background: #e3e3e3 url("/static/images/marketing/shot-1-large.jpg"); } }
background: #e3e3e3 url("/static/images/marketing/shot-5-large.jpg"); } }
header.announcement.home div {
padding: 258.88px 25.888px 77.664px; }
header.announcement.home div nav h1 {
......@@ -304,7 +328,7 @@ header.announcement {
zoom: 1;
*display: inline;
*vertical-align: auto;
background: #990000;
background: #993333;
margin-left: 34.171%;
padding: 25.888px 38.832px; }
header.announcement div section h1 {
......@@ -339,12 +363,12 @@ header.announcement {
margin-left: 0;
padding: 0; }
header.announcement div section.course section a {
background-color: #330000;
background-color: #4d1919;
display: block;
padding: 12.944px 25.888px;
text-align: center; }
header.announcement div section.course section a:hover {
background-color: #660000; }
background-color: #732626; }
header.announcement div section.course p {
width: 48.092%;
line-height: 25.888px;
......@@ -388,6 +412,8 @@ section.index-content section {
letter-spacing: 1px;
color: #666;
margin-bottom: 25.888px; }
section.index-content section.about section.features h2 span {
text-transform: none; }
section.index-content section.about section.features p {
width: auto;
clear: both; }
......@@ -395,7 +421,7 @@ section.index-content section {
font-family: "Open sans";
font-weight: 800; }
section.index-content section.about section.features p a {
color: #990000;
color: #993333;
text-decoration: none;
-webkit-transition-property: all;
-moz-transition-property: all;
......@@ -418,7 +444,7 @@ section.index-content section {
-o-transition-delay: 0;
transition-delay: 0; }
section.index-content section.about section.features p a:hover, section.index-content section.about section.features p a:focus {
color: #4d0000; }
color: #602020; }
section.index-content section.about section.features ul {
margin-bottom: 0; }
section.index-content section.about section.features ul li {
......@@ -472,7 +498,7 @@ section.index-content section {
margin-right: 3.817%; }
section.index-content section.about-course section.requirements {
clear: both;
width: auto;
width: 100%;
border-top: 1px solid #E5E5E5;
padding-top: 25.888px;
margin-bottom: 0; }
......@@ -637,55 +663,55 @@ div.leanModal_box {
color: #666;
font-size: 14px;
float: none; }
div.leanModal_box form input[type="button"] {
border: 1px solid #520000;
div.leanModal_box form input[type="button"], div.leanModal_box form input[type="submit"] {
border: 1px solid #691b1b;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #dc0909;
-moz-box-shadow: inset 0 1px 0 0 #dc0909;
-ms-box-shadow: inset 0 1px 0 0 #dc0909;
-o-box-shadow: inset 0 1px 0 0 #dc0909;
box-shadow: inset 0 1px 0 0 #dc0909;
-webkit-box-shadow: inset 0 1px 0 0 #bc5c5c;
-moz-box-shadow: inset 0 1px 0 0 #bc5c5c;
-ms-box-shadow: inset 0 1px 0 0 #bc5c5c;
-o-box-shadow: inset 0 1px 0 0 #bc5c5c;
box-shadow: inset 0 1px 0 0 #bc5c5c;
color: white;
display: inline;
font-size: 11px;
font-weight: bold;
background-color: #990000;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #990000), color-stop(100%, #610000));
background-image: -webkit-linear-gradient(top, #990000, #610000);
background-image: -moz-linear-gradient(top, #990000, #610000);
background-image: -ms-linear-gradient(top, #990000, #610000);
background-image: -o-linear-gradient(top, #990000, #610000);
background-image: linear-gradient(top, #990000, #610000);
background-color: #993333;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #993333), color-stop(100%, #761e1e));
background-image: -webkit-linear-gradient(top, #993333, #761e1e);
background-image: -moz-linear-gradient(top, #993333, #761e1e);
background-image: -ms-linear-gradient(top, #993333, #761e1e);
background-image: -o-linear-gradient(top, #993333, #761e1e);
background-image: linear-gradient(top, #993333, #761e1e);
padding: 6px 18px 7px;
text-shadow: 0 1px 0 #3d0000;
text-shadow: 0 1px 0 #5d1414;
-webkit-background-clip: padding-box;
font-size: 18px;
padding: 12.944px; }
div.leanModal_box form input[type="button"]:hover {
-webkit-box-shadow: inset 0 1px 0 0 #ac0606;
-moz-box-shadow: inset 0 1px 0 0 #ac0606;
-ms-box-shadow: inset 0 1px 0 0 #ac0606;
-o-box-shadow: inset 0 1px 0 0 #ac0606;
box-shadow: inset 0 1px 0 0 #ac0606;
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;
-moz-box-shadow: inset 0 1px 0 0 #a44141;
-ms-box-shadow: inset 0 1px 0 0 #a44141;
-o-box-shadow: inset 0 1px 0 0 #a44141;
box-shadow: inset 0 1px 0 0 #a44141;
cursor: pointer;
background-color: #7d0303;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d0303), color-stop(100%, #520000));
background-image: -webkit-linear-gradient(top, #7d0303, #520000);
background-image: -moz-linear-gradient(top, #7d0303, #520000);
background-image: -ms-linear-gradient(top, #7d0303, #520000);
background-image: -o-linear-gradient(top, #7d0303, #520000);
background-image: linear-gradient(top, #7d0303, #520000); }
div.leanModal_box form input[type="button"]:active {
border: 1px solid #520000;
-webkit-box-shadow: inset 0 0 8px 4px #420000, inset 0 0 8px 4px #420000, 0 1px 1px 0 #eeeeee;
-moz-box-shadow: inset 0 0 8px 4px #420000, inset 0 0 8px 4px #420000, 0 1px 1px 0 #eeeeee;
-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; }
background-color: #823030;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #823030), color-stop(100%, #691c1c));
background-image: -webkit-linear-gradient(top, #823030, #691c1c);
background-image: -moz-linear-gradient(top, #823030, #691c1c);
background-image: -ms-linear-gradient(top, #823030, #691c1c);
background-image: -o-linear-gradient(top, #823030, #691c1c);
background-image: linear-gradient(top, #823030, #691c1c); }
div.leanModal_box form input[type="button"]:active, div.leanModal_box form input[type="submit"]:active {
border: 1px solid #691b1b;
-webkit-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-moz-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-ms-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-o-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; }
div#login {
min-width: 400px; }
......
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