Changeset 2468:d7fda5a0bd39 for admin/style/default.css

Timestamp:

10/21/13 09:08:36 (12 years ago)

Author:

Dsls

Branch:

twig

Children:

2593:6741802596a0, 2609:c26642f775e2

Parents:

2321:3ab5e6c3d301 (diff), 2466:e42d3233f080 (diff)
Note: this is a merge changeset, the changes displayed below correspond to the merge itself.
Use the (diff) links above to see all the changes relative to each parent.

Message:

Merge with 2.6

File:

• admin/style/default.css (modified) (67 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
 ---------------------------------------------------------------------------- */
+*, *:before, *:after {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+     }
 #header {
      background: #676e78;
@@ -24 +43 @@
      width: 100%;
      display: table;
+     position: relative;
      }
 #wrapper {
@@ -69 +89 @@
      top: 0;
      left: 14em;
-     width: 1em;
+     width: 15px;
      height: 100%;
      overflow: hidden;
@@ -123 +143 @@
      }
 .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;
@@ -145 +165 @@
      }
 .three-cols .col:first-child {
-     width: 33.3%;
      margin-left: 0;
      }
@@ -153 +172 @@
      }
 .two-boxes {
-     width: 47%;
+     width: 48.5%;
      }
 .three-boxes {
@@ -162 +181 @@
      vertical-align: top;
      margin: 0 1.5% 1em;
-     -moz-box-sizing: border-box;
-     -webkit-box-sizing: border-box;
-     box-sizing: border-box;
      text-align: left;
+     }
+.two-boxes:nth-of-type(odd), .three-boxes:nth-of-type(3n+1) {
+     margin-left: 0;
+     }
+.two-boxes:nth-of-type(even), .three-boxes:nth-of-type(3n) {
+     margin-right: 0;
      }
 /* ---------------------------------------------------------------- layout: popups */
@@ -244 +266 @@
      display: inline-block;
      vertical-align: top;
-     margin: 0 1.5% 1em;
-     -moz-box-sizing: border-box;
-     -webkit-box-sizing: border-box;
-     box-sizing: border-box;
+     margin: 0 10px 10px;
      text-align: left;
      }
 .box.small {
-     width: 320px;
+     width: 312px;
      }
 .box.medium {
-     width: 660px;
+     width: 644px;
      }
 .box.large {
@@ -268 +287 @@
                                                                                      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 */
@@ -291 +301 @@
      padding: 0 0 1.5em;
      font-weight: normal;
+     line-height: 1.25;
      }
 /* fil d'ariane */
 #content > h2 {
      padding: 0 1em .5em 1em;
-     margin: 0 -1em .5em -1em;
+     margin: 0 -1em 1em -1em;
      background: #fff url(bg_h2.png) repeat-x center bottom;
      }
@@ -321 +332 @@
      }
 h4, .as_h4 {
-     font-size: 14px; /* ie < 9 sucks */
-     font-size: 1.4rem;
+     font-size: 1.16em;
      color: #676e78;
      }
