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