From 206a8f111c018ea585fac83f31f660f368cc97c5 Mon Sep 17 00:00:00 2001
From: Vladimir <vladimir.stefanovic@sourcefabric.org>
Date: Fri, 30 Mar 2012 00:35:49 +0200
Subject: [PATCH] CC-3482 and CC-3455

---
 .../public/css/images/source-info_lines.png   | Bin 0 -> 1893 bytes
 airtime_mvc/public/css/images/thin_delete.png | Bin 0 -> 1033 bytes
 airtime_mvc/public/css/masterpanel.css        | 315 ++++++++++++++++++
 airtime_mvc/public/css/styles.css             | 131 --------
 4 files changed, 315 insertions(+), 131 deletions(-)
 create mode 100644 airtime_mvc/public/css/images/source-info_lines.png
 create mode 100644 airtime_mvc/public/css/images/thin_delete.png
 create mode 100644 airtime_mvc/public/css/masterpanel.css

diff --git a/airtime_mvc/public/css/images/source-info_lines.png b/airtime_mvc/public/css/images/source-info_lines.png
new file mode 100644
index 0000000000000000000000000000000000000000..75a1f435d03a8b5193da0a56dba4710a29de1818
GIT binary patch
literal 1893
zcmaJ?4NMbf7_NX?>#)^8#-_q&RWKrLuay=~ip3U29qky>2pK5-xt5CU9qmC&5hDJC
z>dbW1Fe>6AFcbd;jG|17Q>OUChHNrrYz&nRIz_;rF+_H)P)#;=$=!F~m*;)n=Y8Mj
zayt^GANW$<r;tb_Uva!BiCC`@_iget;z{-2tt6KB@Yoc54XVaXasxt&QK1S1h;?!e
zl7z@rdD+cK6p7>ww8<%WiX;J6qB@4$g<+U=7!ge(MXfYra%C2R0|lbd>iP8k1_vEz
zRebu|a0yF-36V@~yv2a5u}G7ZmMmqYioP-$M44fNK!@ORVAgHa8(}k_?&gJwch@nK
z4%`qti%)+oDn*hAgs1@l;S5%olEq~KF2sO1%XvKBGQeg*EGCQ1gxFya59Y9877L7D
zbRwHUrG}G4apSp&9iN_w;~30jnoK5!iNin*8YUDO8R_C+v%?5Pm@!X}%gteW<H89B
z5n@ytv>2{M^}xj_SD-mKpH3)!U4jnt(CUrjZ6X@RG|Mq2#9+BfngB{9{}0vaJZK}H
zguK!FpTx%GJPctbAx1REpd<#TUg%1N!9oKf$5BHvif)|fVqzwWqsB}W1Hv`oV69fK
zLQO_DS|WkPdLu5^D-p4XPbcCTTCEBWk6?uh<G2tn0^&kYEEFMH1;uhB*{dL)FqR_}
zPQ;2(WsVNf;}fx}H?izVV_injVMJyTV$kLysyG9x1MY%h?W9`5<0j=Bk5x^sg*9m`
zlMusnjrFZDPaF~6alLv>OKd#0NA!f(4TPyHC>I^Xx6&aN#Uz{W{n-ggI}+zL${T6}
zE+8#k_RuR!R}@>RJyl>Bl&)^ym<AS~mVNBMf@&+%IQl;cnA4gubbkPQl~WiM$m#kz
z4FDRAO!o2d`rN0s<B^}2_s-g7^QQ(-RCRYFC>c~QuPH^F1p*K1<xG_$$ImM5ygE>j
zy8Q0ex=UX;N20H{%dY(Wjdi_DmfCS9HND+A>VKo7Q@)8xr&SJ_>(5RvT2PZ9-~Sw(
zYrEu^-hQDV?Ox!6e&?)#TiR)Ede-m3oeMyC&~Vije?p5_(NT^&b>lPdfn1Zq?*{d8
z<<UZTF3T_8R$%h8wsdw@@X0?_Z*@z1BhRDObyU9rsBeoe6xB@sl&Fbb@^o;}Fc8@k
zT$-PLY1gb`;rBy3+e6MzoqKe6M^NRFBVD@f{@a#3EeLw(T&gILU+I4ql6~jQqi%io
z@Gs})S}u-ReijrrOS3mU<P9cE+P0kpQqG6iEm_~`!R>|XUQC}7N`42X__UDE#WQFn
zewMt;<^D0A#u3UIH+VxfX`k<|lVIeyz}j;Ew^u!5-+noxX<+R1!REmIzLiF2OnaC8
zDL0>Olj41a`E}oo9<<}3WQb*J=_?Z#&sN`FP|Dw7$E_H(o3<x{(~Es(#{+1vjmX$`
zM)#yCyBvQ#PGhY&M0=uo>-w55?#*i3ChschK5@w1(X0K3V>!J~9Nc`0<$xV889KkD
zOsq-mnKxR<W9CHCIK2sDaU9#M%Z{t%;^GJ*DLFMJzQT@2G@Lwq;5fi?s{+k=mwoYn
zHT`XyjL*R{j@O!qEori&j6;IlhKj1jMJ{_Bb6T`azFD?pzd9+o^eaKeO?BOD@~+;I
z=%D<U<wBov5?XQF`kJ)Wnv$vOz)LeY_-+Dd_FwcsG2@s_Cac<=Uq^Qt+mkUxNBF^h
zJpn$p*N)dWCctSK!SkahM%1GUu4pbP6Zap{X!iXP75KQyJb$>*adyj|+EynR&UWNj
zt!qc_XE_J->pbOb7G$&*5&c`r={<F)-uqX@Vp_?MDymlzq<g-1rq8q=M*qs6?VC{K
zwrQEojvqp?Th+qu(D-Xjb5cTIh>JgZi%S4bWjcHUNDb(yqLq@acK!Iou~N~ART*3U
E0npU0<NyEw

literal 0
HcmV?d00001

diff --git a/airtime_mvc/public/css/images/thin_delete.png b/airtime_mvc/public/css/images/thin_delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..282b818b009b365068d92f3113b1bf51d1effe96
GIT binary patch
literal 1033
zcmaJ=O=uHA7+t7TDHK~hwTg@ztcqrTk|t@E#x~6+ZNRM|4K`vA-Rw@9HQk-f?$m61
z&{jNHw1=KV=s~OnFY3jMC>q2c1U)ET)Qi`i1jUOK;%u6v9*hgK^TT`Zd*3(TET_gt
zJ3D$iD2nP#j)`e9?<M2Vo_6y8IVEB;_276GPoO+5%NC@fD#}5S)a4nNhO#<edJ6|B
zststFEY3=&1qJDh>|z*4Hwl}f28SF|R*DdV9GuaN2>t!Za~f!Bgq{pYoMgseK^t4J
z;KagsMp-B-VU->_1qK~~2<Q;Yz|m(7TW}(DO;;dm_n4(Y4T6gidfQZ1N`V-%AP6v=
zSK)#j2=WZ??+=ASCxMUSIhOOWywA&r1iw$<I8gs+63tTcLRw7JW075iE?{g5EL$#@
znX;cj)(p#s!(ms$=kpST*Pb`9?05~^(@+qhtyr3gHDmx+QO=<`9HEKR?G$vgDQnpE
zGLeF@j%>0#!?`InfRglosIE8BHcrDGzyB1rGxH{7)6hn9mO?Hr?{Pz!Ld=3PMpg!)
z*+vyp1%#1ZKqiPy1i++bsHkk$(2^u14I9gb0+V8dCVWQIR3RARM2-)Op#fij=i_`h
z5f#N?|3H`zMdJgB{svb>%A5`j+~BG^+;~f_+X%WzB8$+{E<!b7Asy5b7PQu0Mq29C
zxoT@Kv6ftxm|@*({p*?=N2GV$WwU9?rrGw;AiZvprv7Rlcb~-Nq!`UOUvgX3>QLL`
z#Zuuyp3)Mpdp0+#A6}Wu{;u_|n@ib%r&!tOewZKW)fE5dOMOQk^^8vcc=>7V?&A4h
zPj?@i>TB<)eEWFg#IEZ8^;_N7UsO}2J8LVm)Y+A*Tko!&@f?0%EjdfK^Xh?8Z$%vT
gJR3f^dTt-6P^<Ug#?d#w@4JsP86OuPj7(qo1K86~SpWb4

literal 0
HcmV?d00001

diff --git a/airtime_mvc/public/css/masterpanel.css b/airtime_mvc/public/css/masterpanel.css
new file mode 100644
index 000000000..1da45dabe
--- /dev/null
+++ b/airtime_mvc/public/css/masterpanel.css
@@ -0,0 +1,315 @@
+@charset "utf-8";
+/* CSS Document */
+
+/*---////////////////////    SOURCE INFO    ////////////////////---*/
+.source-info-block {
+    padding:0 0 0 2px;
+	background: url(images/masterpanel_spacer.png) no-repeat 0 0;
+	margin-right: 0;
+	}
+	.source-info-block h3, .on-air-block h3 {
+		margin: 0 0 10px -1px;
+		padding:3px 0 2px 8px;
+		background: rgba(0, 0, 0, 0.10);
+		color:#acacac;
+		font-size:10px;
+		text-transform:uppercase;
+		border-bottom:1px solid #494949;
+		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.07);
+		-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.07);
+		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.07);
+		text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
+		}
+		.on-air-block h3 {
+			margin-left:0;
+			}
+	.source-info-block ul {
+		margin:0 0 0 7px;
+		padding:0;
+		}
+		.source-info-block li {
+			list-style-type:none;
+			font-size:11px;
+			color:#bdbdbd;
+			margin:0;
+			height:15px;
+			padding-right:20px;
+			background:url(images/source-info_lines.png) no-repeat right 0;
+			}
+			.source-info-block li:first-child {
+				background-position: right -50px;
+				padding-bottom:3px;
+				}
+			.source-info-block li:last-child {
+				background-position: right -150px;
+				padding-top:3px;
+				}
+			.source-info-block li div {
+				display:inline-block;
+				margin-right:10px;
+				min-width:95px;
+				float:left;
+				height:15px;
+				line-height:14px;
+				padding:0 2px 0 3px;
+				background:#3e3e3e;
+				-webkit-border-radius:2px;
+				-moz-border-radius:2px;
+				border-radius:2px;
+				border-right:2px solid #3e3e3e;
+				}
+
+.source-info-block li.ready {
+	background-position: right -15px;
+	}
+	.source-info-block li.ready:first-child {
+		background-position: right -70px;
+		}
+	.source-info-block li.ready:last-child {
+		background-position: right -170px;
+		padding-top:3px;
+		}
+.source-info-block li.active {
+	background-position: right -30px;
+	}
+	.source-info-block li.active:first-child {
+		background-position: right -90px;
+		}
+	.source-info-block li.active:last-child {
+		background-position: right -190px;
+		padding-top:3px;
+		}		
+.source-info-block li.ready div, .source-info-block li.active div {
+	background:#2f2e2e;
+	border-color:#ff611f;
+	color:#fff;
+	}
+.source-info-block li.kicked div {
+	color:#737373;
+	}
+
+
+
+.source-switch-button {
+	font-size:11px;
+    padding:0;
+    border:1px solid #2d2d2d;
+	-webkit-border-radius:2px;
+	-moz-border-radius:2px;
+	border-radius:2px;
+	float:left;
+    display:block;
+    text-align:center;
+    width: 27px;
+	height:13px;
+	text-indent: 100%;
+	white-space: nowrap;
+	overflow: hidden;
+    background-color: #434343;
+    background: -moz-linear-gradient(top, #555555 0, #434343 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555555), color-stop(100%, #434343));
+	background: linear-gradient(top, #555555 0, #434343 100%);
+	-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5);
+	-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5);
+	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5);
+	background-clip:border-box;
+}
+
+.source-switch-button.active {
+    background-color: #ff611f;
+    background: -moz-linear-gradient(top, #ff8451 0, #ff611f 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff8451), color-stop(100%, #ff611f));
+	background: linear-gradient(top, #ff8451 0, #ff611f 100%);
+	-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5);
+	-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5);
+	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5);
+}
+
+.source-switch-button span {
+    background-color: #7c7c7c;
+    background: -moz-linear-gradient(top, #959595 0, #7c7c7c 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #959595), color-stop(100%, #7c7c7c));
+	background: -moz-linear-gradient(top, #959595 0, #7c7c7c 100%);
+    border:1px solid #2d2d2d;
+    border-width:0 0 0 1px;
+	width:13px;
+	float:right;
+	height:13px;
+	-webkit-border-radius:0px 2px 2px 0px;
+	-moz-border-radius:0px 2px 2px 0px;
+	border-radius:0px 2px 2px 0px;
+	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
+	-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
+	box-shadow:inset 0 1px 1px 0(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+.source-switch-button.active span {
+    border-width:0 1px 0 0;
+	float:left;
+	border-width: 0 1px 0 1px;
+	width:13px;
+	margin-left:-1px;
+	-webkit-border-radius:1px 0px 0px 1px;
+	-moz-border-radius:1px 0px 0px 1px;
+	border-radius:1px 0px 0px 1px;
+}
+
+.source-switch-button:hover span {
+    background-color: #bfbfbf;
+    background: -moz-linear-gradient(top, #bfbfbf 0, #7c7c7c 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bfbfbf), color-stop(100%, #7c7c7c));
+	background: -moz-linear-gradient(top, #bfbfbf 0, #7c7c7c 100%);
+}
+
+.source-kick-button {
+    height:15px;
+    width:15px;
+    margin: 0 4px 0 -3px;
+    float: left;
+	-webkit-border-radius:2px;
+	-moz-border-radius:2px;
+	border-radius:2px;
+	background: #262626 url(images/thin_delete.png) no-repeat 0 0;
+}
+
+.source-kick-button:hover{
+	cursor:pointer;
+	background-color:#000;
+	background-position:0 -15px;
+}
+.source-info-block li.kicked div .source-kick-button, .source-info-block li.kicked div .source-kick-button:hover {
+	opacity: 0.3;
+	filter: alpha(opacity = 30);
+	cursor:default;
+	background-color:#262626;
+	background-position:0 0;
+	} 
+
+.source-info-block + .on-air-block {
+	padding-right:2px;
+}
+
+.source-info-block + .on-air-block .on-air-info, .source-info-block + .on-air-block .listen-control-button {
+	margin-right:7px;
+}
+
+.on-air-info {
+	height:26px;
+	border:1px solid #242424;
+	border-width:1px 1px 0 1px;
+	min-width:85px;
+	font-size:16px;
+	line-height:100%;
+	font-weight:bold;
+	text-shadow: #242424 0px -1px;
+	text-align:center;
+	padding: 10px 0 0 0;
+	background-color:#464646;
+	margin-top:30px;
+
+	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2);
+	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2);
+	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2);
+}
+.on-air-info.off {
+	background-color: #3f3a3a;
+    background: -moz-linear-gradient(top, #575050 0, #3f3a3a 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #575050), color-stop(100%, #3f3a3a));
+	background: -moz-linear-gradient(top, #575050 0, #3f3a3a 100%);
+	color:#A5A5A5;
+}
+.on-air-info.on {
+	background-color: #c21717;
+    background: -moz-linear-gradient(top, #c21717 0, #8d1010 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c21717), color-stop(100%, #8d1010));
+	background: -moz-linear-gradient(top, #c21717 0, #8d1010 100%);
+	color:#fff;
+	
+	-webkit-box-shadow:inset 0 1px 0px rgba(255, 255, 255, 0.3);
+	-moz-box-shadow:inset 0 1px 0px rgba(255, 255, 255, 0.3);
+	box-shadow:inset 0 1px 0px rgba(255, 255, 255, 0.3);
+}
+
+
+.on-air-block h3 + .on-air-info {
+	height:30px;
+	border-width:1px 1px 0 1px;
+	margin-top:-3px;
+	padding: 15px 0 0 0;
+}
+
+.on-air-block h3 + .on-air-info + .listen-control-button {
+	margin-top:0px;
+}
+
+.listen-control-block a, .listen-control-button {
+	font-size:11px;
+	text-transform:uppercase;
+	padding:0;
+	border:1px solid #242424;
+	color:#fff;
+	text-decoration:none;
+	font-weight:bold;
+	margin-top:34px;
+	display:block;
+	text-align:center;
+	
+}
+.listen-control-button {
+	margin-top:6px;
+}
+
+
+
+.personal-block.solo {
+	position: absolute;
+	right: 145px;
+	top: 104px;
+	width: auto;
+	z-index: 1000;
+	height:auto;
+	margin:0;
+}
+.time-info-block.pull-right {
+	margin-right:0;
+	text-align:right !important;
+	background-position:0 0;
+	padding: 0 14px 0 10px;
+	}
+	.time-info-block li, .time-info-block li.time {
+		text-align: right;
+		}
+
+/*.line-to-switch {
+	float: right;
+	width: 10px;
+	height:6px;
+    border:1px solid #242424;
+    border-width:1px 1px 0 1px;
+    margin-left: 5px;
+}
+
+.line-to-switch.off{
+	background:#FFFFFF
+}
+
+.line-to-switch.on{
+    background:#D40000
+}
+
+.line-to-on-air {
+    float: right;
+    height:6px;
+    border:1px solid #242424;
+    border-width:1px 1px 0 1px;
+    width: 10px;
+}
+
+.line-to-on-air.off{
+    background:#FFFFFF
+}
+
+.line-to-on-air.on{
+    background:#D40000
+}
+
+*/
\ No newline at end of file
diff --git a/airtime_mvc/public/css/styles.css b/airtime_mvc/public/css/styles.css
index b637a2534..da3d89481 100644
--- a/airtime_mvc/public/css/styles.css
+++ b/airtime_mvc/public/css/styles.css
@@ -288,46 +288,6 @@ select {
 	font-size:17px;
 	margin-bottom:0;
 }
-
-.source-info-block {
-    padding:0 14px 0 2px;
-    min-width:200px;
-}
-
-.source-info-block li {
-    list-style-type:none;
-    font-size:14px;
-    color:#bdbdbd;
-    margin:0 0 6px;
-}
-
-.source-info-block ul {
-    margin:0;
-    padding:6px 0 0;
-}
-.on-air-info {
-	height:26px;
-	border:1px solid #242424;
-	border-width:1px 1px 0 1px;
-	color:#fff;
-	min-width:85px;
-	font-size:16px;
-	line-height:100%;
-	font-weight:bold;
-	text-shadow: #242424 0px -1px;
-	text-align:center;
-	padding: 10px 0 0 0;
-	background-color:#464646;
-	margin-top:30px;
-}
-.on, .off {
-	background:#c21717 url(images/on-off-air.png) repeat-x 0 0;
-}
-.off {
-	background:#575050 url(images/on-off-air.png) repeat-x 0 -36px;
-	color:#a5a5a5;
-}
-
 .listen-control-block a, .listen-control-button {
 	font-size:11px;
 	text-transform:uppercase;
@@ -378,97 +338,6 @@ select {
 	color:#fff;
 }
 
-.source-switch-button {
-	font-size:11px;
-    text-transform:uppercase;
-    padding:0;
-    border:1px solid #242424;
-    color:#fff;
-    text-decoration:none;
-    font-weight:bold;
-    display:block;
-    text-align:center;
-    width: 40px;
-    float: right;
-}
-
-.source-switch-button span {
-    background-color: #6e6e6e;
-    background: -moz-linear-gradient(top, #868686 0, #6e6e6e 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #868686), color-stop(100%, #6e6e6e));
-    border:1px solid #a1a1a1;
-    border-width:1px 0;
-    border-bottom-color:#646464;
-    color:#dcdcdc;
-    text-shadow: #555555 0px -1px;
-    display:block;
-}
-
-.source-switch-button:hover {
-    border:1px solid #000;
-}
-
-.source-switch-button:hover span {
-    background-color: #292929;
-    background: -moz-linear-gradient(top, #3b3b3b 0, #292929 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3b3b3b), color-stop(100%, #292929));
-    border:1px solid #555555;
-    border-width:1px 0;
-    border-bottom-color:#1e1e1e;
-    color:#fff;
-    color:#0C0;
-    text-shadow: #000 0px -1px;
-    display:block;
-}
-
-.source-kick-button {
-    border:1px solid #242424;
-    color:#fff;
-    min-height:14px;
-    min-width:14px;
-    background-color:#464646;
-    margin-right: 2px;
-    float: left;
-}
-
-.source-kick-button:hover{
-	cursor:pointer;
-	background-color:#FFFFFF;
-}
-
-.line-to-switch {
-	float: right;
-	width: 10px;
-	height:6px;
-    border:1px solid #242424;
-    border-width:1px 1px 0 1px;
-    margin-left: 5px;
-}
-
-.line-to-switch.off{
-	background:#FFFFFF
-}
-
-.line-to-switch.on{
-    background:#D40000
-}
-
-.line-to-on-air {
-    float: right;
-    height:6px;
-    border:1px solid #242424;
-    border-width:1px 1px 0 1px;
-    width: 10px;
-}
-
-.line-to-on-air.off{
-    background:#FFFFFF
-}
-
-.line-to-on-air.on{
-    background:#D40000
-}
-
 /* END Master Panel */