Changeset 2334:7691ec3ba8ca for admin/style/jsToolBar/jsToolBar.css

Timestamp:

10/10/13 23:28:35 (12 years ago)

Author:

Anne Kozlika <kozlika@…>

Branch:

default

Message:

CSS : Décoller les boutons d'index lorsqu'ils passent sur deux lignes. Décoller les boutons de la toolbar lorsqu'elle passe sur deux lignes + léger revampage des boutons.

File:

• admin/style/jsToolBar/jsToolBar.css (modified) (4 diffs)

admin/style/jsToolBar/jsToolBar.css

@@ -28 +28 @@
 }
 .jstElements {
-     padding: 0 1rem; 
+     -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+     box-sizing: border-box;  
+     padding: 0 32px 0 1rem; 
      border: 1px solid #dfdfdf;
      overflow: hidden; 
      background: #f5f5f5; 
-     -moz-border-radius: 4px 4px 0 0; 
-     -webkit-border-radius: 4px 4px 0 0; 
      border-radius: 4px 4px 0 0; 
      position: relative;
+     line-height: 30px;
 }
 .jstElements select, .jstElements button {
@@ -46 +48 @@
 }
 .jstElements button {
-     width : 30px;
+     width: 30px;
      height: 28px;
      border-style: solid;
-     border-width:  0 1px 0 0;
-     border-color: #e7e7e7;
+     border-width: 1px;
+     margin-left: 2px;
+     margin-bottom: 2px;
+     border-color: #e5e5e5 #ccc #ccc #e5e5e5;
      background-color : #f7f7f7;
      background-position : 50% 50%;
@@ -60 +64 @@
 }
 .jstElements button span {
-     display : none;     
+     display: none; 
 }
 .jstElements span {
      display : inline-block;
      vertical-align: top;
-     background: #e5e5e5;
 }
 span.jstSpacer {
-     width : 6px;
-     height: 28px;
-     margin-right: 0;
+     width : 8px;
 }
 .jstSwitcher {
@@ -149 +150 @@
      background-image: url(bt_clean.png);
      position: absolute;
-     right: 0;
+     right: 2px;
+     top: 1px;
+     border-color: #ccc;
 }