Mercurial > defr > drupal > scald > dnd

diff dnd_test/dnd_test.css @ 10:5d2ae5b8eae2

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Trying out pure image solution.
author David Eads <eads@chicagotech.org>
date Fri, 27 Feb 2009 00:37:24 -0600
parents c2eb995212bf
children a5b2b9fa2a1a
line wrap: on
line diff
--- a/dnd_test/dnd_test.css	Thu Feb 26 22:12:29 2009 -0600
+++ b/dnd_test/dnd_test.css	Fri Feb 27 00:37:24 2009 -0600
@@ -5,14 +5,12 @@
 }
 .dnd-library-wrapper {
   float: left;
-  width: 220px;
-  margin-right: 20px;
+  width: 250px;
+  margin-right: 10px;
   margin-top: 1em;
-  border: 1px solid #aaa;
 }
 .dnd-library-wrapper .header {
   padding: 1px 4px;
-  background-color: #ccc;
 }
 .dnd-library-wrapper .header h3 {
   font-size: 12px;
@@ -30,36 +28,49 @@
 }
 #edit-body-wrapper {
   float: left;
-  width: 700px;
+  width: 600px;
+}
+.dnd-library-wrapper .library {
+  border: 1px solid #aaa;
+  float: left;
 }
 .dnd-library-wrapper .editor-item {
   float: left;
-  width: 220px;
-  border-top: 1px solid #aaa;
-  margin-bottom: 1px;
+  width: 250px;
+  border-bottom: 2px solid #fff;
+  background-color: #ddd;
 }
 .dnd-library-wrapper .editor-item > div {
-  padding: 5px 4px;
+  padding: 3px;
 }
 .dnd-library-wrapper div.image {
   float: left;
-  width: 64px;
-  padding-left: 6px;
+  width: 32px;
+  padding-left: 4px;
   line-height: 1;
 }
 .dnd-library-wrapper div.meta {
   float: left;
-  width: 110px;
+  width: 149px;
+  line-height: 1.2;
 }
 .dnd-library-wrapper .title {
   font-weight: bold;
+  font-size: 12px;
 }
 .dnd-library-wrapper .date, .dnd-library-wrapper .author {
-  font-size: .75em;
+  font-size: 10px;
+  float: left;
+  margin-top: .5em;
+}
+.dnd-library-wrapper .author {
+  margin-right: 1em;
 }
 .dnd-library-wrapper .editor-item .sizes {
   float: left;
-  width: 18px;
+  width: 50px;
+  margin-top: 14px;
+  line-height: 1;
 }
 .dnd-library-wrapper .editor-item .sizes ul {
   list-style-type: none;
@@ -68,8 +79,9 @@
 .dnd-library-wrapper .editor-item .sizes ul li {
   background: none;
   list-style-type: none;
+  display: inline;
   padding: 0;
-  margin: 0;
+  margin: 0 0 0 2px;
 }
 .dnd-library-wrapper .editor-item .sizes a {
   float: left;