Changeset 2300:268401c6d78d for admin

Timestamp:

10/06/13 21:28:04 (12 years ago)

Author:

Anne Kozlika <kozlika@…>

Branch:

default

Message:

CSS. Réduction/simplification du nombre de couleurs utilisées.

Location:

admin/style

Files:

• date-picker.css (modified) (1 diff)
• default.css (modified) (41 diffs)
• install.css (modified) (3 diffs)

admin/style/date-picker.css

@@ -24 +24 @@
 }
 .date-picker-control, th.date-picker-control {
-     color: #06c;
+     color: #2373A8;
      cursor: pointer;
 }

admin/style/default.css

@@ -364 +364 @@
      border-width: 1px 0 1px 0;
      border-style: solid;
-     border-color: #ddd;
+     border-color: #dfdfdf;
      background: #eef1ec;
      padding: .4em 1em .4em .5em;
@@ -385 +385 @@
      height: 1px;
      border-width: 1px 0 0;
-     border-color: #ddd;
-     background: #ddd;
+     border-color: #dfdfdf;
+     background: #dfdfdf;
      border-style: solid;
      }
@@ -396 +396 @@
      }
 code {
-     background: #FAFAD1;
+     background: #fefacd;
      }
 pre {
@@ -465 +465 @@
      }
 input[type=text], input[type=password], textarea, select {
-     background: #fbfbfb;
+     background: #fcfcfc;
      color: #000;
      border-width: 1px;
      border-style: solid;
-     border-color: #ddd;
+     border-color: #dfdfdf;
      border-radius: 3px;
-     box-shadow: 1px 1px 2px #F1F1F1 inset;
+     box-shadow: 1px 1px 2px #f3f3f3 inset;
      padding: 3px; 
      vertical-align: top;
@@ -479 +479 @@
           -moz-box-sizing: border-box;
           box-sizing: border-box;
-          border-color: #bee74b;
+          border-color: #9bca1c;
           }
      textarea {
@@ -572 +572 @@
           }
           label.required abbr {
-               color: #dd0000;
+               color: #900;
                font-size: 1.3em;
                }
@@ -666 +666 @@
      color: #000;
     background-color: #EAEAEA;
