Changeset 2334:7691ec3ba8ca

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.

Location:

admin/style

Files:

• default.css (modified) (4 diffs)
• jsToolBar/jsToolBar.css (modified) (4 diffs)

admin/style/default.css

@@ -2045 +2045 @@
      margin-left: 0;
      }
+#entry-sidebar {
+     width: 16em;
+     float: right;
+     }
 #entry-content label {
      text-transform: uppercase;
@@ -2053 +2057 @@
 #entry-content label:first-child {
      margin-top: 0;
-     }
-#entry-sidebar {
-     width: 16em;
-     float: right;
      }
 #entry-sidebar h4 {
@@ -2340 +2340 @@
      font-variant: small-caps;
      }
+.index li {margin-bottom: 3px;}
 .index a {
      font-weight: bold;
@@ -2591 +2592 @@
      margin-right: 0;
      }
+#entry-wrapper {
+     float: none;
+     width: 100%;
+     margin-right: 0;
+     }
+#entry-content {
+     margin-right: 0;
+     margin-left: 0;
+     }
+#entry-sidebar {
+     width: 100%;
+     float: none;
+     }
 }
 @media screen and (max-width: 600px) {

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;
 }