New styles for grade bar

static/css/application.css

@@ -116,7 +116,7 @@ input, select {
   font-weight: 800;
   font-style: italic; }
 
-.clearfix:after, .topbar:after, nav.sequence-nav:after, div.book-wrapper section.book nav:after, div.wiki-wrapper section.wiki-body header:after, html body section.main-content:after, html body section.outside-app:after, div.header-wrapper header:after, div.header-wrapper header hgroup:after, div.header-wrapper header nav ul:after, footer:after, li.calc-main div#calculator_wrapper form:after, li.calc-main div#calculator_wrapper form div.input-wrapper:after, div.leanModal_box#enroll ol:after, div.course-wrapper section.course-content .problem-set:after, div.course-wrapper section.course-content section.problems-wrapper:after, div.course-wrapper section.course-content div#seq_content:after, div.course-wrapper section.course-content ol.vert-mod > li:after, section.course-content div.video-subtitles div.video-wrapper section.video-controls:after, section.course-content div.video-subtitles div.video-wrapper section.video-controls div#slider:after, section.course-content nav.sequence-bottom ul:after, div#graph-container:after, div#schematic-container:after, div.book-wrapper section.book nav ul:after, div.info-wrapper section.updates > ol > li:after, div.info-wrapper section.handouts ol li:after, div.profile-wrapper section.course-info header:after, div.profile-wrapper section.course-info > ol > li:after, div#wiki_panel div#wiki_create_form:after, div.wiki-wrapper section.wiki-body:after, ul.badge-list li.badge:after {
+.clearfix:after, .topbar:after, nav.sequence-nav:after, div.book-wrapper section.book nav:after, div.profile-wrapper section.course-info div#grade:after, div.wiki-wrapper section.wiki-body header:after, html body section.main-content:after, html body section.outside-app:after, div.header-wrapper header:after, div.header-wrapper header hgroup:after, div.header-wrapper header nav ul:after, footer:after, li.calc-main div#calculator_wrapper form:after, li.calc-main div#calculator_wrapper form div.input-wrapper:after, div.leanModal_box#enroll ol:after, div.course-wrapper section.course-content .problem-set:after, div.course-wrapper section.course-content section.problems-wrapper:after, div.course-wrapper section.course-content div#seq_content:after, div.course-wrapper section.course-content ol.vert-mod > li:after, section.course-content div.video-subtitles div.video-wrapper section.video-controls:after, section.course-content div.video-subtitles div.video-wrapper section.video-controls div#slider:after, section.course-content nav.sequence-bottom ul:after, div#graph-container:after, div#schematic-container:after, div.book-wrapper section.book nav ul:after, div.info-wrapper section.updates > ol > li:after, div.info-wrapper section.handouts ol li:after, div.profile-wrapper section.course-info header:after, div.profile-wrapper section.course-info > ol > li:after, div#wiki_panel div#wiki_create_form:after, div.wiki-wrapper section.wiki-body:after, ul.badge-list li.badge:after {
   content: ".";
   display: block;
   height: 0;
@@ -351,7 +351,7 @@ h1.top-header, div.course-wrapper section.course-content h1, div.info-wrapper se
 .sidebar a.button, section.course-index a.button, div.book-wrapper section.book-sidebar a.button, div.info-wrapper section.handouts a.button, div.profile-wrapper section.user-info a.button, div#wiki_panel a.button, div.discussion-wrapper aside a.button, .sidebar div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit {
   text-decoration: none; }
 
-.topbar, nav.sequence-nav, div.book-wrapper section.book nav, div.wiki-wrapper section.wiki-body header {
+.topbar, nav.sequence-nav, div.book-wrapper section.book nav, div.profile-wrapper section.course-info div#grade, div.wiki-wrapper section.wiki-body header {
   background: #f6efd4;
   border-bottom: 1px solid #eddfaa;
   -webkit-box-shadow: inset 0 1px 0 white, inset 1px 0 0 white;
@@ -363,15 +363,15 @@ h1.top-header, div.course-wrapper section.course-content h1, div.info-wrapper se
   line-height: 46px;
   height: 46px; }
 @media print {
-  .topbar, nav.sequence-nav, div.book-wrapper section.book nav, div.wiki-wrapper section.wiki-body header {
+  .topbar, nav.sequence-nav, div.book-wrapper section.book nav, div.profile-wrapper section.course-info div#grade, div.wiki-wrapper section.wiki-body header {
     display: none; } }
