Changeset 1428:3e80fc62b404 for admin/style

Timestamp:

08/18/13 10:32:55 (12 years ago)

Author:

Anne Kozlika <kozlika@…>

Branch:

default

Message:

blog_theme page enhancement. More pretty without javascript. Lighter look and no more scrollbar with javascript.

File:

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

admin/style/default.css

@@ -298 +298 @@
      font-weight: bold;
      border-bottom-color: #fff;
+     padding-bottom: .7rem;
 }
 /* ------------------------------------------------------------------ main-menu */
@@ -735 +736 @@
 /* -------------------------------------------------------------------- Themes */
 #themes {
-     border-bottom: 1px solid #ccc;
-     margin: 1em 0;
+     margin: 0;
+     width: 100%;
+     padding: 0;
+}
+#themes h3 {
 }
 #themes div.theme-details {
-     clear: left;
      border-top: 1px solid #ccc;
-     padding: 1em 0;
+     padding: 12px;
+     display: inline-block;
+     vertical-align: top;
+     width: 284px;
+}
+.current-theme {
+     background: #eef;
 }
 #themes div.theme-details:hover {
@@ -747 +756 @@
 }
 #themes div.theme-details div.theme-shot {
-     float: left;
 }
 #themes div.theme-details div.theme-shot img {
      display: block;
-     width: 57px;
-     height: 50px;
      border: 1px solid #ccc;
+     margin-bottom: 1.5em;
 }
 #themes div.theme-details div.theme-info {
-     margin-left: 67px;
 }
 #themes div.theme-details div.theme-info span.theme-desc {
@@ -765 +771 @@
 }
 #themes div.theme-details div.theme-actions {
-     margin-left: 67px;
-}
+}
+#themes-actions {
+     border-bottom: 1px solid #999;
+     margin-bottom: 3em;
+}
+.theme-css {
+     display: block;
+}
+
 /* Themes list, JS version */
+#themes-wrapper {
+     display: table;
+}
+#themes-wrapper #themes {
+     display: table-cell;
+     vertical-align: top;
+}
 #theme-box {
-     border: 1px solid #999;
-     border-left: none;
-     padding: 5px;
-     float: right;
-     height: 420px;
-     width: 320px;
-     overflow: auto;
+     display: table-cell;
+     vertical-align: top;
+     padding: 1rem 0; 
+     width: 312px;
+     background: #eef;
+     border: 1px solid #ccc;
+     border-radius: 3px;
 }
 #theme-box div.theme-shot img {
      display: block;
-     margin: 0 0 0 10px;
+     margin: 0 16px;
      width: 280px;
      height: 245px;
@@ -785 +805 @@
 }
 #theme-box div.theme-info {
-     margin: 1em 0 0 10px;
-}
-#theme-box h3 {
-     margin: 0;
-}
-#theme-box div.theme-info span {
-     display: block;
+     margin: 1em 16px;
+}
+#theme-box h4 {
+     color: #000;
 }
 #theme-box span.theme-version {
@@ -804 +821 @@
 }
 #theme-box div.theme-actions {
-     margin-left: 10px;
-}
-#themes-wrapper #themes {
-     border: 1px solid #999;
-     overflow: auto;
-     height: 420px;
-     padding: 5px;
-     margin: 0;
+     padding: 0 16px;
 }
 #themes div.theme-details-js {
@@ -817 +827 @@
      width: 120px;
      height: 150px;
-     margin: 0 10px 20px;
-     padding: 10px 10px 0;
+     margin: 0 12px 24px;
+     padding: 12px 12px 0;
      text-align: center;
      background: #f3f3f3;
-     border: 1px solid #f3f3f3;
+     border: 1px solid #ddd;
      cursor: pointer;
      border-radius: 4px;
@@ -829 +839 @@
 }
 #themes div.theme-details-js.theme-selected {
-     background: #E5E3DA;
+     background: #ddd;
      border: 1px solid #999;
 }
@@ -836 +846 @@
      height: 105px;
      border: 1px solid #fff;
-}
-#themes div.theme-details-js h3 {
-     font-family: inherit;
-     font-weight: normal;
-     margin: 0;
-     padding: 0;
 }
 /* ----------------------------------------------------------  Plugins list */