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