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