diff -r 0046797e0411 -r 6e6b7363f45f cms/app-client/app/styles/components/notice-component.scss --- a/cms/app-client/app/styles/components/notice-component.scss Mon Nov 14 15:02:15 2016 +0100 +++ b/cms/app-client/app/styles/components/notice-component.scss Mon Nov 14 15:34:33 2016 +0100 @@ -3,8 +3,26 @@ } .notice-component { - padding: 40px; + padding: 30px; + color: $corpus-grey; +} + +.notice-permalink { color: $corpus-grey; + text-decoration: underline dotted $corpus-grey; +} + +.notice-permalink::after { + content: "\f14d"; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + text-decoration: inherit; + + color: $corpus-grey; + padding-right: 0.5em; + padding-left: 0.5em; + } body.videoscreen .notice-component { @@ -27,7 +45,7 @@ cursor: pointer; } -.notice-component a.doc-link-bnf, +.notice-component a.doc-link-bnf, .notice-component a.doc-link-lexvo { cursor: pointer; color: $corpus-black; @@ -52,7 +70,7 @@ } .notice-component h2 { - color: $corpus-black; + color: $corpus-blue; text-align: left; font-weight: bold; font-size: 20px; @@ -61,14 +79,6 @@ padding: 0px; } -.notice-component h3 { - color: $corpus-blue; - line-height: 18px; - font-size: 14px; - padding: 5px 0px; - font-weight: bold; -} - .notice-component.overlay h2, .notice-component.overlay h3 { color: $dark-grey; @@ -100,4 +110,4 @@ list-style: none; margin: 0; padding: 0; -} \ No newline at end of file +}