OLD | NEW |
| (Empty) |
1 /* Copyright 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 height: 100%; | |
14 width: 100%; | |
15 background-color: #A9A9A9; | |
16 } | |
17 | |
18 body { | |
19 font-family: Verdana, "Lucida Grande", Arial; | |
20 font-size: 10pt; | |
21 border: 0px; | |
22 overflow: hidden; | |
23 } | |
24 | |
25 /** | |
26 * The DIV with this id establishes the autosizing container for the NaCl | |
27 * module. | |
28 */ | |
29 #autosize_background { | |
30 position: absolute; | |
31 top: 0; | |
32 left: 0; | |
33 height: 100%; | |
34 width: 100%; | |
35 } | |
36 | |
37 button.image_button { | |
38 background-color: transparent; | |
39 border: none; | |
40 width: 24px; /* Default width is 24 pixels. */ | |
41 } | |
42 | |
43 /** | |
44 * Use this EMBED class inside of the DIV with id @a autosize_background to | |
45 * load an auosizing NaCl module. E.g.: | |
46 * <div id="autosize_background"> | |
47 * <embed class="autosize" type="application/x-nacl" nacl="life.nmf"... /> | |
48 * </div> | |
49 */ | |
50 embed.autosize { | |
51 position: absolute; | |
52 top: 0; | |
53 left: 0; | |
54 height: 100%; | |
55 width: 100%; | |
56 } | |
57 | |
58 .life-view { | |
59 position: absolute; | |
60 /* The |top| dimension has to match the #goog-toolbar height. */ | |
61 top: 32px; | |
62 left: 0; | |
63 bottom: 0; | |
64 height: auto; | |
65 width: 100%; | |
66 margin-bottom: 32px; | |
67 } | |
68 | |
69 /** | |
70 * Center the elemnent vertically within its parent container. The parent | |
71 * container needs to have a display type of "table" for this to work. | |
72 */ | |
73 .vertical-align-center { | |
74 margin: 0; | |
75 padding: 0; | |
76 vertical-align: middle; | |
77 display: table-cell; | |
78 } | |
79 | |
80 /** | |
81 * Right-align text within its parent container. | |
82 */ | |
83 .text-align-right { | |
84 padding-right: 16px; | |
85 text-align: right; | |
86 } | |
87 | |
OLD | NEW |