Changeset 2358:454ff7b241ab for admin/style

Timestamp:

10/14/13 18:58:09 (12 years ago)

Author:

Anne Kozlika <kozlika@…>

Branch:

2.6

Message:

CSS : sous-menu pour les groupes de pages.

Modèle de source à placer directement après le h2 :

<ul class="pseudo-tabs">

<li><a href="#">Page 1</a></li>
<li><a href="#">Autre faux onglet</a></li>
<li><a href="#" class="active">Truc item 3 actif</a></li>
<li><a href="#">Liste 4</a></li>

</ul>

File:

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

admin/style/default.css

@@ -16 +16 @@
 */
 /* ---------------------------------------------------------------------------
+                                                                                          START
+---------------------------------------------------------------------------- */
+html {
+     font-size: 62.5%;
+     }
+body {
+     font-size: 12px; /* ie < 9 sucks */
+     font-size: 1.2rem;
+     line-height: 1.5;
+     font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+     margin: 0;
+     padding: 0;
+     }
+/* ---------------------------------------------------------------------------
                                                                                      LAYOUTS
 ---------------------------------------------------------------------------- */
@@ -128 +142 @@
      }
 .two-cols .col:first-child,
-     .two-cols .col30.first-col {
+.two-cols .col30.first-col {
      margin-left: 0;
      margin-right: 2%;
      }
 .two-cols .col:last-child,
-     .two-cols .col70.last-col {
+.two-cols .col70.last-col {
      margin-left: 2%;
      margin-right: 0;
@@ -150 +164 @@
      }
 .three-cols .col:first-child {
-     width: 33.3%;
      margin-left: 0;
      }
@@ -273 +286 @@
                                                                                      HTML TAGS
 ---------------------------------------------------------------------------- */
-html {
-     font-size: 62.5%;
-     }
 body {
-     font-size: 12px; /* ie < 9 sucks */
-     font-size: 1.2rem;
-     line-height: 1.5;
-     font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      color: #333;
      background: #fff;
-     margin: 0;
-     padding: 0;
      }
 /* ------------------------------------------------------------------ titres */
@@ -424 +428 @@
      white-space: pre;
      white-space: -moz-pre-wrap;
-     white-space: -hp-pre-wrap;
-     white-space: -o-pre-wrap;
-     white-space: -pre-wrap;
      white-space: pre-wrap;
      white-space: pre-line;
@@ -1117 +1118 @@
      padding-left: 1em;
      }
+.pseudo-tabs {
+     margin: -.75em 0 2em 0;
+     border-bottom: 1px solid #bbb;
+     display: table;
+     width: 100%;
+     padding: 0;
+     line-height: 24px;
+     border-collapse: collapse;
+     }
+.pseudo-tabs li {
+     display: table-cell;
+     border-width: 0 1px;
+     border-style: solid;
+     border-color: #ccc;
+     padding: 0;
+     margin: 0;
+     text-align: center;
+     }
+.pseudo-tabs a {
+     display: block;
+     font-weight: bold;
+     padding: 0 24px;
+     border-bottom: none;
+     }
+.pseudo-tabs a:hover, .pseudo-tabs a:focus {
+     background-color: #ecf0f1;
+     color: #333;
+     }
+.pseudo-tabs a.active {
+     background-color: #ecf0f1;
+     color: #d30e60;
+     }
 /* contextual help */
 #help {
@@ -1422 +1455 @@
 /* ------------------------------------------------------------------------- index.php */
 #dashboard-main {
-     padding: 1em 0;
+     padding: 1em;
      }
 /* raccourcis */
@@ -1465 +1498 @@
 /* billet rapide */
 #quick {
-     margin-top: 1em;
-     padding-top: 1em;
+     padding: 1em;
+     max-width: 1000px;
+     margin: 0 auto;
+     background: #f5f5f5;
+     box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
      }
 #quick h3 {
@@ -1493 +1529 @@
 /* modules additionnels */
 #dashboard-boxes {
-     margin: 2em auto 1em;
+     margin: 1em auto 1em;
      padding-top: 2em;
      }