Skip to content

E
edx-platform
Commit 83128786 by Ernie Park
Options

switch from fancybox to leanmodal CSS

parent b9cd4446
Showing with 288 additions and 263 deletions
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; }
......
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; }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment