ginebra2/chrome/bedrockchrome/bookmarkview.superpage/bookmarkview.css
changeset 3 0954f5dd2cd0
parent 0 1450b09d0cfd
child 12 afcd8e6d025b
--- a/ginebra2/chrome/bedrockchrome/bookmarkview.superpage/bookmarkview.css	Fri May 14 15:40:36 2010 +0300
+++ b/ginebra2/chrome/bedrockchrome/bookmarkview.superpage/bookmarkview.css	Tue Jun 29 00:46:29 2010 -0400
@@ -1,111 +1,128 @@
 body {
-	padding : 0px;
-	margin : 0px;
-	height:100%;
+    padding : 0px;
+    margin : 0px;
+    height:100%;
+    background-color: #889cbf;
 }
 /*
-.bookmarkList li.ui-state-highlight { 
-		border: 4px dotted #999; 
-		background-image:url(icons/cc0d0d-hatch.png); 
-		background-repeat: repeat;
-	}
+.bookmarkList li.ui-state-highlight {
+        border: 4px dotted #999;
+        background-image:url(icons/cc0d0d-hatch.png);
+        background-repeat: repeat;
+    }
 */
-.bookmarkList li.sort{
-	border: 4px dotted #999; 
-	background-image: url(icons/light-blue.bg.gif);
-	font-weight: bold;	
+
+#BottomPad {
+ padding: 8px 10px 8px 10px;
+ height: 54px;
+}
+
+.bookmarkList li.highlight{
+    background-image: url(icons/list_itembg_pressed.png);
+    font-weight: bold;
+}
+
+.bookmarkList div.controlInSort {
+    height: 70px;
+    background-repeat: repeat-x;
+    width: 51px;
+    background-image: url(icons/dogear_open_bg_pressed.png);
+    float:right;
+    z-index:30;
+}
+.bookmarkList div.collapsedSort {
+    background-image: url(icons/dogear_pressed.png);
+    background-repeat: no-repeat;
+    float: left;
+    height: 70px;
+    width: 51px;
 }
 
 div.bookmarkList ul{
-	list-style-type: none;
-	margin: 0px;
-	padding: 0px;
-	font-family: "Nokia Sans";
-	overflow: hidden;
+    list-style-type: none;
+    margin: 0px;
+    padding: 0px;
+    font-family: "Nokia Sans";
+    overflow: hidden;
 }
 
-.controlIn {
-	height: 70px;
-	background-repeat: repeat-x;
-	width: 48px;
-	background-image: url(icons/white-blue-dark-bg.gif);
-	float:right;
-	z-index:30;
+.bookmarkList li {
+    height: 70px;
+    background-image: url(icons/list_itembg.png);
+    background-repeat: repeat-x;
+    overflow: hidden;
+  -webkit-user-select: none;
 }
 
-.controlOut {
-	height: 70px;
-	background-image: url(icons/white-blue-dark-bg.gif);
-	background-repeat: repeat-x;
-	float:right;
-	z-index:30;
+.bookmarkList div.controlIn {
+    height: 70px;
+    background-repeat: repeat-x;
+    width: 51px;
+    background-image: url(icons/dogear_open_bg.png);
+    float:right;
+    z-index:30;
+}
+.bookmarkList div.collapsed {
+    background-image: url(icons/dogear.png);
+    background-repeat: no-repeat;
+    float: left;
+    height: 70px;
+    width: 51px;
 }
 
-div.collapsed {
-	background-image: url(icons/white-blue-collapsed.gif);
-	background-repeat: no-repeat;
-	float: left;
-	height: 70px;
-	width: 60px;
+.bookmarkList div.controlOut {
+    height: 70px;
+    background-image: url(icons/dogear_open_bg.png);
+    background-repeat: repeat-x;
+    float:right;
+    z-index:31;
 }
 
-div.expanded {
-	background-image: url(icons/white-blue-expanded.gif);
-	background-repeat: no-repeat;
-	float: left;
-	height: 70px;
-	width: 60px;
+.bookmarkList div.expanded {
+    background-image: url(icons/dogear_open.png);
+    background-repeat: no-repeat;
+    float: left;
+    height: 70px;
+    width: 67px;
 }
 
 
-div.collapsedIcons{
-	display:none;
-}
-
-div.expandedIcons{
-	display:block;
-	padding-top: 10px;
-}
+div.Title {
+    color: #000;
+    margin-top: 15px;
+    float:left;
+    z-index:28;
+    background-repeat: no-repeat;
+    background-position: 10px 15px;
+    padding-left: 10px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 
-.bookmarkList li {
-	height: 70px;
-	background-image: url(icons/light-blue.bg.gif);
-	background-repeat: repeat-x;
-	overflow: hidden;
-  -webkit-user-select: none;
-}
-
-div.Title {
-	color: #000;
-	margin-top: 15px;
-	overflow: hidden;
-	float:left;
-	z-index:28;
-	background-repeat: no-repeat;
-	background-position: 10px 15px;
-	padding-left: 10px;
-	
 }
 .bookmarkList div.Title:active {
-	font-weight: bold;	
+    font-weight: bold;
 }
 
 /*
 img.FavIcon {
-	padding-top: 15px;
-	padding-right: 10px;
-	padding-bottom: 10px;
-	padding-left: 10px;
+    padding-top: 15px;
+    padding-right: 10px;
+    padding-bottom: 10px;
+    padding-left: 10px;
 }
 */
 span.aTitle{
-	font-size: 20px;
-	white-space:pre;
+    font-size: 20px;
 }
 
 span.aUrl{
-	color: #999999;
-	font-size: 16px;
-	font-weight: bold;	
-	white-space:pre;
+    color: #999999;
+    font-size: 16px;
+    font-weight: bold;
 }
+
+.hiddenLoadImages { 
+    background-image: url(icons/dogear_open.png);
+    visibility: hidden;
+}