* css/main.css: Try tighter spacing for code examples.
[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     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 }
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     line-height: initial;
189 }