Changeset 6027 for trunk/admin/themes

Timestamp:

May 1, 2010, 3:35:05 PM (15 years ago)

Author:

nikrou

Message:

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

Location:

trunk/admin/themes

Files:

• clear/theme.css (modified) (1 diff)
• default/template/admin.tpl (modified) (1 diff)
• roma/theme.css (modified) (1 diff)

trunk/admin/themes/clear/theme.css

@@ -117 +117 @@
 #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;

trunk/admin/themes/default/template/admin.tpl

@@ -92 +92 @@
 </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">

trunk/admin/themes/roma/theme.css

@@ -125 +125 @@
 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;