1/* General CSS */
2
3body {
4  background-color: #fff;
5  color: #333;
6  font-family: sans-serif;
7  font-size: 10pt;
8  margin-right: 100px;
9  margin-left: 100px;
10}
11
12h1 {
13  text-align: center;
14  font-size: 18pt;
15}
16
17h1, h2, h3, h4, h5, h6 {
18  color: #06c;
19  margin-top: 2em;
20  margin-bottom: 1em;
21  padding: 25px;
22  font-weight:bold;
23}
24
25h2,
26h3,
27h4,
28h5,
29h6 {
30  margin-top:1.5em;
31  margin-bottom:.75em;
32}
33
34h1 {font-size:200%;}
35h2 {font-size:167%;}
36h3 {font-size:133%;}
37h4 {font-size:120%;}
38h5 {font-size:110%;}
39
40
41table {
42  border: 1px solid #bbb;
43  border-spacing: 0;
44  border-collapse: collapse;
45  margin: 0 0 1.5em;
46  vertical-align: middle;
47  width: 100%
48}
49
50td, th {
51  border: 1px solid #ccc;
52  padding: 2px 12px;
53  font-size: 10pt;
54}
55
56code, samp, var {
57  background-color:#FAFAFA;
58  white-space: nowrap
59}
60
61pre {
62  padding:6px 10px;
63  background-color:#FAFAFA;
64  border:1px solid #bbb;
65  overflow:auto;
66}
67
68pre.prettyprint {
69  padding:6px 10px !important;
70  border:1px solid #bbb !important;
71}
72
73code.bad, code.badcode {
74  color: magenta;
75}
76
77pre.bad, pre.badcode {
78  background-color:#ffe6d8;
79  border-top:1px inset #a03;
80  border-left:1px inset #a03;
81}
82
83hr {
84  margin-top: 3.5em;
85  border-width: 1px;
86  color: #fff;
87}
88
89/* TOC CSS */
90
91table.columns {
92  border: none;
93}
94
95td.two_columns {
96  -webkit-column-count: 2;
97  column-count: 2;
98}
99
100.toc_category {
101  font-size: 10pt;
102  padding-top: 1em;
103  padding-bottom: 1em;
104  border-left-width: 2px;
105  border-right-width: 2px;
106  border-color: grey;
107}
108
109.toc_stylepoint {
110  font-size: 10pt;
111  padding-top: 1em;
112  padding-bottom: 1em;
113}
114
115li.toc_entry {
116  padding-right: 1em;
117  display: inline;
118  list-style-type: none;
119}
120
121/*
122 * This space is required to trigger the linewrap on the links
123 * at href boundaries
124 */
125li.toc_entry::after {
126    content: " ";
127  }
128
129li.toc_entry a {
130  white-space: nowrap;
131}
132
133/* Horizontal TOC */
134.toc td, .toc th {
135  border-width: 1px 5px;
136  overflow: hidden;
137}
138
139/* Vertical TOC */
140
141.toc td.two_columns {
142  border-width: 0px;
143}
144
145/* Special Sections */
146
147address {
148  text-align: right;
149}
150
151.revision {
152  text-align: right;
153}
154
155.headerbox {
156  margin-left: 50%;
157  font-size: 75%;
158}
159
160.legend {
161  padding-top: 1em;
162  margin-left: 50%;
163  font-size: 10pt;
164}
165
166.link_button {
167  float: left;
168  display: none;
169  background-color: #f8f8ff;
170  border-color: #f0f0ff;
171  border-style: solid;
172  border-width: 1px;
173  font-size: 75%;
174  margin-top: 0;
175  margin-left: -50px;
176  padding: 24px;
177  border-radius: 3px;
178  -webkit-border-radius: 3px;
179  -moz-border-radius: 3px;
180}
181
182.ignoreLink {
183  padding: 0px;
184}
185
186.divider{
187    width:5px;
188    height:auto;
189    display:inline-block;
190}
191
192/* Style Guide semantic CSS */
193
194.summary {
195  margin-top: 1em;
196  margin-bottom: 1em;
197}
198
199.stylebody {
200  margin-top: 1em;
201  margin-bottom: 1em;
202}
203
204.stylepoint_section {
205  display: block;
206  margin-bottom: 1em;
207  font-family: sans-serif;
208  font-weight: bold;
209}
210
211.stylepoint_subsection {
212  display: block;
213  margin-bottom: 1em;
214}
215
216.stylepoint_subsubsection {
217  display: block;
218  margin-bottom: 1em;
219}
220
221.definition:before {
222  content: "Definition: ";
223  font-weight: bold;
224  display: block;
225  margin-bottom: 1em;
226}
227
228.pros:before {
229  content: "Pros: ";
230  font-weight: bold;
231  display: block;
232  margin-bottom: 1em;
233}
234
235.cons:before {
236  content: "Cons: ";
237  font-weight: bold;
238  display: block;
239  margin-bottom: 1em;
240}
241
242.decision:before {
243  content: "Decision: ";
244  font-weight: bold;
245  display: block;
246  margin-bottom: 1em;
247}
248
249.exception:before {
250  content: "Exception: ";
251  font-weight: bold;
252  display: block;
253  margin-bottom: 1em;
254}
255
256.note:before {
257  content: "Note: ";
258  font-weight: bold;
259  display: block;
260  margin-bottom: 1em;
261}
262