Mercurial > libervia-web

changeset 89:8d2c7be09eef

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
browser side: CSS: removed useless z-indexes, and replaced tabs by spaces
author Goffi <goffi@goffi.org>
date Mon, 27 Jun 2011 20:10:29 +0200
parents 50b480fd0605
children 9729ed7171a6
files browser_side/panels.py public/libervia.css
diffstat 2 files changed, 121 insertions(+), 125 deletions(-) [+]
line wrap: on
line diff
--- a/browser_side/panels.py	Mon Jun 27 16:46:31 2011 +0200
+++ b/browser_side/panels.py	Mon Jun 27 20:10:29 2011 +0200
@@ -146,17 +146,16 @@
         self.__title = Label(title)
         self.__title.setStyleName('widgetHeader_title')
         header.add(self.__title)
-        #header.setCellVerticalAlignment(self.title, HasAlignment.ALIGN_MIDDLE)
-        #header.setCellWidth(self.title, '100%')
         button_group_wrapper = SimplePanel()
         button_group_wrapper.setStyleName('widgetHeader_buttonsWrapper')
         button_group = HorizontalPanel()
         button_group.setStyleName('widgetHeader_buttonGroup')
         setting_button = Image("media/icons/misc/settings.png")
         setting_button.setStyleName('widgetHeader_settingButton')
+        setting_button.addClickListener(self.onSetting)
         close_button = Image("media/icons/misc/close.png")
         close_button.setStyleName('widgetHeader_closeButton')
-        close_button.addClickListener(getattr(self,"onClose"))
+        close_button.addClickListener(self.onClose)
         button_group.add(setting_button)
         button_group.add(close_button)
         button_group_wrapper.setWidget(button_group)
@@ -177,6 +176,9 @@
         _widgetspanel = self.getParent().getParent().getParent()
         _widgetspanel.removeWidget(self)
 
+    def onSetting(self, sender):
+        Window.alert('settings')
+
     def setTitle(self, text):
         """change the title in the header of the widget
         @param text: text of the new title"""
--- a/public/libervia.css	Mon Jun 27 16:46:31 2011 +0200
+++ b/public/libervia.css	Mon Jun 27 20:10:29 2011 +0200
@@ -99,7 +99,7 @@
 /* CSS Reset END */
 
 body {
-	background: #fff url('media/libervia/worldmap_gray.jpg') repeat-x;
+    background: #fff url('media/libervia/worldmap_gray.jpg') repeat-x;
 }
 
 /* Misc Pyjamas stuff */
@@ -116,7 +116,7 @@
     height: 28px;
     margin: 0;
     font: normal 0.8em/1.4em Arial, Helvetica, sans-serif;
-    padding: 5px 5px 0 5px;	
+    padding: 5px 5px 0 5px;    
     line-height: 100%;
     box-shadow: 0px 1px 4px #000;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
@@ -134,7 +134,7 @@
 }
 
 .gwt-MenuBar-horizontal .gwt-MenuItem {
-    text-decoration: none;	
+    text-decoration: none;    
     font-weight: bold;
     height: 100%;
     color: #e7e5e5;
@@ -154,13 +154,13 @@
 }
 
 .gwt-MenuBar-horizontal .gwt-MenuItem-selected {
-	 background-color: #eee;
+     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);
     background-image: -o-linear-gradient(#eee,#aaa);
     color: #444;
-    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);	
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);    
     cursor: pointer;
 }
 
@@ -175,7 +175,7 @@
 }
 
 .gwt-MenuBar {
-	 background-color: #fff;
+     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);
@@ -231,15 +231,15 @@
 }
 
 .menuLastPopup div tr:first-child td{
-	border-radius: 0 9px 0 0 !important; 
-	-webkit-border-radius: 0 9px 0 0 !important; 
-	-moz-border-radius: 0 9px 0 0 !important; 
+    border-radius: 0 9px 0 0 !important; 
+    -webkit-border-radius: 0 9px 0 0 !important; 
+    -moz-border-radius: 0 9px 0 0 !important; 
 }
 
 .menuLastPopup .gwt-MenuBar {
-	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;
+    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 {
@@ -316,27 +316,27 @@
 }
 
 .contactTitle {
-	color: #fff;
-	font-weight: bold;
-	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
-	font: normal 1.2em/1.4em Arial, Helvetica, sans-serif;
-	text-indent: 15px;
-	width: 200px;
-	height: 30px; 
-	border-radius: 10px 10px 0 0; 
-	-webkit-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; 
-	background-image: -o-linear-gradient(#cf2828,#b01e1e);	
+    color: #fff;
+    font-weight: bold;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
+    font: normal 1.2em/1.4em Arial, Helvetica, sans-serif;
+    text-indent: 15px;
+    width: 200px;
+    height: 30px; 
+    border-radius: 10px 10px 0 0; 
+    -webkit-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; 
+    background-image: -o-linear-gradient(#cf2828,#b01e1e);    
 }
 .groupList {
-	font: normal 0.8em/1.4em Arial, Helvetica, sans-serif;
-	width: 100%;
-	border: 1px solid #fff;
-	background-color: #fff;	
+    font: normal 0.8em/1.4em Arial, Helvetica, sans-serif;
+    width: 100%;
+    border: 1px solid #fff;
+    background-color: #fff;    
 }
 
 .groupList tr:first-child td {
@@ -344,39 +344,39 @@
 }
 
 .group {
-	padding: 2px 15px;
+    padding: 2px 15px;
    margin: 0.2em 0 0.2em 5px;
    display: inline-block;
-	text-decoration: none;     
-	font-weight: bold; 
-	color: #e7e5e5;
-	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); 
-	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); 
-	background-image: -o-linear-gradient(#eee,#aaa);
-	color: #444;
-	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);   
+    text-decoration: none;     
+    font-weight: bold; 
+    color: #e7e5e5;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); 
+    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); 
+    background-image: -o-linear-gradient(#eee,#aaa);
+    color: #444;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);   
 }
 
 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); 
