cms/app-client/app/styles/components/notice-component.scss
author ymh <ymh.work@gmail.com>
Mon, 28 Nov 2016 17:04:56 +0100
changeset 450 7bddb57bf806
parent 449 5b0787f51d76
child 492 acecbffac2c4
permissions -rw-r--r--
avoid use unsupported Reflect api
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
269
9659e91242e1 Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents: 228
diff changeset
     1
.corpus-app-container.window {
373
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
     2
    background-color: $corpus-white;
269
9659e91242e1 Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents: 228
diff changeset
     3
}
9659e91242e1 Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents: 228
diff changeset
     4
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
     5
.notice-component {
416
6e6b7363f45f Simplify notice component and add permalink
ymh <ymh.work@gmail.com>
parents: 373
diff changeset
     6
    padding: 30px;
6e6b7363f45f Simplify notice component and add permalink
ymh <ymh.work@gmail.com>
parents: 373
diff changeset
     7
    color: $corpus-grey;
6e6b7363f45f Simplify notice component and add permalink
ymh <ymh.work@gmail.com>
parents: 373
diff changeset
     8
}
6e6b7363f45f Simplify notice component and add permalink
ymh <ymh.work@gmail.com>
parents: 373
diff changeset
     9
6e6b7363f45f Simplify notice component and add permalink
ymh <ymh.work@gmail.com>
parents: 373
diff changeset
    10
.notice-permalink {
373
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
    11
    color: $corpus-grey;
416
6e6b7363f45f Simplify notice component and add permalink
ymh <ymh.work@gmail.com>
parents: 373
diff changeset
    12
    text-decoration: underline dotted $corpus-grey;
6e6b7363f45f Simplify notice component and add permalink
ymh <ymh.work@gmail.com>
parents: 373
diff changeset
    13
}
6e6b7363f45f Simplify notice component and add permalink
ymh <ymh.work@gmail.com>
parents: 373
diff changeset
    14
447
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    15
.notice-component {
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    16
  .notice-permalink:after,
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    17
  .bo-doc-ref-link:after {
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    18
      content: "\f045";
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    19
      font-family: FontAwesome;
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    20
      font-style: normal;
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    21
      font-weight: normal;
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    22
      text-decoration: inherit;
416
6e6b7363f45f Simplify notice component and add permalink
ymh <ymh.work@gmail.com>
parents: 373
diff changeset
    23
447
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    24
      padding-right: 0.5em;
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    25
      padding-left: 0.3em;
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    26
      text-decoration: none;
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    27
  }
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    28
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    29
  .notice-permalink:after {
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    30
      color: $corpus-grey;
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    31
  }
373
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
    32
}
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
    33
447
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    34
373
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
    35
body.videoscreen .notice-component {
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
    36
    padding-top: 20px;
449
5b0787f51d76 css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents: 447
diff changeset
    37
    padding-bottom: 60px;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
    38
}
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
    39
338
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player
Chloe Laisne <chloe.laisne@gmail.com>
parents: 288
diff changeset
    40
.notice-component a.fa {
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player
Chloe Laisne <chloe.laisne@gmail.com>
parents: 288
diff changeset
    41
    text-decoration: none;
373
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
    42
    color: $corpus-black;
338
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player
Chloe Laisne <chloe.laisne@gmail.com>
parents: 288
diff changeset
    43
    font-size: 0px;
447
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    44
    margin-left: 2px;
338
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player
Chloe Laisne <chloe.laisne@gmail.com>
parents: 288
diff changeset
    45
}
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player
Chloe Laisne <chloe.laisne@gmail.com>
parents: 288
diff changeset
    46
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player
Chloe Laisne <chloe.laisne@gmail.com>
parents: 288
diff changeset
    47
.notice-component a.fa:before {
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player
Chloe Laisne <chloe.laisne@gmail.com>
parents: 288
diff changeset
    48
    font-size: 12px;
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player
Chloe Laisne <chloe.laisne@gmail.com>
parents: 288
diff changeset
    49
}
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player
Chloe Laisne <chloe.laisne@gmail.com>
parents: 288
diff changeset
    50
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player
Chloe Laisne <chloe.laisne@gmail.com>
parents: 288
diff changeset
    51
