merged cont.
[opensuse:yast-rest-service.git] / webservice / public / stylesheets / new_inputs.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 /* CSS Hacks if needed */
22 /* IE */
23   /* a.button{ padding:3px 6px 3px 6px\9; } */
24 /* FF */
25   /* a.button, x:-moz-any-link, x:clt { padding:3px 8px 3px 8px; } */
26 /* Webkit */
27   /*@media screen and (-webkit-min-device-pixel-ratio:0) { a.button{ padding:3px 6px 3px 6px; }} */
28 /* CSS Hacks END */
29
30 .fieldset-group.ui-tabs {
31   font-family: Tahoma, Trebuchet MS, Helvetica, Arial, Verdana, sans-serif;
32 }
33 button[type="submit"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border: 0; }
34 input[type="text"], input[type="password"], select { margin:0px; padding:0px;}
35
36 input[type="text"], input[type="submit"], button[type="submit"], input[type="button"], a.button {
37 /*  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;*/
38   font-family: Trebuchet MS, Helvetica, Arial, Verdana, sans-serif;
39   font-weight:bold; /*important for input field and buttons right of it*/
40   font-size: 13px;
41   border: 1px solid #999;
42   border-radius: 3px;
43   -moz-border-radius: 3px;
44   -khtml-border-radius: 3px;
45   -webkit-border-radius:3px;
46 }
47
48 select { border: 1px solid #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color:#fff; }
49 input[type="password"] { border: 1px solid #999999; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
50
51 input[type="text"], input[type="password"], select { padding: 3px;}
52 input[type="text"]:focus, input[type="password"]:focus { border-color: #1E90FF; }
53
54 input[type="submit"], input[type="button"], button[type="submit"], a.button {-moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0;}
55 input[type="submit"], input[type="button"], button[type="submit"], a.button {
56   color: #444;
57   cursor: pointer;
58   background: url("/images/gradientx40.png") repeat-x white;
59 /*  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.9);*/
60   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
61   text-decoration:none;
62   padding:3px 6px 3px 6px;
63 }
64
65 a.button:hover { border: 1px solid #999;}
66 a.button:-moz-any-link, a.button:default { padding:3px 8px 3px 7px; }
67
68 /* HOVER, ACTIVE, DISABLED */
69 input[type="submit"]:hover,  input[type="button"]:hover, button[type="submit"]:hover, a.button:hover {
70   background:url('/images/gradientx40.png') repeat-x #3494f2;
71   color: #f2f2f2;
72   text-shadow: 0px -1px 1px #222222;
73 }
74
75 input[type="submit"]:active, input[type="button"]:active, button[type="submit"]:active, a.button:active {
76   color: #f2f2f2;
77   background: url("../images/gradientx60.png") repeat-x #2966FF;
78 }
79
80 input[disabled] { background-color:#eee; }
81 input[type="submit"][disabled], input[type="button"][disabled], button[type="submit"][disabled], a.button[disabled] {
82   color: #aaa;
83 /*  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.9); */
84   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.9);
85   background: url("../images/gradientx40.png") repeat-x #fff;
86 }
87
88
89 /* CLASSES INPUT ELEMENTS */
90 input[type="text"].without_border_right {
91   float: left;
92   border-right-width: 0px;
93   border-radius: 3px 0px 0px 3px;
94   -khtml-border-radius: 3px 0px 0px 3px;
95   -moz-border-radius: 3px 0px 0px 3px;
96   -webkit-border-radius: 3px 0px 0px 3px;
97   }
98
99   input[type="submit"].without_border_left {
100   border-left-width: 1px;
101   border-radius: 0px 3px 3px 0px;
102   -khtml-border-radius: 0px 3px 3px 0px;
103   -moz-border-radius: 0px 3px 3px 0px;
104   -webkit-border-radius: 0px 3px 3px 0px;
105   }
106
107
108 /* MODULE SPECIFIC ADAPTATIONS */
109 /*  SOFTWARE REPOSITORIES */
110
111
112
113
114
115
116
117
118
119 .icons {float:left; width:17px; height:17px; margin-top:-1px; margin-right:5px; vertical-align:baseline;}
120 .ui-accordion .ui-accordion-header .ui-icon { position:inherit; margin-top:0px; float:left;}
121
122
123
124
125 /* LAYOUT CORRECTION */
126 #header { 
127   background: -moz-linear-gradient(center bottom, #b0b0b0 0%, #bfbfbf 100%); 
128   border:5px solid #666; 
129   border-width: 5px 0; 
130 }
131 #header h1 { color:#333; text-shadow: 0px 1px 0px #e5e5e5; position:absolute; width:50%; right:25%; left:25%; }
132
133
134
135