@@ -341 +351 @@
      }
 h5 {
-     font-size: 12px; /* ie < 9 sucks */
-     font-size: 1.2rem;
+     font-size: 1em;
      font-weight: bold;
      color: #676e78;
@@ -368 +377 @@
      }
 table {
-     font-size: 12px; /* ie < 9 sucks */
-     font-size: 1.2rem;
+     font-size: 1em;
      border-collapse: collapse;
      margin: 0 0 1em 0;
@@ -419 +427 @@
      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;
@@ -456 +461 @@
 input[type=button], input[type=reset], a.button, button, textarea, select, legend {
      border-radius: 3px; 
+     max-width: 100%;
      }
 form {
@@ -496 +502 @@
      }
 input:focus, textarea:focus, select:focus {
-     -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-     box-sizing: border-box;
      border-color: #9bca1c;
      }
@@ -594 +597 @@
      color: #900;
      font-size: 1.3em;
+     }
+label.bold {
+     text-transform: uppercase;
+     font-weight: bold;
+     margin-top: 2em;
      }
 label.area, p.area {
@@ -730 +738 @@
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
      font-weight: normal;
-     font-size: 14px; /* ie < 9 sucks */
-     font-size: 1.4rem;
+     font-size: 1.16em;
      }
 .button.add:hover, .button.add:active, .button.add:focus {
      background-color: #9BCA1C;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#9BCA1C), to(#bee74b));
-     background-image: linear-gradient(top, #9BCA1C, #bee74b);
+     background-image: linear-gradient(#9BCA1C, #bee74b);
      border-color: #9BCA1C;
      }
@@ -799 +806 @@
      padding-top: 1em;
      padding-bottom: 1em;
+     margin-top: .5em;
      }
 .error {
@@ -879 +887 @@
      }
 #prelude li a {
-     padding: 3px 16px 3px 8px; /* ie < 9 sucks */
-          padding: 3px 1.6rem 3px .8rem;
+     padding: 3px 16px 3px 8px;
      background: #A2CBE9;
      color: #000;
@@ -912 +919 @@
 /* h1 */
 h1 {
-     text-indent: -1000px;
+     text-indent: 100%;
      width: 16.5em;
      }
@@ -919 +926 @@
      top: 0;
      left: 0;
-     width: 15em;
-     height: 36px;
-     /* ie < 9 sucks */
-     height: 3.6rem;
+     width: 150px;
+     height: 3em;
      color: #fff;
      background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 6px;
@@ -979 +984 @@
      padding: 10px 0 10px 8px;
      color: #676e78;
-     font-size: 14px; /* ie < 9 sucks */
-     font-size: 1.4rem;
+     font-size: 1.15em;
      }
 #favorites-menu h3 {
@@ -1025 +1029 @@
      }
 #search-menu * {
-     height: 22px; /* ie < 9 sucks */
-     height: 2.2rem;
+     height: 2em;
      display: inline-block;
      vertical-align: top;
-     line-height: 22px;
+     line-height: 24px;
      }
 #search-menu p {
@@ -1035 +1038 @@
      border-radius: .3em;
      position: relative;
+     width: 95%;
      overflow: hidden;
      }
 #qx {
-     width: 124px; /* ie < 9 sucks */
-     width: 12.4rem;
+     width: 80%;
      border-bottom-left-radius: .3em;
      border-top-left-radius: .3em;
@@ -1046 +1049 @@
      padding: 0;
      border: none;
-     height: 22px;
-     height: 2.2rem;
+     height: 2em;
      }
 #qx:focus {
@@ -1053 +1055 @@
      }
 #search-menu input[type="submit"] {
-     padding: 0 3px;
-     padding: 0 .3rem;
-     margin-left: -4px;
+     padding: 0 .25em;
+     margin-left: .33em;
      background: #dfdfdf;
      border-color: #999;
@@ -1066 +1067 @@
      border: none;
      border-left: 1px solid #999;
-     font-size: 10px; /* ie < 9 sucks */
-     font-size: 1rem;
+     font-size: .91em;
+     float: right;
      }
 #search-menu input[type="submit"]:hover,
@@ -1077 +1078 @@
 .part-tabs ul {
      padding: .5em 0 0 1em;
-     border-bottom: 1px solid #dfdfdf;
-     line-height: 2;
+     border-bottom: 1px solid #ccc;
+     line-height: 1.8;
      }
 .part-tabs li {
@@ -1085 +1086 @@
      display: inline;
      }
+.part-tabs li:first-child a {
+     border-top-left-radius: 3px;
+     }
+.part-tabs li:last-child a {
+     border-top-right-radius: 3px;
+     }
 .part-tabs li a {
-     padding: .5em 2em;
+     padding: .33em 1.5em;
      margin-right: -1px;
      border: 1px solid #ccc;
@@ -1108 +1115 @@
      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 {
@@ -1121 +1160 @@
      top: 0;
      right: 0;
-     width: 280px; /* ie < 9 sucks */
-     width: 28rem;
+     width: 24em;
      border-left: 2px solid #FFD478;
      border-top: 2px solid #FFD478;
@@ -1137 +1175 @@
      cursor: pointer;
      color: #2373A8;
-     line-height: 36px; /* ie < 9 sucks */
-     line-height: 3.6rem;
+     line-height: 3;
      }
 #help-button.floatable {
@@ -1149 +1186 @@
      position: fixed;
      top: 10px;
+     -webkit-transform:translateZ(0);   /* Let GPU doing his job */
      }
 .no-js #help-button {
