Changeset 2415 for trunk


Ignore:
Timestamp:
Jul 2, 2008, 8:40:13 AM (16 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 edited

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;
Note: See TracChangeset for help on using the changeset viewer.