diff --git a/lms/static/images/link-icon.png b/lms/static/images/link-icon.png new file mode 100644 index 0000000000..976197f2c8 Binary files /dev/null and b/lms/static/images/link-icon.png differ diff --git a/lms/static/images/opencourseware.png b/lms/static/images/opencourseware.png new file mode 100644 index 0000000000..6c03669e4d Binary files /dev/null and b/lms/static/images/opencourseware.png differ diff --git a/lms/static/sass/multicourse/_course_about.scss b/lms/static/sass/multicourse/_course_about.scss index 3f2813ba0e..b08512c58d 100644 --- a/lms/static/sass/multicourse/_course_about.scss +++ b/lms/static/sass/multicourse/_course_about.scss @@ -335,13 +335,43 @@ .course-sidebar { @include box-sizing(border-box); - @include box-shadow(inset 0 0 3px 0 rgba(0,0,0, 0.15)); - border: 1px solid rgb(200,200,200); - border-top: none; float: left; - padding: 16px 20px 30px; width: flex-grid(4); + > section { + @include box-shadow(inset 0 0 3px 0 rgba(0,0,0, 0.15)); + border: 1px solid rgb(200,200,200); + + &.course-summary { + padding: 16px 20px 30px; + margin-bottom: 40px; + border-top: none; + } + + &.additional-resources { + padding: 30px; + + .opencourseware { + text-indent: -9999px; + background: url('../images/opencourseware.png') 0 0 no-repeat; + width: 266px; + height: 31px; + margin-bottom: 20px; + } + + ul { + padding-left: 0; + margin-bottom: 0; + } + + li { + list-style: none; + padding-left: 29px; + background: url('../images/link-icon.png') left center no-repeat; + } + } + } + header { margin-bottom: 30px; padding-bottom: 16px; @@ -441,6 +471,13 @@ } } } + + h1 { + font: 1em $serif; + letter-spacing: 0; + color: #999; + margin-bottom: 0; + } } .important-dates { diff --git a/lms/templates/portal/course_about.html b/lms/templates/portal/course_about.html index ac7b9090d0..bc15e16f5e 100644 --- a/lms/templates/portal/course_about.html +++ b/lms/templates/portal/course_about.html @@ -151,6 +151,21 @@ % endif + +
+
+

Additional Resources

+
+ +
+

MITOpenCourseware

+ +
+