corpus_parole: cms/app-client/app/styles/components/notice-component.scss@e7df0b5b09b6 (annotated)

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	}

author	ymh <ymh.work@gmail.com>
	Tue, 20 Dec 2016 01:50:35 +0100
changeset 479	e7df0b5b09b6
parent 449	5b0787f51d76
child 492	acecbffac2c4
permissions	-rw-r--r--