From 3d6d31a535b5d5131c938ad7b6aae43423df2e4c Mon Sep 17 00:00:00 2001 From: Naomi Date: Tue, 1 Feb 2011 15:15:07 -0500 Subject: [PATCH] newest css sheets --- public/css/fullcalendar.css | 2 +- public/css/playlist_builder.css | 12 +- public/css/schedule.css | 129 -------------- public/css/styles.css | 295 +++++++++++++++++++++++++++++++- 4 files changed, 301 insertions(+), 137 deletions(-) delete mode 100644 public/css/schedule.css diff --git a/public/css/fullcalendar.css b/public/css/fullcalendar.css index 0801d6e75..ae687d0c3 100644 --- a/public/css/fullcalendar.css +++ b/public/css/fullcalendar.css @@ -298,7 +298,7 @@ table.fc-header { .fc-event-time, .fc-event-title { - padding: 0 1px; + padding: 0 3px; } /* for fake rounded corners */ diff --git a/public/css/playlist_builder.css b/public/css/playlist_builder.css index 79509973a..8b3452589 100644 --- a/public/css/playlist_builder.css +++ b/public/css/playlist_builder.css @@ -150,13 +150,14 @@ #spl_sortable a.big_play .ui-icon-play { margin: 17px 0 0 1px; } + #spl_sortable a.big_play .ui-icon-pause { - margin: 17px 0 0 1px; -} -#spl_sortable a.big_play:hover .ui-icon-play { - background-image:url(redmond/images/ui-icons_ff5d1a_256x240.png); + margin: 17px 0 0 1px; } +#spl_sortable a.big_play:hover .ui-icon-play, #spl_sortable a.big_play:hover .ui-icon-pause { + background-image:url(redmond/images/ui-icons_ff5d1a_256x240.png); +} #spl_sortable .ui-icon-closethick { position:absolute; top:3px; @@ -186,6 +187,7 @@ overflow: hidden; padding: 0 30px 0 10px; text-indent: 2px; + margin:-1px 0 0 0; float:none; } #spl_sortable .top { @@ -235,4 +237,4 @@ #spl_sortable li .spl_fade_end.ui-state-active { background: transparent url(images/fade_out.png) no-repeat 0 -30px; border:none; -} +} \ No newline at end of file diff --git a/public/css/schedule.css b/public/css/schedule.css deleted file mode 100644 index 574ddcab9..000000000 --- a/public/css/schedule.css +++ /dev/null @@ -1,129 +0,0 @@ -body { - overflow: hidden; -} - -#schedule_calendar { -} - -div.ui-datepicker { - font-size: 75%; -} - -#schedule_playlist_dialog > div { - float: left; - width: 510px; - padding: 5px; -} - -#schedule_playlist_dialog ul { - list-style-type: none; - overflow: auto; - margin: 0; - padding: 10px 5px; - height: 275px; -} - -#schedule_playlist_chosen li { - float: left; - clear: left; - margin: 0; - width: 95%; -} - -#schedule_playlist_chosen li > h3 { - float: left; - padding: 0; - margin: 0; - width: 475px; -} - -#schedule_playlist_chosen li > h3 > div { - float: left; - margin: 0 5px 2px 0; -} - -#schedule_playlist_chosen li > h3 > div > span.ui-icon { - margin-top: 4px; -} - -#schedule_playlist_chosen li div{ - float: left; -} - -#schedule_playlist_chosen li > div{ - width: 475px; -} - -#schedule_playlist_chosen li > div > div > span{ - float: left; -} - -#schedule_playlist_chosen li > div > div{ - clear: left; - padding-top: 5px; - padding-left: 5px; -} - -.sched_description { - clear: left; - font-size: 85%; - margin-left: 2em; -} - -.sh_pl_name { - width: 150px; -} - -.sh_pl_creator { - width: 125px; -} - -.sh_pl_time { - width: 125px; -} - -.sh_file_name { - display: inline-block; - width: 325px; -} - -.sh_file_artist { - font-size: 90%; - padding-bottom: 5px; -} - -#show_time_info > div, #show_time_info > span{ - float: left; -} - -#show_progressbar { - width: 150px; - height: 5px; - margin-top: 12px; -} - -.time { - width: 150px; - margin: 5px; - text-align: center; -} - -/* Add show Dialog---------------------------------------------------------------------------------------------------- -* -* -* -*/ - -#add_show_name { - -} - -#add_show_description { - width: 400px; - height: 200px; -} - -#fullcalendar_show_display { - width: 400px; -} - diff --git a/public/css/styles.css b/public/css/styles.css index 0445c9fa8..49996271d 100644 --- a/public/css/styles.css +++ b/public/css/styles.css @@ -34,6 +34,9 @@ h3 { padding:0 0 10px 0; margin:0; } +a, a:focus { + outline:none; +} label { font-size:12px; } @@ -79,7 +82,7 @@ select { position:relative; } -.now-playing-block, .show-block, .on-air-block, .time-info-block, .personal-block { +.now-playing-block, .show-block, .on-air-block, .time-info-block, .personal-block, .listen-control-block { height:100px; float:left; margin-right:10px; @@ -234,6 +237,50 @@ select { background:#575050 url(images/on-off-air.png) repeat-x 0 -36px; color:#a5a5a5; } + +.listen-control-block a { + 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; + +} +.listen-control-block a 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)); + padding:5px 10px; + border:1px solid #a1a1a1; + border-width:1px 0; + border-bottom-color:#646464; + color:#dcdcdc; + text-shadow: #555555 0px -1px; + display:block; +} +.listen-control-block a:hover { + border:1px solid #000; +} +.listen-control-block a: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; +} +.listen-control-block a:active span { + color:#fff; +} + /* END Master Panel */ @@ -656,4 +703,248 @@ dt.block-display, dd.block-display { margin-top:0; width:99.99%; z-index:9999; -} \ No newline at end of file +} + + +/*---//////////////////// Schedule Show ////////////////////---*/ + + +#schedule_playlist_dialog > div { + float: left; + width: 50%; + padding: 0; +} + +#schedule_playlist_dialog > div:first-child { + margin-right:2%; + width: 48%; +} + +#schedule_playlist_dialog div:first-child .ui-widget-header:first-child { + background: none repeat scroll 0 0 transparent; + border-width: 0 0 1px; + color: #444444; + font-weight: bold; +} + +#schedule_playlist_dialog div:first-child .ui-widget-header:first-child { + background: none repeat scroll 0 0 transparent; + border-width: 0 0 1px; + color: #444444; + font-weight: bold; +} +#schedule_playlist_dialog .ui-widget-header:first-child .dataTables_filter, +#schedule_playlist_dialog .ui-widget-header:first-child .dataTables_length { + margin: 0; +} + +.ui-dialog #schedule_playlist_dialog.ui-dialog-content { + background: none repeat scroll 0 0 transparent; + border: 1px solid #8f8f8f; + overflow: auto; + padding: 8px; + margin:8px; + +} +#schedule_playlist_dialog > div h4 { + padding: 13px 0 12px 0; + margin: 0; + font-size:16px; + font-weight:normal; +} +#schedule_calendar { + width:98% +} +div.ui-datepicker { + font-size: 75%; +} + + +#schedule_playlist_dialog ul { + list-style-type: none; + overflow: auto; + margin: 0 0 8px 0; + padding: 0; + height: 280px; + background:#9a9a9a; + width:100%; +} + +#schedule_playlist_chosen li { + float: left; + clear: left; + margin: 0; + width: 100%; + display:block; + margin-bottom:-1px; +} + +#schedule_playlist_chosen li > h3 { + font-size:15px; + padding: 7px 0 0 0; + margin: 0; + min-height:25px; + +} + +#schedule_playlist_chosen li > h3 > div { + float: left; + margin: 0 5px 2px 0; +} + +#schedule_playlist_chosen li > h3 > div > span.ui-icon { + margin-top: 0px; +} +#schedule_playlist_chosen li > h3 > span.ui-icon.ui-icon-triangle-1-e { + float:left; + margin-right: 8px; +} +#schedule_playlist_chosen li > h3 > span.ui-icon.ui-icon-close { + float:right; + margin-right: 8px; +} +#schedule_playlist_chosen div.group_list { + border-width:0 1px 1px 1px; +} +/*#schedule_playlist_chosen li div{ + float: left; +} + +#schedule_playlist_chosen li > div{ + width: 475px; +} +*/ + +#schedule_playlist_chosen li > div > div{ + clear: left; + padding-top: 5px; + padding-left: 5px; +} +#schedule_playlist_chosen li > div:first-child { + border-bottom:1px solid #b1b1b1; +} +.sched_description { + clear: left; + font-size: 85%; + margin-left: 2em; +} + +.sh_pl_name { + min-width: 150px; +} + +.sh_pl_creator { + +} + +#schedule_playlist_chosen li > h3 > div.sh_pl_time { + float:right; + margin-right:22px; +} + +#schedule_playlist_chosen li > div > div > span { + float: right; + margin-right:46px; +} +#schedule_playlist_chosen li > div > div > span.sh_file_name { + display: inline-block; + float: left; + margin-right:0; +} + +.sh_file_artist, #schedule_playlist_chosen li > div > div.sh_file_artist { + font-size: 11px; + padding-top: 2px; + padding-bottom: 8px; + color:#5b5b5b; +} + +#schedule_playlist_chosen li > div > div.sched_description { + font-size: 12px; + padding-top: 5px; + padding-bottom: 7px; + border-bottom:1px solid #b1b1b1; + color:#5b5b5b; + margin:0; + background:#dddddd; +} +#show_time_info { + font-size:12px; +} + +#show_time_info > div, #show_time_info > span{ + float: left; +} + +#show_progressbar { + width: 46%; + height: 5px; + margin: 9px 9px 0 0; +} +#show_progressbar.ui-widget-content { + background: #646464 url(images/schedule-show_progressbar_bg.png) repeat-x 0 0; + border-color:#343434; + border-bottom-color:#cfcfcf; +} + +#show_progressbar .ui-progressbar-value { + background: #ff5d1a; + border-color:#343434; + border-width: 1px 0 0 1px; +} + +h2#scheduled_playlist_name { + font-size:21px; + font-weight:normal; + margin:0; + padding:16px 0 0px 12px; + color:#1c1c1c; +} + +h2#scheduled_playlist_name span { + color:#656565; +} + +.time { + width: 80px; + margin: 5px; + text-align: left; +} + +/* --- Add show Dialog --- */ + +#add_show_name { + +} + +#add_show_description { + width: 400px; + height: 200px; +} + +#fullcalendar_show_display { + width: 400px; +} + +.fc-agenda-body { + max-height:560px; +} + +#schedule_calendar .ui-progressbar { + width: 46%; + height: 5px; + margin: 9px 9px 0 0; +} + +#schedule_calendar .ui-progressbar.ui-widget-content { + background: #646464 url(images/schedule-show_progressbar_bg.png) repeat-x 0 0; + border-color:#343434; + border-bottom-color:#cfcfcf; +} +#schedule_calendar .ui-progressbar .ui-progressbar-value { + background: #ff5d1a; + border-color:#343434; + border-width: 1px 0 0 1px; +} +/*---//////////////////// Advenced Search ////////////////////---*/ +