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:#EEE;
   8         color:#444;
   9 }
  10
  11 a:link { color:#444; }
  12 a:visited { color:#444; }
  13 a:active { color:#444; }
  14
  15 hr{ border: 1px solid #BBB;
  16         margin-left: 3px;
  17         margin-right: 3px;
  18 }
  19
  20 form{
  21         margin: 0px;
  22         padding: 0px;
  23 }
  24
  25 /**************************************************************
  26 Make the ServiceList Table scrollable**************************
  27 ***************************************************************/
  28
  29 /* define height and width of scrollable area. Add 16px to width for scrollbar          */
  30 div.BodyContentChannellist {
  31         clear: both;
  32         border: 1px solid #000;
  33         height: 450px;
  34         overflow: auto;
  35         margin: 0px 9px 0px;
  36 /*      width: 780px; */
  37 }
  38
  39 .BodyContentChannellist{
  40         font-size: 12px;
  41 }
  42
  43 /* Reset overflow value to hidden for all non-IE browsers. */
  44 html>body div.BodyContentChannellist {
  45         overflow: hidden;
  46         width: 780px;
  47 }
  48
  49 /* define width of table. IE browsers only                 */
  50 div.BodyContentChannellist table {
  51         float: left;
  52         width: 760px;
  53 }
  54
  55 /* define width of table. Add 16px to width for scrollbar.           */
  56 /* All other non-IE browsers.                                        */
  57 html>body div.BodyContentChannellist table {
  58         width: 780px;
  59 }
  60
  61 /* set table header to a fixed position. WinIE 6.x only                                       */
  62 /* In WinIE 6.x, any element with a position property set to relative and is a child of       */
  63 /* an element that has an overflow property set, the relative value translates into fixed.    */
  64 /* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
  65 thead.fixedHeader tr {
  66         position: relative
  67 }
  68
  69 /* set THEAD element to have block level attributes. All other non-IE browsers            */
  70 /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
  71 html>body thead.fixedHeader tr {
  72         display: block
  73 }
  74
  75 /* make the TH elements pretty */
  76 thead.fixedHeader th {
  77         background: #0066CC;
  78         border: 0px;
  79         font-weight: normal;
  80         padding: 4px 3px;
  81         text-align: left
  82 }
  83
  84 /* make the A elements pretty. makes for nice clickable headers                */
  85 thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
  86         color: #FFF;
  87         display: block;
  88         text-decoration: none;
  89         width: 100%
  90 }
  91
  92 /* make the A elements pretty. makes for nice clickable headers                */
  93 /* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
  94 thead.fixedHeader a:hover {
  95         color: #FFF;
  96         display: block;
  97         text-decoration: underline;
  98         width: 100%
  99 }
 100
 101 /* define the table content to be scrollable                                              */
 102 /* set TBODY element to have block level attributes. All other non-IE browsers            */
 103 /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
 104 /* induced side effect is that child TDs no longer accept width: auto                     */
 105 html>body tbody.scrollContent {
 106         display: block;
 107         height: 422px;
 108         /* This is realy bad for resolution below 1280x1024 */
 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         width:960px;
 146         background-color: #AAA;
 147         text-align: left;
 148         margin: 0;
 149         padding: 0;
 150         overflow: auto;
 151         vertical-align: top;
 152         cursor: default;
 153         border: 1px solid #000;
 154 }
 155
 156 #Content{
 157         vertical-align: middle;
 158         float: left;
 159         background-color: #FFF;
 160         width: 800px;
 161         padding-bottom: 10px;
 162         border-right: 1px solid #000;
 163         border-left: 1px solid #000;
 164 }
 165
 166 #CurrentService {
 167         font-family: Arial,sans-serif;
 168         font-size: 14px;
 169         font-weight: bold;
 170         float: left;
 171         background-color: #0066CC;
 172         color: #FFFFFF;
 173
 174         width: 55%;
 175         height: 20px;
 176 }
 177
 178 #CurrentEvent {
 179         font-family: Arial,sans-serif;
 180         font-size: 14px;
 181         font-weight: bold;
 182         float: left;
 183         background-color: #0066CC;
 184         color: #FFFFFF;
 185         text-align: right;
 186         width: 45%;
 187         height: 20px;
 188 }
 189
 190 #VolumePanel {
 191         font-family:Arial,sans-serif;
 192         font-size:14px;
 193         font-weight:bold;
 194
 195         float:left;
 196         background-color: #0066CC;
 197         color: #FFFFFF;
 198
 199         width:25%;
 200         height:20px;
 201 }
 202
 203 #CurrentTime {
 204         font-family:Arial,sans-serif;
 205         font-size:14px;
 206         font-weight:bold;
 207
 208         float:left;
 209         text-align:right;
 210         background-color: #0066CC;
 211         color: #FFFFFF;
 212
 213         width: 15%;
 214         height: 20px;
 215 }
 216
 217 #SignalPanel {
 218         font-family:Arial,sans-serif;
 219         font-size:14px;
 220         font-weight:bold;
 221
 222         float:left;
 223
 224         background-color: #0066CC;
 225         color: #FFFFFF;
 226         text-align:right;
 227
 228         width:20px;
 229         height:20px;
 230 }
 231
 232 #RecordButton {
 233         float:left;
 234         background-color: #0066CC;
 235         width:20px;
 236         height:20px;
 237 }
 238
 239 #ServiceInfo{
 240         width:800px;
 241         height: 20px;
 242         border-bottom: 1px solid #000;
 243         float:none;
 244         clear:both;
 245         padding: 0 0 0;
 246         margin: 0 0 0;
 247         background-color: #0066CC;
 248         color: #FFFFFF;
 249 }
 250
 251 #nav{
 252         float: left;
 253         width: 117px;
 254         background-color: #AAA;
 255 }
 256
 257 #navTable{
 258         background-color: #EEE;
 259         vertical-align: middle;
 260         font-size: 14px;
 261         font-weight: bold;
 262         width: 100%;
 263         margin:0 0 0 0;
 264         padding:0 0 0 0;
 265 }
 266
 267 #NavHd{
 268         background-color: #0066CC;
 269         color: #FFFFFF;
 270         font-size:10px;
 271         font-weight: bold;
 272         height: 20px;
 273         vertical-align: middle;
 274 }
 275 #RequestIndicator{
 276         display: inline;
 277         vertical-align: middle;
 278         font-size:14px;
 279         font-weight: bold;
 280         height:20px;
 281 }
 282
 283 #EventNowNext{
 284 }
 285
 286 #updates{
 287         visibility: hidden;
 288 }
 289
 290 .navMenuPanel{
 291         background-color: #BBB;
 292 }
 293 .navMenuHeader{
 294         font-size: 14px;
 295         border-top: 1px solid #000;
 296         height: 20px;
 297 }
 298
 299 .navMenuContent{
 300         font-size: 12px;
 301         font-weight: normal;
 302         background-color: #EEE;
 303         border: 0px;
 304 }
 305 .navMenuItem{
 306         font-size: 12px;
 307 }
 308
 309 .divblock{
 310         width:100%;
 311         float:none;
 312         clear:both;
 313 }
 314
 315 .event{
 316         font-size:12px;
 317         width:100%;
 318         font-weight:bold;
 319         background-color: #DDEEFF;
 320         margin-bottom: 1px;
 321         cursor:help;
 322 }
 323 .eventRA{
 324         font-size:12px;
 325         width:100%;
 326         font-weight:bold;
 327         text-align:right;
 328         background-color: #DDEEFF;
 329         margin-bottom: 1px;
 330         cursor:help;
 331 }
 332
 333 .eventExtDesc{
 334         color: #777;
 335         background-color: #FFF;
 336         font-size:12px;
 337         margin-bottom: 1px;
 338         width:100%;
 339 }
 340
 341 .bgMain{
 342         background-color: #FFF;
 343         width: 100%;
 344 }
 345 .sListHeader{
 346         font-size: 14px;
 347         font-weight: bold;
 348         color: #FFF;
 349         float:left;
 350         width:50%;
 351 }
 352 .sListSearch{
 353         font-size: 14px;
 354         float:left;
 355         width:50%;
 356         text-align: right;
 357 }
 358 form.sListSearch{
 359         text-align: right;
 360 }
 361 .sListSName{
 362         font-size: 14px;
 363         font-weight: bold;
 364         float:left;
 365         width:661px;
 366 }
 367
 368 a.sListSLink{
 369         display: block;
 370         width: 656px;
 371         height: 100%;
 372         text-decoration: none;
 373 }
 374
 375 a.sListSLink:hover{
 376         background-color: #DDD;
 377 }
 378
 379 .sListExt{
 380         border-left: 1px solid #CCC;
 381         float:left;
 382         width:90px;
 383         text-align: right;
 384 }
 385 .sListEPGTime{
 386         float:left;
 387         width:60px;
 388         text-align: left;
 389 }
 390 .sListEPGTitle{
 391         border-left: 1px solid #CCC;
 392         border-right: 1px solid #CCC;
 393         float: left;
 394         width:600px;
 395         text-align: left;
 396 }
 397 .sListEPGDuration{
 398         float:left;
 399         width:75px;
 400         text-align: right;
 401 }
 402 .tListSName{
 403 /*      float:left;*/
 404         width: 180px;
 405         text-align: left;
 406 }
 407 .tListTitle{
 408 /*      float:left;*/
 409         width: 150px;
 410         text-align: left;
 411 }
 412 .tListDescr{
 413 /*      float:left;*/
 414         width: 150px;
 415         text-align: left;
 416 }
 417 .tListRepeat{
 418 /*      float:left;*/
 419         width: 70px;
 420         text-align: left;
 421 }
 422 .tListDuration{
 423 /*      float:left;*/
 424         width: 70px;
 425         text-align: left;
 426 }
 427 .tListBegin{
 428 /*      float:left;*/
 429         width: 100px;
 430         text-align: left;
 431 }
 432 .tListEnd{
 433 /*      float:left;*/
 434         width: 100px;
 435         text-align: left;
 436 }
 437 .tListAfter{
 438 /*      float:left;*/
 439         width: 85px;
 440         text-align: left;
 441 }
 442 .tListOption{
 443 /*      float:left;*/
 444         width: 80px;
 445         text-align: center;
 446 }
 447 #TimerColor0 {
 448         color: #000000;
 449 }
 450 #TimerColor1 {
 451         color: #00BCBC;
 452         background-color: #DDD;
 453 }
 454 #TimerColor2 {
 455         color: #9F1919;
 456         background-color: #DDD;
 457 }
 458 #TimerColor3 {
 459         color: #00BCBC;
 460         background-color: #DDD;
 461 }