added edge logo; added edge temp landing page
This commit is contained in:
committed by
Calen Pennington
parent
38f5761a89
commit
fec710abde
BIN
cms/static/img/edge-logo-large.png
Normal file
BIN
cms/static/img/edge-logo-large.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
BIN
cms/static/img/edge-logo-small.png
Normal file
BIN
cms/static/img/edge-logo-small.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
@@ -229,6 +229,9 @@ body.show-wip {
|
||||
}
|
||||
}
|
||||
|
||||
.waiting {
|
||||
|
||||
}
|
||||
.toast-notification {
|
||||
display: none;
|
||||
position: fixed;
|
||||
|
||||
@@ -92,6 +92,20 @@
|
||||
}
|
||||
}
|
||||
|
||||
@mixin dark-grey-button {
|
||||
@include button;
|
||||
border: 1px solid #1c1e20;
|
||||
border-radius: 3px;
|
||||
background: -webkit-linear-gradient(top, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0)) $extraDarkGrey;
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset;
|
||||
color: #fff;
|
||||
|
||||
&:hover {
|
||||
background-color: #595f64;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin edit-box {
|
||||
padding: 15px 20px;
|
||||
border-radius: 3px;
|
||||
|
||||
105
cms/static/sass/_edge.scss
Normal file
105
cms/static/sass/_edge.scss
Normal file
@@ -0,0 +1,105 @@
|
||||
.edge-landing {
|
||||
header {
|
||||
@include clearfix;
|
||||
background: $extraDarkGrey;
|
||||
border-bottom: 3px solid $blue;
|
||||
}
|
||||
|
||||
.log-in-form {
|
||||
@include clearfix;
|
||||
float: right;
|
||||
padding: 10px;
|
||||
|
||||
.column {
|
||||
float: left;
|
||||
width: 200px;
|
||||
margin-right: 10px;
|
||||
|
||||
&.submit {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
padding: 5px 8px 7px;
|
||||
@include linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1));
|
||||
background-color: #4e5153;
|
||||
border-color: #1c1e20;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input[type="submit"] {
|
||||
@include dark-grey-button;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
width: 100px;
|
||||
padding: 6px 20px 8px;
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.forgot-button {
|
||||
font-size: 11px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.main-wrapper {
|
||||
width: 980px;
|
||||
margin: auto;
|
||||
|
||||
.column {
|
||||
float: left;
|
||||
width: 400px;
|
||||
padding: 26px 40px 40px;
|
||||
border-radius: 3px;
|
||||
background: #fff;
|
||||
-webkit-transition: all .15s;
|
||||
@include box-shadow(0 0 50px rgba(0, 0, 0, .1));
|
||||
|
||||
&:hover {
|
||||
background: $blue;
|
||||
|
||||
h2 {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #bee1f0;
|
||||
}
|
||||
}
|
||||
|
||||
&.left {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
&.right {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-bottom: 12px;
|
||||
font-size: 30px;
|
||||
font-weight: 300;
|
||||
color: $blue;
|
||||
@include transition(all .15s);
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
line-height: 1.4;
|
||||
color: #7d7d7d;
|
||||
@include transition(all .15s);
|
||||
}
|
||||
}
|
||||
|
||||
.edx-edge-logo-large {
|
||||
display: block;
|
||||
width: 263px;
|
||||
height: 72px;
|
||||
margin: 150px auto 50px;
|
||||
background: url(../img/edge-logo-large.png) no-repeat;
|
||||
}
|
||||
}
|
||||
@@ -113,4 +113,14 @@
|
||||
text-indent: -9999px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.edge-logo {
|
||||
display: block;
|
||||
width: 143px;
|
||||
height: 39px;
|
||||
margin: auto;
|
||||
background: url(../img/edge-logo-small.png) no-repeat;
|
||||
text-indent: -9999px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
@@ -17,4 +17,5 @@ $blue: #5597dd;
|
||||
$lightGrey: #edf1f5;
|
||||
$mediumGrey: #ced2db;
|
||||
$darkGrey: #8891a1;
|
||||
$extraDarkGrey: #3d4043;
|
||||
$paleYellow: #fffcf1;
|
||||
@@ -17,6 +17,7 @@
|
||||
@import "static-pages";
|
||||
@import "users";
|
||||
@import "course-info";
|
||||
@import "edge";
|
||||
@import "landing";
|
||||
@import "graphics";
|
||||
@import "modal";
|
||||
|
||||
Reference in New Issue
Block a user