-     background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#EAEAEA));
-     background-image: -moz-linear-gradient(top,  #FAFAFA,  #EAEAEA);
-     background-image:linear-gradient(#FAFAFA,#EAEAEA);
+     background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#EAEAEA));
+     background-image: -moz-linear-gradient(top,  #f9f9f9,  #EAEAEA);
+     background-image:linear-gradient(#f9f9f9,#EAEAEA);
     background-repeat: repeat-x;
-    border-color: #DDDDDD #DDDDDD #C5C5C5;
+    border-color: #dfdfdf #dfdfdf #C5C5C5;
     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
      }
@@ -713 +713 @@
      background-image:-moz-linear-gradient(center top, #bee74b 5%, #9BCA1C 100%);
      background-image:linear-gradient(center top, #bee74b 5%, #9BCA1C 100%);
-     border-color: #B2D742;
+     border-color: #bee74b;
      padding:.33em 1.33em .5em;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
@@ -769 +769 @@
      .warn, .warning {
           background: #FEFACD url(msg-warning.png) no-repeat .3em .3em;
-          border: 1px solid #F7E07E;
+          border: 1px solid #ffd478;
           }
      .info {
@@ -807 +807 @@
           }
           .success {
-               background: #bee74b url(msg-success.png) no-repeat .7em .7em;
-               background-color: #a2f157;
+               background: #9bca1c url(msg-success.png) no-repeat .7em .7em;
                }
           .warning-msg {
-               background: #F7E07E url(msg-warning.png) no-repeat .7em .7em;
-               border: 1px solid #F7E07E;
+               background: #ffd478 url(msg-warning.png) no-repeat .7em .7em;
+               border: 1px solid #ffd478;
                }
           .success a, .warning-msg a, .info a {
@@ -1048 +1047 @@
           background: #dfdfdf;
           border-color: #999;
-          color: #444;
+          color: #333;
           border-bottom-right-radius: .3em;
           border-top-right-radius: .3em;
@@ -1055 +1054 @@
           text-shadow: none;
           border: none;
-          border-left: 1px solid #aaa;
+          border-left: 1px solid #999;
           font-size: 10px; /* ie < 9 sucks */
           font-size: 1rem;
@@ -1067 +1066 @@
 .part-tabs ul {
      padding: .5em 0 0 1em;
-     border-bottom: 1px solid #ddd;
+     border-bottom: 1px solid #dfdfdf;
      line-height: 2;
      }
@@ -1171 +1170 @@
           .help-content dt {
                font-weight: bold;
-               color: #626262;
+               color: #676e78;
                margin: 0;
                }
@@ -1268 +1267 @@
 .noborder td, td.noborder, .noborder th, th.noborder {
      border-width: 0 0 1px 0;
-     border-color: #ddd;
+     border-color: #dfdfdf;
      line-height: 2em;
      padding-bottom: 0;
@@ -1373 +1372 @@
      }
 #login-screen .fieldset {
-     border: 1px solid #A8DC26;
+     border: 1px solid #9bca1c;
      padding: 1em 1em 0 1em;
      border-radius: 3px;
@@ -1436 +1435 @@
                -webkit-border-radius:8px;
                border-radius:8px;
-               border:1px solid #dcdcdc;
+               border:1px solid #dadada;
                display:inline-block;
                }
@@ -1456 +1455 @@
      #quick p.qinfo {
           margin: -.7em -1em 1em;
-          background: #f3f3ff url(info.png) no-repeat .2em .2em;
-          border: 1px solid #99f;
+          background: #D9EDF7 url(info.png) no-repeat .2em .2em;
+          border: 1px solid #BCE8F1;
           padding: .2em 1em .1em 24px;
-          color: #676e78;
+          color: #000;
           }
      #quick #new_cat, .q-cat, .q-cat label {
@@ -1574 +1573 @@
      margin: .5em;
      padding: 10px 10px 5px 10px;
-     border: 1px solid #ddd;
+     border: 1px solid #dfdfdf;
      min-height: 295px;
      position: relative;
@@ -1605 +1604 @@
 #theme-new .theme .module-sshot img { /* pour ceux qui n'ont pas de miniature */
      max-width: 240px;
+     max-height: 210px;
+     overflow:hidden;
      }
 .module-actions {
@@ -1693 +1694 @@
           margin: .66em 0;
           padding: .66em 1em;
-          border: 1px solid #bbb;
+          border: 1px solid #ccc;
           border-radius: 3px;
           }
@@ -1754 +1755 @@
 .media-item {
      position: relative;
-     border: 1px solid #ddd;
+     border: 1px solid #dfdfdf;
      margin: 9px;
      padding: 10px 12px 6px;
@@ -1883 +1884 @@
      margin-left: 0;
      padding-left: 0;
-     border-bottom: 1px solid #ddd;
+     border-bottom: 1px solid #dfdfdf;
      }
 .files li {
@@ -1893 +1894 @@
      }
 .upload-msg.upload-error {
-     color: #c00;
+     color: #900;
      }
 .upload-files {
@@ -1902 +1903 @@
      margin: 0;
      padding: .3em 0;
-     border-top: 1px solid #ddd;
+     border-top: 1px solid #dfdfdf;
      position: relative;
      }
@@ -1932 +1933 @@
      }
 .upload-filemsg.upload-error {
-     color: #c00;
+     color: #900;
      }
 .upload-progress {
@@ -2020 +2021 @@
 .modules td.expand {
      padding: 0 0 1em;
-     border-top: 1px solid #e5e5e5;
+     border-top: 1px solid #eaeaea;
      }
 .modules td.expand div {
@@ -2070 +2071 @@
           }
      .sb-box {
-          border-bottom: 1px solid #ddd;
+          border-bottom: 1px solid #dfdfdf;
           margin-bottom: 1em;
           }
@@ -2112 +2113 @@
           left: 10em;
           background-color: #f7f7f7;
-          border: 1px solid #ddd;
+          border: 1px solid #dfdfdf;
           padding: .2em;
           border-radius: .5em;
           }
 #my-favs {
-     border-color: #A8DC26;
+     border-color: #9bca1c;
      }
      #my-favs input.position {
@@ -2135 +2136 @@
      left: 10em;
      background-color: #f7f7f7;
-     border: 1px solid #ddd;
+     border: 1px solid #dfdfdf;
      padding: .2em;
      border-radius: .5em;
@@ -2171 +2172 @@
      }
 .guideline .one-box .box {
-     border: 1px solid #ddd; 
+     border: 1px solid #dfdfdf; 
      padding: 2px .5em;
      }
