Changeset 2002:a0de6679a058 for admin/style

Timestamp:

09/22/13 12:09:07 (12 years ago)

Author:

Anne Kozlika <kozlika@…>

Branch:

default

Message:

Tableaux responsive. Poke jcDenis :-)

File:

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

admin/style/default.css

@@ -27 +27 @@
      position: relative;
      padding-top: 1em;
-     overflow: hidden;
+     overflow: hidden; /* pour les hauteurs égales */
      float: left;
      width: 100%;
      z-index: 10;
-     /*background: #f7f7f7 url(bg_wrapper.png) repeat-y 15.5em;*/
      }
 .with-js #wrapper {
@@ -39 +38 @@
      width: 100%;
      float: right;
-     margin-left: -15.5em;
+     margin-left: -14em;
      margin-top: 0;
      }
 #content {
-     margin: 0 0 0 15.5em;
-     padding: .75em 1em;
+     margin: 0 0 0 14em;
+     padding: .75em 1.5em .75em 2.5em;
      background: #fff;
      }
@@ -301 +300 @@
      /* titre de page */
      #content > h2 {
-          padding: 0 18px 6px; /* ie < 9 sucks */
-          padding: 0 1.8rem .6rem;
-          margin: 0 -18px .5em; /* ie < 9 sucks */
-          margin: 0 -1.8rem 1rem;
+          padding: 0 1.5em .5em 1em;
+          margin: 0 -1.5em .5em -1em;
           background: #fff url(bg_h2.png) repeat-x center bottom;
           }
@@ -366 +363 @@
      }
 /* ---------------------------------------------------------------- tableaux */
+.table-outer {
+     width: 100%;
+     overflow: auto;
+     }
 table {
      font-size: 12px; /* ie < 9 sucks */
@@ -371 +372 @@
      border-collapse: collapse;
      margin: 0 0 1em 0;
+     width: 100%;
      }
 caption {
@@ -1112 +1114 @@
      }
      #help-button.floatable {
-          border-radius: 2em;
-          background-color: #f5f5f5;
-          position: fixed;
-          top: 10px;
-          }
+          border-top: 2px solid #ccc;
+          border-left: 2px solid #ccc;
+          border-bottom: 2px solid #ccc;
+          border-bottom-left-radius: 1em;
+          border-top-left-radius: 1em;
+        background-color: #f5f5f5;
+        position: fixed;
+        top: 10px;
+        }
      .no-js #help-button {
           top: 1em;
@@ -1125 +1131 @@
           }
      #content.with-help #help-button {
-          right: 282px; /* ie < 9 sucks */
+          right: 280px; /* ie < 9 sucks */
           right: 28rem;
           background-color: #f5f5f5;
           position: fixed;
-          top: 54px;
+          top: 50px;
           z-index: 100;
           border-top: 2px solid #FFD478;
@@ -1145 +1151 @@
           }
      #content.with-help .help-content {
-          padding: 0 .5em 1em;
+          padding: 0 1em 1em;
           }
           .help-content dt {
@@ -2337 +2343 @@
 /* ------------------------------------------------------------------------------------
                                                                            UN POIL DE MEDIA QUERIES
------------------------------------------------------------------------------------- */
+------------------------------------------------------------------------------------
 @media screen and (max-width: 920px) {
      #top, #top h1 a {