-	background-image: -o-linear-gradient(#cf2828,#981a1a);
-	-webkit-transition: color 0.1s linear; 
+    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); 
+    background-image: -o-linear-gradient(#cf2828,#981a1a);
+    -webkit-transition: color 0.1s linear; 
    -moz-transition: color 0.1s linear; 
    -o-transition: color 0.1s linear;  
 }
 .contact {
-	 font-family: Arial, Helvetica, sans-serif;
+     font-family: Arial, Helvetica, sans-serif;
     font-size: 0.8em;
     margin-top: 3px;
     padding: 3px 10px 3px 10px;
@@ -388,15 +388,15 @@
 }
 
 .selected {
-	color: #fff;
+    color: #fff;
    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); 
-	background-image: -o-linear-gradient(#cf2828,#981a1a);
-	border-radius: 1em 1em 1em 1em; 
-	-webkit-border-radius: 1em 1em 1em 1em; 
-	-moz-border-radius: 1em 1em 1em 1em; 
+    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 1em 1em 1em; 
+    -webkit-border-radius: 1em 1em 1em 1em; 
+    -moz-border-radius: 1em 1em 1em 1em; 
 }
 
 /* UniBox & Status */
@@ -408,19 +408,19 @@
 
 .uniBox {
    margin-top: 1em;
-	width: 100%;
-	height: 50px;
-	padding: 5px;
+    width: 100%;
+    height: 50px;
+    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #bbb;
-	color: #444;
+    color: #444;
    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;
-	-webkit-box-shadow:inset 0 0 10px #ddd; 
-	-moz-box-shadow:inset 0 0 10px #ddd;
+    -webkit-border-radius: 9px 9px 9px 9px; 
+    -moz-border-radius: 9px 9px 9px 9px;
+    box-shadow:inset 0 0 10px #ddd;
+    -webkit-box-shadow:inset 0 0 10px #ddd; 
+    -moz-box-shadow:inset 0 0 10px #ddd;
 }
 
 .statusPanel {
@@ -522,13 +522,13 @@
 
 /* Fix for Opera */
 .button, .button:visited {
-	border-radius: 6px 6px 6px 6px !important;
+    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: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; }
 .registerPanel_content .red.button, .registerPanel_content .red.button:visited { background-color: #000; }
 .registerPanel_content .red.button:hover { background-color: #bc0000; }
@@ -545,23 +545,22 @@
 }
 
 .widgetHeader {
-	margin: auto;
-	height: 30px;
-	/*border: 1px solid #ddd;*/
-	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); 
-	background-image: -o-linear-gradient(#444,#222); 
+    margin: auto;
+    height: 30px;
+    /*border: 1px solid #ddd;*/
+    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); 
+    background-image: -o-linear-gradient(#444,#222); 
 }
 
 .widgetHeader_title {
     color: #fff;
     text-align: center;
-    z-index: 0;
     margin-top: 5px;
 }
 
@@ -574,62 +573,57 @@
 
 .widgetHeader_buttonGroup {
     float: right;
-    z-index: 1;
 }
 
 .widgetHeader_buttonGroup img {
    background-color: transparent;
-	/*width: 25px;*/
-	height: 22px;
+    /*width: 25px;*/
+    height: 22px;
    padding: 0;
-	border-bottom: 1px solid #666;
-	border-left: 1px solid #666;
+    border-bottom: 1px solid #666;
+    border-left: 1px solid #666;
    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; 
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#555&#888;, endColorstr=’#333’); 
-	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;
+    border-radius: 0 10px 0 0; 
+    -webkit-border-radius: 0 10px 0 0; 
+    -moz-border-radius: 0 10px 0 0; 
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#555&#888;, endColorstr=’#333’); 
+    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);
 }
 
 .widgetHeader_closeButton {
-	border-radius: 0 10px 0 0 !important; 
-	-webkit-border-radius: 0 10px 0 0 !important; 
-	-moz-border-radius: 0 10px 0 0 !important;
-    z-index: 50;
+    border-radius: 0 10px 0 0 !important; 
+    -webkit-border-radius: 0 10px 0 0 !important; 
+    -moz-border-radius: 0 10px 0 0 !important;
 }
 
 .widgetHeader_settingButton {
-	border-radius: 0 0 0 10px !important; 
-	-webkit-border-radius: 0 0 0 10px !important; 
-	-moz-border-radius: 0 0 0 10px !important; 	 	
-    z-index: 50;
+    border-radius: 0 0 0 10px !important; 
+    -webkit-border-radius: 0 0 0 10px !important; 
+    -moz-border-radius: 0 0 0 10px !important;          
 }
 
 .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;
+    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);
 }
 
 .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;
-	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); 
-	background-image: -o-linear-gradient(#fff,#ccc); 	
-	min-height: 100px;
+    border: 1px solid #ddd;
+    border-radius: 0 0 10px 10px; 
+    -webkit-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); 
+    background-image: -o-linear-gradient(#fff,#ccc);     
+    min-height: 100px;
 }
 
 /* BorderWidgets */