a8163436dae453d22abc56a613cbf5d2db338cd3
[WebKit-https.git] / WebKitSite / 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     font-family: Lucida Grande, Verdana, Arial;
8     margin: 0px;
9     padding: 0px;
10     max-width: 850px;
11 }
12
13 p {
14     line-height: 1.7em;
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 }
56
57 #title h1 {
58         background-image: url( /images/middle.png );
59         background-repeat: repeat-x;
60         height: 53px;
61         top: 0px;
62         left: 0px;
63         margin: 0px 24px 0px 0px;
64         padding: 23px 0px 0px 175px;
65         white-space: nowrap;
66         overflow: hidden;
67         text-overflow: ellipsis;
68         text-shadow: #bbb 3px 3px 2px;
69         font-size: 24px;
70 }
71
72 h2, h3, h4 {
73     margin-bottom: 0px;
74         text-shadow: #bbb 2px 2px 1px;
75 }
76
77 h2 {
78     font-size: 16px;
79 }
80
81 h3 {
82     font-size: 14px;
83 }
84
85 h4 {
86     font-size: 12px;
87 }
88
89 h1 + p, h2 + p, h3 + p, h4 + p, b + p {
90     margin-top: 2px;
91 }
92
93 #icon {
94     position: absolute;
95     top: 10px;
96     left: -10px;
97         background-image: url( /images/icon-gold.png );
98         background-repeat: no-repeat;
99         height: 174px;
100         width: 215px;
101         z-index: 3;
102         margin: 0px;
103 }
104
105 /* Content */
106 #content ul {
107         margin: 4px 0px 4px 0px;
108 }
109
110 #content li {
111         margin: 4px 0px;
112 }
113
114 /* Links */
115 a {
116     text-decoration: none;
117 }
118
119 a:hover{
120     text-decoration: underline;
121 }
122
123 /* Navigation */
124 #nav {
125     position: absolute;
126     background-image: url( /images/nav.png );
127     background-repeat: no-repeat;
128     height: 350px;
129     width: 145px;
130     top: 162px;
131     left: 20px;
132     padding: 20px 0px 0px 20px;
133     font-size: 11px;
134     line-height: 17px;
135 }
136
137 #navlist {
138     margin: 0px 0px 0px -5px;
139     padding: 0px;
140     list-style-type: none;
141 }
142
143 #navlist a {
144     color: #333;
145 }
146
147 #navlist .subtitle {
148     font-weight: bold;
149     margin-top: 10px;
150 }
151
152 #navlist li a:hover, #navlist li a:active {
153     text-decoration: underline;
154 }
155
156 #notice {
157         min-width: 0px;
158         padding: 0px;
159     margin: 30px 10px 10px -5px;
160         font-size: 9px;
161         line-height: 11px;
162         color: #aaa !important;
163 }
164
165 #notice a {
166         color: inherit !important;
167         text-decoration: none;
168 }
169
170 #notice a:hover {
171         color: #555 !important;
172         text-decoration: none;
173 }
174
175 dt { 
176         font-weight: bold;
177         margin-top: 1em;
178 }
179
180 .code, pre, tt, code {
181     font-family: Courier, Fixed;
182     font-size: 110%;
183 }
184
185 .code {
186     margin-left: 2em;
187     font-size: 90%;
188 }