1 /* ======= GENERIC HTML STYLES ======= */
4 box-sizing: border-box;
7 text-decoration: inherit;
8 color: inherit; background: transparent;
10 margin: 0; padding: 0;
15 font: normal normal normal medium/1.5em sans-serif;
16 color: #000; background: #FFF;
19 ul, ol, dl, table, pre, p { margin-bottom: .5em; }
20 p:only-child { margin-bottom: 0; }
26 th, td { padding: .25em .75em; }
30 text-decoration: underline;
32 word-break: break-word;
34 a.button, label.button {
36 text-decoration: inherit;
40 sup { vertical-align: super; }
41 sub { vertical-align: sub; }
42 small { font-size: .75em; }
43 big { font-size: 1.25em; }
44 strike, del, s { text-decoration: line-through; }
45 u {text-decoration: underline; }
46 i, em { font-style: italic; }
47 b, strong { font-weight: bolder; }
48 tt, code, var, samp, kbd { font-family: monospace; }
49 kbd { font-style: italic; }
52 background-color: #EEE;
55 white-space: pre-line;
58 ul, ol { padding-left: 1.5em; }
59 dl dt { font-weight: bolder; }
62 background-color: #EEE;
64 table th { font-weight: bold; }
66 li p + ul, li p + ol {
70 hr { border-bottom: 1pt solid; }
78 h4, h5, h6, form legend {
87 h2 { font-size: 1.125em; }
89 select, input, button, textarea, a.button, label.button {
90 display: inline-block;
91 color: #000; background-color: #FFF;
94 vertical-align: text-bottom;
95 border: .5pt solid #000;
98 select { padding: .375em 0; }
99 textarea { min-height: 7em; }
101 input[type=radio], input[type=checkbox] {
102 vertical-align: baseline;
104 input[type=number] { text-align: right; padding-right: 0; }
106 button, input[type=button], a.button, label.button {
107 box-shadow: .125em .125em .25em;
110 input[type=radio], input[type=checkbox], label[for] {
114 label { margin-right: .75em; }
119 input[type="search"] + button.search,
120 input.search + button.search {
123 background-color: #CCC;
126 border-radius: 0 2pt 2pt 0;
130 input[type="search"] + button.search:before,
131 input.search + button.search:before {
138 @page { margin: 20mm; }
140 h1, h2, h3, h4, h5, h6, form legend {
141 page-break-inside: avoid;
142 page-break-after: avoid;
143 page-break-before: auto;
145 li { page-break-inside: avoid; }
146 th, dt { page-break-after: avoid; }
149 /* ======= End Generic Styles ======= */
151 /* ======= Common Styles ======= */
153 *[tooltip]:hover:after {
157 bottom: 100%; left: 50%; transform: translate(-50%, 0);
158 content: attr(tooltip);
160 color: #000; background-color: #FFC;
165 input[type=radio].tab { display: none; }
166 input[type=radio].tab + label {
169 color: #000; background-color: #EEE;
172 input[type=radio].tab:checked + label {
173 background-color: #FFF;
175 box-shadow: .125em -.125em .125em #888;
178 input[type=radio].tab ~ *.tab {
181 margin-top: -.5pt; padding: .25em .75em;
184 box-shadow: .125em .125em .125em #888;
187 /* Markdown line-block */
188 .line-block { white-space: pre-wrap; }
189 .line-block br { display: none; }
191 /* ======= End Common Styles ======= */