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&#888;, endColorstr=’#b01e1e’); 330 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, 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&#888;); 358 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa&#888;);
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&#888;, endColorstr=’#981a1a’); 370 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, 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&#888;, endColorstr=’#981a1a’); 393 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, 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&#888;, endColorstr=’#222’); 555 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#444&#888;, 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&#888;, endColorstr=’#333’); 592 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#555&#888;, 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&#888;, endColorstr=’#b01e1e’); 615 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, 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&#888;, endColorstr=’#ccc’); 628 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff&#888;, 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 }