1 | body { overflow-y:scroll; }
|
2 | form > fieldset { margin:0; }
|
3 | .space-right0 { margin-right:5px; }
|
4 | form fieldset:first-child,
|
5 | .no-last-keyline:last-child { border:none; }
|
6 | .question { cursor:help; }
|
7 | .square4 {
|
8 | width:40px;
|
9 | height:40px;
|
10 | }
|
11 | [data-tooltip] {
|
12 | cursor:pointer;
|
13 | position:relative;
|
14 | }
|
15 | [data-tooltip]:after {
|
16 | content:attr(data-tooltip);
|
17 | position:absolute;
|
18 | background:#404040;
|
19 | color:#fff;
|
20 | border-radius:3px;
|
21 | bottom:20px;
|
22 | display:none;
|
23 | padding:0 10px;
|
24 | width:auto;
|
25 | min-width:75px;
|
26 | left:0;
|
27 | margin-left:-10px;
|
28 | font-size:12px;
|
29 | height:30px;
|
30 | line-height:30px;
|
31 | text-align:center;
|
32 | }
|
33 | [data-tooltip]:before {
|
34 | content:'';
|
35 | display:block;
|
36 | border-left:5px solid transparent;
|
37 | border-right:5px solid transparent;
|
38 | border-top:5px solid #404040;
|
39 | display:none;
|
40 | position:absolute;
|
41 | bottom:15px;
|
42 | left:5px;
|
43 | }
|
44 | [data-tooltip]:hover:before,
|
45 | [data-tooltip]:hover:after {
|
46 | display:block;
|
47 | }
|
48 | .min-containment {
|
49 | min-height:600px;
|
50 | }
|
51 | .listing > *:last-child { border-bottom:none; }
|
52 | .colfifths { width:20%; float:left; }
|
53 | .text-alert { color:#f9886c; }
|
54 |
|
55 |
|
56 |
|
57 |
|
58 | .pill .react > * {
|
59 | border-radius:0 0 0 0;
|
60 | border:0 solid white;
|
61 | border-left-width:1px;
|
62 | }
|
63 | .pill .react:first-of-type > * {
|
64 | border-radius:3px 0 0 3px;
|
65 | border-left-width:0;
|
66 | }
|
67 | .pill .react:last-of-type > * {
|
68 | border-radius:0 3px 3px 0;
|
69 | }
|
70 | .pill .react:only-child > * {
|
71 | border-radius:3px;
|
72 | }
|
73 |
|
74 | .pill .set12:first-of-type > * {
|
75 | border-radius:3px 3px 0 0;
|
76 | }
|
77 | .pill .set12:last-of-type > * {
|
78 | border-radius:0 0 3px 3px;
|
79 | }
|
80 | .pill .set12 > * {
|
81 | text-align:left;
|
82 | width:100%;
|
83 | border-left-width:0;
|
84 | border-bottom-width:1px;
|
85 | }
|
86 |
|
87 | .loading:before { background-color:rgba(0,0,0,0.25); }
|
88 | .loading:before,
|
89 | .loading:after { position:fixed; }
|
90 |
|
91 | fieldset:target > input {
|
92 | border-color:#f9886c;
|
93 | }
|
94 |
|
95 | nav.primary a {
|
96 | display:inline-block;
|
97 | margin-right:10px;
|
98 | box-shadow:inset 0 -5px 0 transparent;
|
99 | }
|
100 | nav.primary a:hover {
|
101 | box-shadow:inset 0 -5px 0 rgba(0,0,0,0.5);
|
102 | }
|
103 | nav.primary a.active {
|
104 | box-shadow:inset 0 -5px 0 #3887be;
|
105 | }
|
106 |
|
107 | .rounded-toggle label {
|
108 | cursor:pointer;
|
109 | vertical-align:top;
|
110 | display:inline-block;
|
111 | border-radius:16px;
|
112 | padding:3px 10px;
|
113 | font-size:12px;
|
114 | line-height:20px;
|
115 | }
|
116 | .rounded-toggle > span {
|
117 | padding:0;
|
118 | }
|
119 |
|
120 | @media only screen and (max-width:640px) {
|
121 | .link a { padding:2.5px 0; }
|
122 | .pill:not(.mobile-cols) .react:first-of-type > * {
|
123 | border-radius:3px 3px 0 0;
|
124 | }
|
125 | .pill:not(.mobile-cols) .react:last-of-type > * {
|
126 | border-radius:0 0 3px 3px;
|
127 | }
|
128 | .pill:not(.mobile-cols) .react > * {
|
129 | width:100%;
|
130 | border-left-width:0;
|
131 | border-bottom-width:1px;
|
132 | }
|
133 | }
|