From b9ed526e256890afb96261719797c7e819bc89ea Mon Sep 17 00:00:00 2001
From: martin <martin@martin-ThinkPad-T410.(none)>
Date: Thu, 10 Feb 2011 00:35:32 -0500
Subject: [PATCH] -new improved day view date picker look.

---
 .../views/scripts/nowplaying/day-view.phtml   |   3 +-
 .../views/scripts/partialviews/header.phtml   |   2 +
 public/css/images/input_with_calendar_bg.png  | Bin 0 -> 1082 bytes
 public/css/styles.css                         |  68 ++++++++++++++++--
 4 files changed, 64 insertions(+), 9 deletions(-)
 create mode 100644 public/css/images/input_with_calendar_bg.png

diff --git a/application/views/scripts/nowplaying/day-view.phtml b/application/views/scripts/nowplaying/day-view.phtml
index 294fb95d3..13070f085 100644
--- a/application/views/scripts/nowplaying/day-view.phtml
+++ b/application/views/scripts/nowplaying/day-view.phtml
@@ -1,5 +1,4 @@
 <div class="button-bar-top">
-    Date:<input type="text" id="datepicker" class="input_text">
-    <a href="javascript:void(0)" class="toggle-button" id="now_view">Now View</a><a href="javascript:void(0)" class="toggle-button-active end-button" id="day_view">Day View</a>
+    <a href="javascript:void(0)" class="toggle-button" id="now_view">Now View</a><a href="javascript:void(0)" class="toggle-button-active end-button" id="day_view">Day View</a><input type="text" id="datepicker" class="input_text">
 </div>
 <div id='demo'></div>
diff --git a/application/views/scripts/partialviews/header.phtml b/application/views/scripts/partialviews/header.phtml
index 5795d1239..a2a0c864f 100644
--- a/application/views/scripts/partialviews/header.phtml
+++ b/application/views/scripts/partialviews/header.phtml
@@ -28,6 +28,8 @@
   </div>
   <div class="personal-block">
     <ul>
+      <li><a href="#">About</a></li> 
+      <li>&nbsp;</li> 
       <li>Signed in:</li>
       <li class="name"><?php echo $this->user ?></li>
       <li><a href="/Login/logout">Logout</a></li>