@@ -1157 +1195 @@
      }
 #content.with-help #help-button {
-     right: 280px; /* ie < 9 sucks */
-     right: 28rem;
+     right: 24em;
      background-color: #f5f5f5;
      position: fixed;
@@ -1371 +1408 @@
      width: 20em;
      margin: 1.5em auto 0;
-     font-size: 14px; /* ie < 9 sucks */
-     font-size: 1.4rem;
+     font-size: 1.16em;
      }
 #login-screen h1 {
@@ -1386 +1422 @@
      padding: 1em 1em 0 1em;
      background: #fff;
+     margin-bottom: 0;
      }
 #login-screen input[type=text], #login-screen input[type=password], #login-screen input[type=submit],
@@ -1392 +1429 @@
      margin: 0;
      padding: 5px 3px;
-     -webkit-box-sizing: border-box;    
-     -moz-box-sizing: border-box;
-     box-sizing: border-box;
      }
 #login-screen input.login, #login-screen input.login:focus {
@@ -1403 +1437 @@
 #login-screen #issue {
      margin-left: 1.33em;
-     font-size: 12px; /* ie < 9 sucks */
-     font-size: 1.2rem;
+     font-size: .91em;
+     }
+#issue p:first-child {
+     text-align: right;
      }
 #login-screen #issue strong {
@@ -1411 +1447 @@
 /* ------------------------------------------------------------------------- index.php */
 #dashboard-main {
-     padding: 1em 0;
+     padding: 1em;
+     text-align: center;
      }
 /* raccourcis */
@@ -1420 +1457 @@
      }
 #icons p {
-     width: 170px;
+     width: 14em;
      text-align: center;
      margin: 1em 0 2em;
@@ -1454 +1491 @@
 /* billet rapide */
 #quick {
-     margin-top: 1em;
-     padding-top: 1em;
+     padding: 1em;
+     max-width: 976px;
+     margin: 0 auto;
+     background: #f5f5f5;
+     box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
+     text-align: left;
      }
 #quick h3 {
@@ -1482 +1523 @@
 /* modules additionnels */
 #dashboard-boxes {
-     margin: 2em auto 1em;
+     margin: 1em auto 1em;
      padding-top: 2em;
      }
@@ -1569 +1610 @@
      }
 /* ------------------------------------------------------------------- blog_theme.php */
+/* pour les alignements verticaux */
+#theme-new, #theme-activate, #theme-deactivate {
+     margin-left: -10px;
+     margin-right: -10px;
+     }
 .box.theme {
-     margin: .5em;
+     margin: 5px;
      padding: 10px 10px 5px 10px;
      border: 1px solid #dfdfdf;
-     min-height: 295px;
      position: relative;
      }
@@ -1579 +1624 @@
      background: #ecf0f1 url(texture.png);
      }
-#theme-new .box.theme {
-     width: 280px;
-     }
-#theme-activate .box.theme {
-     min-height: 330px;
-     }
 .module-name {
      margin-bottom: .5em;
@@ -1592 +1631 @@
      }
 .module-sshot img {
-     padding: .5em;
+     padding: 5px;
      background: #f7f7f7;
      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
      border: 3px solid #fff;
-     padding: .5em;
-     }
-.theme .module-sshot img {
-     max-width: 280px; /* pour ceux qui n'ont pas de miniature */
-     }
-#theme-new .theme .module-sshot img {
-     max-width: 240px; /* pour ceux qui n'ont pas de miniature */
+     max-width: 100%;
+     }
+.module-actions {
+     margin-top: 1em;
+     }
+.bloc-toggler {
+     text-align: right;
+     }
+.bloc-toggler img {
+     opacity: .4;
+     }
+.bloc-toggler img:hover {
+     opacity: 1;
+     }
+.bloc-toggler a:focus img {
+     opacity: 1;
+     }
+span.module-version:before {
+     content: "- ";
+     }
+.toggle-bloc .mod-more {
+     display: block;
+     margin-left: 0;
+     }
+.box.theme input {
+     margin-bottom: 1em;
+     }
+/**
+Les screenshots des thèmes ont deux tailles possibles :
+- dans Ajouter des thèmes : 240px (+ 10 padding image + 20 padding boîte + 6 bordure + 2 ombrage = 278)
+- dans Thèmes installés : 280px (+ 10 padding-image + 20 padding-boîte + 2 ombrage = 318)
+On adapte largeur et hauteur en fonction 
+*/
+#theme-new .box.theme { /* Ajouter un thème */
+     width: 278px;
+     min-height: 275px;
+     }
+#theme-new .module-sshot img { /* Pour ceux qui n'ont pas de miniature on contraint l'image */
+     max-width: 240px;
      max-height: 210px;
      overflow: hidden;
      }
