airtime-widgets.css 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
  1. @charset "utf-8";
  2. /* CSS Document */
  3. #headerLiveHolder, #headerLiveTrackHolder {
  4. overflow: hidden;
  5. position:relative;
  6. width:300px!important;
  7. font-family: Arial,Helvetica,sans-serif;
  8. font-size: 13px;
  9. margin: 0;
  10. padding: 0;
  11. }
  12. #headerLiveHolder *, #headerLiveTrackHolder * {
  13. margin: 0;
  14. padding: 0;
  15. }
  16. #headerLiveHolder ul {
  17. list-style-type:none;
  18. margin: 0;
  19. padding: 0;
  20. }
  21. #headerLiveHolder h4 {
  22. font-size:10px;
  23. color:#68bd44;
  24. text-transform:uppercase;
  25. font-weight:normal;
  26. line-height:12px;
  27. }
  28. #headerLiveTrackHolder span#status-current-show {
  29. font-size:10px;
  30. color:#68bd44;
  31. text-transform:uppercase;
  32. font-weight:normal;
  33. line-height:12px;
  34. }
  35. #headerLiveHolder ul li, #headerLiveTrackHolder ul li {
  36. overflow:hidden;
  37. position:relative;
  38. height:12px;
  39. padding-right:70px;
  40. font-size:11px;
  41. color:#999999;
  42. line-height:11px;
  43. }
  44. #headerLiveHolder ul li.current, #headerLiveTrackHolder ul li.current {
  45. font-weight:bold;
  46. color:#666666;
  47. }
  48. #headerLiveHolder ul li span {
  49. position:absolute;
  50. right:0px;
  51. }
  52. #headerLiveHolder ul li span#time-elapsed {
  53. right: 50px;
  54. }
  55. #headerLiveHolder ul li span#time-elapsed:before {
  56. content: "e.";
  57. }
  58. #headerLiveHolder ul li span#time-remaining:before {
  59. content: "r.";
  60. }
  61. #headerLiveTrackHolder span.current{
  62. font-weight:bold;
  63. color:#666666;
  64. position:absolute;
  65. right:10px;
  66. font-size: 11px;
  67. }
  68. #headerLiveTrackHolder span#time-elapsed {
  69. right: 65px;
  70. }
  71. #headerLiveTrackHolder span#time-elapsed:before {
  72. content: "e.";
  73. }
  74. #headerLiveTrackHolder span#time-remaining:before {
  75. content: "r.";
  76. }
  77. #onAirToday {
  78. width:300px;
  79. margin-bottom:15px;
  80. border:1px solid #999999;
  81. font-family: Arial,Helvetica,sans-serif;
  82. }
  83. #onAirToday h3 {
  84. margin:0;
  85. padding:0 10px;
  86. font-size:13px;
  87. color:#ffffff;
  88. line-height:28px;
  89. background: #999999;
  90. }
  91. #onAirToday table {
  92. border-collapse: collapse;
  93. clear: both;
  94. padding: 0;
  95. }
  96. #onAirToday table tbody {
  97. color: #000;
  98. font-size:12px;
  99. }
  100. #onAirToday table tbody tr {
  101. height: 30px;
  102. }
  103. #onAirToday table tbody tr td {
  104. border-bottom: 1px dotted #d9d9d9;
  105. height: 30px;
  106. padding-left: 10px;
  107. font-weight:bold;
  108. }
  109. #onAirToday table tbody tr td a {
  110. text-decoration:none;
  111. }
  112. #onAirToday table tbody tr td a:hover {
  113. text-decoration:underline;
  114. }
  115. #onAirToday table tbody tr:last-child td {
  116. border-bottom: none;
  117. }
  118. #onAirToday table tbody tr td.time {
  119. font-weight:normal;
  120. color: #666666;
  121. }
  122. /* = PROGRAM SCHEDULE ---------------- */
  123. /*
  124. + Center Column */
  125. #scheduleTabs {
  126. font-family: Arial,Helvetica,sans-serif;
  127. }
  128. #scheduleTabs ul {
  129. overflow:hidden;
  130. height:28px;
  131. background: url( widget-img/schedule-tabs-list-bgr.png) repeat-x left bottom;
  132. list-style-type:none;
  133. margin:0;
  134. padding:0;
  135. }
  136. #scheduleTabs ul li {
  137. float:left;
  138. height:28px;
  139. margin:0;
  140. padding:0;
  141. }
  142. #scheduleTabs ul li a {
  143. display:block;
  144. float:left;
  145. height:25px;
  146. padding:0 10px;
  147. margin-top:3px;
  148. font-size:12px;
  149. font-weight:bold;
  150. color:#666;
  151. line-height:25px;
  152. border-right:1px solid #dbdbdb;
  153. border-left:1px solid #f4f4f4;
  154. text-decoration:none;
  155. }
  156. #scheduleTabs ul li a:hover {
  157. color:#000;
  158. text-decoration:none;
  159. }
  160. #scheduleTabs ul li.ui-tabs-selected a {
  161. height:27px;
  162. margin-top:0px;
  163. line-height:27px;
  164. color:#333333;
  165. background:#ffffff;
  166. border:1px solid #cac9c9; border-bottom:none;
  167. }
  168. #scheduleTabs table {
  169. clear:both;
  170. padding:0px;
  171. border-collapse:collapse;
  172. width:100%;
  173. }
  174. #scheduleTabs table thead {
  175. height:35px;
  176. font-size:12px; color:#333333; line-height:35px;
  177. background-color: #fff;
  178. background: -moz-linear-gradient(top, #ffffff 10%, #f4f4f4 100%);
  179. background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #ffffff), color-stop(100%, #f4f4f4));
  180. border-bottom:1px solid #d4d4d4;
  181. }
  182. #scheduleTabs table thead tr {
  183. height:35px;
  184. }
  185. #scheduleTabs table thead tr td {
  186. padding-left:10px;
  187. font-size:11px; color:#999999; text-transform:uppercase;
  188. }
  189. #scheduleTabs table tfoot {
  190. }
  191. #scheduleTabs table tbody {
  192. font-size:13px; color:#666666; font-weight:bold;
  193. }
  194. #scheduleTabs table tbody tr {
  195. height:30px;
  196. }
  197. #scheduleTabs table tbody tr td {
  198. height:30px;
  199. padding-left:10px;
  200. border-bottom:1px dotted #b3b3b3;
  201. }
  202. #scheduleTabs table tbody tr td h4 {
  203. color:#333333; font-size:12px;
  204. margin:0;
  205. padding:0;
  206. }
  207. #scheduleTabs table tbody tr td ul {
  208. background:none !important;
  209. list-style-type:none;
  210. }
  211. #scheduleTabs table tbody tr td ul li {
  212. float:left;
  213. height:30px !important;
  214. padding:0 2px;
  215. font-size:12px; color:#cc0000; font-weight:normal; line-height:30px !important;
  216. }
  217. #scheduleTabs table tbody tr td ul li a {
  218. height:30px !important;
  219. margin:0px !important; padding:0px !important;
  220. font-size:12px; color:#68BD44 !important; font-weight:normal !important; text-transform:uppercase; line-height:30px !important;
  221. background:none !important;
  222. border:none !important;
  223. }
  224. #scheduleTabs table tbody tr td ul li a:hover {
  225. text-decoration:underline;
  226. }
  227. #scheduleTabs.ui-tabs .ui-tabs-hide {
  228. display: none;
  229. }