|
1 body{ |
|
2 padding: 0px; |
|
3 margin: 0px; |
|
4 background-color: black; |
|
5 /*font specification*/ |
|
6 font-family: "Series 60 Sans", "Nokia Sans S60", sans-serif;} |
|
7 |
|
8 @media (device-width:800px){ |
|
9 body{ |
|
10 background-color: black; |
|
11 } |
|
12 } |
|
13 |
|
14 .HistoryView{ |
|
15 overflow-y:hidden; |
|
16 height:100%; |
|
17 } |
|
18 |
|
19 #BottomPad { |
|
20 padding: 8px 10px 8px 10px; |
|
21 height: 54px; |
|
22 } |
|
23 |
|
24 ul#folderMenu, ul#folderMenu ul { |
|
25 list-style-type:none; |
|
26 margin: 0; |
|
27 padding: 0; |
|
28 } |
|
29 |
|
30 ul#folderMenu a { |
|
31 display: block; |
|
32 text-decoration: none; |
|
33 } |
|
34 |
|
35 ul#folderMenu li { |
|
36 } |
|
37 |
|
38 ul#folderMenu>li>a { |
|
39 color: #000; |
|
40 padding: 8px 10px; |
|
41 height: 37px; |
|
42 display: block; |
|
43 background-repeat:repeat-x; |
|
44 /*font specification*/ |
|
45 font-style: bold; |
|
46 font-size: 24px;} |
|
47 @media (device-width:800px){ |
|
48 ul#folderMenu>li>a { |
|
49 font-size: 28px; |
|
50 color:#c3e1ff; |
|
51 } |
|
52 } |
|
53 |
|
54 ul#folderMenu li>a.opened { |
|
55 /*dimensions*/ |
|
56 left: 10px; |
|
57 /*decorations*/ |
|
58 background-image: url(/historyview/list_headerbg_open.png); |
|
59 color: white; |
|
60 } |
|
61 @media (device-width:800px){ |
|
62 ul#folderMenu li>a.opened { |
|
63 background-image:url(iconsMaemo/list_headerbg_open.png); |
|
64 } |
|
65 } |
|
66 |
|
67 ul#folderMenu li>a.closed { |
|
68 /*dimensions*/ |
|
69 left: 10px; |
|
70 /*decorations*/ |
|
71 background-image: url(/historyview/list_headerbg_closed.png); |
|
72 color: #cccccc; |
|
73 } |
|
74 @media (device-width:800px){ |
|
75 ul#folderMenu li>a.closed { |
|
76 background-image:url(iconsMaemo/list_headerbg_closed.png); |
|
77 } |
|
78 } |
|
79 |
|
80 span.aTitle{ |
|
81 /*dimensions*/ |
|
82 left: 30px; |
|
83 /*decorations*/ |
|
84 color: white; |
|
85 /*font specification*/ |
|
86 font-size: 24px; |
|
87 font-style: bold; |
|
88 } |
|
89 @media (device-width:800px){ |
|
90 span.aTitle{ |
|
91 font-size: 24px; |
|
92 } |
|
93 } |
|
94 |
|
95 .HistoryView div.HitsoryElement:active { |
|
96 font-weight: bold; |
|
97 } |
|
98 |
|
99 |
|
100 .HistoryView div.HitsoryElement { |
|
101 white-space: nowrap; |
|
102 overflow: hidden; |
|
103 text-overflow: ellipsis; |
|
104 } |
|
105 |
|
106 |
|
107 span.aUrl{ |
|
108 /*dimensions*/ |
|
109 left: 30px; |
|
110 /*decorations*/ |
|
111 color: #cccccc; |
|
112 /*font specification*/ |
|
113 font-size: 20px; |
|
114 font-style: bold; |
|
115 } |
|
116 @media (device-width:800px){ |
|
117 span.aUrl{ |
|
118 font-style:bold; |
|
119 font-size:20px; |
|
120 color:#c3e1ff; |
|
121 white-space:nowrap; |
|
122 left:30px; |
|
123 } |
|
124 } |
|
125 |
|
126 span.aTime{ |
|
127 /*dimensions*/ |
|
128 line-height: 18px; |
|
129 /*margins & paddings*/ |
|
130 margin-top: 20px; |
|
131 margin-left: 20px; |
|
132 /*decorations*/ |
|
133 float:right; |
|
134 color: #cccccc; |
|
135 /*font specification*/ |
|
136 font-size: 16px; |
|
137 font-style: bold; |
|
138 /*misc*/ |
|
139 text-align: right; |
|
140 } |
|
141 |
|
142 @media (device-width:800px){ |
|
143 span.aTime{ |
|
144 margin-left:10px; |
|
145 font-style:bold; |
|
146 font-size:16px; |
|
147 color:#c3e1ff; |
|
148 white-space:nowrap; |
|
149 text-align:right; |
|
150 line-height:18px; |
|
151 left:715px; |
|
152 } |
|
153 } |
|
154 |
|
155 ul#folderMenu li>a.opened>div, ul#folderMenu li>a.closed>div{ |
|
156 float: right; |
|
157 width:40px; |
|
158 height:53px; |
|
159 margin-top:-10px; |
|
160 } |
|
161 |
|
162 ul#folderMenu li>a.opened>div{ |
|
163 background-image: url(/historyview/list_headerarrow_open.png); |
|
164 } |
|
165 @media (device-width:800px){ |
|
166 ul#folderMenu li>a.opened>div{ |
|
167 background-image:url(iconsMaemo/list_headerarrow_open.png); |
|
168 } |
|
169 } |
|
170 |
|
171 ul#folderMenu li>a.closed>div{ |
|
172 background-image: url(/historyview/list_headerarrow_closed.png); |
|
173 } |
|
174 @media (device-width:800px){ |
|
175 ul#folderMenu li>a.closed>div{ |
|
176 background-image:url(iconsMaemo/list_headerarrow_closed.png); |
|
177 } |
|
178 } |
|
179 ul#folderMenu li>ul>li>a { |
|
180 color: #cccccc; |
|
181 padding: 8px 10px 8px 10px; |
|
182 height: 54px; |
|
183 display: block; |
|
184 background-image: url(/historyview/list_itembg.png); |
|
185 background-repeat:repeat-x; |
|
186 overflow: hidden; |
|
187 white-space:pre; |
|
188 -webkit-user-select: none; |
|
189 } |
|
190 @media (device-width:800px){ |
|
191 ul#folderMenu li>ul>li>a { |
|
192 color: white; |
|
193 background-image:url(iconsMaemo/list_itembg.png); |
|
194 } |
|
195 } |
|
196 |
|
197 ul#folderMenu li>ul>li>a:active { |
|
198 /*decorations*/ |
|
199 color: #cccccc; |
|
200 background-image: url(/historyview/list_itembg_pressed.png); |
|
201 background-repeat: repeat-x;} |
|
202 |
|
203 |
|
204 ul#folderMenu li>ul>li>a>img{ |
|
205 margin: 10px 10px 30px 0px; |
|
206 float: left; |
|
207 } |
|
208 |