-.module-actions {
-     margin-top: 1em;
-     }
-.bloc-toggler {
-     text-align: right;
-     }
-.bloc-toggler img {
-     opacity: .4;
-     }
-.bloc-toggler img:hover {
-     opacity: 1;
-     }
-.bloc-toggler a:focus img {
-     opacity: 1;
-     }
-span.module-version:before {
-     content: "- ";
-     }
+#theme-deactivate .box.theme { /* Thèmes désactivés */
+     width: 278px;
+     }
+#theme-activate .box.theme { /* Thèmes installés */
+     width: 318px;
+     min-height: 304px;
+     max-width: 100%;
+     }
+#theme-deactivate .box.theme:hover {
+     background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right;
+     }
+/* si js est là, les infos viennent par dessus le screenshot */
 .with-js #theme-new .module-infos.toggle-bloc,
 .with-js #theme-new .module-actions.toggle-bloc {
      position: absolute;
-     top: 138px;
      left: 10px;
      width: 239px;
+     margin: 0;
      padding: 10px;
      background: rgba(250, 250, 250, .95);
      }
 .with-js #theme-new .module-infos.toggle-bloc {
-     top: 138px;
+     top: 128px;
      height: 80px;
      border-top: 1px solid #e3e3e3;
      }
 .with-js #theme-new .module-actions.toggle-bloc {
-     top: 228px;
-     height: 18px;
-     margin: 0;
+     top: 208px;
+     height: 40px;
      border-bottom: 1px solid #e3e3e3;
      }
-.toggle-bloc .mod-more {
-     display: block;
-     margin-left: 0;
-     }
-.box.current-theme {
-     width: 652px;
-     margin: .5em;
-     padding: 10px 18px;
+.with-js .module-sshot:hover {
+     cursor: pointer;
+     }
+/* mise en forme pour la boîte du thème courant */
+.box.current-theme { /* Thème courant */
+     width: 646px;
+     margin: 5px;
+     padding: 20px 18px 6px;
      background: #fff url(texture.png);
      border: 1px solid #eee;
      border-radius: .5em;
-     min-height: 330px;
+     min-height: 326px;
      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
+     position: relative;
+     }
+.current-theme .module-sshot:hover {
+     cursor: auto;
      }
 .current-theme .module-sshot img {
      float: left;
      margin-right: 2em;
-     margin-bottom: 1em;
-     border: 3px solid #fff;
-     padding: .5em;
+     border: 9px solid #fff;
+     padding: 5px;
+     max-width: 308px;
+     max-height: 273px;
      }
 .current-theme .module-name {
      color: #D33800;
-     font-size: 1.33em;
-     }
-.box.theme input {
+     font-size: 1.5em;
      margin-bottom: 1em;
      }
@@ -1675 +1742 @@
      width: auto;
      overflow: hidden;
-     padding-top: 3em;
+     padding-top: 2em;
      margin: 1.5em 0 2em;
      background: transparent url(../images/minus-theme.png) no-repeat left top;
+     }
+.current-theme .actions-buttons {
+     position: absolute;
+     bottom: 0;
+     right: 18px;
      }
 /* ------------------------------------------------------------------ categories.php */
