Changeset 1307:29c999d7ae6b for admin

Timestamp:

08/05/13 19:22:48 (12 years ago)

Author:

Anne Kozlika <kozlika@…>

Branch:

default

Message:

Some cool things for a little bit more responsive admin. You can now use your phone to play with Dotclear (but don't expect something perfect, a real mobile friendly stuff will be done a day but not today).

File:

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

admin/style/default.css

@@ -154 +154 @@
 }
 #info-box2 {
-     margin-top: .3rem;
-     padding: .5em 1.3em 4px 0;
+     margin: 0;
+     padding: .8em 1.3em 4px 0;
      color: #fff;
      float: right;
@@ -1429 +1429 @@
      color: white;
 }
+
+/* ---------------------------------------------------------------------------
+     Media queries vite fait en attendant la reprise complète du layout
+---------------------------------------------------------------------------- */
+@media screen and (max-width: 880px) {
+ #top, #top h1 a {width: 42px;overflow:hidden;}
+ #top, #info-boxes, #info-box1, #info-box2 {
+     display:inline-block;
+     vertical-align:middle;
+     margin:0;
+     padding:0;
+     line-height: 3.2rem; 
+     width:auto; 
+     height:auto;
+ }
+ #info-box1 select {width: 14rem;}
+ #help-button {position: absolute;top: 8rem; right:0;}
+}
+@media screen and (max-width: 680px) {
+ .nomobile {display: none;}
+ #main-menu, #main, #content, #entry-wrapper, #entry-sidebar, #entry-content, .two-cols .col, .two-cols .col:first-child {
+    display:block;
+    width: 99% !important;
+    margin:0 auto;
+    padding:0;
+    float:none;
+    text-align: left;
+    clear: both;
+  }
+ }