Changeset 1311:b57043a88153 for admin/style

Timestamp:

08/08/13 21:12:30 (12 years ago)

Author:

Anne Kozlika <kozlika@…>

Branch:

default

Message:

Responsive enhancement + je sais plus quoi.

File:

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

admin/style/default.css

@@ -296 +296 @@
      float: left;
      margin:0;
-     padding-top: 4em;
+     padding-top: .5em;
      padding-bottom: 1em;
      background: #f7f7f7;
@@ -332 +332 @@
 #main-menu .active {
      font-weight: bolder;
+}
+#search-menu {
+     padding: .3rem .4rem 0;
+}
+#search-menu p {
+     display: inline-block;
+}
+#search-menu #q {
+     width: 12rem;
+     border-bottom-left-radius: .6em;
+     border-top-left-radius: .6em;
+     border-color: #999;
+     background: transparent url(search.png) no-repeat 4px center;
+     text-indent: 18px;
+     height: 2rem;
+     padding: 0 2px; 
+}
+#search-menu input[type="submit"] {
+     padding: .1rem .3rem;
+     background: #dfdfdf;
+     border-color: #999;
+     color: #666;
+     border-bottom-right-radius: .6em;
+     border-top-right-radius: .6em;
+     text-shadow: none;
+     height: 2.2rem;
+     font-size: 1rem;
+     margin-left: -.5em;
+}
+#search-menu input[type="submit"]:hover,
+#search-menu input[type="submit"]:focus {
+     background: #575859;
+     color: #fff;
 }
 #favorites-menu, #blog-menu, #system-menu, #plugins-menu {
@@ -354 +387 @@
      padding: 0 1em;
      text-align: center;
-     font-size: 1.1em;
+     font-size: 1em;
 }
 #footer a {
 }
 #footer p span.credit {
-     font-size: .85em;
+     font-size: 1rem;
      font-weight: normal;
 }
@@ -852 +885 @@
 /* ------------------------------------------------------------------ popups */
 body.popup #wrapper, body.popup #top {
-     margin-top: -1.5em;
+     width: 100%;
+     padding: 0;
+}
+body.popup #wrapper {
      float: none;
-}
-body.popup #top h1 {
-     background: transparent;
+     margin:0;
+     display: block;
+}
+body.popup h1, body.popup #top {
+     margin: 0;
+     border-bottom: 1px solid;
+     font-weight: normal;
+     color: #fff;
+     background: #575859;
+     font-size: 1.5em;
+     text-indent: .6rem;
+     line-height: 1.3em;
 }
 body.popup #main {
-     margin-left: -35px;
-     margin-bottom: 1em;
+     margin-bottom: 1em 0;
 }
 body.popup #content {
-     margin-left: 35px;
-     margin-left: 2em;  /* 3.2 */
-}
-body.popup #footer {
-     display: none; /* 3.2 */
+     margin: 0;
+     padding: .6rem 0 !important;
+}
+body.popup #content h2 {
+     margin: 0 0 1em;
 }
 body.popup #footer p {
-     margin-left: 35px;
      border: none;
 }
@@ -1439 +1482 @@
      }
      #info-box1 select {width: 14rem;}
-     #help-button {position: absolute; top: 8rem; right:0;}
      #main-menu, #main, #content, #content h2, #entry-wrapper, #entry-sidebar, #entry-content, .two-cols .col, .two-cols .col:first-child {
      display:block;
@@ -1456 +1498 @@
 @media screen and (max-width: 720px) {
      .smallscreen {display: none;}
+     #help-button {width:20px; overflow: hidden;}
 }
 @media screen and (max-width: 492px) {
      #header {min-height:3.6rem;}
-     .page-title, #info-boxes {display: inline-block;}
-     #help-button {top: 9rem;}
+     #wrapper {font-size: 1.6rem;}
+     .page-title, #info-boxes, .media-item {display: inline-block;}
+     div.media-list .media-item {width: 90%; float: none}
      #top h1 a, #top {height: auto;}
      #info-box1 p.nomobile, label.nomobile {display: none;}
-}
+     #help-button {height:26px; width:26px; background-color: #A2CBE9; padding: 0; margin:0;font-size: 1rem;line-height: 68px}
+}