# HG changeset patch # User Adrien Vigneron # Date 1309171240 -7200 # Node ID 3029e3fdbd40a5f9a679f92cc049cbc6a21a5be2 # Parent 6c3b3254605f52010ea88950060878921cb39fc6 browser side: IE & Opera CSS fix diff -r 6c3b3254605f -r 3029e3fdbd40 public/libervia.css --- a/public/libervia.css Mon Jun 27 04:11:58 2011 +0200 +++ b/public/libervia.css Mon Jun 27 12:40:40 2011 +0200 @@ -125,6 +125,7 @@ border-radius: 0 0 1em 1em; -webkit-border-radius: 0 0 1em 1em; -moz-border-radius: 0 0 1em 1em; + background-color: #222; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’444444′, endColorstr=’#222222’); background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222)); background: -moz-linear-gradient(top, #444444, #222222); @@ -139,9 +140,9 @@ color: #e7e5e5; padding: 3px 15px; /*display: block;*/ - border-radius: 1em; - -webkit-border-radius: 1em; - -moz-border-radius: 1em; + border-radius: 1em 1em 1em 1em; + -webkit-border-radius: 1em 1em 1em 1em; + -moz-border-radius: 1em 1em 1em 1em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; @@ -153,6 +154,7 @@ } .gwt-MenuBar-horizontal .gwt-MenuItem-selected { + background-color: #eee; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa′); background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa)); background: -moz-linear-gradient(top, #eee, #aaa); @@ -173,6 +175,7 @@ } .gwt-MenuBar { + background-color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff’, endColorstr=’#ccc’); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); background: -moz-linear-gradient(top, #fff, #ccc); @@ -205,14 +208,14 @@ .gwt-MenuBar .gwt-MenuItem-selected { background: #cf2828 !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828’, endColorstr=’#b01e1e’); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828’, endColorstr=’#b01e1e’) !important; background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e)) !important; background: -moz-linear-gradient(top, #cf2828, #b01e1e) !important; - background-image: -o-linear-gradient(#cf2828,#b01e1e); + background-image: -o-linear-gradient(#cf2828,#b01e1e) !important; color: #fff !important; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -webkit-border-radius: 0 0 0 0; + -moz-border-radius: 0 0 0 0; + border-radius: 0 0 0 0; text-shadow: 0 1px 1px rgba(0, 0, 0, .1); transition: color 0.2s linear; -webkit-transition: color 0.2s linear; @@ -234,9 +237,9 @@ } .menuLastPopup .gwt-MenuBar { - border-top-right-radius: 9px; - -webkit-border-top-right-radius: 9px; - -moz-border-top-right-radius: 9px; + border-top-right-radius: 9px 9px 9px 9px; + -webkit-border-top-right-radius: 9px 9px 9px 9px; + -moz-border-top-right-radius: 9px 9px 9px 9px; } .gwt-AutoCompleteTextBox { @@ -253,9 +256,9 @@ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); background: -moz-linear-gradient(top, #fff, #ccc); background-image: -o-linear-gradient(#fff,#ccc); - border-radius: 9px; - -webkit-border-radius: 9px; - -moz-border-radius: 9px; + border-radius: 9px 9px 9px 9px; + -webkit-border-radius: 9px 9px 9px 9px; + -moz-border-radius: 9px 9px 9px 9px; box-shadow: 0px 1px 4px #000; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); @@ -322,7 +325,8 @@ height: 30px; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; - -moz-border-radius: 10px 10px 0 0; + -moz-border-radius: 10px 10px 0 0; + background-color: #cf2828; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828͸, endColorstr=’#b01e1e’); background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e)); background: -moz-linear-gradient(top, #cf2828, #b01e1e) !important; @@ -347,9 +351,10 @@ font-weight: bold; color: #e7e5e5; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); - border-radius: 1em; - -webkit-border-radius: 1em; - -moz-border-radius: 1em; + border-radius: 1em 1em 1em 1em; + -webkit-border-radius: 1em 1em 1em 1em; + -moz-border-radius: 1em 1em 1em 1em; + background-color: #eee; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa͸); background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa)); background: -moz-linear-gradient(top, #eee, #aaa); @@ -361,6 +366,7 @@ div.group:hover { color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); + background-color: #cf2828; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828͸, endColorstr=’#981a1a’); background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)); background: -moz-linear-gradient(top, #cf2828, #981a1a); @@ -388,9 +394,9 @@ background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)); background: -moz-linear-gradient(top, #cf2828, #981a1a); background-image: -o-linear-gradient(#cf2828,#981a1a); - border-radius: 1em; - -webkit-border-radius: 1em; - -moz-border-radius: 1em; + border-radius: 1em 1em 1em 1em; + -webkit-border-radius: 1em 1em 1em 1em; + -moz-border-radius: 1em 1em 1em 1em; } /* UniBox & Status */ @@ -401,15 +407,15 @@ } .uniBox { - margin-top: 1em; + margin-top: 1em; width: 100%; height: 50px; padding: 5px; - font-family: Arial, Helvetica, sans-serif; - border: 1px solid #bbb; + font-family: Arial, Helvetica, sans-serif; + border: 1px solid #bbb; color: #444; - background: #fff url('media/libervia/unibox.png') top right no-repeat; - border-radius: 9px 9px 9px 9px; + background: #fff url('media/libervia/unibox.png') top right no-repeat; + border-radius: 9px 9px 9px 9px; -webkit-border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px; box-shadow:inset 0 0 10px #ddd; @@ -490,9 +496,9 @@ background: #000; color: #aaa; border: 1px solid #222; - border-radius:15px; - -webkit-border-radius: 15px; - -moz-border-radius: 15px; + border-radius: 15px 15px 15px 15px; + -webkit-border-radius: 15px 15px 15px 15px; + -moz-border-radius: 15px 15px 15px 15px; } .registerPanel_content input:focus { @@ -504,8 +510,9 @@ background: #222 url('media/libervia/gradient.png') repeat-x; display: inline-block; text-decoration: none; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; + border-radius: 6px 6px 6px 6px; + -moz-border-radius: 6px 6px 6px 6px; + -webkit-border-radius: 6px 6px 6px 6px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6); border-bottom: 1px solid rgba(0,0,0,0.25); @@ -513,6 +520,13 @@ margin-top: 30px; } +/* Fix for Opera */ +.button, .button:visited { + border-radius: 6px 6px 6px 6px !important; + -moz-border-radius: 6px 6px 6px 6px !important; + -webkit-border-radius: 6px 6px 6px 6px !important; +} + .registerPanel_content .button:hover { background-color: #111; color: #fff; } .registerPanel_content .button:active { top: 1px; } .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; } @@ -537,6 +551,7 @@ border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; + background-color: #222; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#444͸, endColorstr=’#222’); background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)); background: -moz-linear-gradient(top, #444, #222); @@ -563,14 +578,14 @@ } .widgetHeader_buttonGroup img { - background-color: transparent; + background-color: transparent; /*width: 25px;*/ height: 22px; - padding: 0; + padding: 0; border-bottom: 1px solid #666; border-left: 1px solid #666; - border-top: 0; - border-right: 0; + border-top: 0; + border-right: 0; border-radius: 0 10px 0 0; -webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; @@ -578,7 +593,7 @@ background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); background: -moz-linear-gradient(top, #555, #333); background-image: -o-linear-gradient(#555,#333); - z-index: 10; + z-index: 10; } .widgetHeader_closeButton { @@ -596,18 +611,20 @@ } .widgetHeader_buttonGroup img:hover { + background-color: #cf2828; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828͸, endColorstr=’#b01e1e’); background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e)); background: -moz-linear-gradient(top, #cf2828, #b01e1e); background-image: -o-linear-gradient(#cf2828,#b01e1e); - z-index: 50; + z-index: 50; } .widgetBody { border: 1px solid #ddd; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; - -moz-border-radius: 0 0 10px 10px; + -moz-border-radius: 0 0 10px 10px; + background-color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff͸, endColorstr=’#ccc’); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); background: -moz-linear-gradient(top, #fff, #ccc); @@ -632,10 +649,8 @@ } .microblogEntry { - text-align:center; - + text-align:center; border: 1px solid LightGray; - border-bottom-width: 1px; margin-bottom: 5px; margin-top: 5px; @@ -643,10 +658,9 @@ padding-right: 10px; padding-top: 5px; padding-bottom: 5px; - - -moz-border-radius: 15px; - -webkit-border-radius: 15px; - border-radius: 15px; + -moz-border-radius: 15px 15px 15px 15px; + -webkit-border-radius: 15px 15px 15px 15px; + border-radius: 15px 15px 15px 15px; } .mb_entry_header { @@ -732,9 +746,9 @@ .dragover { background: #cf2828 !important; - border-radius: 1em !important; - -webkit-border-radius: 1em !important; - -moz-border-radius: 1em !important; + border-radius: 1em 1em 1em 1em !important; + -webkit-border-radius: 1em 1em 1em 1em !important; + -moz-border-radius: 1em 1em 1em 1em !important; } .dragover .widgetHeader, .dragover .widgetBody, .dragover .widgetHeader img {