diff --git a/public/css/images/input_with_calendar_bg.png b/public/css/images/input_with_calendar_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..12e2d3f8061b4cf26077c52ccd0ad521576d86ca
GIT binary patch
literal 1082
zcmaJ=O-K|`93K-ZEFrQC3u7E1Jh(d_>+U*}>(|bj3$AYKf)hkJ&OF^gXWlgPY)4OJ
zUbI79JQM}up+hXDM$*S2TF5?5Wds`7wS$4srNFG-sH+{?=J4kK{``Kw|K}Tvx1T94
zI$lH&L~*oLOc2B#3EL<47vl5PshjioSB4@I>V&;0En9$SQeh7uqq^J&5<pgmF1-PD
z1W`z8NeM}@HbH^9S9UR8M>jE>AnF<%Q&#!`B6~oeW`wA<XU{28Q$tjjKgPt&Fi2^w
z!xrcqZci%1{R*#A4fSN5BVYj?AenUZ0mBxY5Vff*VB2-m6uAjO{UK^ADJd2w!_Wex
z-^+LuCcuyZ*30^8g27-l$uTTLGaSuw9yTcWIDuiv?T^CIEVWlih%MW(@GV585Hbat
zPN&n}w9gBzKAPou-qqkZ4@P+GAp^;d$FM7N3L>x-OEZxM4boMVd*C1nQ8?4B5_EG%
z*08tRgd0XXvPrXE#w{rajK%&B)%6{;jS^rt-+v0*$srTa31GuPOTmNdt#m_~Lf8T_
zf>sj3fm|2kDTtt*f+iX6^pjnhp~AGiiH^mDs9_`7P(V}+QJC-5G*w`@TAuL-{Jxsz
z8kUVPd^qA0Ie(xj=;t{<AIxz@s0`}BKsm0u%MIk^x{IKjII;*V?J`hXEU1&41q)jK
zTzq-;wz+ElTx#-iX`Br0j`goG=UjMqTytk>@nvW2fq{43!b^Q&<W3Slh>CbyGP1I=
zvbeaou&^*cKR+=svAn#zy1Kftv60DS*4Njw*=+x@nR*Pq78RS4&Zn<SO+|aygN^U+
zk9~ad`|8mn_a1gM-uiyKWVEBSJeXpp-*um#d_i0(8C%--c5eI&SK545y73xRkIr3x
zG<Rq``}DzR<eap2dg5YsipiAu8akxM(oaX?KfIi($lRSVXU*AKMfx?HnkldU96V6q
eK3(ER30<(4m^pE{s_NUM;CiBwc5%A7d*lxgwP{uW

literal 0
HcmV?d00001

diff --git a/public/css/styles.css b/public/css/styles.css
index 16ae62033..b60b309ad 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -174,7 +174,7 @@ select {
 	border-width:1px 1px 0 1px;
 	background:#141414 url(images/progressbar_bg.png) repeat-x 0 0;
 }
-.progressbar .progress-song, .progressbar .progress-show, .progress-show-red {
+.progressbar .progress-song, .progressbar .progress-show {
 	height:4px;
 	width:0%;
 	background:#f97202 url(images/progressbar_song.png) repeat-x 0 0;
@@ -182,9 +182,6 @@ select {
 .progressbar .progress-show {
 	background:#02cef9 url(images/progressbar_show.png) repeat-x 0 0;
 }
-.progressbar .progress-show-red {
-	background:#02cef9 url(images/progressbar_show_red.png) repeat-x 0 0;
-}
 .now-playing-info .lenght {
 	color:#c4c4c4;
 	padding-left:6px; 
@@ -781,7 +778,7 @@ dt.block-display, dd.block-display {
 	font-weight:normal;
 }
 #schedule_calendar {
-	width:98%
+	width:98.5%
 }
 div.ui-datepicker {
 	/*font-size: 75%;*/
@@ -1154,7 +1151,7 @@ button, input {
 
 .button-bar-top {
 	text-align:right;
-	height:30px;
+	height:38px;
 }
 
 .toggle-button, .toggle-button-active {
@@ -1189,6 +1186,17 @@ button, input {
 	border-width:1px;
 }
 
+.button-bar-top .toggle-button, .button-bar-top .toggle-button-active {
+	float:right;
+}
+
+.button-bar-top .input_text {
+	height:25px;
+	margin-right:6px
+}
+.button-bar-top .input_text.hasDatepicker {
+	background:url(images/input_with_calendar_bg.png) no-repeat right 0;
+}
 
 ul.errors {
 	display:block;
@@ -1238,4 +1246,50 @@ ul.errors li {
 }
 #schedule-add-show .button-bar {
     height: 28px;
-    margin: 0 0 8px 0;
+    margin: 0 0 8px 0;
+}
+	
+.schedule {
+	text-align:left;
+	height:38px;
+}
+
+.add-button {
+	border: 1px solid #242424;
+	background-color: #353535;
+    background: -moz-linear-gradient(top, #494949 0, #353535 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #494949), color-stop(100%, #353535));
+	color: #ffffff;
+	margin:0;
+	font-size:12px;
+	font-weight:bold;
+	padding:4px 12px 4px 22px;
+	text-decoration:none;
+	text-shadow: #000 0px -1px;
+	display:block;
+	float:left;
+	position:relative;
+}
+.add-button:hover {
+	border: 1px solid #000000;
+	background-color: #353535;
+    background: -moz-linear-gradient(top, #353535 0, #000000 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #353535), color-stop(100%, #000000));
+	color: #ffffff;
+}
+.add-button span {
+	position:absolute;
+	top:3px;
+	left:3px;
+	height:16px;
+	width:16px;
+	display:block;
+	background:url(redmond/images/ui-icons_ffffff_256x240.png) no-repeat;
+}
+.add-button:hover span {
+	background:url(redmond/images/ui-icons_ff5d1a_256x240.png) no-repeat;
+}
+.add-button span.add-icon {
+    background-position: -32px -128px;
+}
+