author | hgs |
Fri, 15 Oct 2010 17:30:59 -0400 | |
changeset 16 | 3c88a81ff781 |
parent 3 | 0954f5dd2cd0 |
permissions | -rw-r--r-- |
16 | 1 |
/******* css for suggestions dialog *******/ |
2 |
||
3 | 3 |
body { |
16 | 4 |
/*margins & paddings*/ |
5 |
padding: 0px; |
|
6 |
margin: 0px; |
|
7 |
/*font specification*/ |
|
8 |
font-family: "Series 60 Sans", "Nokia Sans S60", sans-serif;} |
|
3 | 9 |
|
10 |
/* for fixed position images such as topshadow.png */ |
|
11 |
img.floatImg { |
|
16 | 12 |
/*dimensions*/ |
13 |
position: fixed; |
|
14 |
left: 0px; |
|
15 |
width: 100%;} |
|
3 | 16 |
|
17 |
/* the topshadow image goes at top of list behind the text */ |
|
18 |
img#TopShadowImgId { |
|
16 | 19 |
/*dimensions*/ |
20 |
top: 0px; |
|
21 |
height: 20px; |
|
22 |
/*misc*/ |
|
23 |
z-index: 0;} |
|
0
1450b09d0cfd
Revision: 201015
Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com>
parents:
diff
changeset
|
24 |
|
3 | 25 |
#PageBorderId { |
16 | 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;} |
|
0
1450b09d0cfd
Revision: 201015
Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com>
parents:
diff
changeset
|
43 |
|
3 | 44 |
#PageBottomShadowId { |
16 | 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;} |
|
3 | 59 |
|
60 |
/* make sure content apears over images */ |
|
61 |
#SuggestsId { |
|
16 | 62 |
/*dimensions*/ |
63 |
position: relative; |
|
64 |
/*misc*/ |
|
65 |
z-index: 2;} |
|
0
1450b09d0cfd
Revision: 201015
Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com>
parents:
diff
changeset
|
66 |
|
3 | 67 |
.SuggestView { |
16 | 68 |
/*dimensions*/ |
69 |
height: 100%; |
|
70 |
/*misc*/ |
|
71 |
overflow-y: hidden;} |
|
3 | 72 |
|
73 |
ul#suggestUlId { |
|
16 | 74 |
/*margins & paddings*/ |
75 |
margin: 0; |
|
76 |
padding: 0; |
|
77 |
/*decorations*/ |
|
78 |
list-style-type: none;} |
|
3 | 79 |
|
80 |
ul#suggestUlId a { |
|
16 | 81 |
/*decorations*/ |
82 |
text-decoration: none; |
|
83 |
/*misc*/ |
|
84 |
display: block;} |
|
3 | 85 |
|
86 |
span.aTitle { |
|
16 | 87 |
/*decorations*/ |
88 |
color: black; |
|
89 |
/*font specification*/ |
|
90 |
font-size: 20px;} |
|
3 | 91 |
|
92 |
span.aUrl { |
|
16 | 93 |
/*decorations*/ |
94 |
color: #666666; |
|
95 |
/*font specification*/ |
|
96 |
font-size: 16px;} |
|
0
1450b09d0cfd
Revision: 201015
Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com>
parents:
diff
changeset
|
97 |
|
3 | 98 |
ul#suggestUlId li#searchLiId>a { |
16 | 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;} |
|
0
1450b09d0cfd
Revision: 201015
Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com>
parents:
diff
changeset
|
113 |
|
3 | 114 |
ul#suggestUlId li#suggestsLiId>a { |
16 | 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;} |
|
0
1450b09d0cfd
Revision: 201015
Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com>
parents:
diff
changeset
|
132 |
|
3 | 133 |
/* truncate long titles and URLs with ellipsis */ |
134 |
.SuggestView div.SuggestElement { |
|
16 | 135 |
/*misc*/ |
136 |
white-space: nowrap; |
|
137 |
overflow: hidden; |
|
138 |
text-overflow: ellipsis;} |