Changeset 2030:6748b50d2fdd for admin/style

Timestamp:

09/22/13 21:15:56 (12 years ago)

Author:

Anne Kozlika <kozlika@…>

Branch:

default

Message:

Les CSS kivonbien pour faire la place au prélude plus proprement que ce que j'avais fait. Merci Nikrou.

File:

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

admin/style/default.css

@@ -25 +25 @@
      display: table;
      }
-#wrapper, #wrapper.with-prelude {
+#wrapper {
      position: relative;
      padding-top: 1.5em;
@@ -854 +854 @@
           background: #FFF;
           }
+/* si le prélude est affiché on repousse les trucs dessous */
+#wrapper.with-prelude { 
+     padding-top: 1em;
+     }
+#help-button.with-prelude, #collapser.with-prelude {
+     top: 1em;
+     }
 /* header global h1, form#top-info-blog, ul#top-info-user */
 #header a {
@@ -925 +932 @@
      border-bottom-color: #fff;
      margin: 0;
-     padding: 16px .5em;
+     padding: 18px .5em;
      background-color: #fff;
      color: #333;
@@ -2087 +2094 @@
      }
 /* password indicator */
-.install .pw-table, .install .pw-cell, .install .pwindicator {
-     display: block;
-     }
 .pw-table {
      display: table;
@@ -2374 +2378 @@
           }
      }
-@media screen and (max-width: 720px) {
-     .smallscreen { display: none; }
-     #info-box2 { float:none; }
-     #help-button {
-          height:26px; 
-          width:26px; 
-          background-color: #A2CBE9; 
-          padding: 0; 
-          margin: 0;
-          font-size: 10px; font-size: 1rem;
-          line-height: 68px;
-          overflow: hidden;
-          }
+
+@media screen and (max-width: 700px) {
+     #header {
+          display: block;
+          width: 100%;
+          text-align: right;
+          } 
+     h1, h1 a {
+          width: 42px !important; 
+          }
+          h1 a:link {
+               background: transparent url(dc_logos/b-dotclear120.png) no-repeat -180px 6px;
+               border-right: 1px solid #ccc;
+               border-bottom: 1px solid #ccc;
+               }
+          h1 a:hover, h1 a:focus {
+               background: url(dc_logos/b-dotclear120.png) no-repeat -180px -94px;
+               border-right: 1px solid #A2CBE9;
+               }
+     h1, #top-info-blog, #top-info-user {
+          display: inline-block;
+          vertical-align: top;
+          margin-right: 1em;
+          }
+     #top-info-user a.active {
+          padding: 2px 8px;
+          } 
      .one-box, .two-boxes, .three-boxes {
           width: 100%;
@@ -2393 +2411 @@
           }
      }
-@media screen and (max-width: 492px) {
-     #header { height: 36px; height: 3.6rem; }
-     #wrapper { font-size: 16px; font-size: 1.6rem; }
-     .page-title, #info-boxes { display: inline-block; }
-     #info-box1 select {
-          width: 120px; width: 12rem; 
-          margin-right: .6rem;
-          }
-     #info-box1 p.nomobile, label.nomobile { display: none; }
-     }
 */