View snapshots are sometimes taken at the wrong scale
[WebKit-https.git] / Websites / webkit.org / css / main.css
1 body {
2     position: absolute;
3     background-repeat: repeat-x;
4     background-color: #fff;
5     color: #333;
6     font-size: 12px;
7     line-height: 1.5em; 
8     font-family: "Lucida Grande", Verdana, Arial;
9     margin: 0px;
10     padding: 0px;
11     max-width: 850px;
12 }
13
14 p {
15     min-width: 400px;    
16 }
17
18 #download {
19     float: right;
20     padding: 5px 0px 5px 5px;
21     border: 0px;
22 }
23
24 #content {
25     margin: 157px 20px 20px 215px;
26 }
27
28 #copy {
29     height: 20px;
30     bottom: 0px;
31     left: 147px;
32     padding: 10px 0px 0px 0px;
33     margin: 10px 0px 0px 0px;
34     text-align: center;
35     font-size: 10px;
36 }
37
38 #footer {
39     position: relative;
40     left: 215px;
41     margin-bottom: 20px;
42 }
43
44 #title {
45     position: absolute;
46     background-image: url( /images/end.png );
47     background-repeat: no-repeat;
48     background-position: right;
49     height: 76px;
50     top: 50px;
51     left: 40px;
52     right: 20px;
53     margin: 0px;
54     padding: 0px;
55     min-width: 790px;
56 }
57
58 #title h1 {
59     background-image: url( /images/middle.png );
60     background-repeat: repeat-x;
61     height: 53px;
62     top: 0px;
63     left: 0px;
64     margin: 0px 24px 0px 0px;
65     padding: 23px 0px 0px 175px;
66     white-space: nowrap;
67     overflow: hidden;
68     text-overflow: ellipsis;
69     text-shadow: #bbb 2px 2px 2px;
70     font-size: 24px;
71 }
72
73 h2, h3, h4 {
74     margin-bottom: 0px;
75     text-shadow: #bbb 1px 1px 1px;
76 }
77
78 h2 {
79     font-size: 16px;
80 }
81
82 h3 {
83     font-size: 14px;
84 }
85
86 h4 {
87     font-size: 12px;
88 }
89
90 h1 + p, h2 + p, h3 + p, h4 + p, b + p {
91     margin-top: 2px;
92 }
93
94 #icon {
95     position: absolute;
96     top: 10px;
97     left: -10px;
98     background-image: url( /images/icon-gold.png );
99     background-repeat: no-repeat;
100     height: 174px;
101     width: 215px;
102     z-index: 3;
103     margin: 0px;
104 }
105
106 /* Content */
107 #content ul {
108     margin: 4px 0px 4px 0px;
109 }
110
111 #content ul > li {
112     margin: 4px 0px;
113 }
114
115 .datestamp {
116     color: rgb(119, 119, 119);
117     font-size: smaller;
118 }
119
120 /* Links */
121 a {
122     text-decoration: none;
123 }
124
125 a:hover{
126     text-decoration: underline;
127 }
128
129 /* Navigation */
130 #nav {
131     position: absolute;
132     background-image: url( /images/nav.png );
133     background-repeat: no-repeat;
134     height: 350px;
135     width: 145px;
136     top: 162px;
137     left: 20px;
138     padding: 20px 0px 0px 20px;
139     font-size: 11px;
140     line-height: 17px;
141 }
142
143 #navlist {
144     margin: 0px 0px 0px -5px;
145     padding: 0px;
146     list-style-type: none;
147 }
148
149 #navlist a {
150     color: #333;
151 }
152
153 #navlist .subtitle {
154     font-weight: bold;
155     margin-top: 10px;
156 }
157
158 #navlist li a:hover, #navlist li a:active {
159     text-decoration: underline;
160 }
161
162 #notice, #trademark, #terms {
163     min-width: 0px;
164     padding: 0px;
165     margin: 10px 10px 10px -5px;
166     font-size: 9px;
167     line-height: 11px;
168     color: #aaa !important;
169 }
170
171 #notice {
172     margin-top: 30px;
173 }
174
175 #notice a {
176     color: inherit !important;
177     text-decoration: none;
178 }
179
180 #notice a:hover {
181     color: #555 !important;
182     text-decoration: none;
183 }
184
185 dt { 
186     font-weight: bold;
187     margin-top: 1em;
188 }
189
190 .book {
191     font-style: italic;
192 }
193
194 .code, pre, tt, code {
195     font-family: Courier, Fixed;
196     font-size: 110%;
197     overflow: scroll;
198     -webkit-overflow-scrolling: touch;
199 }
200
201 .code {
202     margin-left: 2em;
203     font-size: 90%;
204     line-height: normal;
205 }
206
207 .mac-instructions, .unix-instructions, .windows-instructions, .gtk-instructions, .qt-instructions, .efl-instructions {
208     border: 1px solid black;
209     background-color: white;
210     -webkit-border-radius: 5px;
211     -moz-border-radius: 5px;
212     border-radius: 5px;
213     padding: 0 1em;
214     margin: 1em 0;
215 }
216
217 .asciiart {
218     background-color: #eee;
219     padding: 1em;
220     margin-left: 2em;
221     margin-right: 2em;
222     overflow-x: auto;
223 }