Improve the style of B3 documentation
[WebKit-https.git] / Websites / webkit.org / docs / b3 / style.css
1 body {
2     background: #fff;
3     color: #000;
4     margin: 10px;
5     padding: 0;
6 }
7 body, th, tr {
8     font: normal 13px Verdana,Arial,'Bitstream Vera Sans',Helvetica,sans-serif;
9 }
10 h1, h2, h3, h4 {
11     font-family: Arial,Verdana,'Bitstream Vera Sans',Helvetica,sans-serif;
12     font-weight: bold;
13     letter-spacing: -0.018em;
14     page-break-after: avoid;
15 }
16 h1 { font-size: 19px; margin: .15em 1em 0.5em 0; text-indent: -10px }
17 h2 { font-size: 17px; text-indent: -10px }
18 h3 { font-size: 15px; text-indent: -10px }
19 hr { border: none;  border-top: 1px solid #ccb; margin: 2em 0 }
20 address { font-style: normal }
21 img { border: none }
22
23 .underline { text-decoration: underline }
24 ol.loweralpha { list-style-type: lower-alpha }
25 ol.upperalpha { list-style-type: upper-alpha }
26 ol.lowerroman { list-style-type: lower-roman }
27 ol.upperroman { list-style-type: upper-roman }
28 ol.arabic { list-style-type: decimal }
29
30 .banner-link:link, .banner-link:visited {
31     text-decoration: none;
32     color: #b00;
33     border-bottom: 0px;
34 }
35
36 /* Link styles */
37 :link, :visited {
38     text-decoration: none;
39     color: #b00;
40     border-bottom: 1px dotted #bbb;
41 }
42 h1 :link, h1 :visited ,h2 :link, h2 :visited, h3 :link, h3 :visited,
43 h4 :link, h4 :visited, h5 :link, h5 :visited, h6 :link, h6 :visited {
44     color: inherit;
45 }
46
47 /* Heading anchors */
48 .anchor:link, .anchor:visited {
49     border: none;
50     color: #d7d7d7;
51     font-size: .8em;
52     vertical-align: text-top;
53 }
54 * > .anchor:link, * > .anchor:visited {
55     visibility: hidden;
56 }
57 h1:hover .anchor, h2:hover .anchor, h3:hover .anchor,
58 h4:hover .anchor, h5:hover .anchor, h6:hover .anchor,
59 span:hover .anchor {
60     visibility: visible;
61 }
62
63 a.missing:link, a.missing:visited, a.missing, span.missing,
64 a.forbidden, span.forbidden { color: #998 }
65 a.missing:hover { color: #000 }
66 a.closed:link, a.closed:visited, span.closed { text-decoration: line-through }
67
68 pre {
69     background: #f7f7f7;
70     border: 1px solid #d7d7d7;
71     margin: 1em 1.75em;
72     padding: .25em;
73     overflow: auto;
74 }
75
76 div.code {
77     background: #f7f7f7;
78     border: 1px solid #d7d7d7;
79     margin: 1em 1.75em;
80     padding: .25em;
81     overflow: auto
82 }
83
84 div.code pre { margin: 0; }
85
86 dt {
87     font-weight: bold;
88 }
89 dd {
90     padding: 0 0 0.8em 0;
91 }
92 dd:last-child {
93     padding: 0 0 0 0;
94 }
95
96 /** Logo **/
97 .site-logo {
98     font-size: 3rem;
99     line-height: 3rem;
100     font-weight: 200;
101     display: inline-block;
102     background: url('../../wp-content/themes/webkit/images/webkit.svg') no-repeat;
103     padding-left: 7rem;
104     color: #333;
105 }
106
107 .site-logo .tagline {
108     display: block;
109     font-size: 1.2rem;
110     line-height: 2rem;
111     letter-spacing: -0.05rem;
112     color: #666;
113 }
114
115 #contents {
116     font-size: 90%;
117     padding: 2em 2em 2em 2em
118 }
119
120 p {
121     margin: 0 0 0.8em 0;
122 }
123
124 p:last-child {
125     margin: 0 0 0 0;
126 }