merged cont.
[opensuse:yast-rest-service.git] / webservice / public / stylesheets / webyast-plugin-toolbar.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 #webyast-toolbar-container {
22   border-radius: 3px;
23   -moz-border-radius: 3px;
24   -khtml-border-radius: 3px;
25   -webkit-border-radius:3px;
26   
27   color: #555;
28
29   width:auto;
30   height:32px;
31   margin:15px 25px 10px 25px;
32   padding:2px 2px 2px 1px; 
33   
34   background-color: #e4e4e4;
35   background: -moz-linear-gradient(center bottom , #E4E4E4, #efefef) repeat scroll 0 0 transparent !important;
36   border: 1px solid #D8D8D8;
37 }
38
39 #webyast-toolbar-container a {text-decoration:none; border:none;}
40
41 #webyast-toolbar-container .home-icon {
42   width:20px;
43   height:20px;
44   padding:4px;
45
46   border-radius: 50%;
47   -moz-border-radius: 50%;
48   -khtml-border-radius: 50%;
49   -webkit-border-radius: 50px;
50
51   background: url('../images/gradientx40.png') repeat-x #fff;
52
53 /*  float:left;*/
54   border:2px solid #999;
55   display:inline-block;
56   
57   vertical-align:middle;
58 }
59
60 #webyast-toolbar-container .home-icon:hover {
61   background: url('../images/gradientx60.png') repeat-x #ddd; 
62   border:2px solid  #1E90FF;
63 }
64
65 #webyast-toolbar-container #quicksearch { display:Inline-block; }
66
67 #webyast-toolbar-container label { 
68   margin-left:10px;
69   font-weight:bold;
70   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
71   height:20px;
72   padding:4px;
73   vertical-align:middle;
74 }
75
76 #webyast-toolbar-container input { 
77   margin-top:2px;
78   background-color: #FEFEFE;
79   border-color: #C4C4C4 #E0E0E0 #E0E0E0 #C4C4C4;
80   border-radius: 0 0 0 0;
81   border-style: solid;
82   border-width: 1px;
83   box-shadow: 0 0 0 #EEEEEE inset;
84   color: #555555;
85   font-weight: normal;
86   height: 16px;
87   vertical-align: middle;
88   width:160px;
89 }
90
91 #webyast-toolbar-container select {
92   background-color: #FEFEFE;
93   border-color: #C4C4C4 #E0E0E0 #E0E0E0 #C4C4C4;
94   border-radius: 0 0 0 0;
95   border-style: solid;
96   border-width: 1px;
97   box-shadow: 0 0 0 #EEEEEE inset;
98   color: #555555;
99   font-weight: normal;
100   vertical-align: middle;
101   font-size: 12px;
102 }
103
104 #action_link_container {
105   float:right;
106   clear:right;
107 }
108
109 #action_link_container a:hover {
110   background: -moz-linear-gradient(center bottom , #D5D5D5, #FFFFFF) repeat scroll 0 0 transparent;
111   background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D5D5D5));
112     -moz-box-shadow: 0px 0px 30px #a0a0a0 inset, 0px 0px 2px #333 inset;
113   -webkit-box-shadow: 0px 0px 30px #a0a0a0 inset, 0px 0px 2px #333 inset;    
114   color:#444;
115   text-shadow: 0px 1px 0 #eee!important;
116
117 }
118
119 #action_link_container a {
120   background: #EEE;
121   background: -moz-linear-gradient(center bottom , #CCCCCC, #FFFFFF) repeat scroll 0 0 transparent;
122   background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
123   border-color: #CCCCCC #EEEEEE #EEEEEE #CCCCCC;
124   border-style: solid;
125   border-width: 1px;
126   color: #666666;
127   display: inline-block;
128   font-weight: bold;
129   height: 31px;
130   line-height: 31px;
131   padding:0 10px;
132 /*  margin: -1px 24px 0 0;*/
133 /*  min-width: 120px;*/
134   display:inline-block;
135 /*  position: absolute;*/
136 /*  right: 0;*/
137 /*  text-align: center;*/
138   text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
139   vertical-align: middle;
140 /*  position:relative;*/
141 }
142
143 #action_link_container .action_link_icon {
144   vertical-align:middle;
145 /*  position:absolute;*/
146   float:left;
147   margin: 4px 4px 4px 0px;
148   height:24px;
149   width:24px;
150 }
151
152
153
154
155 /*#plugin-toolbar-container a { text-decoration:none; border:none; }*/
156
157
158 /*#search-userbar, #softwarebar, #systembar {*/
159 /*  border:1px solid #bbb;*/
160 /*  border-radius: 3px;*/
161 /*  -moz-border-radius: 3px;*/
162 /*  -khtml-border-radius: 3px;*/
163 /*  -webkit-border-radius:3px;*/
164 /*  height:23px;*/
165 /*  background:url('../images/gradient40-60.png') repeat-x #f5f5f5;*/
166 /*  margin: 10px 1em 5px 1em;*/
167 /*  padding: 3px;*/
168 /*}*/
169
170 /*#search-userbar label, #softwarebar label, #systembar label {*/
171 /*  font-weight:bold; /*margin-top:-1px;*/*/
172 /*  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.9);*/
173 /*}*/
174
175
176
177 /*#filter-container {float:right; padding:0;}*/
178 /*#filter { line-height:24px; height:24px; }*/
179
180
181
182
183
184
185
186 /*.action_links label { float:left; height:23px; display:inline-block; margin:3px 0px 3px 3px; color:#999;}*/
187 /*.action_links a {*/
188 /*  float:left;*/
189 /*  vertical-align:50%;*/
190 /*  font-size: 12px;*/
191 /*  line-height:16px;*/
192 /*  border:1px solid #999;*/
193 /*  padding:3px 5px;*/
194 /*  margin-left:5px;*/
195 /*  border-radius: 3px;*/
196 /*  -moz-border-radius: 3px;*/
197 /*  -khtml-border-radius: 3px;*/
198 /*  -webkit-border-radius:3px;*/
199 /*   color: #333;*/
200 /*  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);*/
201 /*   float:left;*/
202 /*}*/
203
204 /*.action_links a:hover {*/
205 /*/*   background:url('/images/gradientx40.png') repeat-x #3494f2; */*/
206 /*  cursor:pointer;*/
207 /*  background: #888;*/
208 /*  background: -moz-linear-gradient(center top , #bbb 10%, #aaa 30%, #999 51%,  #888 100%) repeat scroll 0 0 transparent;*/
209 /*  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.10, #bbb), color-stop(0.30, #aaa), color-stop(0.51, #999), color-stop(1.00, #888));*/
210 /*  color: #f2f2f2;*/
211 /*  text-shadow: 0px -1px 1px #222222;*/
212 /* }*/
213
214 /*.action_links a:active {*/
215 /*  color:#fff;*/
216 /*  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);*/
217 /*  background: #0D72C0;*/
218 /*  background: -moz-linear-gradient(center top , #2EA1FF 10%, #1E90FF 30%, #1E90FF 50%, #0D72C0 100%) repeat scroll 0 0 transparent!important;*/
219 /*  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.10, #2EA1FF), color-stop(0.30, #1E90FF), color-stop(0.51, #1E90FF), color-stop(1.00, #0D72C0))!important;*/
220 /*}*/
221