diff --git a/css/application.css b/css/application.css index fb519a1d22..30ff8ae6b3 100644 --- a/css/application.css +++ b/css/application.css @@ -56,7 +56,7 @@ blockquote, q { font-weight: bold; src: local("Droid Sans Bold"), local("DroidSans-Bold"), url("http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMXbFhgvWbfSbdVg11QabG8w.woff") format("woff"); } -.clearfix:after, .topbar:after, div.book-wrapper section.book nav:after, div.wiki-wrapper section.wiki-body header:after, 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 { +.clearfix:after, .topbar:after, div.book-wrapper section.book nav:after, div.wiki-wrapper section.wiki-body header:after, secondaryHeader: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 { content: "."; display: block; height: 0; @@ -195,16 +195,16 @@ blockquote, q { .sidebar h3.active a, div.course-wrapper div#accordion h3.active a, div.book-wrapper ul#booknav h3.active a, div.wiki-wrapper div#wiki_panel h3.active a, .sidebar div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion .sidebar h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.book-wrapper ul#booknav div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion div.book-wrapper ul#booknav h3.ui-accordion-header.ui-state-active a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel h3.ui-accordion-header.ui-state-active a, .sidebar div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel .sidebar input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.book-wrapper ul#booknav div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, .sidebar div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion .sidebar input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion div.book-wrapper ul#booknav input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, .sidebar div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel .sidebar input.active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.active[type="button"] a, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input.active[type="button"] a, div.wiki-wrapper div#wiki_panel input.active[type="button"] a { color: #000; } -.topbar, div.book-wrapper section.book nav, div.wiki-wrapper section.wiki-body header { +.topbar, div.book-wrapper section.book nav, div.wiki-wrapper section.wiki-body header, secondaryHeader { background: #F6EFD4; border-bottom: 1px solid #eddfaa; margin: -22.652px -22.652px 22.652px; font-size: 12px; text-shadow: 0 1px 0 #fff; } - .topbar a, div.book-wrapper section.book nav a, div.wiki-wrapper section.wiki-body header a { + .topbar a, div.book-wrapper section.book nav a, div.wiki-wrapper section.wiki-body header a, secondaryHeader a { text-transform: uppercase; color: #292309; } - .topbar a:hover, div.book-wrapper section.book nav a:hover, div.wiki-wrapper section.wiki-body header a:hover { + .topbar a:hover, div.book-wrapper section.book nav a:hover, div.wiki-wrapper section.wiki-body header a:hover, secondaryHeader a:hover { color: #7e691a; } h1 { @@ -336,145 +336,159 @@ html { html footer ul li a { color: #444; } -div#fancybox-overlay { - background: #333 !important; } +#lean_overlay { + position: fixed; + z-index: 100; + top: 0px; + left: 0px; + height: 100%; + width: 100%; + background: #000; + display: none; } -div#fancybox-wrap { - width: auto !important; } - div#fancybox-wrap div#fancybox-outer { - background: none; - max-width: 600px; } - div#fancybox-wrap div#fancybox-outer div.fancybox-bg { - display: none; - background: none; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content { +div.leanModal_box { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: 0 0 6px black; + -moz-box-shadow: 0 0 6px black; + -ms-box-shadow: 0 0 6px black; + -o-box-shadow: 0 0 6px black; + box-shadow: 0 0 6px black; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: none; + border: none; + max-width: 600px; + background: #fff; + padding: 45.304px; } + div.leanModal_box h1 { + font-size: 24px; + margin-top: 0; + font-family: "Oswald"; + padding-bottom: 22.652px; + border-bottom: 1px solid #eee; + margin-bottom: 22.652px; } + div.leanModal_box form { + text-align: left; } + div.leanModal_box form div#enroll_error { + padding-bottom: 22.652px; + color: #DF8B2C; + text-transform: uppercase; + letter-spacing: 1px; + font-weight: bold; } + div.leanModal_box form ol li { + margin-bottom: 22.652px; + width: 48.988%; + float: left; } + div.leanModal_box form ol li:nth-child(odd) { + margin-right: 2.024%; } + div.leanModal_box form ol li.terms, div.leanModal_box form ol li.remember { + float: none; + width: auto; + clear: both; + padding-top: 22.652px; + border-top: 1px solid #eee; } + div.leanModal_box form ol li.honor-code { + width: auto; + float: none; } + div.leanModal_box form ol li label { + display: block; + font-weight: bold; } + div.leanModal_box form ol li input[type="email"], div.leanModal_box form ol li input[type="number"], div.leanModal_box form ol li input[type="password"], div.leanModal_box form ol li input[type="search"], div.leanModal_box form ol li input[type="tel"], div.leanModal_box form ol li input[type="text"], div.leanModal_box form ol li input[type="url"], div.leanModal_box form ol li input[type="color"], div.leanModal_box form ol li input[type="date"], div.leanModal_box form ol li input[type="datetime"], div.leanModal_box form ol li input[type="datetime-local"], div.leanModal_box form ol li input[type="month"], div.leanModal_box form ol li input[type="time"], div.leanModal_box form ol li input[type="week"], div.leanModal_box form ol li textarea { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; } + div.leanModal_box form ol li input[type="checkbox"] { + margin-right: 10px; } + div.leanModal_box form input[type="button"] { + border: 1px solid #691b1b; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; - -webkit-box-shadow: 0 0 6px black; - -moz-box-shadow: 0 0 6px black; - -ms-box-shadow: 0 0 6px black; - -o-box-shadow: 0 0 6px black; - box-shadow: 0 0 6px black; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box; - background: #fff; - border: none; - padding: 45.304px; - max-width: 600px; - width: auto !important; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content h1 { - font-size: 24px; - margin-top: 0; - font-family: "Oswald"; - padding-bottom: 22.652px; - border-bottom: 1px solid #eee; - margin-bottom: 22.652px; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form { - text-align: left; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form div#enroll_error { - padding-bottom: 22.652px; - color: #DF8B2C; - text-transform: uppercase; - letter-spacing: 1px; - font-weight: bold; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li { - margin-bottom: 22.652px; - width: 48.988%; - float: left; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li:nth-child(odd) { - margin-right: 2.024%; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li.terms, div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li.remember { - float: none; - width: auto; - clear: both; - padding-top: 22.652px; - border-top: 1px solid #eee; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li.honor-code { - width: auto; - float: none; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li label { - display: block; - font-weight: bold; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="email"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="number"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="password"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="search"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="tel"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="text"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="url"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="color"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="date"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="datetime"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="datetime-local"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="month"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="time"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="week"] { - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="checkbox"] { - margin-right: 10px; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form input[type="button"] { - border: 1px solid #691b1b; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 0 1px 0 0 #bc5c5c; - -moz-box-shadow: inset 0 1px 0 0 #bc5c5c; - -ms-box-shadow: inset 0 1px 0 0 #bc5c5c; - -o-box-shadow: inset 0 1px 0 0 #bc5c5c; - box-shadow: inset 0 1px 0 0 #bc5c5c; - color: white; - display: inline; - font-size: 11px; - font-weight: bold; - background-color: #993333; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #993333), color-stop(100%, #761e1e)); - background-image: -webkit-linear-gradient(top, #993333, #761e1e); - background-image: -moz-linear-gradient(top, #993333, #761e1e); - background-image: -ms-linear-gradient(top, #993333, #761e1e); - background-image: -o-linear-gradient(top, #993333, #761e1e); - background-image: linear-gradient(top, #993333, #761e1e); - padding: 6px 18px 7px; - text-shadow: 0 1px 0 #5d1414; - -webkit-background-clip: padding-box; - font-size: 18px; - padding: 11.326px; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form input[type="button"]:hover { - -webkit-box-shadow: inset 0 1px 0 0 #a44141; - -moz-box-shadow: inset 0 1px 0 0 #a44141; - -ms-box-shadow: inset 0 1px 0 0 #a44141; - -o-box-shadow: inset 0 1px 0 0 #a44141; - box-shadow: inset 0 1px 0 0 #a44141; - cursor: pointer; - background-color: #823030; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #823030), color-stop(100%, #691c1c)); - background-image: -webkit-linear-gradient(top, #823030, #691c1c); - background-image: -moz-linear-gradient(top, #823030, #691c1c); - background-image: -ms-linear-gradient(top, #823030, #691c1c); - background-image: -o-linear-gradient(top, #823030, #691c1c); - background-image: linear-gradient(top, #823030, #691c1c); } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form input[type="button"]:active { - border: 1px solid #691b1b; - -webkit-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; - -moz-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; - -ms-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; - -o-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; - box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content div#login { - min-width: 300px; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content div#login ol li { - width: auto; - float: none; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content div.lost-password { - text-align: left; - margin-top: 22.652px; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content div.lost-password a { - color: #999; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content div.lost-password a:hover { - color: #444; } + -webkit-box-shadow: inset 0 1px 0 0 #bc5c5c; + -moz-box-shadow: inset 0 1px 0 0 #bc5c5c; + -ms-box-shadow: inset 0 1px 0 0 #bc5c5c; + -o-box-shadow: inset 0 1px 0 0 #bc5c5c; + box-shadow: inset 0 1px 0 0 #bc5c5c; + color: white; + display: inline; + font-size: 11px; + font-weight: bold; + background-color: #993333; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #993333), color-stop(100%, #761e1e)); + background-image: -webkit-linear-gradient(top, #993333, #761e1e); + background-image: -moz-linear-gradient(top, #993333, #761e1e); + background-image: -ms-linear-gradient(top, #993333, #761e1e); + background-image: -o-linear-gradient(top, #993333, #761e1e); + background-image: linear-gradient(top, #993333, #761e1e); + padding: 6px 18px 7px; + text-shadow: 0 1px 0 #5d1414; + -webkit-background-clip: padding-box; + font-size: 18px; + padding: 11.326px; } + div.leanModal_box form input[type="button"]:hover { + -webkit-box-shadow: inset 0 1px 0 0 #a44141; + -moz-box-shadow: inset 0 1px 0 0 #a44141; + -ms-box-shadow: inset 0 1px 0 0 #a44141; + -o-box-shadow: inset 0 1px 0 0 #a44141; + box-shadow: inset 0 1px 0 0 #a44141; + cursor: pointer; + background-color: #823030; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #823030), color-stop(100%, #691c1c)); + background-image: -webkit-linear-gradient(top, #823030, #691c1c); + background-image: -moz-linear-gradient(top, #823030, #691c1c); + background-image: -ms-linear-gradient(top, #823030, #691c1c); + background-image: -o-linear-gradient(top, #823030, #691c1c); + background-image: linear-gradient(top, #823030, #691c1c); } + div.leanModal_box form input[type="button"]:active { + border: 1px solid #691b1b; + -webkit-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; + -moz-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; + -ms-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; + -o-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; + box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; } + div.leanModal_box div#login { + min-width: 300px; } + div.leanModal_box div#login ol li { + width: auto; + float: none; } + div.leanModal_box div.lost-password { + text-align: left; + margin-top: 22.652px; } + div.leanModal_box div.lost-password a { + color: #999; } + div.leanModal_box div.lost-password a:hover { + color: #444; } + +div#feedback_div form ol li { + float: none; + width: 100%; } + div#feedback_div form ol li textarea#feedback_message { + height: 100px; } div.course-wrapper { display: table; width: 100%; } + div.course-wrapper div#accordion div#open_close_accordion { + position: absolute; + right: 0px; + width: 20px; + height: 20px; + background: #ccc; + border: 1px solid black; + right: -22px; + top: 5px; } div.course-wrapper div#accordion h3, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"] { overflow: hidden; margin: 0; } @@ -583,7 +597,7 @@ div.course-wrapper { margin-left: 20px; float: left; } div.course-wrapper section.course-content ol.subtitles li { - margin-bottom: 8px; + margin-bottom: 0px; cursor: pointer; border: 0; padding: 0; @@ -593,6 +607,10 @@ div.course-wrapper { color: #333; } div.course-wrapper section.course-content ol.subtitles li:hover { color: #993333; } + div.course-wrapper section.course-content ol.subtitles li div { + margin-bottom: 8px; } + div.course-wrapper section.course-content ol.subtitles li div:empty { + margin-bottom: 0px; } div.book-wrapper { display: table; } @@ -621,6 +639,8 @@ div.book-wrapper { float: left; } div.book-wrapper section.book nav ul li.next { float: right; } + div.book-wrapper section.book section.page img { + border: 1px solid #dddddd; } div.profile-wrapper { display: table; } diff --git a/css/marketing.css b/css/marketing.css index c28c173d07..0a31cde1b1 100644 --- a/css/marketing.css +++ b/css/marketing.css @@ -472,138 +472,143 @@ footer { footer div.footer-wrapper ul li:last-child:after { content: none; } -div#fancybox-overlay { - background: #333 !important; } +#lean_overlay { + position: fixed; + z-index: 100; + top: 0px; + left: 0px; + height: 100%; + width: 100%; + background: #000; + display: none; } -div#fancybox-wrap { - width: auto !important; } - div#fancybox-wrap div#fancybox-outer { - background: none; - max-width: 600px; } - div#fancybox-wrap div#fancybox-outer div.fancybox-bg { - display: none; - background: none; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content { +div.leanModal_box { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: 0 0 6px black; + -moz-box-shadow: 0 0 6px black; + -ms-box-shadow: 0 0 6px black; + -o-box-shadow: 0 0 6px black; + box-shadow: 0 0 6px black; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: none; + border: none; + max-width: 600px; + background: #fff; + padding: 51.776px; } + div.leanModal_box h1 { + font-size: 24px; + margin-top: 0; + font-family: "Oswald"; + padding-bottom: 25.888px; + border-bottom: 1px solid #eee; + margin-bottom: 25.888px; } + div.leanModal_box form { + text-align: left; } + div.leanModal_box form div#enroll_error { + padding-bottom: 25.888px; + color: #DF8B2C; + text-transform: uppercase; + letter-spacing: 1px; + font-weight: bold; } + div.leanModal_box form ol li { + margin-bottom: 25.888px; + width: 485px; + float: left; } + div.leanModal_box form ol li:nth-child(odd) { + margin-right: 25px; } + div.leanModal_box form ol li.terms, div.leanModal_box form ol li.remember { + float: none; + width: auto; + clear: both; + padding-top: 25.888px; + border-top: 1px solid #eee; } + div.leanModal_box form ol li.honor-code { + width: auto; + float: none; } + div.leanModal_box form ol li label { + display: block; + font-weight: bold; } + div.leanModal_box form ol li input[type="email"], div.leanModal_box form ol li input[type="number"], div.leanModal_box form ol li input[type="password"], div.leanModal_box form ol li input[type="search"], div.leanModal_box form ol li input[type="tel"], div.leanModal_box form ol li input[type="text"], div.leanModal_box form ol li input[type="url"], div.leanModal_box form ol li input[type="color"], div.leanModal_box form ol li input[type="date"], div.leanModal_box form ol li input[type="datetime"], div.leanModal_box form ol li input[type="datetime-local"], div.leanModal_box form ol li input[type="month"], div.leanModal_box form ol li input[type="time"], div.leanModal_box form ol li input[type="week"], div.leanModal_box form ol li textarea { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; } + div.leanModal_box form ol li input[type="checkbox"] { + margin-right: 10px; } + div.leanModal_box form input[type="button"] { + border: 1px solid #520000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; - -webkit-box-shadow: 0 0 6px black; - -moz-box-shadow: 0 0 6px black; - -ms-box-shadow: 0 0 6px black; - -o-box-shadow: 0 0 6px black; - box-shadow: 0 0 6px black; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box; - background: #fff; - border: none; - padding: 51.776px; - max-width: 600px; - width: auto !important; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content h1 { - font-size: 24px; - margin-top: 0; - font-family: "Oswald"; - padding-bottom: 25.888px; - border-bottom: 1px solid #eee; - margin-bottom: 25.888px; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form { - text-align: left; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form div#enroll_error { - padding-bottom: 25.888px; - color: #DF8B2C; - text-transform: uppercase; - letter-spacing: 1px; - font-weight: bold; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li { - margin-bottom: 25.888px; - width: 485px; - float: left; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li:nth-child(odd) { - margin-right: 25px; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li.terms, div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li.remember { - float: none; - width: auto; - clear: both; - padding-top: 25.888px; - border-top: 1px solid #eee; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li.honor-code { - width: auto; - float: none; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li label { - display: block; - font-weight: bold; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="email"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="number"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="password"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="search"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="tel"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="text"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="url"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="color"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="date"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="datetime"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="datetime-local"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="month"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="time"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="week"] { - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="checkbox"] { - margin-right: 10px; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content form input[type="button"] { - border: 1px solid #520000; - -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; - 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); - padding: 6px 18px 7px; - text-shadow: 0 1px 0 #3d0000; - -webkit-background-clip: padding-box; - font-size: 18px; - padding: 12.944px; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content 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; - 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#fancybox-wrap div#fancybox-outer div#fancybox-content 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; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content div#login { - min-width: 300px; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content div#login ol li { - width: auto; - float: none; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content div.lost-password { - text-align: left; - margin-top: 25.888px; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content div.lost-password a { - color: #999; } - div#fancybox-wrap div#fancybox-outer div#fancybox-content div.lost-password a:hover { - color: #444; } + -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; + 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); + padding: 6px 18px 7px; + text-shadow: 0 1px 0 #3d0000; + -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; + 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; } + div.leanModal_box div#login { + min-width: 300px; } + div.leanModal_box div#login ol li { + width: auto; + float: none; } + div.leanModal_box div.lost-password { + text-align: left; + margin-top: 25.888px; } + div.leanModal_box div.lost-password a { + color: #999; } + div.leanModal_box div.lost-password a:hover { + color: #444; } + +div#feedback_div form ol li { + float: none; + width: 100%; } + div#feedback_div form ol li textarea#feedback_message { + height: 100px; }