corpus_parole: cms/app-client/app/styles/player.scss@a441c40f9c5e (annotated)

86 15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	1	.player-component{
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	2	text-align: center;
196 7550cb541901 Filter as a service Chloe Laisne <chloe.laisne@gmail.com> parents: 95 diff changeset	3	height: 80px;
86 15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	4	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	5
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	6	#audio_player {
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	7	display: inline-block;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	8	width: 80px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	9	height: 80px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	10	position: relative;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	11	padding: 8px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	12	margin: 10px auto;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	13	border-radius: 88px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	14	}
196 7550cb541901 Filter as a service Chloe Laisne <chloe.laisne@gmail.com> parents: 95 diff changeset	15
86 15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	16	#audio_player .btn {
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	17	cursor: pointer;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	18	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	19	#audio_player .btn_play {
68 69977e2aa39e improve general design of components nowmad@23.1.168.192.in-addr.arpa parents: 13 diff changeset	20	display: block;
86 15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	21	width: 32px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	22	height: 32px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	23	position: absolute;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	24	top: 50%;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	25	left: 50%;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	26	margin-top: -16px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	27	margin-left: -16px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	28	text-indent: -900em;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	29	z-index: 10;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	30	background: url(images/button_play.png) 10px no-repeat;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	31	background-size: 21px 31px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	32	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	33	/* pause */
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	34	#audio_player .btn_play.playing {
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	35	background: url(images/button_pause.png) center no-repeat;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	36	background-size: 28px 28px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	37	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	38	#audio_player .progress {
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	39	position: absolute;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	40	width: 80px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	41	height: 80px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	42	top: 8px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	43	left: 8px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	44	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	45	#audio_player .progress .slice {
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	46	position: absolute;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	47	width: 80px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	48	height: 80px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	49	clip: rect(0px,80px,80px,40px);
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	50	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	51	#audio_player .progress .slice.gt50 {
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	52	clip: rect(auto, auto, auto, auto);
68 69977e2aa39e improve general design of components nowmad@23.1.168.192.in-addr.arpa parents: 13 diff changeset	53	}
86 15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	54	#audio_player .progress .slice .pie {
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	55	border: 10px solid #276f84;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	56	position: absolute;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	57	width: 60px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	58	height: 60px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	59	clip: rect(0,40px,80px,0);
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	60	-moz-border-radius: 80px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	61	-webkit-border-radius: 80px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	62	border-radius: 80px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	63	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	64	#audio_player .progress .slice .pie.fill {
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	65	-moz-transform: rotate(180deg) !important;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	66	-webkit-transform: rotate(180deg) !important;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	67	-o-transform: rotate(180deg) !important;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	68	transform: rotate(180deg) !important;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	69	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	70
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	71	.audio-controls {
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	72	color: #2a768c;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	73	cursor: pointer;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	74	display: inline-block;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	75	font-size: 30px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	76	margin: 43px 10px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	77	vertical-align: top;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	78	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	79
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	80	.duration{
95 f7ab931581af improve interface nowmad@23.1.168.192.in-addr.arpa parents: 86 diff changeset	81	margin: -30px auto 0;
f7ab931581af improve interface nowmad@23.1.168.192.in-addr.arpa parents: 86 diff changeset	82	padding-left: 175px;
86 15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	83	text-align: center;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	84	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	85
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	86	.audio-wrapper{
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	87	display: inline-block;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	88	}

author	Chloe Laisne <chloe.laisne@gmail.com>
	Thu, 23 Jun 2016 17:09:32 +0200
changeset 200	a441c40f9c5e
parent 196	7550cb541901
permissions	-rw-r--r--