1 | @charset "utf-8"; |
---|
2 | |
---|
3 | /* Shared Stylesheet for internal Opera documents */ |
---|
4 | /* Copyright 2010 Opera Software */ |
---|
5 | |
---|
6 | @media not print { |
---|
7 | |
---|
8 | html { |
---|
9 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
---|
10 | line-height: 1.4; |
---|
11 | font-size: 85%; |
---|
12 | background: #f8f8f8 url(images/corner.png) scroll no-repeat right bottom; |
---|
13 | color: #444; |
---|
14 | min-height: 100%; |
---|
15 | voice-family: female; |
---|
16 | } |
---|
17 | |
---|
18 | html * { font-size: 100%; line-height: 1.6; } |
---|
19 | |
---|
20 | body { |
---|
21 | margin: 0 auto; |
---|
22 | background: transparent url(images/opera-icon-red.png) no-repeat right top; |
---|
23 | padding: 80px 25% 30px 6%; |
---|
24 | text-overflow: ellipsis; |
---|
25 | height: 100%; |
---|
26 | } |
---|
27 | |
---|
28 | dt { |
---|
29 | display: block; |
---|
30 | float: left; |
---|
31 | width: 25%; |
---|
32 | color: #999; |
---|
33 | font-weight: bold; |
---|
34 | margin: 0 0 0.3em 0 |
---|
35 | } |
---|
36 | |
---|
37 | dd { |
---|
38 | color: #000; |
---|
39 | margin: 0 0 0.3em 28%; |
---|
40 | } |
---|
41 | |
---|
42 | dd:after { |
---|
43 | content: "."; |
---|
44 | display: block; |
---|
45 | height: 0; |
---|
46 | clear: both; |
---|
47 | visibility: hidden; |
---|
48 | } |
---|
49 | a { |
---|
50 | color: #0174A7; |
---|
51 | font-weight: bold; |
---|
52 | text-shadow: 0 1px 0 #fff; |
---|
53 | } |
---|
54 | |
---|
55 | a:hover { |
---|
56 | color: #111; |
---|
57 | } |
---|
58 | |
---|
59 | h1 { |
---|
60 | font-size: 250%; |
---|
61 | margin: 0 0 0.2em 0; |
---|
62 | line-height: 0.9; |
---|
63 | text-shadow: 0 1px 0 #fff; |
---|
64 | color: #cc0f16; |
---|
65 | letter-spacing: -1px; |
---|
66 | } |
---|
67 | |
---|
68 | h2 { |
---|
69 | font-size: 120%; |
---|
70 | margin: 0 0 0.4em 0; |
---|
71 | font-weight: bold; |
---|
72 | color: #333; |
---|
73 | border-bottom: 1px solid #ddd; |
---|
74 | } |
---|
75 | |
---|
76 | input { |
---|
77 | vertical-align: middle; |
---|
78 | box-sizing: border-box; |
---|
79 | } |
---|
80 | |
---|
81 | cite { |
---|
82 | font-style: normal; |
---|
83 | margin: 0; |
---|
84 | color: #999; |
---|
85 | display: block; |
---|
86 | text-overflow: ellipsis; |
---|
87 | overflow: hidden; |
---|
88 | } |
---|
89 | |
---|
90 | ins { |
---|
91 | text-decoration: none; |
---|
92 | font-weight: bold; |
---|
93 | } |
---|
94 | |
---|
95 | dl,ul,ol { |
---|
96 | margin: 0 0 1em 0; |
---|
97 | padding: 0; |
---|
98 | } |
---|
99 | |
---|
100 | li { |
---|
101 | margin: 0 0 0.3em 0; |
---|
102 | } |
---|
103 | |
---|
104 | ul li { |
---|
105 | padding: 0 0 0 20px; |
---|
106 | list-style-type: none; |
---|
107 | background: url(images/bullet.png) no-repeat 0 0.3em; |
---|
108 | } |
---|
109 | |
---|
110 | blockquote { |
---|
111 | border-left: 5px solid #f1f1f1; |
---|
112 | margin: 0; |
---|
113 | padding: 0 0 0 1.5em; |
---|
114 | } |
---|
115 | |
---|
116 | address { |
---|
117 | font-style: normal; |
---|
118 | color: #666; |
---|
119 | padding: 0; |
---|
120 | } |
---|
121 | |
---|
122 | table { |
---|
123 | width: 100%; |
---|
124 | margin: 0 0 15px 0; |
---|
125 | border-collapse: collapse; |
---|
126 | } |
---|
127 | |
---|
128 | tr:nth-child(even) { background: rgba(0,0,0,0.03); } |
---|
129 | |
---|
130 | td { |
---|
131 | padding: 0.2em 1em 0.2em 0; |
---|
132 | color: #666; |
---|
133 | vertical-align: top; |
---|
134 | } |
---|
135 | |
---|
136 | th { |
---|
137 | text-align: left; |
---|
138 | width: 230px; |
---|
139 | font-weight: bold; |
---|
140 | color: #999; |
---|
141 | padding: 4px 6px 4px 0; |
---|
142 | vertical-align: top; |
---|
143 | border-bottom: 1px solid #ccc; |
---|
144 | } |
---|
145 | |
---|
146 | html[dir="rtl"] * { text-align: right; } |
---|
147 | |
---|
148 | input[type="number"] { padding: 0.1em;} |
---|
149 | |
---|
150 | } |
---|
151 | |
---|
152 | /* Text Sizing */ |
---|
153 | |
---|
154 | @media tv, handheld {html {font-size: 150%;}} |
---|
155 | @media screen and (max-width: 250px), projection and (max-width: 250px), tv and (max-width: 250px), handheld and (max-width: 250px) { |
---|
156 | h1 {font-size: 83%;} |
---|
157 | } |
---|
158 | |
---|
159 | /* make table cells full width when panel is too narrow */ |
---|
160 | @media screen and (max-width: 400px), projection and (max-width: 400px), tv and (max-width: 400px) { |
---|
161 | |
---|
162 | body { |
---|
163 | background-image: none; |
---|
164 | padding: 80px 6% 30px 6%; |
---|
165 | } |
---|
166 | |
---|
167 | th, td, tr, table { |
---|
168 | display: block; |
---|
169 | width: 98%; |
---|
170 | } |
---|
171 | |
---|
172 | td, th { padding: 0 6px 0 0} |
---|
173 | tr { margin: 8px 0;} |
---|
174 | |
---|
175 | dt { float: none; width: 100%; } |
---|
176 | dd { margin: 0; } |
---|
177 | } |
---|