comparison 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
comparison
equal deleted inserted replaced
3:5df0783706f7 4:c2eb995212bf
1 /* This is bad stuff! */
1 .body-field-wrapper { 2 .body-field-wrapper {
2 float: left; 3 float: left;
3 width: 100%; 4 width: 100%;
4 } 5 }
5 6 .dnd-library-wrapper {
6 #edit-body-dnd-library {
7 float: left; 7 float: left;
8 width: 15%; 8 width: 220px;
9 text-align: center; 9 margin-right: 20px;
10 margin-top: 1em;
11 border: 1px solid #aaa;
10 } 12 }
11 #edit-body-dnd-library img { 13 .dnd-library-wrapper .header {
12 display: block; 14 padding: 1px 4px;
13 margin: 2px auto; 15 background-color: #ccc;
14 } 16 }
15 #edit-body-dnd-library .library a { 17 .dnd-library-wrapper .header h3 {
16 color: #000; 18 font-size: 12px;
17 display: block; 19 font-weight: bold;
18 padding: 4px; 20 }
19 margin-bottom: 6px; 21 .dnd-library-wrapper .footer {
20 text-decoration: none; 22 float: left;
23 width: 100%;
24 border-top: 1px solid #aaa;
25 background-color: #ccc;
26 }
27 .dnd-library-wrapper .pager {
28 font-weight: bold;
29 padding: 0 5px;
21 } 30 }
22 #edit-body-wrapper { 31 #edit-body-wrapper {
23 float: left; 32 float: left;
24 width: 85%; 33 width: 700px;
25 } 34 }
35 .dnd-library-wrapper .editor-item {
36 float: left;
37 width: 220px;
38 border-top: 1px solid #aaa;
39 margin-bottom: 1px;
40 }
41 .dnd-library-wrapper .editor-item > div {
42 padding: 5px 4px;
43 }
44 .dnd-library-wrapper div.image {
45 float: left;
46 width: 64px;
47 padding-left: 6px;
48 line-height: 1;
49 }
50 .dnd-library-wrapper div.meta {
51 float: left;
52 width: 110px;
53 }
54 .dnd-library-wrapper .title {
55 font-weight: bold;
56 }
57 .dnd-library-wrapper .date, .dnd-library-wrapper .author {
58 font-size: .75em;
59 }
60 .dnd-library-wrapper .editor-item .sizes {
61 float: left;
62 width: 18px;
63 }
64 .dnd-library-wrapper .editor-item .sizes ul {
65 list-style-type: none;
66 margin: 0;
67 }
68 .dnd-library-wrapper .editor-item .sizes ul li {
69 background: none;
70 list-style-type: none;
71 padding: 0;
72 margin: 0;
73 }
74 .dnd-library-wrapper .editor-item .sizes a {
75 float: left;
76 display: block;
77 font-size: 9px;
78 line-height: 9px;
79 margin-bottom: 2px;
80 width: 19px;
81 text-align: center;
82 }
83 .dnd-library-wrapper .editor-item .sizes a:link,
84 .dnd-library-wrapper .editor-item .sizes a:visited,
85 .dnd-library-wrapper .editor-item .sizes a:active {
86 border: 1px solid #888;
87 color: #fff;
88 cursor: move;
89 text-align: center;
90 }
91 .dnd-library-wrapper .editor-item .sizes a:hover,
92 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:link,
93 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:visited,
94 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:active {
95 border: 1px solid #555;
96 color: #fff;
97 text-decoration: none;
98 }
99 .dnd-library-wrapper .editor-item .sizes a:hover span,
100 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted span {
101 background-color: #555;
102 }
103
104 .dnd-library-wrapper .editor-item .sizes a span {
105 display: block;
106 background-color: #888;
107 }
108 .dnd-library-wrapper .editor-item .sizes a.size-S span {
109 margin: 3px;
110 padding: 2px 0;
111 }
112 .dnd-library-wrapper .editor-item .sizes a.size-M span {
113 margin: 2px;
114 padding: 3px 0;
115 }
116 .dnd-library-wrapper .editor-item .sizes a.size-L span {
117 margin: 1px;
118 padding: 4px 0;
119 }
120 .dnd-library-wrapper .editor-item.dnd-child-inserted {
121 background-color: #ffd;
122 }