changed styles for accordion and buttons
[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: 35px;
16   height: 60px;
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   height: 140px;
115 }
116
117 .navlist {
118   margin-left: -4px;
119 }
120
121 #download_os,
122 #get_software {
123   padding: 7px 0;
124   text-align: center;
125   overflow: hidden;
126   background: url('../images/get_it128.png') no-repeat center;
127 }
128
129 #get_software {
130   padding-left: 120px;
131   padding-right: 20px;
132   background: url('../images/get_pack.png') no-repeat 10px -10px;
133   height: 90px;
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   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 }
227
228 .install_btn a {
229   display: block;
230   height: 38px;
231   line-height: 36px;
232   margin-left: 32px;
233   text-decoration: none !important;
234 }
235
236 .small_btn {
237   float: left;
238   width: 75px;
239   height: 22px;
240   margin-top: 3px;
241   padding-top: 2px;
242   text-align: center;
243   text-decoration: none;
244   text-decoration: none!important;
245   background: transparent url(http://static.opensuse.org/hosts/software.o.o/css/images/small_btn.png) no-repeat scroll top left; 
246 }
247
248 .description h4 {
249   color: #999;
250 }
251
252 #pkg_list_wrapper {
253   display: block;
254   clear: both;
255 }
256
257 .pkg_list {
258   width: 95%;
259   clear: both;
260 }
261
262 .pkg_list td {
263   padding: 4px;
264 }
265
266 .pkg_list .cell1 {
267   width: 20px;
268   font-weight: bold;
269 }
270
271 #pkg_list_wrapper h4 {
272   color: #999;
273   display: block;
274   width: 20em;
275   float: left;
276 }
277
278 #paginator_bottom {
279   border-top: 1px solid #ccc;
280   margin: 8px;
281 }
282
283 #search_results_top {
284   margin: 8px;
285   border-top: 1px solid #ccc;
286 }
287
288 #paginator {
289   padding: 16px;
290   text-align: center;
291   clear: both;
292 }
293
294 #permalink {
295   padding-top: 8px;
296   float: right;
297 }
298
299 #search_top_info {
300   padding-top: 8px;
301   float: left;
302 }
303
304 p.justify {
305   text-align: justify;
306 }
307
308 #nothing_found {
309   clear: both;
310   text-align: center;
311   padding: 20px;
312   font-weight: bold;
313 }
314
315 .ui-accordion-content {
316   padding-bottom: 2em;
317 }
318
319 #downloadMethodDiv,
320 #TypeOfComputerDiv,
321 #downloadButtonDiv {
322   float: left;
323   overflow: hidden;
324 }
325
326 #downloadButtonDiv {
327   clear: both;
328   margin-top: 1em;
329 }
330   #downloadMethodDiv label,
331   #TypeOfComputerDiv label {
332     display: block;
333     clear: left;
334   }
335   #downloadMethodDiv div,
336   #TypeOfComputerDiv div {
337     margin-left: 1em;
338   }
339
340 #downloadMethodDiv {
341   
342 }
343 #TypeOfComputerDiv {
344   
345 }
346
347 .query_5 { font-size: 130%; }
348 .query_4 { font-size: 119%; }
349 .query_3 { font-size: 108%; }
350 .query_2 { font-size: 97%; }
351 .query_1 { font-size: 86%; }
352 .query_0 { font-size: 75%; }
353