ginebra2/chrome/bedrockchrome/suggests.snippet/suggests.css
changeset 16 3c88a81ff781
parent 3 0954f5dd2cd0
--- a/ginebra2/chrome/bedrockchrome/suggests.snippet/suggests.css	Thu Sep 23 15:32:11 2010 -0400
+++ b/ginebra2/chrome/bedrockchrome/suggests.snippet/suggests.css	Fri Oct 15 17:30:59 2010 -0400
@@ -1,114 +1,138 @@
+/******* css for suggestions dialog *******/
+
 body {
-    padding: 0px;
-    margin: 0px;
-}
+  /*margins & paddings*/
+  padding: 0px;
+  margin: 0px;
+  /*font specification*/
+  font-family: "Series 60 Sans", "Nokia Sans S60", sans-serif;}
 
 /* for fixed position images such as topshadow.png */
 img.floatImg {
-    position: fixed;
-    left: 0px;
-    width: 100%;
-}
+  /*dimensions*/
+  position: fixed;
+  left: 0px;
+  width: 100%;}
 
 /* the topshadow image goes at top of list behind the text */
 img#TopShadowImgId {
-    top: 0px;
-    height: 20px;
-    z-index: 0;
-}
+  /*dimensions*/
+  top: 0px;
+  height: 20px;
+  /*misc*/
+  z-index: 0;}
 
 #PageBorderId {
-    position: fixed;
-    top: 0px;
-    bottom: 0px;
-    left: 0px;
-    right: 0px;
-    background-color: white;
-    border-left: 2px #2a3447 solid;
-    border-right: 2px #2a3447 solid;
-    border-bottom: 2px #2a3447 solid;
-    -webkit-border-bottom-left-radius: 10px;
-    -webkit-border-bottom-right-radius: 10px;
-    -webkit-user-select: none;
-    z-index: -1;
-}
+  /*dimensions*/
+  position: fixed;
+  /*margins & paddings*/
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  border-left: 2px #000000 solid;
+  border-right: 2px #000000 solid;
+  border-bottom: 2px #000000 solid;
+  background-color: white;
+  /*misc*/
+  z-index: -1;
+  /*webkit*/
+  -webkit-border-bottom-left-radius: 10px;
+  -webkit-border-bottom-right-radius: 10px;
+  -webkit-user-select: none;}
 
 #PageBottomShadowId {
-    position: fixed;
-    left: 2px;
-    right: 2px;
-    bottom: 2px;
-    height: 23px;
-    background-image: url(icons/bottomshadow.png);
-    background-repeat: repeat-x;
-    -webkit-border-bottom-left-radius: 10px;
-    -webkit-border-bottom-right-radius: 10px;
-    z-index: -1;
-}
+  /*dimensions*/
+  position: fixed;
+  /*margins & paddings*/
+  left: 2px;
+  right: 2px;
+  bottom: 2px;
+  height: 23px;
+  background-image: url(/suggests/bottomshadow.png);
+  background-repeat: repeat-x;
+  /*misc*/
+  z-index: -1;
+  /*webkit*/
+  -webkit-border-bottom-left-radius: 10px;
+  -webkit-border-bottom-right-radius: 10px;}
 
 /* make sure content apears over images */
 #SuggestsId {
-    position: relative;
-    z-index: 2;
-}
+  /*dimensions*/
+  position: relative;
+  /*misc*/
+  z-index: 2;}
 
 .SuggestView {
-    overflow-y: hidden;
-    height: 100%;
-}
+  /*dimensions*/
+  height: 100%;
+  /*misc*/
+  overflow-y: hidden;}
 
 ul#suggestUlId {
-    list-style-type:none;
-    margin: 0;
-    padding: 0;
-}
+  /*margins & paddings*/
+  margin: 0;
+  padding: 0;
+  /*decorations*/
+  list-style-type: none;}
 
 ul#suggestUlId a {
-    display: block;
-    text-decoration: none;
-}
+  /*decorations*/
+  text-decoration: none;
+  /*misc*/
+  display: block;}
 
 span.aTitle {
-    color: blue;
-    font-size: 20px;
-}
+  /*decorations*/
+  color: black;
+  /*font specification*/
+  font-size: 20px;}
 
 span.aUrl {
-    color: #999999;
-    font-size: 16px;
-}
+  /*decorations*/
+  color: #666666;
+  /*font specification*/
+  font-size: 16px;}
 
 ul#suggestUlId li#searchLiId>a {
-    /* between padding and height, total height is 70px */
-    /* if total height changes, change elementHeight in _setMaxHeight() */
-    /* top, right, bottom, and left padding */
-    padding: 15px 10px 8px 10px;
-    height: 47px;
-    display: block;
-    overflow: hidden;
-    white-space: pre;
-    -webkit-user-select: none;
-    z-index: 3;
-}
+  /*dimensions*/
+  /* between padding and height, total height is 70px */
+  /* if total height changes, change elementHeight in _setMaxHeight() */
+  /* top, right, bottom, and left padding */
+  height: 47px;
+  /*margins & paddings*/
+  padding: 15px 10px 8px 10px;
+  /*misc*/
+  display: block;
+  overflow: hidden;
+  white-space: pre;
+  z-index: 3;
+  /*webkit*/
+  -webkit-user-select: none;}
 
 ul#suggestUlId li#suggestsLiId>a {
-    /* between padding and height, total height is 70px */
-    /* if total height changes, change elementHeight in _setMaxHeight() */
-    /* top, right, bottom, and left padding */
-    padding: 8px 10px 8px 10px;
-    height: 54px;
-    display: block;
-    background-image: url(icons/divider.png);
-    background-repeat: repeat-x;
-    overflow: hidden;
-    white-space: pre;
-    -webkit-user-select: none;
-    z-index: 3;
-}
+  /*dimensions*/
+  /* between padding and height, total height is 70px */
+  /* if total height changes, change elementHeight in _setMaxHeight() */
+  /* top, right, bottom, and left padding */
+  height: 54px;
+  /*margins & paddings*/
+  padding: 8px 10px 8px 10px;
+  /*decorations*/
+  background-image: url(/suggests/divider.png);
+  background-repeat: repeat-x;
+  /*misc*/
+  display: block;
+  overflow: hidden;
+  white-space: pre;
+  z-index: 3;
+  /*webkit*/
+  -webkit-user-select: none;}
 
 /* truncate long titles and URLs with ellipsis */
 .SuggestView div.SuggestElement {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
+  /*misc*/
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;}