1  body {
  2    background: #eee;
  3    color: #000;
  4    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  5    font-size: 14px;
  6    font-weight: 400;
  7    line-height: 20px;
  8    padding: 0;
  9    margin: 0;
 10  }
 11  
 12  .board {
 13    background: #e5e5e5;
 14    border-top: 1px solid #ccc;
 15    margin-bottom: 50px;
 16    padding-bottom: 25px;
 17  }
 18  
 19  .is_index .board {
 20    padding-bottom: 50px;
 21  }
 22  
 23  a,
 24  a:visited,
 25  .quoteLink,
 26  .quotelink,
 27  .deadlink,
 28  div#boardNavMobile .pageJump a,
 29  .persistentNav .pageJump a,
 30  .summary a.replylink,
 31  div.post div.postInfo span.postNum a:visited,
 32  div.post div.postInfo span.postNum a.replylink {
 33    color: rgb(83,109,254) !important;
 34    text-decoration: none !important;
 35  }
 36  
 37  a:hover,
 38  .quoteLink:hover,
 39  .quotelink:hover,
 40  .deadlink:hover,
 41  .summary a.replylink:hover,
 42  .persistentNav .pageJump a:hover,
 43  div#boardNavMobile .pageJump a:hover,
 44  div.post div.postInfo span.postNum a:hover,
 45  .posteruid .hand:hover {
 46    color: rgb(83,109,254) !important;
 47    text-decoration: underline !important;
 48  }
 49  
 50  .postInfo a.postMenuBtn,
 51  .postInfo a.postMenuBtn:hover {
 52    color: rgb(83,109,254) !important;
 53    text-decoration: none !important;
 54  }
 55  
 56  div.postContainer {
 57    display: block;
 58    width: 80%;
 59    margin: 15px auto 0 auto;
 60  }
 61  
 62  .thread {
 63    margin-top: 30px !important;
 64    padding-top: 15px;
 65    border-top: 1px solid #ccc;
 66  }
 67  
 68  .thread:first-child {
 69    padding-top: 0;
 70    border-top: none;
 71  }
 72  
 73  .md-plus-btn {
 74    border-radius: 50%;
 75    font-size: 24px;
 76    height: 56px;
 77    margin: auto;
 78    min-width: 56px;
 79    width: 56px;
 80    padding: 0;
 81    overflow: hidden;
 82    box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);
 83    position: relative;
 84    line-height: normal;
 85    position: fixed;
 86    right: 25px;
 87    bottom: 25px;
 88  }
 89  
 90  div.boardBanner > div.boardTitle {
 91    margin-top: 40px;
 92    font-size: 36px;
 93    color: #676767;
 94    margin-bottom: 40px;
 95    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
 96    font-weight: normal;
 97    letter-spacing: 0;
 98  }
 99  
