webinterface/src/web-data/style.css

   1 body {
   2         text-align:left;
   3         vertical-align: top;
   4         margin:0px;
   5         font-family:Arial,sans-serif;
   6         font-size: 12px;
   7         background-color:#EEEEEE;
   8         color:#444444;
   9         cursor: default;
  10 }
  11
  12 a:link { color:#444444; }
  13 a:visited { color:#444444; }
  14 a:active { color:#444444; }
  15
  16 hr{ border: 1px solid #BBBBBB;
  17         margin-left: 3px;
  18         margin-right: 3px;
  19 }
  20
  21 form{
  22         margin: 0px;
  23         padding: 0px;
  24 }
  25
  26 /**************************************************************
  27 Make the ServiceList Table scrollable**************************
  28 ***************************************************************/
  29
  30 /* define height and width of scrollable area. Add 16px to width for scrollbar          */
  31 div.BodyContentChannellist {
  32         clear: both;
  33         border: 1px solid #000;
  34         height: 450px;
  35         overflow: auto;
  36         margin: 0px 9px 0px;
  37 /*      width: 780px; */
  38 }
  39
  40 .BodyContentChannellist{
  41         font-size: 12px;
  42 }
  43
  44 /* Reset overflow value to hidden for all non-IE browsers. */
  45 html>body div.BodyContentChannellist {
  46         overflow: hidden;
  47         width: 780px;
  48 }
  49
  50 /* define width of table. IE browsers only                 */
  51 div.BodyContentChannellist table {
  52         float: left;
  53         width: 760px;
  54 }
  55
  56 /* define width of table. Add 16px to width for scrollbar.           */
  57 /* All other non-IE browsers.                                        */
  58 html>body div.BodyContentChannellist table {
  59         width: 780px;
  60 }
  61
  62 /* set table header to a fixed position. WinIE 6.x only                                       */
  63 /* In WinIE 6.x, any element with a position property set to relative and is a child of       */
  64 /* an element that has an overflow property set, the relative value translates into fixed.    */
  65 /* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
  66 thead.fixedHeader tr {
  67         position: relative
  68 }
  69
  70 /* set THEAD element to have block level attributes. All other non-IE browsers            */
  71 /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
  72 html>body thead.fixedHeader tr {
  73         display: block
  74 }
  75
  76 /* make the TH elements pretty */
  77 thead.fixedHeader th {
  78         background: #0066CC;
  79         border: 0px;
  80         font-weight: normal;
  81         padding: 4px 3px;
  82         text-align: left
  83 }
  84
  85 /* make the A elements pretty. makes for nice clickable headers                */
  86 thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
  87         color: #FFF;
  88         display: block;
  89         text-decoration: none;
  90         width: 100%
  91 }
  92
  93 /* make the A elements pretty. makes for nice clickable headers                */
  94 /* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
  95 thead.fixedHeader a:hover {
  96         color: #FFF;
  97         display: block;
  98         text-decoration: underline;
  99         width: 100%
 100 }
 101
 102 /* define the table content to be scrollable                                              */
 103 /* set TBODY element to have block level attributes. All other non-IE browsers            */
 104 /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
 105 /* induced side effect is that child TDs no longer accept width: auto                     */
 106 html>body tbody.scrollContent {
 107         display: block;
 108         height: 422px;
 109         overflow: auto;
 110         width: 100%;
 111 }
 112
 113 /* make TD elements pretty. Provide alternating classes for striping the table */
 114 /* http://www.alistapart.com/articles/zebratables/                             */
 115
 116
 117 tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
 118         background: #FFF;
 119         border-bottom: none;
 120         border-left: none;
 121         border-right: 1px solid #CCC;
 122         border-top: 1px solid #DDD;
 123         padding: 2px 3px 3px 4px;
 124 }
 125
 126 /* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
 127 /* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
 128 /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
 129 html>body thead.fixedHeader th {
 130         width: 780px;
 131 }
 132
 133 /* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
 134 /* All other non-IE browsers.                                            */
 135 /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
 136 html>body tbody.scrollContent td {
 137         width: 764px;
 138 }
 139
 140 /****************************************
 141 normal stylesheet-stuff******************
 142 *****************************************/
 143
 144 #Main{
 145         padding: 0;
 146         width:920px;
 147         height:700px;
 148         text-align: left;
 149         margin: 2px 2px 2px;
 150         vertical-align: top;
 151         cursor: default;
 152 }
 153
 154 #Content{
 155         vertical-align: top;
 156         border: 1px solid #006699;
 157         float: left;
 158         background-color: #FFFFFF;
 159         width: 800px;
 160         height: 99%;
 161 }
 162
 163 #CurrentService {
 164         font-family:Arial,sans-serif;
 165         font-size:14px;
 166         font-weight:bold;
 167
 168         float:left;
 169         background-color: #0066CC;
 170         color: #FFFFFF;
 171
 172         width:50%;
 173         height:20px;
 174 }
 175 #VolumePanel {
 176         font-family:Arial,sans-serif;
 177         font-size:14px;
 178         font-weight:bold;
 179
 180         float:left;
 181         background-color: #0066CC;
 182         color: #FFFFFF;
 183
 184         width:25%;
 185         height:20px;
 186 }
 187
 188 #CurrentTime {
 189         font-family:Arial,sans-serif;
 190         font-size:14px;
 191         font-weight:bold;
 192
 193         float:left;
 194         text-align:right;
 195         background-color: #0066CC;
 196         color: #FFFFFF;
 197
 198         width:20%;
 199         height: 20px;
 200 }
 201 #SignalPanel {
 202         font-family:Arial,sans-serif;
 203         font-size:14px;
 204         font-weight:bold;
 205
 206         float:left;
 207
 208         background-color: #0066CC;
 209         color: #FFFFFF;
 210         text-align:right;
 211
 212         width:5%;
 213         height:20px;
 214 }
 215
 216
 217 #ServiceInfo{
 218         width:800px;
 219         height: 20px;
 220         border-bottom: 1px solid #000000;
 221         float:none;
 222         clear:both;
 223         padding: 0 0 0;
 224         margin: 0 0 0;
 225         background-color: #0066CC;
 226 }
 227
 228 #nav{
 229         vertical-align: top;
 230         border-top: 1px solid #006699;
 231         border-left: 1px solid #006699;
 232         border-bottom: 1px solid #006699;
 233         float: left;
 234         padding: 0;
 235         margin: 0;
 236         height:99%;
 237         width: 117px;
 238 }
 239
 240 #navTable{
 241         background-color: #99CCFF;
 242         vertical-align: middle;
 243         font-size: 14px;
 244         font-weight: bold;
 245         width: 100%;
 246         margin:0 0 0 0;
 247         padding:0 0 0 0;
 248 }
 249
 250 #NavHd{
 251         background-color: #0066CC;
 252         color: #FFFFFF;
 253         font-size:10px;
 254         font-weight: bold;
 255         height: 20px;
 256         vertical-align: middle;
 257 }
 258 #RequestIndicator{
 259         display: inline;
 260         vertical-align: middle;
 261         font-size:14px;
 262         font-weight: bold;
 263         height:20px;
 264 }
 265
 266 #EventNowNext{
 267 }
 268
 269 #updates{
 270         visibility: hidden;
 271 }
 272
 273 .navMenuPanel{
 274         background-color: #BBBBBB;
 275 }
 276 .navMenuHeader{
 277         font-size: 14px;
 278         border-top: 1px solid #000000;
 279         height: 20px;
 280 }
 281
 282 .navMenuContent{
 283         font-size: 12px;
 284         background-color: #EEEEEE;
 285         border: 0px;
 286 }
 287 .navMenuItem{
 288         font-size: 12px;
 289 }
 290
 291 .divblock{
 292         width:100%;
 293         float:none;
 294         clear:both;
 295 }
 296
 297 .event{
 298         font-size:12px;
 299         width:100%;
 300         font-weight:bold;
 301         background-color: #DDEEFF;
 302         margin-bottom: 1px;
 303         cursor:help;
 304 }
 305 .eventRA{
 306         font-size:12px;
 307         width:100%;
 308         font-weight:bold;
 309         text-align:right;
 310         background-color: #DDEEFF;
 311         margin-bottom: 1px;
 312         cursor:help;
 313 }
 314 .eventExtDesc{
 315         color: #777777;
 316         background-color: #FFFFFF;
 317         font-size:12px;
 318         margin-bottom: 1px;
 319         width:100%;
 320 }
 321
 322 .bgMain{
 323         background-color: #FFFFFF;
 324         width: 100%;
 325 }
 326 .sListHeader{
 327         font-size: 14px;
 328         float:left;
 329         width:50%;
 330 }
 331 .sListSearch{
 332         font-size: 14px;
 333         float:left;
 334         width:50%;
 335         text-align: right;
 336 }
 337 form.sListSearch{
 338         text-align: right;
 339 }
 340 .sListSName{
 341         font-size: 14px;
 342         font-weight: bold;
 343         float:left;
 344         width:661px;
 345 }
 346
 347 a.sListSLink{
 348         display: block;
 349         width: 656px;
 350         height: 100%;
 351         text-decoration: none;
 352 }
 353
 354 a.sListSLink:hover{
 355         background-color: #DDDDDD;
 356 }
 357
 358 .sListExt{
 359         border-left: 1px solid #CCC;
 360         float:left;
 361         width:90px;
 362         text-align: right;
 363 }
 364 .sListEPGTime{
 365         float:left;
 366         width:60px;
 367         text-align: left;
 368 }
 369 .sListEPGTitle{
 370         border-left: 1px solid #CCC;
 371         border-right: 1px solid #CCC;
 372         float: left;
 373         width:600px;
 374         text-align: left;
 375 }
 376 .sListEPGDuration{
 377         float:left;
 378         width:75px;
 379         text-align: right;
 380 }
 381 #TimerColor0 {
 382         color: #000000;
 383 }
 384 #TimerColor1 {
 385         color: #00BCBC;
 386         background-color: #DDDDDD;
 387 }
 388 #TimerColor2 {
 389         color: #9F1919;
 390         background-color: #DDDDDD;
 391 }
 392 #TimerColor3 {
 393         color: #00BCBC;
 394         background-color: #DDDDDD;
 395 }