diff 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
line wrap: on
line diff
--- 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&#888;, 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&#888;); 
 	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&#888;, 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&#888;, 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&#888;, 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&#888;, 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 {