restore functionality without javascript
[opensuse:software-o-o.git] / public / css / software.css
1 #iso-wrapper {
2   padding: 0;
3   margin-right: 0;
4   padding-left: 15px;
5   padding-right: 15px;
6 }
7
8 #iso-wrapper h4 {
9   margin-top: 4px;
10   float:left
11 }
12
13 #iso-wrapper div.changeiso {
14   border: 2px solid #7C92A4;
15   min-height: 50px;
16   height: 5em;
17   margin-bottom: 10px;
18   color: #999;
19   cursor: pointer;
20   -moz-border-radius: 5px;
21   -webkit-border-radius: 5px;
22   background: #ffffff url('../images/gradien-light-grey.png') repeat-x scroll bottom left;
23 }
24
25 #iso-wrapper div.changeiso:hover {
26   border: 2px solid #690;
27 }
28 /*
29 #iso-wrapper div.changeiso:hover .icon_unselected  {
30   opacity: 0.7;
31   -moz-opacity: 0.7;
32   filter:alpha(opacity=70);
33 }
34
35 #iso-wrapper div.medium_selected {
36   border-color: #4987B3;
37   -moz-box-shadow: 0px 1px 4px #999;
38   -webkit-box-shadow: 0px 1px 4px #999;
39   box-shadow: 0px 1px 4px #999;
40   color: #333;
41 }*/
42
43 #iso-wrapper div.changeiso {
44   border-color: #4987B3;
45   -moz-box-shadow: 0px 1px 4px #999;
46   -webkit-box-shadow: 0px 1px 4px #999;
47   box-shadow: 0px 1px 4px #999;
48   color: #333;
49 }
50
51 #iso-wrapper div.changeiso div {
52   padding-top: 5px;
53   padding-bottom: 2px;
54   margin-right: 15px;
55 }
56
57 #iso-wrapper div.changeiso img { /* Icon */
58   margin: 5px 15px 0 7px;
59   float: left;
60   height: 48px;
61 }
62
63 .download_buttonClass {
64   -moz-box-shadow: 0px 1px 2px #ccc;
65   -webkit-box-shadow: 0px 1px 2px #ccc;
66   box-shadow: 0px 1px 2px #ccc;
67 /*  border-color: #690;
68   color: #690;*/
69   color: #069;
70   background-color: #eee;
71 }
72
73 .download_buttonClass {
74   border-width: 2px;
75 }
76
77 .download_buttonClass:hover {
78   -moz-box-shadow: 0px 1px 2px #ccc;
79   -webkit-box-shadow: 0px 1px 2px #ccc;
80   box-shadow: 0px 1px 2px #ccc;
81 }
82
83 #downloadButtonDiv {
84   float: right;
85 }
86
87 .icon_unselected {
88 /*  opacity: 0.5;
89   -moz-opacity: 0.5;
90   filter:alpha(opacity=50);*/
91 }
92
93 .icon_selected { opacity: 1; }
94 form div .l_change { display: block; margin-bottom: .5em; float:left;}
95
96 #popup {
97   padding: 0.5em;
98   width: 70%;
99   margin: 0 auto;
100   border: 3px solid #000000;
101   background: #ffffff;
102   position: absolute;
103   left: 0px;
104   z-index: 2;
105 }
106
107 /* Helper Styles */
108 .hidden { display: none; }
109 .help_icon { margin-right: 10px; }
110 .notavailable { color: gray; }
111
112 #iso-wrapper form {
113   margin-left: 20px;
114 }
115
116 .navlist {
117   margin-left: -4px;
118 }
119
120 #download_os,
121 #get_software {
122   padding: 7px 0;
123   text-align: center;
124   overflow: hidden;
125   background: url('../images/get_it128.png') no-repeat center;
126 }
127
128 #get_software {
129   padding-left: 120px;
130   padding-right: 20px;
131   background: url('../images/get_pack.png') no-repeat 10px -10px;
132   min-height: 90px;
133   height: 8em;
134 }
135
136 #derivativesDiv {
137   margin-left: 15px;
138   margin-bottom: 50px;
139 }
140
141 ul#addon_downloads li {
142   display: block;
143   vertical-align: middle;
144 }
145
146 ol#howtoproceed li {
147   margin: 12px;
148 }
149
150 ol#howtoproceed dt {
151   font-weight: bold;
152   margin-left: 24px;
153 }
154
155 ol#howtoproceed dd {
156   margin-left: 48px;
157 }
158
159 #search_form {
160   margin-left: auto;
161   margin-right: auto;
162   width: 300px;
163 }
164
165 #form_control {
166   margin-top: 10px;
167 }
168
169 #ajaxindicator {
170   color: #999;
171   background: url('http://static.opensuse.org/c/images/common/spinner_16.gif') no-repeat 0;
172   padding-left: 20px;
173   width: 80px;
174   margin-left: auto;
175   margin-right: auto;
176 }
177
178 #search_short {
179   text-align: center;
180 }
181
182 .search_o_wrapper {
183   border: 10px solid #fcfcfc;
184   height: auto;
185   clear: both;
186 }
187
188 .search_o_title {
189   display: block;
190   height: 1em;
191   border-top: 1px solid #CCC;
192   padding-top: 1ex;
193 }
194
195 .search_o_title div {
196   width: 49.5%;
197   float:left;
198 }
199
200 .search_o_title h3 {
201   font-size: 1.2em;
202   color: #F59F1A;
203 }
204
205 .search_o_title h4 {
206   font-size: 1em;
207   color: #999;
208 }
209
210 .description {
211   padding-top: 1ex;
212 }
213
214 .description .description-txt {
215   width: 70%;
216   float: left;
217   margin-bottom: 1em;
218 }
219
220 .install_btn {
221   float: right;
222   min-width: 135px;
223   height: 38px;
224   text-align: center;
225   background: transparent url(http://static.opensuse.org/hosts/software.o.o/css/images/inst_btn.png) no-repeat scroll top left;
226   white-space: nowrap;
227 }
228
229 .install_btn a {
230   display: block;
231   height: 38px;
232   line-height: 36px;
233   margin-left: 32px;
234   text-decoration: none !important;
235 }
236
237 .small_btn {
238   float: left;
239   width: 75px;
240   height: 22px;
241   margin-top: 3px;
242   padding-top: 2px;
243   text-align: center;
244   text-decoration: none;
245   text-decoration: none!important;
246   background: transparent url(http://static.opensuse.org/hosts/software.o.o/css/images/small_btn.png) no-repeat scroll top left; 
247 }
248
249 .description h4 {
250   color: #999;
251 }
252
253 #pkg_list_wrapper {
254   display: block;
255   clear: both;
256 }
257
258 .pkg_list {
259   width: 95%;
260   clear: both;
261 }
262
263 .pkg_list td {
264   padding: 4px;
265 }
266
267 .pkg_list .cell1 {
268   width: 20px;
269   font-weight: bold;
270 }
271
272 #pkg_list_wrapper h4 {
273   color: #999;
274   display: block;
275   width: 20em;
276   float: left;
277 }
278
279 #paginator_bottom {
280   border-top: 1px solid #ccc;
281   margin: 8px;
282 }
283
284 #search_results_top {
285   margin: 8px;
286   border-top: 1px solid #ccc;
287 }
288
289 #paginator {
290   padding: 16px;
291   text-align: center;
292   clear: both;
293 }
294
295 #permalink {
296   padding-top: 8px;
297   float: right;
298 }
299
300 #search_top_info {
301   padding-top: 8px;
302   float: left;
303 }
304
305 p.justify {
306   text-align: justify;
307 }
308
309 #nothing_found {
310   clear: both;
311   text-align: center;
312   padding: 20px;
313   font-weight: bold;
314 }
315
316 .ui-accordion-content {
317   padding-bottom: 2em;
318 }
319
320 #downloadMethodDiv,
321 #TypeOfComputerDiv,
322 #downloadButtonDiv {
323   float: left;
324 /*  overflow: hidden;*/
325 }
326
327 #downloadButtonDiv {
328   clear: both;
329   margin-top: 1em;
330 }
331   #downloadMethodDiv label,
332   #TypeOfComputerDiv label {
333     display: block;
334     clear: left;
335   }
336   #downloadMethodDiv div,
337   #TypeOfComputerDiv div {
338     margin-left: 1em;
339   }
340
341 #downloadMethodDiv {
342   
343 }
344 #TypeOfComputerDiv {
345   
346 }
347
348 .query_5 { font-size: 130%; }
349 .query_4 { font-size: 119%; }
350 .query_3 { font-size: 108%; }
351 .query_2 { font-size: 97%; }
352 .query_1 { font-size: 86%; }
353 .query_0 { font-size: 75%; }