Mercurial > libervia-web

comparison public/libervia.css @ 68:c378653792b8

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
browser side: menu CSS update
author Adrien Vigneron <adrienvigneron@mailoo.org>
date Wed, 15 Jun 2011 20:22:53 +0200
parents 8f421a12b8f9
children 4a157389a981
comparison
equal deleted inserted replaced
67:b096facaa5b3 68:c378653792b8
99 /* CSS Reset END */ 99 /* CSS Reset END */
100 100
101 /* Misc Pyjamas stuff */ 101 /* Misc Pyjamas stuff */
102 102
103 .gwt-MenuBar,.gwt-MenuBar-horizontal { 103 .gwt-MenuBar,.gwt-MenuBar-horizontal {
104 background-color: #01FF78; 104 /*background-color: #01FF78;
105 border: 1px solid #87B3FF; 105 border: 1px solid #87B3FF;
106 cursor: default; 106 cursor: default;*/
107 width: 97%;
108 height: 28px;
109 margin: 0 0 0 1.5%;
110 font: normal 0.8em/1.4em Arial, Helvetica, sans-serif;
111 padding: 5px 0 0 5px;
112 line-height: 100%;
113 box-shadow:0px 1px 4px #000
114 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
115 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
116 border: 1px solid #ddd;
117 border-radius: 0 0 1em 1em;
118 -webkit-border-radius: 0 0 1em 1em;
119 -moz-border-radius: 0 0 1em 1em;
120 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’444444′, endColorstr=’#222222’);
121 background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
122 background: -moz-linear-gradient(top, #444444, #222222);
123 background-image: -o-linear-gradient(#444444,#222222);
124 display: inline-block;
107 } 125 }
108 126
109 .gwt-MenuBar-horizontal .gwt-MenuItem { 127 .gwt-MenuBar-horizontal .gwt-MenuItem {
110 } 128 text-decoration: none;
129 font-weight: bold;
130 height: 100%;
131 color: #e7e5e5;
132 padding: 3px 15px;
133 /*display: block;*/
134 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
135 border-radius: 1em;
136 -webkit-border-radius: 1em;
137 -moz-border-radius: 1em;
138 -webkit-transition: color 0.2s linear;
139 -moz-transition: color 0.2s linear;
140 -o-transition: color 0.2s linear;
141 }
142
143
144 .gwt-MenuBar-horizontal .gwt-MenuItem-selected {
145 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa′);
146 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
147 background: -moz-linear-gradient(top, #eee, #aaa);
148 background-image: -o-linear-gradient(#eee,#aaa);
149 color: #444;
150 /*border-top: solid 1px #fff;*/
151 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
152 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
153 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
154 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
155 cursor: pointer;
156 }
157
158 .gwt-MenuBar {
159 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff’, endColorstr=’#ccc’);
160 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
161 background: -moz-linear-gradient(top, #fff, #ccc);
162 background-image: -o-linear-gradient(#fff,#ccc);
163 /*display: none;*/
164 height: 100%;
165 min-width: 148px;
166 margin: 0;
167 padding: 0;
168 /*min-width: 148px;
169 top: 28px;*/
170 border: solid 1px #aaa;
171 -webkit-border-radius: 0 0 10px 10px;
172 -moz-border-radius: 0 0 10px 10px;
173 border-radius: 0 0 10px 10px;
174 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
175 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
176 box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
177 }
178
179 .gwt-MenuBar table {
180 width: 100%;
181 display: inline-table;
182 }
183
184 .gwt-MenuBar .gwt-MenuItem {
185 padding: 8px 15px;
186 }
187
188 .gwt-MenuBar .gwt-MenuItem-selected {
189 background: #cf2828 !important;
190 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828’, endColorstr=’#b01e1e’);
191 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e)) !important;
192 background: -moz-linear-gradient(top, #cf2828, #b01e1e) !important;
193 background-image: -o-linear-gradient(#cf2828,#b01e1e);
194 color: #fff !important;
195 -webkit-border-radius: 0;
196 -moz-border-radius: 0;
197 border-radius: 0;
198 text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
199 transition: color 0.2s linear;
200 -webkit-transition: color 0.2s linear;
201 -moz-transition: color 0.2s linear;
202 -o-transition: color 0.2s linear;
203 cursor: pointer;
204 }
205
206 .gwt-MenuBar tr:last-child td {
207 border-radius: 0 0 9px 9px;
208 -webkit-border-radius: 0 0 9px 9px;
209 -moz-border-radius: 0 0 9px 9px;
210 }
211
111 .gwt-MenuItem { 212 .gwt-MenuItem {
112 padding: 1px 20px 1px 10px; 213 /*padding: 1px 20px 1px 10px;
113 font-size: smaller; 214 font-size: smaller;
114 cursor: default; 215 cursor: default;*/
115 } 216 }
116 217
117 .gwt-MenuBar .gwt-MenuItem-selected {
118 background-color: #E8EEF7;
119 }
120 218
121 .gwt-AutoCompleteTextBox { 219 .gwt-AutoCompleteTextBox {
122 width: 80%; 220 width: 80%;
123 border: 1px solid #87B3FF; 221 border: 1px solid #87B3FF;
124 margin-top: 20px; 222 margin-top: 20px;