@@ -1721 +1793 @@
      float: right;
      margin-top: -.2em;
-     font-size: 11px;
+     font-size: .91em;
      }
 .cat-buttons select {
@@ -1750 +1822 @@
      margin: 9px;
      padding: 10px 12px 6px;
-     width: 300px;
+     width: 320px;
      display: inline-block;
      vertical-align: top;
@@ -1794 +1866 @@
 li.media-action a {
      border: none;
+     }
+li.media-action a.attach-media {
+     margin-right: 5px;
      }
 li.media-action form {
@@ -1931 +2006 @@
 .upload-progress div {
      width: 0;
-     height: 1em;
-     padding: .2em 0;
-     font-size: 0.8em;
+     height: 1.2em;
      font-weight: bold;
-     line-height: 1em;
+     line-height: 1.2em;
      text-align: right;
      background: green url(loader.png) repeat-x left top;
@@ -1997 +2070 @@
      padding: 4px 4px 0 20px;
      }
+.modules a.module-config {
+     /* todo: add icon here */
+     padding: 4px 4px 0 20px;
+     }
 #m_search {
      background: transparent url(search.png) no-repeat 4px center;
@@ -2036 +2113 @@
      margin-left: 0;
      }
-#entry-content label {
-     text-transform: uppercase;
-     font-weight: bold;
-     margin-top: 2em;
-     display: inline-block;
-     }
-#entry-content label:first-child {
-     margin-top: 0;
-     }
 #entry-sidebar {
      width: 16em;
@@ -2050 +2118 @@
      }
 #entry-sidebar h4 {
-     font-size: 13px;
-     font-size: 1.3rem;
+     font-size: 1.08em;
      margin-top: .3em;
      }
@@ -2137 +2204 @@
 /* --------------------------------------------------------------------- user.php */
 .blog-perm {
+     padding-top: 2em;
+     }
+.blog-perm {
      margin-top: 2em;
      font-weight: bold;
@@ -2158 +2228 @@
      font-size: 2em;
      }
+.guideline #content h2:first-child {
+     margin-top: 0;
+     padding-top: .5em;
+     }
 .guideline h3 {
      margin-top: 2em;
@@ -2168 +2242 @@
      padding: 2px .5em;
      }
+.guideline #main-menu ul {
+     margin: 0;
+     padding: 0;
+     font-weight: normal;
+     }
+.guideline #main-menu li {
+     padding-left: 1em;
+}
 /* ------------------------------------------------------------------------------------
                                                                                                     CLASSES
@@ -2331 +2413 @@
      font-variant: small-caps;
      }
+.index li {margin-bottom: 3px;}
 .index a {
      font-weight: bold;
@@ -2513 +2596 @@
                                                                            UN POIL DE MEDIA QUERIES
 ------------------------------------------------------------------------------------ */
-@media screen and (max-width: 1000px) {
+@media screen and (min-width: 117em) {
+body {
+     border: 1px solid #ccc;
+     border-top-width: 0;
+     }
+}
+@media screen and (min-width: 80em) {
+html {
+     background: #fff;
+     }
+body {
+     max-width: 140em;
+     margin: 0 auto;
+     }
+#wrapper {
+     background: #F7F7F7 url(bg_wrapper.png) repeat-y 18em;
+     }
+#main {
+     margin-left: -17em;
+     }
+#content {
+     margin: 0 0 0 17em;
+     }
+#main-menu {
+     width: 17em;
+     }
+#collapser {
+     left: 17em;
+     }
+h1 {
+     width: 19.5em;
+     }
+}
+@media screen and (max-width: 61em) {
 #top-info-blog #switchblog {
      max-width: 16em;
@@ -2520 +2636 @@
      margin-left: 2em;
      }
-}
-@media screen and (max-width: 960px) {
 #header {
      display: block;
@@ -2561 +2675 @@
      }
 }
