Skip to content

E
edx-platform
Commit 7d110a86 by Marco Morales
Options

cleanup to PR feedback for shoppingcart and instructor2 scss partials

parent 38b7e4cc
Showing with 374 additions and 210 deletions
cms/static/sass/views/_updates.scss
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
} }
&.editing { &.editing {
@extend %ui-depth3; @extend %ui-depth4;
position: relative; position: relative;
padding: 0; padding: 0;
border-top: none; border-top: none;
......
lms/static/sass/course/instructor/_instructor_2.scss
...@@ -1261,22 +1261,33 @@ input[name="subject"] { ...@@ -1261,22 +1261,33 @@ input[name="subject"] {
line-height: 1.3em; line-height: 1.3em;
} }
.error-msgs { .error-msgs {
background: #FFEEF5;color:#B72667;text-align: center;padding: ($baseline/2) 0; background: #FFEEF5;
font-family: "Open Sans",Verdana,Geneva,sans-serif,sans-serif;font-size: 15px; color:#B72667;
text-align: center;
padding: ($baseline/2) 0;
font-family: "Open Sans",Verdana,Geneva,sans-serif,sans-serif;
font-size: 15px;
border-bottom: 1px solid #B72667; border-bottom: 1px solid #B72667;
margin-bottom: $baseline; margin-bottom: $baseline;
display: none; display: none;
} }
.success-msgs { .success-msgs {
background: #D0F5D5;color:#008801;text-align: center;padding: ($baseline/2) 0; background: #D0F5D5;
font-family: "Open Sans",Verdana,Geneva,sans-serif,sans-serif;font-size: 15px; color:#008801;
text-align: center;
padding: ($baseline/2) 0;
font-family: "Open Sans",Verdana,Geneva,sans-serif,sans-serif;
font-size: 15px;
border-bottom: 1px solid #008801; border-bottom: 1px solid #008801;
margin-bottom: $baseline; margin-bottom: $baseline;
display: none; display: none;
} }
.content{ .content{
padding: 0 !important; padding: 0 !important;
} }
input[name="download_company_name"], input[name="download_company_name"],
input[name="active_company_name"], input[name="spent_company_name"] { input[name="active_company_name"], input[name="spent_company_name"] {
margin-right: 8px; margin-right: 8px;
......
lms/static/sass/views/_shoppingcart.scss
...@@ -12,15 +12,21 @@ ...@@ -12,15 +12,21 @@
border: 1px solid $red; border: 1px solid $red;
} }
.cart-errors{ .cart-errors{
background: #FFEEF5;color:#B72667;text-align: center;padding: ($baseline/2) 0; background: #FFEEF5;
font-family: "Open Sans",Verdana,Geneva,sans-serif,sans-serif;font-size: 15px; color:#B72667;
text-align: center;
padding: ($baseline/2) 0;
font-family: "Open Sans",Verdana,Geneva,sans-serif,sans-serif;
font-size: 15px;
border-bottom: 1px solid #B72667; border-bottom: 1px solid #B72667;
margin-bottom: $baseline; margin-bottom: $baseline;
display: none; display: none;
} }
.cart-list { .cart-list {
padding: 30px; padding: ($baseline*1.5);
margin-top: ($baseline*2); margin-top: ($baseline*2);
border-radius: 3px; border-radius: 3px;
border: 1px solid $border-color-1; border: 1px solid $border-color-1;
...@@ -33,32 +39,36 @@ ...@@ -33,32 +39,36 @@
.cart-table { .cart-table {
width: 100%; width: 100%;
tr:nth-child(even){
background-color: $gray-l6; tr:nth-child(even) {
border-bottom: 1px solid $gray-l5; background-color: $gray-l6;
} border-bottom: 1px solid $gray-l5;
}
tr.always-gray{ tr.always-gray{
background: #eee !important; background: #eee !important;
border-top: 2px solid $white; border-top: 2px solid $white;
} }
tr.always-white{
background: #fff !important; tr.always-white {
td{ background: $white !important;
td {
padding: ($baseline*1.5) 0 ($baseline/2); padding: ($baseline*1.5) 0 ($baseline/2);
} }
} }
tr{
td.cart-total{
padding: ($baseline/2) 0;
span{
display: inline-block;
margin-right: ($baseline*0.75);
margin-left: ($baseline*0.75);
font-weight: bold;
}
}
tr td.cart-total {
padding: ($baseline/2) 0;
span {
display: inline-block;
margin-right: ($baseline*0.75);
margin-left: ($baseline*0.75);
font-weight: bold;
}
} }
.cart-headings { .cart-headings {
height: 35px; height: 35px;
border-bottom: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE;
...@@ -70,16 +80,20 @@ ...@@ -70,16 +80,20 @@
&.qty { &.qty {
width: 100px; width: 100px;
} }
&.u-pr { &.u-pr {
width: 70px; width: 70px;
} }
&.prc { &.prc {
width: 150px; width: 150px;
} }
&.cur { &.cur {
width: 100px; width: 100px;
text-align: center; text-align: center;
} }
&.dsc{ &.dsc{
width: 640px; width: 640px;
padding-right: 50px; padding-right: 50px;
...@@ -93,7 +107,8 @@ ...@@ -93,7 +107,8 @@
padding: ($baseline/2) 0; padding: ($baseline/2) 0;
position: relative; position: relative;
line-height: normal; line-height: normal;
span.old-price{
span.old-price {
position: relative; position: relative;
text-decoration: line-through; text-decoration: line-through;
color: red; color: red;
...@@ -102,17 +117,20 @@ ...@@ -102,17 +117,20 @@
margin-left: 3px; margin-left: 3px;
} }
} }
td:nth-child(3){
td:nth-child(3) {
text-align: center; text-align: center;
} }
td:last-child{
td:last-child {
width: 50px; width: 50px;
text-align: center; text-align: center;
} }
td:nth-child(1){
line-height: 22px; td:nth-child(1) {
text-align: left; line-height: 22px;
padding-right: $baseline; text-align: left;
padding-right: $baseline;
} }
} }
...@@ -121,9 +139,8 @@ ...@@ -121,9 +139,8 @@
&.cart-total-cost { &.cart-total-cost {
font-size: 1.25em; font-size: 1.25em;
font-weight: bold; font-weight: bold;
padding: 10px 25px; padding: ($baseline/2) 25px;
} }
} }
} }
} }
...@@ -138,7 +155,7 @@ ...@@ -138,7 +155,7 @@
text-align: right; text-align: right;
} }
.items-ordered { .items-ordered {
padding-top: 50px; padding-top: ($baseline*2.5);
} }
tr { tr {
...@@ -151,65 +168,78 @@ ...@@ -151,65 +168,78 @@
&.qty { &.qty {
width: 50px; width: 50px;
} }
&.u-pr { &.u-pr {
width: 100px; width: 100px;
} }
&.pri { &.pri {
width: 125px; width: 125px;
} }
&.curr { &.curr {
width: 75px; width: 75px;
} }
} }
tr.order-item { tr.order-item {
td { td {
padding-bottom: ($baseline/2); padding-bottom: ($baseline/2);
span.old-price{
span.old-price {
text-decoration: line-through !important; text-decoration: line-through !important;
} }
} }
} }
} }
} }
#expiry-msg { #expiry-msg {
padding: 15px; padding: 15px;
background-color: #f2f2f2; background-color: $gray-l5;
margin-top: 3px; margin-top: 3px;
font-family: $sans-serif; font-family: $sans-serif;
font-size: 14px; font-size: 14px;
text-shadow: 0px 1px 1px #fff; text-shadow: 0px 1px 1px $white;
border-top: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0;
} }
.confirm-enrollment { .confirm-enrollment {
.title { .title {
font-size:24px; font-size:24px;
border-bottom:1px solid $gray-l5; border-bottom:1px solid $gray-l5;
text-align: left; text-align: left;
line-height:70px; line-height:70px;
} }
.course-image { .course-image {
display: inline-block; display: inline-block;
width: 223px; width: 223px;
margin-right: ($baseline/2); margin-right: ($baseline/2);
vertical-align: top; vertical-align: top;
} }
.enrollment-details { .enrollment-details {
margin-bottom: $baseline; margin-bottom: $baseline;
display: inline-block; display: inline-block;
width: calc(100% - 237px); width: calc(100% - 237px);
.sub-title { .sub-title {
font-size: 18px; font-size: 18px;
text-transform: uppercase; text-transform: uppercase;
color: #9b9b93; color: #9b9b93;
} }
.course-date-label { .course-date-label {
float: right; float: right;
color: #9b9b93; color: #9b9b93;
} }
.course-dates { .course-dates {
float: right; float: right;
font-size: 18px; font-size: 18px;
} }
.course-title { .course-title {
h1 { h1 {
color: #4a4a46; color: #4a4a46;
...@@ -218,6 +248,7 @@ ...@@ -218,6 +248,7 @@
font-weight: 600; font-weight: 600;
} }
} }
.enrollment-text { .enrollment-text {
color: #9b9b93; color: #9b9b93;
font-family: 'Open Sans',Verdana,Geneva,sans; font-family: 'Open Sans',Verdana,Geneva,sans;
...@@ -227,6 +258,7 @@ ...@@ -227,6 +258,7 @@
} }
} }
} }
a.contact-support-bg-color { a.contact-support-bg-color {
background-color: #9b9b9b; background-color: #9b9b9b;
background-image: linear-gradient(#9b9b9b, #9b9b9b); background-image: linear-gradient(#9b9b9b, #9b9b9b);
...@@ -234,6 +266,7 @@ ...@@ -234,6 +266,7 @@
box-shadow: 0 1px 0 0 #9b9b9b inset; box-shadow: 0 1px 0 0 #9b9b9b inset;
text-shadow: 0 1px 0 #9b9b9b; text-shadow: 0 1px 0 #9b9b9b;
} }
a.course-link-bg-color { a.course-link-bg-color {
background-color: #00A1E5; background-color: #00A1E5;
border: 16px solid #00A1E5; border: 16px solid #00A1E5;
...@@ -253,12 +286,14 @@ ...@@ -253,12 +286,14 @@
text-decoration: none; text-decoration: none;
font-size: 24px; font-size: 24px;
text-align: center; text-align: center;
&:hover { &:hover {
background: $m-blue-d2; background: $m-blue-d2;
border: 16px solid $m-blue-d2; border: 16px solid $m-blue-d2;
box-shadow: 0 1px 0 0 $m-blue-d2 inset; box-shadow: 0 1px 0 0 $m-blue-d2 inset;
} }
} }
input[type="submit"] { input[type="submit"] {
text-transform: none; text-transform: none;
width: 450px; width: 450px;
...@@ -276,6 +311,7 @@ ...@@ -276,6 +311,7 @@
text-decoration: none; text-decoration: none;
text-shadow: 0 1px 0 #00A1E5; text-shadow: 0 1px 0 #00A1E5;
font-size: 24px; font-size: 24px;
&:hover { &:hover {
background: $m-blue-d2; background: $m-blue-d2;
box-shadow: none; box-shadow: none;
...@@ -283,72 +319,95 @@ ...@@ -283,72 +319,95 @@
} }
} }
.shopping-cart{ .shopping-cart {
a.blue{
display: inline-block; a.blue {
background: $blue2; display: inline-block;
color: white; background: $blue2;
padding: 20px 40px; color: white;
border-radius: 3px; padding: $baseline ($baseline*2);
font-size: 24px; border-radius: 3px;
font-weight: 400; font-size: 24px;
margin: 10px 0px 20px; font-weight: 400;
&:hover{ margin: ($baseline/2) 0 $baseline;
text-decoration: none;
} &:hover {
text-decoration: none;
} }
.relative{ }
.relative {
position: relative; position: relative;
} }
input[type="text"], input[type="email"] , select{
font-family: "Open Sans",Verdana,Geneva,sans-serif,sans-serif; input[type="text"], input[type="email"], select {
font-style: normal; font-family: "Open Sans",Verdana,Geneva,sans-serif,sans-serif;
border: 2px solid $dark-gray2; font-style: normal;
height: auto; border: 2px solid $dark-gray2;
padding: 8px 12px; height: auto;
font-weight: 600; padding: 8px 12px;
width: 260px; font-weight: 600;
font-size: 16px; width: 260px;
&:focus{ font-size: 16px;
border-color: $dark-gray2;
box-shadow: none; &:focus {
outline: none; border-color: $dark-gray2;
} box-shadow: none;
&.error{ outline: none;
border-color: $red1; }
}
} &.error {
.hidden{display: none;} border-color: $red1;
.show{display: inline-block;} }
h1{ }
.hidden {
display: none;
}
.show {
display: inline-block;
}
h1 {
font-size: 24px; font-size: 24px;
color: $dark-gray1; color: $dark-gray1;
text-align: left; text-align: left;
padding: 15px 0px; padding: ($baseline*1.5) 0;
margin: 10px 0 0 0; margin: ($baseline/2) 0 0 0;
letter-spacing: 0px; letter-spacing: 0px;
} }
ul.steps{ ul.steps{
padding: 0px; padding: 0;
margin: 0; margin: 0;
list-style: none; list-style: none;
border-top: 3px solid $light-gray1; border-top: 3px solid $light-gray1;
border-bottom: 3px solid $light-gray1; border-bottom: 3px solid $light-gray1;
li{
li {
display: inline-block; display: inline-block;
padding: 26px 30px; padding: 26px ($baseline*1.5);
margin: 0px 30px; margin: 0 ($baseline*1.5);
font-size: 20px; font-size: 20px;
font-weight: 100; font-weight: 100;
position: relative; position: relative;
color: $dark-gray1; color: $dark-gray1;
&.active{font-weight: 400; border-bottom: 3px solid $light-gray1;}
&:first-child {padding-left: 30px;margin-left: 0;} &.active {
font-weight: 400;
border-bottom: 3px solid $light-gray1;
}
&:first-child {
padding-left: ($baseline*1.5);
margin-left: 0;
}
&:last-child { &:last-child {
padding-right: 30px;margin-right: 0; padding-right: 30px;margin-right: 0;
&:after{display: none;} &:after{display: none;}
} }
&:after{ &:after {
content: "\f178"; content: "\f178";
position: absolute; position: absolute;
font-family: FontAwesome; font-family: FontAwesome;
...@@ -358,22 +417,30 @@ ...@@ -358,22 +417,30 @@
} }
} }
} }
hr{border-top: 1px solid $dark-gray2;}
.user-data{ hr {
margin: 20px 0px; border-top: 1px solid $dark-gray2;
.image{ }
.user-data {
margin: $baseline 0;
.image {
width: 220px; width: 220px;
float: left; float: left;
img{
img {
width: 100%; width: 100%;
height: auto; height: auto;
} }
} }
.data-input{
.data-input {
width: calc(100% - 245px); width: calc(100% - 245px);
float: left; float: left;
margin-left: 25px; margin-left: 25px;
h3, h3 span{
h3, h3 span {
font-family: "Open Sans",Verdana,Geneva,sans-serif,sans-serif; font-family: "Open Sans",Verdana,Geneva,sans-serif,sans-serif;
font-size: 16px; font-size: 16px;
text-transform: uppercase; text-transform: uppercase;
...@@ -381,23 +448,33 @@ ...@@ -381,23 +448,33 @@
padding: 0; padding: 0;
line-height: 20px; line-height: 20px;
} }
h1{
h1 {
font-size: 24px; font-size: 24px;
color: $dark-gray1; color: $dark-gray1;
padding: 0 0 10px 0; padding: 0 0 ($baseline/2) 0;
text-transform: capitalize; text-transform: capitalize;
span{font-size: 16px;}
span {
font-size: 16px;
}
width: 700px; width: 700px;
float: left; float: left;
} }
span.date{
width: calc(100% - 700px); span.date {
width: calc(100% - 700px);
float: right; float: right;
text-align: right; text-align: right;
} }
hr{border-top: 1px solid $dark-gray2;clear: both;}
.three-col{ hr {
.col-1{ border-top: 1px solid $dark-gray2;
clear: both;
}
.three-col {
.col-1 {
width: 450px; width: 450px;
float: left; float: left;
font-size: 16px; font-size: 16px;
...@@ -405,24 +482,32 @@ ...@@ -405,24 +482,32 @@
color: $light-gray2; color: $light-gray2;
padding-top: 11px; padding-top: 11px;
font-weight: 400; font-weight: 400;
.price{ .price {
span{ span {
color: $dark-gray1; color: $dark-gray1;
font-size: 24px; font-size: 24px;
padding-left: $baseline; padding-left: $baseline;
} }
&.green{color: $green1;}
.line-through{text-decoration: line-through;} &.green {
color: $green1;
}
.line-through {
text-decoration: line-through;
}
} }
} }
.col-2{
.col-2 {
width: 350px; width: 350px;
float: left; float: left;
line-height: 44px; line-height: 44px;
text-transform: uppercase; text-transform: uppercase;
color: $light-gray2; color: $light-gray2;
margin-top: 3px; margin-top: 3px;
.numbers-row{
.numbers-row {
position: relative; position: relative;
label{ label{
font-size: 16px; font-size: 16px;
...@@ -432,13 +517,14 @@ ...@@ -432,13 +517,14 @@
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
} }
.counter{ .counter {
margin-left: 25px; margin-left: 25px;
border-radius: 3px; border-radius: 3px;
padding: 6px 30px 6px 10px; padding: 6px ($baseline*1.5) 6px ($baseline/2);
display: inline-block; display: inline-block;
border: 2px solid $dark-gray2; border: 2px solid $dark-gray2;
input[type="text"]{
input[type="text"] {
width: 75px; width: 75px;
border: none; border: none;
box-shadow: none; box-shadow: none;
...@@ -450,13 +536,14 @@ ...@@ -450,13 +536,14 @@
padding: 8px 0; padding: 8px 0;
height: auto; height: auto;
text-align: center; text-align: center;
&:focus{
&:focus {
outline: none; outline: none;
} }
} }
} }
.button{
.button {
position: absolute; position: absolute;
background: none; background: none;
margin-left: -($baseline*1.5); margin-left: -($baseline*1.5);
...@@ -465,87 +552,114 @@ ...@@ -465,87 +552,114 @@
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
height: 17px; height: 17px;
i{
i {
color: $dark-gray2; color: $dark-gray2;
font-size: 24px; font-size: 24px;
span{display: none;} span{display: none;}
} }
&.inc{top: 9px;}
&.dec{top: 30px;height: 22px;} &.inc {
top: 9px;
}
&.dec {
top: 30px;
height: 22px;
}
} }
&.disabled{
.counter{ &.disabled {
.counter {
border: 2px solid $gray; border: 2px solid $gray;
&:hover{
&:hover {
cursor: not-allowed; cursor: not-allowed;
} }
input{
input {
color: $gray-l3; color: $gray-l3;
} }
} }
.button{
i{ .button {
i {
color: $gray-l3; color: $gray-l3;
} }
} }
}
.updateBtn {
display: inline-block;
float: right;
font-size: 15px;
padding: 25px 35px 25px 0;
&:focus {
outline: none;
} }
.updateBtn{
display: inline-block;
float: right;
font-size: 15px;
padding: 25px 35px 25px 0;
&:focus{
outline: none;
}
} }
span.error-text{
span.error-text {
display: block; display: block;
text-transform: lowercase; text-transform: lowercase;
} }
} }
.disable-numeric-counter{ .disable-numeric-counter{
pointer-events: none; pointer-events: none;
} }
} }
.col-3{
.col-3 {
width: 40px; width: 40px;
float: right; float: right;
padding-top: 13px; padding-top: 13px;
a.btn-remove{
a.btn-remove {
float: right; float: right;
opacity: 0.8; opacity: 0.8;
i{
i {
color: $dark-gray2; color: $dark-gray2;
font-size: 24PX; font-size: 24px;
line-height: 40px; line-height: 40px;
} }
&:hover{text-decoration: none;opacity: 1;}
&:hover {
text-decoration: none;
opacity: 1;
}
} }
} }
} }
} }
} }
.discount{
.discount {
border-bottom: 2px solid $light-gray1; border-bottom: 2px solid $light-gray1;
border-top: 2px solid $light-gray1; border-top: 2px solid $light-gray1;
margin: 20px 0; margin: $baseline 0;
padding: 17px 20px 15px; padding: 17px $baseline 15px;
min-height: 45px; min-height: 45px;
.code-text{
a{ .code-text {
color: $blue1;
font-size: 18px; a {
text-transform: lowercase; color: $blue1;
font-weight: 600; font-size: 18px;
display: inline-block; text-transform: lowercase;
padding: ($baseline/2) 0; font-weight: 600;
cursor: pointer; display: inline-block;
padding: ($baseline/2) 0;
cursor: pointer;
} }
span{ span{
display: inline-block; display: inline-block;
padding: 9px 0px; padding: 9px 0;
margin-right: -20px; margin-right: -($baseline);
b{ b{
font-weight: 600; font-weight: 600;
font-size: 24px; font-size: 24px;
...@@ -555,9 +669,10 @@ ...@@ -555,9 +669,10 @@
} }
} }
.code-input{ .code-input {
display: inline-block; display: inline-block;
input[type="text"]{
input[type="text"] {
font-family: "Open Sans",Verdana,Geneva,sans-serif,sans-serif; font-family: "Open Sans",Verdana,Geneva,sans-serif,sans-serif;
font-style: normal; font-style: normal;
border: 2px solid $dark-gray2; border: 2px solid $dark-gray2;
...@@ -565,21 +680,25 @@ ...@@ -565,21 +680,25 @@
padding: 8px 12px; padding: 8px 12px;
font-weight: 600; font-weight: 600;
width: 260px; width: 260px;
&:focus{
&:focus {
border-color: $dark-gray2; border-color: $dark-gray2;
box-shadow: none; box-shadow: none;
} }
&.error{
border-color: $red1; &.error {
} border-color: $red1;
}
} }
.error-text{
.error-text {
color: $red1; color: $red1;
font-size: 12px; font-size: 12px;
display: block; display: block;
padding-bottom: 0; padding-bottom: 0;
} }
input[type="submit"]{
input[type="submit"] {
padding: 9px 35px; padding: 9px 35px;
} }
} }
...@@ -606,7 +725,7 @@ ...@@ -606,7 +725,7 @@
} }
input[type="submit"]{ input[type="submit"]{
width: auto; width: auto;
padding: 7px 20px; padding: 7px $baseline;
height: auto; height: auto;
float: none; float: none;
font-size: 16px; font-size: 16px;
...@@ -645,25 +764,31 @@ ...@@ -645,25 +764,31 @@
word-wrap: break-word; word-wrap: break-word;
} }
} }
.col-1{
.col-1 {
width: 35%; width: 35%;
float: left; float: left;
span.radio-group{
span.radio-group {
display: inline-block; display: inline-block;
border: 2px solid #979797; border: 2px solid #979797;
border-radius: 3px; border-radius: 3px;
margin: ($baseline/2) 0; margin: ($baseline/2) 0;
margin-left: ($baseline/4); margin-left: ($baseline/4);
&:first-child{
&:first-child {
margin-left: ($baseline*0.75); margin-left: ($baseline*0.75);
} }
&.blue{
&.blue {
border-color: $blue2; border-color: $blue2;
label{
label {
color: $blue2; color: $blue2;
} }
} }
label{
label {
font-family: "Open Sans",Verdana,Geneva,sans-serif,sans-serif; font-family: "Open Sans",Verdana,Geneva,sans-serif,sans-serif;
font-size: 16px; font-size: 16px;
font-style: normal; font-style: normal;
...@@ -678,6 +803,7 @@ ...@@ -678,6 +803,7 @@
margin-left: ($baseline/2); margin-left: ($baseline/2);
} }
} }
.col-2{ .col-2{
width: 65%; width: 65%;
float: right; float: right;
...@@ -903,40 +1029,45 @@ ...@@ -903,40 +1029,45 @@
} }
} }
} }
.empty-cart{
padding: 20px 0px; .empty-cart {
padding: $baseline 0;
background: $light-gray1; background: $light-gray1;
text-align: center; text-align: center;
border-radius: 3px; border-radius: 3px;
margin: 20px 0px; margin: $baseline 0;
h2{
font-size: 24PX; h2 {
font-family: "Open Sans",Verdana,Geneva,sans-serif,sans-serif; font-size: 24px;
font-weight: 600; font-family: "Open Sans",Verdana,Geneva,sans-serif,sans-serif;
letter-spacing: 0; font-weight: 600;
color: #9b9b9b; letter-spacing: 0;
text-align: center; color: #9b9b9b;
margin-top: $baseline; text-align: center;
text-transform: initial; margin-top: $baseline;
margin-bottom: 5px; text-transform: initial;
margin-bottom: ($baseline/4);
} }
p { p {
font-size: 14px; font-size: 14px;
font-family: $sans-serif; font-family: $sans-serif;
color: #9d9d9d; color: #9d9d9d;
text-align: center; text-align: center;
text-shadow: 0px 1px 1px #fff; text-shadow: 0 1px 1px $white;
} }
a.blue{
a.blue {
display: inline-block; display: inline-block;
background: $blue2; background: $blue2;
color: white; color: white;
padding: 20px 40px; padding: $baseline ($baseline*2);
border-radius: 3px; border-radius: 3px;
font-size: 24px; font-size: 24px;
font-weight: 400; font-weight: 400;
margin: 10px 0px 20px; margin: ($baseline/2) 0 $baseline;
&:hover{
&:hover {
text-decoration: none; text-decoration: none;
} }
} }
...@@ -944,50 +1075,72 @@ ...@@ -944,50 +1075,72 @@
// Print // Print
@media print{ @media print {
a[href]:after { a[href]:after {
content: none !important; content: none !important;
} }
ul.steps, a.blue.pull-right, .bordered-bar span.pull-right, .left.nav-global.authenticated { ul.steps, a.blue.pull-right, .bordered-bar span.pull-right, .left.nav-global.authenticated {
display: none; display: none;
} }
.shopping-cart{
.shopping-cart {
font-size: 14px; font-size: 14px;
padding-right: 40px; padding-right: ($baseline*2);
.gray-bg{
.gray-bg {
margin: 0; margin: 0;
padding: 10px 0 20px 0; padding: ($baseline/2) 0 $baseline 0;
background: none; background: none;
.message-left{
.message-left {
width: 100%; width: 100%;
} }
} }
.bordered-bar{
h2{ .bordered-bar {
h2 {
font-size: 14px; font-size: 14px;
} }
span{
span {
float: right; float: right;
} }
} }
.user-data{ .user-data {
.data-input{
h1{ .data-input {
font-size: 18px;
} h1 {
} font-size: 18px;
}
}
} }
table.course-receipt{
tr{ table.course-receipt {
td{
a{ tr {
&:before{content:" " attr(data-base-url) " ";display: inline-block;}
td {
a {
&:before {
content:" " attr(data-base-url) " ";
display: inline-block;}
} }
} }
} }
th:last-child{display: none;}
td:last-child{display: none;} th:last-child {
display: none;
}
td:last-child {
display: none;
}
} }
} }
} }
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