merged cont.
[opensuse:yast-rest-service.git] / webservice / public / stylesheets / webyast-software.css
1 /*
2 #--
3 # Webyast Webservice framework
4 #
5 # Copyright (C) 2009, 2010 Novell, Inc.
6 #   This library is free software; you can redistribute it and/or modify
7 # it only under the terms of version 2.1 of the GNU Lesser General Public
8 # License as published by the Free Software Foundation.
9 #
10 #   This library is distributed in the hope that it will be useful, but WITHOUT
11 # ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
12 # FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more
13 # details.
14 #
15 #   You should have received a copy of the GNU Lesser General Public
16 # License along with this library; if not, write to the Free Software
17 # Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
18 #++
19 */
20
21 #parent {
22   display: none;
23   top:0; left:0;
24   position: absolute;
25   width:100%;
26   margin: auto; /* Div centered */
27   min-height: 100%; /* min height for modern browser */
28   height:auto !important; /* Important rule for modern browser */
29   height:100%; /* min height for IE */
30   overflow: hidden !important; /* hide FF scroll bar */
31   z-index:2000;
32 }
33
34 #shade {
35   width:100%;
36   margin: auto; /* Div centered */
37   min-height: 100%; /* min height for modern browser */
38   height:auto !important; /* Important rule for modern browser */
39   height:100%; /* min height for IE */
40   overflow: hidden !important; /* hide FF scroll bar */
41
42   -moz-box-shadow: inset 0px 0px 300px #111;
43   -webkit-box-shadow: inset 0px 0px 300px #111;
44
45         background-color:#eee;
46
47   opacity:0.5;
48   -moz-opacity:0.5;
49
50   border: medium none;
51   cursor: wait;
52
53   left: 0;
54   top: 0;
55
56   margin: 0;
57   padding: 0;
58   position: fixed;
59   z-index: 1000;
60 }
61
62 #wait {
63   border-radius: 3px;
64   -moz-border-radius: 3px;
65   -khtml-border-radius: 3px;
66   -webkit-border-radius:3px;
67   position: relative;
68   background-color: #fff;
69   border: 5px solid grey;
70   font-size:20px;
71   color:#1C94C4;
72   margin-left: auto;
73   margin-right: auto;
74   width:auto;
75   padding:10px;
76   text-align:center;
77   z-index:3000;
78 }
79
80 #updates_panel { margin:10px 16px; padding:0px; float:left; clear:both; }
81
82 #updates_panel button[type="submit"] {
83   display:block;
84   float:left;
85   border:1px solid #999;
86   text-decoration:none;
87   font-weight:bold;
88
89   cursor:pointer;
90
91   color:#444;
92   background:url('/images/gradientx40.png') repeat-x #fff;
93   text-shadow: 0 1px 0 rgba(255,255,255,0.7);
94 }
95
96 #updates_panel button[type=submit]{
97   width:auto;
98   overflow:visible;
99   padding:3px 10px 1px 7px; /* IE6 */
100 }
101
102 #updates_panel button[type=submit] {
103   padding:6px 10px 5px 7px; /* Firefox */
104   line-height:18px; /* Safari */
105   vertical-align:bottom;
106 }
107
108 *:first-child+html button[type]{
109   padding:3px 10px 1px 7px; /* IE7 */
110 }
111
112 #updates_panel button img, #updates_panel a img{
113   margin:0px 5px 0px 0px !important;
114   padding:0;
115   vertical-align:inherit;
116   border:none;
117   width:18px;
118   height:18px;
119 }
120
121 #updates_panel button.left {
122   border-right-width:1px;
123   border-radius: 2px 0px 0px 2px;
124   -khtml-border-radius: 2px 0px 0px 2px;
125   -moz-border-radius: 2px 0px 0px 2px;
126   -webkit-border-radius: 2px 0px 0px 2px;
127   border-left:1px solid #a0a0a0;
128 }
129
130 #updates_panel button.left:hover, #updates_panel button.middle:hover, #updates_panel button.right:hover{
131   background: url("/images/gradientx40.png") #eee;
132 }
133
134 #updates_panel button.middle {
135   border-right:1px solid #a0a0a0;
136   border-left:0px;
137
138   border-right-width:1px;
139   border-radius: 0px;
140   -khtml-border-radius: 0px;
141   -moz-border-radius: 0px;
142   -webkit-border-radius: 0px;
143 }
144
145 #updates_panel button.right {
146   border-left:0px;
147   border-right:1px solid #a0a0a0;
148
149   border-radius: 0px 2px 2px 0px;
150   -khtml-border-radius: 0px 2px 2px 0px;
151   -moz-border-radius: 0px 2px 2px 0px;
152   -webkit-border-radius: 0px 2px 2px 0px;
153 }
154
155 #updates_panel button.active {
156   color:#222;
157   box-shadow: 0 0 3px #666 inset;
158   -moz-box-shadow: 0px 0px 30px #a0a0a0 inset, 0px 0px 2px #333 inset;
159   -webkit-box-shadow: 0px 0px 30px #a0a0a0 inset, 0px 0px 2px #333 inset;    
160 /*  text-shadow: 0px 1px 0 #eee!important;*/
161 }
162
163 .patches { width:100%; }
164 .patches a {border:0px;}
165
166 #patchesd { background-color:#fff; }
167 #patchesd h3 { font-size:20px; line-height:20px; vertical-align:middle; text-align:center; margin:10px; padding:2px; color:#aaaaaa; }
168
169 table.patches th { font-size:13px; padding:0 3px; }
170 table.patches td img { vertical-align:middle; }
171 table.patches th.checkbox { border-right:1px solid #ccc; }
172 table.patches td.checkbox {
173   border-right:1px solid #ccc;
174   background-color:#fafafa;
175   text-align:center;
176 }
177
178 table.patches .kind { text-align:center; }
179
180 table.patches th span {
181   display:inline-block;
182   width:17px;
183   height:17px;
184   padding:1px;
185   text-align:center;
186   line-height:16px;
187 }
188
189 th.first input[type="checkbox"] { margin:2px 0 0 2px;  display:inline-block; border:none; background-color:#eee; }
190
191 table.patches {
192   font-size:12px;
193   color:#555;
194   text-align:left;
195   margin:0px;
196   border-spacing: 0;
197   border-collapse: collapse;
198   background-color: white;
199 }
200
201 table.patches td {
202   margin: 0;
203   padding: 0px 2px;
204   border: 1px solid #f0f0f0;
205   border-width:0px 0px 1px 0px;
206 }
207
208 td.icon { width:18px; }
209
210 #patches-form th {
211   text-shadow: 0 1px 0 #fff;
212 }
213
214 #patches-form .webyast_fieldset { padding:0px; background-color:#fff; }
215
216
217 td.install { text-align:center; }
218 td.install img.icon { margin:0px auto; }
219 td.install img.icon:hover { background-color:#f5f5f5; border-radius:100%; border:1px solid #888; }
220
221 #system_uptodate { padding:10px 0px; }
222 #system_uptodate img { height:30px; width:30px; margin:0px 10px 0px 4px; vertical-align:middle; }
223