Changeset 1749:5b81895af165 for admin/style

Timestamp:

09/08/13 12:05:23 (12 years ago)

Author:

Anne Kozlika <kozlika@…>

Branch:

default

Children:

1756:820ded7ce747, 1823:6dea7b458fb9

Message:

Layouts: detour du three-cols, améliorations des one- two- three- boxes.
Compléments sur _charte.html.

Location:

admin/style

Files:

• default.css (modified) (7 diffs)
• jsToolBar/jsToolBar.css (modified) (1 diff)

admin/style/default.css

@@ -84 +84 @@
           margin-right: 0;
           }
+/* -------------------------------------------------------------- layout: three-cols */
+.three-cols {
+     position: static;
+     }
+     .three-cols .col { 
+          width: 32.3%; 
+          float: left; 
+          margin-left: 1%; 
+          } 
+     .three-cols .col:first-child { 
+          width: 33.3%; 
+          margin-left: 0; 
+          }
 /* ------------------------------------------------- layout: optionnal one/two-boxes */
+.one-box, .two-boxes, .three-boxes, .box {
+     margin-bottom: 1em;
+     }
 .one-box {
-     text-align: center;
-     width: 100%;
-     }
-     .one-box .box {
-          display: inline-block;
-          vertical-align: top;
-          padding-right: 3%; 
-          text-align: left;
-          }
+     text-align: justify;
+     }
 .two-boxes {
      width: 47%;
@@ -119 +128 @@
           margin-right: 0;
           }
-/* boîtes intérieures */
+/* boîtes intérieures distribuées horizontalement */
 .box {
-     margin-bottom: 2em;
+     display: inline-block;
+     vertical-align: top;
+     margin-right: 3%; 
+     text-align: left;
+     }
+.box:last-child {
+     margin-right: 0;
      }
 /* ---------------------------------------------------------------- layout: popups */
@@ -624 +639 @@
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6)
      }
+div.warn, div.warning, div.info {
+     padding: 1em 1em .33em 1em;
+     }
      .warn, .warning {
           background: #FEFACD url(msg-warning.png) no-repeat .3em .3em;
@@ -1620 +1638 @@
      border: 1px solid #A8DC26;
      padding: 1em 2em
-     }
-     #my-favs ul {
-          list-style-type: none;
-          margin-left: 0;
-          padding-left: 0;
-          line-height: 1.2;
-          }
-          #my-favs li {
-               display: block;
-               float: left;
-               width: 164px;
-               margin-top: 1em;
-               margin-bottom: 1.5em;
-               }
-     #my-favs label {
-          height: 2.5em;
-          width:140px;
-          margin-top:.3em;
-          }
-          #my-favs label input {
-               display:inline;
-               }
-     #my-favs img {
-          display: block;
-          }
-     #my-favs input.position {
-          margin: 0 0 .4em .2em;
-          }
-     #available-favs input, #available-favs label, #available-favs label span {
-          white-space: normal;
-          display: inline;
-          }
-          #default-favs h3 {
-               margin-top: 2em;
-               margin-bottom: 1em;
-               }
-          .fav-list {
-               list-style-type: none;
-               margin-left: 0;
-               padding-left: 0;
-               }
-               .fav-list li {
-                    line-height: 2;
-                    margin-left: 0;
-                    padding-left: 0;
-                    position: relative;
-                    }
-               .fav-list img {
-                    vertical-align: middle;
-                    margin-right: .2em;
-               }
-     #available-favs label span.zoom {
-          display: none;
-          }
-     #available-favs li:hover label span.zoom {
-          display: block;
-          position: absolute;
-          bottom: 0;
-          left: 10em;
-          background-color: #f7f7f7;
-          border: 1px solid #ddd;
-          padding: .2em;
-          border-radius: .5em;
-          }
+}
+#my-favs ul {
+     list-style-type: none;
+     margin-left: 0;
+     padding-left: 0;
+     line-height: 1.2;
+}
+#my-favs li {
+     display: block;
+     float: left;
+     width: 164px;
+     margin-top: 1em;
+     margin-bottom: 1.5em;
+}
+#my-favs label {height: 2.5em;width:140px;margin-top:.3em;}
+#my-favs label input {display:inline;}
+#my-favs img {
+     display: block;
+}
+#my-favs input.position {
+     margin: 0 0 .4em .2em;
+}
+#available-favs input, #available-favs label, #available-favs label span {
+     white-space: normal;
+     display: inline;
+}
+#default-favs h3 {
+     margin-top: 2em;
+     margin-bottom: 1em;
+}
+.fav-list {
+     list-style-type: none;
+     margin-left: 0;
+     padding-left: 0;
+}
+.fav-list li {
+     line-height: 2;
+     margin-left: 0;
+     padding-left: 0;
+     position: relative;
+}
+.fav-list img {
+     vertical-align: middle;
+     margin-right: .2em;
+}
+#available-favs label span.zoom {
+     display: none;
+}
+#available-favs li:hover label span.zoom {
+     display: block;
+     position: absolute;
+     bottom: 0;
+     left: 10em;
+     background-color: #f7f7f7;
+     border: 1px solid #ddd;
+     padding: .2em;
+     border-radius: .5em;
+}
 #user-options label.ib {
      display: inline-block;
@@ -1858 +1870 @@
           color: #333;
           }
-.right {
+.right, .txt-right {
      text-align: right;
      }
 .txt-center {
      text-align: center;
+     }
+.txt-left {
+     text-align: left;
      }
 .no-margin, label.no-margin {
@@ -1974 +1989 @@
           #info-box1 select { width: 140px; width: 14rem; }
      #main-menu, #main, #content, #content h2, #entry-wrapper, #entry-sidebar, #entry-content, 
-     .two-cols .col, .two-cols .col:first-child, .boxes {
+     .col, .col30, .col70 {
           display:block !important;
-     width: 98%;
-     margin:0 auto;
+     width: 98% !important;
+     margin:0 auto !important;
      padding:0;
      float:none;
@@ -2001 +2016 @@
           overflow: hidden;
           }
+     .one-box, .two-boxes, .three-boxes {
+          width: 100%;
+          margin-left: 0;
+          margin-right: 0; 
+          }
      }
 @media screen and (max-width: 492px) {

admin/style/jsToolBar/jsToolBar.css

@@ -13 +13 @@
      width: 100%;
      padding: .5em 0 0 0;
+     min-height: 100px;
 }
 .jstHandle {