OLD | NEW |
| (Empty) |
1 /* Copyright (c) 2011 The Native Client Authors. All rights reserved. | |
2 * Use of this source code is governed by a BSD-style license that can be | |
3 * found in the LICENSE file. | |
4 */ | |
5 | |
6 /** | |
7 * Set up the html and body tags so that they support a view that automatically | |
8 * resizes itself as you change the size of the browser window. | |
9 */ | |
10 html,body { | |
11 margin: 0; | |
12 padding: 0; | |
13 outline: 0; | |
14 height: 100%; | |
15 width: 100%; | |
16 font-family: "Arial", "Helvetica", sans-serif; | |
17 color: #222; | |
18 font-size: 13px; | |
19 line-height: 1; | |
20 background: white; | |
21 } | |
22 | |
23 body { | |
24 line-height: 1; | |
25 color: black; | |
26 background: white; | |
27 border: 0px; | |
28 overflow: hidden; | |
29 } | |
30 | |
31 body, body input, body button, body td { | |
32 font-family: /*"Open Sans",*/"Arial", "Helvetica", sans-serif; | |
33 color: #222; | |
34 font-size:13px; | |
35 -webkit-tap-highlight-color: rgba(0,0,0,0); | |
36 } | |
37 | |
38 blockquote:before, blockquote:after, | |
39 q:before, q:after { | |
40 content: ""; | |
41 } | |
42 | |
43 blockquote, q { | |
44 quotes: "" ""; | |
45 } | |
46 | |
47 h1,h2,h3,h4,h5 { | |
48 font-size: 16px; | |
49 line-height: 24px; | |
50 font-weight: normal; | |
51 color: #222; | |
52 } | |
53 | |
54 p { | |
55 margin: 0 0 1em; | |
56 font-size: 13px; | |
57 line-height: 18px; | |
58 } | |
59 | |
60 ol,ul { | |
61 list-style: none; | |
62 } | |
63 | |
64 li { | |
65 line-height: 17px; | |
66 } | |
67 | |
68 input::-moz-focus-inner { | |
69 border: 0; | |
70 } | |
71 | |
72 /** | |
73 * Use this class on elements inside of the DIV with id autosize_background to | |
74 * load an autosizing NaCl module or <canvas>. E.g.: | |
75 * <div id="autosize_background"> | |
76 * <embed class="autosize-view" type="application/x-nacl" ... /> | |
77 * </div> | |
78 */ | |
79 .autosize-view { | |
80 position: absolute; | |
81 top: 0; | |
82 left: 0; | |
83 height: 100%; | |
84 width: 100%; | |
85 } | |
86 | |
87 /** | |
88 * Center the element vertically within its parent container. The parent | |
89 * container needs to have a display type of "table" for this to work. | |
90 */ | |
91 .vertical-align-center { | |
92 margin: 0; | |
93 padding: 0; | |
94 vertical-align: middle; | |
95 display: table-cell; | |
96 } | |
97 | |
98 /** | |
99 * Center the element horizontally within its parent container. | |
100 */ | |
101 .horizontal-align-center { | |
102 text-align: center; | |
103 margin-left: auto; | |
104 margin-right: auto; | |
105 } | |
OLD | NEW |