diff --git a/lms/static/sass/views/_verification.scss b/lms/static/sass/views/_verification.scss index 4e1651ca80..0a85567d19 100644 --- a/lms/static/sass/views/_verification.scss +++ b/lms/static/sass/views/_verification.scss @@ -4,27 +4,54 @@ body.register.verification { font-family: 'Open Sans', sans-serif; - h1, h2, h3, h4, h5, h6, p { + h1, h2, h3, h4, h5, h6, p, input { font-family: 'Open Sans', sans-serif; } + input { + font-style: normal; + font-weight: 400; + } + + + label { + font-style: normal; + font-family: 'Open Sans', sans-serif; + font-weight: 400; + } + + dl.faq { + font-size: 12px; + + label { + font-size: 12px; + font-weight: bold; + } + } dt { - margin-bottom: ($baseline*.75); + margin: 0 0 .5em 0; + font-weight: bold; } dd { - margin: 0; + margin: 0 0 1em 0; } + dl dl { + margin: ($baseline/4) 0 0 ($baseline/2); + } + + .content-wrapper { background: none repeat scroll 0 0 #F7F7F7; + padding-bottom: 0; } .container { background-color: #fff; - padding: ($baseline*1.5); + padding: ($baseline*1.5) ($baseline*1.5) ($baseline*2) ($baseline*1.5); } .tip { @@ -89,6 +116,16 @@ body.register.verification { &.block-cert { border-top: 5px solid #008801; + + .ribbon { + background: transparent url('../images/vcert-ribbon-s.png') no-repeat 0 0; + position: absolute; + top: -($baseline*1.5); + right: $baseline; + display: block; + width: ($baseline*3); + height: ($baseline*4); + } } @@ -119,6 +156,11 @@ body.register.verification { margin: 1em 0 2em 0; } + .more { + margin-top: ($baseline/2); + border-top: 1px solid #ccc; + } + .tips { float: right; width: 32%; @@ -142,13 +184,6 @@ body.register.verification { margin-right: ($baseline/4); vertical-align: middle; - label { - font-style: normal; - font-family: 'Open Sans', sans-serif; - font-weight: 400; - vertical-align: middle; - } - &.other1 { margin-right: -($baseline/4); padding-right: ($baseline/4); @@ -157,6 +192,10 @@ body.register.verification { padding: ($baseline/4) ($baseline*.75) ($baseline/4) 0; } + label { + vertical-align: middle; + } + input { vertical-align: middle; } @@ -263,20 +302,8 @@ body.register.verification { width: 45%; float: left; padding-right: $baseline; - - dt { - font-weight: bold; - padding: 0 0 ($baseline/2) 0; - } - - dd { - margin: 0; - padding: 0 0 $baseline 0; - } } - - } .photo-tips { diff --git a/lms/templates/verify_student/photo_id_upload.html b/lms/templates/verify_student/photo_id_upload.html index 22f8c89ab2..eac9c1a362 100644 --- a/lms/templates/verify_student/photo_id_upload.html +++ b/lms/templates/verify_student/photo_id_upload.html @@ -41,7 +41,7 @@ $(document).ready(function() {
@@ -51,6 +51,7 @@ $(document).ready(function() {Sign up as a verified student and work toward a Certificate of Achievement.