-
+
-
-
-
+
<%block name="headextra"/>
diff --git a/sass/_courseware.scss b/sass/_courseware.scss
index f5e79f24e9..d2ab6d65b7 100644
--- a/sass/_courseware.scss
+++ b/sass/_courseware.scss
@@ -4,6 +4,17 @@ div.course-wrapper {
div#accordion {
@extend .sidebar;
+ div#open_close_accordion {
+ position: absolute;
+ right: 0px;
+ width: 20px;
+ height: 20px;
+ background: #ccc;
+ border: 1px solid black;
+ right: -22px;
+ top: 5px;
+ }
+
h3 {
overflow: hidden;
margin: 0;
@@ -160,7 +171,7 @@ div.course-wrapper {
float: left;
li {
- margin-bottom: 8px;
+ margin-bottom: 0px;
cursor: pointer;
border: 0;
padding: 0;
@@ -174,6 +185,14 @@ div.course-wrapper {
&:hover {
color: $mit-red;
}
+
+ div {
+ margin-bottom: 8px;
+ }
+
+ div:empty {
+ margin-bottom: 0px;
+ }
}
}
}
diff --git a/sass/_fancybox.scss b/sass/_fancybox.scss
index 34b86773bc..423416469a 100644
--- a/sass/_fancybox.scss
+++ b/sass/_fancybox.scss
@@ -77,20 +77,6 @@ div#fancybox-wrap {
width: auto;
float: none;
}
-
-
- ul {
- list-style: disc outside none;
- margin: lh(.5) 0 lh() lh();
-
- li {
- list-style: disc outside none;
- margin-bottom: lh(.5);
- color: #666;
- font-size: 14px;
- float: none;
- }
- }
}
}
diff --git a/sass/_leanmodal.scss b/sass/_leanmodal.scss
new file mode 100644
index 0000000000..04d4f09701
--- /dev/null
+++ b/sass/_leanmodal.scss
@@ -0,0 +1,151 @@
+#lean_overlay {
+ position: fixed;
+ z-index:100;
+ top: 0px;
+ left: 0px;
+ height:100%;
+ width:100%;
+ background: #000;
+ display: none;
+}
+
+div.leanModal_box {
+ @include border-radius(3px);
+ @include box-shadow(0 0 6px #000);
+ @include box-sizing(border-box);
+ display: none;
+ border: none;
+ max-width: 600px;
+ background: #fff;
+ padding: lh(2);
+
+ h1 {
+ font-size: 24px;
+ margin-top: 0;
+ padding-bottom: lh();
+ border-bottom: 1px solid #eee;
+ margin-bottom: lh();
+ }
+
+ form {
+ text-align: left;
+
+ div#enroll_error, div#login_error {
+ -webkit-font-smoothing: antialiased;
+ background-color: #F50200;
+ color: #fff;
+ font-weight: bold;
+ letter-spacing: 1px;
+ margin-bottom: lh();
+ padding: lh(.2);
+ text-transform: uppercase;
+
+ &:empty {
+ padding: 0;
+ }
+ }
+
+ ol {
+ list-style: none;
+
+ li {
+ margin-bottom: lh(.5);
+
+ &.terms, &.remember {
+ float: none;
+ width: auto;
+ clear: both;
+ padding-top: lh();
+ border-top: 1px solid #eee;
+ }
+
+ &.honor-code {
+ width: auto;
+ float: none;
+ }
+
+ label {
+ display: block;
+ font-weight: bold;
+ }
+
+ #{$all-text-inputs}, textarea {
+ width: 100%;
+ @include box-sizing(border-box);
+ }
+
+ input[type="checkbox"] {
+ margin-right: 10px;
+ }
+
+ ul {
+ list-style: disc outside none;
+ margin: lh(.5) 0 lh() lh();
+
+ li {
+ list-style: disc outside none;
+ margin-bottom: lh(.5);
+ color: #666;
+ font-size: 14px;
+ float: none;
+ }
+ }
+ }
+ }
+
+ input[type="button"] {
+ @include button($mit-red);
+ font-size: 18px;
+ padding: lh(.5);
+ }
+ }
+}
+
+div#login {
+ min-width: 400px;
+
+ ol {
+ li {
+ width: auto;
+ float: none;
+ }
+ }
+}
+
+div.lost-password {
+ text-align: left;
+ margin-top: lh();
+
+ a {
+ color: #999;
+
+ &:hover {
+ color: #444;
+ }
+ }
+}
+
+div#pwd_reset {
+ p {
+ margin-bottom: lh();
+ }
+
+ input[type="email"] {
+ margin-bottom: lh();
+ }
+}
+
+div#feedback_div{
+ form{
+ ol {
+ li {
+ float: none;
+ width: 100%;
+
+ textarea#feedback_message {
+ height: 100px;
+ }
+ }
+ }
+ }
+}
diff --git a/sass/application.scss b/sass/application.scss
index 02092655f9..cd7267791b 100644
--- a/sass/application.scss
+++ b/sass/application.scss
@@ -5,7 +5,7 @@
// Base layout
@import "base-variables", "base-extends", "base";
@import "layout";
-@import "fancybox";
+@import "leanmodal";
// pages
@import "courseware";
diff --git a/sass/marketing.scss b/sass/marketing.scss
index 99c1cc2904..545fe122f0 100644
--- a/sass/marketing.scss
+++ b/sass/marketing.scss
@@ -3,4 +3,4 @@
// pages
@import "index-functions", "index-variables", "index";
-@import "fancybox";
+@import "leanmodal";