From 1b1e389cf6749e308643d63d8e1b389b98aad8e2 Mon Sep 17 00:00:00 2001 From: lukabazuka Date: Mon, 10 Oct 2011 23:38:51 +0200 Subject: [PATCH] fixed issues CC-2836 and CC-2916 --- airtime_mvc/public/css/styles.css | 4602 +++++++++++++++-------------- 1 file changed, 2303 insertions(+), 2299 deletions(-) diff --git a/airtime_mvc/public/css/styles.css b/airtime_mvc/public/css/styles.css index 05fdd1423..297cc30f3 100644 --- a/airtime_mvc/public/css/styles.css +++ b/airtime_mvc/public/css/styles.css @@ -1,2299 +1,2303 @@ -@charset "utf-8"; -/* CSS Document */ - -body { - font-size: 62.5%; - font-family:Arial, Helvetica, sans-serif; - background: #7f7f7f; - margin: 0; - padding: 0; -} -html, body { -height: 100%; -} - -#login-page { - background: #1f1f1f url(images/login_page_bg.png) no-repeat center 0; - margin: 0; - padding: 0; - height:100%; - text-align:center; -} - -h2 { - color: #000000; - font-size: 2.1em; - font-weight: normal; - margin: 0; - padding: 0 0 10px; -} -h3 { - font-size:1.7em; - font-weight:normal; - color:#000; - padding:0 0 10px 0; - margin:0; -} -a, a:focus { - outline:none; -} -label { - font-size:12px; -} -select { - font-size:12px; - font-family:Arial, Helvetica, sans-serif; - border:1px solid #9d9d9d; -} - -.logo { - position:absolute; - right:20px; - top:104px; - background:transparent url(images/airtime_logo.png) no-repeat 0 0; - height:35px; - width:66px; - z-index:1000; - display:block; -} - -/* Clearfix */ -.clearfix:after, li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} -.clearfix, li { display: inline-block; } -* html .clearfix, * html li { height: 1%;} -.clearfix, li { display: block; } - - -/* Master Panel */ -#sticky { - position:fixed; - height:130px; - top:0; - left:0; -} - - -#master-panel { - background:#3d3d3d url(images/masterpanel_bg.png) repeat-x 0 0; - height:100px; - border:1px solid #000; - border-width: 1px 0; - overflow:hidden; - position:relative; -} - -.now-playing-block, .show-block, .on-air-block, .time-info-block, .personal-block, .listen-control-block, .trial-info-block { - height:100px; - float:left; - margin-right:10px; -} -.personal-block { - float:right; - margin-right:20px; - text-align:right; - min-width:110px; -} - -.personal-block ul { - margin:0; - padding:8px 0 0; -} -.personal-block li { - font-size:11px; - color:#bdbdbd; - list-style-type:none; - margin:0 0 2px 0; -} -.personal-block li.name { - color:#fff; - font-weight:normal; -} -.personal-block li a { - color:#fff; - text-decoration:underline; -} -.personal-block li a:hover { - color:#ff5d1a; -} -.now-playing-block { - width:30%; - padding-left:20px; -} -.show-block { - width:18%; -} -.text-row { - height:30px; - padding:0px 0 0; - font-size:12px; - text-wrap:none; - text-indent:2px; - overflow:hidden; - line-height:30px; -} -#master-panel .text-row { - color:#dfdfdf; -} -.text-row.next-song { - color:#d9d9d9; -} -.text-row strong { - font-weight:bold; - color:#969696; - padding-right:12px; -} -.text-row.rebroadcast, #master-panel .text-row.rebroadcast { - color:#969696; -} -.now-playing-info { - height:25px; - background:#3a3a3a url(images/playinfo_bg.png) repeat-x 0 0; - border: 1px solid #242424; - border-bottom-color:#727272; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - color:#fff; - font-size:15px; - line-height:22px; - text-indent:5px; - overflow:hidden; - margin-bottom:3px; -} -.time-elapsed { - color:#9b9b9b; - padding-right:6px; -} -.time-remaining { - color:#ff6f01; -} -.progressbar { - height:6px; - border:1px solid #242424; - border-width:1px 1px 0 1px; - background:#141414 url(images/progressbar_bg.png) repeat-x 0 0; -} -.progressbar .progress-song, .progressbar .progress-show, .progressbar .progress-show-error { - height:4px; - width:0%; - background:#f97202 url(images/progressbar_song.png) repeat-x 0 0; -} -.progressbar .progress-show { - background:#02cef9 url(images/progressbar_show.png) repeat-x 0 0; -} -.progressbar .progress-show-error { - background:#d40000 url(images/progressbar_show_error.png) repeat-x 0 0; -} -.now-playing-info .show-length { - color:#c4c4c4; - padding-left:6px; -} - -.on-air-block { - padding:0 12px 0 0; - background:url(images/masterpanel_spacer.png) no-repeat right 0; -} -.time-info-block { - padding:0 14px 0 2px; - background:url(images/masterpanel_spacer.png) no-repeat right 0; - min-width:105px; -} -.time-info-block ul { - margin:0; - padding:6px 0 0; -} -.time-info-block li { - list-style-type:none; - font-size:14px; - color:#bdbdbd; - margin:0 0 6px; -} -.time-info-block li.time { - font-size:26px; - color:#fff; - width:auto; - text-align:left; -} -.time-info-block li.time-zone { - font-size:17px; - margin-bottom: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 { - 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 */ - - -.wrapper { - margin: 0 20px 0 20px; - padding:20px 0 0 0; -} - -.alpha-block { - padding:0; - float:left; - margin:0 16px 10px 0; -} -.omega-block { - padding:0; - float:left; - margin:0 0 10px 0; -} -.block-shadow { - -moz-box-shadow: 0 2px 2px rgba(0,0,0,.10); - -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.10); - box-shadow: 0 2px 2px rgba(0,0,0,.10); -} -.clear { - clear: both; - display: block; - height: 0; - overflow: hidden; - visibility: hidden; - width: 0; -} -fieldset.plain { - border:none; - padding:0; - margin:0; -} -.frame { - padding:0; - border:1px solid #5b5b5b; - margin: 0 0 8px 0; -} -.padded { - padding:8px; -} -.padded-strong { - padding:10px; -} -.input_text, input[type="text"], input[type="password"] { - font-family:Arial, Helvetica, sans-serif; - border: 1px solid #5b5b5b; - font-size: 12px; - /*height: 23px;*/ - margin: 0; - padding: 4px 3px; - /*text-indent: 3px;*/ - width:auto; - background-color: #dddddd; - border: 1px solid #5b5b5b; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset; -} - -input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .input_text_area:focus { - border: 1px solid #0088f1; -} -.auto-search { - background:#dddddd url(images/search_auto_bg.png) no-repeat 0 0; - text-indent:25px; -} -.input_text_area, textarea { - background-color: #dddddd; - border: 1px solid #5b5b5b; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset; - font-size: 13px; - text-indent: 3px; - margin:0; -} -.input_select, select { - background-color: #DDDDDD; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset; - border: 1px solid #5b5b5b; - font-family: Arial,Helvetica,sans-serif; - font-size: 12px; - height: 25px; - margin: 0; - padding: 2px 2px 2px 0; - vertical-align: top; -} -label { - font-size:13px; - color:#5b5b5b; - padding:0 16px 0 0; -} -#library_quick_search { - margin-bottom:16px; -} -#library_quick_search label { - -} -#library_quick_search input { - width:60%; -} -dl.inline-list { - float: left; - margin: 0; - padding: 0; - -} - -dl.inline-list dt { - clear: left; - float: left; - margin: 0; - padding: 0px 0; - font-weight: bold; - color:#333333; - font-size:12px; - font-weight:bold; - text-align:left; - min-width:70px; -} -dl.inline-list dd { - float: left; - margin: 0; - padding: 0px 0 4px 15px; - font-size:12px; -} -.left-floated { - float:left; - margin-left:0; - margin-right:10px; -} -.right-floated { - float:right; - margin-left:10px; - margin-right:0; - text-align:right; -} -/*----Data Table----*/ - -.datatable tr th.ui-state-default { - border: 1px solid #CCC; - border-width: 0 0 0 1px !important; -} -.datatable { - border-color: #5b5b5b; - border-style: solid; - border-width: 1px 1px 1px 1px; - width:100%; -} -.datatable tr td, .datatable tr th { - border-color: #b1b1b1; - border-style: solid; - border-width: 1px 0 0 1px; - font-size: 13px; - padding: 5px 5px; -} -.odd { - background-color: #d8d8d8; -} -.even { - background-color:#c7c7c7; -} -.datatable tr.even.selected td { - background-color: #abcfe2; -} -.datatable tr.odd.selected td { - background-color: #c5deeb; -} -.datatable tr.odd:hover td, .datatable tr.even:hover td { - background-color: #95d5f7 !important; -} - -.datatable tr td:first-child, .datatable tr th:first-child, .datatable tr th.ui-state-default:first-child { - border-left-width:0 !important; -} -.ui-widget-header + .datatable { - border-width: 0px 1px 1px 1px; -} -.datatable + .ui-widget-header { - border-width: 0px 1px 1px 1px; -} -.dataTables_scrollHeadInner > .datatable { - border-width: 0px 1px 0 1px; -} -.dataTables_scroll .datatable { - border-width: 0px 1px 0 1px; -} - -.DataTables_sort_wrapper .ui-icon { - display: block; - float: left; - margin: 0 3px 0 -2px; -} -.dataTables_length { - float:right; - margin:0 8px 0 0; - -} -.dataTables_length label { - padding:10px 6px 0 0; - font-size:12px; - color:#404040; - line-height:22px; -} -.dataTables_filter { - margin:8px 0 0 8px; -} -.dataTables_filter .auto-search { - width:60%; -} -.dataTables_processing { - font-size:11px; - font-weight:normal; - margin:2px 0 3px 8px; -} -#library_display_wrapper .ui-widget-header:first-child { - background:none; - border-width:0 0 1px 0; - color: #444444; - font-weight: bold; -} -#library_display_wrapper .ui-widget-header:first-child .dataTables_length { - margin:0; -} -#library_display_wrapper .ui-widget-header:first-child .dataTables_filter { - margin:0; -} - -.dataTables_info { - padding: 8px 0 0 8px; - font-size:12px; - color:#555555; - font-weight:normal; -} - -.dataTables_paginate { - padding: 8px 0 8px 8px; -} -.dataTables_paginate .ui-button { - font-size:12px; - font-weight:normal; - padding: 0.2em 1em; - margin-right:3px; -} -.dataTables_filter input { - background: url("images/search_auto_bg.png") no-repeat scroll 0 0 #DDDDDD; - width: 60%; - border: 1px solid #5B5B5B; - margin: 0; - padding: 4px 3px 4px 25px; -} -.dataTables_length select { - background-color: #DDDDDD; - border: 1px solid #5B5B5B; - font-family: Arial,Helvetica,sans-serif; - font-size: 12px; - height: 25px; - margin: 0; - padding: 2px 2px 2px 0; - vertical-align: top; -} - -/*----END Data Table----*/ - -fieldset { - border: 1px solid #8f8f8f; - margin: 0; - padding: 0; -} -fieldset.plain { - border: none; - margin: 0; - padding: 0; -} -input[type="checkbox"] { - margin:0; - outline:none; - padding:0; - width:13px; - height:13px; -} -/*---//////////////////// LOGIN ////////////////////---*/ - -.login_box { - margin: 0 auto 0 auto; - text-align:center; - width:420px; - border:1px solid #181818; - border-width: 0 0 1px 0; - padding:0; - padding-top:60px; -} - -.login_box h2 { - background:#1f1f1f; - background: -moz-linear-gradient(center top , #2c2c2c 0pt, #1f1f1f 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c2c2c), color-stop(100%, #1f1f1f)); - border:1px solid #181818; - border-top-color:#4f4f4f; - margin:0; - padding:8px 0 8px 14px; - font-size:15px; - font-weight:bold; - color:#bebebe; - text-align:left; - -moz-box-shadow: 0 2px 2px rgba(0,0,0,.10); - -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.10); - box-shadow: 0 2px 2px rgba(0,0,0,.10); -} -.login_box p { - margin:0; - padding:8px 0 16px 0; - font-size:12px; - color:#717171; - text-align:left; -} -.logobox { - height:120px; - text-align:center; - background:url(images/airtime_logo_big.png) no-repeat 50% 0; -} - -.login { - margin:2px 0 0 4px; - border:none; - background:none; - text-align:left; - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -.login td { - border:none; - background-color:transparent; - color:#696969; -} - -.login h2 { - padding:7px 0 10px 0; -} - -.light { - color:#1683b0; -} -.alert { - color:#C00; -} - -.login-content { - background:url(images/login_content_bg.png) no-repeat 0 bottom; - padding:10px 10px 12px 14px; - text-align:left; -} -.login-content dl, .login-content dl.zend_form { - margin: 12px 0 0 0; - margin-bottom:8px; - margin:0; - padding:0; - width:100%; -} - -.login-content dd { - padding: 4px 0; - float: left; - font-size: 1.2em; - margin: 0; - padding: 4px 0 4px 15px; -} -.login-content dt { - clear: left; - color: #666666; - float: left; - font-size: 1.2em; - font-weight: bold; - margin: 0; - padding: 4px 0; - text-align: left; - min-width:90px; - clear:left; -} - -dt.block-display, dd.block-display { - display:block; - float:none; - margin-left:0; - padding-left:0; -} - -.login-content dt label { - padding-right:0; -} -.login-content dd .input_text { - padding-right:0; - width:280px; -} - -/*---//////////////////// END LOGIN ////////////////////---*/ - - -/*---//////////////////// FOOTER ////////////////////---*/ -.footer { - display:block; - height:40px; - clear:both; - color:#4b4b4b; - margin-top:12px; - font-size:11px; - line-height:140%; - text-align:center; - padding:10px 0 0 0; -} - -.footer a { - color:#ff5d1a; - text-decoration:none; -} -#login-page .footer { - color:#6d6d6d; -} -.footer a:hover { - color:#ff5d1a; - text-decoration:underline; -} -/*---//////////////////// END FOOTER ////////////////////---*/ - -.button-bar { - height: 28px; - margin-top:12px; -} -/*.sticky { - padding:0; - width:100%; - z-index:2000; - position:fixed; - top:0; - left:0; - margin-bottom:140px; -}*/ -.sticky { - padding:0; - width:100%; -} - -.floated-panel { - margin-top:0; - width:99.99%; - z-index:999; -} - - -/*---//////////////////// Schedule Show ////////////////////---*/ - - -#schedule_playlist_dialog .wrapp-two { - float: left; - width: 50%; - padding: 0; -} - -#schedule_playlist_dialog .wrapp-one { - margin-right:2%; - width: 48%; - float: left; -} - -#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 { - padding:0; -} - - -#schedule_playlist_dialog > div { - background: none repeat scroll 0 0 transparent; - border: 1px solid #8f8f8f; - padding: 8px; - margin:8px 8px 0 8px; -} - - -#schedule_playlist_dialog > div h4 { - padding: 13px 0 12px 0; - margin: 0; - font-size:16px; - font-weight:normal; -} -#schedule_calendar { - width:98.5% -} -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, -#schedule_playlist_chosen li > h3 > span.ui-icon.ui-icon-triangle-1-s { - 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; - height:30px; -} - -#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:8px 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 ////////////////////---*/ - -.search_control { - padding:8px; - border:1pxp solid #8f8f8f; - background:#d8d8d8; - margin-bottom:8px; -} -.search_group { - padding:8px; - border:1pxp solid #8f8f8f; - margin-bottom:8px; -} -.search_group > fieldset { - padding:0; - border:none; - margin-top:8px; -} -.search_group > fieldset .input_text { - width:45%; -} -.search_group > fieldset .input_text, .search_group > fieldset .input_select { - margin-right:6px; -} -.search_group fieldset .ui-button-icon-only .ui-button-text, .search_group fieldset .ui-button-icons-only .ui-button-text { - padding: 3px 2px; - text-indent: -1e+7px; -} -.search_group fieldset .ui-button-icon-only { - width: 2.1em; -} - -.search_group fieldset .ui-button-icon-only .ui-icon { - left: 48%; - margin-top: -9px; - position: absolute; - top: 50%; -} - -/*---//////////////////// USERS ////////////////////---*/ - -.simple-formblock { - width: 30%; -} - -.simple-formblock dl, .simple-formblock dl.zend_form { - margin: 0; - padding: 0; - width: 100%; -} -.simple-formblock dt { - clear: left; - color: #666666; - float: left; - font-size: 1.2em; - font-weight: bold; - margin: 0; - min-width: 90px; - padding: 4px 0; - text-align: left; -} -.simple-formblock dd { - float: left; - font-size: 1.2em; - margin: 0; - padding: 4px 0 4px 15px; - width:60%; -} - -.simple-formblock dd.block-display { - width: 100%; -} - -.stream-setting-content dd.block-display { - /*width: 60%;*/ -} - -.simple-formblock.padded-strong { - padding:12px; -} - -.simple-formblock dd .input_text { - width: 97.8%; -} - -.simple-formblock h2 { - font-size:1.7em; - padding-bottom:16px; -} -.simple-formblock label { - padding:0; -} - -.ui-button-icon-only.crossfade-main-button, .ui-button-icons-only.crossfade-main-button { - padding-right: 8px; -} -.ui-button-icon-only.crossfade-main-button .ui-button-text, .ui-button-icons-only.crossfade-main-button .ui-button-text { - padding: 0; - text-indent: -1e+7px; - padding: 0.1em 1em; -} - -.ui-state-default .ui-icon.crossfade-main-icon { - background:url(images/crossfade_main.png) no-repeat 0 2px; - width:25px; -} - -.ui-button-icon-only.crossfade-main-button .ui-icon { - left: 44%; - margin-left: -8px; -} - -button, input { - margin-top:0; - margin-bottom:0; -} - -.user-management { - width:910px; - /*width:380px;*/ -} -.user-management-expanded { - width:910px; -} -.user-data { - float:left; - width:420px; - margin-left:10px; - /*display:none;*/ -} -.user-list-wrapper { - float:left; - width:480px; - /*margin-right:10px;*/ -} - -.user-management div.user-list-wrapper .ui-widget-header:first-child { - background: none repeat scroll 0 0 transparent; - border-width: 0 0 1px; - color: #444444; - font-weight: bold; -} -.user-list-wrapper .ui-widget-header:first-child .dataTables_filter { - margin:0; -} -.user-management h2 { - font-size: 1.7em; - padding-bottom: 12px; -} -.user-management .dataTables_filter input { - width: 93.8%; - margin-bottom:8px; -} -.user-data.simple-formblock dd { - width: 73%; -} - -.user-data fieldset { - margin-bottom:8px; -} -.user-data fieldset:last-child { - margin-bottom:0; -} - -.user-list-wrapper .button-holder { - padding:0; - text-align:right; - height:37px; -} -.user-list-wrapper .button-holder .ui-button { - margin:0; -} -.ui-widget-content .user-list-wrapper .ui-icon.ui-icon-closethick { - background-image:url(redmond/images/ui-icons_666666_256x240.png); - cursor:pointer; - float:right; - margin-right:5px; -} -.ui-widget-content .user-list-wrapper .ui-icon.ui-icon-closethick:hover { - background-image:url(redmond/images/ui-icons_ff5d1a_256x240.png); -} - - -#ui-datepicker-div { z-index: 10 !important } - -.button-bar-top { - text-align:right; - height:38px; -} - -.toggle-button, .toggle-button-active { - border: 1px solid #505050; - background-color: #5e5e5e; - background: -moz-linear-gradient(top, #757575 0, #5e5e5e 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #757575), color-stop(100%, #5e5e5e)); - color: #ffffff; - margin:0; - font-size:12px; - padding:5px 12px; - text-decoration:none; - text-shadow: #343434 0px -1px; - border-width:1px 0 1px 1px; - cursor:pointer; -} -.toggle-button:hover { - 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)); - text-shadow: #000000 0px -1px; -} - -.toggle-button-active { - background-color: #c6c6c6; - background: -moz-linear-gradient(top, #767676 0, #c6c6c6 20%, #c6c6c6 35%, #a0a0a0 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #767676), color-stop(20%, #c6c6c6), color-stop(35%, #c6c6c6), color-stop(100%, #a0a0a0)); - color: #2e2e2e; - cursor:default; - text-shadow: #d8d8d8 0px 1px; -} -.end-button { - 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, .input_text.hasDatepicker { - background-image:url(images/input_with_calendar_bg.png); - background-repeat:no-repeat; - background-position:right 0; -} -.input_text.hasTimepicker { - background-image:url(images/input_with_time_bg.png); - background-repeat:no-repeat; - background-position:right 0; -} -ul.errors { - display:block; - clear:left; - padding:3px 0 0 0; - margin:0; -} - -.formrow-repeat ul.errors { - width:278px; -} - -ul.errors li { - color:#902d2d; - font-size:11px; - padding:2px 4px; - background:#c6b4b4; - margin-bottom:2px; - border:1px solid #c83f3f; -} - -div.success{ - color:#3B5323; - font-size:11px; - padding:2px 4px; - background:#93DB70; - margin-bottom:2px; - border:1px solid #488214; -} - -.collapsible-header, .collapsible-header-disabled { - border: 1px solid #8f8f8f; - background-color: #cccccc; - background: -moz-linear-gradient(top, #cccccc 0, #b9b9b9 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cccccc), color-stop(100%, #b9b9b9)); - font-size:13px; - color:#353535; - font-weight:bold; - padding:6px 0 6px 20px; - margin:8px 0 0 0; - cursor:pointer; - position:relative; -} -.collapsible-content { - margin-top:-1px; - display:none; -} -.collapsible-header .arrow-icon, .collapsible-header-disabled .arrow-icon { - display:block; - background:url(images/arrows_collapse.png) no-repeat 0 0; - height:11px; - width:11px; - position:absolute; - left:5px; - top:8px; - -} -.collapsible-header.close .arrow-icon, collapsible-header-disabled.close .arrow-icon { - background-position: 0 -11px; - -} -#schedule-add-show .button-bar { - height: 28px; - margin: 0 0 8px 0; -} -#schedule-add-show .button-bar.bottom { - margin: 16px 0 0; -} -.schedule { - text-align:left; - height:38px; -} - -.add-button, .ui-widget-content a.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, .ui-widget-content a.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; -} - -/*---//////////////////// NOW PLAYING COLORS ////////////////////---*/ -.playing-song, .datatable tr.playing-song:hover td { - background-color:#ff753c !important; -} -.playing-list { - background-color:#b0dcf2; -} -.odd.playing-list { - background-color:#bfe5f8; -} -.gap, .datatable tr.gap:hover td { - background-color:#da5454 !important; -} -.group, tr td.group { - background-color:#0aa2be; - color:#FFF; -} - - -/*---//////////////////// END NOW PLAYING COLORS ////////////////////---*/ -.icon-link, .ui-widget-content a.icon-link { - color: #646464; - position: relative; - text-decoration: none; - padding: 0 0 0 20px; -} -.icon-link .ui-icon { - background-image:url(redmond/images/ui-icons_666666_256x240.png); - background-repeat: no-repeat; - display: block; - height: 16px; - left: 0.2em; - margin: -3px 5px 0 0; - overflow: hidden; - position: absolute; - top: 2px; - width: 16px; -} -.icon-link:hover, .ui-widget-content a.icon-link:hover { - color: #444444; - text-decoration:underline; -} -.icon-link:hover .ui-icon { - background-image:url(redmond/images/ui-icons_454545_256x240.png); -} - -.button-bar .icon-link { - float:left; - margin:7px 0 0 1px; -} - -#show_content_dialog .datatable tr:first-child td { - border-top:none; -} - -#show_content_dialog .datatable { - margin-top:8px; -} -.simple-formblock.metadata, #side_playlist .simple-formblock.metadata { - border:none; - width:auto; - display:block; - padding: 2px; -} -#side_playlist .simple-formblock.metadata .input_text, #side_playlist .simple-formblock.metadata .input_text_area { - width:95%; -} -#side_playlist .simple-formblock.metadata.simple-formblock dd { - width:70%; -} -#side_playlist h3.plain { - float:none; - font-size:18px; - margin:2px 0 20px 0; -} - -.qtip { - font-size:11px; - line-height:160%; -} - -#schedule-show-who.scrolled { - margin-bottom: 0; - max-height:300px; - overflow:auto; -} -.text-content { - padding:20px 10px 40px 58px; - background: url(images/sf_arror.png) no-repeat 60% 0; - min-height: 300px; -} -.text-content h2 { - font-size:2.4em; - color:#1f1f1f; -} -.text-content p { - font-size:1.6em; - line-height:140%; - color:#1f1f1f; - margin:0 0 1.4em 0; -} -.text-content a { - color:#f2f2f2; - text-decoration:none; -} -.text-content a:hover { - text-decoration:underline; -} - -.text-content ol { - margin:0 0 22px 25px; - padding:0; - list-style-position:outside; -} - -.text-content ol li { - margin:0 0 6px 0; - font-size:1.7em; - display:list-item; - color:#1f1f1f; -} -.gray-logo { - margin:5px 0 0 20px; -} -.formrow-repeat { - list-style-type:none; - margin:0; - padding:0; -} -.formrow-repeat li { - list-style-type:none; - margin:0 0 8px 0; - padding:0; - height:25px; - display:block; -} -/* -.formrow-repeat li .ui-button-icon-only { - width:1.8em; -} -.formrow-repeat li .ui-button-icon-only .ui-button-text, .formrow-repeat li .ui-button-icons-only .ui-button-text { - padding: 3px 3px 4px; -} - -.formrow-repeat li .ui-button-icon-only .ui-icon { - left: 48%; - margin-top: -9px; - position: absolute; - top: 50%; -} -.formrow-repeat li .ui-button .ui-button-text { - display: block; - line-height: 110%; -} -*/ - -#add_show_rebroadcast_relative .ui-button-icon-only, -#add_show_rebroadcast_absolute .ui-button-icon-only { - width: 1.8em; -} -#add_show_rebroadcast_relative .ui-button-icon-only .ui-button-text, -#add_show_rebroadcast_absolute .ui-button-icon-only .ui-button-text, -#add_show_rebroadcast_relative .ui-button-icons-only .ui-button-text, -#add_show_rebroadcast_absolute .ui-button-icons-only .ui-button-text, -#add_show_rebroadcast_relative .ui-button-text-icon-primary .ui-button-text, -#add_show_rebroadcast_absolute .ui-button-text-icon-primary .ui-button-text { - font-size:12px; -} - -#add_show_rebroadcast_relative .ui-button-icon-only .ui-icon, -#add_show_rebroadcast_absolute .ui-button-icon-only .ui-icon { - margin-top: -8px; - position: absolute; - top: 50%; -} -#add_show_rebroadcast_relative .ui-button-text-icon-primary .ui-icon, -#add_show_rebroadcast_absolute .ui-button-text-icon-primary .ui-icon { - left: 0.4em; -} -#add_show_rebroadcast_relative .ui-button .ui-button-text, -#add_show_rebroadcast_absolute .ui-button .ui-button-text { - display: block; - line-height: 14px; -} - -.formrow-repeat li .inline-text { - color: #666666; - padding: 0 6px 0 0; -} -.formrow-repeat li .input_text, .formrow-repeat li .input_select { - margin-right:6px; -} -.formrow-repeat li .hasDatepicker, .formrow-repeat li .input_select { - width:95px; -} -.formrow-repeat li .hasTimepicker { - width:60px; -} -.recording-show { - float: right; - background:url(images/record_icon.png) no-repeat 0 0; - width:23px; - height:23px; -} - -.datatable td .info-icon { - margin:-4px 3px -3px 0; - float:right; -} -.time-flow { - float:right; - margin-right:4px; -} -.small-icon { - display:block; - width:20px; - height:10px; - float:right; - margin-left:3px; - margin-top:2px; -} -.small-icon.recording { - background:url(images/icon_record.png) no-repeat 0 0; -} -.small-icon.rebroadcast { - background:url(images/icon_rebroadcast.png) no-repeat 0 0; -} -.small-icon.soundcloud { - background:url(images/icon_soundcloud.png) no-repeat 0 0; - width:21px; -} -.small-icon.sc-error { - background:url(images/icon_soundcloud_error2.png) no-repeat 0 0; - width:21px; -} -.small-icon.progress { - background:url(images/upload-icon.gif) no-repeat; - background-color:black; - background-position:center; - border-radius:2px; - -webkit-border-radius:2px; - -moz-border-radius:2px; -} -.small-icon.alert { - background:url(images/icon_alert.png) no-repeat; - float:left; - width:13px; - margin-right:3px; - margin-left:1px; -} -.medium-icon { - display:block; - width:25px; - height:12px; - float:right; - margin-left:4px; -} -.medium-icon.recording { - background:url(images/icon_record_m.png) no-repeat 0 0; - width:20px; -} -.medium-icon.rebroadcast { - background:url(images/icon_rebroadcast_m.png) no-repeat 0 0; -} -.medium-icon.soundcloud { - background:url(images/icon_soundcloud_m.png) no-repeat 0 0; - width:21px; -} -.medium-icon.nowplaying, .medium-icon.finishedplaying { - background:url(images/icon_nowplaying_m.png) no-repeat 0 0; - width:12px; - height:9px; - float:left; - margin-left:6px; - margin-right:0; -} -.medium-icon.finishedplaying { - background:url(images/icon_finishedplaying_m.png) no-repeat 0 0; -} -.preferences, .manage-folders, .stream-config { - width: 500px; -} - -dt.block-display, dd.block-display { - display: block; - float: none; - margin-left: 0; - padding-left: 0; -} -.preferences dt.block-display, .preferences dd.block-display { - padding: 0 0 5px 0; -} -.preferences dd.block-display, .stream-config dd.block-display { - margin-bottom:4px; -} -.preferences dd.block-display:last-child, .stream-config dd.block-display:last-child { - margin-bottom:0; - padding-bottom:0; -} -.preferences input[type="radio"], .stream-config input[type="radio"] { - margin:0; -} -.preferences label input[type="radio"], .stream-config label input[type="radio"] { - margin:0 1px 0 0; -} -.preferences label input[type="checkbox"], .stream-config label input[type="checkbox"] { - margin:0 5px 0 0; -} -dd.radio-inline-list, .preferences dd.radio-inline-list, .stream-config dd.radio-inline-list { - margin-bottom:6px; -} -.radio-inline-list label { - margin-right:12px; -} -.preferences.simple-formblock dd.block-display { - width: 100%; -} - -.preferences.simple-formblock dd.block-display select, .stream-config.simple-formblock dd.block-display select { - width: 100%; -} -.preferences dd.block-display .input_select, .stream-config dd.block-display .input_select { - width: 100%; -} -.preferences dd.block-display .input_text_area, .preferences dd.block-display .input_text -.stream-config dd.block-display .input_text_area, .stream-config dd.block-display .input_text, -.stream-config dd.block-display input[type="text"], .stream-config dd.block-display input[type="password"] { - width: 98.5%; -} - -.preferences dd#SoundCloudTags-element.block-display .input_text_area { - height: 120px; -} - -#show_time_info { - font-size:12px; - height:30px; -} -#show_time_warning { - background:#c83f3f url(images/icon_alert_ffffff.png) no-repeat 5px 4px; - border:1px solid #9d1010; - color:#fff; - padding: 2px 5px 2px 24px; - font-size: 12px; - line-height: 140%; -} - -/* HACK, to be removed after 1.7.0 */ -button.ui-button.md-cancel { - padding: .4em 1em; -} - -/*--//////////////////////// Changes/add-ons Jun 8th, 2011 ////////////////////////--*/ - -.dialogPopup.ui-dialog-content { - padding: 0.9em 1em; -} -.dialogPopup dl { - margin:0; - padding:0; - clear:both; - width:100%; -} -.dialogPopup dt { - clear: left; - padding: 0; - float:left; - width:35%; -} - -.dialogPopup dt.block-display { - float:none; - width:100%; - padding: 0 0 10px; -} - -.dialogPopup dt label { - font-weight: bold; - line-height:24px; -} -.dialogPopup dd { - padding: 0; - float:left; - width:65%; - margin:0 0 6px 0; -} -.dialogPopup dd.block-display { - float:none; - width:100%; - padding: 0 0 10px; - margin:0 0 8px 0; -} -.dialogPopup fieldset dt:last-child, .dialogPopup fieldset dd:last-child { - margin:0; -} - -.info-text { - font-size:12px; - color:#5b5b5b; - line-height:150%; - padding:0 0 6px; - margin:0; - -} -.dialogPopup label input[type="checkbox"] { - float:left; - margin-right:6px; -} - -.dialogPopup fieldset { - padding: 0; - clear:both; - border:none; -} -.dialogPopup fieldset dd input[type="text"], .dialogPopup fieldset dd textarea { - width:99.5%; - padding:0; - height:23px; -} -.dialogPopup fieldset dd select { - width:100%; -} - -fieldset.display_field { - /*background-color:#d5d5d5; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;*/ - padding:10px; - border: 1px solid #8F8F8F; -} -label span { - font-weight:normal; -} - -.dialogPopup .display_field dt, .dialogPopup .display_field dd { - color: #353535; - float: left; - font-size: 12px; - margin: 0; - padding: 4px 0; - text-align: left; - width:auto; -} - -.dialogPopup .display_field dt { - clear: left; - font-weight:bold; - width:auto; - min-width:auto; - padding-right:8px; -} -#show_what_sending textarea { - background-color:transparent; - border:none; - box-shadow: none; - font-size: 12px; - text-indent: 0; - margin:0; - width:100%; - line-height:180%; - resize: none; -} -#show_what_sending textarea:focus { - border:none; -} -#show_what_sending dl { - overflow-x: hidden; -} - -#watched-folder-section dd.block-display input[type="text"] { - width: 63.6%; -} - -#watched-folder-section dd.block-display input[type="button"] { - border: 1px solid #5b5b5b; - 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)); - color: #ffffff; - font-family:Arial, Helvetica, sans-serif; - font-size:12px; - height:25px; - margin:0; - display:block; - margin-left:5px; - line-height:12px; - padding:0 10px 1px 10px; -} -#watched-folder-section dd.block-display input[type="button"]:hover { - border: 1px solid #242424; - 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)); - color: #ffffff; -} - -#watched-folder-section dd.block-display { - clear:both; - min-height:25px; - -} -#watched-folder-section dd.block-display.selected-item { - clear:both; - background:#9a9a9a; - margin:2px 0 5px 0; - width:84%; - padding:4px 8px 0; - position:relative; - min-height:22px; - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - font-size:13px; -} -#watched-folder-section dd.block-display.selected-item .ui-icon { - position:absolute; - top:4px; - right:5px; - cursor:pointer; -} -#watched-folder-section dd.block-display.selected-item .ui-icon:hover { - background-image:url(redmond/images/ui-icons_ff5d1a_256x240.png) -} -#watched-folder-section dd.block-display input { - float:left; -} - -fieldset > legend { - color: #4F4F4F; - font-size: 12px; - line-height: 140%; -} -fieldset.closed, fieldset.display_field.closed { - border-width: 1px 0 0; - margin-bottom: -6px; - margin-left: 1px; -} - -fieldset.closed dl, fieldset.closed textarea, fieldset.closed div { - display:none; -} - -fieldset legend .ui-icon, .ui-widget-content fieldset legend .ui-icon { - background-image: url(redmond/images/ui-icons_454545_256x240.png); - float: left; -} - -input[type="checkbox"][disabled] { - opacity: 0.6; -} - -.play_small { - height:11px; - width: 15px; - display:inline-block; - background:url(images/play_pause_small.png) no-repeat 0 0; - margin:0 7px 0 0; - text-indent:-9999px; - overflow:hidden; - line-height:10px; -} -.play_small:hover, .play_small.paused { - background-position: 0 -11px; -} -.play_small.paused:hover { - background-position: 0 -22px; -} - -.play_small.playing { - background-position: -20px 0; -} -.play_small.playing:hover { - background-position: -20px -11px; -} - -.info-text-small { - color: #5B5B5B; - font-size: 11px; - line-height: 150%; - margin: 0; - padding: 0 0 6px; - font-style:italic; - font-weight:normal; -} -dd .info-text-small { - padding: 1px 0 2px; - display:inline-block; -} - -.stream-config dt { - width:120px; - padding: 4px 0; -} -.stream-config dt.block-display { - width:auto; -} -.stream-config dd { - margin-bottom:0px; -} -.stream-config dd select { - width:160px; - line-height:140%; -} - -.stream-config dd input[type="text"] { - /*width:98.5%;*/ - min-width:152px; -} - -.stream-config dd input[id$=port] { - width:152px; -} - -dt.block-display.info-block { - width: auto; - font-size:12px; - padding:10px 0; -} -.top-margin { - margin-top:10px; - float: left; -} -.left-margin { - margin-left:20px; - float: left; -} -.stream-config dd.block-display textarea { - width: 99.5%; - height: 110px; -} - -.input-info { - font-size:12px; - padding:0 0 0 5px; -} - -.stream-config dd.block-display input[type="text"].with-info, .stream-config dd.block-display input[type="password"].with-info { - width: 83.6%; -} -.stream-config dd.block-display p { - font-size:13px; - margin:4px 0 4px 2px; -} - -.stream-config #output_setting { - width: 96%; -} - -.stream-config dt.block-display, .stream-config dd.block-display { - /*float: left;*/ -} -.collapsible-header-disabled { - cursor:default; - opacity:0.6; -} - -/*---//////////////////// ERROR PAGE ////////////////////---*/ - -.error-content { - background:url(images/404.png) no-repeat 0 0; - width:300px; - margin: 24px 15px; - padding: 0px 10px 0 420px; -} -.error-content h2 { - margin:0; - padding:0 0 10px 0; - font-size:36px; - font-weight:bold; - color:#3e3e3e; - text-align:left; - letter-spacing:-.3px; - text-shadow: rgba(248,248,248,.3) 0 1px 0, rgba(0,0,0,.8) 0 -1px 0; - rgba(51,51,51,.9) -} -.error-content p { - color: #272727; - font-size: 16px; - margin: 0; - padding:8px 2px; -} -.error-content .button-bar { - margin-top:47px; - padding-left:2px; -} -.error-content .toggle-button { - border: 1px solid #434343; - border-width:1px 1px 0px 1px; - background-color: #636363; - background: -moz-linear-gradient(top, #737373 0, #545454 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #737373), color-stop(100%, #545454)); - color: #1b1b1b; - font-size:15px; - font-weight:bold; - padding:5px 14px 6px 15px; - text-shadow: rgba(248,248,248,.24) 0 1px 0; - box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0 2px 2px inset; - -moz-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0 2px 2px inset; - -webkit-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0 2px 2px inset; - margin: 0 5px 0 0; -} -.error-content .toggle-button:hover { - border: 1px solid #000; - border-width:1px 1px 0px 1px; - background-color: #353535; - background: -moz-linear-gradient(top, #393939 0, #000000 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #393939), color-stop(100%, #000000)); - color: #ff5d1a; - text-shadow:none; - box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 2px inset; - -moz-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 2px inset; - -webkit-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 2px inset; -} - -/*---//////////////////// DEFAULT TABLE ////////////////////---*/ - -table { - border-color: #5b5b5b; - border-style: solid; - border-width: 0; -} -tbody tr th { - color: #000000; - background-color: #b1b1b1; - background: -moz-linear-gradient(top, #bebebe 0, #a2a2a2 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bebebe), color-stop(100%, #a2a2a2)); - font-size: 13px; - padding: 5px 5px; - border-color: #b1b1b1; - border-style: solid; - border-width: 1px 0 0 1px; - border-top-color: #5b5b5b; - text-align:left; -} -thead tr th { - color: #FFFFFF; - font-size: 12px; - padding: 5px 5px; - border-color:#CCCCCC; - 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-style: solid; - border-width: 0 0 0 1px; -} -tr td { - border-color: #b1b1b1; - border-style: solid; - border-width: 0; - font-size: 12px; - padding: 5px 5px; -} -tfoot tr td, tfoot tr th { - color:#FFFFFF; - background-color: #6e6e6e; - background: -moz-linear-gradient(top, #6e6e6e 0, #868686 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6e6e6e), color-stop(100%, #868686)); - font-size: 13px; - padding: 5px 5px; - border-color: #b1b1b1; - border-style: solid; - border-width: 1px 0 0 1px; -} -tfoot tr th { - font-weight:bold; - text-align:left; -} - - -/*---//////////////////// STATUS TABLE ////////////////////---*/ -.statustable { - background-color: #D8D8D8; - border-width: 2px 1px 1px; -} -.statustable tr td, .statustable tr th { - text-align:center; - vertical-align:text-top; - font-size:13px; -} -.statustable tr td { - border-width: 1px 0 0 1px; -} -.statustable tr td:first-child, .statustable tr th:first-child { - text-align:left; - border-left-width: 0 !important; -} -.checked-icon { - width:100%; - margin:0; - background: url("images/accept.png") no-repeat center center; - height:16px; - margin:0; - display:block; -} -.not-available-icon { - width:100%; - margin:0; - background: url("images/delete.png") no-repeat center center; - height:16px; - margin:0; - display:block; -} -.statustable ul { - margin:4px 0; - padding:0; -} -.statustable ul li { - background:#bbb; - margin:2px 0 6px 0; - padding:4px 8px 0; - position:relative; - min-height:22px; - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - font-size:13px; -} -.statustable .big { - width:120px; - height:10px; - background:#444444; - background: -moz-linear-gradient(top, #464646 0, #3e3e3e 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(100%, #464646)); - border-bottom:1px solid #fff; - margin: 0 auto; - padding: 1px; - display:inline-block; -} -.diskspace { - background-color:#e76400; - background: -moz-linear-gradient(top, #ff6f01 0, #bc5200 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff6f01), color-stop(100%, #bc5200)); - height:10px; -} -.statustable a { - color: #222; - text-decoration: underline; -} - -.statustable a:visited { - color: #666; - text-decoration: underline; -} -.statustable a:hover { - color: #e76400; - text-decoration: underline; -} -.strong { - font-weight:bold; -} - - -/*---//////////////////// PLUPLOAD ERROR ////////////////////---*/ - -#plupload_error{ - margin-top:10px; -} - -#plupload_error table { - color:red; - border:1px solid #c83f3f; - background:#c6b4b4; -} -#plupload_error table td { - color:#902d2d; - font-size:12px; - font-weight:bold; - padding:2px 4px; - margin-bottom:2px; - border:none; - margin:0; -} - -/*---//////////////////// TRIAL BOX HEADER ////////////////////---*/ - -.trial-box { - width:142px; - height:38px; - display:block; - position:absolute; - right:20px; - bottom:10px; - background-color:#222; - background-color:rgba(0, 0, 0, 0.7); - z-index:100; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - color:#FFF; - font-size:11px; - padding:7px; -} -.trial-box p { - padding:0 0 3px 0; - margin:0 0 5px 0; - float:left; -} -.trial-box-button a { - width:92px; - height:14px; - display:block; - padding: 1px 3px; - -moz-border-radius: 1px; - -webkit-border-radius: 1px; - border-radius: 1px; - text-transform:uppercase; - text-align:center; - font-family:Arial, Helvetica, sans-serif; - font-weight:bold; - text-decoration:none; - color:#FFFFFF; - background-color:#ff5d1a; - background: -moz-linear-gradient(top, #ff5d1a 0, #dd4202 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff5d1a), color-stop(100%, #dd4202)); - box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset; - -moz-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset; - -webkit-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset; - float:left; -} -.trial-box-button a:hover { - background-color:#dd4202; - background: -moz-linear-gradient(top, #dd4202 0, #ff5d1a 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dd4202), color-stop(100%, #ff5d1a)); - box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset; - -moz-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset; - -webkit-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset; -} -.trial-box-calendar { - float:right; - text-align:center; - font-weight:bold; -} -.trial-box-calendar-white { - font-size:18px; - color:#ff5d1a; - background:#FFF; - width:36px; - height:22px; - display:block; - -webkit-border-top-right-radius: 1px; - -moz-border-radius-topright: 1px; - -webkit-border-top-left-radius: 1px; - -moz-border-radius-topleft: 1px; -} -.trial-box-calendar-gray { - width:36px; - height:14px; - display:block; - color:#FFF; - font-size:11px; - padding:1px 0; - text-transform:uppercase; - background-color:#676767; - background: -moz-linear-gradient(top, #7f7f7f 0, #555555 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7f7f7f), color-stop(100%, #555555)); - -webkit-border-bottom-right-radius: 1px; - -moz-border-radius-bottomright: 1px; - -webkit-border-bottom-left-radius: 1px; - -moz-border-radius-bottomleft: 1px; - box-shadow: rgba(0, 0, 0, 0.4) 0 2px 1px inset; - -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 2px inset; - -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 2px inset; -} \ No newline at end of file +@charset "utf-8"; +/* CSS Document */ + +body { + font-size: 62.5%; + font-family:Arial, Helvetica, sans-serif; + background: #7f7f7f; + margin: 0; + padding: 0; +} +html, body { +height: 100%; +} + +#login-page { + background: #1f1f1f url(images/login_page_bg.png) no-repeat center 0; + margin: 0; + padding: 0; + height:100%; + text-align:center; +} + +h2 { + color: #000000; + font-size: 2.1em; + font-weight: normal; + margin: 0; + padding: 0 0 10px; +} +h3 { + font-size:1.7em; + font-weight:normal; + color:#000; + padding:0 0 10px 0; + margin:0; +} +a, a:focus { + outline:none; +} +label { + font-size:12px; +} +select { + font-size:12px; + font-family:Arial, Helvetica, sans-serif; + border:1px solid #9d9d9d; +} + +.logo { + position:absolute; + right:20px; + top:104px; + background:transparent url(images/airtime_logo.png) no-repeat 0 0; + height:35px; + width:66px; + z-index:1000; + display:block; +} + +/* Clearfix */ +.clearfix:after, li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} +.clearfix, li { display: inline-block; } +* html .clearfix, * html li { height: 1%;} +.clearfix, li { display: block; } + + +/* Master Panel */ +#sticky { + position:fixed; + height:130px; + top:0; + left:0; +} + + +#master-panel { + background:#3d3d3d url(images/masterpanel_bg.png) repeat-x 0 0; + height:100px; + border:1px solid #000; + border-width: 1px 0; + overflow:hidden; + position:relative; +} + +.now-playing-block, .show-block, .on-air-block, .time-info-block, .personal-block, .listen-control-block, .trial-info-block { + height:100px; + float:left; + margin-right:10px; +} +.personal-block { + float:right; + margin-right:20px; + text-align:right; + min-width:110px; +} + +.personal-block ul { + margin:0; + padding:8px 0 0; +} +.personal-block li { + font-size:11px; + color:#bdbdbd; + list-style-type:none; + margin:0 0 2px 0; +} +.personal-block li.name { + color:#fff; + font-weight:normal; +} +.personal-block li a { + color:#fff; + text-decoration:underline; +} +.personal-block li a:hover { + color:#ff5d1a; +} +.now-playing-block { + width:30%; + padding-left:20px; +} +.show-block { + width:18%; +} +.text-row { + height:30px; + padding:0px 0 0; + font-size:12px; + text-wrap:none; + text-indent:2px; + overflow:hidden; + line-height:30px; +} +#master-panel .text-row { + color:#dfdfdf; +} +.text-row.next-song { + color:#d9d9d9; +} +.text-row strong { + font-weight:bold; + color:#969696; + padding-right:12px; +} +.text-row.rebroadcast, #master-panel .text-row.rebroadcast { + color:#969696; +} +.now-playing-info { + height:25px; + background:#3a3a3a url(images/playinfo_bg.png) repeat-x 0 0; + border: 1px solid #242424; + border-bottom-color:#727272; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + color:#fff; + font-size:15px; + line-height:22px; + text-indent:5px; + overflow:hidden; + margin-bottom:3px; +} +.time-elapsed { + color:#9b9b9b; + padding-right:6px; +} +.time-remaining { + color:#ff6f01; +} +.progressbar { + height:6px; + border:1px solid #242424; + border-width:1px 1px 0 1px; + background:#141414 url(images/progressbar_bg.png) repeat-x 0 0; +} +.progressbar .progress-song, .progressbar .progress-show, .progressbar .progress-show-error { + height:4px; + width:0%; + background:#f97202 url(images/progressbar_song.png) repeat-x 0 0; +} +.progressbar .progress-show { + background:#02cef9 url(images/progressbar_show.png) repeat-x 0 0; +} +.progressbar .progress-show-error { + background:#d40000 url(images/progressbar_show_error.png) repeat-x 0 0; +} +.now-playing-info .show-length { + color:#c4c4c4; + padding-left:6px; +} + +.on-air-block { + padding:0 12px 0 0; + background:url(images/masterpanel_spacer.png) no-repeat right 0; +} +.time-info-block { + padding:0 14px 0 2px; + background:url(images/masterpanel_spacer.png) no-repeat right 0; + min-width:105px; +} +.time-info-block ul { + margin:0; + padding:6px 0 0; +} +.time-info-block li { + list-style-type:none; + font-size:14px; + color:#bdbdbd; + margin:0 0 6px; +} +.time-info-block li.time { + font-size:26px; + color:#fff; + width:auto; + text-align:left; +} +.time-info-block li.time-zone { + font-size:17px; + margin-bottom: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 { + 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 */ + + +.wrapper { + margin: 0 20px 0 20px; + padding:20px 0 0 0; +} + +.alpha-block { + padding:0; + float:left; + margin:0 16px 10px 0; +} +.omega-block { + padding:0; + float:left; + margin:0 0 10px 0; +} +.block-shadow { + -moz-box-shadow: 0 2px 2px rgba(0,0,0,.10); + -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.10); + box-shadow: 0 2px 2px rgba(0,0,0,.10); +} +.clear { + clear: both; + display: block; + height: 0; + overflow: hidden; + visibility: hidden; + width: 0; +} +fieldset.plain { + border:none; + padding:0; + margin:0; +} +.frame { + padding:0; + border:1px solid #5b5b5b; + margin: 0 0 8px 0; +} +.padded { + padding:8px; +} +.padded-strong { + padding:10px; +} +.input_text, input[type="text"], input[type="password"] { + font-family:Arial, Helvetica, sans-serif; + border: 1px solid #5b5b5b; + font-size: 12px; + /*height: 23px;*/ + margin: 0; + padding: 4px 3px; + /*text-indent: 3px;*/ + width:auto; + background-color: #dddddd; + border: 1px solid #5b5b5b; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset; +} + +input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .input_text_area:focus { + border: 1px solid #0088f1; +} +.auto-search { + background:#dddddd url(images/search_auto_bg.png) no-repeat 0 0; + text-indent:25px; +} +.input_text_area, textarea { + background-color: #dddddd; + border: 1px solid #5b5b5b; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset; + font-size: 13px; + text-indent: 3px; + margin:0; +} +.input_select, select { + background-color: #DDDDDD; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset; + border: 1px solid #5b5b5b; + font-family: Arial,Helvetica,sans-serif; + font-size: 12px; + height: 25px; + margin: 0; + padding: 2px 2px 2px 0; + vertical-align: top; +} +label { + font-size:13px; + color:#5b5b5b; + padding:0 16px 0 0; +} +#library_quick_search { + margin-bottom:16px; +} +#library_quick_search label { + +} +#library_quick_search input { + width:60%; +} +dl.inline-list { + float: left; + margin: 0; + padding: 0; + +} + +dl.inline-list dt { + clear: left; + float: left; + margin: 0; + padding: 0px 0; + font-weight: bold; + color:#333333; + font-size:12px; + font-weight:bold; + text-align:left; + min-width:70px; +} +dl.inline-list dd { + float: left; + margin: 0; + padding: 0px 0 4px 15px; + font-size:12px; +} +.left-floated { + float:left; + margin-left:0; + margin-right:10px; +} +.right-floated { + float:right; + margin-left:10px; + margin-right:0; + text-align:right; +} +/*----Data Table----*/ + +.datatable tr th.ui-state-default { + border: 1px solid #CCC; + border-width: 0 0 0 1px !important; +} +.datatable { + border-color: #5b5b5b; + border-style: solid; + border-width: 1px 1px 1px 1px; + width:100%; +} +.datatable tr td, .datatable tr th { + border-color: #b1b1b1; + border-style: solid; + border-width: 1px 0 0 1px; + font-size: 13px; + padding: 5px 5px; +} +.odd { + background-color: #d8d8d8; +} +.even { + background-color:#c7c7c7; +} +.datatable tr.even.selected td { + background-color: #abcfe2; +} +.datatable tr.odd.selected td { + background-color: #c5deeb; +} +.datatable tr.odd:hover td, .datatable tr.even:hover td { + background-color: #95d5f7 !important; +} + +.datatable tr td:first-child, .datatable tr th:first-child, .datatable tr th.ui-state-default:first-child { + border-left-width:0 !important; +} +.ui-widget-header + .datatable { + border-width: 0px 1px 1px 1px; +} +.datatable + .ui-widget-header { + border-width: 0px 1px 1px 1px; +} +.dataTables_scrollHeadInner > .datatable { + border-width: 0px 1px 0 1px; +} +.dataTables_scroll .datatable { + border-width: 0px 1px 0 1px; +} + +.DataTables_sort_wrapper .ui-icon { + display: block; + float: left; + margin: 0 3px 0 -2px; +} +.dataTables_length { + float:right; + margin:0 8px 0 0; + +} +.dataTables_length label { + padding:10px 6px 0 0; + font-size:12px; + color:#404040; + line-height:22px; +} +.dataTables_filter { + margin:8px 0 0 8px; +} +.dataTables_filter .auto-search { + width:60%; +} +.dataTables_processing { + font-size:11px; + font-weight:normal; + margin:2px 0 3px 8px; +} +#library_display_wrapper .ui-widget-header:first-child { + background:none; + border-width:0 0 1px 0; + color: #444444; + font-weight: bold; +} +#library_display_wrapper .ui-widget-header:first-child .dataTables_length { + margin:0; +} +#library_display_wrapper .ui-widget-header:first-child .dataTables_filter { + margin:0; +} + +.dataTables_info { + padding: 8px 0 0 8px; + font-size:12px; + color:#555555; + font-weight:normal; +} + +.dataTables_paginate { + padding: 8px 0 8px 8px; +} +.dataTables_paginate .ui-button { + font-size:12px; + font-weight:normal; + padding: 0.2em 1em; + margin-right:3px; +} +.dataTables_filter input { + background: url("images/search_auto_bg.png") no-repeat scroll 0 0 #DDDDDD; + width: 60%; + border: 1px solid #5B5B5B; + margin: 0; + padding: 4px 3px 4px 25px; +} +.dataTables_length select { + background-color: #DDDDDD; + border: 1px solid #5B5B5B; + font-family: Arial,Helvetica,sans-serif; + font-size: 12px; + height: 25px; + margin: 0; + padding: 2px 2px 2px 0; + vertical-align: top; +} + +/*----END Data Table----*/ + +fieldset { + border: 1px solid #8f8f8f; + margin: 0; + padding: 0; +} +fieldset.plain { + border: none; + margin: 0; + padding: 0; +} +input[type="checkbox"] { + margin:0; + outline:none; + padding:0; + width:13px; + height:13px; +} +/*---//////////////////// LOGIN ////////////////////---*/ + +.login_box { + margin: 0 auto 0 auto; + text-align:center; + width:420px; + border:1px solid #181818; + border-width: 0 0 1px 0; + padding:0; + padding-top:60px; +} + +.login_box h2 { + background:#1f1f1f; + background: -moz-linear-gradient(center top , #2c2c2c 0pt, #1f1f1f 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c2c2c), color-stop(100%, #1f1f1f)); + border:1px solid #181818; + border-top-color:#4f4f4f; + margin:0; + padding:8px 0 8px 14px; + font-size:15px; + font-weight:bold; + color:#bebebe; + text-align:left; + -moz-box-shadow: 0 2px 2px rgba(0,0,0,.10); + -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.10); + box-shadow: 0 2px 2px rgba(0,0,0,.10); +} +.login_box p { + margin:0; + padding:8px 0 16px 0; + font-size:12px; + color:#717171; + text-align:left; +} +.logobox { + height:120px; + text-align:center; + background:url(images/airtime_logo_big.png) no-repeat 50% 0; +} + +.login { + margin:2px 0 0 4px; + border:none; + background:none; + text-align:left; + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.login td { + border:none; + background-color:transparent; + color:#696969; +} + +.login h2 { + padding:7px 0 10px 0; +} + +.light { + color:#1683b0; +} +.alert { + color:#C00; +} + +.login-content { + background:url(images/login_content_bg.png) no-repeat 0 bottom; + padding:10px 10px 12px 14px; + text-align:left; +} +.login-content dl, .login-content dl.zend_form { + margin: 12px 0 0 0; + margin-bottom:8px; + margin:0; + padding:0; + width:100%; +} + +.login-content dd { + padding: 4px 0; + float: left; + font-size: 1.2em; + margin: 0; + padding: 4px 0 4px 15px; +} +.login-content dt { + clear: left; + color: #666666; + float: left; + font-size: 1.2em; + font-weight: bold; + margin: 0; + padding: 4px 0; + text-align: left; + min-width:90px; + clear:left; +} + +dt.block-display, dd.block-display { + display:block; + float:none; + margin-left:0; + padding-left:0; +} + +.login-content dt label { + padding-right:0; +} +.login-content dd .input_text { + padding-right:0; + width:280px; +} + +/*---//////////////////// END LOGIN ////////////////////---*/ + + +/*---//////////////////// FOOTER ////////////////////---*/ +.footer { + display:block; + height:40px; + clear:both; + color:#4b4b4b; + margin-top:12px; + font-size:11px; + line-height:140%; + text-align:center; + padding:10px 0 0 0; +} + +.footer a { + color:#ff5d1a; + text-decoration:none; +} +#login-page .footer { + color:#6d6d6d; +} +.footer a:hover { + color:#ff5d1a; + text-decoration:underline; +} +/*---//////////////////// END FOOTER ////////////////////---*/ + +.button-bar { + height: 28px; + margin-top:12px; +} +/*.sticky { + padding:0; + width:100%; + z-index:2000; + position:fixed; + top:0; + left:0; + margin-bottom:140px; +}*/ +.sticky { + padding:0; + width:100%; +} + +.floated-panel { + margin-top:0; + width:99.99%; + z-index:999; +} + + +/*---//////////////////// Schedule Show ////////////////////---*/ + + +#schedule_playlist_dialog .wrapp-two { + float: left; + width: 50%; + padding: 0; +} + +#schedule_playlist_dialog .wrapp-one { + margin-right:2%; + width: 48%; + float: left; +} + +#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 { + padding:0; +} + + +#schedule_playlist_dialog > div { + background: none repeat scroll 0 0 transparent; + border: 1px solid #8f8f8f; + padding: 8px; + margin:8px 8px 0 8px; +} + + +#schedule_playlist_dialog > div h4 { + padding: 13px 0 12px 0; + margin: 0; + font-size:16px; + font-weight:normal; +} +#schedule_calendar { + width:98.5% +} +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, +#schedule_playlist_chosen li > h3 > span.ui-icon.ui-icon-triangle-1-s { + 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; + height:30px; +} + +#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:8px 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 ////////////////////---*/ + +.search_control { + padding:8px; + border:1pxp solid #8f8f8f; + background:#d8d8d8; + margin-bottom:8px; +} +.search_group { + padding:8px; + border:1pxp solid #8f8f8f; + margin-bottom:8px; +} +.search_group > fieldset { + padding:0; + border:none; + margin-top:8px; +} +.search_group > fieldset .input_text { + width:45%; +} +.search_group > fieldset .input_text, .search_group > fieldset .input_select { + margin-right:6px; +} +.search_group fieldset .ui-button-icon-only .ui-button-text, .search_group fieldset .ui-button-icons-only .ui-button-text { + padding: 3px 2px; + text-indent: -1e+7px; +} +.search_group fieldset .ui-button-icon-only { + width: 2.1em; +} + +.search_group fieldset .ui-button-icon-only .ui-icon { + left: 48%; + margin-top: -9px; + position: absolute; + top: 50%; +} + +/*---//////////////////// USERS ////////////////////---*/ + +.simple-formblock { + width: 30%; +} + +.simple-formblock dl, .simple-formblock dl.zend_form { + margin: 0; + padding: 0; + width: 100%; +} +.simple-formblock dt { + clear: left; + color: #666666; + float: left; + font-size: 1.2em; + font-weight: bold; + margin: 0; + min-width: 90px; + padding: 4px 0; + text-align: left; +} +.simple-formblock dd { + float: left; + font-size: 1.2em; + margin: 0; + padding: 4px 0 4px 15px; + width:60%; +} + +.simple-formblock dd.block-display { + width: 100%; +} + +.stream-setting-content dd.block-display { + /*width: 60%;*/ +} + +.simple-formblock.padded-strong { + padding:12px; +} + +.simple-formblock dd .input_text { + width: 97.8%; +} + +.simple-formblock h2 { + font-size:1.7em; + padding-bottom:16px; +} +.simple-formblock label { + padding:0; +} + +.ui-button-icon-only.crossfade-main-button, .ui-button-icons-only.crossfade-main-button { + padding-right: 8px; +} +.ui-button-icon-only.crossfade-main-button .ui-button-text, .ui-button-icons-only.crossfade-main-button .ui-button-text { + padding: 0; + text-indent: -1e+7px; + padding: 0.1em 1em; +} + +.ui-state-default .ui-icon.crossfade-main-icon { + background:url(images/crossfade_main.png) no-repeat 0 2px; + width:25px; +} + +.ui-button-icon-only.crossfade-main-button .ui-icon { + left: 44%; + margin-left: -8px; +} + +button, input { + margin-top:0; + margin-bottom:0; +} + +.user-management { + width:910px; + /*width:380px;*/ +} +.user-management-expanded { + width:910px; +} +.user-data { + float:left; + width:420px; + margin-left:10px; + /*display:none;*/ +} +.user-list-wrapper { + float:left; + width:480px; + /*margin-right:10px;*/ +} + +.user-management div.user-list-wrapper .ui-widget-header:first-child { + background: none repeat scroll 0 0 transparent; + border-width: 0 0 1px; + color: #444444; + font-weight: bold; +} +.user-list-wrapper .ui-widget-header:first-child .dataTables_filter { + margin:0; +} +.user-management h2 { + font-size: 1.7em; + padding-bottom: 12px; +} +.user-management .dataTables_filter input { + width: 93.8%; + margin-bottom:8px; +} +.user-data.simple-formblock dd { + width: 73%; +} + +.user-data fieldset { + margin-bottom:8px; +} +.user-data fieldset:last-child { + margin-bottom:0; +} + +.user-list-wrapper .button-holder { + padding:0; + text-align:right; + height:37px; +} +.user-list-wrapper .button-holder .ui-button { + margin:0; +} +.ui-widget-content .user-list-wrapper .ui-icon.ui-icon-closethick { + background-image:url(redmond/images/ui-icons_666666_256x240.png); + cursor:pointer; + float:right; + margin-right:5px; +} +.ui-widget-content .user-list-wrapper .ui-icon.ui-icon-closethick:hover { + background-image:url(redmond/images/ui-icons_ff5d1a_256x240.png); +} + + +#ui-datepicker-div { z-index: 10 !important } + +.button-bar-top { + text-align:right; + height:38px; +} + +.toggle-button, .toggle-button-active { + border: 1px solid #505050; + background-color: #5e5e5e; + background: -moz-linear-gradient(top, #757575 0, #5e5e5e 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #757575), color-stop(100%, #5e5e5e)); + color: #ffffff; + margin:0; + font-size:12px; + padding:5px 12px; + text-decoration:none; + text-shadow: #343434 0px -1px; + border-width:1px 0 1px 1px; + cursor:pointer; +} +.toggle-button:hover { + 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)); + text-shadow: #000000 0px -1px; +} + +.toggle-button-active { + background-color: #c6c6c6; + background: -moz-linear-gradient(top, #767676 0, #c6c6c6 20%, #c6c6c6 35%, #a0a0a0 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #767676), color-stop(20%, #c6c6c6), color-stop(35%, #c6c6c6), color-stop(100%, #a0a0a0)); + color: #2e2e2e; + cursor:default; + text-shadow: #d8d8d8 0px 1px; +} +.end-button { + 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, .input_text.hasDatepicker { + background-image:url(images/input_with_calendar_bg.png); + background-repeat:no-repeat; + background-position:right 0; +} +.input_text.hasTimepicker { + background-image:url(images/input_with_time_bg.png); + background-repeat:no-repeat; + background-position:right 0; +} +ul.errors { + display:block; + clear:left; + padding:3px 0 0 0; + margin:0; +} + +.formrow-repeat ul.errors { + width:278px; +} + +ul.errors li { + color:#902d2d; + font-size:11px; + padding:2px 4px; + background:#c6b4b4; + margin-bottom:2px; + border:1px solid #c83f3f; +} + +div.success{ + color:#3B5323; + font-size:11px; + padding:2px 4px; + background:#93DB70; + margin-bottom:2px; + border:1px solid #488214; +} + +.collapsible-header, .collapsible-header-disabled { + border: 1px solid #8f8f8f; + background-color: #cccccc; + background: -moz-linear-gradient(top, #cccccc 0, #b9b9b9 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cccccc), color-stop(100%, #b9b9b9)); + font-size:13px; + color:#353535; + font-weight:bold; + padding:6px 0 6px 20px; + margin:8px 0 0 0; + cursor:pointer; + position:relative; +} +.collapsible-content { + margin-top:-1px; + display:none; +} +.collapsible-header .arrow-icon, .collapsible-header-disabled .arrow-icon { + display:block; + background:url(images/arrows_collapse.png) no-repeat 0 0; + height:11px; + width:11px; + position:absolute; + left:5px; + top:8px; + +} +.collapsible-header.close .arrow-icon, collapsible-header-disabled.close .arrow-icon { + background-position: 0 -11px; + +} +#schedule-add-show .button-bar { + height: 28px; + margin: 0 0 8px 0; +} +#schedule-add-show .button-bar.bottom { + margin: 16px 0 0; +} +.schedule { + text-align:left; + height:38px; +} + +.add-button, .ui-widget-content a.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, .ui-widget-content a.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; +} + +/*---//////////////////// NOW PLAYING COLORS ////////////////////---*/ +.playing-song, .datatable tr.playing-song:hover td { + background-color:#ff753c !important; +} +.playing-list { + background-color:#b0dcf2; +} +.odd.playing-list { + background-color:#bfe5f8; +} +.gap, .datatable tr.gap:hover td { + background-color:#da5454 !important; +} +.group, tr td.group { + background-color:#0aa2be; + color:#FFF; +} + + +/*---//////////////////// END NOW PLAYING COLORS ////////////////////---*/ +.icon-link, .ui-widget-content a.icon-link { + color: #646464; + position: relative; + text-decoration: none; + padding: 0 0 0 20px; +} +.icon-link .ui-icon { + background-image:url(redmond/images/ui-icons_666666_256x240.png); + background-repeat: no-repeat; + display: block; + height: 16px; + left: 0.2em; + margin: -3px 5px 0 0; + overflow: hidden; + position: absolute; + top: 2px; + width: 16px; +} +.icon-link:hover, .ui-widget-content a.icon-link:hover { + color: #444444; + text-decoration:underline; +} +.icon-link:hover .ui-icon { + background-image:url(redmond/images/ui-icons_454545_256x240.png); +} + +.button-bar .icon-link { + float:left; + margin:7px 0 0 1px; +} + +#show_content_dialog .datatable tr:first-child td { + border-top:none; +} + +#show_content_dialog .datatable { + margin-top:8px; +} +.simple-formblock.metadata, #side_playlist .simple-formblock.metadata { + border:none; + width:auto; + display:block; + padding: 2px; +} +#side_playlist .simple-formblock.metadata .input_text, #side_playlist .simple-formblock.metadata .input_text_area { + width:95%; +} +#side_playlist .simple-formblock.metadata.simple-formblock dd { + width:70%; +} +#side_playlist h3.plain { + float:none; + font-size:18px; + margin:2px 0 20px 0; +} + +.qtip { + font-size:11px; + line-height:160%; +} + +#schedule-show-who.scrolled { + margin-bottom: 0; + max-height:300px; + overflow:auto; +} +.text-content { + padding:20px 10px 40px 58px; + background: url(images/sf_arror.png) no-repeat 60% 0; + min-height: 300px; +} +.text-content h2 { + font-size:2.4em; + color:#1f1f1f; +} +.text-content p { + font-size:1.6em; + line-height:140%; + color:#1f1f1f; + margin:0 0 1.4em 0; +} +.text-content a { + color:#f2f2f2; + text-decoration:none; +} +.text-content a:hover { + text-decoration:underline; +} + +.text-content ol { + margin:0 0 22px 25px; + padding:0; + list-style-position:outside; +} + +.text-content ol li { + margin:0 0 6px 0; + font-size:1.7em; + display:list-item; + color:#1f1f1f; +} +.gray-logo { + margin:5px 0 0 20px; +} +.formrow-repeat { + list-style-type:none; + margin:0; + padding:0; +} +.formrow-repeat li { + list-style-type:none; + margin:0 0 8px 0; + padding:0; + height:25px; + display:block; +} +/* +.formrow-repeat li .ui-button-icon-only { + width:1.8em; +} +.formrow-repeat li .ui-button-icon-only .ui-button-text, .formrow-repeat li .ui-button-icons-only .ui-button-text { + padding: 3px 3px 4px; +} + +.formrow-repeat li .ui-button-icon-only .ui-icon { + left: 48%; + margin-top: -9px; + position: absolute; + top: 50%; +} +.formrow-repeat li .ui-button .ui-button-text { + display: block; + line-height: 110%; +} +*/ + +#add_show_rebroadcast_relative .ui-button-icon-only, +#add_show_rebroadcast_absolute .ui-button-icon-only { + width: 1.8em; +} +#add_show_rebroadcast_relative .ui-button-icon-only .ui-button-text, +#add_show_rebroadcast_absolute .ui-button-icon-only .ui-button-text, +#add_show_rebroadcast_relative .ui-button-icons-only .ui-button-text, +#add_show_rebroadcast_absolute .ui-button-icons-only .ui-button-text, +#add_show_rebroadcast_relative .ui-button-text-icon-primary .ui-button-text, +#add_show_rebroadcast_absolute .ui-button-text-icon-primary .ui-button-text { + font-size:12px; +} + +#add_show_rebroadcast_relative .ui-button-icon-only .ui-icon, +#add_show_rebroadcast_absolute .ui-button-icon-only .ui-icon { + margin-top: -8px; + position: absolute; + top: 50%; +} +#add_show_rebroadcast_relative .ui-button-text-icon-primary .ui-icon, +#add_show_rebroadcast_absolute .ui-button-text-icon-primary .ui-icon { + left: 0.4em; +} +#add_show_rebroadcast_relative .ui-button .ui-button-text, +#add_show_rebroadcast_absolute .ui-button .ui-button-text { + display: block; + line-height: 14px; +} + +.formrow-repeat li .inline-text { + color: #666666; + padding: 0 6px 0 0; +} +.formrow-repeat li .input_text, .formrow-repeat li .input_select { + margin-right:6px; +} +.formrow-repeat li .hasDatepicker, .formrow-repeat li .input_select { + width:95px; +} +.formrow-repeat li .hasTimepicker { + width:60px; +} +.recording-show { + float: right; + background:url(images/record_icon.png) no-repeat 0 0; + width:23px; + height:23px; +} + +.datatable td .info-icon { + margin:-4px 3px -3px 0; + float:right; +} +.time-flow { + float:right; + margin-right:4px; +} +.small-icon { + display:block; + width:20px; + height:10px; + float:right; + margin-left:3px; + margin-top:2px; +} +.small-icon.recording { + background:url(images/icon_record.png) no-repeat 0 0; +} +.small-icon.rebroadcast { + background:url(images/icon_rebroadcast.png) no-repeat 0 0; +} +.small-icon.soundcloud { + background:url(images/icon_soundcloud.png) no-repeat 0 0; + width:21px; +} +.small-icon.sc-error { + background:url(images/icon_soundcloud_error2.png) no-repeat 0 0; + width:21px; +} +.small-icon.progress { + background:url(images/upload-icon.gif) no-repeat; + background-color:black; + background-position:center; + border-radius:2px; + -webkit-border-radius:2px; + -moz-border-radius:2px; +} +.small-icon.alert { + background:url(images/icon_alert.png) no-repeat; + float:left; + width:13px; + margin-right:3px; + margin-left:1px; +} +.medium-icon { + display:block; + width:25px; + height:12px; + float:right; + margin-left:4px; +} +.medium-icon.recording { + background:url(images/icon_record_m.png) no-repeat 0 0; + width:20px; +} +.medium-icon.rebroadcast { + background:url(images/icon_rebroadcast_m.png) no-repeat 0 0; +} +.medium-icon.soundcloud { + background:url(images/icon_soundcloud_m.png) no-repeat 0 0; + width:21px; +} +.medium-icon.nowplaying, .medium-icon.finishedplaying { + background:url(images/icon_nowplaying_m.png) no-repeat 0 0; + width:12px; + height:9px; + float:left; + margin-left:6px; + margin-right:0; +} +.medium-icon.finishedplaying { + background:url(images/icon_finishedplaying_m.png) no-repeat 0 0; +} +.preferences, .manage-folders, .stream-config { + width: 500px; +} + +dt.block-display, dd.block-display { + display: block; + float: none; + margin-left: 0; + padding-left: 0; +} +.preferences dt.block-display, .preferences dd.block-display { + padding: 0 0 5px 0; +} +.preferences dd.block-display, .stream-config dd.block-display { + margin-bottom:4px; +} +.preferences dd.block-display:last-child, .stream-config dd.block-display:last-child { + margin-bottom:0; + padding-bottom:0; +} +.preferences input[type="radio"], .stream-config input[type="radio"] { + margin:0; +} +.preferences label input[type="radio"], .stream-config label input[type="radio"] { + margin:0 1px 0 0; +} +.preferences label input[type="checkbox"], .stream-config label input[type="checkbox"] { + margin:0 5px 0 0; +} +dd.radio-inline-list, .preferences dd.radio-inline-list, .stream-config dd.radio-inline-list { + margin-bottom:6px; +} +.radio-inline-list label { + margin-right:12px; +} +.preferences.simple-formblock dd.block-display { + width: 100%; +} + +.preferences.simple-formblock dd.block-display select, .stream-config.simple-formblock dd.block-display select { + width: 100%; +} +.preferences dd.block-display .input_select, .stream-config dd.block-display .input_select { + width: 100%; +} +.preferences dd.block-display .input_text_area, .preferences dd.block-display .input_text +.stream-config dd.block-display .input_text_area, .stream-config dd.block-display .input_text, +.stream-config dd.block-display input[type="text"], .stream-config dd.block-display input[type="password"] { + width: 98.5%; +} + +.preferences dd#SoundCloudTags-element.block-display .input_text_area { + height: 120px; +} + +#show_time_info { + font-size:12px; + height:30px; +} +#show_time_warning { + background:#c83f3f url(images/icon_alert_ffffff.png) no-repeat 5px 4px; + border:1px solid #9d1010; + color:#fff; + padding: 2px 5px 2px 24px; + font-size: 12px; + line-height: 140%; +} + +/* HACK, to be removed after 1.7.0 */ +button.ui-button.md-cancel { + padding: .4em 1em; +} + +/*--//////////////////////// Changes/add-ons Jun 8th, 2011 ////////////////////////--*/ + +.dialogPopup.ui-dialog-content { + padding: 0.9em 1em; +} +.dialogPopup dl { + margin:0; + padding:0; + clear:both; + width:100%; +} +.dialogPopup dt { + clear: left; + padding: 0; + float:left; + width:35%; +} + +.dialogPopup dt.block-display { + float:none; + width:100%; + padding: 0 0 10px; +} + +.dialogPopup dt label { + font-weight: bold; + line-height:24px; +} +.dialogPopup dd { + padding: 0; + float:left; + width:65%; + margin:0 0 6px 0; +} +.dialogPopup dd.block-display { + float:none; + width:100%; + padding: 0 0 10px; + margin:0 0 8px 0; +} +.dialogPopup fieldset dt:last-child, .dialogPopup fieldset dd:last-child { + margin:0; +} + +.info-text { + font-size:12px; + color:#5b5b5b; + line-height:150%; + padding:0 0 6px; + margin:0; + +} +.dialogPopup label input[type="checkbox"] { + float:left; + margin-right:6px; +} + +.dialogPopup fieldset { + padding: 0; + clear:both; + border:none; +} +.dialogPopup fieldset dd input[type="text"], .dialogPopup fieldset dd textarea { + width:99.5%; + padding:0; +} +.dialogPopup fieldset dd input[type="text"] { + height:23px; +} +.dialogPopup fieldset dd select { + width:100%; +} + +fieldset.display_field { + /*background-color:#d5d5d5; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;*/ + padding:10px; + border: 1px solid #8F8F8F; +} +label span { + font-weight:normal; +} + +.dialogPopup .display_field dt, .dialogPopup .display_field dd { + color: #353535; + float: left; + font-size: 12px; + margin: 0; + padding: 4px 0; + text-align: left; + width:auto; +} + +.dialogPopup .display_field dt { + clear: left; + font-weight:bold; + width:auto; + min-width:auto; + padding-right:8px; +} +#show_what_sending textarea { + background-color:transparent; + border:none; + box-shadow: none; + font-size: 12px; + text-indent: 0; + margin:0; + width:99%; + line-height:180%; + resize: none; +} +#show_what_sending textarea:focus { + border:none; +} +#show_what_sending dl { + overflow-x: hidden; +} + +#watched-folder-section dd.block-display input[type="text"] { + width: 63.6%; +} + +#watched-folder-section dd.block-display input[type="button"] { + border: 1px solid #5b5b5b; + 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)); + color: #ffffff; + font-family:Arial, Helvetica, sans-serif; + font-size:12px; + height:25px; + margin:0; + display:block; + margin-left:5px; + line-height:12px; + padding:0 10px 1px 10px; +} +#watched-folder-section dd.block-display input[type="button"]:hover { + border: 1px solid #242424; + 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)); + color: #ffffff; +} + +#watched-folder-section dd.block-display { + clear:both; + min-height:25px; + +} +#watched-folder-section dd.block-display.selected-item { + clear:both; + background:#9a9a9a; + margin:2px 0 5px 0; + width:84%; + padding:4px 8px 0; + position:relative; + min-height:22px; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + font-size:13px; +} +#watched-folder-section dd.block-display.selected-item .ui-icon { + position:absolute; + top:4px; + right:5px; + cursor:pointer; +} +#watched-folder-section dd.block-display.selected-item .ui-icon:hover { + background-image:url(redmond/images/ui-icons_ff5d1a_256x240.png) +} +#watched-folder-section dd.block-display input { + float:left; +} + +fieldset > legend { + color: #4F4F4F; + font-size: 12px; + line-height: 140%; +} +fieldset.closed, fieldset.display_field.closed { + border-width: 1px 0 0; + margin-bottom: -6px; + margin-left: 1px; +} + +fieldset.closed dl, fieldset.closed textarea, fieldset.closed div { + display:none; +} + +fieldset legend .ui-icon, .ui-widget-content fieldset legend .ui-icon { + background-image: url(redmond/images/ui-icons_454545_256x240.png); + float: left; +} + +input[type="checkbox"][disabled] { + opacity: 0.6; +} + +.play_small { + height:11px; + width: 15px; + display:inline-block; + background:url(images/play_pause_small.png) no-repeat 0 0; + margin:0 7px 0 0; + text-indent:-9999px; + overflow:hidden; + line-height:10px; +} +.play_small:hover, .play_small.paused { + background-position: 0 -11px; +} +.play_small.paused:hover { + background-position: 0 -22px; +} + +.play_small.playing { + background-position: -20px 0; +} +.play_small.playing:hover { + background-position: -20px -11px; +} + +.info-text-small { + color: #5B5B5B; + font-size: 11px; + line-height: 150%; + margin: 0; + padding: 0 0 6px; + font-style:italic; + font-weight:normal; +} +dd .info-text-small { + padding: 1px 0 2px; + display:inline-block; +} + +.stream-config dt { + width:120px; + padding: 4px 0; +} +.stream-config dt.block-display { + width:auto; +} +.stream-config dd { + margin-bottom:0px; +} +.stream-config dd select { + width:160px; + line-height:140%; +} + +.stream-config dd input[type="text"] { + /*width:98.5%;*/ + min-width:152px; +} + +.stream-config dd input[id$=port] { + width:152px; +} + +dt.block-display.info-block { + width: auto; + font-size:12px; + padding:10px 0; +} +.top-margin { + margin-top:10px; + float: left; +} +.left-margin { + margin-left:20px; + float: left; +} +.stream-config dd.block-display textarea { + width: 99.5%; + height: 110px; +} + +.input-info { + font-size:12px; + padding:0 0 0 5px; +} + +.stream-config dd.block-display input[type="text"].with-info, .stream-config dd.block-display input[type="password"].with-info { + width: 83.6%; +} +.stream-config dd.block-display p { + font-size:13px; + margin:4px 0 4px 2px; +} + +.stream-config #output_setting { + width: 96%; +} + +.stream-config dt.block-display, .stream-config dd.block-display { + /*float: left;*/ +} +.collapsible-header-disabled { + cursor:default; + opacity:0.6; +} + +/*---//////////////////// ERROR PAGE ////////////////////---*/ + +.error-content { + background:url(images/404.png) no-repeat 0 0; + width:300px; + margin: 24px 15px; + padding: 0px 10px 0 420px; +} +.error-content h2 { + margin:0; + padding:0 0 10px 0; + font-size:36px; + font-weight:bold; + color:#3e3e3e; + text-align:left; + letter-spacing:-.3px; + text-shadow: rgba(248,248,248,.3) 0 1px 0, rgba(0,0,0,.8) 0 -1px 0; + rgba(51,51,51,.9) +} +.error-content p { + color: #272727; + font-size: 16px; + margin: 0; + padding:8px 2px; +} +.error-content .button-bar { + margin-top:47px; + padding-left:2px; +} +.error-content .toggle-button { + border: 1px solid #434343; + border-width:1px 1px 0px 1px; + background-color: #636363; + background: -moz-linear-gradient(top, #737373 0, #545454 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #737373), color-stop(100%, #545454)); + color: #1b1b1b; + font-size:15px; + font-weight:bold; + padding:5px 14px 6px 15px; + text-shadow: rgba(248,248,248,.24) 0 1px 0; + box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0 2px 2px inset; + -moz-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0 2px 2px inset; + -webkit-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0 2px 2px inset; + margin: 0 5px 0 0; +} +.error-content .toggle-button:hover { + border: 1px solid #000; + border-width:1px 1px 0px 1px; + background-color: #353535; + background: -moz-linear-gradient(top, #393939 0, #000000 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #393939), color-stop(100%, #000000)); + color: #ff5d1a; + text-shadow:none; + box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 2px inset; + -moz-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 2px inset; + -webkit-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 2px inset; +} + +/*---//////////////////// DEFAULT TABLE ////////////////////---*/ + +table { + border-color: #5b5b5b; + border-style: solid; + border-width: 0; +} +tbody tr th { + color: #000000; + background-color: #b1b1b1; + background: -moz-linear-gradient(top, #bebebe 0, #a2a2a2 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bebebe), color-stop(100%, #a2a2a2)); + font-size: 13px; + padding: 5px 5px; + border-color: #b1b1b1; + border-style: solid; + border-width: 1px 0 0 1px; + border-top-color: #5b5b5b; + text-align:left; +} +thead tr th { + color: #FFFFFF; + font-size: 12px; + padding: 5px 5px; + border-color:#CCCCCC; + 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-style: solid; + border-width: 0 0 0 1px; +} +tr td { + border-color: #b1b1b1; + border-style: solid; + border-width: 0; + font-size: 12px; + padding: 5px 5px; +} +tfoot tr td, tfoot tr th { + color:#FFFFFF; + background-color: #6e6e6e; + background: -moz-linear-gradient(top, #6e6e6e 0, #868686 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6e6e6e), color-stop(100%, #868686)); + font-size: 13px; + padding: 5px 5px; + border-color: #b1b1b1; + border-style: solid; + border-width: 1px 0 0 1px; +} +tfoot tr th { + font-weight:bold; + text-align:left; +} + + +/*---//////////////////// STATUS TABLE ////////////////////---*/ +.statustable { + background-color: #D8D8D8; + border-width: 2px 1px 1px; +} +.statustable tr td, .statustable tr th { + text-align:center; + vertical-align:text-top; + font-size:13px; +} +.statustable tr td { + border-width: 1px 0 0 1px; +} +.statustable tr td:first-child, .statustable tr th:first-child { + text-align:left; + border-left-width: 0 !important; +} +.checked-icon { + width:100%; + margin:0; + background: url("images/accept.png") no-repeat center center; + height:16px; + margin:0; + display:block; +} +.not-available-icon { + width:100%; + margin:0; + background: url("images/delete.png") no-repeat center center; + height:16px; + margin:0; + display:block; +} +.statustable ul { + margin:4px 0; + padding:0; +} +.statustable ul li { + background:#bbb; + margin:2px 0 6px 0; + padding:4px 8px 0; + position:relative; + min-height:22px; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + font-size:13px; +} +.statustable .big { + width:120px; + height:10px; + background:#444444; + background: -moz-linear-gradient(top, #464646 0, #3e3e3e 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(100%, #464646)); + border-bottom:1px solid #fff; + margin: 0 auto; + padding: 1px; + display:inline-block; +} +.diskspace { + background-color:#e76400; + background: -moz-linear-gradient(top, #ff6f01 0, #bc5200 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff6f01), color-stop(100%, #bc5200)); + height:10px; +} +.statustable a { + color: #222; + text-decoration: underline; +} + +.statustable a:visited { + color: #666; + text-decoration: underline; +} +.statustable a:hover { + color: #e76400; + text-decoration: underline; +} +.strong { + font-weight:bold; +} + + +/*---//////////////////// PLUPLOAD ERROR ////////////////////---*/ + +#plupload_error{ + margin-top:10px; +} + +#plupload_error table { + color:red; + border:1px solid #c83f3f; + background:#c6b4b4; +} +#plupload_error table td { + color:#902d2d; + font-size:12px; + font-weight:bold; + padding:2px 4px; + margin-bottom:2px; + border:none; + margin:0; +} + +/*---//////////////////// TRIAL BOX HEADER ////////////////////---*/ + +.trial-box { + width:142px; + height:38px; + display:block; + position:absolute; + right:20px; + bottom:10px; + background-color:#222; + background-color:rgba(0, 0, 0, 0.7); + z-index:100; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + color:#FFF; + font-size:11px; + padding:7px; +} +.trial-box p { + padding:0 0 3px 0; + margin:0 0 5px 0; + float:left; +} +.trial-box-button a { + width:92px; + height:14px; + display:block; + padding: 1px 3px; + -moz-border-radius: 1px; + -webkit-border-radius: 1px; + border-radius: 1px; + text-transform:uppercase; + text-align:center; + font-family:Arial, Helvetica, sans-serif; + font-weight:bold; + text-decoration:none; + color:#FFFFFF; + background-color:#ff5d1a; + background: -moz-linear-gradient(top, #ff5d1a 0, #dd4202 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff5d1a), color-stop(100%, #dd4202)); + box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset; + -moz-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset; + -webkit-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset; + float:left; +} +.trial-box-button a:hover { + background-color:#dd4202; + background: -moz-linear-gradient(top, #dd4202 0, #ff5d1a 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dd4202), color-stop(100%, #ff5d1a)); + box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset; + -moz-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset; + -webkit-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset; +} +.trial-box-calendar { + float:right; + text-align:center; + font-weight:bold; +} +.trial-box-calendar-white { + font-size:18px; + color:#ff5d1a; + background:#FFF; + width:36px; + height:22px; + display:block; + -webkit-border-top-right-radius: 1px; + -moz-border-radius-topright: 1px; + -webkit-border-top-left-radius: 1px; + -moz-border-radius-topleft: 1px; +} +.trial-box-calendar-gray { + width:36px; + height:14px; + display:block; + color:#FFF; + font-size:11px; + padding:1px 0; + text-transform:uppercase; + background-color:#676767; + background: -moz-linear-gradient(top, #7f7f7f 0, #555555 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7f7f7f), color-stop(100%, #555555)); + -webkit-border-bottom-right-radius: 1px; + -moz-border-radius-bottomright: 1px; + -webkit-border-bottom-left-radius: 1px; + -moz-border-radius-bottomleft: 1px; + box-shadow: rgba(0, 0, 0, 0.4) 0 2px 1px inset; + -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 2px inset; + -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 2px inset; +} +#stream_url {font-size:12px; line-height: 170%;} +.stream-setting-content fieldset {border-width:0 1px 1px 1px;} \ No newline at end of file