added edge logo; added edge temp landing page

This commit is contained in:
Tom Giannattasio
2012-10-09 07:09:56 -04:00
committed by Calen Pennington
parent 38f5761a89
commit fec710abde
12 changed files with 180 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

@@ -229,6 +229,9 @@ body.show-wip {
}
}
.waiting {
}
.toast-notification {
display: none;
position: fixed;

View File

@@ -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
View 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;
}
}

View File

@@ -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;
}
}

View File

@@ -17,4 +17,5 @@ $blue: #5597dd;
$lightGrey: #edf1f5;
$mediumGrey: #ced2db;
$darkGrey: #8891a1;
$extraDarkGrey: #3d4043;
$paleYellow: #fffcf1;

View File

@@ -17,6 +17,7 @@
@import "static-pages";
@import "users";
@import "course-info";
@import "edge";
@import "landing";
@import "graphics";
@import "modal";