-.topbar a, nav.sequence-nav a, div.book-wrapper section.book nav a, div.wiki-wrapper section.wiki-body header a {
+.topbar a, nav.sequence-nav a, div.book-wrapper section.book nav a, div.profile-wrapper section.course-info div#grade a, div.wiki-wrapper section.wiki-body header a {
   border-bottom: 0;
   color: #292309; }
-.topbar a:hover, nav.sequence-nav a:hover, div.book-wrapper section.book nav a:hover, div.wiki-wrapper section.wiki-body header a:hover {
+.topbar a:hover, nav.sequence-nav a:hover, div.book-wrapper section.book nav a:hover, div.profile-wrapper section.course-info div#grade a:hover, div.wiki-wrapper section.wiki-body header a:hover {
   color: #7e691a;
   text-decoration: none; }
-.topbar a.block-link, nav.sequence-nav a.block-link, div.book-wrapper section.book nav a.block-link, div.wiki-wrapper section.wiki-body header a.block-link, .topbar nav.sequence-nav ol a, nav.sequence-nav ol .topbar a, nav.sequence-nav ol a, div.book-wrapper section.book nav.sequence-nav ol a, div.wiki-wrapper section.wiki-body header nav.sequence-nav ol a, nav.sequence-nav ol div.wiki-wrapper section.wiki-body header a, .topbar div.book-wrapper section.book nav a, div.book-wrapper section.book nav .topbar a, div.book-wrapper section.book nav.sequence-nav a, div.book-wrapper section.book nav a, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a, .topbar div.wiki-wrapper section.wiki-body header a, div.wiki-wrapper section.wiki-body header .topbar a, nav.sequence-nav div.wiki-wrapper section.wiki-body header a, div.wiki-wrapper section.wiki-body header nav.sequence-nav a, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a, div.wiki-wrapper section.wiki-body header a {
+.topbar a.block-link, nav.sequence-nav a.block-link, div.book-wrapper section.book nav a.block-link, div.profile-wrapper section.course-info div#grade a.block-link, div.wiki-wrapper section.wiki-body header a.block-link, .topbar nav.sequence-nav ol a, nav.sequence-nav ol .topbar a, nav.sequence-nav ol a, div.book-wrapper section.book nav.sequence-nav ol a, div.profile-wrapper section.course-info div#grade nav.sequence-nav ol a, nav.sequence-nav ol div.profile-wrapper section.course-info div#grade a, div.wiki-wrapper section.wiki-body header nav.sequence-nav ol a, nav.sequence-nav ol div.wiki-wrapper section.wiki-body header a, .topbar div.book-wrapper section.book nav a, div.book-wrapper section.book nav .topbar a, div.book-wrapper section.book nav.sequence-nav a, div.book-wrapper section.book nav a, div.profile-wrapper section.course-info div#grade div.book-wrapper section.book nav a, div.book-wrapper section.book nav div.profile-wrapper section.course-info div#grade a, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a, .topbar div.wiki-wrapper section.wiki-body header a, div.wiki-wrapper section.wiki-body header .topbar a, nav.sequence-nav div.wiki-wrapper section.wiki-body header a, div.wiki-wrapper section.wiki-body header nav.sequence-nav a, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a, div.profile-wrapper section.course-info div#grade div.wiki-wrapper section.wiki-body header a, div.wiki-wrapper section.wiki-body header div.profile-wrapper section.course-info div#grade a, div.wiki-wrapper section.wiki-body header a {
   background: #f2e7bf;
   border-left: 1px solid #e4d080;
   -webkit-box-shadow: inset 1px 0 0 #faf7e9;
@@ -379,7 +379,7 @@ h1.top-header, div.course-wrapper section.course-content h1, div.info-wrapper se
   box-shadow: inset 1px 0 0 #faf7e9;
   display: block;
   text-transform: uppercase; }
-.topbar a.block-link:hover, nav.sequence-nav a.block-link:hover, div.book-wrapper section.book nav a.block-link:hover, div.wiki-wrapper section.wiki-body header a.block-link:hover, .topbar nav.sequence-nav ol a:hover, nav.sequence-nav ol .topbar a:hover, nav.sequence-nav ol a:hover, div.book-wrapper section.book nav.sequence-nav ol a:hover, div.wiki-wrapper section.wiki-body header nav.sequence-nav ol a:hover, nav.sequence-nav ol div.wiki-wrapper section.wiki-body header a:hover, .topbar div.book-wrapper section.book nav a:hover, div.book-wrapper section.book nav .topbar a:hover, div.book-wrapper section.book nav.sequence-nav a:hover, div.book-wrapper section.book nav a:hover, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a:hover, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a:hover, .topbar div.wiki-wrapper section.wiki-body header a:hover, div.wiki-wrapper section.wiki-body header .topbar a:hover, nav.sequence-nav div.wiki-wrapper section.wiki-body header a:hover, div.wiki-wrapper section.wiki-body header nav.sequence-nav a:hover, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a:hover, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a:hover, div.wiki-wrapper section.wiki-body header a:hover {
+.topbar a.block-link:hover, nav.sequence-nav a.block-link:hover, div.book-wrapper section.book nav a.block-link:hover, div.profile-wrapper section.course-info div#grade a.block-link:hover, div.wiki-wrapper section.wiki-body header a.block-link:hover, .topbar nav.sequence-nav ol a:hover, nav.sequence-nav ol .topbar a:hover, nav.sequence-nav ol a:hover, div.book-wrapper section.book nav.sequence-nav ol a:hover, div.profile-wrapper section.course-info div#grade nav.sequence-nav ol a:hover, nav.sequence-nav ol div.profile-wrapper section.course-info div#grade a:hover, div.wiki-wrapper section.wiki-body header nav.sequence-nav ol a:hover, nav.sequence-nav ol div.wiki-wrapper section.wiki-body header a:hover, .topbar div.book-wrapper section.book nav a:hover, div.book-wrapper section.book nav .topbar a:hover, div.book-wrapper section.book nav.sequence-nav a:hover, div.book-wrapper section.book nav a:hover, div.profile-wrapper section.course-info div#grade div.book-wrapper section.book nav a:hover, div.book-wrapper section.book nav div.profile-wrapper section.course-info div#grade a:hover, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a:hover, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a:hover, .topbar div.wiki-wrapper section.wiki-body header a:hover, div.wiki-wrapper section.wiki-body header .topbar a:hover, nav.sequence-nav div.wiki-wrapper section.wiki-body header a:hover, div.wiki-wrapper section.wiki-body header nav.sequence-nav a:hover, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a:hover, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a:hover, div.profile-wrapper section.course-info div#grade div.wiki-wrapper section.wiki-body header a:hover, div.wiki-wrapper section.wiki-body header div.profile-wrapper section.course-info div#grade a:hover, div.wiki-wrapper section.wiki-body header a:hover {
   background: none; }
 
 .tran, section.course-index, div.book-wrapper section.book-sidebar {
@@ -3969,6 +3969,44 @@ div.profile-wrapper section.user-info div#change_password_pop h2 {
 div.profile-wrapper section.course-info header h1 {
   margin: 0;
   float: left; }
+div.profile-wrapper section.course-info div#grade {
+  zoom: 1;
+  padding-left: 22.652px;
+  padding-right: 22.652px; }
+div.profile-wrapper section.course-info div#grade:before, div.profile-wrapper section.course-info div#grade:after {
+  content: "";
+  display: table; }
+div.profile-wrapper section.course-info div#grade:after {
+  clear: both; }
+div.profile-wrapper section.course-info div#grade p {
+  color: #292309;
+  float: left;
+  margin-bottom: 0;
+  font-size: 14px;
+  font-weight: bold;
+  text-transform: uppercase; }
+div.profile-wrapper section.course-info div#grade p strong {
+  font-size: 18px;
+  position: relative;
+  top: 1px; }
+div.profile-wrapper section.course-info div#grade a {
+  background-color: #eddfaa;
+  border: 1px solid #dcc055;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  display: block;
+  float: right;
+  font-weight: bold;
+  line-height: 1em;
+  margin-top: 9px;
+  -webkit-box-shadow: inset 0 1px 0 #faf7e9;
+  -moz-box-shadow: inset 0 1px 0 #faf7e9;
+  box-shadow: inset 0 1px 0 #faf7e9;
+  padding: 8px;
+  text-shadow: 0 1px 0 #faf7e9; }
 div.profile-wrapper section.course-info div#grade-detail-graph {
   width: 100%;
   min-height: 300px; }

