Mercurial > libervia-web
comparison public/libervia.css @ 87:3029e3fdbd40
browser side: IE & Opera CSS fix
author | Adrien Vigneron <adrienvigneron@mailoo.org> |
---|---|
date | Mon, 27 Jun 2011 12:40:40 +0200 |
parents | a8f027738c16 |
children | 50b480fd0605 |
comparison
equal
deleted
inserted
replaced
86:6c3b3254605f | 87:3029e3fdbd40 |
---|---|
123 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); | 123 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); |
124 border: 1px solid #ddd; | 124 border: 1px solid #ddd; |
125 border-radius: 0 0 1em 1em; | 125 border-radius: 0 0 1em 1em; |
126 -webkit-border-radius: 0 0 1em 1em; | 126 -webkit-border-radius: 0 0 1em 1em; |
127 -moz-border-radius: 0 0 1em 1em; | 127 -moz-border-radius: 0 0 1em 1em; |
128 background-color: #222; | |
128 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’444444′, endColorstr=’#222222’); | 129 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’444444′, endColorstr=’#222222’); |
129 background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222)); | 130 background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222)); |
130 background: -moz-linear-gradient(top, #444444, #222222); | 131 background: -moz-linear-gradient(top, #444444, #222222); |
131 background-image: -o-linear-gradient(#444444,#222222); | 132 background-image: -o-linear-gradient(#444444,#222222); |
132 display: inline-block; | 133 display: inline-block; |
137 font-weight: bold; | 138 font-weight: bold; |
138 height: 100%; | 139 height: 100%; |
139 color: #e7e5e5; | 140 color: #e7e5e5; |
140 padding: 3px 15px; | 141 padding: 3px 15px; |
141 /*display: block;*/ | 142 /*display: block;*/ |
142 border-radius: 1em; | 143 border-radius: 1em 1em 1em 1em; |
143 -webkit-border-radius: 1em; | 144 -webkit-border-radius: 1em 1em 1em 1em; |
144 -moz-border-radius: 1em; | 145 -moz-border-radius: 1em 1em 1em 1em; |
145 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); | 146 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); |
146 -webkit-transition: color 0.2s linear; | 147 -webkit-transition: color 0.2s linear; |
147 -moz-transition: color 0.2s linear; | 148 -moz-transition: color 0.2s linear; |
148 -o-transition: color 0.2s linear; | 149 -o-transition: color 0.2s linear; |
149 } | 150 } |
151 .gwt-MenuItem img { | 152 .gwt-MenuItem img { |
152 padding-right: 2px; | 153 padding-right: 2px; |
153 } | 154 } |
154 | 155 |
155 .gwt-MenuBar-horizontal .gwt-MenuItem-selected { | 156 .gwt-MenuBar-horizontal .gwt-MenuItem-selected { |
157 background-color: #eee; | |
156 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa′); | 158 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa′); |
157 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa)); | 159 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa)); |
158 background: -moz-linear-gradient(top, #eee, #aaa); | 160 background: -moz-linear-gradient(top, #eee, #aaa); |
159 background-image: -o-linear-gradient(#eee,#aaa); | 161 background-image: -o-linear-gradient(#eee,#aaa); |
160 color: #444; | 162 color: #444; |
171 background: inherit; | 173 background: inherit; |
172 cursor: default; | 174 cursor: default; |
173 } | 175 } |
174 | 176 |
175 .gwt-MenuBar { | 177 .gwt-MenuBar { |
178 background-color: #fff; | |
176 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff’, endColorstr=’#ccc’); | 179 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff’, endColorstr=’#ccc’); |
177 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); | 180 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); |
178 background: -moz-linear-gradient(top, #fff, #ccc); | 181 background: -moz-linear-gradient(top, #fff, #ccc); |
179 background-image: -o-linear-gradient(#fff,#ccc); | 182 background-image: -o-linear-gradient(#fff,#ccc); |
180 /*display: none;*/ | 183 /*display: none;*/ |
203 } | 206 } |
204 | 207 |
205 | 208 |
206 .gwt-MenuBar .gwt-MenuItem-selected { | 209 .gwt-MenuBar .gwt-MenuItem-selected { |
207 background: #cf2828 !important; | 210 background: #cf2828 !important; |
208 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828’, endColorstr=’#b01e1e’); | 211 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828’, endColorstr=’#b01e1e’) !important; |
209 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e)) !important; | 212 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e)) !important; |
210 background: -moz-linear-gradient(top, #cf2828, #b01e1e) !important; | 213 background: -moz-linear-gradient(top, #cf2828, #b01e1e) !important; |
211 background-image: -o-linear-gradient(#cf2828,#b01e1e); | 214 background-image: -o-linear-gradient(#cf2828,#b01e1e) !important; |
212 color: #fff !important; | 215 color: #fff !important; |
213 -webkit-border-radius: 0; | 216 -webkit-border-radius: 0 0 0 0; |
214 -moz-border-radius: 0; | 217 -moz-border-radius: 0 0 0 0; |
215 border-radius: 0; | 218 border-radius: 0 0 0 0; |
216 text-shadow: 0 1px 1px rgba(0, 0, 0, .1); | 219 text-shadow: 0 1px 1px rgba(0, 0, 0, .1); |
217 transition: color 0.2s linear; | 220 transition: color 0.2s linear; |
218 -webkit-transition: color 0.2s linear; | 221 -webkit-transition: color 0.2s linear; |
219 -moz-transition: color 0.2s linear; | 222 -moz-transition: color 0.2s linear; |
220 -o-transition: color 0.2s linear; | 223 -o-transition: color 0.2s linear; |
232 -webkit-border-radius: 0 9px 0 0 !important; | 235 -webkit-border-radius: 0 9px 0 0 !important; |
233 -moz-border-radius: 0 9px 0 0 !important; | 236 -moz-border-radius: 0 9px 0 0 !important; |
234 } | 237 } |
235 | 238 |
236 .menuLastPopup .gwt-MenuBar { | 239 .menuLastPopup .gwt-MenuBar { |
237 border-top-right-radius: 9px; | 240 border-top-right-radius: 9px 9px 9px 9px; |
238 -webkit-border-top-right-radius: 9px; | 241 -webkit-border-top-right-radius: 9px 9px 9px 9px; |
239 -moz-border-top-right-radius: 9px; | 242 -moz-border-top-right-radius: 9px 9px 9px 9px; |
240 } | 243 } |
241 | 244 |
242 .gwt-AutoCompleteTextBox { | 245 .gwt-AutoCompleteTextBox { |
243 width: 80%; | 246 width: 80%; |
244 border: 1px solid #87B3FF; | 247 border: 1px solid #87B3FF; |
251 background-color: #fff; | 254 background-color: #fff; |
252 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff’, endColorstr=’#ccc’); | 255 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff’, endColorstr=’#ccc’); |
253 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); | 256 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); |
254 background: -moz-linear-gradient(top, #fff, #ccc); | 257 background: -moz-linear-gradient(top, #fff, #ccc); |
255 background-image: -o-linear-gradient(#fff,#ccc); | 258 background-image: -o-linear-gradient(#fff,#ccc); |
256 border-radius: 9px; | 259 border-radius: 9px 9px 9px 9px; |
257 -webkit-border-radius: 9px; | 260 -webkit-border-radius: 9px 9px 9px 9px; |
258 -moz-border-radius: 9px; | 261 -moz-border-radius: 9px 9px 9px 9px; |
259 box-shadow: 0px 1px 4px #000; | 262 box-shadow: 0px 1px 4px #000; |
260 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); | 263 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); |
261 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); | 264 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); |
262 } | 265 } |
263 | 266 |
320 text-indent: 15px; | 323 text-indent: 15px; |
321 width: 200px; | 324 width: 200px; |
322 height: 30px; | 325 height: 30px; |
323 border-radius: 10px 10px 0 0; | 326 border-radius: 10px 10px 0 0; |
324 -webkit-border-radius: 10px 10px 0 0; | 327 -webkit-border-radius: 10px 10px 0 0; |
325 -moz-border-radius: 10px 10px 0 0; | 328 -moz-border-radius: 10px 10px 0 0; |
329 background-color: #cf2828; | |
326 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828͸, endColorstr=’#b01e1e’); | 330 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828͸, endColorstr=’#b01e1e’); |
327 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e)); | 331 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e)); |
328 background: -moz-linear-gradient(top, #cf2828, #b01e1e) !important; | 332 background: -moz-linear-gradient(top, #cf2828, #b01e1e) !important; |
329 background-image: -o-linear-gradient(#cf2828,#b01e1e); | 333 background-image: -o-linear-gradient(#cf2828,#b01e1e); |
330 } | 334 } |
345 display: inline-block; | 349 display: inline-block; |
346 text-decoration: none; | 350 text-decoration: none; |
347 font-weight: bold; | 351 font-weight: bold; |
348 color: #e7e5e5; | 352 color: #e7e5e5; |
349 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); | 353 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); |
350 border-radius: 1em; | 354 border-radius: 1em 1em 1em 1em; |
351 -webkit-border-radius: 1em; | 355 -webkit-border-radius: 1em 1em 1em 1em; |
352 -moz-border-radius: 1em; | 356 -moz-border-radius: 1em 1em 1em 1em; |
357 background-color: #eee; | |
353 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa͸); | 358 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa͸); |
354 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa)); | 359 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa)); |
355 background: -moz-linear-gradient(top, #eee, #aaa); | 360 background: -moz-linear-gradient(top, #eee, #aaa); |
356 background-image: -o-linear-gradient(#eee,#aaa); | 361 background-image: -o-linear-gradient(#eee,#aaa); |
357 color: #444; | 362 color: #444; |
359 } | 364 } |
360 | 365 |
361 div.group:hover { | 366 div.group:hover { |
362 color: #fff; | 367 color: #fff; |
363 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); | 368 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); |
369 background-color: #cf2828; | |
364 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828͸, endColorstr=’#981a1a’); | 370 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828͸, endColorstr=’#981a1a’); |
365 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)); | 371 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)); |
366 background: -moz-linear-gradient(top, #cf2828, #981a1a); | 372 background: -moz-linear-gradient(top, #cf2828, #981a1a); |
367 background-image: -o-linear-gradient(#cf2828,#981a1a); | 373 background-image: -o-linear-gradient(#cf2828,#981a1a); |
368 -webkit-transition: color 0.1s linear; | 374 -webkit-transition: color 0.1s linear; |
386 background-color: #cf2828; | 392 background-color: #cf2828; |
387 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828͸, endColorstr=’#981a1a’); | 393 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828͸, endColorstr=’#981a1a’); |
388 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)); | 394 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)); |
389 background: -moz-linear-gradient(top, #cf2828, #981a1a); | 395 background: -moz-linear-gradient(top, #cf2828, #981a1a); |
390 background-image: -o-linear-gradient(#cf2828,#981a1a); | 396 background-image: -o-linear-gradient(#cf2828,#981a1a); |
391 border-radius: 1em; | 397 border-radius: 1em 1em 1em 1em; |
392 -webkit-border-radius: 1em; | 398 -webkit-border-radius: 1em 1em 1em 1em; |
393 -moz-border-radius: 1em; | 399 -moz-border-radius: 1em 1em 1em 1em; |
394 } | 400 } |
395 | 401 |
396 /* UniBox & Status */ | 402 /* UniBox & Status */ |
397 | 403 |
398 .uniBoxPanel { | 404 .uniBoxPanel { |
399 margin: auto; | 405 margin: auto; |
400 width: 80%; | 406 width: 80%; |
401 } | 407 } |
402 | 408 |
403 .uniBox { | 409 .uniBox { |
404 margin-top: 1em; | 410 margin-top: 1em; |
405 width: 100%; | 411 width: 100%; |
406 height: 50px; | 412 height: 50px; |
407 padding: 5px; | 413 padding: 5px; |
408 font-family: Arial, Helvetica, sans-serif; | 414 font-family: Arial, Helvetica, sans-serif; |
409 border: 1px solid #bbb; | 415 border: 1px solid #bbb; |
410 color: #444; | 416 color: #444; |
411 background: #fff url('media/libervia/unibox.png') top right no-repeat; | 417 background: #fff url('media/libervia/unibox.png') top right no-repeat; |
412 border-radius: 9px 9px 9px 9px; | 418 border-radius: 9px 9px 9px 9px; |
413 -webkit-border-radius: 9px 9px 9px 9px; | 419 -webkit-border-radius: 9px 9px 9px 9px; |
414 -moz-border-radius: 9px 9px 9px 9px; | 420 -moz-border-radius: 9px 9px 9px 9px; |
415 box-shadow:inset 0 0 10px #ddd; | 421 box-shadow:inset 0 0 10px #ddd; |
416 -webkit-box-shadow:inset 0 0 10px #ddd; | 422 -webkit-box-shadow:inset 0 0 10px #ddd; |
417 -moz-box-shadow:inset 0 0 10px #ddd; | 423 -moz-box-shadow:inset 0 0 10px #ddd; |
488 text-indent: 11px; | 494 text-indent: 11px; |
489 text-align:-webkit-center; | 495 text-align:-webkit-center; |
490 background: #000; | 496 background: #000; |
491 color: #aaa; | 497 color: #aaa; |
492 border: 1px solid #222; | 498 border: 1px solid #222; |
493 border-radius:15px; | 499 border-radius: 15px 15px 15px 15px; |
494 -webkit-border-radius: 15px; | 500 -webkit-border-radius: 15px 15px 15px 15px; |
495 -moz-border-radius: 15px; | 501 -moz-border-radius: 15px 15px 15px 15px; |
496 } | 502 } |
497 | 503 |
498 .registerPanel_content input:focus { | 504 .registerPanel_content input:focus { |
499 border: 1px solid #444; | 505 border: 1px solid #444; |
500 } | 506 } |
502 | 508 |
503 .registerPanel_content .button, .registerPanel_content .button:visited { | 509 .registerPanel_content .button, .registerPanel_content .button:visited { |
504 background: #222 url('media/libervia/gradient.png') repeat-x; | 510 background: #222 url('media/libervia/gradient.png') repeat-x; |
505 display: inline-block; | 511 display: inline-block; |
506 text-decoration: none; | 512 text-decoration: none; |
507 -moz-border-radius: 6px; | 513 border-radius: 6px 6px 6px 6px; |
508 -webkit-border-radius: 6px; | 514 -moz-border-radius: 6px 6px 6px 6px; |
515 -webkit-border-radius: 6px 6px 6px 6px; | |
509 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6); | 516 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6); |
510 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6); | 517 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6); |
511 border-bottom: 1px solid rgba(0,0,0,0.25); | 518 border-bottom: 1px solid rgba(0,0,0,0.25); |
512 cursor: pointer; | 519 cursor: pointer; |
513 margin-top: 30px; | 520 margin-top: 30px; |
521 } | |
522 | |
523 /* Fix for Opera */ | |
524 .button, .button:visited { | |
525 border-radius: 6px 6px 6px 6px !important; | |
526 -moz-border-radius: 6px 6px 6px 6px !important; | |
527 -webkit-border-radius: 6px 6px 6px 6px !important; | |
514 } | 528 } |
515 | 529 |
516 .registerPanel_content .button:hover { background-color: #111; color: #fff; } | 530 .registerPanel_content .button:hover { background-color: #111; color: #fff; } |
517 .registerPanel_content .button:active { top: 1px; } | 531 .registerPanel_content .button:active { top: 1px; } |
518 .registerPanel_content .button, .registerPanel_content .button:visited { font-size: 14px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); padding: 7px 10px 8px; } | 532 .registerPanel_content .button, .registerPanel_content .button:visited { font-size: 14px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); padding: 7px 10px 8px; } |
535 height: 30px; | 549 height: 30px; |
536 /*border: 1px solid #ddd;*/ | 550 /*border: 1px solid #ddd;*/ |
537 border-radius: 10px 10px 0 0; | 551 border-radius: 10px 10px 0 0; |
538 -webkit-border-radius: 10px 10px 0 0; | 552 -webkit-border-radius: 10px 10px 0 0; |
539 -moz-border-radius: 10px 10px 0 0; | 553 -moz-border-radius: 10px 10px 0 0; |
554 background-color: #222; | |
540 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#444͸, endColorstr=’#222’); | 555 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#444͸, endColorstr=’#222’); |
541 background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)); | 556 background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)); |
542 background: -moz-linear-gradient(top, #444, #222); | 557 background: -moz-linear-gradient(top, #444, #222); |
543 background-image: -o-linear-gradient(#444,#222); | 558 background-image: -o-linear-gradient(#444,#222); |
544 } | 559 } |
561 float: right; | 576 float: right; |
562 z-index: 1; | 577 z-index: 1; |
563 } | 578 } |
564 | 579 |
565 .widgetHeader_buttonGroup img { | 580 .widgetHeader_buttonGroup img { |
566 background-color: transparent; | 581 background-color: transparent; |
567 /*width: 25px;*/ | 582 /*width: 25px;*/ |
568 height: 22px; | 583 height: 22px; |
569 padding: 0; | 584 padding: 0; |
570 border-bottom: 1px solid #666; | 585 border-bottom: 1px solid #666; |
571 border-left: 1px solid #666; | 586 border-left: 1px solid #666; |
572 border-top: 0; | 587 border-top: 0; |
573 border-right: 0; | 588 border-right: 0; |
574 border-radius: 0 10px 0 0; | 589 border-radius: 0 10px 0 0; |
575 -webkit-border-radius: 0 10px 0 0; | 590 -webkit-border-radius: 0 10px 0 0; |
576 -moz-border-radius: 0 10px 0 0; | 591 -moz-border-radius: 0 10px 0 0; |
577 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#555͸, endColorstr=’#333’); | 592 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#555͸, endColorstr=’#333’); |
578 background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); | 593 background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); |
579 background: -moz-linear-gradient(top, #555, #333); | 594 background: -moz-linear-gradient(top, #555, #333); |
580 background-image: -o-linear-gradient(#555,#333); | 595 background-image: -o-linear-gradient(#555,#333); |
581 z-index: 10; | 596 z-index: 10; |
582 } | 597 } |
583 | 598 |
584 .widgetHeader_closeButton { | 599 .widgetHeader_closeButton { |
585 border-radius: 0 10px 0 0 !important; | 600 border-radius: 0 10px 0 0 !important; |
586 -webkit-border-radius: 0 10px 0 0 !important; | 601 -webkit-border-radius: 0 10px 0 0 !important; |
594 -moz-border-radius: 0 0 0 10px !important; | 609 -moz-border-radius: 0 0 0 10px !important; |
595 z-index: 50; | 610 z-index: 50; |
596 } | 611 } |
597 | 612 |
598 .widgetHeader_buttonGroup img:hover { | 613 .widgetHeader_buttonGroup img:hover { |
614 background-color: #cf2828; | |
599 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828͸, endColorstr=’#b01e1e’); | 615 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828͸, endColorstr=’#b01e1e’); |
600 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e)); | 616 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e)); |
601 background: -moz-linear-gradient(top, #cf2828, #b01e1e); | 617 background: -moz-linear-gradient(top, #cf2828, #b01e1e); |
602 background-image: -o-linear-gradient(#cf2828,#b01e1e); | 618 background-image: -o-linear-gradient(#cf2828,#b01e1e); |
603 z-index: 50; | 619 z-index: 50; |
604 } | 620 } |
605 | 621 |
606 .widgetBody { | 622 .widgetBody { |
607 border: 1px solid #ddd; | 623 border: 1px solid #ddd; |
608 border-radius: 0 0 10px 10px; | 624 border-radius: 0 0 10px 10px; |
609 -webkit-border-radius: 0 0 10px 10px; | 625 -webkit-border-radius: 0 0 10px 10px; |
610 -moz-border-radius: 0 0 10px 10px; | 626 -moz-border-radius: 0 0 10px 10px; |
627 background-color: #fff; | |
611 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff͸, endColorstr=’#ccc’); | 628 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff͸, endColorstr=’#ccc’); |
612 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); | 629 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); |
613 background: -moz-linear-gradient(top, #fff, #ccc); | 630 background: -moz-linear-gradient(top, #fff, #ccc); |
614 background-image: -o-linear-gradient(#fff,#ccc); | 631 background-image: -o-linear-gradient(#fff,#ccc); |
615 } | 632 } |
630 margin: auto; | 647 margin: auto; |
631 width: 95% !important; | 648 width: 95% !important; |
632 } | 649 } |
633 | 650 |
634 .microblogEntry { | 651 .microblogEntry { |
635 text-align:center; | 652 text-align:center; |
636 | |
637 border: 1px solid LightGray; | 653 border: 1px solid LightGray; |
638 | |
639 border-bottom-width: 1px; | 654 border-bottom-width: 1px; |
640 margin-bottom: 5px; | 655 margin-bottom: 5px; |
641 margin-top: 5px; | 656 margin-top: 5px; |
642 padding-left: 10px; | 657 padding-left: 10px; |
643 padding-right: 10px; | 658 padding-right: 10px; |
644 padding-top: 5px; | 659 padding-top: 5px; |
645 padding-bottom: 5px; | 660 padding-bottom: 5px; |
646 | 661 -moz-border-radius: 15px 15px 15px 15px; |
647 -moz-border-radius: 15px; | 662 -webkit-border-radius: 15px 15px 15px 15px; |
648 -webkit-border-radius: 15px; | 663 border-radius: 15px 15px 15px 15px; |
649 border-radius: 15px; | |
650 } | 664 } |
651 | 665 |
652 .mb_entry_header { | 666 .mb_entry_header { |
653 font-size: small; | 667 font-size: small; |
654 } | 668 } |
730 | 744 |
731 /* Drag and drop */ | 745 /* Drag and drop */ |
732 | 746 |
733 .dragover { | 747 .dragover { |
734 background: #cf2828 !important; | 748 background: #cf2828 !important; |
735 border-radius: 1em !important; | 749 border-radius: 1em 1em 1em 1em !important; |
736 -webkit-border-radius: 1em !important; | 750 -webkit-border-radius: 1em 1em 1em 1em !important; |
737 -moz-border-radius: 1em !important; | 751 -moz-border-radius: 1em 1em 1em 1em !important; |
738 } | 752 } |
739 | 753 |
740 .dragover .widgetHeader, .dragover .widgetBody, .dragover .widgetHeader img { | 754 .dragover .widgetHeader, .dragover .widgetBody, .dragover .widgetHeader img { |
741 background: #cf2828 !important; | 755 background: #cf2828 !important; |
742 } | 756 } |