Skip to content

E
edx-platform
Commit 83128786 by Ernie Park
Options

switch from fancybox to leanmodal CSS

parent b9cd4446
Showing with 37 additions and 32 deletions
css/marketing.css
...@@ -472,18 +472,17 @@ footer { ...@@ -472,18 +472,17 @@ footer {
footer div.footer-wrapper ul li:last-child:after { footer div.footer-wrapper ul li:last-child:after {
content: none; } content: none; }
div#fancybox-overlay { #lean_overlay {
background: #333 !important; } position: fixed;
z-index: 100;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
display: none; }
div#fancybox-wrap { div.leanModal_box {
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 {
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-ms-border-radius: 3px; -ms-border-radius: 3px;
...@@ -499,54 +498,54 @@ div#fancybox-wrap { ...@@ -499,54 +498,54 @@ div#fancybox-wrap {
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
-o-box-sizing: border-box; -o-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
background: #fff; display: none;
border: none; border: none;
padding: 51.776px;
max-width: 600px; max-width: 600px;
width: auto !important; } background: #fff;
div#fancybox-wrap div#fancybox-outer div#fancybox-content h1 { padding: 51.776px; }
div.leanModal_box h1 {
font-size: 24px; font-size: 24px;
margin-top: 0; margin-top: 0;
font-family: "Oswald"; font-family: "Oswald";
padding-bottom: 25.888px; padding-bottom: 25.888px;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
margin-bottom: 25.888px; } margin-bottom: 25.888px; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form { div.leanModal_box form {
text-align: left; } text-align: left; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form div#enroll_error { div.leanModal_box form div#enroll_error {
padding-bottom: 25.888px; padding-bottom: 25.888px;
color: #DF8B2C; color: #DF8B2C;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 1px; letter-spacing: 1px;
font-weight: bold; } font-weight: bold; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li { div.leanModal_box form ol li {
margin-bottom: 25.888px; margin-bottom: 25.888px;
width: 485px; width: 485px;
float: left; } float: left; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li:nth-child(odd) { div.leanModal_box form ol li:nth-child(odd) {
margin-right: 25px; } 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 { div.leanModal_box form ol li.terms, div.leanModal_box form ol li.remember {
float: none; float: none;
width: auto; width: auto;
clear: both; clear: both;
padding-top: 25.888px; padding-top: 25.888px;
border-top: 1px solid #eee; } border-top: 1px solid #eee; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li.honor-code { div.leanModal_box form ol li.honor-code {
width: auto; width: auto;
float: none; } float: none; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li label { div.leanModal_box form ol li label {
display: block; display: block;
font-weight: bold; } 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"] { 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%; width: 100%;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
-o-box-sizing: border-box; -o-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="checkbox"] { div.leanModal_box form ol li input[type="checkbox"] {
margin-right: 10px; } margin-right: 10px; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form input[type="button"] { div.leanModal_box form input[type="button"] {
border: 1px solid #520000; border: 1px solid #520000;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
...@@ -574,7 +573,7 @@ div#fancybox-wrap { ...@@ -574,7 +573,7 @@ div#fancybox-wrap {
-webkit-background-clip: padding-box; -webkit-background-clip: padding-box;
font-size: 18px; font-size: 18px;
padding: 12.944px; } padding: 12.944px; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form input[type="button"]:hover { div.leanModal_box form input[type="button"]:hover {
-webkit-box-shadow: inset 0 1px 0 0 #ac0606; -webkit-box-shadow: inset 0 1px 0 0 #ac0606;
-moz-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; -ms-box-shadow: inset 0 1px 0 0 #ac0606;
...@@ -588,22 +587,28 @@ div#fancybox-wrap { ...@@ -588,22 +587,28 @@ div#fancybox-wrap {
background-image: -ms-linear-gradient(top, #7d0303, #520000); background-image: -ms-linear-gradient(top, #7d0303, #520000);
background-image: -o-linear-gradient(top, #7d0303, #520000); background-image: -o-linear-gradient(top, #7d0303, #520000);
background-image: 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 { div.leanModal_box form input[type="button"]:active {
border: 1px solid #520000; border: 1px solid #520000;
-webkit-box-shadow: inset 0 0 8px 4px #420000, inset 0 0 8px 4px #420000, 0 1px 1px 0 #eeeeee; -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; -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; -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; -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; } 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 { div.leanModal_box div#login {
min-width: 300px; } min-width: 300px; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content div#login ol li { div.leanModal_box div#login ol li {
width: auto; width: auto;
float: none; } float: none; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content div.lost-password { div.leanModal_box div.lost-password {
text-align: left; text-align: left;
margin-top: 25.888px; } margin-top: 25.888px; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content div.lost-password a { div.leanModal_box div.lost-password a {
color: #999; } color: #999; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content div.lost-password a:hover { div.leanModal_box div.lost-password a:hover {
color: #444; } 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