diff --git a/lms/static/sass/multicourse/_course_about.scss b/lms/static/sass/multicourse/_course_about.scss index 55996d8da9..3f2813ba0e 100644 --- a/lms/static/sass/multicourse/_course_about.scss +++ b/lms/static/sass/multicourse/_course_about.scss @@ -121,6 +121,24 @@ } } + strong { + @include button(shiny, $blue); + @include box-sizing(border-box); + @include border-radius(3px); + display: block; + float: left; + font: normal 1.2rem/1.6rem $sans-serif; + letter-spacing: 1px; + padding: 10px 0px; + text-transform: uppercase; + text-align: center; + width: flex-grid(3, 8); + + &:hover { + color: rgb(255,255,255); + } + } + span.register { background: lighten($blue, 20%); border: 1px solid $blue; @@ -131,15 +149,10 @@ padding: 10px 0px 8px; text-transform: uppercase; text-align: center; - width: flex-grid(12); + float: left; + margin: 1px flex-gutter(8) 0 0; @include transition(); - - &:hover { - background: lighten($pink, 20%); - border: 1px solid $pink; - color: darken($pink, 20%); - text-decoration: none; - } + width: flex-grid(5, 8); } } } diff --git a/lms/static/sass/multicourse/_dashboard.scss b/lms/static/sass/multicourse/_dashboard.scss index 002f35cf68..53418bc0dd 100644 --- a/lms/static/sass/multicourse/_dashboard.scss +++ b/lms/static/sass/multicourse/_dashboard.scss @@ -303,8 +303,12 @@ background: $yellow; border: 1px solid rgb(200,200,200); @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6)); - margin-top: 16px; + margin-top: 17px; + margin-right: flex-gutter(); padding: 5px; + width: flex-grid(8); + float: left; + @include box-sizing(border-box); p { color: $lighter-base-font-color; @@ -314,78 +318,19 @@ } } - .meta { - @include clearfix; - margin-top: 22px; - position: relative; - @include transition(opacity, 0.15s, linear); - width: 100%; - - - .course-work-icon { - @include background-image(url('../images/portal-icons/pencil-icon.png')); - background-size: cover; - float: left; - height: 22px; - opacity: 0.7; - width: 22px; - } - - .complete { - float: right; - - p { - color: $lighter-base-font-color; - font-style: italic; - @include inline-block; - text-align: right; - text-shadow: 0 1px rgba(255,255,255, 0.6); - - .completeness { - color: $base-font-color; - font-weight: 700; - margin-right: 5px; - } - } - } - - .progress { - @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6)); - left: 35px; - position: absolute; - right: 130px; - - .meter { - background: rgb(245,245,245); - border: 1px solid rgb(160,160,160); - @include box-shadow(inset 0 0 3px 0 rgba(0,0,0, 0.15)); - @include box-sizing(border-box); - @include border-radius(4px); - height: 22px; - margin: 0 auto; - padding: 2px; - width: 100%; - - .meter-fill { - background: $blue; - @include background-image(linear-gradient(-45deg, rgba(255,255,255, 0.15) 25%, - transparent 25%, - transparent 50%, - rgba(255,255,255, 0.15) 50%, - rgba(255,255,255, 0.15) 75%, - transparent 75%)); - background-size: 40px 40px; - background-repeat: repeat-x; - border: 1px solid rgb(115,115,115); - @include border-radius(4px); - @include box-sizing(border-box); - content: ""; - display: block; - height: 100%; - width: 60%; - } - } - } + .enter-course { + @include button(shiny, $blue); + @include box-sizing(border-box); + @include border-radius(3px); + display: block; + float: left; + font: normal 1rem/1.6rem $sans-serif; + letter-spacing: 1px; + padding: 6px 0px; + text-transform: uppercase; + text-align: center; + margin-top: 16px; + width: flex-grid(4); } } diff --git a/lms/templates/dashboard.html b/lms/templates/dashboard.html index b73e3a57bc..0f9c26611b 100644 --- a/lms/templates/dashboard.html +++ b/lms/templates/dashboard.html @@ -85,19 +85,9 @@
Class Starts - ${course.start_date_text} -
View Courseware
diff --git a/lms/templates/portal/course_about.html b/lms/templates/portal/course_about.html index a7e7abad20..bff24d597a 100644 --- a/lms/templates/portal/course_about.html +++ b/lms/templates/portal/course_about.html @@ -74,7 +74,7 @@ %if show_link: %endif - You are registered for this course (${course.number}). View Courseware. + You are registered for this course (${course.number}) View Courseware %if show_link: %endif