Changeset 53

Show
Ignore:
Timestamp:
05/06/08 07:12:07 (2 years ago)
Author:
royger
Message:

* New Interface.
* wTorrent no longer uses shadedborder javascript library, since it made the rendering slow. Now it's all done with transparent pngs.
* This should fix #57.

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/wtorrent/cls/rtorrent.cls.php

    r51 r53  
    2525        protected $data; 
    2626         
    27         private $menu = array('Main' => 'ListT', 
     27        private $menu = array( 
     28                                                'Main' => 'ListT', 
    2829                                                'Add Torrent' => 'AddT', 
    2930                                                'Feeds' => 'Feeds', 

  • trunk/wtorrent/home/css/estil.css

    r51 r53  
    11body { 
    2     background-image: url(../img/fons.gif); 
    3     background-repeat: repeat; 
    4     text-align: center; 
    5     min-width: 900px; 
    6     margin-top: 0px; 
     2        background: #dfe96d url(../img/bg_body.png) repeat-x top; 
     3  text-align: center; 
     4  min-width: 900px; 
    75} 
    86img { 
    97        border: 0px solid #ffffff; 
    108} 
    11 /* #contingut 
    12 { 
    13   margin: 5px; 
    14   margin-top: 0px; 
    15   width: 890px; 
    16   background-color: #ffffff; 
    17   text-align: center; 
    18   font-family: arial; 
    19   font-size: 10px; 
    20  
    21 }*/ 
    22 .button { 
    23         float: left;  
    24         padding: 5px 0px; 
    25         /*background-color: #e5edf4;*/ 
    26 } 
    27 .button:hover { 
    28         /*background-color: #cad9ea;*/ 
    29         font-weight: bold; 
    30 } 
    31 .button a { 
    32         color: #779804; 
    33         text-decoration: none; 
    34 } 
    35 .button a:hover{ 
    36         color: #779804; 
    37         text-decoration: none; 
    38 } 
    39 .buttonD { 
    40         float: left;  
    41         padding: 5px 0px; 
    42         background-color: #ffffff; 
    43 } 
    44 .buttonD:hover { 
    45                 background-color: #e5edf4; 
    46 } 
    47 .buttonD a { 
    48         color: #85a5c0; 
    49         text-decoration: none; 
    50 } 
    51 .buttonD a:hover{ 
    52                 color: #779804; 
    53         text-decoration: none; 
    54 } 
    55 .messages { 
     9#messages_box { 
    5610        filter:alpha(opacity=60);  
    5711        -moz-opacity:.60;  
    …… 
    5913        font-family: 'Lucida sans', arial;  
    6014        font-size: 11px;  
    61         text-align: left;  
    62         padding: 10px;  
    63         margin: 20px auto;  
    64         margin-bottom: 0px;  
    65         background-color: #EFC5A9;  
    66         width: 400px;  
    67         border: 1px solid #FF6600; 
    6815        cursor: default; 
    6916        display: none; 
    70         height: 12px; 
    71 } 
    72 .messages:hover { 
     17        clear: both; 
     18} 
     19#messages { 
     20        margin: 0 20px 0 20px; 
     21        width: 100%; 
     22} 
     23#messages_t { 
     24        margin: 20px auto 0 auto; 
     25        background: transparent url(../img/messages/bg_messages_t.png) no-repeat; 
     26        width: 474px; 
     27        height: 32px; 
     28        clear: both; 
     29} 
     30#messages_m { 
     31        background: transparent url(../img/messages/bg_messages_m.png) repeat-y; 
     32        width: 474px; 
     33        clear: both; 
     34        text-align: left; 
     35        margin: 0 auto 0 auto; 
     36} 
     37#messages_b { 
     38        background: transparent url(../img/messages/bg_messages_b.png) no-repeat; 
     39        width: 474px; 
     40        height: 30px; 
     41        clear: both; 
     42        margin: 0 auto 0 auto; 
     43} 
     44#messages:hover { 
    7345        filter:alpha(opacity=100);  
    7446        -moz-opacity:1.0;  
    7547        opacity:1.0;  
    7648} 
    77 .buttonT { 
    78         padding: 2px 0px; 
    79         background-color: #e5edf4; 
    80 } 
    81 .buttonT:hover { 
    82         background-color: #cad9ea; 
    83         font-weight: bold; 
    84 } 
    85 .buttonT a { 
    86         color: #779804; 
    87         text-decoration: none; 
    88 } 
    89 .buttonT a:hover{ 
    90         color: #779804; 
    91         text-decoration: none; 
     49#close_m { 
     50        background: transparent url(../img/messages/close_m.png) no-repeat; 
     51        width: 12px; 
     52        height: 11px; 
     53        float: right; 
     54        clear: both; 
     55        margin: 12px 15px auto auto; 
     56        cursor: pointer; 
     57} 
     58#close_m:hover { 
     59        background: transparent url(../img/messages/close_m_h.png) no-repeat; 
    9260} 
    9361/* Shaded DIVS style Login */ 
    9462#login {  
    95         padding: 20px;  
    96         width:300px;  
    97         margin: 30px auto;  
     63        width: 300px;  
     64        margin: 0px auto;  
    9865        color:#5d5d5d; 
    9966        text-align: center; 
    100         font-family: Verdana, Arial; 
    101         font-size: 10px; 
    102 } 
    103 #login, #login .sb-inner {  
    104         background-color:#fff;  
    105 } 
    106 #login .sb-border {  
    107         background: #d4d4d4;  
    108 } 
    109 /* Menu shade */ 
     67  font-family: Verdana, Arial; 
     68  font-size: 10px; 
     69} 
     70#login_t { 
     71        background: transparent url(../img/login/bg_login_t.png) no-repeat; 
     72        width: 613px; 
     73        height: 58px; 
     74        clear:both; 
     75        margin: 0 auto; 
     76} 
     77#login_m { 
     78        background: transparent url(../img/login/bg_login_m.png) repeat-y; 
     79        width: 613px; 
     80        clear: both; 
     81        margin: 0 auto; 
     82} 
     83#login_b { 
     84        background: transparent url(../img/login/bg_login_b.png) no-repeat; 
     85        width: 613px; 
     86        height: 56px; 
     87        clear: both; 
     88        margin: 0 auto; 
     89} 
     90/* Menu */ 
    11091#menu { 
    111         padding-top: 1px; 
    112         padding-bottom: 6px; 
    113         width:600px;  
    114         margin: 10px auto; 
    115         margin-bottom: 30px; 
    116         color:#5d5d5d; 
    117         text-align: center; 
    118         font-family: Verdana, Arial; 
    119         font-size: 10px; 
    120 } 
    121 #menu, #menu .sb-inner {  
    122         background-color:#fff;  
    123 } 
    124 #menu .sb-border {  
    125         background: #d4d4d4;  
     92        width:678px;  
     93        color:#5699d6; 
     94        text-align: center; 
     95  font-family: Verdana, Arial; 
     96  font-size: 12px; 
     97        margin: 0px auto 0px auto; 
     98        opacity: 0.8; 
     99        -moz-opacity: 0.8; 
     100        filter:alpha(opacity=80); 
     101        clear: both; 
     102} 
     103#menu_l 
     104{ 
     105        float: left; 
     106        clear: left; 
     107        background: transparent url(../img/menu/bg_menu_l.png) no-repeat; 
     108        height: 56px; 
     109        width: 39px; 
     110} 
     111#menu_c 
     112{ 
     113        float: left; 
     114        clear: none; 
     115        background: transparent url(../img/menu/bg_menu_c.png) repeat-x; 
     116        height: 56px; 
     117        width: 600px; 
     118} 
     119#menu_r 
     120{ 
     121        float: left; 
     122        clear: right; 
     123        background: transparent url(../img/menu/bg_menu_r.png) no-repeat; 
     124        height: 56px; 
     125        width: 39px; 
     126} 
     127#menu a { 
     128        text-decoration: none; 
     129        color: #5699d6; 
     130        display: block; 
     131        clear: none; 
     132        float: left; 
     133        padding: 9px 0 0 0; 
     134        text-align: center; 
     135} 
     136#menu a:hover { 
     137        color: #5699d6; 
     138} 
     139#menu a:visited { 
     140        color: #5699d6; 
     141} 
     142#menu img { 
     143        margin: 0 5px -3px 0; 
    126144} 
    127145/* Main shadow */ 
    128 #principal 
    129 { 
    130         padding: 10px; 
    131         padding-top: 15px;    
    132         margin: 0px auto 10px auto; 
    133     width: 971px; 
    134         background-color: #ffffff; 
    135         text-align: center; 
    136         font-family: arial; 
    137         font-size: 10px; 
    138 } 
    139 #principal, #principal .sb-inner {  
    140         background-color:#fff;  
    141 } 
    142 #principal .sb-border {  
    143         background: #d4d4d4;  
     146#main_t { 
     147        background: transparent url(../img/main/bg_main_t.png) no-repeat; 
     148        width: 1009px; 
     149        height: 54px; 
     150        margin: 0 auto 0 auto; 
     151        clear: both; 
     152} 
     153#main_m { 
     154        background: transparent url(../img/main/bg_main_m.png) repeat-y; 
     155        width: 1009px; 
     156        margin: 0 auto 0 auto; 
     157        clear: both; 
     158        font-family: arial; 
     159        font-size: 10px; 
     160        text-align: center; 
     161} 
     162#content { 
     163        width: 971px; 
     164        padding: 0 0 0 10px; 
     165} 
     166#main_b { 
     167        background: transparent url(../img/main/bg_main_b.png) no-repeat; 
     168        width: 1009px; 
     169        height: 37px; 
     170        margin: 0 auto 0 auto; 
     171        clear: both; 
    144172} 
    145173#tbHeadCell { 
    …… 
    204232} 
    205233/* The tabs */ 
    206 #tabs {  
    207         overflow:hidden;  
    208         padding:0;  
    209         margin:20px auto 0px auto;  
    210         width:889px;  
    211         color:#444; 
    212 } 
    213 * html #tabs {  
    214         height:1%;  
    215 } 
    216 #tabs li {  
    217         float:left;  
    218         color:#000;  
     234#tabs { 
     235        width:889px; 
     236        margin: 0 0 0 30px; 
     237} 
     238#tabs li { 
    219239        list-style:none;  
    220         margin: 0px 0px 0px 0px; 
    221         padding: 5px; 
    222 } 
    223 * html #tabs li {  
    224         display:inline-block;  
    225240} 
    226241#tabs li div.tabs {  
    227242        display:block;  
    228243        float:left;  
    229         text-decoration:none;  
    230         padding:5px;  
    231         color:#000; 
    232         font-family: Verdana, Arial; 
    233         font-size: 10px; 
    234         cursor: pointer; 
    235 } 
    236 #tabs li, #tabs li .sb-inner {  
    237         background: #fff;  
    238 } 
    239 #tabs li:hover, #tabs li:hover .sb-inner {  
    240         background-color: #e5edf4;  
    241 } 
    242 #tabs li .sb-border {  
    243         background: #d4d4d4;  
    244 } 
    245  
     244} 
     245.tabs { 
     246        background: transparent url(../img/tabs/bg_tab.png) no-repeat; 
     247        width: 166px; 
     248        height: 31px; 
     249        margin: 1px 0 0 0; 
     250        padding: 13px 0 0 0; 
     251        text-decoration:none; 
     252        color: #444; 
     253  cursor: pointer; 
     254        font: normal normal bold 10px verdana, arial; 
     255} 
     256.tabs:hover { 
     257        color: #5699d6; 
     258} 
    246259/* The left Tabs */ 
    247260 
    248261#tabsL {  
    249262        overflow:hidden;  
    250         padding: 0px; 
    251         margin:0px 0px 0px 0px;  
    252263        width:31px;  
    253         color:#444; 
    254 } 
    255 /** html #tabsL {  
    256         height:1%;  
    257 }*/ 
     264} 
    258265#tabsL li {  
    259266        clear: both; 
    260         color:#000;  
    261267        list-style:none;  
    262268        margin: 0px 0px 5px 0px; 
    …… 
    265271        cursor: pointer; 
    266272} 
    267 * html #tabsL li {  
    268         display:inline-block;  
    269 } 
    270273#tabsL li div.tabs {  
    271274        display:block; 
    272         text-decoration:none;  
    273275        padding:3px auto 3px auto;  
    274         color:#000; 
    275         font-family: Verdana, Arial; 
    276         font-size: 10px; 
    277         cursor: pointer; 
    278 } 
    279 #tabsL li, #tabsL li .sb-inner {  
    280         background: #fff;  
    281 } 
    282 #tabsL li:hover, #tabsL li:hover .sb-inner {  
    283         background-color: #e5edf4;  
    284 } 
    285 #tabsL li .sb-border {  
    286         background: #d4d4d4;  
     276  cursor: pointer; 
     277} 
     278.tabsL { 
     279        width: 31px; 
     280        height: 26px; 
     281} 
     282.info { 
     283        background: transparent url(../img/tabsL/info.png) no-repeat; 
     284} 
     285.files { 
     286        background: transparent url(../img/tabsL/files.png) no-repeat; 
     287} 
     288.trackers { 
     289        background: transparent url(../img/tabsL/trackers.png) no-repeat; 
    287290} 
    288291.noTorrents { 
    …… 
    328331/* START STYLE (GREEN) */ 
    329332.prototip .green { 
    330         /*width: 150px;*/ 
    331333        color: #fff; 
    332334} 
    …… 
    338340        padding: 5px; 
    339341} 
    340 /*.prototip .green .content { padding: 5px; } 
    341 .prototip .green .content {  
    342         background: #8cdc77; 
    343         font: 11px Arial, Helvetica, sans-serif; 
    344         padding: 5px; 
    345         color: #000; 
    346 }*/ 
    347342/* SEEDING STYLE (BLUE) */ 
    348343.prototip .blue { 
    349         /*width: 150px;*/ 
    350344        color: #fff; 
    351345} 
    …… 
    357351        padding: 5px;  
    358352} 
    359 /*.prototip .blue .content { padding: 5px; } 
    360 .prototip .blue .content {  
    361         background: #8b95f0; 
    362         font: 11px Arial, Helvetica, sans-serif; 
    363         padding: 5px; 
    364 }*/ 
    365353/* CLOSED STYLE (BLACK) */ 
    366354.prototip .black { 
    367         /*width: 150px;*/ 
    368         color: #fff; 
    369 } 
    370 /*.prototip .black .toolbar { 
    371         background: #373737; 
    372         font: italic 14px Verdana, serif; 
    373         font-weight: bold; 
    374         color: #fff; 
    375 }*/ 
     355        color: #fff; 
     356} 
    376357.prototip .black .content {  
    377358        padding: 5px;  
    …… 
    379360        font: italic 14px Verdana, serif; 
    380361        font-weight: bold; 
    381         color: #fff; } 
    382 /*.prototip .black .content {  
    383         background: #b4b4b4; 
    384         font: 11px Arial, Helvetica, sans-serif; 
    385         padding: 5px; 
    386 }*/ 
     362        color: #fff;  
     363} 
    387364/* CHECKING HASH STYLE (YELLOW) */ 
    388365.prototip .yellow { 
    389         /*width: 150px;*/ 
    390366        color: #fff; 
    391367} 
    …… 
    397373        padding: 5px; 
    398374} 
    399 /*.prototip .yellow .content { padding: 5px; } 
    400 .prototip .yellow .content {  
    401         background: #e9e89a; 
    402         font: 11px Arial, Helvetica, sans-serif; 
    403         padding: 5px; 
    404         color: #000; 
    405 }*/ 
    406375/* RTORRENT MESSAGE STYLE (RED) */ 
    407376.prototip .red { 
    …… 
    422391        color: #000; 
    423392} 
     393.loadingTab { 
     394        padding-top: 5px;  
     395        background-color: #fff;  
     396        top: 0;  
     397        left: 0;  
     398        height: 26px;  
     399        text-align: center;  
     400        position: absolute;  
     401        z-index: 10; 
     402        opacity: 0.6; 
     403        -moz-opacity: 0.6; 
     404        filter:alpha(opacity=60); 
     405} 

  • trunk/wtorrent/home/js/javasc.js

    r51 r53  
    66        Effect.toggle('ttab' + hash, 'blind', {duration:0.5}); 
    77    } 
    8     resize(); 
    9 } 
    10 /* Resize to make shadedborders render the div again */ 
    11 function resize() { 
    12         Main.render('principal'); 
    138} 
    149/* Check all elements of the specified class */ 
    …… 
    10499    { 
    105100        case 'messages': 
    106                     $(frame).style.display = "block"; 
    107                     var loadingDiv = loadingCommand; 
    108             $(frame).innerHTML = loadingDiv; 
    109             break; 
     101                       $(frame + '_box').style.display = "block"; 
     102                       var loadingDiv = loadingCommand; 
     103          $(frame).innerHTML = loadingDiv; 
     104          break; 
    110105        case 'content': 
    111                     var loadingDiv = loading; 
    112             $(frame).innerHTML = loadingDiv; 
    113             break; 
     106                       var loadingDiv = loading; 
     107          $(frame).innerHTML = loadingDiv; 
     108          break; 
    114109        default: 
    115             loadingTab(frame); 
    116             break; 
     110          loadingTab(frame); 
     111          break; 
    117112    } 
    118113    //contractFrame(frame); 
    …… 
    121116{ 
    122117    contractFrame('t' + frame); 
    123     var node1 = document.getElementById('node1'); 
    124118    var overlayCell = $('loadingCell').cloneNode(true); 
    125119    var positions = findPos($('i' + frame)); 
    126120    overlayCell.setAttribute('id', 'l' + frame); 
    127     overlayCell.style.left = positions[0] + 'px'; 
     121    overlayCell.style.left = (positions[0] + 31) + 'px'; 
    128122    overlayCell.style.top = positions[1] + 'px'; 
    129123    document.body.appendChild(overlayCell); 
    130124    overlayCell.show(); 
    131     new Effect.Opacity(overlayCell, {duration:0.2, from:0, to:0.6}); 
     125                //overlayCell.setOpacity(0.6); 
     126    //new Effect.Opacity(overlayCell, {duration:0.2, from:0, to:0.6}); 
    132127    return; 
    133128} 
    …… 
    138133    if(frame != "content" && frame != "messages") { 
    139134        var onFinish = (function (frame) { return function (obj) { $(frame).remove(); } })('l'+ frame); 
    140         new Effect.Opacity('l' + frame, {duration:0.2, from:0.6, to:0, afterFinish: onFinish}); 
    141         window.setTimeout("expandFrame('t" + frame + "')", 100); 
     135        //new Effect.Opacity('l' + frame, {duration:0.2, from:0.6, to:0, afterFinish: onFinish}); 
     136        //$('l' + frame).setOpacity(0); 
     137                                $('l' + frame).remove(); 
     138                                window.setTimeout("expandFrame('t" + frame + "')", 100); 
    142139    } 
    143140        postAjax(); 
    144         resize(); 
    145141} 
    146142function expandFrame(frame) { 

  • trunk/wtorrent/home/tpl/comm_loading.tpl.php

    r4 r53  
    1 <div style="text-align: center;"> 
    2 <img src="{$DIR_IMG}comm_load.gif" style="margin: 2px auto;" /> 
     1<div style="text-align: center; margin: 0 0 0 -40px;"> 
     2       <img src="{$DIR_IMG}comm_load.gif" style="margin: 0 auto 0 auto;" /> 
    33</div> 

  • trunk/wtorrent/home/tpl/content.tpl.php

    r28 r53  
    1 <div id="principal"> 
     1<div id="main_t"> 
     2        {include file="tabs.tpl.php"}    
     3</div> 
     4<div id="main_m"> 
    25        <div id="content"> 
    36                {include file=$web->getTpl()} 
    47        </div> 
    5         <div style="width: 100%; height: 10px; clear: both;"></div> 
     8</div> 
     9<div id="main_b"> 
     10         
    611</div> 
    712{literal} 
    813<script language="javascript" type="text/javascript"> 
    9     Bora.render('menu'); 
    10         Main.render('principal'); 
    11          
    12         var tabs = $('tabs').getElementsByTagName("li"); 
    13     for (var i=0; i < tabs.length; ++i) { 
    14       tabBorder.render(tabs[i]); 
    15     } 
    16         /*var TabsL = document.getElementsByClassName('tabsLeft'); 
    17         var numTabsL = TabsL.length; 
    18         for(var j=0; j< numTabsL; j++) { 
    19                 var tabsL = $('tabsL' + j); 
    20                 var tabs = tabsL.getElementsByTagName("li"); 
    21                 for (var i=0; i < tabs.length; ++i) { 
    22                 tabL.render(tabs[i]); 
    23                 } 
    24         }  */ 
    25         var tabsL = document.getElementsByClassName('tabsLeft'); 
    26         for (var i=0; i < tabsL.length; i++) { 
    27                 var tabs = tabsL[i].getElementsByTagName('li'); 
    28                 for(var j = 0; j < tabs.length; j++) 
    29                         tabL.render(tabs[j]); 
    30         } 
     14        $('close_m').onclick = (function (frame) { return function () { $(frame).hide(); } })('messages_box'); 
    3115</script> 
    3216{/literal} 

  • trunk/wtorrent/home/tpl/index.tpl.php

    r39 r53  
    66  <title>{$TITLE}</title> 
    77  <script src="{$DIR_JS}" type="text/javascript"></script> 
    8   <script src="{$DIR_JSHADE}" type="text/javascript"></script> 
    98  <script src="{$DIR_JSPROTO}" type="text/javascript"></script> 
    109  <script src="{$DIR_SCRIPTACULOUS}?load=effects" type="text/javascript"></script> 
    1110  <script src="{$DIR_PROTOTIP}" type="text/javascript"></script> 
     11        <link rel="stylesheet" type="text/css" href="home/css/reset.css" media="all" /> 
    1212  <link rel="stylesheet" type="text/css" href="{$DIR_CSS_ESTIL}" media="all" /> 
    1313  {include file="loading.tpl.php" assign="loading"} 
    1414  {include file="comm_loading.tpl.php" assign="comm_loading"} 
    15   {literal} 
    16   <script language="javascript" type="text/javascript"> 
    17         /* For shadowed Borders*/ 
    18         var tabBorder = RUZEE.ShadedBorder.create({ corner:8, edges:"tlr", border:1, shadow:16}); 
    19     var Bora = RUZEE.ShadedBorder.create({ corner:8, shadow:16, border: 1 }); 
    20     var Main = RUZEE.ShadedBorder.create({ corner:8, shadow:16, border: 1 }); 
    21     var tabL = RUZEE.ShadedBorder.create({ corner:4, edges:"tbl", border:1}); 
    22    
    23   var partialIDs = ["tl", "tr", "bl", "br", "tlr", "blr", "tbl", "tbr"]; 
    24   var partialBorders = {}; 
    25   for (var i=0; i<partialIDs.length; ++i) { 
    26     partialBorders[partialIDs[i]] = RUZEE.ShadedBorder.create({ 
    27         corner:10, border:2, edges:partialIDs[i] }); 
    28   } 
    29 </script> 
    30 {/literal} 
    31 {if $web->registrado()} 
    32 {literal} 
    33 <script type="text/javascript"> 
    34 /* Ajax loading using prototype */ 
    35 var ifPri = $('principal'); 
    36 var ifCont = $('contingut'); 
    37 var loading = "{/literal}{$loading|jsOutput}{literal}"; 
    38 var loadingCommand = "{/literal}{$comm_loading|jsOutput}{literal}"; 
    39 var cont; 
    40 var tab; 
    41 var view = 'public'; 
    42 var url = '{/literal}{$SRC_INDEX}{literal}'; 
    43 var confirmMsg = "{/literal}{$str.conf_erase}{literal}"; 
    44 /*function init () { 
    45         var tabs = document.getElementsByClassName('tabs'); 
    46         for (var i = 0; i < tabs.length; i++) { 
    47                 $(tabs[i].id).onclick = function () { 
    48                         load('content' , this.id); 
    49                 } 
    50         } 
    51         var tabsL = document.getElementsByClassName('tabsL'); 
    52         for (var i = 0; i < tabsL.length; i++) { 
    53                 $(tabsL[i].id).onclick = function () { 
    54                         load(this.id); 
    55                 } 
    56         } 
    57 }*/ 
    58 </script> 
    59 {/literal} 
    60 {/if} 
     15        {if $web->registrado()} 
     16                {literal} 
     17                        <script type="text/javascript"> 
     18                                /* Ajax loading using prototype */ 
     19                                var ifPri = $('principal'); 
     20                                var ifCont = $('contingut'); 
     21                                var loading = "{/literal}{$loading|jsOutput}{literal}"; 
     22                                var loadingCommand = "{/literal}{$comm_loading|jsOutput}{literal}"; 
     23                                var cont; 
     24                                var tab; 
     25                                var view = 'public'; 
     26                                var url = '{/literal}{$SRC_INDEX}{literal}'; 
     27                                var confirmMsg = "{/literal}{$str.conf_erase}{literal}"; 
     28                        </script> 
     29                {/literal} 
     30        {/if} 
    6131        <link rel="shortcut icon" href="{$DIR_IMG}favicon.ico"> 
    6232</head> 
    6333 
    6434<body> 
    65 <div style="width: 900px; height: 100px;position: relative; margin-left: auto; margin-right: auto;"> 
    66         <div style="position: absolute; left: 150px; margin: 0px auto; width: 600px; height: 100px; top: 0px;"> 
    67                 <img src="{$DIR_IMG}wLogo.png" /> 
    68         </div> 
    69 </div> 
    7035{if $web->registrado()} 
    7136<div id="menu"> 
    …… 
    7540{include file="messages.tpl.php"} 
    7641{if $web->registrado()} 
    77         {include file="tabs.tpl.php"}    
    7842        {include file="content.tpl.php"} 
    7943{else} 
    …… 
    8549{include file="loading.tpl.php"} 
    8650</div> 
    87 <div class="tbBulk" id="loadingCell" style="padding-top: 5px; background-color: #fff; display: none; top: 0; left: 0; height: 26px; text-align: center; position: absolute; z-index: 10;filter:alpha(opacity=0); -moz-opacity:0.0; opacity:0.0; "> 
     51<div class="tbBulk loadingTab" id="loadingCell" style="display: none; width: 918px;"> 
    8852        <img src="{$DIR_IMG}miniloader.gif" alt="loading" /> 
    8953</div> 

  • trunk/wtorrent/home/tpl/list/cell.tpl.php

    r39 r53  
    88        <div id="tbCell" style="cursor: pointer; background-color: #e5edf4; border-top: 0px solid #d4d4d4;{if isset($bg_cell)} background-image: url({$bg_cell});{/if}" onmouseover="style.backgroundColor='#d5e991';" onmouseout="style.backgroundColor='#e5edf4'">     
    99                <div id="tbContentCell" style="width: 96px; padding-left: 0px; padding-top: 6px; height: 24px; text-align: left;"> 
    10                         <input type="checkbox" id="{$hash}" class="torrent" style="margin-bottom: 5px;" /> 
     10                        <input type="checkbox" id="{$hash}" class="torrent" style="margin: 0 0 5px 3px;" /> 
    1111                        {if $web->getState($hash) eq 0 || $web->getOpen($hash) eq 0} 
    1212                <div style="cursor: pointer; display: inline;"> 

  • trunk/wtorrent/home/tpl/listT.tpl.php

    r39 r53  
    3434<script language="javascript" type="text/javascript"> 
    3535function postAjax() { 
    36     /* Render the lateral torrents tabs */ 
    37         var tabsL = document.getElementsByClassName('tabsLeft'); 
    38         for (var i=0; i < tabsL.length; i++) { 
    39                 var tabs = tabsL[i].getElementsByTagName('li'); 
    40                 for(var j = 0; j < tabs.length; j++) 
    41                         tabL.render(tabs[j]); 
    42         } 
    4336    /* Render the tips */ 
    4437    var tips = $$('.torrent'); 

  • trunk/wtorrent/home/tpl/login.tpl.php

    r4 r53  
    1 <div id="login"> 
    2          
    3         <form action="" method="POST"> 
    4         <div style="height: 20px; width: 100%;"><div style="height: 20px; padding-top: 6px; font-size:12px; width: 80px; float: left; text-align: left;"><b>User:</b></div><div style="float: left;"><input type="text" name="userf" /></div></div><br /> 
    5         <div style="height: 20px; width: 100%;"><div style="height: 20px; padding-top: 6px; font-size: 12px; width: 80px; float: left; text-align: left;"><b>Password:</b></div><div style="float: left;"> <input type="password" name="passwdf" /></div></div><br /> 
    6         <div style="padding-bottom: 10px;"><input type="submit" value="Login" name="user_login" /></div> 
    7         </form> 
     1<div id="login_t"> 
     2         
    83</div> 
    9 {literal} 
    10 <script language="javascript" type="text/javascript"> 
    11     var Bora = RUZEE.ShadedBorder.create({ corner:8, shadow:16, border: 1 }); 
    12     Bora.render('login'); 
    13 </script> 
    14 {/literal} 
     4<div id="login_m"> 
     5        <div id="login"> 
     6                <form action="" method="POST"> 
     7                        <div style="height: 20px; width: 100%;"> 
     8                                <div style="height: 20px; padding-top: 6px; font-size:12px; width: 80px; float: left; text-align: left;"> 
     9                                        <b>User:</b> 
     10                                </div> 
     11                                <div style="float: left;"> 
     12                                        <input type="text" name="userf" /> 
     13                                </div> 
     14                        </div> 
     15                        <br /> 
     16                        <div style="height: 20px; width: 100%;"> 
     17                                <div style="height: 20px; padding-top: 6px; font-size: 12px; width: 80px; float: left; text-align: left;"> 
     18                                        <b>Password:</b> 
     19                                </div> 
     20                                <div style="float: left;"> 
     21                                        <input type="password" name="passwdf" /> 
     22                                </div> 
     23                        </div> 
     24                        <br /> 
     25                        <div style="padding-bottom: 10px;"><input type="submit" value="Login" name="user_login" /></div> 
     26                </form> 
     27        </div> 
     28</div> 
     29<div id="login_b"> 
     30         
     31</div> 

  • trunk/wtorrent/home/tpl/menu.tpl.php

    r11 r53  
    1 <div style="height: 25px; text-align: center; font-family: arial; font-size: 12px;"> 
    2 {assign var="menu_items" value=$web->getMenu()} 
    3 {assign var="width" value=$web->getWidth($width_total, $menu_items)} 
    4 {foreach item="cls" key="name" from=$menu_items name="menu"} 
    5         <div class="button" style="border-right: 1px solid #d4d4d4; width: {$width}px;"><a href="{$SRC_INDEX}?cls={$cls}">{$name}</a></div> 
    6         {if $smarty.foreach.menu.last} 
    7         <div class="button" style="width: {math equation="x + 1" x=$width}px;"><a href="{$SRC_INDEX}?logout">{$str.logout}</a></div> 
    8         {/if} 
    9 {/foreach} 
     1<div id="menu_l"> 
     2         
    103</div> 
     4<div id="menu_c"> 
     5        {assign var="menu_items" value=$web->getMenu()} 
     6        {assign var="width" value=$web->getWidth($width_total, $menu_items)} 
     7        {foreach item="cls" key="name" from=$menu_items name="menu"} 
     8                <a style="width: {$width}px;" href="{$SRC_INDEX}?cls={$cls}"><img src="{$DIR_IMG}menu/{$cls}.png" />{$name}</a> 
     9                {if $smarty.foreach.menu.last} 
     10                <a style="width: {math equation="x + 1" x=$width}px;" href="{$SRC_INDEX}?logout"><img src="{$DIR_IMG}menu/disconnect.png" />{$str.logout}</a> 
     11                {/if} 
     12        {/foreach} 
     13</div> 
     14<div id="menu_r"> 
     15         
     16</div> 

  • trunk/wtorrent/home/tpl/messages.tpl.php

    r4 r53  
    1 <div class="messages" id="messages"{if $web->getMessages() != ""} style="display: block;"{/if}> 
    2         {$web->getMessages()} 
     1<div id="messages_box"{if $web->getMessages() != ""} style="display: block;"{/if}> 
     2        <div id="messages_t"> 
     3                <div id="close_m"> 
     4                         
     5                </div> 
     6        </div> 
     7        <div id="messages_m"> 
     8                <div id="messages"> 
     9                        {$web->getMessages()} 
     10                </div> 
     11        </div> 
     12        <div id="messages_b"> 
     13 
     14        </div> 
    315</div> 

  • trunk/wtorrent/home/tpl/tabsL.tpl.php

    r28 r53  
    22<ul id="tabsL"> 
    33{if $web->getTplName() eq listT}  
    4         <li><div id="itab{$hash}" class="tabsL"><img src="{$DIR_IMG}information.png" onclick="load('tab{$hash}', 'info');" /></div></li> 
    5         <li><div id="ftab{$hash}" class="tabsL"><img src="{$DIR_IMG}folder_explore.png" onclick="load('tab{$hash}', 'files');" /></div></li> 
    6         <li><div id="ttab{$hash}" class="tabsL"><img src="{$DIR_IMG}chart_organisation.png"  onclick="load('tab{$hash}', 'trackers');"/></div></li> 
     4        <li> 
     5                                <div id="itab{$hash}" class="tabsL info" onclick="load('tab{$hash}', 'info');"> 
     6                                          
     7                                </div> 
     8                        </li> 
     9        <li> 
     10                                <div id="ftab{$hash}" class="tabsL files" onclick="load('tab{$hash}', 'files');"> 
     11                                         
     12                                </div> 
     13                        </li> 
     14        <li> 
     15                                <div id="ttab{$hash}" class="tabsL trackers" onclick="load('tab{$hash}', 'trackers');"> 
     16                                         
     17                                </div> 
     18                        </li> 
    719{/if} 
    820</ul>