Changeset 2426


Ignore:
Timestamp:
Jul 6, 2008, 10:55:57 PM (16 years ago)
Author:
vdigital
Message:

Transparent .png for IE6 / Help icon fixed / Tabsheet fixed / and CSS review (still on going)

Location:
trunk
Files:
24 edited

Legend:

Unmodified
Added
Removed

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

    r2416 r2426  
    11{* $Id$ *}
    2 <div id="menubar">
    3   <dl class="first">
     2<div id="menubar" class="png">
     3  <dl class="first png">
    44    <dt class="rdion"><span>{'Links'|@translate}&nbsp;</span></dt>
    5     <dd>
     5    <dd class="png">
    66      <ul>
    77        <li><a href="{$U_RETURN}">{'home'|@translate}</a></li>
    … …  
    1818    </dd>
    1919  </dl>
    20   <dl>
     20  <dl class="png">
    2121    <dt class="rdion"><span>{'config'|@translate}&nbsp;</span></dt>
    22     <dd>
     22    <dd class="png">
    2323      <ul>
    2424        <li><a href="{$U_CONFIG_GENERAL}">{'conf_general'|@translate}</a></li>
    … …  
    2727    </dd>
    2828  </dl>
    29   <dl>
     29  <dl class="png">
    3030    <dt class="rdion"><span>{'Categories'|@translate}&nbsp;</span></dt>
    31     <dd>
     31    <dd class="png">
    3232      <ul>
    3333        <li><a href="{$U_SITE_MANAGER}">{'Site manager'|@translate}</a></li>
    … …  
    4040    </dd>
    4141  </dl>
    42   <dl>
     42  <dl class="png">
    4343    <dt class="rdion"><span>{'Pictures'|@translate}&nbsp;</span></dt>
    44     <dd>
     44    <dd class="png">
    4545      <ul>
    4646        <li><a href="{$U_WAITING}">{'waiting'|@translate}</a></li>
    … …  
    5252    </dd>
    5353  </dl>
    54   <dl>
     54  <dl class="png">
    5555    <dt class="rdion"><span>{'identification'|@translate}&nbsp;</span></dt>
    56     <dd>
     56    <dd class="png">
    5757      <ul>
    5858        <li><a href="{$U_USERS}">{'users'|@translate}</a></li>
    … …  
    6262    </dd>
    6363  </dl>
    64   <dl>
     64  <dl class="png">
    6565    <dt class="rdion"><span>{'special_admin_menu'|@translate}&nbsp;</span></dt>
    66     <dd>
     66    <dd class="png">
    6767      <ul>
    6868        <li><a href="{$U_HISTORY_STAT}">{'History'|@translate}</a></li>
    … …  
    8585</div> <!-- menubar -->
    8686
    87 <div id="content" class="content">
     87<div id="content" class="content png">
    8888  {if isset($errors)}
    8989  <div class="errors">
    … …  
    108108  {$TABSHEET}
    109109  {/if}
     110  {if isset($U_HELP)}
     111  <ul class="HelpActions">
     112    <li><a href="{$U_HELP}" onclick="popuphelp(this.href); return false;" title="{'Help'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/help.png" class="button" alt="(?)"></a></li>
     113  </ul>
     114  {/if}
    110115  {$ADMIN_CONTENT}
    111116</div>

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

    r2390 r2426  
    11{* $Id$ *}
    22<div class="titrePage">
    3   <ul class="categoryActions">
    4     <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>
    5   </ul>
    63  <h2>{'Advanced_features'|@translate}</h2>
    74</div>

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

    r2390 r2426  
    11{* $Id$ *}
    22<div class="titrePage">
    3   <ul class="categoryActions">
    4     <li><a href="{$U_HELP}" onclick="popuphelp(this.href); return false;" title="{'Help'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/help.png" class="button" alt="(?)"></a></li>
    5   </ul>
    63  <h2>{'title_edit_cat'|@translate}</h2>
    74</div>

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

    r2390 r2426  
    22
    33<div class="titrePage">
    4   <ul class="categoryActions">
    5     <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>
    6   </ul>
    74  <h2>{'Move categories'|@translate}</h2>
    85</div>

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

    r2415 r2426  
    11{* $Id$ *}
    22<div class="titrePage">
    3   <ul class="categoryActions">
    4     <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>
    5   </ul>
    63  <h2>{'cat_options_title'|@translate} {$TABSHEET_TITLE}</h2>
    74</div>

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

    r2390 r2426  
    11{* $Id$ *}
    22<div class="titrePage">
    3   <ul class="categoryActions">
    4     <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>
    5   </ul>
    63  <h2>{'Manage permissions for a category'|@translate}</h2>
    74</div>

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

    r2415 r2426  
    11{* $Id$ *}
    22<div class="titrePage">
    3   <ul class="categoryActions">
    4     <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>
    5   </ul>
    63  <h2>{'title_configuration'|@translate} {$TABSHEET_TITLE}</h2>
    74</div>

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

    r2390 r2426  
    11{* $Id$ *}
    22<div class="titrePage">
    3   <ul class="categoryActions">
    4     <li><a href="{$U_HELP}" onclick="popuphelp(this.href); return false;" title="{'Help'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/help.png" class="button" alt="(?)"></a></li>
    5   </ul>
    63  <h2>{'title_groups'|@translate}</h2>
    74</div>

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

    r2415 r2426  
    11{* $Id$ *}
    22<div class="titrePage">
    3   <ul class="categoryActions">
    4     <li>
    5       <a
    6         href="{$U_HELP}"
    7         onclick="popuphelp(this.href); return false;"
    8         title="{'Help'|@translate}"
    9       >
    10         <img src="{$themeconf.icon_dir}/help.png" class="button" alt="(?)">
    11       </a>
    12     </li>
    13   </ul>
    143  <h2>{'History'|@translate} {$TABSHEET_TITLE}</h2>
    154</div>

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

    r2390 r2426  
    11{* $Id$ *}
    22<div class="titrePage">
    3   <ul class="categoryActions">
    4     <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>
    5   </ul>
    63  <h2>{'Maintenance'|@translate}</h2>
    74</div>

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

    r2415 r2426  
    22
    33<div class="titrePage">
    4   <ul class="categoryActions">
    5     <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>
    6   </ul>
    74  <h2>{'nbm_send_mail_to_users'|@translate} {$TABSHEET_TITLE}</h2>
    85</div>

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

    r2390 r2426  
    11{* $Id$ *}
    22<div class="titrePage">
    3   <ul class="categoryActions">
    4     <li><a href="{$U_HELP}" onclick="popuphelp(this.href); return false;" title="{'Help'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/help.png" class="button" alt="(?)"></a></li>
    5   </ul>
    63  <h2>{'Permalinks'|@translate}</h2>
    74</div>

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

    r2390 r2426  
    11{* $Id$ *}
    22<div class="titrePage">
    3   <ul class="categoryActions">
    4     <li><a href="{$U_HELP}" onclick="popuphelp(this.href); return false;" title="{'Help'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/help.png" class="button" alt="(?)"></a></li>
    5   </ul>
    63  <h2>{'Site manager'|@translate}</h2>
    74</div>

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

    r2390 r2426  
    22
    33<div class="titrePage">
    4   <ul class="categoryActions">
    5     <li><a href="{$U_HELP}" onclick="popuphelp(this.href); return false;" title="{'Help'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/help.png" class="button" alt="(?)"></a></li>
    6   </ul>
    74  <h2>{'title_update'|@translate}: <a href="{$SITE_URL}">{$SITE_URL}</a></h2>
    85</div>

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

    r2415 r2426  
    22
    33<div class="titrePage">
    4   <ul class="categoryActions">
    5     <li>
    6       <a
    7         href="{$U_HELP}"
    8         onclick="popuphelp(this.href); return false;"
    9         title="{'Help'|@translate}"
    10       >
    11         <img src="{$themeconf.icon_dir}/help.png" class="button" alt="(?)">
    12       </a>
    13     </li>
    14   </ul>
    154  <h2>{'History'|@translate} {$TABSHEET_TITLE}</h2>
    165</div>

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

    r2400 r2426  
    33<ul class="tabsheet">
    44{foreach from=$tabsheet key=name item=sheet}
    5   <li class="{if ($name == $tabsheet_selected)}selected_tab{else}normal_tab{/if}"><a href="{$sheet.url}"><span>{$sheet.caption}</span></a></li>
     5  <li class="{if ($name == $tabsheet_selected)}selected_tab{else}normal_tab{/if} png">
     6    <a href="{$sheet.url}"><span class="png">{$sheet.caption}</span></a>
     7  </li>
    68{/foreach}
    79</ul>

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

    r2390 r2426  
    11{* $Id$ *}
    22<div class="titrePage">
    3   <ul class="categoryActions">
    4     <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>
    5   </ul>
    63  <h2>{'title_thumbnails'|@translate}</h2>
    74</div>

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

    r2390 r2426  
    11{* $Id$ *}
    22<div class="titrePage">
    3   <ul class="categoryActions">
    4     <li><a href="{$U_HELP}" onclick="popuphelp(this.href); return false;" title="{'Help'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/help.png" class="button" alt="(?)"></a></li>
    5   </ul>
    63  <h2>{'title_liste_users'|@translate}</h2>
    74</div>

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

    r2390 r2426  
    22
    33<div class="titrePage">
    4   <ul class="categoryActions">
    5     <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>
    6   </ul>
    74  <h2>{'title_wscheck'|@translate} - {'web_services'|@translate}</h2>
    85</div>

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

    r2415 r2426  
    77.content dt { margin-bottom: 5px; font-style: italic;
    88  font-size: 110%; }
    9 ul.categoryActions { margin: 0 2px; width: auto;
     9.content ul.categoryActions a img, ul.categoryActions a {
     10border:0; margin-bottom:-5px; } 
     11ul.categoryActions { margin: 0 2px; width: auto; list-style-position:outside;
    1012  padding: 0; text-indent: 0; list-style: none; text-align: center; }
    1113.content div.titrePage ul.categoryActions { float: right; }
    1214.content div.titrePage { padding: 0 0 3px; }
    1315.content ul.categoryActions li { display: inline; }
    14 .content ul.categoryActions a img, ul.categoryActions a {
    15   border: none; margin-bottom: -5px; }
    1616.content div.comment { margin: 0 0 0.5em 0; padding: 0;
    1717  overflow: hidden; width: 100%;        /* don't ask why. It's a very usefull trick  */ }

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

    r2418 r2426  
    77
    88*}
    9 <div id="copyright">
     9<div id="copyright" class="png">
    1010 <a name="EoP"></a> <!-- End of ADMIN Page -->
    1111 {if isset($debug.TIME) }

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

    r2415 r2426  
    1818<link rel="stylesheet" type="text/css" href="{$ROOT_URL}admin/template/{$themeconf.template}/layout.css">
    1919<!--[if lt IE 7]>
    20         <link rel="stylesheet" type="text/css" href="{$ROOT_URL}admin/template/{$themeconf.template}/fix-ie5-ie6.css">
     20  <link rel="stylesheet" type="text/css" href="{$ROOT_URL}admin/template/{$themeconf.template}/fix-ie5-ie6.css">
    2121<![endif]-->
    2222<link rel="stylesheet" type="text/css" media="print" href="{$ROOT_URL}template/{$themeconf.template}/print.css">
    … …  
    2727<!--[if lt IE 7]>
    2828<style>
    29         {* only because we need {$ROOT_URL} otherwise use fix-ie5-ie6.css *}
    30         BODY {ldelim} behavior:url("{$ROOT_URL}template-common/csshover.htc"); }
    31         A IMG, .button, .icon {ldelim}
    32                 behavior:url("{$ROOT_URL}template-common/tooltipfix.htc");
    33         }
    34         FORM {ldelim} behavior: url("{$ROOT_URL}template-common/inputfix.htc"); }
     29  {* only because we need {$ROOT_URL} otherwise use fix-ie5-ie6.css *}
     30  BODY {ldelim} behavior:url("{$ROOT_URL}template-common/csshover.htc"); }
     31  A IMG, .button, .icon {ldelim}
     32    behavior:url("{$ROOT_URL}template-common/tooltipfix.htc");
     33  }
     34  FORM {ldelim} behavior: url("{$ROOT_URL}template-common/inputfix.htc"); }
    3535</style>
    3636<script type="text/javascript" src="{$ROOT_URL}template-common/pngfix.js"></script>
    … …  
    3838
    3939{if not empty($head_elements)}
    40         {foreach from=$head_elements item=elt}{$elt}{/foreach}
     40  {foreach from=$head_elements item=elt}{$elt}{/foreach}
    4141{/if}
    4242
    4343</head>
    4444
    45 <body id="{$BODY_ID}">
    46 <div id="headbranch"></div> {* Dummy block for double background management *}
     45<body id="{$BODY_ID}" class="png">
     46<div id="headbranch" class="png"></div> {* Dummy block for double background management *}
    4747<div id="the_page">
    4848
    4949{if not empty($header_msgs)}
    5050<div class="header_msgs">
    51         {foreach from=$header_msgs item=elt}
    52         <p>{$elt}</p>
    53         {/foreach}
     51  {foreach from=$header_msgs item=elt}
     52  {$elt}
     53  {/foreach}
    5454</div>
    5555{/if}
    5656
    57 <div id="theHeader">{*$PAGE_BANNER*}</div>
     57<div id="theHeader" class="png">{*$PAGE_BANNER*}</div>
    5858{if not empty($header_notes)}
    5959<div class="header_notes">
    60         {foreach from=$header_notes item=elt}
    61         <p>{$elt}</p>
    62         {/foreach}
     60  {foreach from=$header_notes item=elt}
     61  {$elt}
     62  {/foreach}
    6363</div>
    6464{/if}

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

    r2420 r2426  
    2020#copyright { color:#777; margin:60px auto 0px 240px; text-align:center;
    2121padding-bottom: 15px;
    22 background:transparent url(images/tuft_of_grass-bg.png) no-repeat scroll left bottom; }
     22/* background:transparent url(images/tuft_of_grass-bg.png) no-repeat scroll left bottom;  */}
    2323.header_notes {
    2424background: transparent url(../../../../../template/yoga/icon/note.png) no-repeat right top;
    25 border:0; font-weight:bold;
    26 padding:5px 60px 0 0; position:absolute; right:0;
    27 text-align:right; top:90px; width:550px; }
     25border:0; font-weight:bold; min-height: 48px;
     26padding:15px 60px 0 0; position:absolute; right:0;
     27text-align:right; top:90px; width:550px;  }
    2828
    2929/* backgrounds */
    … …  
    3636border:0; display:block; margin: 0; padding-bottom: 0; z-index: 1; top:0px;
    3737padding-top: 0; min-height: 100%; width:100%; position:absolute; left:0px; }
    38 #tuft { /* to be removed */
    39 border:0; display:block; margin: 0; padding: 0; z-index: 99; bottom:0px;
    40 min-height: 31px; width:87px; position:absolute; right:0px;
    41 background:transparent url(images/tuft_of_grass-bg.png) no-repeat fixed right bottom; }
    4238#headbranch {
    4339background:transparent url(images/top-left-bg.png) no-repeat scroll left top;
    … …  
    5046h3, #imageToolBar a:hover, .row1, .content { background-color: #222; }
    5147.row2 { background-color:#111; }
    52 #content { background: #222 url(images/fillet.png) repeat-x top left; }
    53 .content { min-height: 466px; padding:0px 5px 5px 5px; margin: 0 10px 0 248px; z-index:99; }
     48#content { background: #222 url(images/fillet.png) repeat-x top left; min-height: 466px; }
     49.content { padding:0px 5px 5px 5px; margin: 0 10px 0 248px; z-index:99; }
    5450.content h3 { font-size:20px; letter-spacing:-0.4px; margin:0 20px 12px 0;
    5551 text-align:right; background:none; border: 0; }
    … …  
    9086right:0; text-align:right; top:0; width:770px; }
    9187
    92 
     88.HelpActions a { border:0; margin:4px 14px 0 0; position:absolute; right:0; }
     89.HelpActions li {list-style-image:none; list-style-position:outside;
     90list-style-type:none; text-align:center; text-indent:0pt; }
    9391fieldset#uploadConf input { margin-left:5%; width:160px; }
    9492table.table2 th { padding:3px 30px; }
    … …  
    9694table.table2 { margin:0pt auto; }
    9795.sort { display:block; padding:8px 5px 0px 1px; }
    98 
    9996/* tabsheets are often used in admin  pages => No specific css files */
    10097.tabsheet {
    … …  
    103100font-size:8px; line-height:14px; list-style-image:none;
    104101margin: 0; padding: 0; position:relative; text-decoration:none;
    105 top:-2px; white-space:nowrap; width:710px; }
     102top:-2px; white-space:nowrap; margin: 0 22px 0 0;}
    106103.tabsheet li {
    107104float:left; margin: 0; padding: 0; text-align:right; overflow: hidden;
    … …  
    126123padding:0; width:207px; z-index:99; text-align: left; /*  "be nice to IE5" rule */ }
    127124#menubar .selected a { color: #f70; border-color: #f36; }
    128 #menubar .selected a:hover { color: #f33; border-bottom: 1px solid #f33;}
     125#menubar .selected a:hover { color: #f36; border-bottom: 1px solid #f36;}
    129126#menubar dd {
    130127background: transparent url(images/menubar-detail.png) repeat-y top left;

  • trunk/template-common/pngfix.js

    r1900 r2426  
    1111      {
    1212      var img = document.images[i]
    13       if (img.className == "button" || img.className == "icon")
     13      if (img.className == "button" || img.className == "icon"  || img.className == "png")
    1414          {
    1515          var imgName = img.src.toUpperCase()
Note: See TracChangeset for help on using the changeset viewer.