Ticket #11506: 0001-Copied-default-skin-to-negative.patch

File 0001-Copied-default-skin-to-negative.patch, 63.2 KB (added by mythtv@…, 6 years ago)

Copy of all .css files, hopefully git will work out this is a copy.

  • new file skins/negative/backend_log.css

    From bca3e7d6c3c364d1b0db46a446db99058a57367e Mon Sep 17 00:00:00 2001
    From: Tim Phipps <tim@phipps-hutton.freeserve.co.uk>
    Date: Wed, 24 Apr 2013 12:26:39 +0100
    Subject: [PATCH 1/2] Copied default skin to 'negative'.
    
    ---
     skins/negative/backend_log.css  |   33 +++
     skins/negative/header.css       |  124 +++++++++++
     skins/negative/img              |    1 +
     skins/negative/menus.css        |   16 ++
     skins/negative/music.css        |  471 +++++++++++++++++++++++++++++++++++++++
     skins/negative/programming.css  |  150 +++++++++++++
     skins/negative/remote.css       |  178 +++++++++++++++
     skins/negative/settings.css     |  143 ++++++++++++
     skins/negative/stats.css        |   71 ++++++
     skins/negative/status.css       |   83 +++++++
     skins/negative/style.css        |  256 +++++++++++++++++++++
     skins/negative/tv_channel.css   |   71 ++++++
     skins/negative/tv_detail.css    |  276 +++++++++++++++++++++++
     skins/negative/tv_list.css      |   90 ++++++++
     skins/negative/tv_recorded.css  |  144 ++++++++++++
     skins/negative/tv_schedule.css  |  140 ++++++++++++
     skins/negative/tv_schedules.css |   48 ++++
     skins/negative/tv_search.css    |   63 ++++++
     skins/negative/tv_upcoming.css  |  100 +++++++++
     skins/negative/welcome.css      |   62 ++++++
     20 files changed, 2520 insertions(+)
     create mode 100644 skins/negative/backend_log.css
     create mode 100644 skins/negative/header.css
     create mode 120000 skins/negative/img
     create mode 100644 skins/negative/menus.css
     create mode 100644 skins/negative/music.css
     create mode 100644 skins/negative/programming.css
     create mode 100644 skins/negative/remote.css
     create mode 100644 skins/negative/settings.css
     create mode 100644 skins/negative/stats.css
     create mode 100644 skins/negative/status.css
     create mode 100644 skins/negative/style.css
     create mode 100644 skins/negative/tv_channel.css
     create mode 100644 skins/negative/tv_detail.css
     create mode 100644 skins/negative/tv_list.css
     create mode 100644 skins/negative/tv_recorded.css
     create mode 100644 skins/negative/tv_schedule.css
     create mode 100644 skins/negative/tv_schedules.css
     create mode 100644 skins/negative/tv_search.css
     create mode 100644 skins/negative/tv_upcoming.css
     create mode 100644 skins/negative/video.css
     create mode 100644 skins/negative/welcome.css
    
    diff --git a/skins/negative/backend_log.css b/skins/negative/backend_log.css
    new file mode 100644
    index 0000000..b694bb6
    - +  
     1#backend_logs {
     2    margin:             10px auto;
     3    border:             1px solid #48f;
     4    border-right:       2px solid #48f;
     5    border-collapse:    collapse;
     6    color:              white;
     7    width:              99%;
     8}
     9
     10#backend_logs td {
     11    padding:        2px;
     12    border:         1px solid #48f;
     13    border-right:   1px solid #04a;
     14}
     15#backend_logs th {
     16    padding:        2px 5px;
     17    border:         1px solid #48f;
     18    border-right:   1px solid #04a;
     19    text-align:     left;
     20}
     21
     22#backend_logs tr.header {
     23    background-color:   #134;
     24    color:              #ffb;
     25}
     26
     27#backend_logs tr.odd {
     28    background-color:   #475;
     29}
     30
     31#backend_logs tr.even {
     32    background-color:   #355;
     33}
  • new file skins/negative/header.css

    diff --git a/skins/negative/header.css b/skins/negative/header.css
    new file mode 100644
    index 0000000..0ff6f6b
    - +  
     1#page_header {
     2    margin: 5px;
     3}
     4
     5#logo_box {
     6}
     7#mythtv_logo {
     8    margin:     0px 5px;
     9    padding:    5px;
     10    height:     48px;
     11    width:      180px;
     12    float:      left;
     13    text-align: center;
     14}
     15
     16#sections {
     17    white-space: nowrap;
     18}
     19#sections a {
     20    float:              left;
     21    margin:             0px 5px;
     22    padding:            5px;
     23    background-color:   #347;
     24    border-top:         1px solid #8ad;
     25    border-right:       1px solid #003;
     26    border-bottom:      1px solid #000;
     27    border-left:        1px solid #79c;
     28    -moz-border-radius: 8px;
     29    text-align:         center;
     30    height:             48px;
     31    width:              48px;
     32}
     33#sections a:hover {
     34    background-color:   #458;
     35}
     36#sections a img {
     37    border:  none;
     38    display: inline !important;
     39}
     40
     41#sections a.current_section {
     42    background-color:   #164;
     43    border-top:         1px solid #7b9;
     44    border-right:       1px solid #030;
     45    border-bottom:      1px solid #000;
     46    border-left:        1px solid #6a8;
     47}
     48#sections a.current_section:hover {
     49    background-color:   #275;
     50}
     51
     52#tv_link {
     53}
     54#music_link {
     55}
     56#video_link {
     57}
     58#weather_link {
     59}
     60#settings_link {
     61}
     62
     63#extra_header {
     64    margin-left: 550px;
     65    padding:     0px 5px;
     66    height:      58px;
     67}
     68
     69/*
     70 * IE sucks:  true-height is supposed to be height+padding+margin+border, but IE
     71 * doesn't add in padding, so we have to create a wrapper container and use
     72 * margin instead of padding to make the "padding" that we need.
     73 */
     74#help_wrapper {
     75    height:             21px;
     76    margin-bottom:      3px;
     77    background-color:   #247;
     78    border-top:         1px solid #013;
     79    border-right:       1px solid #79c;
     80    border-bottom:      1px solid #68b;
     81    border-left:        1px solid #002;
     82    -moz-border-radius: 6px;
     83    min-width:          225px;
     84}
     85#help_box {
     86    margin:             4px 5px 2px 5px;
     87    height:             15px;
     88    overflow:           hidden;
     89    white-space:        nowrap;
     90}
     91#search {
     92    margin-top:         2px;
     93    padding:            3px 5px;
     94    height:             26px;
     95    background-color:   #247;
     96    border-top:         1px solid #013;
     97    border-right:       1px solid #79c;
     98    border-bottom:      1px solid #68b;
     99    border-left:        1px solid #002;
     100    -moz-border-radius: 8px;
     101    min-width:          225px;
     102    white-space:        nowrap;
     103}
     104#simple_search {
     105    padding-top: 1px;
     106}
     107
     108
     109#search_text {
     110    position:     relative;
     111    top:          -1px;
     112    width:        150px;
     113    margin-right: 3px;
     114    padding:      0px 3px;
     115    font-size:    9pt;
     116}
     117#search_submit {
     118    position:      relative;
     119    top:           1px;
     120    padding-left:  .5em;
     121    padding-right: .5em;
     122    font-size:     9pt;
     123}
     124
  • new file skins/negative/img

    diff --git a/skins/negative/img b/skins/negative/img
    new file mode 120000
    index 0000000..fd19b7b
    - +  
     1../default/img
     2 No newline at end of file
  • new file skins/negative/menus.css

    diff --git a/skins/negative/menus.css b/skins/negative/menus.css
    new file mode 100644
    index 0000000..d2a7e67
    - +  
     1/* popup and menu classes */
     2.popup {
     3    font-size:          9pt;
     4}
     5
     6.popup table {
     7    font-size:          9pt;
     8}
     9
     10.popup dl {
     11    min-width:          40em;
     12    color:              #dedede;
     13    background-color:   #265990;
     14    border:             2px ridge #127;
     15    padding:            5px;
     16}
  • new file skins/negative/music.css

    diff --git a/skins/negative/music.css b/skins/negative/music.css
    new file mode 100644
    index 0000000..bfd8a9d
    - +  
     1mp3act {
     2        padding: 22px;
     3        margin:0;
     4        color: #333;
     5        text-align: center;
     6        font: 65% Verdana, Sans-serif;
     7}
     8
     9h2.music{
     10        font-size: 100%;
     11        margin:0;
     12        padding: 0 0 5px 0;
     13
     14}
     15ul.music{
     16        list-style-type: none;
     17}
     18a.music{
     19        color: blue;
     20}
     21
     22a.music:hover{
     23        /*color: #fff;
     24        background: #F21518;
     25        text-decoration: none;*/
     26        color: #F21518;
     27}
     28img{
     29        border: 0;
     30}
     31input,select{
     32        border: 1px solid #ccc;
     33        border-color: #aaa #ccc #ccc #aaa;
     34        background: #f3f3f3;
     35        color: #555;
     36        font-size: 100%;
     37        padding: 2px 3px;
     38        vertical-align: middle;
     39
     40}
     41input.check{
     42  border:0;
     43  padding:0;
     44  background: transparent;
     45}
     46select{
     47        padding: 2px 0 2px 3px;
     48}
     49input:focus{
     50        border: 1px solid #999;
     51        background: #FBF9D3;
     52        color: #000;
     53        border-color: #777 #bbb #bbb #777;
     54}
     55
     56input.btn,input.redbtn{
     57        background: #244A79;
     58        color: #fff;
     59        padding: 2px;
     60        border-color: #0E2F58;
     61        font: normal 10px sans-serif;
     62}
     63input.redbtn{
     64        background: #F21518;
     65}
     66input.redbtn:hover{
     67        background: #BE0D0F;
     68}
     69input.btn:hover{
     70        background: #0E2F58;
     71}
     72
     73input.btn2{
     74        font-weight: bold;
     75        padding: 2px;
     76}
     77
     78input.btn2:hover{
     79        background: #eee;
     80        border-color: #888;
     81        color: #222;
     82}
     83
     84.left{
     85        float: left;
     86}
     87.right{
     88        float: right;
     89}
     90.center{
     91        text-align: center;
     92}
     93.clear{
     94  clear: both;
     95}
     96.error{
     97        color: #E63838;
     98        font-weight: bold;
     99}
     100p#error{
     101        color: #f20000;
     102        font-weight: bold;
     103}
     104#breadcrumb{
     105        height: 14px;
     106        padding:2px 0 0 0;
     107}
     108#breadcrumb span{
     109position: relative;
     110}
     111#breadcrumb span:hover ul{
     112        display: block;
     113}
     114#breadcrumb ul{
     115        z-index: 5;
     116        border: 1px solid #333;
     117        display: none;
     118        top:12px;
     119        left:0;
     120        position: absolute;
     121        background: transparent url("./img/music/libg.png");
     122        color: #fff;
     123        margin:-1px 0 0 0;
     124        padding:0;
     125        width: 150px;
     126
     127}
     128#breadcrumb ul#letters{
     129        left: -55px;
     130        width: auto;
     131}
     132#breadcrumb span{
     133        padding: 0;
     134        margin:0;
     135}
     136#breadcrumb ul li{
     137width: 100%;
     138        padding:0;
     139        margin:0;
     140        z-index: 6;
     141}
     142#breadcrumb ul li a{
     143        display: block;
     144        padding: 2px 4px;
     145        color: #fff;
     146        margin:0;
     147        z-index: 5;
     148        text-decoration: none;
     149        font-weight: normal;
     150        font-size: 90%;
     151}
     152
     153#breadcrumb ul#letters li{
     154        float: left;
     155
     156}
     157#breadcrumb ul#letters li a{
     158        float: left;
     159
     160}
     161#breadcrumb ul li a:hover{
     162        background: #FCF7A5;
     163        color: #000;
     164}
     165#breadcrumb ul#letters li a:hover{
     166        background: #FCF7A5;
     167        color: #000;
     168}
     169#topinfo{
     170
     171        font-size: 90%;
     172        color: #666;
     173        text-align: left;
     174        padding: 0 0 4px 0;
     175
     176}
     177p.pad{
     178        padding: 0px 8px;
     179}
     180
     181#wrap{
     182        /*background: #fff;
     183        border: 1px solid #ccc;*/
     184        text-align: left;
     185        padding: 0px;
     186        margin:0;
     187        position: relative;
     188
     189        color: #333;
     190}
     191
     192#header{
     193        position: relative;
     194/*      background: #0E2F58;*/
     195        height: 50px;
     196        color: #fff;
     197        padding: 8px 0 0px 15px;
     198}
     199#header #controls{
     200        float: right;
     201        background: transparent;
     202        height: 48px;
     203        margin-right: 8px;
     204        width: 48%;
     205        font-size: 90%;
     206        line-height: 1.1em;
     207        color: #fff;
     208}
     209
     210#header #controls .buttons{
     211        float: left;
     212        margin: 3px 5px 0 5px;
     213}
     214#header #controls .current{
     215        float: left;
     216        margin-top: 3px;
     217
     218}
     219#header h1{
     220        color: #9ABEE5;
     221        padding: 0;
     222        margin:0;
     223        font-size: 150%;
     224}
     225ul#nav{
     226        position: absolute;
     227        bottom:0;
     228        list-style-type: none;
     229        margin:0;
     230        padding:0;
     231}
     232ul#nav li{
     233        float: left;
     234        margin-right: 5px;
     235}
     236ul#nav li a{
     237        display: block;
     238        background: #265990; /* #244A79; */
     239        padding: 4px 5px;
     240        color: #dedede;
     241        text-decoration: none;
     242        margin:0;
     243}
     244ul#nav li a:hover{
     245        background: #416899;
     246        color: #fff;
     247}
     248ul#nav li a.c{
     249        background: #fff;
     250        color: #F48603;
     251        font-weight: bold;
     252}
     253#loading{
     254        display: none;
     255        position: absolute;
     256        top: 80px;
     257        color: #78B855;
     258        padding: 10px;
     259        background: #CCFF99;
     260        border: 1px solid #78B855;
     261        z-index: 4;
     262        left: 30%;
     263}
     264#loading h1{
     265  font-size: 140%;
     266}
     267#left{
     268        float: left;
     269        width: 48%;
     270        margin: 15px 0 25px 15px;
     271}
     272#right{
     273        float: right;
     274        width: 45%;
     275        margin: 15px 15px 25px 0;
     276
     277}
     278.box{
     279        background: #E0E0E0;
     280        border: 1px solid #ccc;
     281        padding: 0 0 8px 0;
     282        position: relative;
     283}
     284#box_extra{
     285        display: none;
     286        z-index: 2;
     287        position: absolute;
     288        top: 25px;
     289        left:5%;
     290        width: 450px;
     291        height: 230px;
     292        background: transparent url("./img/music/libg.png");
     293        color: #fff;
     294        font-size: 110%;
     295        padding: 5px;
     296}
     297#box_extra h2{
     298        font-size: 120%;
     299}
     300#box_extra input{
     301        background: #333;
     302        border-color: #999;
     303        color: #fff;
     304}
     305
     306#box_extra select{
     307        background: #333;
     308        border-color: #999;
     309        color: #fff;
     310}
     311
     312.box ul{
     313        margin: 0 10px;
     314        padding: 0px 0px;
     315        background: #f3f3f3;
     316        clear: both;
     317}
     318.box ul li{
     319        padding: 2px 0 1px 4px;
     320        border: 1px solid transparent;
     321        border-width: 1px 0px 1px 0px;
     322        position: relative;
     323        background: #f3f3f3;
     324}
     325
     326.box ul li.alt{
     327        background: #DEE6EC;
     328}
     329.box ul li span.user{
     330        float: left;
     331        width: 200px;
     332}
     333.box ul li small{
     334        color: #888;
     335        letter-spacing: -1px;
     336}
     337
     338.box ul li span.links a{
     339        text-decoration: underline;
     340        color: blue;
     341}
     342.box ul li span.links a:hover{
     343        color: red;
     344}
     345.box ul li:hover{
     346        background: #FCF7A5;
     347        color: #000;
     348        border-color: #999;
     349}
     350.box ul li.currentplay{
     351        background: #96D1EF;
     352        color: #000;
     353        border-color: #666;
     354}
     355
     356.box ul li p{
     357        z-index:5;
     358        display: none;
     359        position: absolute;
     360        top: 7px;
     361        font-size: 90%;
     362        padding: 2px;
     363        right: 15px;
     364        width: 145px;
     365        background: transparent url("./img/music/libg.png");
     366        color: #fff;
     367}
     368
     369.box ul li:hover p{
     370        display: block;
     371}
     372
     373.box ul li a{
     374        text-decoration: none;
     375        color: #333;
     376}
     377.box ul li a:hover{
     378        color: #000;
     379}
     380.box ul#letters{
     381        height: 18px;
     382        padding-left: 5px;
     383}
     384
     385.box ul#letters li{
     386        float: left;
     387        padding: 2px 2px;
     388        background: none;
     389        border: 1px solid transparent;
     390}
     391
     392.box ul#letters li:hover{
     393        background: #FCF7A5;
     394        border-color: #999;
     395}
     396
     397.box p{
     398        padding: 0 10px;
     399        margin: 8px 0 4px 0;
     400
     401}
     402.box p img{
     403        display: block;
     404        width: 60px;
     405        float: right;
     406        padding: 2px;
     407        background: #f3f3f3;
     408        border: 1px solid #999;
     409        margin-bottom: 4px;
     410}
     411.box img#bigart{
     412        display: none;
     413        position: absolute;
     414        z-index: 2;
     415        background: #f3f3f3;
     416        padding: 3px;
     417        border: 1px solid #666;
     418        top:10px;
     419        right: 80px;
     420}
     421.box p img:hover{
     422        border-color: #555;
     423        cursor: pointer;
     424}
     425
     426.box .head{
     427        padding: 4px;
     428        background: #ccc;
     429}
     430.box .head a{
     431        background: #244A79;
     432        color: #fff;
     433        padding: 2px;
     434        text-decoration: none;
     435        font: normal 9px sans-serif;
     436}
     437.box .head a:hover{
     438        background: #0E2F58;
     439}
     440.box .head a.red{
     441        background: #F21518;
     442}
     443.box .head a.red:hover{
     444        background: #BE0D0F;
     445}
     446.box .head h2{
     447        font-size: 120%;
     448        padding: 0;
     449}
     450.box h3{
     451        padding: 0 0 0 0px;
     452        margin: 0 10px 0 10px;
     453        font-size: 120%;
     454        border-bottom: 1px solid #ccc;
     455}
     456
     457.loginbox{
     458        width: 250px;
     459        margin:0 auto;
     460        background: #fff;
     461        border: 1px solid #ccc;
     462        text-align: left;
     463}
     464.loginbox p{
     465        padding: 8px 15px;
     466        margin:0;
     467}
     468.noborder{
     469        background: transparent;
     470        border:0;
     471}
  • new file skins/negative/programming.css

    diff --git a/skins/negative/programming.css b/skins/negative/programming.css
    new file mode 100644
    index 0000000..60042a7
    - +  
     1/*
     2 *
     3 * The following subclasses are used for list displays that deal with tv
     4 * programming.
     5 *
     6/*/
     7
     8/* some classes for various list displays */
     9    .list {    background-color: #191c26 }
     10    .list_separator {
     11        background-color: #203670;
     12        border-top:       4px;
     13    }
     14
     15/* The category legend, and its associated popup */
     16    #command_choices a {
     17        white-space: nowrap;
     18    }
     19
     20    #category_legend_popup {
     21        position:         absolute;
     22        visibility:       hidden;
     23        top:              0px;
     24        left:             0px;
     25        padding:          2px;
     26        white-space:      nowrap;
     27    }
     28    #category_legend_popup table {
     29        font-size:        9pt;
     30    }
     31
     32/* A class for the left-cleared <dl> lists used for program details popups */
     33    dl.details_list {
     34        font-size:  9pt;
     35        margin:     .125em;
     36        max-width:  41em;
     37    }
     38    dl.details_list dt {
     39        clear:       left;
     40        float:       left;
     41        width:       9em;
     42        padding-top: 3px;
     43        text-align:  right;
     44        color:       #ffe;
     45        white-space: nowrap;
     46    }
     47    dl.details_list dd {
     48        padding-top: 3px;
     49        margin-left: 9.5em;
     50    }
     51
     52/* Control the look of the text-based HDTV stamp throughout MythWeb */
     53    .hdtv_icon {
     54        font-size:   9pt;
     55        float:       right;
     56        color:       yellow;
     57        display:     inline;
     58        font-weight: bold;
     59    }
     60
     61/* a class for the the cells containing recorded programs in recorded_programs.php */
     62.scheduled   { background-color: #506090; }
     63.conflict    { background-color: #806050; }
     64.duplicate   { background-color: #304050; }
     65.deactivated { background-color: #508060; }
     66
     67.will_record              { border: 1px solid  #00F000 !important; }
     68.record_weekly            { border: 1px solid  #00F000 !important; }
     69.record_timeslot          { border: 1px solid  #00F000 !important; }
     70.record_once              { border: 1px solid  #00F000 !important; }
     71.record_channel           { border: 1px solid  #00F000 !important; }
     72.record_always            { border: 1px solid  #00F000 !important; }
     73.record_conflicting       { border: 1px solid  #FF0000 !important; }
     74.record_duplicate         { border: 2px dashed #90B0A0 !important; }
     75.record_old_duplicate     { border: 1px dashed #90B0A0 !important; }
     76.record_suppressed        { border: 2px dotted #60B0B0 !important; }
     77.record_override_suppress { border: 2px dotted #D03060 !important; }
     78.record_override_record   { border: 2px solid  #00FF90 !important; }
     79
     80
     81/* There should be exactly one class in the next section corresponding to
     82    each possible value of RecStatus_Types as defined in
     83    includes/programs.php */
     84.rec_class {
     85    background:  transparent;
     86    text-align:  center;
     87}
     88.rec_class.WillRecord     { font-weight: bold; }
     89.rec_class.Recording      { font-weight: bold; }
     90.Recording                { color: #00FF00; border-width: 2px }
     91.WillRecord               { color: #00FF00; }
     92.PreviousRecording        { color: #90B0A0; }
     93.CurrentRecording         { color: #90D0A0; }
     94.Repeat                   { color: #90B0A0; }
     95.EarlierShowing           { color: #90FFA0; }
     96.LaterShowing             { color: #90FFA0; }
     97.TooManyRecordings        { color: #60B0B0; }
     98.Cancelled                { color: #60B0B0; }
     99.Conflicting              { color: #FF0000; }
     100.LowDiskSpace             { color: #60B0B0; }
     101.TunerBusy                { color: #60B0B0; }
     102.ManualOverride           { color: #D03060; }
     103.Overlap                  { color: #FF0000; }
     104
     105.cat_Action         { background-color: #906020; }
     106.cat_Adult          { background-color: #702020; }
     107.cat_Animals        { background-color: #609060; }
     108.cat_Art_Music      { background-color: #801060; }
     109.cat_Business       { background-color: #703010; }
     110.cat_Children       { background-color: #B00010; }
     111.cat_Comedy         { background-color: #006080; }
     112.cat_Crime_Mystery  { background-color: #105050; }
     113.cat_Documentary    { background-color: #504020; }
     114.cat_Drama          { background-color: #400060; }
     115.cat_Educational    { background-color: #606060; }
     116.cat_Food           { background-color: #208040; }
     117.cat_Game           { background-color: #701010; }
     118.cat_Health_Medical { background-color: #806060; }
     119.cat_History        { background-color: #807020; }
     120.cat_HowTo          { background-color: #A0A000; }
     121.cat_Horror         { background-color: #101040; }
     122.cat_Misc           { background-color: #403060; }
     123.cat_News           { background-color: #606040; }
     124.cat_Reality        { background-color: #304040; }
     125.cat_Romance        { background-color: #A02050; }
     126.cat_Science_Nature { background-color: #008050; }
     127.cat_SciFi_Fantasy  { background-color: #606090; }
     128.cat_Shopping       { background-color: #103010; }
     129.cat_Soaps          { background-color: #508080; }
     130.cat_Spiritual      { background-color: #804080; }
     131.cat_Sports         { background-color: #005030; }
     132.cat_Talk           { background-color: #203040; }
     133.cat_Travel         { background-color: #2060B0; }
     134.cat_War            { background-color: #B06050; }
     135.cat_Western        { background-color: #806040; }
     136.cat_Unknown        { background-color: #303030; }
     137
     138.cat_movie          { background-color: #809090 !important; }
     139.cat_series         { }
     140.cat_tvshow         { }
     141
     142/* deprecated show categories that need to be integreted into the above list via regex, or have new categories created for them */
     143.tv_Cine           { background-color: blue;            }
     144.tv_Classic        { background-color: gray;            }
     145.tv_Collectibles   { background-color: #708090;         }
     146.tv_Magazine       { background-color: #48D1CC;         }
     147.tv_Movies         { background-color: blue;            }
     148.tv_Serie          { background-color: #9932CC;         }
     149.tv_SHOW           { background-color: #A0522D;         }
     150.tv_Tiempo         { background-color: #33ff99;         }
  • new file skins/negative/remote.css

    diff --git a/skins/negative/remote.css b/skins/negative/remote.css
    new file mode 100644
    index 0000000..b3d44cf
    - +  
     1/* @deprecated
     2 * A class for the the cells containing settings in the various settings files
     3/*/
     4    .settings {
     5        background-color: #506080;
     6    }
     7
     8/* The main box surrounding all settings editors */
     9    #remote {
     10        margin-top:     1em;
     11    }
     12
     13/* Overview of the settings */
     14
     15    #remote .x-overview {
     16        text-align:     center;
     17        width:          15em;
     18    }
     19    #remote .x-title {
     20        margin:         .5em;
     21        font-size:      125%;
     22    }
     23
     24/* The list of modules. */
     25
     26    #remote .x-modules {
     27        white-space:    nowrap;
     28    }
     29    #remote .x-modules ul {
     30        margin:             1em;
     31        list-style-type:    none;
     32        padding:            0px;
     33    }
     34    #remote .x-modules li {
     35    }
     36    #remote .x-modules a {
     37        display:            block;
     38        padding:            .2em 1em;
     39        background-color:   #345;
     40        border:             1px dotted #9090B0;
     41        margin-top:         1px;
     42        margin-bottom:      11px;
     43    }
     44    #remote .x-modules a:hover, #remote .x-modules a.x-selected {
     45        background-color:   #023;
     46        margin-top:         -1px;
     47        margin-bottom:      10px;
     48        border-width:       2px;
     49        border-color:       #abd;
     50    }
     51    #remote .x-modules a.x-selected {
     52        border-style:       solid;
     53    }
     54
     55/* The list of sections for the current module. Normally displayed as tabs. */
     56
     57    #remote .x-sections {
     58        padding:        0px 1em;
     59        border-bottom:  1px solid #9090B0;
     60        height:         2.25em;
     61        vertical-align: bottom;
     62    }
     63
     64    #remote .x-sections ul {
     65        display:        inline;
     66        list-style:     none;
     67        margin:         0;
     68        padding:        0;
     69    }
     70    #remote .x-sections a {
     71        float:              left;
     72        color:              #ccd;
     73        background-color:   #405953;
     74        padding:            2px 6px;
     75        margin:             3px 5px 0px 0px;
     76        border:             2px solid #578;
     77        border-bottom:      none;
     78        white-space:        nowrap;
     79        -moz-border-radius-topleft:     8px;
     80        -moz-border-radius-topright:    8px;
     81    }
     82    #remote .x-sections a:hover, #remote .x-sections a.x-selected {
     83        color:              white;
     84        background-color:   #102923;
     85        border-color:       #9090B0;
     86    }
     87    #remote .x-sections a.x-selected {
     88        border-bottom:      1px solid #102923;
     89        margin-bottom:      -1px;
     90    }
     91
     92    #remote .x-sections a.active {
     93        color:              white;
     94        font-weight:        bold;
     95        background-color:   #102923;
     96        border:             2px solid #9090B0;
     97        border-bottom:      1px solid #102923;
     98        margin-bottom:      -1px;
     99    }
     100
     101/* Select which host to edit the settings for. */
     102
     103    #remote .x-host {
     104        text-align:         right;
     105        border-bottom:      1px solid #9090B0;
     106    }
     107
     108/* A notification/warning */
     109
     110    #remote .x-notice {
     111        margin:             1em;
     112        padding:            .5em;
     113        text-align:         center;
     114        color:              #fbb;
     115        background-color:   #360000;
     116        border:             1px solid #F03030;
     117    }
     118
     119/* The content of the settings that are being edited */
     120
     121    #remote .x-content {
     122        background-color:   #102923;
     123        border:             1px solid #9090B0;
     124        border-top:         none;
     125        padding:            .5em;
     126    }
     127
     128    #remote .x-content table {
     129        width:              100%;
     130    }
     131    #remote .x-content table th, #remote .x-content table td {
     132        padding:            .5em;
     133    }
     134
     135    #remote .x-content th {
     136        text-align:         right;
     137        font-weight:        normal;
     138        white-space:        nowrap;
     139    }
     140
     141    #remote .x-content tr.x-sep th, #remote .x-content tr.x-sep td {
     142        border-bottom:      1px solid #304943;
     143    }
     144
     145/* Key controls */
     146
     147    #remote_keys table td {
     148        text-align:         center;
     149        padding:            2px !important;
     150    }
     151    #remote_keys table a {
     152        display:            block;
     153        min-width:          2em;
     154        padding:            .25em .5em;
     155        font-weight:        bold;
     156        border:             1px solid #7b8;
     157        background-color:   #263;
     158    }
     159    #remote_keys table a:hover {
     160        border:             1px solid #9da;
     161        background-color:   #485;
     162        text-decoration:    none;
     163    }
     164    #remote_keys table a.pressed {
     165        border:             1px solid #9da;
     166        background-color:   #685;
     167    }
     168    #remote_keys table a.pressed:hover {
     169        background-color:   #8a7;
     170    }
     171    #remote_keys table a.noshift {
     172    }
     173    #remote_keys table a.reqshift {
     174    }
     175    #remote_keys table a.x-hidden {
     176        display:            none;
     177    }
     178
  • new file skins/negative/settings.css

    diff --git a/skins/negative/settings.css b/skins/negative/settings.css
    new file mode 100644
    index 0000000..d5e977b
    - +  
     1/* @deprecated
     2 * A class for the the cells containing settings in the various settings files
     3/*/
     4    .settings {
     5        background-color: #506080;
     6    }
     7
     8/* The main box surrounding all settings editors */
     9    #settings {
     10        margin-top:     1em;
     11    }
     12
     13/* Overview of the settings */
     14
     15    #settings .x-overview {
     16        text-align:     center;
     17        width:          15em;
     18    }
     19    #settings .x-title {
     20        margin:         .5em;
     21        font-size:      125%;
     22    }
     23
     24/* The list of modules. */
     25
     26    #settings .x-modules {
     27        white-space:    nowrap;
     28    }
     29    #settings .x-modules ul {
     30        margin:             1em;
     31        list-style-type:    none;
     32        padding:            0px;
     33    }
     34    #settings .x-modules li {
     35    }
     36    #settings .x-modules a {
     37        display:            block;
     38        padding:            .2em 1em;
     39        background-color:   #345;
     40        border:             1px dotted #9090B0;
     41        margin-top:         1px;
     42        margin-bottom:      11px;
     43    }
     44    #settings .x-modules a:hover, #settings .x-modules a.x-selected {
     45        background-color:   #023;
     46        margin-top:         -1px;
     47        margin-bottom:      10px;
     48        border-width:       2px;
     49        border-color:       #abd;
     50    }
     51    #settings .x-modules a.x-selected {
     52        border-style:       solid;
     53    }
     54
     55/* The list of sections for the current module. Normally displayed as tabs. */
     56
     57    #settings .x-sections {
     58        padding:        0px 1em;
     59        border-bottom:  1px solid #9090B0;
     60        height:         2.25em;
     61        vertical-align: bottom;
     62        min-width:      60%;
     63    }
     64
     65    #settings .x-sections ul {
     66        display:        inline;
     67        list-style:     none;
     68        margin:         0;
     69        padding:        0;
     70    }
     71    #settings .x-sections a {
     72        float:              left;
     73        color:              #ccd;
     74        background-color:   #405953;
     75        padding:            2px 6px;
     76        margin:             3px 5px 0px 0px;
     77        border:             2px solid #578;
     78        border-bottom:      none;
     79        white-space:        nowrap;
     80        -moz-border-radius-topleft:     8px;
     81        -moz-border-radius-topright:    8px;
     82    }
     83    #settings .x-sections a:hover, #settings .x-sections a.x-selected {
     84        color:              white;
     85        background-color:   #102923;
     86        border-color:       #9090B0;
     87    }
     88    #settings .x-sections a.x-selected {
     89        border-bottom:      1px solid #102923;
     90        margin-bottom:      -1px;
     91    }
     92
     93    #settings .x-sections a.active {
     94        color:              white;
     95        font-weight:        bold;
     96        background-color:   #102923;
     97        border:             2px solid #9090B0;
     98        border-bottom:      1px solid #102923;
     99        margin-bottom:      -1px;
     100    }
     101
     102/* Select which host to edit the settings for. */
     103
     104    #settings .x-host {
     105        text-align:         right;
     106        border-bottom:      1px solid #9090B0;
     107    }
     108
     109/* A notification/warning */
     110
     111    #settings .x-notice {
     112        margin:             1em;
     113        padding:            .5em;
     114        text-align:         center;
     115        color:              #fbb;
     116        background-color:   #360000;
     117        border:             1px solid #F03030;
     118    }
     119
     120/* The content of the settings that are being edited */
     121
     122    #settings .x-content {
     123        background-color:   #102923;
     124        border:             1px solid #9090B0;
     125        border-top:         none;
     126    }
     127
     128    #settings .x-content table {
     129        width:              100%;
     130    }
     131    #settings .x-content table th, #settings .x-content table td {
     132        padding:            .5em;
     133    }
     134
     135    #settings .x-content th {
     136        text-align:         right;
     137        font-weight:        normal;
     138        white-space:        nowrap;
     139    }
     140
     141    #settings .x-content tr.x-sep th, #settings .x-content tr.x-sep td {
     142        border-bottom:      1px solid #304943;
     143    }
  • new file skins/negative/stats.css

    diff --git a/skins/negative/stats.css b/skins/negative/stats.css
    new file mode 100644
    index 0000000..1557e1e
    - +  
     1#content_wrapper {
     2    padding-left:       1em;
     3    padding-right:      1em;
     4    padding-bottom:     1em;
     5    margin:             auto;
     6}
     7
     8h2 {
     9    text-align:         center;
     10}
     11
     12#count_div {
     13    float:              left;
     14    padding-left:       5em;
     15    padding-top:        1em;
     16}
     17#query_time_div {
     18    float:              right;
     19    padding-right:      5em;
     20    padding-top:        1em;
     21}
     22
     23/* The general stats box */
     24#general_stats dl {
     25    font-size:          9pt;
     26    max-width:          35em;
     27    margin:             1em auto;
     28    padding:            .2em .5em .5em .5em;
     29    border:             1px dotted #9090B0;
     30}
     31
     32#general_stats dt {
     33    clear:              left;
     34    float:              left;
     35    width:              15em;
     36    padding-top:        3px;
     37    text-align:         right;
     38}
     39
     40#general_stats dd {
     41    padding-top:        3px;
     42    margin-left:        15.5em;
     43}
     44
     45#stats {
     46    border:             1px solid #9090B0;
     47    border-collapse:    collapse;
     48    margin:             auto;
     49}
     50
     51.caption {
     52    border:             1px dotted #9090B0;
     53    font-weight:        bold;
     54    text-align:         center;
     55}
     56
     57.center {
     58    text-align:         center;
     59}
     60
     61#stats td {
     62    border:             1px dotted #9090B0;
     63    padding:            0px .5em;
     64}
     65
     66#stats th {
     67    border:             1px solid  #9090B0;
     68    border-right:       1px dotted #9090B0;
     69    border-left:        1px dotted #9090B0;
     70    padding:            0px .5em;
     71}
  • new file skins/negative/status.css

    diff --git a/skins/negative/status.css b/skins/negative/status.css
    new file mode 100644
    index 0000000..2d36bc0
    - +  
     1#content_wrapper {
     2    margin-left: 15%;
     3    margin-right: 15%;
     4}
     5
     6h1 {
     7    font-size:      28px;
     8    font-weight:    900;
     9    color:          #ccc;
     10    letter-spacing: 0.5em;
     11    margin-bottom:  30px;
     12    width:          70%;
     13    text-align:     center;
     14}
     15h2 {
     16    font-size:      18px;
     17    font-weight:    800;
     18    color:          #7c4;
     19    border:         none;
     20    letter-spacing: 0.3em;
     21    padding:        0px;
     22    margin-bottom:  10px;
     23    margin-top:     0px;
     24}
     25hr {
     26    display:none;
     27}
     28div.content {
     29    width:              90%;
     30    border-top:         1px  solid #88a;
     31    border-right:       1px  solid #88a;
     32    border-bottom:      1px  solid #88a;
     33    border-left:        10px solid #88a;
     34    padding:            10px;
     35    margin-bottom:      30px;
     36    -moz-border-radius: 8px 0px 0px 8px;
     37}
     38div.schedule a {
     39    position:        relative;
     40    display:         block;
     41    color:           white;
     42    text-decoration: none;
     43    padding:         .2em .8em;
     44    border:          thin solid #668;
     45    margin-right:   280px;
     46    /*width:           340px;*/
     47}
     48div.schedule a span {
     49    display:none;
     50}
     51div.schedule a:hover {
     52    background-color: #204670;
     53    border-top:       thin solid #668;
     54    border-bottom:    thin solid #668;
     55    border-left:      thin solid #668;
     56    cursor:           default;
     57}
     58div.schedule a:hover span {
     59    display:          block;
     60    position:         absolute;
     61    background-color: #204670;
     62    color:            white;
     63    right:            -291px;
     64    margin-top:       -20px;
     65    width:            280px;
     66    padding:          5px;
     67    border:           thin dashed #88a;
     68}
     69div.diskstatus {
     70    /* width:  325px; */
     71    height: 7em;
     72    float:  left;
     73}
     74div.loadstatus {
     75    /* width:  325px; */
     76    height: 7em;
     77    float:  right;
     78}
     79.jobfinished { color: white; }
     80.jobaborted  { color: #ff2222;  }
     81.joberrored  { color: #ff4444;  }
     82.jobrunning  { color: #00ff00;  }
     83
  • new file skins/negative/style.css

    diff --git a/skins/negative/style.css b/skins/negative/style.css
    new file mode 100644
    index 0000000..7353351
    - +  
     1/*
     2 * Global page handlers.
     3/*/
     4
     5    html,body {
     6        border:           0;
     7        margin:           0;
     8        padding:          0;
     9        font-size:        9pt;
     10        font-family:      Arial, Helvetica, sans-serif;
     11        background-color: #191c26;
     12        color:            #dedede;
     13    }
     14
     15    /* For some reason, settings for the main body element doesn't always work for
     16     * text inside of tables
     17    /*/
     18    .body {
     19        font-size: 12px;
     20        font-family: Arial, Helvetica, sans-serif;
     21    }
     22
     23/*
     24 * We should try to keep links and labels looking consistent across the app.
     25/*/
     26
     27    a, a:link, .link { color: #E0E0FF; text-decoration: none; cursor: pointer;}
     28    a:active  { color: #990033; text-decoration: none; }
     29    a:visited { color: #E0E0FF; text-decoration: none; }
     30    a:hover   { color: #F0F000; text-decoration: underline; }
     31
     32    label       { color: #E0E0FF; text-decoration: none; }
     33    label:hover { color: #F0F000; text-decoration: underline; }
     34
     35/* a class for the menu across the top of the page as well as menu headers throughout the page */
     36    .menu {          background-color: #265990 }
     37    .menu_border_t { border-top:    2px solid #9090B0 }
     38    .menu_border_b { border-bottom: 2px solid #9090B0 }
     39    .menu_border_l { border-left:   2px solid #9090B0 }
     40    .menu_border_r { border-right:  2px solid #9090B0 }
     41
     42/* a class for commands and other user input boxes */
     43
     44/* @deprecated old classes */
     45.command { background-color: #1040A0 }
     46.command_border_t { border-top:    2px solid #9090B0 }
     47.command_border_b { border-bottom: 2px solid #9090B0 }
     48.command_border_l { border-left:   2px solid #9090B0 }
     49.command_border_r { border-right:  2px solid #9090B0 }
     50.activecommand    { background-color: #108040 }
     51
     52/* New command classes */
     53
     54    /* Box to hold commands */
     55    .commandbox {
     56        background-color:   #102923;
     57        color:              #E0E0FF;
     58        border:             1px solid #9090B0;
     59    }
     60
     61    /* Commands themselves */
     62
     63    .commands { /* Placeholder for handling sub-elements */ }
     64
     65    .commands input.x-submit {
     66        border:             2px outset #7b8;
     67        padding:            0 .5em;
     68        height:             2em;
     69        background-color:   #263;
     70        color:              #E0E0FF;
     71    }
     72    .commands input.x-submit:hover {
     73        border:             1px outset #9da;
     74        background-color:   #485;
     75        color:              #F0F000;
     76        text-decoration:    underline;
     77    }
     78
     79    .commands a {
     80        font-weight:        bold;
     81        border:             1px solid #7b8;
     82        padding:            .15em .5em;
     83        background-color:   #263;
     84    }
     85    .commands a:hover {
     86        border:             1px solid #9da;
     87        background-color:   #485;
     88    }
     89
     90/*
     91 * The following styles refer to forms and form elements throughout MythWeb
     92/*/
     93
     94    /* Avoid those nasty extra linefeeds in IE </form> tags */
     95    form { display: inline; }
     96
     97    /* A special class for submit buttons */
     98    .submit {
     99        border:             2px outset #7b8;
     100        padding:            0 .5em;
     101        background-color:   #263;
     102        color:              #E0E0FF;
     103        font-weight:        bold;
     104        height:             2em;
     105    }
     106    .submit:hover {
     107        border:             2px outset #9da;
     108        background-color:   #485;
     109        color:              #F0F000;
     110        text-decoration:    underline;
     111    }
     112
     113    /* A special class for radio buttons and check boxes because some browsers render them weirdly */
     114    .radio {
     115        height:             14px !important;
     116        width:              14px !important;
     117        color:              #002000;
     118        background-color:   #C0D0C0;
     119    }
     120
     121    /* Default styles for form fields */
     122    select {
     123        font-family:        Arial, Helvetica, sans-serif;
     124        color:              #002000;
     125        background-color:   #C0D0C0;
     126        font-size:          9pt;
     127    }
     128
     129    input {
     130        padding-left:       .25em;
     131        font-family:        Arial, Helvetica, sans-serif;
     132        color:              #002000;
     133        background-color:   #C0D0C0;
     134        font-size:          9pt;
     135    }
     136
     137    textarea {
     138        font-family:        courier, courier-new;
     139        color:              #002000;
     140        background-color:   #C0D0C0;
     141        font-size:          9pt;
     142    }
     143
     144    /* Quantity-sized elements look better with the text centered */
     145    input.quantity {
     146        width:              2em !important;
     147        text-align:         center;
     148    }
     149
     150/*
     151 * A special class for error stuff, so all page errors look the same.
     152/*/
     153
     154    #error, .error {
     155        color:              #F03030;
     156        background-color:   #360000;
     157        border-color:       #F03030;
     158        border:             thin groove #F03030;
     159        padding:            8px;
     160    }
     161
     162/*
     163 * The following represent some global classes to accommodate minor but
     164 * oft-used manipulations like font sizes.0
     165/*/
     166
     167    /* font size classes */
     168    .tiny   { font-size: 9px; }
     169    .small  { font-size: 9pt; }
     170    .normal { font-size: 10pt; }
     171    .large  { font-size: 12pt; }
     172    .huge   { font-size: 24px; }
     173
     174    /* fony style classes */
     175    .bold, .bold a, .bold a:link, .bold a:visited, .bold a:active, .bold a:hover {
     176        font-weight: bold !important;
     177    }
     178    .italic, .italic a, .italic a:link, .italic a:visited, .italic a:active, .italic a:hover {
     179        font-style: italic !important;
     180    }
     181
     182    /* Handy for, well, hiding things..  Also for mouseover popup menus */
     183    .hidden {
     184        visibility: hidden;
     185        display:    none;
     186    }
     187
     188/*
     189 * clearfix -- see http://positioniseverything.net/easyclearing.html for details on how/why this works
     190/*/
     191
     192    .clearfix:after {
     193        content:    ".";
     194        display:    block;
     195        height:     0;
     196        clear:      both;
     197        visibility: hidden;
     198    }
     199    .clearfix {display: inline-block;}
     200    /* Hides from IE-mac \*/
     201    * html .clearfix {height: 1%;}
     202    .clearfix {display: block;}
     203    /* End hide from IE-mac */
     204
     205    /* Ajax little popup request thing style */
     206    #ajax_working {
     207        position:           fixed;
     208        background-color:   green;
     209        bottom:             0px;
     210        left:               1em;
     211        padding:            1em;
     212        width:              10em;
     213        text-align:         center;
     214    }
     215
     216    .link {
     217        cursor:             pointer;
     218    }
     219
     220/* I don't think we have a single image with a border in the default template, so disable it */
     221    a img {
     222        border:             0px;
     223    }
     224
     225    .nowrap {
     226        white-space:        nowrap;
     227    }
     228
     229#feed_buttons {
     230    padding-top:        1em;
     231    padding-bottom:     1em;
     232    padding-left:       1.35em;
     233}
     234
     235#feed_buttons a {
     236    padding-right:      1em;
     237}
     238
     239#dialog-overlay {
     240    background-color:   #506090;
     241}
     242
     243#dialog-top {
     244    background-color:   #203670;
     245    border:             1px solid #203670;
     246}
     247
     248#dialog-title {
     249    color:              white;
     250
     251}
     252
     253#dialog-content {
     254    background-color:   #265990;
     255    text-align:         center;
     256}
  • new file skins/negative/tv_channel.css

    diff --git a/skins/negative/tv_channel.css b/skins/negative/tv_channel.css
    new file mode 100644
    index 0000000..6860a96
    - +  
     1/*
     2 *
     3 * Styles used in /tv/list
     4 *
     5/*/
     6
     7.right_arrow {
     8    float: right;
     9}
     10.left_arrow {
     11    float: left;
     12}
     13
     14#list_head {
     15    width:              80%;
     16    margin:             1em auto;
     17}
     18
     19#x_current_time {
     20    font-size:          150%;
     21    margin-top:         .25em;
     22    float:              left;
     23}
     24#x_current_time img {
     25    margin-top:         -.25em;
     26    float:              left;
     27    margin-right:       .5em;
     28    max-width:          160px;
     29    max-height:         70px;
     30}
     31
     32#x-jumpto {
     33    float:              right;
     34}
     35#x-jumpto td {
     36    padding:            .35em 1em;
     37    vertical-align:     middle;
     38    white-space:        nowrap;
     39}
     40#x-jumpto td.x-jumpto {
     41    font-size:          110%;
     42    font-weight:        bold;
     43    border-right:       1px solid #304943;
     44}
     45#x-jumpto td.x-hour {
     46    border-right:       1px solid #304943;
     47}
     48#x-jumpto td.x-hour select {
     49    text-align:         right;
     50}
     51#x-jumpto .x-day select {
     52    text-align:         center;
     53}
     54
     55#x-jumpto a img {
     56    vertical-align:     middle;
     57    height:             16px;
     58    width:              16px;
     59    margin-top:         -2px;
     60}
     61#x-jumpto a {
     62    height:             20px;
     63    width:              20px;
     64    padding:            2px;
     65    border:             1px solid #7b8;
     66    background-color:   #263;
     67}
     68#x-jumpto a:hover {
     69    border:             1px solid #9da;
     70    background-color:   #485;
     71}
  • new file skins/negative/tv_detail.css

    diff --git a/skins/negative/tv_detail.css b/skins/negative/tv_detail.css
    new file mode 100644
    index 0000000..ca84088
    - +  
     1/*
     2 * Table around all program info (left column)
     3/*/
     4
     5#x-info {
     6    float:              left;
     7    padding:            0px;
     8    width:              45em;
     9    margin:             10px 0px 10px 10px;
     10    background-color:   #101a29;
     11    color:              #E0E0FF;
     12    border:             1px solid #9090B0;
     13}
     14
     15/*
     16 * This div contains the program overview:
     17 * channel/title/subtitle/time/description
     18/*/
     19
     20.x-channel {
     21    width:              8em;
     22    padding:            0 !important;
     23    vertical-align:     middle;
     24    background-color:   #202a49;
     25    white-space:        nowrap;
     26    border-right:       1px solid #9090B0;
     27    border-bottom:      1px solid #9090B0;
     28}
     29.x-channel img {
     30    position:           relative;
     31    top:                -4px;
     32    vertical-align:     middle;
     33    max-width:          90px;
     34    max-height:         50px;
     35}
     36.x-channel a {
     37    display:            block;
     38    text-align:         center;
     39    padding:            5px;
     40}
     41.x-channel .x-preferred {
     42    margin-left:        5px;
     43    font-size:          200%;
     44}
     45
     46#x-title {
     47    padding:            .2em .5em;
     48    border-bottom:      1px solid #9090B0;
     49}
     50#x-title a {
     51    font-size:      175% !important;
     52    font-weight:    bold;
     53}
     54
     55#x-time {
     56    margin-top:     .2em;
     57    color:          #E0E0FF;
     58    white-space:    nowrap;
     59}
     60#x-description {
     61    padding:        .5em;
     62    border-bottom:  1px solid #9090B0;
     63}
     64#x-progflags td {
     65    padding:        .5em;
     66    border-bottom:  1px solid #9090B0;
     67}
     68#x-progflags img {
     69    margin-right:   .3em;
     70}
     71#x-progflags a img {
     72    border:         1px solid transparent;
     73}
     74#x-progflags a:hover img {
     75    border:         1px solid #F0F000;
     76}
     77
     78#x-status {
     79    background-color:   #102923;
     80}
     81
     82
     83#x-status th {
     84    vertical-align:     top;
     85    font-weight:        normal;
     86    text-align:         right;
     87    padding:            .25em;
     88    white-space:        nowrap;
     89    border-top:         1px solid #9090B0;
     90}
     91#x-status td {
     92    padding:            .25em;
     93    border-top:         1px solid #9090B0;
     94}
     95#x-status td a {
     96    float:              left;
     97    margin-right:       .5em;
     98    font-weight:        bold;
     99    border:             1px solid #7b8;
     100    padding:            .15em .5em;
     101    background-color:   #263;
     102}
     103#x-status td a:hover {
     104    border:             1px solid #9da;
     105    background-color:   #485;
     106}
     107
     108#x-info .x-extras {
     109}
     110#x-info .x-extras th {
     111    vertical-align: top;
     112    font-weight:    normal;
     113    text-align:     right;
     114    padding:        .25em;
     115    white-space:    nowrap;
     116    border-top:      1px solid #202933;
     117}
     118#x-info .x-extras td {
     119    padding:        .25em;
     120    border-top:      1px solid #202933;
     121}
     122
     123#x-conflicts th {
     124    vertical-align:     top;
     125    font-weight:        normal;
     126    text-align:         right;
     127    white-space:        nowrap;
     128    padding:            .5em .25em;
     129    border-top:         1px solid #9090B0;
     130}
     131#x-conflicts td {
     132    padding:            .25em;
     133    padding-bottom:     0;
     134    border-top:         1px solid #9090B0;
     135}
     136#x-conflicts td a {
     137    display:            block;
     138    padding:            .15em .25em;
     139    margin-bottom:      .25em;
     140}
     141#x-conflicts {
     142}
     143
     144#x-info .x-links th {
     145    vertical-align:     top;
     146    font-weight:        normal;
     147    text-align:         right;
     148    white-space:        nowrap;
     149    padding:            .4em .25em;
     150    border-top:         1px solid #9090B0;
     151}
     152#x-info .x-links td {
     153    padding:            .25em;
     154    padding-bottom:     0;
     155    border-top:         1px solid #9090B0;
     156}
     157#x-info .x-links td a {
     158    display:            block;
     159    padding:            .15em .25em;
     160    margin-bottom:      .25em;
     161}
     162
     163#x-downloads {
     164    float:              left;
     165    padding:            0px;
     166    min-width:          350px;
     167    max-width:          500px;
     168    margin:             10px 0px 10px 10px;
     169    background-color:   #101a29;
     170    color:              #E0E0FF;
     171    border:             1px solid #9090B0;
     172}
     173#x-downloads img {
     174    margin-right:       .3em;
     175}
     176#x-downloads a img {
     177    border:             1px solid transparent;
     178}
     179#x-downloads a {
     180    border:             1px solid transparent;
     181}
     182#x-downloads a:hover img {
     183    border:             1px solid #F0F000;
     184}
     185#x-downloads div.x-pixmap {
     186    padding:            1em 1em 0em 1em;
     187    background-color:   black;
     188    text-align:         center;
     189}
     190#x-downloads div.x-pixmap a.x-pixmap {
     191    margin:             .25em auto;
     192}
     193
     194#x-downloads div.x-links {
     195    padding:            .5em;
     196    background-color:   black;
     197    text-align:         center;
     198}
     199
     200#x-downloads div.x-links a {
     201    position:           relative;
     202    top:                -10px;
     203    margin:             0px 1.5em;
     204    padding:            .75em;
     205}
     206#x-downloads div.x-links a img {
     207    position:           relative;
     208    top:                10px;
     209}
     210#x-downloads div.x-links a:hover img {
     211    border:             1px solid transparent;
     212}
     213#x-downloads div.x-links a:hover {
     214    background-color:   #121;
     215    border:             1px solid #F0F000;
     216    text-decoration:    none;
     217}
     218#x-downloads div.x-jobs {
     219    border-top:         1px solid #9090B0;
     220    padding:            .5em;
     221}
     222
     223#x-downloads div.x-jobs a {
     224    margin-right:       .5em;
     225    font-weight:        bold;
     226    border:             1px solid #7b8;
     227    padding:            .15em .5em;
     228    background-color:   #263;
     229}
     230#x-downloads div.x-jobs a:hover {
     231    border:             1px solid #9da;
     232    background-color:   #485;
     233}
     234
     235#x-downloads div.x-jobs ul {
     236    padding:            0px 0px 0px 1.5em;
     237}
     238#x-downloads div.x-jobs li {
     239    padding-bottom:     .25em;
     240}
     241
     242#x-downloads div.x-jobs ul.x-queue li {
     243    padding-bottom:     .75em;
     244}
     245
     246#x-downloads div.x-frontends {
     247    padding:            0.5em;
     248}
     249
     250#x-downloads div.x-frontends ul {
     251    padding:            0px 0px 0px 1.5em;
     252}
     253#x-downloads div.x-frontends li {
     254    padding-bottom:     .25em;
     255}
     256
     257#x-downloads div.x-frontends ul li {
     258    padding-bottom:     .75em;
     259}
     260
     261#x-downloads div.x-frontends ul li a {
     262    background-color:   #226633;
     263    border:             1px solid #77BB88;
     264    font-weight:        bold;
     265    margin-right:       0.5em;
     266    padding:            0.15em 0.5em;
     267}
     268
     269#x-downloads div.x-frontends ul li a:hover {
     270    color:              #F0F000;
     271    text-decoration:    underline;
     272}
     273
     274#metadata-home-page {
     275    margin-left:        20px;
     276}
  • new file skins/negative/tv_list.css

    diff --git a/skins/negative/tv_list.css b/skins/negative/tv_list.css
    new file mode 100644
    index 0000000..e86c13c
    - +  
     1/*
     2 *
     3 * Styles used in /tv/list
     4 *
     5/*/
     6
     7.right_arrow {
     8    float: right;
     9}
     10.left_arrow {
     11    float: left;
     12}
     13
     14.x-channel {
     15    width:              8em;
     16    height:             70px;
     17    padding:            0 !important;
     18    vertical-align:     middle;
     19    background-color:   #202a49;
     20    white-space:        nowrap;
     21}
     22.x-channel img {
     23    position:           relative;
     24    top:                -4px;
     25    vertical-align:     middle;
     26    max-width:          70px;
     27    max-height:         30px;
     28}
     29.x-channel a {
     30    display:            block;
     31    text-align:         center;
     32    padding:            5px;
     33}
     34.x-channel .x-preferred {
     35    margin-left:        5px;
     36    font-size:          200%;
     37}
     38
     39#list_head {
     40    width:              80%;
     41    margin:             1em auto;
     42}
     43
     44
     45#x_current_time {
     46    font-size:          150%;
     47    margin-top:         .25em;
     48    float:              left;
     49}
     50
     51#x-jumpto {
     52    float:              right;
     53}
     54#x-jumpto td {
     55    padding:            .35em 1em;
     56    vertical-align:     middle;
     57    white-space:        nowrap;
     58}
     59#x-jumpto td.x-jumpto {
     60    font-size:          110%;
     61    font-weight:        bold;
     62    border-right:       1px solid #304943;
     63}
     64#x-jumpto td.x-hour {
     65    border-right:       1px solid #304943;
     66}
     67#x-jumpto td.x-hour select {
     68    text-align:         right;
     69}
     70#x-jumpto .x-day select {
     71    text-align:         center;
     72}
     73
     74#x-jumpto a img {
     75    vertical-align:     middle;
     76    height:             16px;
     77    width:              16px;
     78    margin-top:         -2px;
     79}
     80#x-jumpto a {
     81    height:             20px;
     82    width:              20px;
     83    padding:            2px;
     84    border:             1px solid #7b8;
     85    background-color:   #263;
     86}
     87#x-jumpto a:hover {
     88    border:             1px solid #9da;
     89    background-color:   #485;
     90}
  • new file skins/negative/tv_recorded.css

    diff --git a/skins/negative/tv_recorded.css b/skins/negative/tv_recorded.css
    new file mode 100644
    index 0000000..f8f173c
    - +  
     1/* This table holds the title and recgroup choices */
     2
     3#title_choices {
     4    margin:     1em auto;
     5}
     6#title_choices td {
     7    padding:            .35em 1em;
     8    vertical-align:     middle;
     9    white-space:        nowrap;
     10}
     11#title_choices td.x-group, #title_choices td.x-recordings {
     12    font-size:          110%;
     13    font-weight:        bold;
     14    border-right:       1px solid #304943;
     15}
     16#title_choices td.x-recordings {
     17    border-left:        1px solid #304943;
     18}
     19
     20/* This is the table that holds the list of recorded shows */
     21
     22#recorded_list {
     23    width:          100%;
     24}
     25
     26#recorded_list td {
     27    padding:        4px;
     28    border:         1px solid #191c26;
     29}
     30#recorded_list th {
     31    padding:        0;
     32    border:         1px solid #191c26;
     33    text-align:     left;
     34    font-weight:    normal;
     35}
     36#recorded_list th a {
     37    padding:        2px .5em;
     38    display:        block;
     39}
     40
     41#recorded_list td.x-pixmap {
     42    background-color:   black;
     43    padding:            0 !important;
     44    width:              150px;
     45    position:           relative;
     46}
     47#recorded_list td.x-pixmap.x-noimg {
     48    width:              50px;
     49}
     50#recorded_list td.x-pixmap a {
     51    border:         1px solid transparent;
     52}
     53#recorded_list td.x-pixmap a:hover {
     54    background-color:   #121;
     55    border:         1px solid #F0F000;
     56}
     57
     58#recorded_list td.x-pixmap a.x-pixmap {
     59    float:          left;
     60}
     61#recorded_list td.x-pixmap a.x-pixmap img {
     62    width:          100px;
     63}
     64#recorded_list td.x-pixmap a.x-download {
     65    margin-left:    102px;
     66    display:        block;
     67    padding:        7px;
     68    height:         24px;
     69    text-align:     center;
     70    vertical-align: middle;
     71}
     72#recorded_list td.x-pixmap.x-noimg a.x-download {
     73    margin-left:    2px;
     74}
     75
     76
     77#recorded_list th.x-title a, #recorded_list td.x-title {
     78}
     79#recorded_list th.x-subtitle a, #recorded_list td.x-subtitle {
     80}
     81#recorded_list th.x-programid a, #recorded_list td.x-programid {
     82}
     83#recorded_list th.x-channum a, #recorded_list td.x-channum {
     84}
     85#recorded_list th.x-airdate a, #recorded_list td.x-airdate {
     86    text-align:     center;
     87    white-space:    nowrap;
     88}
     89#recorded_list th.x-recgroup a, #recorded_list td.x-recgroup {
     90}
     91#recorded_list th.x-length a, #recorded_list td.x-length {
     92    white-space:    nowrap;
     93    text-align:     center;
     94}
     95#recorded_list th.x-filesize a, #recorded_list td.x-filesize {
     96    white-space:    nowrap;
     97    text-align:     center;
     98}
     99
     100#recorded_list td.x-commands {
     101    padding:            2px;
     102    width:              5%;
     103    white-space:        nowrap;
     104    text-align:         center;
     105    vertical-align:     top;
     106    background-color:   #191c26;
     107}
     108#recorded_list td.x-commands a {
     109    display:            block;
     110    padding:            .25em .5em;
     111    margin:             0 0 3px 0;
     112}
     113#recorded_list td img.channelicon
     114{
     115    text-align:         center;
     116    display:            block;
     117    margin-left:        auto;
     118    margin-right:       auto;
     119    max-width:          70px;
     120    max-height:         70px;
     121    width:              expression(this.width > 70 ? "70px" : true);
     122    height:             expression(this.height > 70 ? "70px" : true);
     123}
     124
     125/* a class for the the cells containing recored programs in recorded_programs.php */
     126.recorded {    background-color: #506080; }
     127
     128.recorded .x-progflags img {
     129    padding:    .3em;
     130}
     131
     132.recorded a img {
     133    border:     1px solid transparent;
     134}
     135.recorded .x-progflags a:hover img {
     136    border:     1px solid #F0F000;
     137}
     138
     139#recorded_pager {
     140    margin-top:         1em;
     141    margin-bottom:      1em;
     142    margin-left:        1em;
     143    float:              left;
     144}
  • new file skins/negative/tv_schedule.css

    diff --git a/skins/negative/tv_schedule.css b/skins/negative/tv_schedule.css
    new file mode 100644
    index 0000000..2740816
    - +  
     1/*
     2 * This div contains all of the scheduling options.  It's shared by the program
     3 * details page, as well as the manual and custom schedule pages.
     4/*/
     5
     6#schedule {
     7    float:              left;
     8    margin:             10px;
     9    background-color:   #102923;
     10    color:              #E0E0FF;
     11    border:             1px solid #9090B0;
     12}
     13#schedule h3 {
     14    margin: 0px;
     15    display:    inline;
     16}
     17#schedule ul {
     18    padding-left: 1em;
     19}
     20#schedule li {
     21    list-style-type: none;
     22    white-space:     nowrap;
     23}
     24
     25#schedule .x-options {
     26    border-bottom:      1px solid #304943;
     27    padding:            .5em 1em;
     28    margin:             .5em 0 .5em 0;
     29}
     30#schedule .x-options ul {
     31    margin-top:         .5em;
     32    margin-bottom:      .5em;
     33}
     34#schedule .x-options dl {
     35    margin-top:         .5em;
     36    margin-bottom:      .5em;
     37}
     38#schedule .x-options dl dt {   /* remember that the vertical margins of dt and dd *must* line up */
     39    clear:          both;
     40    float:          left;
     41    width:          13em;
     42    margin:         0.25em 0;
     43    text-align:     right;
     44    white-space:    nowrap;
     45    position:       relative; /*IEWin hack*/
     46}
     47#schedule .x-options dl dd {
     48    clear:          right;
     49    margin-left:    13.5em;
     50    margin-bottom:  0.5em;
     51}
     52#schedule .x-options input {
     53    width:     18em;
     54}
     55#schedule .x-options select {
     56    width:     18em;
     57}
     58
     59#schedule input.inetref {
     60    width:         5em !important;
     61    margin-right:  20px;   
     62}
     63
     64/* A special subclass for options with extra-long input fields */
     65#schedule .x-options dl.x-long input, .x-options dl.x-long textarea {
     66    width:     32em;
     67}
     68
     69
     70#x-schedule_advanced_off {
     71    margin:         .5em 1em;
     72    font-style:     italic;
     73    font-size:      90%;
     74}
     75
     76#x-schedule_submit {
     77    text-align:     center;
     78    padding:        .5em 0 1em 0;
     79}
     80
     81/* Metadata specific classes */
     82
     83#metadata-message {
     84    margin-bottom:      10px;
     85}
     86
     87.multiple-metadata {
     88}
     89
     90.metadata-item {
     91    width:              500px;
     92    min-height:         150px;
     93    margin:             0px 15px 10px 0px;
     94    border:             1px solid white;
     95}
     96
     97.metadata-item.hover {
     98   background-color:    white;
     99   cursor:              pointer;
     100   color:               #265990;
     101}
     102
     103.metadata-item img {
     104   float:               left;
     105}
     106
     107.metadata-item img.coverart {
     108   height:              150px;
     109   width:               100px;
     110   margin-right:        10px;
     111}
     112
     113.metadata-item img.fanart {
     114   height:              150px;
     115   width:               100px;
     116   margin-right:        10px;
     117}
     118
     119.metadata-item img.banner {
     120   height:              55px;
     121   width:               300px;
     122   margin:              5px auto -10px;
     123   float:               none;
     124}
     125
     126.metadata-item .no-art {
     127   height:              2em;
     128}
     129
     130
     131.metadata-item .title {
     132   font-size:           2em;
     133   font-weight:         bold;
     134   padding-top:         .5em;
     135}
     136
     137.metadata-item .description {
     138   padding:            0px 10px 10px;
     139   text-align:         left;
     140}
  • new file skins/negative/tv_schedules.css

    diff --git a/skins/negative/tv_schedules.css b/skins/negative/tv_schedules.css
    new file mode 100644
    index 0000000..fdb8ed7
    - +  
     1#no_schedules {
     2    margin:         1em;
     3    padding:        1em;
     4    font-size:      200%;
     5    text-align:     center;
     6}
     7
     8#listings th {
     9    font-weight:        normal;
     10    text-align:         left;
     11    white-space:        nowrap;
     12}
     13#listings th.x-title {
     14}
     15#listings th.x-priority {
     16    text-align:         center;
     17}
     18#listings th.x-channel {
     19}
     20#listings th.x-profile {
     21}
     22#listings th.x-transcoder {
     23}
     24#listings th.x-group {
     25}
     26#listings th.x-type {
     27}
     28
     29#listings td {
     30}
     31#listings td.x-title {
     32}
     33#listings td.x-priority {
     34    text-align:         center;
     35}
     36#listings td.x-channel {
     37}
     38#listings td.x-profile {
     39}
     40#listings td.x-transcoder {
     41}
     42#listings td.x-group {
     43}
     44#listings td.x-type {
     45}
     46#listings td.x-sgroup {
     47}
     48
  • new file skins/negative/tv_search.css

    diff --git a/skins/negative/tv_search.css b/skins/negative/tv_search.css
    new file mode 100644
    index 0000000..4f06a31
    - +  
     1#search_options {
     2    margin:     1em auto;
     3}
     4#search_options td {
     5    padding:            .5em 1em;
     6    vertical-align:     top;
     7    white-space:        nowrap;
     8}
     9#search_options td.x-advanced {
     10    border-right:       1px solid #304943;
     11}
     12#search_options td.x-timeopts {
     13    border-right:       1px solid #304943;
     14}
     15#search_options td.x-progtype {
     16    border-right:       1px solid #304943;
     17}
     18#search_options td.x-submit {
     19    vertical-align:     middle;
     20    padding:            1.5em;
     21}
     22
     23
     24#x_search_name {
     25    font-size:          150%;
     26    text-align:         center;
     27}
     28
     29#search_results th {
     30    font-weight:        normal;
     31    text-align:         left;
     32    white-space:        nowrap;
     33}
     34#search_results th.x-title {
     35}
     36#search_results th.x-category {
     37}
     38#search_results th.x-description {
     39}
     40#search_results th.x-channum {
     41}
     42#search_results th.x-airdate {
     43}
     44#search_results th.x-length {
     45}
     46
     47#search_results td {
     48}
     49#search_results td.x-title {
     50}
     51#search_results td.x-category {
     52}
     53#search_results td.x-description {
     54}
     55#search_results td.x-channum {
     56}
     57#search_results td.x-airdate {
     58    white-space:        nowrap;
     59}
     60#search_results td.x-length {
     61    white-space:        nowrap;
     62}
     63
  • new file skins/negative/tv_upcoming.css

    diff --git a/skins/negative/tv_upcoming.css b/skins/negative/tv_upcoming.css
    new file mode 100644
    index 0000000..1514562
    - +  
     1#display_options {
     2    margin:     1em auto;
     3}
     4#display_options td {
     5    padding:            .35em 1em;
     6    vertical-align:     middle;
     7    white-space:        nowrap;
     8}
     9#display_options td.x-title {
     10    font-size:          110%;
     11    font-weight:        bold;
     12}
     13#display_options td.x-check {
     14    padding:            .35em .5em;
     15    border-left:        1px solid #304943;
     16    height:             2em;
     17}
     18#display_options td.x-check label {
     19    border:             1px solid #7b8;
     20    background-color:   #263;
     21    padding-top:        .15em;
     22    padding-bottom:     .15em;
     23    padding-left:       .5em;
     24    padding-right:      .35em;
     25    margin-top:         .5em;
     26    margin-bottom:      .5em;
     27    margin-left:        0em;
     28    margin-right:       0em;
     29}
     30#display_options td.x-check label:hover {
     31    border:             1px solid #9da;
     32    background-color:   #485;
     33}
     34#display_options td.x-check input {
     35    float:              none;
     36    padding:            0px;
     37    margin:             0px;
     38    margin-right:       5px;
     39    margin-top:         -1px;
     40}
     41
     42#listings {
     43    width: 100%;
     44}
     45#listings th {
     46    font-weight:    normal;
     47    text-align:     left;
     48}
     49
     50#listings th.x-status {
     51    text-align:         center;
     52}
     53#listings th.x-title {
     54}
     55#listings th.x-originalairdate {
     56}
     57#listings th.x-episodenumber {
     58}
     59#listings th.x-channum {
     60}
     61#listings th.x-recgroup {
     62}
     63#listings th.x-airdate {
     64}
     65#listings th.x-length {
     66}
     67
     68#listings td.x-status {
     69    text-align:         center;
     70}
     71#listings td.x-title {
     72}
     73#listings td.x-originalairdate {
     74}
     75#listings td.x-episodenumber {
     76}
     77#listings td.x-channum {
     78}
     79#listings td.x-recgroup {
     80}
     81#listings td.x-airdate {
     82    white-space:        nowrap;
     83}
     84#listings td.x-length {
     85    white-space:        nowrap;
     86}
     87#listings td.x-commands {
     88    padding:            2px;
     89    text-align:         center;
     90    white-space:        nowrap;
     91    background-color:   #191c26;
     92}
     93#listings td.x-commands a {
     94    display:            block;
     95    padding:            .25em .5em;
     96    margin:             0;
     97}
     98#listings td.x-recording a {
     99    border:             1px solid #0f0;
     100}
  • new file skins/negative/welcome.css

    diff --git a/skins/negative/video.css b/skins/negative/video.css
    new file mode 100644
    index 0000000..e69de29
    diff --git a/skins/negative/welcome.css b/skins/negative/welcome.css
    new file mode 100644
    index 0000000..6e47ed9
    - +  
     1#modules {
     2    width:              600px;
     3    margin:             100px auto;
     4}
     5
     6#module_names {
     7    margin:             0px;
     8    padding:            0px;
     9    float:              left;
     10    width:              7em;
     11    font-size:          2em;
     12    min-height:         15em;
     13}
     14
     15#module_names ul {
     16    margin:             0px;
     17    padding:            0px;
     18    list-style-type:    none;
     19    text-align:         right;
     20}
     21
     22#module_names li {
     23    position:           relative;
     24    z-index:            2;
     25    margin:             0px -6px 0px 0px;
     26    padding:            0px .5em .15em 0px;
     27    border:             2px solid transparent;
     28    white-space:        nowrap;
     29}
     30#module_names li.selected {
     31    background-color:   #475;
     32    border-top:         2px solid #48f;
     33    border-right:       2px solid #688;
     34    border-bottom:      2px solid #48f;
     35    border-left:        2px solid #48f;
     36    -moz-border-radius: 8px;
     37}
     38#module_names li.selected a {
     39    display:            block;
     40}
     41
     42#module_info {
     43    background-color:   #355;
     44    margin-left:        14em;
     45    border:             2px solid #48f;
     46    min-width:          314px;
     47    height:             30em;
     48    padding:            .5em 1em;
     49    -moz-border-radius:     8px;
     50}
     51
     52.module_icon {
     53    display: block;
     54    margin: auto;
     55}
     56
     57#mythtv_link {
     58    float:          left;
     59    width:          14em;
     60    text-align:     center;
     61    margin-top:     -1.5em;
     62}