templates/profile.html

@@ -155,17 +155,18 @@ $(function() {
         <h1>Course Progress</h1>
       </header>
 
-      <div id="grade-detail-graph"></div>
-      
       <div id="grade">
         %if grade_sheet['grade']:
-          Final Grade <strong>${grade_sheet['grade']}</strong>
+          <p>Final Grade: <strong>${grade_sheet['grade']}</strong></p>
+
           <a rel="leanModal" class="cert_request" href="#cert_request">Request Certificate</a>
         %else:
-          No letter grade has been earned for this course
+          <p> No letter grade has been earned for this course </p>
         %endif
       </div>
 
+      <div id="grade-detail-graph"></div>
+
       <ol class="chapters">
         %for chapter in grade_sheet['courseware_summary']:
         %if not chapter['chapter'] == "hidden":

templates/sass/_profile.scss

@@ -153,6 +153,42 @@ div.profile-wrapper {
       }
     }
 
+    div#grade {
+      @include clearfix;
+      @extend .topbar;
+      padding-left: lh();
+      padding-right: lh();
+
+      p {
+        color: darken($cream, 80%);
+        float: left;
+        margin-bottom: 0;
+        font-size: 14px;
+        font-weight: bold;
+        text-transform: uppercase;
+
+        strong {
+          font-size: 18px;
+          position: relative;
+          top: 1px;
+        }
+      }
+
+      a {
+        background-color: darken($cream, 10%);
+        border: 1px solid darken($cream, 30%);
+        @include border-radius(3px);
+        display: block;
+        float: right;
+        font-weight: bold;
+        line-height: 1em;
+        margin-top: 9px;
+        @include box-shadow(inset 0 1px 0 lighten($cream, 5%));
+        padding: 8px;
+        text-shadow: 0 1px 0 lighten($cream, 5%);
+      }
+    }
+
     div#grade-detail-graph {
       width: 100%;
       min-height: 300px;