diff -r eac9e4eb75c7 -r e952c8a31a2b cms/app-client/app/styles/components/notice-component.scss --- a/cms/app-client/app/styles/components/notice-component.scss Tue Oct 18 20:39:34 2016 +0530 +++ b/cms/app-client/app/styles/components/notice-component.scss Thu Oct 20 12:54:07 2016 +0530 @@ -1,15 +1,20 @@ .corpus-app-container.window { - background-color: $light-blue; + background-color: $corpus-white; } .notice-component { - padding: 20px 40px; - color: $dark-grey; + padding: 40px; + color: $corpus-grey; +} + +body.videoscreen .notice-component { + padding-top: 20px; + padding-bottom: 20px; } .notice-component a.fa { text-decoration: none; - color: inherit; + color: $corpus-black; font-size: 0px; margin-left: 5px; } @@ -25,7 +30,7 @@ .notice-component a.doc-link-bnf, .notice-component a.doc-link-lexvo { cursor: pointer; - color: $dark-grey; + color: $corpus-black; text-decoration: none; pointer-events: none; } @@ -47,18 +52,21 @@ } .notice-component h2 { - color: $light-white; + color: $corpus-black; text-align: left; - font-size: 14px; + font-weight: bold; + font-size: 20px; text-transform: uppercase; + line-height: normal; padding: 0px; } .notice-component h3 { - color: $light-white; + color: $corpus-blue; line-height: 18px; font-size: 14px; padding: 5px 0px; + font-weight: bold; } .notice-component.overlay h2, @@ -70,11 +78,11 @@ line-height: 18px; border-collapse: collapse; width: 100%; - margin-top: 15px; + margin-top: 5px; } .notice-component table tr { - border-bottom: solid 1px $dark-blue; + border-bottom: solid 1px $corpus-black; } .notice-component table tr td {