-@media screen and (max-width: 700px) {
+@media screen and (max-width: 48em) {
+     #dashboard-boxes .box.medium, .box.medium,
+     #dashboard-boxes .box.small, .box.small,
+     #dashboard-boxes .box.large, .box.large {
+     width: 95%;
+     margin: 10px auto;
+     }
+}
+@media screen and (max-width: 44em) {
 #help-button {
      height: 26px;
@@ -2568 +2690 @@
      padding: 0;
      margin: 0;
-     font-size: 10px;
-     font-size: 1rem;
+     font-size: .83em;
      line-height: 68px;
      overflow: hidden;
@@ -2576 +2697 @@
      top: 77px;
      }
-.one-box, .two-boxes, .two-boxes.odd, .two-boxes.even, .box,
+.one-box, .two-boxes, .box,
      .two-cols .col {
-     width: 100%;
+     width: 96%;
      margin-left: 0;
      margin-right: 0;
      }
+#entry-wrapper {
+     float: none;
+     width: 100%;
+     margin-right: 0;
+     }
+#entry-content {
+     margin-right: 0;
+     margin-left: 0;
+     }
+#entry-sidebar {
+     width: 100%;
+     float: none;
+     }
 }
-@media screen and (max-width: 600px) {
+@media screen and (max-width: 38em) {
 #header h1, #header h1 a {
      width: 42px !important;
@@ -2589 +2723 @@
      }
 h1 a:link {
-     background: transparent url(dc_logos/b-dotclear120.png) no-repeat -180px 6px;
+     background: transparent url(dc_logos/b-dotclear120.png) no-repeat -270px 6px;
      border-right: 1px solid #ccc;
      }
 h1 a:hover, h1 a:focus {
-     background: url(dc_logos/b-dotclear120.png) no-repeat -180px -94px;
+     background: url(dc_logos/b-dotclear120.png) no-repeat -270px -94px;
      border-right: 1px solid #A2CBE9;
      }
@@ -2601 +2735 @@
      width: 100%;
      margin: 0;
+     }
+#dashboard-main {
+     padding: 0;
      }
 #main-menu a {
@@ -2617 +2754 @@
      }
 #main #content > h2 {
-     margin: 0;
-     padding: 6px 30px 6px 0;
-     }
-#dashboard-boxes .box.medium,
-     #dashboard-boxes .box.small,
-     #dashboard-boxes .box.large {
-     width: 100%;
+     margin: 0 -.5em 1em;
+     padding: 6px 30px 4px .5em;
+     }
+#dashboard-boxes .box.medium, .box.medium,
+     #dashboard-boxes .box.small, .box.small,
+     #dashboard-boxes .box.large, .box.large {
+     width: 95%;
      margin: 10px auto;
      }
+.cell, #filters-form .cell {
+     display: inline-block;
+     border: none;
+     padding: 1em;
+     vertical-align: bottom;
+     }
 }
-@media screen and (max-width: 420px) {
+@media screen and (max-width: 26.5em) {
 h1, h1 a {
      padding: 0;
@@ -2642 +2785 @@
      margin-bottom: .5em;
      }
+#wrapper {
+     font-size: 1.4em;
+     }
+#content.with-help #help-button {
+     top: 120px;
+     right: 20.5em;
+     }
+#content.with-help #help {
+     font-size: 12px;
+     }
+p.top-add {
+     margin-bottom: .5em;
+     text-align: center;
+     }
+.multi-part {
+     padding-left: 0;
+     }
+.part-tabs ul {
+     margin: 1em 0;
+     padding: 0 .5em;
+     }
+.part-tabs li a {
+     display: block;
+     width: 100%;
+     }
 #icons p {
-     width: 150px;
-     }
-#content.with-help #help-button {
-     top: 101px;
+     width: 9em;
+     padding: 1em .25em;
+     }
+.media-item {
+     width: 90%;
+     }
+#theme-new, #theme-activate, #theme-deactivate {
+     margin-left: 0;
+     margin-right: 0;
+     }
+.box.current-theme {
+     margin: 5px;
+     padding: 10px;
+     width: 100%;
+     }
+.current-theme .module-sshot img {
+     margin: 0;
+     float: none;
+     max-width: 100%;
+     }
+table .maximal {
+     min-width: 14em;
+     }
+th, td {
+     padding: 0.3em 1em 0.3em 0;
      }
 }