corpus_parole: cms/app-client/app/styles/components/player-sound-control.scss@c06db7aa1b10 (annotated)

477 ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	1	.player-sound-control {
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	2
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	3	& {
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	4	margin: 0px 19px 0px 0px;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	5	font-size: 20px;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	6	}
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	7
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	8	#sound-control-speaker {
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	9	width: 2em;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	10	line-height: 80px;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	11	}
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	12
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	13	#sound-control-speaker i {
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	14	cursor: pointer;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	15	vertical-align: middle;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	16	}
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	17
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	18	#sound-control-speaker i::before {
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	19	font-size: 20px;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	20	}
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	21
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	22	#sound-control-speaker i.fa-times::before {
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	23	font-size: 16px;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	24	}
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	25
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	26	#sound-control-speaker i.fa-volume-off+i.fa-times {
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	27	display:inline-block;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	28	}
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	29
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	30	#sound-control-speaker i.fa-times {
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	31	display:none;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	32	}
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	33
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	34	#sound-control-scale {
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	35	background-color: $corpus-white;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	36	width: 1em;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	37	height: 90px;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	38	position: fixed;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	39	z-index: 1;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	40	display: none;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	41	}
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	42
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	43	#sound-control-scale:hover {
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	44	display: block;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	45	}
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	46
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	47	.sound-control-scale-indicator {
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	48	color: $corpus-black;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	49	text-align: center;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	50	display: table;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	51	margin: 0 auto;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	52	cursor: pointer;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	53	-webkit-touch-callout: none; /* iOS Safari */
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	54	-webkit-user-select: none; /* Chrome/Safari/Opera */
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	55	-khtml-user-select: none; /* Konqueror */
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	56	-moz-user-select: none; /* Firefox */
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	57	-ms-user-select: none; /* Internet Explorer/Edge */
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	58	user-select: none;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	59	}
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	60
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	61	.sound-control-scale-indicator[disabled] {
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	62	color: $corpus-grey;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	63	cursor: default;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	64	pointer-events: none;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	65	}
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	66
479 e7df0b5b09b6 better cross browser compatibility, still pb with MS edge ymh <ymh.work@gmail.com> parents: 478 diff changeset	67	#sound-control-range-wrapper {
480 814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	68	height: 50px;
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	69	margin-left: 8px;
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	70	}
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	71
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	72
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	73	.rangeslider--vertical {
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	74	width: 5px;
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	75	height: 50px;
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	76	min-height: 50px;
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	77	max-height: 100%;
477 ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	78	}
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	79
480 814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	80	.rangeslider__handle {
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	81	width: 11px;
479 e7df0b5b09b6 better cross browser compatibility, still pb with MS edge ymh <ymh.work@gmail.com> parents: 478 diff changeset	82	height: 11px;
e7df0b5b09b6 better cross browser compatibility, still pb with MS edge ymh <ymh.work@gmail.com> parents: 478 diff changeset	83	}
480 814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	84
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	85	.rangeslider__handle:after {
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	86	width: 5px;
479 e7df0b5b09b6 better cross browser compatibility, still pb with MS edge ymh <ymh.work@gmail.com> parents: 478 diff changeset	87	height: 5px;
477 ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	88	}
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	89
480 814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	90	.rangeslider--vertical .rangeslider__handle {
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	91	left: -4px
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	92	}
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	93
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	94	.rangeslider__fill {
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	95	background: $corpus-blue;
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	96	}
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	97
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	98	.rangeslider--disabled {
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	99	pointer-events: none;
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility ymh <ymh.work@gmail.com> parents: 479 diff changeset	100	}
477 ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	101
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	102	#sound-control-scale-minus {
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	103	position: absolute;
479 e7df0b5b09b6 better cross browser compatibility, still pb with MS edge ymh <ymh.work@gmail.com> parents: 478 diff changeset	104	top: 70px;
477 ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	105	left: 7px;
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	106	}
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	107
ce52f0fca330 add volume control to the player ymh <ymh.work@gmail.com> parents: diff changeset	108	}

author	ymh <ymh.work@gmail.com>
	Thu, 23 Feb 2017 18:59:04 +0100
changeset 525	c06db7aa1b10
parent 480	814468b0fc69
permissions	-rw-r--r--