diff dnd_test/dnd_test.css @ 4:c2eb995212bf

TONS of fixes in this commit.
author David Eads <eads@chicagotech.org>
date Thu, 19 Feb 2009 12:33:19 -0600
parents 5a44c430b7ac
children 5d2ae5b8eae2
line wrap: on
line diff
--- a/dnd_test/dnd_test.css	Tue Feb 17 15:46:36 2009 -0600
+++ b/dnd_test/dnd_test.css	Thu Feb 19 12:33:19 2009 -0600
@@ -1,25 +1,122 @@
+/* This is bad stuff! */
 .body-field-wrapper {
   float: left;
   width: 100%;
 }
-
-#edit-body-dnd-library {
+.dnd-library-wrapper {
   float: left;
-  width: 15%;
-  text-align: center;
+  width: 220px;
+  margin-right: 20px;
+  margin-top: 1em;
+  border: 1px solid #aaa;
 }
-#edit-body-dnd-library img {
-  display: block;
-  margin: 2px auto;
+.dnd-library-wrapper .header {
+  padding: 1px 4px;
+  background-color: #ccc;
 }
-#edit-body-dnd-library .library a {
-  color: #000;
-  display: block;
-  padding: 4px;
-  margin-bottom: 6px;
-  text-decoration: none;
+.dnd-library-wrapper .header h3 {
+  font-size: 12px;
+  font-weight: bold;
+}
+.dnd-library-wrapper .footer {
+  float: left;
+  width: 100%;
+  border-top: 1px solid #aaa;
+  background-color: #ccc;
+}
+.dnd-library-wrapper .pager {
+  font-weight: bold;
+  padding: 0 5px;
 }
 #edit-body-wrapper {
   float: left;
-  width: 85%;
+  width: 700px;
 }
+.dnd-library-wrapper .editor-item {
+  float: left;
+  width: 220px;
+  border-top: 1px solid #aaa;
+  margin-bottom: 1px;
+}
+.dnd-library-wrapper .editor-item > div {
+  padding: 5px 4px;
+}
+.dnd-library-wrapper div.image {
+  float: left;
+  width: 64px;
+  padding-left: 6px;
+  line-height: 1;
+}
+.dnd-library-wrapper div.meta {
+  float: left;
+  width: 110px;
+}
+.dnd-library-wrapper .title {
+  font-weight: bold;
+}
+.dnd-library-wrapper .date, .dnd-library-wrapper .author {
+  font-size: .75em;
+}
+.dnd-library-wrapper .editor-item .sizes {
+  float: left;
+  width: 18px;
+}
+.dnd-library-wrapper .editor-item .sizes ul {
+  list-style-type: none;
+  margin: 0;
+}
+.dnd-library-wrapper .editor-item .sizes ul li {
+  background: none;
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}
+.dnd-library-wrapper .editor-item .sizes a {
+  float: left;
+  display: block;
+  font-size: 9px;
+  line-height: 9px;
+  margin-bottom: 2px;
+  width: 19px;
+  text-align: center;
+}
+.dnd-library-wrapper .editor-item .sizes a:link,
+.dnd-library-wrapper .editor-item .sizes a:visited,
+.dnd-library-wrapper .editor-item .sizes a:active {
+  border: 1px solid #888;
+  color: #fff;
+  cursor: move;
+  text-align: center;
+}
+.dnd-library-wrapper .editor-item .sizes a:hover,
+.dnd-library-wrapper .editor-item .sizes a.dnd-inserted:link,
+.dnd-library-wrapper .editor-item .sizes a.dnd-inserted:visited,
+.dnd-library-wrapper .editor-item .sizes a.dnd-inserted:active {
+  border: 1px solid #555;
+  color: #fff;
+  text-decoration: none;
+}
+.dnd-library-wrapper .editor-item .sizes a:hover span,
+.dnd-library-wrapper .editor-item .sizes a.dnd-inserted span {
+  background-color: #555;
+}
+
+.dnd-library-wrapper .editor-item .sizes a span {
+  display: block;
+  background-color: #888;
+}
+.dnd-library-wrapper .editor-item .sizes a.size-S span {
+  margin: 3px;
+  padding: 2px 0;
+}
+.dnd-library-wrapper .editor-item .sizes a.size-M span {
+  margin: 2px;
+  padding: 3px 0;
+}
+.dnd-library-wrapper .editor-item .sizes a.size-L span {
+  margin: 1px;
+  padding: 4px 0;
+}
+.dnd-library-wrapper .editor-item.dnd-child-inserted {
+  background-color: #ffd;
+}