100  :-ms-input-placeholder { color: rgba(0,0,0,.35) }
101  ::-webkit-input-placeholder { color: rgba(0,0,0,.35) }
102  :-moz-placeholder { color: rgba(0,0,0,.35) }
103  ::-moz-placeholder { color: rgba(0,0,0,.35) }
104  
105  #togglePostFormLink,
106  .ad-plea,
107  #blotter tfoot td,
108  #ctrl-top,
109  div.post div.postInfo span.postNum,
110  div.pagelist div.pages {
111    color: transparent;
112  }
113  
114  table.postForm > tbody > tr > td:first-child,
115  .thread-stats {
116    color: #000;
117  }
118  
119  .postInfo .backlink a.quotelink,
120  .postInfo .backlink a.quotelink:hover {
121    color: rgb(83,109,254) !important;
122  }
123  
124  .ws input[type="text"], .nws input[type="text"] {
125    border: none !important;
126    border-bottom: 1px solid rgba(0,0,0,.12) !important;
127    font-size: 14px !important;
128    font-family: "Helvetica","Arial",sans-serif;
129    padding: 4px !important;
130    -webkit-transition: border-bottom-color 0.2s;
131    transition: border-bottom-color 0.2s;
132  }
133  
134  .ws input[type="text"]:focus, .ws #quickReply input[type="submit"]:focus {
135    border-bottom: 1px solid rgb(83,109,254) !important;
136  }
137  
138  .nws input[type="text"]:focus, .nws #quickReply input[type="submit"]:focus {
139    border-bottom: 1px solid rgb(244,67,54) !important;
140  }
141  
142  .tomorrow .extPanel,
143  .recaptcha_input_area #recaptcha_response_field {
144    border: 0 !important;
145  }
146  
147  .ws input[type="submit"], .nws input[type="submit"], button {
148    border: none;
149    border-radius: 2px;
150    position: relative;
151    height: 28px;
152    min-width: 64px;
153    display: inline-block;
154    text-transform: uppercase;
155    outline: none;
156    cursor: pointer;
157    background: rgb(83,109,254);
158    color: #fff;
159    font-size: 14px;
160    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
161    line-height: 28px;
162    margin-left: 8px;
163  }
164  
165  .nws input[type="submit"], .nws button {
166    background: rgb(244,67,54)
167  }
168  
169  #qrCaptchaContainerAlt {
170    margin-bottom: 8px;
171  }
172  
173  #postForm input[type="text"] {
174    margin: 4px 0;
175  }
176  
177  #postForm td:first-child {
178    text-align: right;
179    padding-right: 10px;
180  }
181  
182  .ws textarea, .nws textarea { border: 0 !important }
183  .ws textarea:focus, .nws textarea:focus { border: 0 !important }
184  
185  table#postForm td {
186    background: transparent;
187    border: 0;
188    font-weight: normal;
189  }
190  
191  #toggleMsgBtn {
192    margin-left: 5px !important;
193  }
194  
195  .rules {
196    text-align: center;
197  }
198  
199  #qrHeader {
200    background: #676767 !important;
201    color: #fff !important;
202  }
203  
204  #qrHeader a {
205    color: #fff !important;
206  }
207  
208  #search-box {
209    height: inherit;
210    line-height: inherit;
211    margin: 0;
212    padding: inherit;
213  }
214  
215  #ctrl-top {
216    padding-bottom: 10px;
217    border-top: 1px solid #ddd;
218    padding-top: 10px;
219    text-align: center;
220  }
221  
222  .reply:target, .reply.highlight {
223    background: #eee !important;
224    padding: 10px !important;
225    border: 0 !important;
226  }
227  
228  .navLinks + hr,
229  .open-qr-wrap,
230  .board hr,
231  #bannerCnt,
232  #ctrl-top + hr,
233  #ctrl-top > hr {
234    display: none;
235  }
236  
237  .navLinks {
238    padding-bottom: 8px;
239    color: transparent;
240    width: 80%;
241    margin: auto;
242  }
243  
244  .navLinks label {
245    color: rgb(83,109,254);
246  }
247  
248  .navLinks label + span {
249    color: #000;
250  }
251  
252  .navLinksBot {
253    margin-top: 30px;
254    text-align: left;
255  }
256  
257  div#boardNavDesktop, div#boardNavDesktopFoot, div#boardNavMobile {
258    background: #fff;
259    padding: 5px 10px;
260    box-shadow: 0 2px 2px 0 rgba(0,0,0,.08),0 3px 1px -2px rgba(0,0,0,.06),0 1px 5px 0 rgba(0,0,0,.04);
261    margin-bottom: 25px;
262    color: transparent;
263    font-size: 14px;
264  }
265  
266  div#boardNavMobile {
267    color: #000;
268    border: 0;
269  }
270  
271  div#boardNavDesktopFoot {
272    margin-bottom: 0;
273    margin-top: 25px;
274    padding-top: 25px;
275    padding-bottom: 25px;
276  }
277  
278  div#boardNavDesktop a, div#boardNavDesktopFoot a {
279    margin-left: -3px;
280    margin-right: -3px;
281    padding: 0;
282  }
283  
284  .persistentNav .pageJump a {
285    margin: 0;
286    padding-right: 5px;
287  }
288  
289  div.pagelist {
290    background: #fff;
291    margin-top: 25px;
292    margin-bottom: 25px;
293    border: 0;
294    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
295    margin-left: 25px;
296    padding: 8px;
297    border-radius: 2px;
298  }
299  
300  div#absbot {
301    background: #fff;
302    color: #999;
303  }
304  
305  div#absbot #footer-links a {
306    text-decoration: none !important;
307    color: rgb(83,109,254) !important;
308  }
309  
310  div#absbot #footer-links a:hover {
311    text-decoration: underline !important;
312  }
313  
314  .bottomCtrl { display: none }
315  
316  .ad-plea-bottom + hr {
317    display: none;
318  }
319  
320  div#boardNavDesktopFoot {
321    margin-bottom: 0;
322  }
323  
324  div.post, .extPanel, div.reply, .dd-menu ul {
325    background: #fff;
326    border-radius: 2px;
327    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
328    border: none;
329  }
330  
331  div.pagelist div.cataloglink {
332    border: 0;
333  }
334  
335  div.post {
336    max-width: 75%;
337    margin: 0;
338    padding: 10px;
339  }
340  
341  .dd-menu li {
342    padding: 6px 10px !important;
343    border: 0 !important;
344  }
345  
346  .dd-menu li:hover {
347    background-color: #eee !important;
348  }
349  
350  #quote-preview {
351    border: 0 !important;
352    padding: 10px !important;
353  }
354  
355  div.op {
356    display: block;
357    max-width: none;
358  }
359  
360  .fileText {
361    color: #999;
362    font-size: 12px;
363    margin-top: 2px;
364  }
365  
366  .op .fileText {
367    margin-top: -5px;
368    margin-bottom: 5px;
369  }
370  
371  .fileText a {
372    color: #999 !important;
373    text-decoration: none;
374  }
375  
376  .posteruid,
377  .dateTime {
378    color: #999;
379  }
380  
381  .postInfo input[type="checkbox"] {
382    display: none;
383  }
384  
385  div.sideArrows { display: none; }
386  
387  hr {
388    border: 0;
389    border-bottom: 1px solid #ddd;
390  }
391  
392  div.post:after {
393    display: block;
394    content: ' ';
395    clear: both;
396  }
397  
398  div.post div.file .fileThumb img {
399    object-fit: cover;
400  }
401  
402  div.reply div.file .fileThumb img:not(.expanded-thumb) {
403    border-radius: 75px;
404    width: 75px !important;
405    height: 75px !important;
406  }
407  
408  div.op div.file .fileThumb img:not(.expanded-thumb) {
409    border-radius: 150px;
410    width: 150px !important;
411    height: 150px !important;
412  }
413  
414  .postMessage {
415    margin-left: 20px;
416    margin-top: 5px;
417  }
418  
419  #boardNavDesktop::after {
420    content: ' ';
421    display: block;
422    clear: both;
423  }
424  
425  span.summary {
426    border-radius: 0 0 2px 2px;
427    background-color: #f5f5f5;
428    width: 80%;
429    display: block;
430    margin: -1px auto 0 auto;
431    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
432    border-top: 1px solid rgba(0,0,0,0.1);
433    text-indent: 10px;
434    padding: 10px 0;
435  }