diff --git a/lms/static/sass/course/_info.scss b/lms/static/sass/course/_info.scss index a29398450a..5c19ea42d4 100644 --- a/lms/static/sass/course/_info.scss +++ b/lms/static/sass/course/_info.scss @@ -20,7 +20,7 @@ div.info-wrapper { > li { @extend .clearfix; - border-bottom: 1px solid #e3e3e3; + border-bottom: 1px solid lighten($border-color, 10%); margin-bottom: lh(); padding-bottom: lh(.5); list-style-type: disk; @@ -101,8 +101,7 @@ div.info-wrapper { li { @extend .clearfix; background: none; - border-bottom: 1px solid #d3d3d3; - @include box-shadow(0 1px 0 #eee); + border-bottom: 1px solid $border-color; @include box-sizing(border-box); padding: em(7) lh(.75); position: relative; @@ -123,7 +122,7 @@ div.info-wrapper { li { border-bottom: 0; - border-top: 1px solid #d3d3d3; + border-top: 1px solid $border-color; @include box-shadow(inset 0 1px 0 #eee); padding-left: lh(1.5); font-size: 1em; diff --git a/lms/static/sass/course/_textbook.scss b/lms/static/sass/course/_textbook.scss index ed5e528809..d6a30db949 100644 --- a/lms/static/sass/course/_textbook.scss +++ b/lms/static/sass/course/_textbook.scss @@ -7,7 +7,7 @@ div.book-wrapper { @include box-sizing(border-box); ul#booknav { - font-size: 12px; + font-size: $body-font-size; a { color: #000; @@ -39,8 +39,7 @@ div.book-wrapper { } > li { - border-bottom: 1px solid #d3d3d3; - @include box-shadow(0 1px 0 #eee); + border-bottom: 1px solid $border-color; padding: 7px 7px 7px 30px; } } @@ -48,9 +47,11 @@ div.book-wrapper { section.book { @extend .content; + padding-right: 0; + padding-bottom: 0; + padding-top: 0; nav { - @extend .topbar; @extend .clearfix; a { @@ -62,32 +63,41 @@ div.book-wrapper { @extend .clearfix; li { + position: absolute; + height: 100%; + width: flex-grid(2, 8); - &.last { - display: block; - float: left; + a { + display: table; + @include box-sizing(border-box); + height: 100%; + width: 100%; + padding-top: 200%; + vertical-align: middle; + @include transition; + background: rgba(#000, .7); + opacity: 0; + filter: alpha(opacity=0); - a { - border-left: 0; - border-right: 1px solid darken(#f6efd4, 20%); - @include box-shadow(inset -1px 0 0 lighten(#f6efd4, 5%)); + &:hover { + opacity: 1; + filter: alpha(opacity=100); } } - &.next { - display: block; - float: right; + &.last { + left: 0; } - &:hover { - background: none; + &.next { + right: 0; } + } } &.bottom-nav { border-bottom: 0; - border-top: 1px solid #EDDFAA; margin-bottom: -(lh()); margin-top: lh(); } @@ -95,9 +105,10 @@ div.book-wrapper { section.page { text-align: center; + position: relative; + border: 1px solid $border-color; img { - border: 1px solid $border-color; max-width: 100%; } } diff --git a/lms/static/sass/course/base/_extends.scss b/lms/static/sass/course/base/_extends.scss index 5927cb569e..a2280adaac 100644 --- a/lms/static/sass/course/base/_extends.scss +++ b/lms/static/sass/course/base/_extends.scss @@ -51,7 +51,6 @@ h1.top-header { .sidebar { border-right: 1px solid #C8C8C8; - @include box-shadow(inset -1px 0 0 #e6e6e6); @include box-sizing(border-box); display: table-cell; font-family: $sans-serif; diff --git a/lms/templates/staticbook.html b/lms/templates/staticbook.html index eae70cdd84..dbc5bb1cec 100644 --- a/lms/templates/staticbook.html +++ b/lms/templates/staticbook.html @@ -89,17 +89,6 @@ $("#open_close_accordion a").click(function(){ - -