Changeset 2415

Show
Ignore:
Timestamp:
07/02/08 08:40:13 (5 years ago)
Author:
vdigital
Message:

Reversed logic for backgrounds
$tabsheet transfer: general use available in admin.tpl
Some CSS admin simplications

Location:
trunk
Files:
19 modified

Legend:

Unmodified
Added
Removed

  • trunk/admin/template/yoga/admin.tpl

    r2400 r2415  
    105105  </div> 
    106106  {/if} 
    107  
     107  {$TABSHEET} 
    108108  {$ADMIN_CONTENT} 
    109109</div> 

  • trunk/admin/template/yoga/admin/cat_options.tpl

    r2390 r2415  
    11{* $Id$ *} 
    22<div class="titrePage"> 
    3   {$TABSHEET} 
    43  <ul class="categoryActions"> 
    54    <li><a href="{$U_HELP}" onclick="popuphelp(this.href); return false;" title="{'Help'|@translate}"><img src="{$themeconf.icon_dir}/help.png" class="button" alt="(?)"></a></li> 

  • trunk/admin/template/yoga/admin/comments.tpl

    r2390 r2415  
    11{* $Id$ *} 
    22<div class="titrePage"> 
    3   {$TABSHEET} 
    43  <h2>{'waiting'|@translate} {$TABSHEET_TITLE}</h2> 
    54</div> 

  • trunk/admin/template/yoga/admin/configuration.tpl

    r2390 r2415  
    11{* $Id$ *} 
    22<div class="titrePage"> 
    3   {$TABSHEET} 
    43  <ul class="categoryActions"> 
    54    <li><a href="{$U_HELP}" onclick="popuphelp(this.href); return false;" title="{'Help'|@translate}"><img src="{$themeconf.icon_dir}/help.png" class="button" alt="(?)"></a></li> 

  • trunk/admin/template/yoga/admin/history.tpl

    r2390 r2415  
    11{* $Id$ *} 
    22<div class="titrePage"> 
    3   {$TABSHEET} 
    43  <ul class="categoryActions"> 
    54    <li> 

  • trunk/admin/template/yoga/admin/intro.tpl

    r2400 r2415  
    11{* $Id$ *} 
    22<h2>{'title_default'|@translate}</h2> 
    3 <dl> 
     3<dl style="padding-top: 30px;"> 
    44  <dt>{'Piwigo version'|@translate}</dt> 
    55  <dd> 

  • trunk/admin/template/yoga/admin/notification_by_mail.tpl

    r2390 r2415  
    22 
    33<div class="titrePage"> 
    4   {$TABSHEET} 
    54  <ul class="categoryActions"> 
    65    <li><a href="{$U_HELP}" onclick="popuphelp(this.href); return false;" title="{'Help'|@translate}"><img src="{$themeconf.icon_dir}/help.png" class="button" alt="(?)"></a></li> 

  • trunk/admin/template/yoga/admin/plugins_list.tpl

    r2397 r2415  
    11<div class="titrePage"> 
    2 {$TABSHEET} 
    32<span class="sort"> 
    43{'Sort order'|@translate} :  

  • trunk/admin/template/yoga/admin/plugins_new.tpl

    r2390 r2415  
    11<div class="titrePage"> 
    2 {$TABSHEET} 
    32  <h2>{'Plugins'|@translate}</h2> 
    43</div> 

  • trunk/admin/template/yoga/admin/plugins_update.tpl

    r2390 r2415  
    11<div class="titrePage"> 
    2 {$TABSHEET} 
    32  <h2>{'Plugins'|@translate}</h2> 
    43</div> 

  • trunk/admin/template/yoga/admin/stats.tpl

    r2390 r2415  
    22 
    33<div class="titrePage"> 
    4   {$TABSHEET} 
    54  <ul class="categoryActions"> 
    65    <li> 

  • trunk/admin/template/yoga/admin/upload.tpl

    r2390 r2415  
    11{* $Id$ *} 
    22<div class="titrePage"> 
    3   {$TABSHEET} 
    43  <h2>{'waiting'|@translate} {$TABSHEET_TITLE}</h2> 
    54</div> 

  • trunk/admin/template/yoga/content.css

    r2390 r2415  
    22/* .Content  is on every pages so it is common and it will no longer be a specific css */ 
    33.content { margin-right: 1em; margin-bottom: 1em; } 
    4 .content h3 { margin-bottom: 1ex; text-align: center; } 
    54.content h2 { margin-bottom: 3px;} 
    65.content .navigationBar { margin: 10px 0; text-align: center; } 

  • trunk/admin/template/yoga/default-layout.css

    r2390 r2415  
    255255  font-size: 1em;       /* <= some browsers don't set it correctly */ 
    256256} 
    257 UL, DL, LI { text-align: left;} 
     257UL, DL { text-align: left;} 
    258258TABLE {                 /* horizontaly centered */ 
    259259  margin-left: auto; 

  • trunk/admin/template/yoga/footer.tpl

    r2397 r2415  
    3636 
    3737{if isset($debug.QUERIES_LIST)}{$debug.QUERIES_LIST}{/if} 
    38 <div id="leaves"> 
    3938</div> 
    4039</body> 

  • trunk/admin/template/yoga/header.tpl

    r2391 r2415  
    4444 
    4545<body id="{$BODY_ID}"> 
     46<div id="headbranch"></div> {* Dummy block for double background management *} 
    4647<div id="the_page"> 
    4748 

  • trunk/admin/template/yoga/theme/admin/theme.css

    r2404 r2415  
    11/* $Id$ */ 
    22/* text color */ 
    3 BODY, H3, DT, H2, .throw, 
    4 INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ { 
     3body, h3, dt, h2, .throw, .content, 
     4input.rateButtonSelected /* <= why IE doesn't inherit this ? */ { 
    55  color:#ccc; } 
     6input.text, input.button, input.submit, input.reset, input.file, select, textarea { 
     7color:#444; }   
     8input.rateButton, legend, #theAdminPage h3 { color: #777; } 
     9#theAdminPage h2 { color: #333; } 
     10/* common */ 
    611.content .infos { 
    7   color: #f33; border:0pt none; font-weight:bold; background-color: transparent; 
    8   padding:5px 0px 0pt 20pt; position:absolute; left:210px; 
    9   text-align:left; top:100px; width:550px; } 
     12  color: #f33; border:0pt none; font-weight:bold; background-color: #222; 
     13  padding:5px 0px 0pt 20pt; position:absolute; left:248px; min-height: 48px; 
     14  text-align:left; top:110px; width:550px; z-index: 2; } 
    1015.content .infos li { list-style-type:none; } 
    1116.content .errors { 
    12   background-color: #fc5; 
    13   border-color: #f92; 
    14   color: #900; 
    15 } 
     17  color: #900; border:0pt none; font-weight:bold; background-color: #222; 
     18  padding:5px 0px 0pt 20pt; position:absolute; left:248px; min-height: 48px; 
     19  text-align:left; top:110px; width:550px; z-index: 3; } 
     20#copyright { color:#777; margin:60px auto 15px 240px; text-align:center; } 
     21.header_notes { 
     22background: transparent url(../../../../../template/yoga/icon/note.png) no-repeat right top; 
     23border:0; font-weight:bold; 
     24padding:5px 60px 0 0; position:absolute; right:0; 
     25text-align:right; top:90px; width:550px; } 
     26 
    1627/* backgrounds */ 
     28html, body { min-height: 100%; } 
    1729body { 
    18   background:#111111 url(images/top-left-bg.png) no-repeat scroll left top; 
     30  background:#111111 url(images/bottom-left-bg.png) no-repeat fixed left bottom; 
    1931  margin: 0; padding: 0; 
    2032} 
    21 H3, #imageToolBar A:hover, .row1 { 
    22   background-color: #222; 
    23 } 
     33#the_page {  
     34border:0; display:block; margin: 0; padding-bottom: 0; z-index: 1; top:0px; 
     35padding-top: 0; min-height: 100%; width:100%; position:absolute; left:0px; } 
     36#headbranch {  
     37background:transparent url(images/top-left-bg.png) no-repeat scroll left top;  
     38border:0; display:block; margin: 0; padding: 0; width: 233px; 
     39height: 240px; position:absolute; left:0px; top:0px; z-index: 0; } 
     40 
     41#theHeader {  
     42  background:transparent url(images/piwigo_logo_sombre_214x100.png) no-repeat scroll 245px top;  
     43  min-height:105px; } 
     44h3, #imageToolBar a:hover, .row1, .content { background-color: #222; } 
    2445.row2 { background-color:#111; } 
    25 #theAdminPage h2, #theAdminPage h3 { color: #777; } 
     46#content { background: #222 url(images/fillet.png) repeat-x top left; } 
     47.content { min-height: 466px; padding:0px 5px 5px 5px; margin: 0 10px 0 248px; z-index:99; } 
     48.content h3 { font-size:20px; letter-spacing:-0.4px; margin:0 20px 12px 0; 
     49 text-align:right; background:none; border: 0; } 
     50.content h4 { font-size:14px; text-align:left; padding:3px; margin: 2px;} 
     51.content h2:before, .content h2:after,  
     52.content h2 {  
     53letter-spacing:0.1em; margin-right:30px; text-align:right; color: #777;  
     54text-transform:none; font-weight:bold; padding-left:20px; } 
     55.content dl, dd { margin:5px; } 
     56.content div.titrePage { height:55px; } 
    2657 
    27 .content { 
    28   background-color: #181818; 
    29   border: 1px solid #eee; 
    30   padding: 5px; 
    31 } 
    32 H2, .throw, TD H3, #theAdminPage H3 { 
    33   background-image: url(images/fillet.png); 
    34   background-repeat: repeat-x; 
    35 } 
    36 .content H2 { 
    37   background: none; 
    38   border: 0; 
    39   letter-spacing: -0.05em;  
    40   text-indent: 1em; 
    41   text-transform:       uppercase; 
    42   font-weight: lighter; 
    43   margin-bottom: 20px; 
    44 } 
    45 .content h3 { text-align: center; } 
    46 .browsePath A { 
    47   color: #eee; 
    48 } 
    49 /* borders */ 
    50 #comments DIV.comment BLOCKQUOTE { 
    51   border: 1px solid #000; 
    52 } 
    53 #imageHeaderBar { 
    54   border-top: 1px solid #000; 
    55   padding: 8px 0 3px 0; 
    56 } 
    57 H2, #imageToolBar { 
    58   border-bottom: 1px solid #000; 
    59 } 
    60  
    61 #theImage IMG { 
    62   border-color: #fff; 
    63 } 
    64  
    65 .content UL.thumbnail IMG { 
    66   border: 1px solid #a0a0a0; 
    67 } 
    68 .illustration A { 
    69   border: 0; 
    70 } 
    71 FIELDSET, INPUT, SELECT, TEXTAREA, 
    72 .content DIV.comment  A.illustration IMG, 
    73 #comments DIV.comment BLOCKQUOTE { 
    74   border-left: 2px solid #696969; 
    75 } 
    76  
     58.throw, td h3 { 
     59 background-image: url(images/fillet.png); background-repeat: repeat-x; } 
     60.browsePath a { color: #eee; } 
     61/* borders */ /* TODO */ 
     62INPUT, SELECT, TEXTAREA { border-left: 2px solid #696969; } 
    7763.content UL.thumbnails SPAN.wrap2 { 
    7864  border: 1px solid #aaaaaa;    /* thumbnails border color and style */ 
    7965  border-radius: 4px 4px;       /* round corners with CSS3 compliant browsers */ 
    8066} 
     67.content UL.thumbnails SPAN.wrap2:hover  { 
     68  margin: 0 2px; width: auto; padding: 0; text-indent: 0; 
     69  list-style: none; text-align: center; float: left; } 
    8170 
    82 .content UL.thumbnails SPAN.wrap2:hover  { 
    83   margin: 0 2px; 
    84   width: auto; 
    85   padding: 0; 
    86   text-indent: 0; 
    87   list-style: none; 
    88   text-align: center; 
    89   float: left; 
    90 } 
    91  
    92 #imageToolBar A, #imageToolBar A:hover { 
    93   border-bottom: none; 
    94 } 
    95 A.navThumb, A.navThumb:hover { 
    96   border-bottom: none; 
    97 } 
    98 #copyright { 
    99 color:#777; 
    100 margin:60px 0; 
    101 text-align:center; 
    102 } 
    103  
    104 label { 
    105         cursor:pointer 
    106 } 
    107  
     71label { cursor:pointer } 
    10872.virtual_cat { background: #222 !important; } 
    109  
    11073a.Piwigo { 
    11174  font-family: verdana, arial, helvetica, sans-serif !important; 
    … …  
    11376  color : #f36; text-decoration: none; border: 0; color: #f36; } 
    11477 
    115 .statBar { background-color: #e60; } 
    116 #imageToolBar .randomButtons a:hover, 
    117 #imageToolBar .navButtons a:hover { background-color: transparent; } 
    11878* { outline-width: 0; } 
     79a { color:#f70; border-color: #FF3363; } 
     80a:hover { color: #f33; border-color: #FF3363; } 
     81 
     82#theAdminPage h2 { display:block; font-size:28px; letter-spacing:-1px;  
     83margin:0 20px; height:95px; overflow:hidden; padding:0; position:absolute;  
     84right:0; text-align:right; top:0; width:770px; } 
    11985 
    12086 
    121 /* New in 1.8 : Special Admin */ 
    122 a { color:#f70; border-color: #FF3363; } 
    123 a:hover { color: #f33; border-color: #FF3363; } 
    124 input.rateButton, legend { color:#777; } 
    125 #theHeader {  
    126   background:transparent url(images/piwigo_logo_sombre_214x100.png) no-repeat scroll 245px top; height:105px;  
    127 } 
    128  
    129 .content h2:before, .content h2:after,  
    130 .content h2 { /*theme.css (line 100)*/ 
    131 letter-spacing:0.1em; margin-right:45px; text-align:right; color: #777777;  
    132 text-transform:none; } 
    133 .content dl, dd { /*content.css (line 52) */ margin:5px; } 
    134 .content h2 { /* default-layout.cs... (line 6) */ 
    135 font-weight:bold; margin-right:30px; padding-left:2em; } 
    136 #theAdminPage h3 { /* theme.css (line 96) */ 
    137 background: transparent none; margin-right:30px; font-weight: lighter;} 
    138 #theAdminPage h2 { border:0; color:#333; display:block; 
    139 font-size:32px; letter-spacing:0.8px; margin:0pt 20px 0pt 220px; 
    140 min-height:95px; overflow:hidden; padding:0pt; position:relative; 
    141 right:0pt; text-align:right; top:-100px; width:770px; } 
    142 #the_page {  
    143 /*background:transparent url(images/bottom-left-bg.png) no-repeat fixed left bottom; */ 
    144 border:0; display:block; margin: 0; padding-bottom: 0; 
    145 padding-top: 0; min-height: 100%; position:relative; 
    146 } 
    147 #leaves {  
    148 background:transparent url(images/bottom-left-bg.png) no-repeat fixed left bottom;  
    149 border:0; display:block; margin: 0; padding: 0; min-width: 539px; 
    150 min-height: 220px; position:absolute; left:0px; bottom:0px; z-index: 0; 
    151 } 
    152 #content { background: #222 url(images/fillet.png) repeat-x top left; } 
    153 .content {  
    154  min-height: 420px; color: #ccc; 
    155  border-width: 0; padding: 0 5px 0 0; margin: 0 10px 0 248px; } 
    156 .header_notes { 
    157 background: transparent url(../../../../../template/yoga/icon/note.png) no-repeat right top; 
    158 border:0; font-weight:bold; 
    159 padding:5px 60px 0 0; position:absolute; right:0; 
    160 text-align:right; top:90px; width:550px; } 
    161 /*.content div.titrePage ul.categoryActions { 
    162 position:absolute; right:12px; top:110px; } */ 
    16387fieldset#uploadConf input { margin-left:5%; width:160px; } 
    16488table.table2 th { padding:3px 30px; } 
    16589table.table2 tr.throw { text-align: center; } 
    166 html, body { height:100%; } 
    167 .content div.titrePage { height:55px; } 
    16890table.table2 { margin:0pt auto; } 
    16991.sort { display:block; padding:8px 5px 0px 1px; } 
    170 input.text, input.button, input.submit, input.reset, input.file, select, textarea { 
    171 color:#444; } 
     92 
    17293/* tabsheets are often used in admin  pages => No specific css files */ 
    17394.tabsheet {  
    … …  
    196117#menubar { 
    197118background:transparent url(images/menuBoxBottom_new.png) no-repeat scroll left bottom; 
    198 border: 0; float:none; left: 0; margin:100px 5px 5px 35px; min-height:432px; padding: 0; 
    199 position:absolute; top: 0; width:207px; display: inline; z-index: 1; 
    200 text-align: left; /*  "be nice to IE5" rule */ } 
     119border:0; display:inline; float:left; left:0; margin: 0 0 0 35px; min-height:468px; 
     120padding:0; width:207px; z-index:99; text-align: left; /*  "be nice to IE5" rule */ } 
    201121#menubar .selected a { color: #f70; border-color: #f36; } 
    202122#menubar .selected a:hover { color: #f33; border-bottom: 1px solid #f33;} 
    … …  
    206126#menubar dl { 
    207127background:transparent url(images/menuBoxTop_new.png) no-repeat scroll left top;  
    208 width: 207px; border:0; margin: 0; padding: 0; display: block; } 
     128width: 207px; border:0; margin: 0; padding: 0; display: block; min-height:35px; } 
    209129#menubar dl.first { 
    210130background:transparent url(images/menubar-top.png) no-repeat scroll left 1px; } 
    211131#menubar dt { margin: 0; display: block; background: none; left:10px; font-weight:bold; 
    212132position:relative; padding: 5px; top:-10px; font-size: 13px; color: #666; } 
    213 #menubar dt  span { background-color: #111; } 
     133#menubar dt  span { background-color: #111; cursor:pointer; } 
    214134#menubar a { border-bottom:0; text-decoration:none; font-size: 12px; 
    215135color: #F70; border-bottom: 1px dotted #777;} 
    216136#menubar li { margin: 0 0 0 6px; } 
    217 /*#menubar li:hover { color: #F36; }*/ 
    218137#menubar li.external { list-style-image:url(images/external_inactive.png); padding:10px 0px 0pt 10px; } 
    219138#menubar li.external:hover { list-style-image:url(images/external_active.png); } 
    220139#menubar ul { color: #333; margin:9px 0pt 3px 9px;  
    221140  list-style-type: square; list-style-position: inside; padding: 0 0 0 2px; } 
    222 /*#menubar ul:hover { color: #850; }*/ 

  • trunk/plugins/LocalFilesEditor/admin.tpl

    r2291 r2415  
    1313<div class="titrePage"> 
    1414  <h2>LocalFiles Editor</h2> 
    15   {$TABSHEET} 
    1615</div> 
    1716 

  • trunk/plugins/admin_advices/default-layout.css

    r2390 r2415  
    88  padding-left: 2em; 
    99} 
    10 .content h3 { 
     10/*.content h3 { 
    1111  text-align: left;  
    1212  padding-left: 3em; 
    1313  font-size: 120%; 
    14 } 
     14}*/ 
    1515.content table tr td { 
    1616  text-align: left;