1 /* place overall style hooks here */ |
1 /* place overall style hooks here */ |
2 |
2 |
3 /* Make chrome items appear to be non-selectable */ |
3 /* Make chrome items appear to be non-selectable */ |
4 ::selection { |
4 ::selection { |
|
5 /*decorations*/ |
5 background: transparent; |
6 background: transparent; |
6 color: inherit; |
7 color: inherit;} |
7 } |
|
8 |
8 |
9 body { |
9 body { |
10 margin:0px; |
10 /*margins & paddings*/ |
11 -webkit-user-select:none; |
11 margin: 0px; |
12 } |
12 /*webkit*/ |
|
13 -webkit-user-select: none; |
|
14 /*font specification*/ |
|
15 font-family: "Series 60 Sans", "Nokia Sans S60", sans-serif;} |
13 |
16 |
14 #StatusBarChromeId { |
17 #StatusBarChromeId { |
15 height: 26px; |
18 /*dimensions*/ |
16 } |
19 height: 26px;} |
17 |
20 |
18 #UrlSearchChromeId, #TitleUrlId { |
21 #UrlSearchChromeId, |
19 height: 44px; |
22 #TitleUrlId { |
20 padding-top: 5px; |
23 /*dimensions*/ |
|
24 height: 46px; |
|
25 padding-top: 3px; |
21 border-top-width: 0px; |
26 border-top-width: 0px; |
|
27 /*decorations*/ |
22 border-top-color: #646f85; |
28 border-top-color: #646f85; |
|
29 border-bottom-color: #b0c4de; |
23 color:black; |
30 color:black; |
24 background-color: white; |
31 background-color: white;} |
25 border-bottom-color: #b0c4de; |
|
26 } |
|
27 |
|
28 /* |
|
29 #ToolbarChromeId { |
|
30 height: 50px; |
|
31 } |
|
32 */ |
|
33 |
32 |
34 #WindowCountBarId { |
33 #WindowCountBarId { |
35 height: 26px; |
34 /*dimensions*/ |
36 } |
35 height: 26px;} |
37 |
36 |
38 /* White-washed overlay. */ |
37 /* White-washed overlay. */ |
39 #ShadingOverlayId { |
38 #ShadingOverlayId { |
40 background-color: #fff; |
39 /*dimensions*/ |
41 position: absolute; |
40 position: absolute; |
42 width: 100%; |
41 width: 100%; |
43 height: 100%; |
42 height: 100%; |
44 overflow:hidden; |
43 /*margins & paddings*/ |
45 left: 0; |
44 left: 0; |
46 right: 0; |
45 right: 0; |
47 top: 0; |
46 top: 0; |
48 opacity: 0.7; |
47 /*decorations*/ |
49 z-index:-10; |
48 background-color: #fff; |
50 display: block; |
49 opacity: 0.7; |
51 } |
50 /*misc*/ |
|
51 overflow: hidden; |
|
52 z-index: -10; |
|
53 display: block;} |
52 |
54 |
53 /* Toolbar CSS */ |
55 /* Toolbar CSS */ |
54 |
56 #WebViewToolbarId, |
55 #WebViewToolbarId, #WindowViewToolbarId, #RecentUrlViewToolbarId, #BookmarkViewToolbarId, #SettingsViewToolbarId { |
57 #WindowViewToolbarId, |
56 height:58px; |
58 #RecentUrlViewToolbarId, |
57 width:100%; |
59 #BookmarkViewToolbarId, |
58 |
60 #SettingsViewToolbarId { |
59 /* Need to specify border-style for width to have effect*/ |
61 /*dimensions*/ |
60 border-style:solid; |
62 height: 58px; |
61 border-top-color:#2A3447; |
63 width: 100%; |
62 border-top-width:3px; |
64 /*margins & paddings*/ |
63 |
65 padding-top: 4px; |
64 padding-top:4px; |
66 border-top-width: 3px; |
65 } |
67 /*decorations*/ |
|
68 border-style: solid; /* Need to specify border-style for width to have effect*/ |
|
69 border-top-color: #2A3447;} |
66 |
70 |
67 .ButtonSnippet { |
71 .ButtonSnippet { |
|
72 /*dimensions*/ |
68 height: 58px; |
73 height: 58px; |
69 width:58px; |
74 width: 58px;} |
70 |
|
71 } |
|