corpus_parole: cms/app-client/app/styles/components/notice-component.scss@202b6f209b9a (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 {
373 e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	6	padding: 40px;
e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	7	color: $corpus-grey;
e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	8	}
e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	9
e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	10	body.videoscreen .notice-component {
e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	11	padding-top: 20px;
e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	12	padding-bottom: 20px;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	13	}
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	14
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	15	.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	16	text-decoration: none;
373 e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	17	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	18	font-size: 0px;
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	19	margin-left: 5px;
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	20	}
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	21
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	22	.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	23	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	24	}
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	25
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	26	.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	27	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	28	}
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	29
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	30	.notice-component a.doc-link-bnf,
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	31	.notice-component a.doc-link-lexvo {
288 f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	32	cursor: pointer;
373 e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	33	color: $corpus-black;
288 f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	34	text-decoration: none;
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	35	pointer-events: none;
288 f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	36	}
f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	37
f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	38	.notice-component .language a {
f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	39	text-transform: capitalize;
f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	40	}
f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	41
228 a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	42	.notice-component .fa-close {
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	43	position: absolute;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	44	top: 15px;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	45	right: 15px;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	46	color: $dark-blue;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	47	cursor: pointer;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	48	}
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	49
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	50	.notice-component .fa-close::before {
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	51	font-size: 20px;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	52	}
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	53
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	54	.notice-component h2 {
373 e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	55	color: $corpus-black;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	56	text-align: left;
373 e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	57	font-weight: bold;
e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	58	font-size: 20px;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	59	text-transform: uppercase;
373 e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	60	line-height: normal;
218 38e1a1446319 Player toolbar actions and display logic Chloe Laisne <chloe.laisne@gmail.com> parents: 217 diff changeset	61	padding: 0px;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	62	}
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	63
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	64	.notice-component h3 {
373 e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	65	color: $corpus-blue;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	66	line-height: 18px;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	67	font-size: 14px;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	68	padding: 5px 0px;
373 e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	69	font-weight: bold;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	70	}
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	71
228 a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	72	.notice-component.overlay h2,
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	73	.notice-component.overlay h3 {
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	74	color: $dark-grey;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	75	}
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	76
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	77	.notice-component table {
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	78	line-height: 18px;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	79	border-collapse: collapse;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	80	width: 100%;
373 e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	81	margin-top: 5px;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	82	}
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	83
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	84	.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	85	border-bottom: solid 1px $corpus-black;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	86	}
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	87
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	88	.notice-component table tr td {
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	89	vertical-align: top;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	90	padding: 10px 0px;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	91	}
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	92
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	93	.notice-component table tr td.title {
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	94	font-weight: bold;
223 2457942e7453 Colors to variables Chloe Laisne <chloe.laisne@gmail.com> parents: 218 diff changeset	95	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	96	width: 25%;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	97	}
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	98
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	99	.notice-component table tr td ul {
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	100	list-style: none;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	101	margin: 0;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	102	padding: 0;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	103	}

author	ymh <ymh.work@gmail.com>
	Thu, 03 Nov 2016 03:05:43 +0100
changeset 388	202b6f209b9a
parent 373	e952c8a31a2b
child 416	6e6b7363f45f
permissions	-rw-r--r--