cms/app-client/app/styles/components/notice-component.scss
changeset 416 6e6b7363f45f
parent 373 e952c8a31a2b
child 424 feb0d3e0fef9
equal deleted inserted replaced
415:0046797e0411 416:6e6b7363f45f
     1 .corpus-app-container.window {
     1 .corpus-app-container.window {
     2     background-color: $corpus-white;
     2     background-color: $corpus-white;
     3 }
     3 }
     4 
     4 
     5 .notice-component {
     5 .notice-component {
     6     padding: 40px;
     6     padding: 30px;
     7     color: $corpus-grey;
     7     color: $corpus-grey;
       
     8 }
       
     9 
       
    10 .notice-permalink {
       
    11     color: $corpus-grey;
       
    12     text-decoration: underline dotted $corpus-grey;
       
    13 }
       
    14 
       
    15 .notice-permalink::after {
       
    16     content: "\f14d";
       
    17     font-family: FontAwesome;
       
    18     font-style: normal;
       
    19     font-weight: normal;
       
    20     text-decoration: inherit;
       
    21 
       
    22     color: $corpus-grey;
       
    23     padding-right: 0.5em;
       
    24     padding-left: 0.5em;
       
    25 
     8 }
    26 }
     9 
    27 
    10 body.videoscreen .notice-component {
    28 body.videoscreen .notice-component {
    11     padding-top: 20px;
    29     padding-top: 20px;
    12     padding-bottom: 20px;
    30     padding-bottom: 20px;
    25 
    43 
    26 .notice-component .action {
    44 .notice-component .action {
    27     cursor: pointer;
    45     cursor: pointer;
    28 }
    46 }
    29 
    47 
    30 .notice-component a.doc-link-bnf, 
    48 .notice-component a.doc-link-bnf,
    31 .notice-component a.doc-link-lexvo {
    49 .notice-component a.doc-link-lexvo {
    32     cursor: pointer;
    50     cursor: pointer;
    33     color: $corpus-black;
    51     color: $corpus-black;
    34     text-decoration: none;
    52     text-decoration: none;
    35     pointer-events: none;
    53     pointer-events: none;
    50 .notice-component .fa-close::before {
    68 .notice-component .fa-close::before {
    51     font-size: 20px;
    69     font-size: 20px;
    52 }
    70 }
    53 
    71 
    54 .notice-component h2 {
    72 .notice-component h2 {
    55     color: $corpus-black;
    73     color: $corpus-blue;
    56     text-align: left;
    74     text-align: left;
    57     font-weight: bold;
    75     font-weight: bold;
    58     font-size: 20px;
    76     font-size: 20px;
    59     text-transform: uppercase;
    77     text-transform: uppercase;
    60     line-height: normal;
    78     line-height: normal;
    61     padding: 0px;
    79     padding: 0px;
    62 }
       
    63 
       
    64 .notice-component h3 {
       
    65     color: $corpus-blue;
       
    66     line-height: 18px;
       
    67     font-size: 14px;
       
    68     padding: 5px 0px;
       
    69     font-weight: bold;
       
    70 }
    80 }
    71 
    81 
    72 .notice-component.overlay h2,
    82 .notice-component.overlay h2,
    73 .notice-component.overlay h3 {
    83 .notice-component.overlay h3 {
    74     color: $dark-grey;
    84     color: $dark-grey;