.notice-component .action {
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player
Chloe Laisne <chloe.laisne@gmail.com>
parents: 288
diff changeset
    52
    cursor: pointer;
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player
Chloe Laisne <chloe.laisne@gmail.com>
parents: 288
diff changeset
    53
}
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player
Chloe Laisne <chloe.laisne@gmail.com>
parents: 288
diff changeset
    54
447
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    55
.notice-component {
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    56
  .doc-link-bnf,
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    57
  .doc-link-lexvo,
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    58
  .doc-link-viaf,
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    59
  .doc-link-geonames {
288
f2b77873a156 Notice link color and underline
Chloe Laisne <chloe.laisne@gmail.com>
parents: 269
diff changeset
    60
    cursor: pointer;
373
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
    61
    color: $corpus-black;
288
f2b77873a156 Notice link color and underline
Chloe Laisne <chloe.laisne@gmail.com>
parents: 269
diff changeset
    62
    text-decoration: none;
447
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    63
  }
288
f2b77873a156 Notice link color and underline
Chloe Laisne <chloe.laisne@gmail.com>
parents: 269
diff changeset
    64
}
f2b77873a156 Notice link color and underline
Chloe Laisne <chloe.laisne@gmail.com>
parents: 269
diff changeset
    65
f2b77873a156 Notice link color and underline
Chloe Laisne <chloe.laisne@gmail.com>
parents: 269
diff changeset
    66
.notice-component .language a {
f2b77873a156 Notice link color and underline
Chloe Laisne <chloe.laisne@gmail.com>
parents: 269
diff changeset
    67
    text-transform: capitalize;
f2b77873a156 Notice link color and underline
Chloe Laisne <chloe.laisne@gmail.com>
parents: 269
diff changeset
    68
}
f2b77873a156 Notice link color and underline
Chloe Laisne <chloe.laisne@gmail.com>
parents: 269
diff changeset
    69
228
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    70
.notice-component .fa-close {
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    71
    position: absolute;
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    72
    top: 15px;
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    73
    right: 15px;
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    74
    color: $dark-blue;
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    75
    cursor: pointer;
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    76
}
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    77
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    78
.notice-component .fa-close::before {
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    79
    font-size: 20px;
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    80
}
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    81
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
    82
.notice-component h2 {
416
6e6b7363f45f Simplify notice component and add permalink
ymh <ymh.work@gmail.com>
parents: 373
diff changeset
    83
    color: $corpus-blue;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
    84
    text-align: left;
373
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
    85
    font-weight: bold;
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
    86
    font-size: 20px;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
    87
    text-transform: uppercase;
373
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
    88
    line-height: normal;
218
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
    89
    padding: 0px;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
    90
}
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
    91
228
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    92
.notice-component.overlay h2,
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    93
.notice-component.overlay h3 {
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    94
    color: $dark-grey;
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    95
}
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    96
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
    97
.notice-component table {
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
    98
    line-height: 18px;
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
    99
    border-collapse: collapse;
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   100
    width: 100%;
373
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
   101
    margin-top: 5px;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   102
}
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   103
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   104
.notice-component table tr {
373
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
   105
    border-bottom: solid 1px $corpus-black;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   106
}
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   107
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   108
.notice-component table tr td {
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   109
    vertical-align: top;
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   110
    padding: 10px 0px;
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   111
}
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   112
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   113
.notice-component table tr td.title {
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   114
    font-weight: bold;
223
2457942e7453 Colors to variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 218
diff changeset
   115
    color: $dark-blue;
269
9659e91242e1 Add subjects to notice + Background color two notice type + Remove empty notice fields
Chloe Laisne <chloe.laisne@gmail.com>
parents: 228
diff changeset
   116
    width: 25%;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   117
}
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   118
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   119
.notice-component table tr td ul {
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   120
    list-style: none;
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   121
    margin: 0;
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   122
    padding: 0;
416
6e6b7363f45f Simplify notice component and add permalink
ymh <ymh.work@gmail.com>
parents: 373
diff changeset
   123
}
447
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
   124
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
   125
.notice-component .doc-link-lexvo {
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
   126
    text-transform: capitalize;
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
   127
}