Mercurial > defr > drupal > scald > dnd
comparison dnd_test/dnd_test.css @ 10:5d2ae5b8eae2
Trying out pure image solution.
author | David Eads <eads@chicagotech.org> |
---|---|
date | Fri, 27 Feb 2009 00:37:24 -0600 |
parents | c2eb995212bf |
children | a5b2b9fa2a1a |
comparison
equal
deleted
inserted
replaced
9:4626f7e31aa0 | 10:5d2ae5b8eae2 |
---|---|
3 float: left; | 3 float: left; |
4 width: 100%; | 4 width: 100%; |
5 } | 5 } |
6 .dnd-library-wrapper { | 6 .dnd-library-wrapper { |
7 float: left; | 7 float: left; |
8 width: 220px; | 8 width: 250px; |
9 margin-right: 20px; | 9 margin-right: 10px; |
10 margin-top: 1em; | 10 margin-top: 1em; |
11 border: 1px solid #aaa; | |
12 } | 11 } |
13 .dnd-library-wrapper .header { | 12 .dnd-library-wrapper .header { |
14 padding: 1px 4px; | 13 padding: 1px 4px; |
15 background-color: #ccc; | |
16 } | 14 } |
17 .dnd-library-wrapper .header h3 { | 15 .dnd-library-wrapper .header h3 { |
18 font-size: 12px; | 16 font-size: 12px; |
19 font-weight: bold; | 17 font-weight: bold; |
20 } | 18 } |
28 font-weight: bold; | 26 font-weight: bold; |
29 padding: 0 5px; | 27 padding: 0 5px; |
30 } | 28 } |
31 #edit-body-wrapper { | 29 #edit-body-wrapper { |
32 float: left; | 30 float: left; |
33 width: 700px; | 31 width: 600px; |
32 } | |
33 .dnd-library-wrapper .library { | |
34 border: 1px solid #aaa; | |
35 float: left; | |
34 } | 36 } |
35 .dnd-library-wrapper .editor-item { | 37 .dnd-library-wrapper .editor-item { |
36 float: left; | 38 float: left; |
37 width: 220px; | 39 width: 250px; |
38 border-top: 1px solid #aaa; | 40 border-bottom: 2px solid #fff; |
39 margin-bottom: 1px; | 41 background-color: #ddd; |
40 } | 42 } |
41 .dnd-library-wrapper .editor-item > div { | 43 .dnd-library-wrapper .editor-item > div { |
42 padding: 5px 4px; | 44 padding: 3px; |
43 } | 45 } |
44 .dnd-library-wrapper div.image { | 46 .dnd-library-wrapper div.image { |
45 float: left; | 47 float: left; |
46 width: 64px; | 48 width: 32px; |
47 padding-left: 6px; | 49 padding-left: 4px; |
48 line-height: 1; | 50 line-height: 1; |
49 } | 51 } |
50 .dnd-library-wrapper div.meta { | 52 .dnd-library-wrapper div.meta { |
51 float: left; | 53 float: left; |
52 width: 110px; | 54 width: 149px; |
55 line-height: 1.2; | |
53 } | 56 } |
54 .dnd-library-wrapper .title { | 57 .dnd-library-wrapper .title { |
55 font-weight: bold; | 58 font-weight: bold; |
59 font-size: 12px; | |
56 } | 60 } |
57 .dnd-library-wrapper .date, .dnd-library-wrapper .author { | 61 .dnd-library-wrapper .date, .dnd-library-wrapper .author { |
58 font-size: .75em; | 62 font-size: 10px; |
63 float: left; | |
64 margin-top: .5em; | |
65 } | |
66 .dnd-library-wrapper .author { | |
67 margin-right: 1em; | |
59 } | 68 } |
60 .dnd-library-wrapper .editor-item .sizes { | 69 .dnd-library-wrapper .editor-item .sizes { |
61 float: left; | 70 float: left; |
62 width: 18px; | 71 width: 50px; |
72 margin-top: 14px; | |
73 line-height: 1; | |
63 } | 74 } |
64 .dnd-library-wrapper .editor-item .sizes ul { | 75 .dnd-library-wrapper .editor-item .sizes ul { |
65 list-style-type: none; | 76 list-style-type: none; |
66 margin: 0; | 77 margin: 0; |
67 } | 78 } |
68 .dnd-library-wrapper .editor-item .sizes ul li { | 79 .dnd-library-wrapper .editor-item .sizes ul li { |
69 background: none; | 80 background: none; |
70 list-style-type: none; | 81 list-style-type: none; |
82 display: inline; | |
71 padding: 0; | 83 padding: 0; |
72 margin: 0; | 84 margin: 0 0 0 2px; |
73 } | 85 } |
74 .dnd-library-wrapper .editor-item .sizes a { | 86 .dnd-library-wrapper .editor-item .sizes a { |
75 float: left; | 87 float: left; |
76 display: block; | 88 display: block; |
77 font-size: 9px; | 89 font-size: 9px; |