rev |
line source |
pankso@9
|
1 /**
|
pankso@9
|
2 * The CSS in here cotrols the appearance of the media manager
|
pankso@9
|
3 */
|
pankso@9
|
4
|
pankso@9
|
5 #media__manager {
|
pankso@9
|
6 height: 100%;
|
pankso@9
|
7 overflow: hidden;
|
pankso@9
|
8 }
|
pankso@9
|
9
|
pankso@9
|
10 #media__left {
|
pankso@9
|
11 width: 30%;
|
pankso@9
|
12 border-right: solid 1px __border__;
|
pankso@9
|
13
|
pankso@9
|
14 height: 100%;
|
pankso@9
|
15 overflow: auto;
|
pankso@9
|
16 position: absolute;
|
pankso@9
|
17 left: 0;
|
pankso@9
|
18 }
|
pankso@9
|
19
|
pankso@9
|
20 #media__right {
|
pankso@9
|
21 width: 69.7%;
|
pankso@9
|
22
|
pankso@9
|
23 height: 100%;
|
pankso@9
|
24 overflow: auto;
|
pankso@9
|
25 position: absolute;
|
pankso@9
|
26 right: 0;
|
pankso@9
|
27 }
|
pankso@9
|
28
|
pankso@9
|
29 #media__manager h1 {
|
pankso@9
|
30 margin: 0;
|
pankso@9
|
31 padding: 0;
|
pankso@9
|
32 margin-bottom: 0.5em;
|
pankso@9
|
33 }
|
pankso@9
|
34
|
pankso@9
|
35 /* --- Tree formatting --- */
|
pankso@9
|
36
|
pankso@9
|
37 #media__tree img {
|
pankso@9
|
38 float:left;
|
pankso@9
|
39 padding: 0.5em 0.3em 0 0;
|
pankso@9
|
40 }
|
pankso@9
|
41
|
pankso@9
|
42 #media__tree ul {
|
pankso@9
|
43 list-style-type: none;
|
pankso@9
|
44 list-style-image: none;
|
pankso@9
|
45 }
|
pankso@9
|
46
|
pankso@9
|
47 #media__tree li {
|
pankso@9
|
48 clear: left;
|
pankso@9
|
49 list-style-type: none;
|
pankso@9
|
50 list-style-image: none;
|
pankso@9
|
51 }
|
pankso@9
|
52 *+html #media__tree li,
|
pankso@9
|
53 * html #media__tree li {
|
pankso@9
|
54 border: 1px solid __background__;
|
pankso@9
|
55 }/* I don't understand this, but this fixes a style bug in IE;
|
pankso@9
|
56 it's dirty, so any "real" fixes are welcome */
|
pankso@9
|
57
|
pankso@9
|
58 /* --- options --- */
|
pankso@9
|
59
|
pankso@9
|
60 #media__opts {
|
pankso@9
|
61 padding-left: 1em;
|
pankso@9
|
62 margin-bottom: 0.5em;
|
pankso@9
|
63 }
|
pankso@9
|
64
|
pankso@9
|
65 #media__opts input {
|
pankso@9
|
66 float: left;
|
pankso@9
|
67 position: absolute;
|
pankso@9
|
68 }
|
pankso@9
|
69 *+html #media__opts input,
|
pankso@9
|
70 * html #media__opts input {
|
pankso@9
|
71 position: static;
|
pankso@9
|
72 }
|
pankso@9
|
73
|
pankso@9
|
74 #media__opts label {
|
pankso@9
|
75 display: block;
|
pankso@9
|
76 float: left;
|
pankso@9
|
77 margin-left: 30px;
|
pankso@9
|
78 }
|
pankso@9
|
79 *+html #media__opts label,
|
pankso@9
|
80 * html #media__opts label {
|
pankso@9
|
81 margin-left: 10px;
|
pankso@9
|
82 }
|
pankso@9
|
83
|
pankso@9
|
84 #media__opts br {
|
pankso@9
|
85 clear: left;
|
pankso@9
|
86 }
|
pankso@9
|
87
|
pankso@9
|
88 /* --- file list --- */
|
pankso@9
|
89
|
pankso@9
|
90 #media__content img.load {
|
pankso@9
|
91 margin: 1em auto;
|
pankso@9
|
92 }
|
pankso@9
|
93
|
pankso@9
|
94 #media__content #scroll__here {
|
pankso@9
|
95 border: 1px dashed __border__;
|
pankso@9
|
96 }
|
pankso@9
|
97
|
pankso@9
|
98 #media__content .odd {
|
pankso@9
|
99 background-color: __background_other__;
|
pankso@9
|
100 padding: 0.4em;
|
pankso@9
|
101 }
|
pankso@9
|
102
|
pankso@9
|
103 #media__content .even {
|
pankso@9
|
104 padding: 0.4em;
|
pankso@9
|
105 }
|
pankso@9
|
106
|
pankso@9
|
107 #media__content a.mediafile {
|
pankso@9
|
108 margin-right: 1.5em;
|
pankso@9
|
109 font-weight: bold;
|
pankso@9
|
110 }
|
pankso@9
|
111
|
pankso@9
|
112 #media__content div.detail {
|
pankso@9
|
113 padding: 0.3em 0 0.3em 2em;
|
pankso@9
|
114 }
|
pankso@9
|
115
|
pankso@9
|
116 #media__content div.detail div.thumb {
|
pankso@9
|
117 float: left;
|
pankso@9
|
118 width: 130px;
|
pankso@9
|
119 text-align: center;
|
pankso@9
|
120 margin-right: 0.4em;
|
pankso@9
|
121 }
|
pankso@9
|
122
|
pankso@9
|
123
|
pankso@9
|
124 #media__content img.btn {
|
pankso@9
|
125 vertical-align: text-bottom;
|
pankso@9
|
126 }
|
pankso@9
|
127
|
pankso@9
|
128 #media__content div.example {
|
pankso@9
|
129 color: __text_neu__;
|
pankso@9
|
130 margin-left: 1em;
|
pankso@9
|
131 }
|
pankso@9
|
132
|
pankso@9
|
133 /* --- upload form --- */
|
pankso@9
|
134
|
pankso@9
|
135 #media__content div.upload {
|
pankso@9
|
136 font-size: 90%;
|
pankso@9
|
137 padding: 0 0.5em 0.5em 0.5em;
|
pankso@9
|
138 }
|
pankso@9
|
139
|
pankso@9
|
140 #media__content form#dw__upload {
|
pankso@9
|
141 display: block;
|
pankso@9
|
142 border-bottom: solid 1px __border__;
|
pankso@9
|
143 padding: 0 0.5em 1em 0.5em;
|
pankso@9
|
144 }
|
pankso@9
|
145 #media__content form#dw__upload fieldset {
|
pankso@9
|
146 padding: 0;
|
pankso@9
|
147 margin: 0;
|
pankso@9
|
148 border: none;
|
pankso@9
|
149 width: auto;
|
pankso@9
|
150 }
|
pankso@9
|
151 #media__content form#dw__upload p {
|
pankso@9
|
152 text-align: left;
|
pankso@9
|
153 padding: 0.25em 0;
|
pankso@9
|
154 margin: 0;
|
pankso@9
|
155 line-height: 1.0em;
|
pankso@9
|
156 }
|
pankso@9
|
157 #media__content form#dw__upload label.check {
|
pankso@9
|
158 float: none;
|
pankso@9
|
159 width: auto;
|
pankso@9
|
160 margin-left: 11.5em;
|
pankso@9
|
161 }
|
pankso@9
|
162
|
pankso@9
|
163 /* --- meta edit form --- */
|
pankso@9
|
164
|
pankso@9
|
165 #media__content form.meta {
|
pankso@9
|
166 display: block;
|
pankso@9
|
167 padding: 0 0 1em 0;
|
pankso@9
|
168 }
|
pankso@9
|
169
|
pankso@9
|
170 #media__content form.meta label {
|
pankso@9
|
171 display: block;
|
pankso@9
|
172 width: 25%;
|
pankso@9
|
173 float: left;
|
pankso@9
|
174 font-weight: bold;
|
pankso@9
|
175 margin-left: 1em;
|
pankso@9
|
176 clear: left;
|
pankso@9
|
177 }
|
pankso@9
|
178
|
pankso@9
|
179 #media__content form.meta .edit {
|
pankso@9
|
180 font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
|
pankso@9
|
181 float: left;
|
pankso@9
|
182 width: 70%;
|
pankso@9
|
183 padding-right: 0;
|
pankso@9
|
184 padding-left: 0.2em;
|
pankso@9
|
185 margin: 2px;
|
pankso@9
|
186 }
|
pankso@9
|
187
|
pankso@9
|
188 #media__content form.meta textarea.edit {
|
pankso@9
|
189 height: 8em;
|
pankso@9
|
190 }
|
pankso@9
|
191
|
pankso@9
|
192 #media__content form.meta div.metafield {
|
pankso@9
|
193 clear: left;
|
pankso@9
|
194 }
|
pankso@9
|
195
|
pankso@9
|
196 #media__content form.meta div.buttons {
|
pankso@9
|
197 clear: left;
|
pankso@9
|
198 margin-left: 20%;
|
pankso@9
|
199 padding-left: 1em;
|
pankso@9
|
200 }
|