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, p { margin-bottom: .5em; }
23 text-decoration: underline;
28 text-decoration: inherit;
32 sup { vertical-align: super; }
33 sub { vertical-align: sub; }
34 small { font-size: .75em; }
35 big { font-size: 1.25em; }
36 strike, del, s { text-decoration: line-through; }
37 u {text-decoration: underline; }
38 i, em { font-style: italic; }
39 b, strong { font-weight: bolder; }
40 tt, code, var, samp, kbd { font-family: monospace; }
41 kbd { font-style: italic; }
43 ul, ol { margin-left: 1.125em; }
44 dl dt { font-weight: bolder; }
45 table th { font-weight: bold; }
53 h4, h5, h6, form legend {
58 h1 { font-size: 1.5em; }
59 h2 { font-size: 1.125em; }
61 select, input, button, textarea, a.button {
62 display: inline-block;
63 background-color: #FFF;
66 vertical-align: text-bottom;
67 border: .5pt solid #000;
70 select { padding: .375em 0; }
72 input[type=radio], input[type=checkbox] {
73 vertical-align: baseline;
75 input[type=number] { text-align: right; padding-right: 0; }
77 button, input[type=button], a.button {
78 box-shadow: .125em .125em .25em;
81 input[type=radio], input[type=checkbox], label[for] {
85 label { margin-right: .75em; }
90 /* ======= End Generic Styles ======= */
92 /* ======= Common Styles ======= */
94 *[tooltip]:hover:after {
97 bottom: -100%; left: 50%; transform: translate(-50%, 0);
98 content: attr(tooltip);
100 background-color: #FFC;
106 input[type=radio].tab { display: none; }
107 input[type=radio].tab + label {
110 background-color: #EEE;
113 input[type=radio].tab:checked + label {
114 background-color: #FFF;
116 box-shadow: .125em -.125em .125em #888;
119 input[type=radio].tab ~ *.tab {
122 margin-top: -.5pt; padding: .25em .75em;
125 box-shadow: .125em .125em .125em #888;
128 /* ======= End Common Styles ======= */