corpus_parole: cms/app-client/app/styles/components/notice-component.scss@5f79f31ca9a2 (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 {
9659e91242e1 Add subjects to notice + Background color two notice type + Remove empty notice fields Chloe Laisne <chloe.laisne@gmail.com> parents: 228 diff changeset	2	background-color: $light-blue;
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 {
228 a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	6	padding: 20px 40px;
226 2103e6c58266 Notice text-color Chloe Laisne <chloe.laisne@gmail.com> parents: 224 diff changeset	7	color: $dark-grey;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	8	}
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	9
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	10	.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	11	text-decoration: none;
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	12	color: inherit;
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	13	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	14	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	15	}
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
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	17	.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	18	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	19	}
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	.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	22	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	23	}
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	.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	26	.notice-component a.doc-link-lexvo {
288 f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	27	cursor: pointer;
f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	28	color: $dark-grey;
f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	29	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	30	pointer-events: none;
288 f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	31	}
f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	32
f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	33	.notice-component .language a {
f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	34	text-transform: capitalize;
f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	35	}
f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	36
228 a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	37	.notice-component .fa-close {
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	38	position: absolute;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	39	top: 15px;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	40	right: 15px;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	41	color: $dark-blue;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	42	cursor: pointer;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	43	}
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	44
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	45	.notice-component .fa-close::before {
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	46	font-size: 20px;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	47	}
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	48
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	49	.notice-component h2 {
224 d284324358b2 Remplace hexadecimal codes with sass variables Chloe Laisne <chloe.laisne@gmail.com> parents: 223 diff changeset	50	color: $light-white;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	51	text-align: left;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	52	font-size: 14px;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	53	text-transform: uppercase;
218 38e1a1446319 Player toolbar actions and display logic Chloe Laisne <chloe.laisne@gmail.com> parents: 217 diff changeset	54	padding: 0px;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	55	}
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	56
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	57	.notice-component h3 {
224 d284324358b2 Remplace hexadecimal codes with sass variables Chloe Laisne <chloe.laisne@gmail.com> parents: 223 diff changeset	58	color: $light-white;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	59	line-height: 18px;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	60	font-size: 14px;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	61	padding: 5px 0px;
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
228 a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	64	.notice-component.overlay h2,
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	65	.notice-component.overlay h3 {
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	66	color: $dark-grey;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	67	}
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	68
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	69	.notice-component table {
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	70	line-height: 18px;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	71	border-collapse: collapse;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	72	width: 100%;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	73	margin-top: 15px;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	74	}
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	75
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	76	.notice-component table tr {
223 2457942e7453 Colors to variables Chloe Laisne <chloe.laisne@gmail.com> parents: 218 diff changeset	77	border-bottom: solid 1px $dark-blue;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	78	}
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	79
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	80	.notice-component table tr td {
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	81	vertical-align: top;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	82	padding: 10px 0px;
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
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	85	.notice-component table tr td.title {
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	86	font-weight: bold;
223 2457942e7453 Colors to variables Chloe Laisne <chloe.laisne@gmail.com> parents: 218 diff changeset	87	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	88	width: 25%;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	89	}
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	.notice-component table tr td ul {
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	92	list-style: none;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	93	margin: 0;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	94	padding: 0;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	95	}

author	ymh <ymh.work@gmail.com>
	Wed, 19 Oct 2016 00:31:18 +0200
changeset 368	5f79f31ca9a2
parent 338	4a3899b6a7ed
child 373	e952c8a31a2b
permissions	-rw-r--r--