diff --git a/lms/static/sass/course/base/_base.scss b/lms/static/sass/course/base/_base.scss index 034e047754..56713ca429 100644 --- a/lms/static/sass/course/base/_base.scss +++ b/lms/static/sass/course/base/_base.scss @@ -1,5 +1,6 @@ body { min-width: 980px; + background: #f7f7f7; } body, h1, h2, h3, h4, h5, h6, p, p a:link, p a:visited, a { @@ -11,6 +12,11 @@ table { table-layout: fixed; } +.content-wrapper { + background: none; + border: none; +} + .container { padding: lh(2); diff --git a/lms/static/sass/course/courseware/_courseware.scss b/lms/static/sass/course/courseware/_courseware.scss index 198902c146..32a2c2a2af 100644 --- a/lms/static/sass/course/courseware/_courseware.scss +++ b/lms/static/sass/course/courseware/_courseware.scss @@ -3,8 +3,22 @@ html { max-height: 100%; } +div.info-wrapper { + padding: 40px; + box-sizing: border-box; + border-radius: 3px; + background: #fff; + @include box-shadow(0 1px 25px rgba(0, 0, 0, .1)); +} + div.course-wrapper { @extend .table-wrapper; + padding: 40px; + box-sizing: border-box; + border-radius: 3px; + background: #fff; + @include box-shadow(0 1px 25px rgba(0, 0, 0, .1)); + ul, ol { list-style: none; diff --git a/lms/static/sass/course/layout/_courseware_header.scss b/lms/static/sass/course/layout/_courseware_header.scss index dfa30b43a0..676ed5c58f 100644 --- a/lms/static/sass/course/layout/_courseware_header.scss +++ b/lms/static/sass/course/layout/_courseware_header.scss @@ -2,7 +2,7 @@ nav.course-material { @include clearfix; @include box-sizing(border-box); background: #f6f6f6; - border-bottom: 1px solid rgb(200,200,200); + border-bottom: none; margin: 0px auto 0px; padding: 0px; width: 100%; @@ -28,7 +28,7 @@ nav.course-material { text-align: center; padding: 8px 13px 12px; font-size: 14px; - font-weight: 400; + font-weight: bold; text-decoration: none; text-shadow: 0 1px rgb(255,255,255); @@ -37,11 +37,6 @@ nav.course-material { } &.active { - background: rgb(255,255,255); - border: 1px solid rgb(200,200,200); - border-bottom: 0px; - @include border-top-radius(4px); - @include box-shadow(0 2px 0 0 rgba(255,255,255, 1)); color: $blue; } } @@ -58,6 +53,10 @@ nav.course-material { } .global { + background: none !important; + border: none !important; + box-shadow: none !important; + .find-courses-button { display: none; } diff --git a/lms/static/sass/course/layout/_courseware_subnav.scss b/lms/static/sass/course/layout/_courseware_subnav.scss index 21f6187a83..c06b1435f3 100644 --- a/lms/static/sass/course/layout/_courseware_subnav.scss +++ b/lms/static/sass/course/layout/_courseware_subnav.scss @@ -1,8 +1,7 @@ nav.course-material { @include clearfix; @include box-sizing(border-box); - background: #f6f6f6; - border-bottom: 1px solid rgb(200,200,200); + background: none; margin: 0px auto 0px; padding: 0px; width: 100%; @@ -37,11 +36,6 @@ nav.course-material { } &.active { - background: rgb(255,255,255); - border: 1px solid rgb(200,200,200); - border-bottom: 0px; - @include border-top-radius(4px); - @include box-shadow(0 2px 0 0 rgba(255,255,255, 1)); color: $blue; } }