1 |
|
2 | html {
|
3 | height:100%;
|
4 | }
|
5 | body {
|
6 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
|
7 |
|
8 | font-size:16px;
|
9 | line-height: 1.5em;
|
10 | background: url('../img/crosswordStrong.png');
|
11 | height: 100%;
|
12 | }
|
13 |
|
14 |
|
15 | h1, h2, h3, h4, h5, h6 {
|
16 | margin: 40px 0 20px 0;
|
17 | }
|
18 |
|
19 | ul {
|
20 | margin-top: 0.7em;
|
21 | margin-bottom: 0.7em;
|
22 | }
|
23 |
|
24 | p {
|
25 | margin: 20px 0;
|
26 | }
|
27 |
|
28 | img.icon {
|
29 | position:relative;
|
30 | top:-2px;
|
31 | }
|
32 |
|
33 |
|
34 | div.navbar-wrapper {
|
35 | background-color:#07508E;
|
36 | border-bottom: 3px solid #ffffff;
|
37 | font-size:16px;
|
38 | }
|
39 |
|
40 | div.blogHeader {
|
41 | margin-left:auto;
|
42 | margin-right:auto;
|
43 | text-align:center;
|
44 | width:910px;
|
45 | padding: 0px 30px 0px 30px;
|
46 | margin-top:-150px;
|
47 | color:#ffffff;
|
48 | text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
|
49 | margin-bottom:60px;
|
50 |
|
51 | }
|
52 |
|
53 | div.full {
|
54 | min-height:100%;
|
55 | box-shadow:0 2px 10px rgba(0,0,0,0.4);
|
56 | padding: 20px 10px 40px 10px;
|
57 | background-color:#ffffff;
|
58 | }
|
59 |
|
60 | @media (min-width: 768px) {
|
61 | div.full {
|
62 | padding: 40px 40px 80px 40px;
|
63 | }
|
64 | }
|
65 |
|
66 | @media (min-width: 992px) {
|
67 | div.full {
|
68 | padding: 80px 80px 160px 80px;
|
69 | }
|
70 | }
|
71 |
|
72 | table th,
|
73 | table td {
|
74 | padding: 5px 15px;
|
75 | border: 1px solid #dddddd;
|
76 | }
|
77 |
|
78 |
|
79 | table th {
|
80 | background-color: #f5f5f5;
|
81 | }
|
82 |
|
83 | table td {
|
84 | vertical-align: top;
|
85 | }
|
86 |
|
87 |
|
88 |
|
89 |
|
90 |
|
91 |
|
92 |
|
93 |
|
94 |
|
95 |
|
96 | table.properties td:nth-child(2),
|
97 | table.properties td:nth-child(3),
|
98 | table.options td:nth-child(2),
|
99 | table.options td:nth-child(3),
|
100 | table.methods td:nth-child(2),
|
101 | table.methods td:nth-child(2),
|
102 | table.events td:nth-child(2) {
|
103 | background-color: #f5f5f5;
|
104 | font-style: italic;
|
105 | }
|
106 |
|
107 | pre {
|
108 | margin: 20px 0;
|
109 | white-space: pre-wrap;
|
110 | max-width: 100%;
|
111 | }
|
112 |
|
113 | a code {
|
114 | text-decoration: underline;
|
115 | }
|
116 |
|
117 |
|
118 |
|
119 |
|
120 |
|
121 | tr.hidden {
|
122 | max-height:0;
|
123 |
|
124 | overflow: hidden;
|
125 | }
|
126 |
|
127 | tr.visible {
|
128 |
|
129 | -webkit-animation:
|
130 | fadeIn 250ms ease-in;
|
131 | }
|
132 |
|
133 | tr.depricated td {
|
134 | color: #AAA;
|
135 | text-decoration: line-through;
|
136 | }
|
137 | tr.depricated td:last-child {
|
138 | text-decoration: none;
|
139 | }
|
140 |
|
141 | @-webkit-keyframes fadeIn {
|
142 | 0% {
|
143 | opacity: 0;
|
144 | }
|
145 | 100% {
|
146 | opacity: 1;
|
147 | }
|
148 | }
|
149 |
|
150 |
|
151 | span.caret {
|
152 | opacity: 0.5;
|
153 | }
|
154 |
|
155 | span.right-caret {
|
156 | border-bottom: 4px solid transparent;
|
157 | border-top: 4px solid transparent;
|
158 | border-left: 4px solid #000000;
|
159 | display: inline-block;
|
160 | height: 0;
|
161 | opacity: 0.5;
|
162 | vertical-align: top;
|
163 | width: 0;
|
164 | margin-left:5px;
|
165 | margin-top:6px;
|
166 | }
|
167 |
|
168 | tr.toggle {
|
169 | -webkit-touch-callout: none;
|
170 | -webkit-user-select: none;
|
171 | -khtml-user-select: none;
|
172 | -moz-user-select: none;
|
173 | -ms-user-select: none;
|
174 | user-select: none;
|
175 | cursor:pointer;
|
176 | }
|
177 |
|
178 |
|
179 |
|
180 | tr.toggle.collapsible {
|
181 | background-color: #f5f5f5;
|
182 | border-left: 3px solid #89b3ff;
|
183 | }
|
184 |
|
185 | td.indent {
|
186 | padding-left:25px !important;
|
187 | }
|
188 |
|
189 |
|
190 | td.indent2 {
|
191 | padding-left:50px !important;
|
192 | }
|
193 |
|
194 | pre.options {
|
195 | max-width:600px;
|
196 | }
|
197 |
|
198 | pre.hidden {
|
199 | display:none;
|
200 | }
|
201 |
|
202 | #breadcrumbs {
|
203 | font-size: 0.85em;
|
204 | }
|
205 |
|
206 | #breadcrumbs::before {
|
207 | content: "You are here:";
|
208 | padding-right: 5px;
|
209 | }
|
210 |
|
211 | #breadcrumbs > *:not(:first-child)::before{
|
212 | content: "▸";
|
213 | padding: 0 2px 0 5px;
|
214 | display:inline-block;
|
215 | }
|
216 |
|
217 | #tipue_search_content {
|
218 | max-width: 100% !important;
|
219 | }
|
220 |
|
221 | #navbar #keyword-count {
|
222 | font-weight: bold;
|
223 | }
|
224 |
|
225 | #navbar .panel {
|
226 | clear: both;
|
227 | z-index: 1;
|
228 | position: relative;
|
229 | display: none;
|
230 | }
|
231 |
|
232 | #navbar form[role="search"]::after {
|
233 | background: rgba(0, 0, 0, 0) url("../img/arrow.svg") no-repeat scroll 145px 0;
|
234 | background-size: 27%;
|
235 | content: "Just search it";
|
236 | display: block;
|
237 | padding: 40px 40px;
|
238 | position: absolute;
|
239 | width: 220px;
|
240 | margin: 10px 0 0 20px;
|
241 | color: black;
|
242 | opacity: 0.4;
|
243 | }
|
244 |
|
245 | .highlight {
|
246 | background-color: #FFFF88;
|
247 | }
|