Changeset 2342:5d4e11f52439

Timestamp:

10/13/13 13:51:32 (12 years ago)

Author:

Anne Kozlika <kozlika@…>

Branch:

2.6

Message:

#ParisWebSyndrome? : apply border-box-sizing everywhere. Hope nothing is brocken, say me (j'ai vérifié et rien vu de mon côté)

Files:

• admin/_charte.php (modified) (3 diffs)
• admin/categories.php (modified) (1 diff)
• admin/style/default.css (modified) (14 diffs)
• admin/user.php (modified) (1 diff)
• plugins/widgets/style.css (modified) (2 diffs)

admin/_charte.php

@@ -83 +83 @@
           <div id="main">
                <div id="content" class="clearfix">
-               <div class="info">
-                    <p>Cette page vise à présenter les règles graphiques et conventions utilisées dans les pages de l'administration
-                    d'une installation Dotclear, à l'usage des contributeurs et développeurs d'extensions. Elle en est elle-même 
-                    une illustration. L'observation de son code source peut donc servir de complément aux descriptions.</p>
-               </div>
-
                     <h2>Typographie</h2>
                     <h3 id="texte">Textes</h3>
@@ -165 +159 @@
                               </div><!--
                               --><div class="two-boxes even">
-                                   <div class="box odd">
-                                        <p><span class="step">4</span> Toutes les boîtes de class <code>"box"</code><br />
-                                         placées au sein d'une boîte <code>"two-boxes"</code>…</p>
-                                   </div>
-                                   <div class="box even">
-                                        <p><span class="step">4 bis</span>… se distribuent horizontalement comme dans <br />
-                                             une boîte <code>"one-box"</code>.</p>
+                                   <div class="two-boxes odd">
+                                        <p><span class="step">4</span> On peut bien sûr imbriquer des boîtes de class <code>"two-boxes"</code>
+                                         au sein d'une boîte <code>"two-boxes" afin qu'elles…</code>…</p>
+                                   </div><div class="two-boxes even">
+                                        <p><span class="step">4 bis</span>… se distribuent horizontalement comme dans une boîte <code>"one-box"</code>.</p>
                                    </div>
                               </div>
@@ -541 +533 @@
           </div><!-- /main -->
           <div id="main-menu">
-               <form id="search-menu" action="search.php" method="get">
-                    <p><label for="qx" class="hidden">Chercher : </label><input type="text" size="30" name="qx" id="qx" maxlength="255"  /><input type="submit" value="OK" /></p>
-               </form>
+               <div class="info">
+                    <p>Cette page vise à présenter les règles graphiques et conventions utilisées dans les pages de l'administration
+                    d'une installation Dotclear, à l'usage des contributeurs et développeurs d'extensions. Elle en est elle-même 
+                    une illustration. L'observation de son code source peut donc servir de complément aux descriptions.</p>
+               </div>
                <div id="favorites-menu">
                     <h3>Typo</h3>

admin/categories.php

@@ -184 +184 @@
           }
           echo 
-          '<input type="submit"'.$attr_disabled.' class="'.$input_class.'delete" name="delete['.$rs->cat_id.']" value="'.__('Delete category').'"/>'.
+          ' <input type="submit"'.$attr_disabled.' class="'.$input_class.'delete" name="delete['.$rs->cat_id.']" value="'.__('Delete category').'"/>'.
           '</p>';
 

admin/style/default.css

@@ -18 +18 @@
                                                                                      LAYOUTS
 ---------------------------------------------------------------------------- */
+*, *:before, *:after {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
 #header {
      background: #676e78;
@@ -153 +158 @@
      }
 .two-boxes {
-     width: 47%;
+     width: 48.5%;
      }
 .three-boxes {
@@ -162 +167 @@
      vertical-align: top;
      margin: 0 1.5% 1em;
-     -moz-box-sizing: border-box;
-     -webkit-box-sizing: border-box;
-     box-sizing: border-box;
      text-align: left;
      }
@@ -244 +246 @@
      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;
+     margin: 0 10px 10px;
      text-align: left;
      }
@@ -496 +495 @@
      }
 input:focus, textarea:focus, select:focus {
-     -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-     box-sizing: border-box;
      border-color: #9bca1c;
      }
@@ -799 +795 @@
      padding-top: 1em;
      padding-bottom: 1em;
+     margin-top: .5em;
      }
 .error {
@@ -1393 +1390 @@
      padding: 1em 1em 0 1em;
      background: #fff;
+     margin-bottom: 0;
      }
 #login-screen input[type=text], #login-screen input[type=password], #login-screen input[type=submit],
@@ -1399 +1397 @@
      margin: 0;
      padding: 5px 3px;
-     -webkit-box-sizing: border-box;    
-     -moz-box-sizing: border-box;
-     box-sizing: border-box;
      }
 #login-screen input.login, #login-screen input.login:focus {
@@ -1412 +1407 @@
      font-size: 12px; /* ie < 9 sucks */
      font-size: 1.2rem;
+     }
+#issue p:first-child {
+     text-align: right;
      }
 #login-screen #issue strong {
@@ -1427 +1425 @@
      }
 #icons p {
-     width: 170px;
+     width: 200px;
      text-align: center;
      margin: 1em 0 2em;
@@ -1763 +1761 @@
      margin: 9px;
      padding: 10px 12px 6px;
-     width: 300px;
+     width: 320px;
      display: inline-block;
      vertical-align: top;
@@ -1947 +1945 @@
 .upload-progress div {
      width: 0;
-     height: 1em;
-     padding: .2em 0;
-     font-size: 0.8em;
+     height: 1.2em;
      font-weight: bold;
-     line-height: 1em;
+     line-height: 1.2em;
      text-align: right;
      background: green url(loader.png) repeat-x left top;
@@ -2153 +2149 @@
 /* --------------------------------------------------------------------- user.php */
 .blog-perm {
+     padding-top: 2em;
+     }
+.blog-perm {
      margin-top: 2em;
      font-weight: bold;
@@ -2173 +2172 @@
      margin: 1em 0;
      font-size: 2em;
+     }
+.guideline #content h2:first-child {
+     margin-top: 0;
+     padding-top: .5em;
      }
 .guideline h3 {

admin/user.php

@@ -347 +347 @@
                     {
                          echo 
-                         '<form action="users_actions.php" method="post">'.
+                         '<form action="users_actions.php" method="post" class="perm-block">'.
                          '<p class="blog-perm">'.__('Blog:').' <a href="blog.php?id='.html::escapeHTML($k).'">'.
                          html::escapeHTML($v['name']).'</a> ('.html::escapeHTML($k).')</p>';

plugins/widgets/style.css

@@ -16 +16 @@
 #sidebarsWidgets {
      float: left;
-     width: 47%;
+     width: 49%;
      margin: 0 0 0 1%;
      padding: 0 1%;
@@ -114 +114 @@
 #listWidgets {
      float: left;
-     width: 46%;
+     width: 49%;
      background: #eee;
      padding: 1.5em 1% 0;