cms/app-client/app/styles/components/notice-component.scss
author ymh <ymh.work@gmail.com>
Wed, 01 Feb 2017 18:43:57 +0100
changeset 494 9a7fea1642cc
parent 492 acecbffac2c4
child 502 74fba571487e
permissions -rw-r--r--
Version 0.0.15
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 {
492
acecbffac2c4 on notice display add external link to subject, locations, and languages, correct #0025938
ymh <ymh.work@gmail.com>
parents: 449
diff changeset
    16
  .bo-doc-ref-url {
acecbffac2c4 on notice display add external link to subject, locations, and languages, correct #0025938
ymh <ymh.work@gmail.com>
parents: 449
diff changeset
    17
    text-decoration: none;
acecbffac2c4 on notice display add external link to subject, locations, and languages, correct #0025938
ymh <ymh.work@gmail.com>
parents: 449
diff changeset
    18
    color: $corpus-black;
acecbffac2c4 on notice display add external link to subject, locations, and languages, correct #0025938
ymh <ymh.work@gmail.com>
parents: 449
diff changeset
    19
  }
447
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    20
  .notice-permalink:after,
492
acecbffac2c4 on notice display add external link to subject, locations, and languages, correct #0025938
ymh <ymh.work@gmail.com>
parents: 449
diff changeset
    21
  .bo-doc-ref-url:after {
447
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    22
      content: "\f045";
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    23
      font-family: FontAwesome;
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    24
      font-style: normal;
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    25
      font-weight: normal;
416
6e6b7363f45f Simplify notice component and add permalink
ymh <ymh.work@gmail.com>
parents: 373
diff changeset
    26
447
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    27
      padding-right: 0.5em;
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    28
      padding-left: 0.3em;
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    29
      text-decoration: none;
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    30
  }
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    31
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    32
  .notice-permalink:after {
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    33
      color: $corpus-grey;
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
}
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
    36
447
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    37
373
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
    38
body.videoscreen .notice-component {
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
    39
    padding-top: 20px;
449
5b0787f51d76 css adaptation. correct pb m3.16 m3.9
ymh <ymh.work@gmail.com>
parents: 447
diff changeset
    40
    padding-bottom: 60px;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
    41
}
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
    42
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
.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
    44
    text-decoration: none;
373
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
    45
    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
    46
    font-size: 0px;
447
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    47
    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
    48
}
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
.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
    51
    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
    52
}
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
.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
    55
    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
    56
}
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
    57
447
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    58
.notice-component {
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    59
  .doc-link-bnf,
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    60
  .doc-link-lexvo,
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    61
  .doc-link-viaf,
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    62
  .doc-link-geonames {
288
f2b77873a156 Notice link color and underline
Chloe Laisne <chloe.laisne@gmail.com>
parents: 269
diff changeset
    63
    cursor: pointer;
373
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
    64
    color: $corpus-black;
288
f2b77873a156 Notice link color and underline
Chloe Laisne <chloe.laisne@gmail.com>
parents: 269
diff changeset
    65
    text-decoration: none;
447
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
    66
  }
288
f2b77873a156 Notice link color and underline
Chloe Laisne <chloe.laisne@gmail.com>
parents: 269
diff changeset
    67
}
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
.notice-component .language a {
f2b77873a156 Notice link color and underline
Chloe Laisne <chloe.laisne@gmail.com>
parents: 269
diff changeset
    70
    text-transform: capitalize;
f2b77873a156 Notice link color and underline
Chloe Laisne <chloe.laisne@gmail.com>
parents: 269
diff changeset
    71
}
f2b77873a156 Notice link color and underline
Chloe Laisne <chloe.laisne@gmail.com>
parents: 269
diff changeset
    72
228
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    73
.notice-component .fa-close {
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    74
    position: absolute;
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    75
    top: 15px;
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    76
    right: 15px;
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    77
    color: $dark-blue;
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    78
    cursor: pointer;
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    79
}
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
.notice-component .fa-close::before {
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    82
    font-size: 20px;
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    83
}
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    84
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
    85
.notice-component h2 {
416
6e6b7363f45f Simplify notice component and add permalink
ymh <ymh.work@gmail.com>
parents: 373
diff changeset
    86
    color: $corpus-blue;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
    87
    text-align: left;
373
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
    88
    font-weight: bold;
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
    89
    font-size: 20px;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
    90
    text-transform: uppercase;
373
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
    91
    line-height: normal;
218
38e1a1446319 Player toolbar actions and display logic
Chloe Laisne <chloe.laisne@gmail.com>
parents: 217
diff changeset
    92
    padding: 0px;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
    93
}
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
    94
228
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    95
.notice-component.overlay h2,
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    96
.notice-component.overlay h3 {
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    97
    color: $dark-grey;
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    98
}
a2497a2b6224 Notice display logic and design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 226
diff changeset
    99
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   100
.notice-component table {
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   101
    line-height: 18px;
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   102
    border-collapse: collapse;
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   103
    width: 100%;
373
e952c8a31a2b Transcript design + Fix video display and filter component font
Chloe Laisne <chloe.laisne@gmail.com>
parents: 338
diff changeset
   104
    margin-top: 5px;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   105
}
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
.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
   108
    border-bottom: solid 1px $corpus-black;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   109
}
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   110
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   111
.notice-component table tr td {
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   112
    vertical-align: top;
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   113
    padding: 10px 0px;
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   114
}
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   115
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   116
.notice-component table tr td.title {
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   117
    font-weight: bold;
223
2457942e7453 Colors to variables
Chloe Laisne <chloe.laisne@gmail.com>
parents: 218
diff changeset
   118
    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
   119
    width: 25%;
217
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   120
}
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   121
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   122
.notice-component table tr td ul {
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   123
    list-style: none;
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   124
    margin: 0;
989b9c36b849 Toolbar and Notice component styles
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
   125
    padding: 0;
416
6e6b7363f45f Simplify notice component and add permalink
ymh <ymh.work@gmail.com>
parents: 373
diff changeset
   126
}
447
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
   127
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
   128
.notice-component .doc-link-lexvo {
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
   129
    text-transform: capitalize;
38d5789e30d0 Improce notice data display, correct m3.23
ymh <ymh.work@gmail.com>
parents: 424
diff changeset
   130
}