corpus_parole: cms/app-client/app/styles/player.scss@f7ab931581af (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;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	3	}
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	#audio_player {
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	6	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	7	width: 80px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	8	height: 80px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	9	position: relative;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	10	padding: 8px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	11	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	12	background: #fff;
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	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	15	#audio_player .background {
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	16	width: 60px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	17	height: 60px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	18	border: solid 10px #e5e5e5;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	19	background: #fff;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	20	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	21	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	22	#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	23	cursor: pointer;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	24	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	25	#audio_player .btn_play {
68 69977e2aa39e improve general design of components nowmad@23.1.168.192.in-addr.arpa parents: 13 diff changeset	26	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	27	width: 32px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	28	height: 32px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	29	position: absolute;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	30	top: 50%;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	31	left: 50%;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	32	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	33	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	34	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	35	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	36	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	37	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	38	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	39	/* pause */
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	40	#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	41	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	42	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	43	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	44	#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	45	position: absolute;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	46	width: 80px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	47	height: 80px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	48	top: 8px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	49	left: 8px;
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 {
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	52	position: absolute;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	53	width: 80px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	54	height: 80px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	55	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	56	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	57	#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	58	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	59	}
86 15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	60	#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	61	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	62	position: absolute;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	63	width: 60px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	64	height: 60px;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	65	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	66	-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	67	-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	68	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	69	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	70	#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	71	-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	72	-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	73	-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	74	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	75	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	76
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	77	.audio-controls {
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	78	color: #2a768c;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	79	cursor: pointer;
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	80	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	81	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	82	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	83	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	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	.duration{
95 f7ab931581af improve interface nowmad@23.1.168.192.in-addr.arpa parents: 86 diff changeset	87	margin: -30px auto 0;
f7ab931581af improve interface nowmad@23.1.168.192.in-addr.arpa parents: 86 diff changeset	88	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	89	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	90	}
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	91
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	92	.audio-wrapper{
15ded106ef1a add a player component to handle sound play/pause nowmad@23.1.168.192.in-addr.arpa parents: 68 diff changeset	93	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	94	}

author	nowmad@23.1.168.192.in-addr.arpa
	Fri, 22 Jan 2016 10:35:52 +0100
changeset 95	f7ab931581af
parent 86	15ded106ef1a
child 196	7550cb541901
permissions	-rw-r--r--