comparison modules/dnd_test/dnd_test.css @ 26:45c6c48c2a88

Moved dnd_test module.
author David Eads <eads@chicagotech.org>
date Wed, 11 Mar 2009 22:52:20 -0500
parents dnd_test/dnd_test.css@69db20fdbac2
children
comparison
equal deleted inserted replaced
25:e71df38143d1 26:45c6c48c2a88
1 /* This is bad stuff! */
2 .body-field-wrapper {
3 float: left;
4 width: 100%;
5 }
6 .dnd-library-wrapper {
7 float: left;
8 width: 250px;
9 margin-right: 10px;
10 margin-top: 1em;
11 }
12 .dnd-library-wrapper .header {
13 padding: 1px 4px;
14 }
15 .dnd-library-wrapper .header h3 {
16 font-size: 12px;
17 font-weight: bold;
18 }
19 .dnd-library-wrapper .footer {
20 float: left;
21 width: 100%;
22 border-top: 1px solid #aaa;
23 background-color: #ccc;
24 }
25 .dnd-library-wrapper .pager {
26 font-weight: bold;
27 padding: 0 5px;
28 }
29 #edit-body-wrapper {
30 float: left;
31 width: 600px;
32 }
33 .dnd-library-wrapper .library {
34 border: 1px solid #aaa;
35 float: left;
36 }
37 .dnd-library-wrapper .editor-item {
38 float: left;
39 width: 250px;
40 border-bottom: 2px solid #fff;
41 background-color: #ddd;
42 }
43 .dnd-library-wrapper .editor-item > div {
44 padding: 3px;
45 }
46 .dnd-library-wrapper div.image {
47 float: left;
48 width: 32px;
49 padding-left: 4px;
50 line-height: 1;
51 }
52 .dnd-library-wrapper div.meta {
53 float: left;
54 width: 149px;
55 line-height: 1.2;
56 }
57 .dnd-library-wrapper .title {
58 font-weight: bold;
59 font-size: 12px;
60 }
61 .dnd-library-wrapper .date, .dnd-library-wrapper .author {
62 font-size: 10px;
63 float: left;
64 margin-top: .5em;
65 }
66 .dnd-library-wrapper .author {
67 margin-right: 1em;
68 }
69 .dnd-library-wrapper .editor-item .sizes {
70 float: left;
71 width: 50px;
72 margin-top: 14px;
73 line-height: 1;
74 }
75 .dnd-library-wrapper .editor-item .sizes ul {
76 list-style-type: none;
77 margin: 0;
78 }
79 .dnd-library-wrapper .editor-item .sizes ul li {
80 background: none;
81 list-style-type: none;
82 display: inline;
83 padding: 0;
84 margin: 0 0 0 2px;
85 }
86 .dnd-library-wrapper .editor-item .sizes a {
87 float: left;
88 display: block;
89 font-size: 9px;
90 line-height: 9px;
91 margin-bottom: 2px;
92 width: 19px;
93 text-align: center;
94 }
95 .dnd-library-wrapper .editor-item .sizes a:link,
96 .dnd-library-wrapper .editor-item .sizes a:visited,
97 .dnd-library-wrapper .editor-item .sizes a:active {
98 border: 1px solid #888;
99 color: #fff;
100 cursor: move;
101 text-align: center;
102 }
103 .dnd-library-wrapper .editor-item .sizes a:hover,
104 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:link,
105 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:visited,
106 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:active {
107 border: 1px solid #555;
108 color: #fff;
109 text-decoration: none;
110 }
111 .dnd-library-wrapper .editor-item .sizes a:hover span,
112 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted span {
113 background-color: #555;
114 }
115
116 .dnd-library-wrapper .editor-item .sizes a span {
117 display: block;
118 background-color: #888;
119 }
120 .dnd-library-wrapper .editor-item .sizes a.size-S span {
121 margin: 3px;
122 padding: 2px 0;
123 }
124 .dnd-library-wrapper .editor-item .sizes a.size-M span {
125 margin: 2px;
126 padding: 3px 0;
127 }
128 .dnd-library-wrapper .editor-item .sizes a.size-L span {
129 margin: 1px;
130 padding: 4px 0;
131 }
132 .dnd-library-wrapper .editor-item.dnd-child-inserted {
133 background-color: #ccc;
134 }
135 .dnd-editor-preview h2.title {
136 font-size: 1em;
137 font-weight: bold;
138 margin-bottom: 0.5em;
139 }
140 .dnd-editor-preview .media-preview {
141 float: left;
142 width: 125px;
143 }
144
145 .dnd-editor-preview .media-meta {
146 float: left;
147 width: 225px;
148 margin-right: 20px;
149 }
150
151 .dnd-editor-preview .attribution {
152 font-size: .875em;
153 margin-bottom: .5em;
154 }