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;