Bug 1636 fixed : add radius for chrome. Simplify css tabsheet.

git-svn-id: http://piwigo.org/svn/trunk@6027 68402e56-0260-453c-a942-63ccdbb3a9ee

3 files changed, 27 insertions, 17 deletions

diff --git a/admin/themes/clear/theme.css b/admin/themes/clear/theme.css
index 6e3b50715..8cc124a92 100644
--- a/admin/themes/clear/theme.css
+++ b/admin/themes/clear/theme.css
@@ -116,13 +116,16 @@ border:0; color:#ccc; font-size:24px; height:30px; left:0; margin:0; padding:10p
 text-align:center; top:0; width:100%; z-index:99; }
 #content.content div.comment a.illustration{ margin-right: 30px;}
 /* tabsheets are often used in admin  pages => No specific css files */
-.tabsheet {
-background-color:#f9f9f9; border:1px solid #f9f9f9; border-bottom:1px solid #aaa; display:table;
-font-family:verdana,arial,helvetica,sans-serif; font-size:8px;
-list-style-type:none; list-style-image:none; padding: 0; position:relative; text-decoration:none;
-top:-2px; white-space:nowrap; margin: 0 0 0 -6px; padding-left:10px;
-width:100%; }
-.tabsheet li { background:#f1f1f1; float:left; margin:0 6px 0 0; overflow:hidden; text-align:right; border:1px solid #aaa; border-bottom:none; position:relative; top:11px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
+.tabsheet { 
+  display: table;
+  margin: 0;
+  padding: 0 0 0 35px;
+  list-style-type:none; 
+  list-style-image:none;
+  white-space: nowrap;
+}
+
+.tabsheet li { background:#f1f1f1; float:left; margin:0 6px 0 0; overflow:hidden; text-align:right; border:1px solid #aaa; border-bottom:none; position:relative; top:11px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}
 .tabsheet a {
 display:block; font-size:11px; border:0;
 font-weight:bold; overflow:hidden; padding:6px;
diff --git a/admin/themes/default/template/admin.tpl b/admin/themes/default/template/admin.tpl
index 0a3c5be70..f66411fe3 100644
--- a/admin/themes/default/template/admin.tpl
+++ b/admin/themes/default/template/admin.tpl
@@ -91,11 +91,11 @@ jQuery().ready(function(){ldelim}
   </dl>
 </div> <!-- menubar -->
 
-<div id="content" class="content">
+{if isset($TABSHEET)}
+{$TABSHEET}
+{/if}
 
-  {if isset($TABSHEET)}
-  {$TABSHEET}
-  {/if}
+<div id="content" class="content{if isset($TABSHEET)} with-tabs{/if}">
   {if isset($U_HELP)}
   <ul class="HelpActions">
     <li><a href="{$U_HELP}" onclick="popuphelp(this.href); return false;" title="{'Help'|@translate}"><img src="{$ROOT_URL}{$themeconf.admin_icon_dir}/help.png" class="button" alt="(?)"></a></li>
diff --git a/admin/themes/roma/theme.css b/admin/themes/roma/theme.css
index 000443bc1..e53bf3538 100644
--- a/admin/themes/roma/theme.css
+++ b/admin/themes/roma/theme.css
@@ -124,14 +124,21 @@ ul.actions, .content form#waiting  {text-align:center;}
 border:0; color:#333; font-size:24px; height:30px; left:0; margin:0; padding:10px 0 0; position:absolute;
 text-align:center; top:0; width:100%; z-index:99; }
 #content.content div.comment a.illustration{ margin-right: 30px;}
+/* content with tabs */
+.with-tabs { 
+  border-top: 1px solid #ff3363;
+}
 /* tabsheets are often used in admin  pages => No specific css files */
 .tabsheet {
-background-color:#111111; border:0px none; border-bottom:1px solid #ff3363; display:table;
-font-family:verdana,arial,helvetica,sans-serif; font-size:8px;
-list-style-type:none; list-style-image:none; padding: 0; position:relative; text-decoration:none;
-top:-2px; white-space:nowrap; margin: 0 0 0 -5px; padding-left:10px;
-width:100%; }
-.tabsheet li { background:#222222; float:left; margin:0 6px 0 0; overflow:hidden; text-align:right; border:1px solid #ff3363; border-bottom:none; position:relative; top:11px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
+  display: table;
+  margin: 0 0 -15px 0;
+  padding: 0 0 0 20px;
+  list-style-type:none; 
+  list-style-image:none;
+  white-space: nowrap;
+}
+.tabsheet li { 
+background:#222222; float:left; margin:0 6px 0 0; overflow:hidden; text-align:right; border:1px solid #ff3363; border-bottom:none; position:relative; top:11px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}
 .tabsheet a {
 outline:none; color:#666; display:block; font-size:11px; border:0;
 font-weight:bold; overflow:hidden; padding:6px;