Styled log in popover
This commit is contained in:
Kyle Fiedler
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user