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