Changes in admin/style/default.css [2152:e0cb51d6543f:2195:70e4c0552ecc]

File:

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

admin/style/default.css

@@ -158 +158 @@
      -moz-box-sizing: border-box; 
      -webkit-box-sizing: border-box; 
-     box-sizing: border-box;  
+     box-sizing: border-box;
+     text-align: left;
      }
 .two-boxes {
@@ -1532 +1533 @@
                     }
 /* ------------------------------------------------------------------- blog_theme.php */
-#themes {
-     margin: 0;
-     width: 100%;
-     padding: 0;
-     }
-     .theme-details {
-          border-top: 1px solid #ccc;
-          padding: 12px;
-          display: inline-block;
-          vertical-align: top;
-          width: 284px;
-          }
-          .theme-details.current-theme {
-               background: #eef;
-               }
-          .theme-details:hover {
-               background: #f3f3f3;
-               }
-          .theme-shot img {
-               display: block;
-               border: 1px solid #ccc;
-               margin-bottom: 1.5em;
-               }
-          span.theme-desc {
-               display: block;
-               }
-          span.theme-version {
-               color: #676e78;
-               }
-          .theme-css {
-               display: block;
-               }
-     #themes-actions {
-          border-bottom: 1px solid #999;
-          margin-bottom: 3em;
-          }
-/* Themes list, JS version */
-#themes-wrapper {
-     display: table;
-     }
-     #themes-wrapper #themes {
-          display: table-cell;
-          vertical-align: top;
-          padding-left: 1em;
-          }
-     #theme-box {
-          display: table-cell;
-          vertical-align: top;
-          padding: 0;
-          width: 312px;
-          border: 1px solid #ccc;
-          border-radius: 3px;
-          }
-          #theme-box .theme-shot,
-          #theme-box .theme-info,
-          #theme-box .theme-actions {
-               background: #eef;
-               padding: 1em 16px;
-               margin: 0;
-               }
-          #theme-box .theme-shot img {
-               display: block;
-               width: 280px;
-               height: 245px;
-               border: 1px solid #ccc;
-               }
-          #theme-box h4 {
-               color: #000;
-               background: #eef;
-               }
-          #theme-box span.theme-version {
-               color: #676e78;
-               }
-          #theme-box span.theme-parent-ok {
-               color: #676e78;
-               }
-          #theme-box span.theme-parent-missing {
-               color: #c00;
-               font-weight:bold;
-               }
-          #theme-box .theme-actions {
-               border-bottom: 1px solid #ccc;
-               }
-#themes .theme-details-js {
+.box.theme {
+     margin: .5em;
+     padding: 1em 1em .5em 1em;
+     border: 1px solid #ccc;
+     }
+.box.current-theme {
+     width: 652px;
+     margin: .5em;
+     padding: 1em 0 .5em 1em;
+     background: #FCFDFD;
+     border: 1px solid #9AC123;
+     -webkit-border-radius: .5em;
+                  border-radius: .5em;  
+     }
+#theme-new .box.theme {
+     width: 280px;
+     }
+.module-name {
+     margin-bottom: .5em;
+     }
+.module-sshot img {
+     border: 1px solid #ddd;
+     padding: .5em;
+     background: #f7f7f7;
+     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
+     }
+.module-actions {
+     margin-top: 1em;
+     }
+.current-theme .module-sshot img {
      float: left;
-     width: 120px;
-     height: 150px;
-     margin: 0 12px 24px;
-     padding: 12px 12px 0;
+     margin-right: 2em;
+     margin-bottom: 1em;
+     }
+.bloc-toggler {
      text-align: center;
-     background: #f3f3f3;
-     border: 1px solid #ddd;
-     cursor: pointer;
-     border-radius: 4px;
-     }
-     #themes .theme-details-js label {
-          cursor: pointer;
-          }
-     #themes .theme-details-js.theme-selected {
-          background: #e7e7e7;
-          border: 1px solid #999;
-          }
-     #themes .theme-details-js .theme-shot img {
-          width: 120px;
-          height: 105px;
-          border: 1px solid #fff;
-          }
-     #themes a:focus div, #themes a:hover div,
-     #themes a:focus div.current-theme, #themes a:hover div.current-theme {
-          background: #bee74b;
-          }
+}
 /* ------------------------------------------------------------------ categories.php */
 #categories {
@@ -1947 +1874 @@
           }
 /* -------------------------------------------------------------------- plugins.php */
-#plugins td.action {
+.modules td.module-actions, .modules td.module-icon {
      vertical-align: middle;
      }
-.distrib img {
+.modules td.module-icon img:last-child {
+     width: 16px;
+     height: 16px;
+     }
+.modules td.module-icon img.expand {
+     margin-bottom: 3px;
+     }
+.modules td.module-distrib img {
      display: block;
      float: right;
-     margin-top: -1em;
+     }
+.modules dt {
+     font-weight: bold;
+     }
+.modules a.module-details {
+     background: transparent url(search.png) no-repeat 2px 2px;
+     padding: 4px 4px 0 20px;
+     }
+.modules a.module-support {
+     background: transparent url(../images/page_help.png) no-repeat 2px 2px;
+     padding: 4px 4px 0 20px;
+     }
+#m_search {    
+     background: transparent url(search.png) no-repeat 4px center;
+     padding-left: 20px;
+     }
+.modules tr.expand, .modules td.expand {
+     background: #f7f7f7;
+     border-color: #bee74b;
+     }
+.modules tr.expand td:first-child {
+     font-weight: bold;
+     background: #DFE5E7;
+     }
+.modules td.expand {
+     padding: 0;
+     }
+.mod-more, .mod-more li {
+     margin: .25em 0 0 1em;
+     padding: 0;
+     list-style-type: none;
+     }
+.mod-more {
+     padding-top: .5em;
      }
 /* ---------------------------------------------------------- post.php, page.php */