|
1 /******* css for suggestions dialog *******/ |
|
2 |
|
3 body { |
|
4 /*margins & paddings*/ |
|
5 padding: 0px; |
|
6 margin: 0px; |
|
7 /*font specification*/ |
|
8 font-family: "Series 60 Sans", "Nokia Sans S60", sans-serif;} |
|
9 |
|
10 /* for fixed position images such as topshadow.png */ |
|
11 img.floatImg { |
|
12 /*dimensions*/ |
|
13 position: fixed; |
|
14 left: 0px; |
|
15 width: 100%;} |
|
16 |
|
17 /* the topshadow image goes at top of list behind the text */ |
|
18 img#TopShadowImgId { |
|
19 /*dimensions*/ |
|
20 top: 0px; |
|
21 height: 20px; |
|
22 /*misc*/ |
|
23 z-index: 0;} |
|
24 |
|
25 #PageBorderId { |
|
26 /*dimensions*/ |
|
27 position: fixed; |
|
28 /*margins & paddings*/ |
|
29 top: 0px; |
|
30 bottom: 0px; |
|
31 left: 0px; |
|
32 right: 0px; |
|
33 border-left: 2px #000000 solid; |
|
34 border-right: 2px #000000 solid; |
|
35 border-bottom: 2px #000000 solid; |
|
36 background-color: white; |
|
37 /*misc*/ |
|
38 z-index: -1; |
|
39 /*webkit*/ |
|
40 -webkit-border-bottom-left-radius: 10px; |
|
41 -webkit-border-bottom-right-radius: 10px; |
|
42 -webkit-user-select: none;} |
|
43 |
|
44 #PageBottomShadowId { |
|
45 /*dimensions*/ |
|
46 position: fixed; |
|
47 /*margins & paddings*/ |
|
48 left: 2px; |
|
49 right: 2px; |
|
50 bottom: 2px; |
|
51 height: 23px; |
|
52 background-image: url(/suggests/bottomshadow.png); |
|
53 background-repeat: repeat-x; |
|
54 /*misc*/ |
|
55 z-index: -1; |
|
56 /*webkit*/ |
|
57 -webkit-border-bottom-left-radius: 10px; |
|
58 -webkit-border-bottom-right-radius: 10px;} |
|
59 |
|
60 /* make sure content apears over images */ |
|
61 #SuggestsId { |
|
62 /*dimensions*/ |
|
63 position: relative; |
|
64 /*misc*/ |
|
65 z-index: 2;} |
|
66 |
|
67 .SuggestView { |
|
68 /*dimensions*/ |
|
69 height: 100%; |
|
70 /*misc*/ |
|
71 overflow-y: hidden;} |
|
72 |
|
73 ul#suggestUlId { |
|
74 /*margins & paddings*/ |
|
75 margin: 0; |
|
76 padding: 0; |
|
77 /*decorations*/ |
|
78 list-style-type: none;} |
|
79 |
|
80 ul#suggestUlId a { |
|
81 /*decorations*/ |
|
82 text-decoration: none; |
|
83 /*misc*/ |
|
84 display: block;} |
|
85 |
|
86 span.aTitle { |
|
87 /*decorations*/ |
|
88 color: black; |
|
89 /*font specification*/ |
|
90 font-size: 20px;} |
|
91 |
|
92 span.aUrl { |
|
93 /*decorations*/ |
|
94 color: #666666; |
|
95 /*font specification*/ |
|
96 font-size: 16px;} |
|
97 |
|
98 ul#suggestUlId li#searchLiId>a { |
|
99 /*dimensions*/ |
|
100 /* between padding and height, total height is 70px */ |
|
101 /* if total height changes, change elementHeight in _setMaxHeight() */ |
|
102 /* top, right, bottom, and left padding */ |
|
103 height: 47px; |
|
104 /*margins & paddings*/ |
|
105 padding: 15px 10px 8px 10px; |
|
106 /*misc*/ |
|
107 display: block; |
|
108 overflow: hidden; |
|
109 white-space: pre; |
|
110 z-index: 3; |
|
111 /*webkit*/ |
|
112 -webkit-user-select: none;} |
|
113 |
|
114 ul#suggestUlId li#suggestsLiId>a { |
|
115 /*dimensions*/ |
|
116 /* between padding and height, total height is 70px */ |
|
117 /* if total height changes, change elementHeight in _setMaxHeight() */ |
|
118 /* top, right, bottom, and left padding */ |
|
119 height: 54px; |
|
120 /*margins & paddings*/ |
|
121 padding: 8px 10px 8px 10px; |
|
122 /*decorations*/ |
|
123 background-image: url(/suggests/divider.png); |
|
124 background-repeat: repeat-x; |
|
125 /*misc*/ |
|
126 display: block; |
|
127 overflow: hidden; |
|
128 white-space: pre; |
|
129 z-index: 3; |
|
130 /*webkit*/ |
|
131 -webkit-user-select: none;} |
|
132 |
|
133 /* truncate long titles and URLs with ellipsis */ |
|
134 .SuggestView div.SuggestElement { |
|
135 /*misc*/ |
|
136 white-space: nowrap; |
|
137 overflow: hidden; |
|
138 text-overflow: ellipsis;} |