diff --git a/css/application.css b/css/application.css index edd5ac9dc9..2dba17e13e 100644 --- a/css/application.css +++ b/css/application.css @@ -339,123 +339,138 @@ html { div#fancybox-overlay { background: #333 !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 { - -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; +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-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 { + div#fancybox-wrap div#fancybox-outer div.fancybox-bg { + display: none; + background: none; } + div#fancybox-wrap div#fancybox-outer div#fancybox-content { + -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; - 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 { - 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 { + 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 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.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; } div.course-wrapper { display: table;