@@ -2205 +2206 @@
      }
 .ac_over {
-     background-color: #06c;
+     background-color: #2373A8;
      color: white;
      }
@@ -2228 +2229 @@
           }
           .pw-very-weak .bar {
-               background: #900;
+               background: #b33630;
                width: 30px;
                }
           .pw-weak .bar {
-               background: #c00;
+               background: #b33630;
                width: 60px;
                }
           .pw-mediocre .bar {
-               background: #f60;
+               background: #f90;
                width: 90px;
                }
           .pw-strong .bar {
-               background: #060;
+               background: #9bca1c;
                width: 120px;
                }
           .pw-very-strong .bar {
-               background: #0c0;
+               background: #9bca1c;
                width: 150px;
                }
@@ -2263 +2264 @@
      }
      .nav_prevnext a, a.back {
-          border: 1px solid #ddd;
+          border: 1px solid #dfdfdf;
           padding: 2px 1.5em;
           border-radius: .75em;
-          background-color: #f0f0f0;
+          background-color: #f3f3f3;
           }
           a.back:before {
@@ -2277 +2278 @@
                padding: 2px 1.5em;
                border-radius: .75em;
-               background-color: #ffe;
+               background-color: #ECF0F1;
+               -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+                       box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
                }
 /* Pagination */
@@ -2297 +2300 @@
      }
      .pager .btn {
-          border: 1px solid #ddd;
+          border: 1px solid #dfdfdf;
           background-color: #fcfcfc;
-          color: #738182; 
+          color: #676e78; 
           border-radius: 3px;
           overflow: hidden;
           }
           .btn.no-link {
-               border-color: #ddd;
+               border-color: #dfdfdf;
                background-color: #f9f9f9;
                padding: 1px 3px 0;
@@ -2316 +2319 @@
           }
      .direct-access input[type=text] {
-          border: 1px solid #ddd;
+          border: 1px solid #dfdfdf;
           padding: 3px 8px;
           margin-left: .25em;
@@ -2359 +2362 @@
      border-radius: 3px;
      font-weight: bold;
-     border: 1px solid #bdc3c7;
-     color: #738182;
+     border: 1px solid #c5c5c5;
+     color: #676e78;
      }
 /* ---------------------------------------------------------------- utilisables partout  */
 .fieldset {
      background: #fff;
-     border: 1px solid #bbb;
+     border: 1px solid #c5c5c5;
      border-radius: 3px;
      padding: 1em .7em .5em;
@@ -2456 +2459 @@
      width: 100%;
      height: 4px;
-     background: #ff6;
+     background: #ffd478;
      }
 #debug div {
@@ -2474 +2477 @@
      }
 .debug {
-     background: #ff6;
+     background: #ffd478;
      padding: 3px 0.5em 2px;
      }
 input[type=submit].delete.debug, a.delete.debug {
-     border-color: #ff6;
+     border-color: #ffd478;
      }
 input[type=submit].delete.debug:hover, a.delete.debug:hover {
-     background: #ff6;
-     color: #c00;
-     border-color: #ff6;
+     background: #ffd478;
+     color: #900;
+     border-color: #ffd478;
      }
 /* ---------------------------------------------- Couleurs ajoutées via javascript   
@@ -2514 +2517 @@
      }
 .colorBeginError {
-     color: #ffdec8;
+     color: #fefacd;
      }
 .colorBeginSuccess {

admin/style/install.css

@@ -38 +38 @@
 }
 body.install h2 {
-     color: #ff6000;
+     color: #f90;
 }
 body.install h3 {
@@ -97 +97 @@
 }
 label.required abbr {
-     color: #dd0000;
+     color: #900;
      font-size: 1.3em;
 }
@@ -187 +187 @@
 }
 .pw-mediocre .bar {
-     background: #f60;
+     background: #f90;
      width: 90px;
 }
 .pw-strong .bar {
-     background: #060;
+     background: #080;
      width: 120px;
 }