- make the whole thing generic so it can also be used
[opensuse:software-o-o.git] / public / css / local / download2.css
1 #iso-wrapper {
2   padding: 0;
3   margin-right: 17em
4 }
5   #iso-wrapper h4 {
6     margin-bottom: 15px
7   }
8   #iso-wrapper div.changeiso {
9     border: 5px solid #ccc;
10     min-height: 70px;
11     margin-bottom: 10px;
12     color: #999;
13     
14     cursor: pointer;
15     
16     -moz-border-radius: 5px;
17     -webkit-border-radius: 5px;
18     background: #ffffff url('images/gradien-light-grey.png') repeat-x scroll bottom left;
19     
20   }
21   #iso-wrapper div.medium_selected {
22     border-color: #4987B3;
23     -moz-box-shadow: 0px 1px 4px #999;
24     -webkit-box-shadow: 0px 1px 4px #999;
25     box-shadow: 0px 1px 4px #999;
26     color: #333;
27   }
28     #iso-wrapper div.changeiso div {
29       padding-top: 15px;
30       padding-bottom: 15px;
31       margin-right: 20px;
32     }
33     #iso-wrapper div.changeiso img { /* Icon */
34       margin: 10px;
35       float: left;
36     }
37
38 #download_button {
39   -moz-border-radius: 5px;
40   -webkit-border-radius: 5px;
41   -khtml-border-radius: 5px;
42   border-radius: 5px;
43   
44   background: #4987B3 url('images/bg-dark-gradient.png') repeat-x scroll 0 0;
45   background: #fff url('images/gradient-light-short.png') repeat-x scroll 0 0;
46   border: 2px solid #ccc;
47   border: 2px solid #4987B3;
48   color: #444 !important;
49   cursor: pointer;
50   font-size: 14px;
51   font-weight: bold;
52   padding: 3px 10px;
53   padding: 10px 10px;
54   text-decoration: none;
55   text-shadow: 0 -1px 0 #999999;
56   text-shadow: 0 -1px 0 #fff;
57   width: auto !important;
58   max-width: 98%;
59   position: relative;
60   overflow: visible;
61   
62   margin-left: 3px;
63   
64   -moz-box-shadow: 0px 1px 2px #999;
65   -webkit-box-shadow: 0px 1px 2px #999;
66   box-shadow: 0px 1px 2px #999;
67 }
68
69 #download_button:hover {
70 /*  background-color: #4987B3;*/
71 /*  background-position: 0 -90px;*/
72 /*  border-color: #3c6f93;  
73   border-color: #F59F1A;  */
74 /*  border-color : #999;*/
75   color: #4987B3!important;
76 /*  text-shadow: 0 -1px 0 #666;*/
77
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 .icon_unselected {
84   opacity: 0.3;
85   -moz-opacity: 0.3;
86   filter:alpha(opacity=30);
87 }
88
89 .icon_selected { opacity: 1; }
90 .l_change { display: block; margin-bottom: .5em; }}
91
92 #popup {
93   padding: 0.5em;
94   width: 70%;
95   margin: 0 auto;
96   border: 3px solid #000000;
97   background: #ffffff;
98   position: absolute;
99   left: 0px;
100   z-index: 2;
101 }
102
103 /* Helper Styles */
104 .hidden { display: none; }
105 .help_icon { margin-left: 10px; }
106 .notavailable { color: gray; }