slitaz-forge view doc/lib/tpl/slitaz-brown/media.css @ rev 9

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