Changeset 1760:70e6ba18a169 for admin

Timestamp:

09/08/13 18:13:34 (12 years ago)

Author:

Anne Kozlika <kozlika@…>

Branch:

default

Message:

Editeur: hauteur minimale pour l'extrait ; pas de hauteur fixe pour la toolbar.

Couleurs:

• le gris #666 est un peu plus bleuté (je pinaille si je veux)
• les titres h3 sont orange foncé

Styles, factorisation (work in progress) : les media-action (media.php), l'ordonnancement des catégories (catégories.php), les items de Maintenance sont dans des n-boxes génériques.

Location:

admin

Files:

• _charte.html (modified) (1 diff)
• categories.php (modified) (3 diffs)
• js/_post.js (modified) (1 diff)
• js/common.js (modified) (1 diff)
• media.php (modified) (3 diffs)
• style/default.css (modified) (27 diffs)
• style/iesucks.css (modified) (1 diff)
• style/jsToolBar/jsToolBar.css (modified) (1 diff)

admin/_charte.html

@@ -15 +15 @@
      <style type="text/css">
           #content > h2 {padding-top: 2.5em;}
-          #content > h3, #content > h4 {padding-top: 2em; color: #d30e70;}
-          #content > h2:first-child {padding-top: 0;}
+          #content > h2:first-child {padding-top: 0}
           .one-box .box {border: 1px solid #ddd; padding: 2px .5em;}
      </style>

admin/categories.php

@@ -168 +168 @@
      '<p class="col checkboxes-helpers"></p>'.
      '<p class="col right" id="mov-cat">'.
-     '<label for="mov_cat" class="classic">'.__('Category which will receive entries of deleted categories:').'</label> '.
+     '<label for="mov_cat" class="classic">'.__('Category where entries of deleted categories will be moved:').'</label> '.
      form::combo('mov_cat',$categories_combo,'','').
      '</p>'.
@@ -176 +176 @@
      '</div>';
 
-     echo '<h3 class="clear hidden-if-no-js">'.__('Categories order').'</h3>';
+     echo '<div class="fieldset"><h3 class="clear hidden-if-no-js">'.__('Categories order').'</h3>';
 
      if ($core->auth->check('categories',$core->blog->id) && $rs->count()>1) {
@@ -194 +194 @@
      '<p class="hidden-if-no-js"><input type="submit" name="reset" value="'.__('Reorder all categories on the top level').'" />'.
      $core->formNonce().'</p>'.
-     '</form>';
+     '</div></form>';
 }
 

admin/js/_post.js

@@ -216 +216 @@
                          $(p).text(dotclear.msg.xhtml_valid);
                          $(p).insertAfter(h);
-                         $(p).backgroundFade({sColor:'#666666',eColor:'#ffcc00',steps:50},function() {
-                                   $(this).backgroundFade({sColor:'#ffcc00',eColor:'#666666'});
+                         $(p).backgroundFade({sColor:'#676e78',eColor:'#ffcc00',steps:50},function() {
+                                   $(this).backgroundFade({sColor:'#ffcc00',eColor:'#676e78'});
                          });
                     } else {

admin/js/common.js

@@ -380 +380 @@
      $('#help').helpViewer();
 
-     $('.message').backgroundFade({sColor:'#cccccc',eColor:'#666666',steps:20});
+     $('.message').backgroundFade({sColor:'#cccccc',eColor:'#676e78',steps:20});
      $('.error').backgroundFade({sColor:'#ffdec8',eColor:'#ffbaba',steps:20});
      $('.success').backgroundFade({sColor:'#9BCA1C',eColor:'#bee74b',steps:20});

admin/media.php

@@ -348 +348 @@
      echo 
      '<h3 class="hidden">'.sprintf(__('In %s:'),($d == '' ? '“'.__('Media manager').'”' : '“'.$d.'”')).'</h3>'.
-     '<div class="media-action-box">';
+     '<div class="two-boxes odd fieldset">';
      
      if ($user_ui_enhanceduploader) {
@@ -404 +404 @@
 if ($core_media_writable || $core_media_archivable) {
 
-     echo '<div class="media-action-box">';
+     echo '<div class="two-boxes even fieldset">';
 
      # Create directory
@@ -428 +428 @@
           '<h4>'.__('Backup content').'</h4>'.
           '<p>'.__('Compress this directory with its content as a zip file and download it.').'</p>'.
-          '<p><a class="submit" href="'.html::escapeURL($page_url).'&amp;zipdl=1">'.
+          '<p><a class="button submit" href="'.html::escapeURL($page_url).'&amp;zipdl=1">'.
           __('Download').'</a></p>';
      }

admin/style/default.css

@@ -108 +108 @@
      display: inline-block;
      vertical-align: top;
+     -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 {
@@ -121 +124 @@
      margin-left: 2.5%;
      margin-right: 2.5%; 
+     -moz-box-sizing: border-box; 
+     -webkit-box-sizing: border-box; 
+     box-sizing: border-box;
      }
      .three-boxes:first-child {
@@ -139 +145 @@
      }
 /* ---------------------------------------------------------------- layout: popups */
-body.popup #wrapper, body.popup #top {
+.popup #wrapper, .popup #top {
      width: 100%;
      padding: 0;
-}
-body.popup #wrapper {
-     float: none;
-     margin:0;
-     display: block;
-}
-body.popup h1, body.popup #top {
+     }
+.popup h1, .popup #top {
      margin: 0;
      border-bottom: 1px solid;
@@ -157 +158 @@
      text-indent: .5em;
      line-height: 1.3em;
-}
-body.popup #main {
-     margin-bottom: 1em 0;
-}
-body.popup #content {
-     margin: 0;
-     padding: .5em 0;
-}
-body.popup #content h2 {
-     margin: 0 0 1em;
-}
-body.popup #footer p {
-     border: none;
-}
-/* ------------------------------------------------------------- layout: compléments */
+     }
+.popup #wrapper {
+     float: none;
+     margin:0;
+     display: block;
+     }
+     .popup #main {
+          margin-bottom: 1em 0;
+          }
+     .popup #content {
+          margin: 0;
+          padding: .5em 0;
+          }
+          .popup #content h2 {
+               margin: 0 0 1em;
+               }
+     .popup #footer p {
+          border: none;
+          }
+/* -------------------------------------------------------- layout: classes de complément */
 .constrained {
      margin: 0;
@@ -204 +210 @@
      }
 .frame-shrink {
-     border: 1px solid #666;
+     border: 1px solid #676e78;
      padding: 0.5em;
      margin-bottom: 1em;
@@ -232 +238 @@
      }
 h2 {
-     color: #666;
+     color: #676e78;
      font-size: 18px; /* ie < 9 sucks */
      font-size: 1.8rem;
@@ -259 +265 @@
 h3, .as_h3 {
      margin-top: 1em;
-     color: #676e78;
+     color: #D33800;
+     font-weight: normal;
      font-size: 16px; /* ie < 9 sucks */
      font-size: 1.6rem;
      }
+     h3:first-child {margin-top: 0;}
 h4, as_h4 {
      font-size: 14px; /* ie < 9 sucks */
@@ -268 +276 @@
      color: #676e78;
      }
-     .smart-title, .box h3, .media-action-box h4 { /* pour les h3 ou les h4 titres de boîtes */
+     .smart-title, .box h3, .fieldset h3, .fieldset h4 { /* pour les h3 ou les h4 titres de boîtes */
           font-size: 1em;
           text-transform: uppercase;
@@ -275 +283 @@
           text-shadow: 0 1px 0 rgba(200, 200, 200, 0.6)
           }
+     h4 label, h5 label {color: #333;}
 h5 {
      font-size: 12px; /* ie < 9 sucks */
      font-size: 1.2rem;
+     font-weight: bold;
      color: #676e78;
      }
@@ -384 +394 @@
      }
 legend {
-     font-weight: bold;
      padding: 0.2em 0.6em;
      border-width: 1px;
      border-style: solid;
-     border-color: #333;
+     border-color: #676e78;
      background: #fff;
      margin-bottom: 0.5em;
@@ -502 +511 @@
      font-style: italic;
      font-weight: normal;
-     color: #666;
+     color: #676e78;
      }
      p.form-note {
@@ -516 +525 @@
 input[type=submit], input[type=reset], input[type=button], input[type=delete],
 input.submit, input.reset, input.button, input.delete,
-a.button, a.submit, a.delete, a.reset {
+a.button, a.button.submit, a.delete, a.reset {
      display: inline-block;
      cursor: pointer;
@@ -527 +536 @@
      line-height: 1.5em;
      }
-     a.button, a.submit, a.reset {
+     a.button, a.button.submit, a.reset {
           padding-bottom: 1px;
           }
  /* validation */
-input[type=submit], a.submit {
+input[type=submit], a.button.submit {
      color: #fff;
      text-shadow: 0 -1px 0 rgba(100, 100, 100, 0.6);
@@ -543 +552 @@
      }
      input[type=submit]:hover, input[type=submit]:focus,
-     a.submit:hover, a.submit:focus {
+     a.button.submit:hover, a.button.submit:focus {
           background:#188BC0;
           background:-moz-linear-gradient(top,#188BC0 0%,#25A6E1 100%);
@@ -617 +626 @@
 input.disabled {
      text-shadow: none;
-     color: #666;
+     color: #676e78;
      background: #F5F5F5;
      border: 1px solid #CCC;
      }
      input.disabled:hover {
-          color: #666;
+          color: #676e78;
           background: #DFDFDF;
           border: 1px solid #CCC;
@@ -654 +663 @@
      margin-bottom: 1em;
      border-radius: 8px;
+     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
      }
      p.error, p.message, p.static-msg, p.success, p.warning-msg {
@@ -670 +680 @@
           .message a, .static-msg a {
                color: #fff;
-          }
+               }
      .success, .warning-msg {
           color: #000;
@@ -692 +702 @@
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
      color: #34495e;
+     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1)
      }
      .dc-update h3 {
@@ -707 +718 @@
                }
           .dc-update a.button {
-               border-color: #ccc;
-               font-weight: bold;
                padding: .5em 1em; 
                }
@@ -832 +841 @@
      margin: 0;
      padding: 10px 0 10px 8px;
-     color: #666;
+     color: #676e78;
      font-size: 14px; /* ie < 9 sucks */
      font-size: 1.4rem;
@@ -1234 +1243 @@
           }
           #icons a span {
-               border-bottom: 1px dotted #f90;
+               border-bottom: 1px dotted #999;
                color: #333;
                }
@@ -1272 +1281 @@
           border: 1px solid #99f;
           padding: .2em 1em .1em 24px;
-          color: #666;
+          color: #676e78;
           }
      #quick #new_cat, .q-cat, .q-cat label {
@@ -1301 +1310 @@
           .db-items li, .db-contents li {
                margin: 0.25em 0 0 0;
-               color: #666;
+               color: #676e78;
                }
      #news dt {
@@ -1382 +1391 @@
                }
           span.theme-version {
-               color: #666;
+               color: #676e78;
                }
           .theme-css {
@@ -1426 +1435 @@
                }
           #theme-box span.theme-version {
-               color: #666;
+               color: #676e78;
                }
           #theme-box span.theme-parent-ok {
-               color: #666;
+               color: #676e78;
                }
           #theme-box span.theme-parent-missing {
@@ -1868 +1877 @@
      }
      .fieldset h3 {
-          color: #333;
+          margin-top: 0;
           }
 .right, .txt-right {
@@ -1907 +1916 @@
           }
 .offline {
-     color: #666;
+     color: #676e78;
      }
 /* caché pour tout le monde */

admin/style/iesucks.css

@@ -1 @@
-#content {zoom:1;}
+.clearfix, #content {zoom:1;}
 label .maximal, textarea.maximal, input.maximal {
      width : 98% !important;

admin/style/jsToolBar/jsToolBar.css

@@ -28 +28 @@
 }
 .jstElements {
-     height: 28px;
      padding: 0 1rem; 
      border: 1px solid #dfdfdf;