better ordering for tags
[redakcja.git] / redakcja / static / css / filelist.css
1 /*
2     Document   : filelist
3     Created on : 2009-09-04, 20:44:44
4     Author     : lreqc
5     Description:
6         Dodatkowe style dla listy plików na stronie głównej.
7 */
8
9 body {
10     margin: 0;
11     font-family: verdana, sans-serif;
12     font-size: 10px;
13 }
14
15 img {
16     border: 0;
17 }
18
19 th {
20     text-align: left;
21 }
22
23 td {
24     vertical-align: top;
25     padding: 0 3px;
26 }
27 .clr {
28     clear: both;
29 }
30
31 #tabs-nav {
32     padding: 5px 5px 0 10px;
33     background: #ffdfbf;
34     border-bottom: 1px solid #ff8000;
35     position: relative;
36 }
37
38 #tabs-nav-left {
39     margin-left: 80px;
40 }
41
42 #tabs-nav-left a {
43     display: block;
44     float: left;
45     padding: 5px 20px 5px 20px;
46     margin-bottom: -1px;
47     border-width: 1px;
48     border-style: solid;
49     border-color: rgba(0,0,0,0);
50 }
51
52 #tabs-nav-left .active {
53     background: white;
54     border-color: #ff8000 #ff8000 white #ff8000;
55 }
56
57 .section {
58     border-top: 1px solid #ffdfbf;
59     margin-top: 2em;
60     padding-top: 1em;
61 }
62
63 .editable td {
64     padding: 1px;
65 }
66 .editable input, .editable select, .editable textarea {
67     width: 400px;
68 }
69 .editable .number-input {
70     width: 100px;
71 }
72
73
74 #login-box {
75     float: right;
76 }
77
78 #logo {
79     position: absolute;
80     bottom: 0;
81 }
82
83 #content {
84     padding: 10px;
85 }
86
87
88
89 #catalogue_layout_left_column {
90         overflow: visible;
91         float: left;
92         max-width: 60%;
93         padding-right: 2%;
94         border-right: 1px dashed black;
95
96 }
97
98 #catalogue_layout_right_column {
99         float: left;
100         max-width: 30%;
101         margin-left: 5%;
102 }
103
104 #last-edited-list ul {
105         margin: 0px;
106 }
107
108 #last-edited-list li {
109         margin-bottom: 1em;
110 }
111
112 #last-edited-list .date {
113         font-size: 70%;
114         color: grey;
115 }
116
117 a, a:visited, a:active {
118         color: #bf6000;
119         text-decoration: none;
120 }
121
122 a.btn {
123     color: #fff;
124 }
125
126 a:hover {
127         text-decoration: underline;
128 }
129
130
131
132 .error {
133     color: red;
134     font-weight: bold;
135 }
136
137 .success {
138     color: green;
139 }
140
141 #error-list {
142     color: red;
143 }
144
145 #skipped-list {
146     color: #666;
147 }
148
149 .chunkno {
150     font-size: .7em;
151     padding-left: 2em;
152 }
153
154
155 /* Big cheesy publish button */
156 #publish-button {
157         color: black;
158         border: 2px solid black; 
159         border-radius: 20px;
160         box-shadow: 0px 0px 15px #88f;
161         /*moz-border-radius: 20px;
162         -moz-box-shadow: 10px 10px 5px #888;*/
163         font-size:1.5em; 
164         padding: 1em; 
165         background: -moz-linear-gradient(top,  #fff,  #44f);
166         -moz-transition: all 0.5s ease-in-out;        
167         margin: 20px;
168 }
169
170 #publish-button:hover {
171     -moz-transition: all 0.5s ease-in-out;        
172     -moz-transform: scale(1.1);
173     background: -moz-linear-gradient(top,  #fff,  #88f);
174     -moz-box-shadow: 0px 0px 30px #ff8;
175 }
176
177 #publish-button:active {
178     background: -moz-linear-gradient(top,  #88f,  #fff);
179 }
180
181
182 /* book list */
183
184 .book-search-column input {
185     width: 96%;
186 }
187
188 .book-list-user .user-column {
189     display: none;
190 }
191
192
193 /* wall */
194 .wall {
195     padding-left: 0;
196     list-style: none;
197 }
198
199 .wall li {
200     clear: left;
201     border-top: 1px dotted gray;
202     padding: 0 1em 2em 1em;
203     margin-bottom: 0;
204 }
205
206 .wall .gravatar {
207     float: left;
208     margin-right: 1em;
209     margin-left: -1em;
210 }
211 .wall h3 {
212     font-size: 1.25em;
213     margin-top: 0;
214 }
215
216 .wall .time {
217     /* float:right; */
218 }
219
220 .wall .anonymous {
221     background-color: #efa;
222 }
223
224 .wall .comment {
225     background-color: #dfc;
226 }
227
228 .wall .publish {
229     background-color: #fdc;
230 }
231
232 div.cover-preview {
233         width: 216px;
234         min-height: 300px;
235         float: left;
236         margin-right: 2em;
237 }
238
239 img.cover-preview {
240         width: 216px;
241         height: 300px;
242 }