From cc0418ca73e5cae623a13ce8bd0fe35c9adc0765 Mon Sep 17 00:00:00 2001 From: Ernie Park Date: Wed, 1 Feb 2012 12:03:22 -0500 Subject: [PATCH] updated sass --- css/application.css | 1445 ++++++++++++++++++------------------------- css/marketing.css | 140 +++-- 2 files changed, 679 insertions(+), 906 deletions(-) diff --git a/css/application.css b/css/application.css index 32e43ac3fa..517da22856 100644 --- a/css/application.css +++ b/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; } -.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-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; } + +@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%; } + /* ---------------------------------------------------------------------------------------- diff --git a/css/marketing.css b/css/marketing.css index f48407a05c..04298414ea 100644 --- a/css/marketing.css +++ b/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; + 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'; + 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"), local("OpenSans"), url("http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff") format("woff"); } + font-style: italic; } @font-face { font-family: 'Open Sans'; - font-style: italic; - 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"); } + 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'; - font-style: normal; + 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; }