wybor styling
[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: 60px;
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:hover {
123         text-decoration: underline;
124 }
125
126
127
128 .error {
129     color: red;
130     font-weight: bold;
131 }
132
133 .success {
134     color: green;
135 }
136
137 #error-list {
138     color: red;
139 }
140
141 #skipped-list {
142     color: #666;
143 }
144
145 .chunkno {
146     font-size: .7em;
147     padding-left: 2em;
148 }
149
150
151 /* Big cheesy publish button */
152 #publish-button {
153         color: black;
154         border: 2px solid black; 
155         border-radius: 20px;
156         box-shadow: 0px 0px 15px #88f;
157         /*moz-border-radius: 20px;
158         -moz-box-shadow: 10px 10px 5px #888;*/
159         font-size:1.5em; 
160         padding: 1em; 
161         background: -moz-linear-gradient(top,  #fff,  #44f);
162         -moz-transition: all 0.5s ease-in-out;        
163         margin: 20px;
164 }
165
166 #publish-button:hover {
167     -moz-transition: all 0.5s ease-in-out;        
168     -moz-transform: scale(1.1);
169     background: -moz-linear-gradient(top,  #fff,  #88f);
170     -moz-box-shadow: 0px 0px 30px #ff8;
171 }
172
173 #publish-button:active {
174     background: -moz-linear-gradient(top,  #88f,  #fff);
175 }
176
177
178 /* book list */
179
180 .book-search-column input {
181     width: 96%;
182 }
183
184 .book-list-user .user-column {
185     display: none;
186 }
187
188
189 /* wall */
190 .wall {
191     padding-left: 0;
192     list-style: none;
193 }
194
195 .wall li {
196     clear: left;
197     border-top: 1px dotted gray;
198     padding: 0 1em 2em 1em;
199     margin-bottom: 0;
200 }
201
202 .wall .gravatar {
203     float: left;
204     margin-right: 1em;
205     margin-left: -1em;
206 }
207 .wall h3 {
208     font-size: 1.25em;
209     margin-top: 0;
210 }
211
212 .wall .time {
213     /* float:right; */
214 }
215
216 .wall .anonymous {
217     background-color: #efa;
218 }
219
220 .wall .comment {
221     background-color: #dfc;
222 }
223
224 .wall .publish {
225     background-color: #fdc;
226 }
227
228 div.cover-preview {
229         width: 216px;
230         min-height: 300px;
231         float: left;
232         margin-right: 2em;
233 }
234
235 img.cover-preview {
236         width: 216px;
237         height: 300px;
238 }