Changes in admin/style/default.css [2142:9543091deb98:2152:e0cb51d6543f]

File:

• admin/style/default.css (modified) (10 diffs)

admin/style/default.css

@@ -149 +149 @@
           }
 /* ------------------------------------------------- layout: optionnal one/two-boxes */
-.one-box, .two-boxes, .three-boxes, .box {
-     margin-bottom: 1em;
-     }
 .one-box {
      text-align: justify;
      }
+.two-boxes, .three-boxes, .box {
+     display: inline-block;
+     vertical-align: top;
+     margin: 0 1.5% 1em;
+     -moz-box-sizing: border-box; 
+     -webkit-box-sizing: border-box; 
+     box-sizing: border-box;  
+     }
 .two-boxes {
      width: 47%;
-     display: inline-block;
-     vertical-align: top;
-     margin-right: 2%;
-     -moz-box-sizing: border-box; 
-     -webkit-box-sizing: border-box; 
-     box-sizing: border-box;
-     }
-     .two-boxes:first-child, .two-boxes.odd, .two-boxes.odd:last-child {
-          margin-right: 3%;
-          margin-left: 0;
-          }
-     .two-boxes.even:last-child, .two-boxes.even {
-          margin-left: 3%;
-          margin-right: 0;
-          }
+     }
 .three-boxes {
      width: 30%;
-     display: inline-block;
-     vertical-align: top;
-     margin-left: 1.5%;
-     margin-right: 1.5%; 
-     -moz-box-sizing: border-box; 
-     -webkit-box-sizing: border-box; 
-     box-sizing: border-box;
-     }
-     .three-boxes:first-child, .three-boxes.first-child {
-          margin-left: 0;
-          }
-     .three-boxes:last-child, .three-boxes.last-child {
-          margin-right: 0;
-          }
-/* boîtes intérieures distribuées horizontalement */
+     }
 .box {
-     display: inline-block;
-     vertical-align: top;
-     margin-right: 3%; 
-     text-align: left;
-     }
-.box:last-child {
+     margin-left: 0;
+     margin-right: 0;
+     }
+.odd {
+     margin-left: 0;
+     }
+.even {
      margin-right: 0;
      }
@@ -448 +426 @@
 h1 a:link, h1 a:visited {
      border:   none;
+     }
+.discrete a {
+     color: #333;
      }
 /* ----------------------------------------------------------------------------
@@ -1474 +1455 @@
           }
           .box.small {
-               width: 300px;
+               width: 320px;
                }
           .box.medium {
-               width: 640px;
+               width: 660px;
                }
           .box.large {
@@ -2394 +2375 @@
      display: block;
      }
+/* ---------------------------------------------- Couleurs ajoutées via javascript   
+/* color-picker.js */
+.color-color-picker {
+     border: 1px solid #000;
+     width: 195px;
+     background: #fff;
+     }
+/* _blog_theme.js */
+.select-button {
+     font-weight: bold;
+     }
+/* _media_item.js */
+.color-div {
+     border: 1px solid #ccc;
+     }
+/* fadings ('color' est utilisé comme variable, pas comme text color) */
+.colorBeginPassword, .colorBeginValidatorErr, .colorBeginUserMail {
+     color: #fff;
+     }
+.colorEndPassword, .colorEndError, .colorEndValidatorErr, .colorEndUserMail {
+     color: #ffbaba;
+     }
+.colorBeginMessage {
+     color: #ccc;
+     }
+.colorEndMessage, .colorBeginValidatorMsg {
+     color: #676e78;
+     }
+.colorBeginError {
+     color: #ffdec8;
+     }
+.colorBeginSuccess {
+     color: #9BCA1C;
+     }
+.colorEndSuccess {
+     color: #bee74b;
+     }
+ .colorEndValidatorMsg {
+     color: #ffcc00;
+     }
 /* ------------------------------------------------------------------------------------
                                                                            UN POIL DE MEDIA QUERIES
@@ -2433 +2454 @@
      #top-info-user a.active {
           padding: 2px 8px;
+          background: #999;
+          color: #FFF;
+          border-width: 0;
+          -webkit-border-radius: 6px;
+                  border-radius: 6px;
           } 
      .three-boxes, .three-boxes .box,
-     .three-boxes:first-child, .three-boxes.first-child,
-     .three-boxes:last-child, .three-boxes.last-child,
      .two-cols .col70, .two-cols .col30 {
           width: 100%;
@@ -2457 +2481 @@
           top: 77px;
           }
-     .one-box, .two-boxes,
-     .one-box .box, .two-boxes .box, .two-boxes.odd, .two-boxes.even,
-     .two-boxes:first-child, .two-boxes.odd, .two-boxes.odd:last-child,
-     .two-boxes.even:last-child, .two-boxes.even,
+     .one-box, .two-boxes, .two-boxes.odd, .two-boxes.even, .box,
      .two-cols .col {
           width: 100%;
@@ -2493 +2514 @@
           display: inline;
           }
-     #content {
+     #content, .hide-mm #content {
           margin: 0;
           padding: 0 .5em !important;
@@ -2502 +2523 @@
      #main #content > h2 {
           margin: 0;
-          padding: 6px 0;
+          padding: 6px 30px 6px 0;
           }
      #dashboard-boxes .box.medium,
      #dashboard-boxes .box.small,
      #dashboard-boxes .box.large {
-          width: 90%;
+          width: 100%;
           margin: 10px auto;
           }
      }
-@media screen and (max-width: 500px) {
+@media screen and (max-width: 420px) {
      h1, h1 a {
           padding: 0;
@@ -2519 +2540 @@
           display: none;
           }
+     #top-info-blog {
+          margin-bottom: .5em;
+          max-width: 75%;
+          }
      #top-info-blog select {
           margin-bottom: .5em;
-          margin-right: 0 !important;
-          }
-     #top-info-blog p {
-          display: block;
           }
      #icons p {
@@ -2533 +2554 @@
           }
      }
-/* ---------------------------------------------- Couleurs ajoutées via javascript   
-/* color-picker.js */
-.color-color-picker {
-     border: 1px solid #000;
-     width: 195px;
-     background: #fff;
-     }
-/* _blog_theme.js */
-.select-button {
-     font-weight: bold;
-     }
-/* _media_item.js */
-.color-div {
-     border: 1px solid #ccc;
-     }
-/* fadings ('color' est utilisé comme variable, pas comme text color) */
-.colorBeginPassword, .colorBeginValidatorErr, .colorBeginUserMail {
-     color: #fff;
-     }
-.colorEndPassword, .colorEndError, .colorEndValidatorErr, .colorEndUserMail {
-     color: #ffbaba;
-     }
-.colorBeginMessage {
-     color: #ccc;
-     }
-.colorEndMessage, .colorBeginValidatorMsg {
-     color: #676e78;
-     }
-.colorBeginError {
-     color: #ffdec8;
-     }
-.colorBeginSuccess {
-     color: #9BCA1C;
-     }
-.colorEndSuccess {
-     color: #bee74b;
-     }
- .colorEndValidatorMsg {
-     color: #ffcc00;
-     }