diff --git a/common/lib/xmodule/xmodule/css/sequence/display.scss b/common/lib/xmodule/xmodule/css/sequence/display.scss index ed09d5cf0f..5fa7e0196b 100644 --- a/common/lib/xmodule/xmodule/css/sequence/display.scss +++ b/common/lib/xmodule/xmodule/css/sequence/display.scss @@ -166,7 +166,6 @@ nav.sequence-nav { p { background: #333; color: #fff; - display: none; font-family: $sans-serif; line-height: lh(); left: 0px; diff --git a/lms/static/sass/_discussion.scss b/lms/static/sass/_discussion.scss index ddfe4a88f1..068af0e24a 100644 --- a/lms/static/sass/_discussion.scss +++ b/lms/static/sass/_discussion.scss @@ -257,7 +257,6 @@ body.discussion { font-size: 11px; line-height: 16px; color: #333; - outline: 0; } } @@ -932,7 +931,6 @@ body.discussion { font-size: 11px; line-height: 16px; color: #333; - outline: 0; } .post-search { @@ -959,7 +957,6 @@ body.discussion { font-size: 13px; line-height: 20px; color: #333; - outline: 0; cursor: pointer; pointer-events: none; @include transition(all .2s ease-out); @@ -1642,7 +1639,6 @@ body.discussion { border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, .1) inset; @include transition(border-color .1s); - outline: 0; &:focus { border-color: #4697c1; diff --git a/lms/static/sass/base/_base.scss b/lms/static/sass/base/_base.scss index 9314877249..2ac5b0a1da 100644 --- a/lms/static/sass/base/_base.scss +++ b/lms/static/sass/base/_base.scss @@ -84,6 +84,14 @@ a:link, a:visited { } } +a:focus { + /** + * Add general focus styling here + * for example: + * outline: 3px groove $black; + **/ +} + .content-wrapper { width: flex-grid(12); margin: 0 auto; diff --git a/lms/static/sass/base/_reset.scss b/lms/static/sass/base/_reset.scss index aa7fc975c8..e774e7a59b 100644 --- a/lms/static/sass/base/_reset.scss +++ b/lms/static/sass/base/_reset.scss @@ -9,9 +9,6 @@ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 10 html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } -::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } -::selection { background: #fe57a1; color: #fff; text-shadow: none; } - a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } diff --git a/lms/static/sass/base/_variables.scss b/lms/static/sass/base/_variables.scss index 30d49f5e0e..c0bbcfb9ee 100644 --- a/lms/static/sass/base/_variables.scss +++ b/lms/static/sass/base/_variables.scss @@ -61,6 +61,8 @@ $baseFontColor: rgb(60,60,60); $lighter-base-font-color: rgb(100,100,100); $text-color: $dark-gray; +$dark-trans-bg: rgba(0, 0, 0, .75); + $body-bg: rgb(250,250,250); $container-bg: $white; $header-image: linear-gradient(-90deg, rgba(255,255,255, 1), rgba(230,230,230, 0.9)); @@ -104,8 +106,6 @@ $border-color-4: rgb(252,252,252); $link-color: $blue; $link-color-d1: $m-blue; $link-hover: $pink; -$selection-color-1: $pink; -$selection-color-2: #444; $site-status-color: $pink; $button-color: $blue; diff --git a/lms/static/sass/course/base/_base.scss b/lms/static/sass/course/base/_base.scss index a1c948d4f5..a750029001 100644 --- a/lms/static/sass/course/base/_base.scss +++ b/lms/static/sass/course/base/_base.scss @@ -101,12 +101,6 @@ img { max-width: 100%; } -::selection, ::-moz-selection, ::-webkit-selection { - background: $selection-color-2; - color: #fff; -} - - .tooltip { position: absolute; top: 0; diff --git a/lms/static/sass/course/courseware/_sidebar.scss b/lms/static/sass/course/courseware/_sidebar.scss index 24bda451a7..09a89e4d95 100644 --- a/lms/static/sass/course/courseware/_sidebar.scss +++ b/lms/static/sass/course/courseware/_sidebar.scss @@ -23,7 +23,7 @@ section.course-index { h3 { @include border-radius(0); margin: 0; - overflow: hidden; + overflow: visible; &:first-child { border: none; diff --git a/lms/static/sass/course/layout/_courseware_header.scss b/lms/static/sass/course/layout/_courseware_header.scss index b1c14f930a..2670e55ba4 100644 --- a/lms/static/sass/course/layout/_courseware_header.scss +++ b/lms/static/sass/course/layout/_courseware_header.scss @@ -148,7 +148,7 @@ header.global.slim { float: left; font-size: 0.9em; font-weight: 600; - color: #777; + color: $lighter-base-font-color; letter-spacing: 0; margin-top: 9px; margin-bottom: 0; diff --git a/lms/static/sass/multicourse/_account.scss b/lms/static/sass/multicourse/_account.scss index 5fcff57074..ab625a71ee 100644 --- a/lms/static/sass/multicourse/_account.scss +++ b/lms/static/sass/multicourse/_account.scss @@ -268,7 +268,7 @@ @include transition(color 0.15s ease-in-out); display: block; margin-top: ($baseline/4); - color: tint($outer-border-color, 50%); + color: $lighter-base-font-color; font-size: em(13); } diff --git a/lms/static/sass/multicourse/_dashboard.scss b/lms/static/sass/multicourse/_dashboard.scss index c0dac89199..62bf0d583a 100644 --- a/lms/static/sass/multicourse/_dashboard.scss +++ b/lms/static/sass/multicourse/_dashboard.scss @@ -561,7 +561,7 @@ float: right; display: block; font-style: italic; - color: #a0a0a0; + color: $lighter-base-font-color; text-decoration: underline; font-size: .8em; margin-top: 32px; diff --git a/lms/static/sass/shared/_course_object.scss b/lms/static/sass/shared/_course_object.scss index bd4a8dc049..9ca2e60511 100644 --- a/lms/static/sass/shared/_course_object.scss +++ b/lms/static/sass/shared/_course_object.scss @@ -66,12 +66,17 @@ width: 0; } + a { + position: relative; + display: block; + } + a:hover { text-decoration: none; } .meta-info { - background: rgba(0,0,0, 0.6); + background: $dark-trans-bg; bottom: 6px; border: 1px solid rgba(0,0,0, 0.5); @include border-right-radius(2px); diff --git a/lms/templates/course.html b/lms/templates/course.html index e8c7cd5875..e3dd9baf43 100644 --- a/lms/templates/course.html +++ b/lms/templates/course.html @@ -19,7 +19,7 @@
- + ${course.number} ${get_course_about_section(course, 'title')} Cover Image

${get_course_about_section(course, 'short_description')}

diff --git a/lms/templates/courseware/courses.html b/lms/templates/courseware/courses.html index 7f0d596f4b..f731f0d989 100644 --- a/lms/templates/courseware/courses.html +++ b/lms/templates/courseware/courses.html @@ -10,9 +10,9 @@
% if self.stanford_theme_enabled(): diff --git a/lms/templates/dashboard.html b/lms/templates/dashboard.html index c41d753444..835e466ab2 100644 --- a/lms/templates/dashboard.html +++ b/lms/templates/dashboard.html @@ -211,11 +211,11 @@ % if course.id in show_courseware_links_for: - + ${course.number} ${course.display_name_with_default} Cover Image % else:
- + ${course.number} ${course.display_name_with_default} Cover Image
% endif diff --git a/lms/templates/login.html b/lms/templates/login.html index fbd2f6d07c..fd51e429e9 100644 --- a/lms/templates/login.html +++ b/lms/templates/login.html @@ -53,7 +53,7 @@ location.href="${reverse('dashboard')}"; } } else { - $('.message.submission-error').addClass('is-shown'); + $('.message.submission-error').addClass('is-shown').focus(); $('.message.submission-error .message-copy').html(json.value); } }); @@ -94,7 +94,7 @@

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

-