Advertisement
Guest User

Untitled

a guest
Apr 21st, 2018
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 64.36 KB | None | 0 0
  1. /*=====================================
  2. =======================================
  3. R/APICEMLIGHT by u/abe699 and u/wrongpenguin forked from R/APICEM by u/Cereal_Addict
  4. =======================================
  5. =======================================*/
  6.  
  7.  
  8. *,:before,:after
  9. {
  10. -webkit-box-sizing:border-box;
  11. -moz-box-sizing:border-box;
  12. box-sizing:border-box;
  13. -webkit-text-size-adjust:none!important;
  14. -moz-text-size-adjust:none!important;
  15. -ms-text-size-adjust:none!important;
  16. text-decoration:none!important;
  17. outline:none!important
  18. }
  19. a,body .generic-table,.res #srList a,#searchexpando a
  20. {
  21. color:#3a98d8
  22. }
  23. label,.search-expando-button
  24. {
  25. color:#666
  26. }
  27. input[type=text],textarea,.hover-bubble.multi-selector .create-multi input[type="text"],input#url
  28. {
  29. box-shadow:none!important;
  30. border:1px solid transparent!important;
  31. border-radius:0!important;
  32. background:#ebf1f1;
  33. color:#262626;
  34. transition:0!important
  35. }
  36. input[type=text]:focus,textarea:focus,input#url:focus
  37. {
  38. border-color:#ffb6af!important
  39. }
  40. input[type="checkbox"],input[type=radio],#rem-login-main,.side .titlebox h1.redditname + div:before
  41. {
  42. -webkit-appearance:none;
  43. -moz-appearance:none;
  44. display:inline-block;
  45. vertical-align:middle;
  46. margin-top:1px!important;
  47. margin-bottom:1px!important;
  48. width:20px;
  49. height:20px;
  50. border:0;
  51. border-radius:0;
  52. background:#ccd2d2 url(%%spritesheet%%) no-repeat 4px -106px/105px 150px;
  53. content:""
  54. }
  55. #rem-login-main
  56. {
  57. margin-right:5px
  58. }
  59. input[type="checkbox"]:not(:checked),input[type=radio]:not(:checked),#rem-login-main:not(:checked)
  60. {
  61. background:#ccd2d2
  62. }
  63. input[type=radio]
  64. {
  65. margin:0 5px;
  66. border-radius:50%
  67. }
  68. select
  69. {
  70. -webkit-appearance:none;
  71. -moz-appearance:none;
  72. box-shadow:none;
  73. border:0;
  74. border-radius:0;
  75. padding:5px 22px 5px 8px;
  76. background:#383F47 url(%%spritesheet%%) no-repeat 0/105px 150px;
  77. background-position:right -88px top -130px;
  78. font-size:13px;
  79. color:#fff
  80. }
  81. button,.usertext .help-toggle a,.usertext a.reddiquette,.flair-jump button,body #userTaggerToolTip input[type=submit],body #editShortcutDialog [name=shortcut-save],.wiki-page .wiki-page-content .wiki_button
  82. {
  83. border:1px solid #3a98d8;
  84. border-radius:0;
  85. padding:5px 10px;
  86. background:#3a98d8;
  87. letter-spacing:1px;
  88. text-transform:uppercase;
  89. font-size:10px;
  90. font-weight:700;
  91. color:#ebf1f1;
  92. transition:.2s
  93. }
  94. button:hover,.flair-jump button:hover
  95. {
  96. border:1px solid transparent;
  97. background-color:rgba(255,255,255,0.8)
  98. }
  99. button.cancel,button[name="preview"],.usertext .help-toggle a,.usertext a.reddiquette
  100. {
  101. color:#3a98d8;
  102. background:none;
  103. transition:.2s
  104. }
  105. button.cancel:hover,button[name="preview"]:hover,.usertext .help-toggle a:hover,.usertext a.reddiquette:hover,.content button.RESBigEditorPop:hover
  106. {
  107. border:1px solid #3a98d8;
  108. background-color:rgba(255,255,255,.1)
  109. }
  110. body
  111. {
  112. display:-webkit-flex;
  113. display:-ms-flexbox;
  114. display:flex;
  115. -webkit-flex-flow:row wrap;
  116. -ms-flex-flow:row wrap;
  117. flex-flow:row wrap;
  118. background:url(%%body%%) fixed center top/cover
  119. }
  120. body,div#RESSubredditGroupDropdown,#search input[type="text"],textarea
  121. {
  122. font-family:-apple-system,BlinkMacSystemFont,"Roboto",Helvetica,Arial,"Lucida Grande",sans-serif
  123. }
  124. #header
  125. {
  126. -webkit-order:-1;
  127. -ms-flex-order:-1;
  128. order:-1;
  129. margin:60px 30px 0;
  130. width:100%;
  131. height:160px;
  132. border:0;
  133. background-color:#323a47;
  134. background-image:linear-gradient(rgba(50, 58, 71, 0.27),rgba(50, 58, 71, 0.58)),url(%%header1%%);
  135. background-position:center;
  136. background-size:cover
  137. }
  138. #header:after
  139. {
  140. position:absolute;
  141. z-index:-1;
  142. left:0;
  143. bottom:0;
  144. width:100%;
  145. height:80px;
  146. background:rgba(255,255,255,.05);
  147. content:""
  148. }
  149. #sr-header-area
  150. {
  151. position:absolute;
  152. top:-60px;
  153. left:-30px;
  154. width:calc(100% - -60px);
  155. height:30px;
  156. border:0;
  157. background:#fff;
  158. white-space:nowrap;
  159. font-size:9px;
  160. color:#32383f
  161. }
  162. #sr-header-area #srLeftContainer
  163. {
  164. margin:0;
  165. padding:0
  166. }
  167. #sr-header-area .separator,#sr-header-area .srSep
  168. {
  169. display:none
  170. }
  171. #sr-header-area #srLeftContainer,#sr-header-area #RESShortcutsViewport,#sr-header-area #RESShortcutsEditContainer
  172. {
  173. max-height:none
  174. }
  175. #sr-header-area #srLeftContainer
  176. {
  177. display:inline-block;
  178. float:none
  179. }
  180. #sr-header-area .sr-list
  181. {
  182. height:30px
  183. }
  184. #sr-header-area ul.flat-list.sr-bar,#sr-header-area #srLeftContainer
  185. {
  186. display:inline-block;
  187. position:relative;
  188. top:5px;
  189. height:20px;
  190. line-height:20px
  191. }
  192. #sr-header-area ul.flat-list.sr-bar:nth-of-type(1),#sr-header-area #srLeftContainer
  193. {
  194. margin-right:12px;
  195. border-right:1px solid rgba(0,0,0,.1);
  196. padding-right:12px
  197. }
  198. #sr-header-area #RESShortcutsViewport
  199. {
  200. display:inline-block;
  201. position:relative;
  202. top:5px
  203. }
  204. #sr-header-area #RESShortcuts
  205. {
  206. padding:0
  207. }
  208. #sr-header-area .dropdown.srdrop
  209. {
  210. padding:0
  211. }
  212. #sr-header-area .dropdown.srdrop .selected
  213. {
  214. margin-top:5px;
  215. margin-right:0;
  216. height:20px;
  217. padding:0 6px;
  218. background:none;
  219. line-height:20px
  220. }
  221. .dropdown.lightdrop .selected
  222. {
  223. padding-right:0
  224. }
  225. #sr-header-area .dropdown.srdrop .selected,#sr-header-area #srDropdown
  226. {
  227. margin-left:12px;
  228. font-size:0!important;
  229. vertical-align:top
  230. }
  231. #sr-header-area .dropdown.srdrop .selected:after,#sr-header-area #srDropdown #srDropdownContainer a:after
  232. {
  233. vertical-align:middle;
  234. font-size:18px;
  235. content:"≡"
  236. }
  237. #sr-header-area #srDropdown #srDropdownContainer a
  238. {
  239. letter-spacing:inherit
  240. }
  241. #sr-header-area a
  242. {
  243. display:inline-block;
  244. height:20px;
  245. padding:0 6px;
  246. line-height:20px;
  247. letter-spacing:.5px;
  248. color:#32383f
  249. }
  250. #sr-header-area a:not(#sr-more-link):hover,#sr-header-area .dropdown.srdrop .selected:hover,#header #sr-header-area .selected a,.res #sr-header-area a.RESShortcutsCurrentSub
  251. {
  252. background:rgba(50,58,71,.1);
  253. font-weight:400;
  254. color:#32383f!important
  255. }
  256. #header #sr-header-area .sr-bar a.gold:hover
  257. {
  258. font-weight:700
  259. }
  260. #sr-header-area .sr-bar .separator
  261. {
  262. display:none
  263. }
  264. .drop-choices,.res .RESDialogSmall:not(.livePreview),.res #RESNotifications .RESNotification,body #editShortcutDialog,div.guider
  265. {
  266. box-shadow:0 0 10px rgba(0,0,0,.5);
  267. border:1px solid #434b55;
  268. border-radius:0;
  269. background:#ebf1f1;
  270. letter-spacing:.5px
  271. }
  272. body #editShortcutDialog
  273. {
  274. top:30px
  275. }
  276. .drop-choices
  277. {
  278. padding:10px;
  279. font-size:9px
  280. }
  281. .drop-choices:not(.flairselector) a
  282. {
  283. text-transform:uppercase
  284. }
  285. .drop-choices.lightdrop
  286. {
  287. margin-left:-20px
  288. }
  289. .dropdown.lightdrop .selected
  290. {
  291. letter-spacing:.5px
  292. }
  293. .drop-choices a.choice
  294. {
  295. height:30px;
  296. padding:0 10px;
  297. line-height:30px
  298. }
  299. #sr-header-area .drop-choices.srdrop,.res #srList,.res #RESSubredditGroupDropdown
  300. {
  301. top:30px!important;
  302. margin-left:0;
  303. box-shadow:0 0 10px rgba(0,0,0,.5);
  304. border:0;
  305. padding:10px!important;
  306. background:#32383f;
  307. text-transform:uppercase;
  308. letter-spacing:.5px;
  309. font-size:9px
  310. }
  311. #sr-header-area .drop-choices.srdrop
  312. {
  313. top:30px!important
  314. }
  315. .res #srList
  316. {
  317. position:fixed;
  318. left:calc(50% - 250px);
  319. width:500px;
  320. height:calc(100vh - 60px);
  321. padding-top:0;
  322. overflow:visible;
  323. max-height:none!important;
  324. opacity:1;
  325. pointer-events:auto;
  326. transition:.2s;
  327. z-index:2147483647
  328. }
  329. .res #RESSubredditGroupDropdown
  330. {
  331. transition:.2s
  332. }
  333. .res #srList tbody
  334. {
  335. display:block;
  336. max-height:calc(100% - 50px);
  337. overflow:scroll
  338. }
  339. .res #srList:before
  340. {
  341. position:fixed;
  342. left:50%;
  343. margin-left:-250px;
  344. top:30px;
  345. width:500px;
  346. height:calc(100vh - 60px);
  347. background:#32383F;
  348. content:"";
  349. z-index:-1;
  350. transition:.2s opacity
  351. }
  352. .res #srList:after
  353. {
  354. position:fixed;
  355. left:0;
  356. top:0;
  357. width:100vw;
  358. height:100vh;
  359. padding:50px 70px 0 0;
  360. background-image:url(%%crosshatch%%),url(%%overlay%%),linear-gradient(45deg,rgba(196,145,138,0.75) 20%,rgba(96,147,196,0.985) 80%);
  361. background-size:auto 100%,100px 100px,cover;
  362. background-position:center,center,center;
  363. content:"✕";
  364. text-align:right;
  365. text-transform:lowercase;
  366. font-size:40px;
  367. font-weight:100;
  368. color:#fff;
  369. z-index:-2;
  370. transition:.2s opacity;
  371. pointer-events:none
  372. }
  373. .sortAsc,.sortDesc
  374. {
  375. margin-top:18px;
  376. margin-right:10px;
  377. height:12px;
  378. line-height:12px
  379. }
  380. div#RESSubredditGroupDropdown ul
  381. {
  382. border:0
  383. }
  384. #sr-header-area .drop-choices.srdrop a,.res #srList tr,.res #RESSubredditGroupDropdown li a
  385. {
  386. height:30px;
  387. padding:0 10px;
  388. border-top:solid 1px #434b55;
  389. border-bottom:0;
  390. line-height:30px;
  391. color:#fff
  392. }
  393. .res #srList thead
  394. {
  395. display:block;
  396. height:50px
  397. }
  398. #sr-header-area .drop-choices.srdrop:before,.res #srList thead td:nth-of-type(1)
  399. {
  400. height:50px;
  401. line-height:50px;
  402. font-size:18px;
  403. font-weight:700;
  404. color:#fff;
  405. content:"YOUR SUBREDDITS"
  406. }
  407. #sr-header-area .drop-choices.srdrop:before
  408. {
  409. padding:0 50px 0 10px
  410. }
  411. .res #srList thead td:nth-of-type(1):before
  412. {
  413. content:"YOUR "
  414. }
  415. .res #srList thead td:nth-of-type(1):after
  416. {
  417. margin-left:-5px;
  418. content:"S"
  419. }
  420. .res #srList thead tr
  421. {
  422. height:50px;
  423. line-height:50px;
  424. white-space:nowrap
  425. }
  426. .res #srList td
  427. {
  428. padding:0
  429. }
  430. .res #srList tr td:nth-of-type(1)
  431. {
  432. width:300px
  433. }
  434. .res #srList td.RESvisited
  435. {
  436. width:120px
  437. }
  438. .res #srList td.RESshortcut
  439. {
  440. width:60px
  441. }
  442. .res #srList td.RESvisited,.res #srList td.RESshortcut
  443. {
  444. text-transform:uppercase
  445. }
  446. #sr-header-area .drop-choices.srdrop a,.res #RESSubredditGroupDropdown li a
  447. {
  448. display:block;
  449. min-width:50%
  450. }
  451. .res #srList thead tr,.res #RESSubredditGroupDropdown li:nth-of-type(1) a,.res #RESSubredditGroupDropdown a.res-icon
  452. {
  453. border:0
  454. }
  455. .res #RESSubredditGroupDropdown ul
  456. {
  457. padding:0
  458. }
  459. .res #RESSubredditGroupDropdown li + .RESShortcutsEditButtons,.res #RESSubredditGroupDropdown > .RESShortcutsEditButtons
  460. {
  461. margin:0;
  462. border-top:solid 1px #ccd1d5;
  463. padding:0
  464. }
  465. .res #RESSubredditGroupDropdown .RESShortcutsEditButtons
  466. {
  467. white-space:nowrap
  468. }
  469. .res #RESSubredditGroupDropdown .RESShortcutsEditButtons .res-icon
  470. {
  471. display:inline-block;
  472. margin:0;
  473. color:#fff
  474. }
  475. .res #RESSubredditGroupDropdown li + .RESShortcutsEditButtons a.delete
  476. {
  477. text-align:right
  478. }
  479. .res #RESSubredditGroupDropdown li
  480. {
  481. margin:0;
  482. padding:0
  483. }
  484. .res #srList tr:hover,.res #RESSubredditGroupDropdown li:hover
  485. {
  486. background:none
  487. }
  488. body #header #sr-header-area .srdrop+.drop-choices.srdrop a.choice:hover,.res #srList tbody tr:hover a,.res #RESSubredditGroupDropdown li a:hover,.res #RESSubredditGroupDropdown .RESShortcutsEditButtons .res-icon:hover,.res #RESSubredditGroupDropdown .RESShortcutsCurrentSub a,#autocomplete_dropdown .selectedItem
  489. {
  490. font-weight:400;
  491. color:#ffb6af!important
  492. }
  493. .res #RESSubredditGroupDropdown li a:hover,#autocomplete_dropdown .selectedItem
  494. {
  495. background:none
  496. }
  497. a#sr-more-link,.res #RESShortcutsEditContainer
  498. {
  499. display:flex;
  500. margin-top:5px;
  501. width:auto;
  502. height:20px;
  503. border-left:1px solid rgba(0,0,0,.1);
  504. padding-left:12px;
  505. background:#fff
  506. }
  507. .res #RESShortcutsEditContainer div
  508. {
  509. position:static;
  510. display:inline-block;
  511. margin-right:12px;
  512. width:auto;
  513. background:none;
  514. line-height:18px;
  515. font-weight:400;
  516. color:#32383f
  517. }
  518. #RESShortcutsRight
  519. {
  520. order:2
  521. }
  522. #sort-menu p
  523. {
  524. margin-bottom:5px;
  525. color:#fff
  526. }
  527. #header .pagename
  528. {
  529. position:absolute;
  530. top:25px;
  531. left:25px;
  532. margin:0;
  533. width:auto;
  534. height:30px;
  535. line-height:30px;
  536. text-align:center;
  537. letter-spacing:-10px;
  538. text-transform:uppercase;
  539. font-size:0;
  540. font-weight:700
  541. }
  542. #header .pagename a
  543. {
  544. font-size:24px;
  545. letter-spacing:10px;
  546. color:#fff
  547. }
  548. #header .pagename:after
  549. {
  550. margin-left:25px;
  551. white-space:nowrap;
  552. letter-spacing:6px;
  553. font-size:12px;
  554. font-weight:400;
  555. vertical-align:top;
  556. color:#ebf1f1;
  557. content:"subtitle goes here"
  558. }
  559. #header #header-img
  560. {
  561. position:absolute;
  562. left:25px;
  563. bottom:25px;
  564. margin:0;
  565. width:30px;
  566. height:30px;
  567. padding-left:30px;
  568. background:url(%%spritesheet%%) -87px -33px/126px 180px;
  569. opacity:.8
  570. }
  571. #header .tabmenu
  572. {
  573. position:absolute;
  574. left:70px;
  575. top:90px;
  576. margin:0;
  577. min-width:210px;
  578. padding-top:50px;
  579. text-transform:uppercase;
  580. letter-spacing:1px;
  581. font-size:11px;
  582. transition:box-shadow .5s
  583. }
  584. #header .tabmenu:hover,#header:target .tabmenu
  585. {
  586. box-shadow:0 0 10px rgba(0,0,0,.5)
  587. }
  588. #header .tabmenu li
  589. {
  590. display:block;
  591. margin:0;
  592. padding:0 10px;
  593. background:#fff;
  594. font-weight:400;
  595. opacity:0;
  596. transition:.3s
  597. }
  598. #header .tabmenu li:last-of-type
  599. {
  600. padding-bottom:10px
  601. }
  602. #header .tabmenu:hover li,#header:target .tabmenu li,#header .tabmenu li.selected:not(.res-tabmenu-button)
  603. {
  604. opacity:1
  605. }
  606. #header .tabmenu li a
  607. {
  608. display:block;
  609. overflow:hidden;
  610. height:0;
  611. border:0;
  612. padding:0 10px;
  613. line-height:0;
  614. background:#fff;
  615. color:transparent;
  616. -webkit-transition:.3s;
  617. transition:.3s;
  618. -webkit-transition-property:height,line-height,color;
  619. transition-property:height,line-height,color
  620. }
  621. #header .tabmenu:hover li a,#header:target .tabmenu li a
  622. {
  623. height:40px;
  624. border-top:1px solid rgba(0,0,0,.1);
  625. line-height:40px;
  626. color:#32383f
  627. }
  628. #header .tabmenu li a:hover,#header .tabmenu:hover li.selected a:hover,#header:target .tabmenu li.selected a:hover
  629. {
  630. background:rgba(50,58,71,.1)
  631. }
  632. #header .tabmenu li.selected:not(.res-tabmenu-button)
  633. {
  634. position:absolute;
  635. top:0;
  636. left:0;
  637. width:100%;
  638. padding-top:10px;
  639. background:none
  640. }
  641. #header .tabmenu li.selected:not(.res-tabmenu-button) a
  642. {
  643. width:100%;
  644. height:40px;
  645. border:0;
  646. background:none;
  647. line-height:40px;
  648. color:#fff;
  649. opacity:1;
  650. transition:.3s color
  651. }
  652. #header .tabmenu:hover li.selected,#header:target .tabmenu li.selected
  653. {
  654. background:#fff
  655. }
  656. #header .tabmenu:hover li.selected a,#header:target .tabmenu li.selected a
  657. {
  658. color:#32383f
  659. }
  660. #header .tabmenu li.selected a:after
  661. {
  662. content:" ▾"
  663. }
  664. #header .tabmenu:hover li.selected a:after,#header:target .tabmenu li.selected a:after
  665. {
  666. color:transparent
  667. }
  668. #header #header-bottom-right
  669. {
  670. top:auto;
  671. bottom:0;
  672. height:80px;
  673. padding:0 0 0 35px;
  674. background:none;
  675. text-transform:uppercase;
  676. font-size:11px;
  677. color:#fff
  678. }
  679. #header:hover #header-bottom-right:after,#header:target #header-bottom-right:after
  680. {
  681. opacity:0;
  682. transition:.2s
  683. }
  684. #header #header-bottom-right .user,#header-bottom-right.res-userbar-toggle > .user
  685. {
  686. margin-left:0;
  687. font-size:0
  688. }
  689. #header-bottom-right #userbarToggle,#header-bottom-right .separator
  690. {
  691. display:none!important
  692. }
  693. .res.res-accountSwitcher-dropDownStyle-alien #RESAccountSwitcherIconOverlay
  694. {
  695. display:none!important
  696. }
  697. #header .beta-hint>a,#header-bottom-right .user>a,.res .res #RESAccountSwitcherIcon,#header-bottom-right #mail,#header-bottom-right #modmail,#header-bottom-right #new_modmail,.ChatApp__reddit-icon,#header-bottom-right .pref-lang,#header-bottom-right #openRESPrefs .gearIcon,#header-bottom-right .logout a,a#RESAnnouncementAlert
  698. {
  699. display:inline-block!important;
  700. position:relative;
  701. top:0!important;
  702. overflow:visible;
  703. vertical-align:top;
  704. width:25px!important;
  705. height:25px;
  706. background:url(%%spritesheet%%);
  707. font-size:0!important;
  708. transition:.2s
  709. }
  710. #header-bottom-right .user>a
  711. {
  712. background-position:-40px -160px
  713. }
  714. #header-bottom-right #mail.nohavemail
  715. {
  716. background-position:-40px -90px
  717. }
  718. #header-bottom-right #mail.havemail
  719. {
  720. background-position:-40px -125px
  721. }
  722. #header-bottom-right #modmail
  723. {
  724. background-position:-5px -55px
  725. }
  726. #header-bottom-right .pref-lang
  727. {
  728. background-position:-110px -55px
  729. }
  730. #header-bottom-right #openRESPrefs .gearIcon
  731. {
  732. background-position:-110px -125px
  733. }
  734. #header-bottom-right .logout a
  735. {
  736. background-position:-40px -55px
  737. }
  738. .beta-hint,#header-bottom-right .user,#header-bottom-right .flat-list.hover,#header-bottom-right #openRESPrefs,#header-bottom-right .logout
  739. {
  740. position:static;
  741. display:inline-block!important;
  742. opacity:1;
  743. vertical-align:top;
  744. margin:25px 35px 0 0;
  745. height:auto
  746. }
  747. #header-bottom-right .user
  748. {
  749. margin:0
  750. }
  751. #header-bottom-right .user>a,.res .res #RESAccountSwitcherIcon,#header-bottom-right #mail,#header-bottom-right #modmail,#header-bottom-right #new_modmail,.ChatApp__reddit-icon,a#RESAnnouncementAlert
  752. {
  753. margin:25px 35px 0 0 !important
  754. }
  755. #header #header-bottom-right .beta-hint>a
  756. {
  757. margin:0
  758. }
  759. .res .res #RESAccountSwitcherIcon,#header #header-bottom-right .beta-hint>a,#header-bottom-right #new_modmail,.ChatApp__reddit-icon
  760. {
  761. background:url(%%spritesheet2%%)
  762. }
  763. .res .res #RESAccountSwitcherIcon
  764. {
  765. background-position:0 -50px
  766. }
  767. #header-bottom-right #new_modmail
  768. {
  769. background-position:0 -100px
  770. }
  771. .ChatApp__reddit-icon
  772. {
  773. background-position:0 -150px
  774. }
  775. #header .beta-hint>a:before,#header-bottom-right .user>a:before,.res .res #RESAccountSwitcherIcon:before,#header-bottom-right #mail:before,#header-bottom-right #modmail:before,#header-bottom-right #new_modmail:before,.ChatApp__reddit-icon:before,#header-bottom-right .pref-lang:before,#header-bottom-right #openRESPrefs .gearIcon:before,#header-bottom-right .logout a:before,a#RESAnnouncementAlert:before
  776. {
  777. position:absolute;
  778. pointer-events:none;
  779. opacity:0;
  780. left:50%;
  781. -webkit-transform:translateX(-50%);
  782. -moz-transform:translateX(-50%);
  783. transform:translateX(-50%);
  784. top:-52px;
  785. box-shadow:0 0 10px rgba(0,0,0,.5);
  786. padding:0 20px;
  787. background:#fff;
  788. white-space:nowrap;
  789. line-height:30px;
  790. text-indent:0;
  791. font-family:inherit;
  792. font-size:12px;
  793. font-weight:400;
  794. letter-spacing:1px;
  795. color:#32383f;
  796. transition:.2s
  797. }
  798. #header .beta-hint>a:hover:before,#header-bottom-right .user>a:hover:before,.res .res #RESAccountSwitcherIcon:hover:before,#header-bottom-right #mail:hover:before,#header-bottom-right #modmail:hover:before,#header-bottom-right #new_modmail:hover:before,.ChatApp__reddit-icon:hover:before,#header-bottom-right .pref-lang:hover:before,#header-bottom-right #openRESPrefs .gearIcon:hover:before,#header-bottom-right .logout a:hover:before,a#RESAnnouncementAlert:hover:before
  799. {
  800. opacity:1;
  801. top:-55px
  802. }
  803. #header .beta-hint>a:before
  804. {
  805. content:"/r/Beta"
  806. }
  807. #header-bottom-right .user>a:before
  808. {
  809. content:"User Page"
  810. }
  811. .res .res #RESAccountSwitcherIcon:before
  812. {
  813. content:"Switch Accounts"
  814. }
  815. #header-bottom-right #mail:before
  816. {
  817. content:"Mail"
  818. }
  819. #header-bottom-right #modmail:before
  820. {
  821. content:"Mod Mail"
  822. }
  823. #header-bottom-right #new_modmail:before
  824. {
  825. content:"New Mod Mail"
  826. }
  827. .ChatApp__reddit-icon:before
  828. {
  829. content:"Orange Chat"
  830. }
  831. #header-bottom-right .pref-lang:before
  832. {
  833. content:"Preferences"
  834. }
  835. #header-bottom-right #openRESPrefs .gearIcon:before
  836. {
  837. content:"RES Settings"
  838. }
  839. #header-bottom-right .logout a:before
  840. {
  841. content:"Logout"
  842. }
  843. a#RESAnnouncementAlert:before
  844. {
  845. content:"RES Announcement"
  846. }
  847. #header .beta-hint>a:after,#header-bottom-right .user>a:after,.res .res #RESAccountSwitcherIcon:after,#header-bottom-right #mail:after,#header-bottom-right #modmail:after,#header-bottom-right #new_modmail:after,.ChatApp__reddit-icon:after,#header-bottom-right .pref-lang:after,#header-bottom-right #openRESPrefs .gearIcon:after,#header-bottom-right .logout a:after,a#RESAnnouncementAlert:after
  848. {
  849. position:absolute;
  850. pointer-events:none;
  851. opacity:0;
  852. top:-22px;
  853. left:calc(50% - 6px);
  854. width:12px;
  855. height:1px;
  856. border:6px solid transparent;
  857. border-bottom-width:0;
  858. border-top-color:#fff;
  859. content:"";
  860. transition:.2s
  861. }
  862. #header .beta-hint>a:hover:after,#header-bottom-right .user>a:hover:after,.res .res #RESAccountSwitcherIcon:hover:after,#header-bottom-right #mail:hover:after,#header-bottom-right #modmail:hover:after,#header-bottom-right #new_modmail:hover:after,.ChatApp__reddit-icon:hover:after,#header-bottom-right .pref-lang:hover:after,#header-bottom-right #openRESPrefs .gearIcon:hover:after,#header-bottom-right .logout a:hover:after,a#RESAnnouncementAlert:hover:after
  863. {
  864. opacity:1;
  865. top:-25px
  866. }
  867. a#RESAnnouncementAlert
  868. {
  869. margin:22.5px 35px 0 0;
  870. width:30px;
  871. height:30px;
  872. background-position:-5px -88px
  873. }
  874. a#RESAnnouncementAlert>span
  875. {
  876. font-size:0
  877. }
  878. #header-bottom-right a.message-count
  879. {
  880. position:relative;
  881. margin:15px 20px 0 -40px;
  882. z-index:1;
  883. width:20px;
  884. border-radius:50%;
  885. text-align:center;
  886. line-height:20px;
  887. font-size:11px;
  888. font-weight:400;
  889. background:#c4918a
  890. }
  891. #RESMainGearOverlay.RESGearOverlay,#header .gilded-icon
  892. {
  893. display:none!important
  894. }
  895. .res .RESDropdownList
  896. {
  897. margin-top:10px!important;
  898. width:auto;
  899. box-shadow:0 0 10px rgba(0,0,0,.5);
  900. border:0;
  901. border-radius:0;
  902. padding:10px;
  903. background:#fff;
  904. text-transform:uppercase;
  905. letter-spacing:1px;
  906. font-size:11px
  907. }
  908. .res .RESDropdownList li
  909. {
  910. height:40px;
  911. border-bottom:1px solid rgba(0,0,0,.1);
  912. line-height:39px;
  913. font-weight:400;
  914. color:#32383f
  915. }
  916. .RESDropdownList li:last-of-type
  917. {
  918. border:0
  919. }
  920. .res .RESDropdownList li:hover
  921. {
  922. background:rgba(50,58,71,.1);
  923. color:#32383f
  924. }
  925. .res .RESDropdownList a:hover
  926. {
  927. background:none;
  928. color:#32383f
  929. }
  930. .RESDropdownList ul>*
  931. {
  932. padding:0 10px
  933. }
  934. .res #RESSearchMenuItem
  935. {
  936. position:static;
  937. margin:9px;
  938. border:0;
  939. border-radius:50%;
  940. background-color:rgba(50,58,71,.1)
  941. }
  942. .res #RESSearchMenuItem:hover
  943. {
  944. background-color:rgba(50,58,71,.2)
  945. }
  946. .moduleToggle::before,.toggleButton::before
  947. {
  948. display:none
  949. }
  950. .res .moduleToggle .toggleOn,.res .toggleButton .toggleOn,.res .moduleToggle .toggleOff,.res .toggleButton .toggleOff
  951. {
  952. border:0
  953. }
  954. .res .moduleToggle:not(.enabled) .toggleOff,.res .toggleButton:not(.enabled) .toggleOff
  955. {
  956. background:#e59
  957. }
  958. .res .moduleToggle.enabled .toggleOn,.res .toggleButton.enabled .toggleOn
  959. {
  960. background:#3a98d8
  961. }
  962. .RESDropdownList .toggleButton
  963. {
  964. margin-right:10px
  965. }
  966. .res .moduleToggle span,.res .toggleButton span
  967. {
  968. margin-top:0;
  969. height:20px;
  970. padding:0;
  971. line-height:20px
  972. }
  973. .side
  974. {
  975. margin:10px 30px 0 0;
  976. width:321px;
  977. border-left:1px solid #e1e3e4;
  978. padding:10px;
  979. background:#ebf1f1
  980. }
  981. .side .spacer
  982. {
  983. margin:0
  984. }
  985. #search
  986. {
  987. overflow:hidden;
  988. margin-bottom:10px;
  989. width:300px
  990. }
  991. #search input[type=text]
  992. {
  993. width:299px;
  994. height:40px;
  995. padding:0 38px 0 15px;
  996. font-size:14px;
  997. color:#262626!important
  998. }
  999. #search input[type="text"]::-webkit-input-placeholder
  1000. {
  1001. text-transform:capitalize;
  1002. color:#262626
  1003. }
  1004. #search input[type=submit],#search input[type=submit]:hover
  1005. {
  1006. margin-left:0;
  1007. width:25px;
  1008. height:25px;
  1009. background:url(%%spritesheet%%) -75px -125px;
  1010. transition:.2s
  1011. }
  1012. #search:hover input[type=submit]
  1013. {
  1014. margin-left:-33px
  1015. }
  1016. #searchexpando
  1017. {
  1018. margin:0;
  1019. margin-top:10px;
  1020. border:0;
  1021. padding:0;
  1022. background:none;
  1023. line-height:25px;
  1024. text-align:center;
  1025. color:#fff
  1026. }
  1027. #searchexpando label
  1028. {
  1029. position:relative;
  1030. display:inline-block;
  1031. height:20px;
  1032. line-height:20px
  1033. }
  1034. #searchexpando p
  1035. {
  1036. margin:0
  1037. }
  1038. label+#moresearchinfo
  1039. {
  1040. border:0
  1041. }
  1042. .sponsor-300-250
  1043. {
  1044. margin-bottom:10px
  1045. }
  1046. .linkinfo,.login-form-side
  1047. {
  1048. margin-bottom:10px;
  1049. border:0;
  1050. border-top:1px solid #434b55;
  1051. border-bottom:1px solid #434b55;
  1052. border-radius:0;
  1053. padding:10px;
  1054. background:none;
  1055. color:#262626
  1056. }
  1057. div.linkinfo .upvotes
  1058. {
  1059. color:#ffb6af
  1060. }
  1061. div.linkinfo .downvotes
  1062. {
  1063. color:#3a98d8
  1064. }
  1065. .login-form-side
  1066. {
  1067. font-size:12px
  1068. }
  1069. .login-form-side input[type=text],.login-form-side input[type=password]
  1070. {
  1071. margin:0;
  1072. width:135px
  1073. }
  1074. .login-form-side input[type=text]
  1075. {
  1076. margin-right:9px
  1077. }
  1078. .login-form-side #remember-me
  1079. {
  1080. margin-left:0
  1081. }
  1082. .sidebox.submit
  1083. {
  1084. position:relative;
  1085. margin-bottom:10px
  1086. }
  1087. .morelink,.sidecontentbox a.helplink,.account-activity-box
  1088. {
  1089. height:40px;
  1090. border:0;
  1091. background:none!important;
  1092. text-transform:uppercase;
  1093. letter-spacing:1px;
  1094. font-size:0;
  1095. font-weight:700
  1096. }
  1097. .sidecontentbox a.helplink,.account-activity-box
  1098. {
  1099. letter-spacing:1px
  1100. }
  1101. .submit-text .morelink
  1102. {
  1103. margin-top:-50px;
  1104. float:right
  1105. }
  1106. .sidebox.submit.submit-link
  1107. {
  1108. margin-bottom:-50px!important
  1109. }
  1110. .sidebox.submit.submit-text
  1111. {
  1112. margin-top:60px
  1113. }
  1114. .submit-link .morelink
  1115. {
  1116. margin-bottom:60px
  1117. }
  1118. .morelink a,.sidecontentbox a.helplink,.account-activity-box a
  1119. {
  1120. position:relative;
  1121. width:145px;
  1122. height:40px;
  1123. border:1px solid #3a98d8;
  1124. background:#3a98d8;
  1125. text-align:center;
  1126. line-height:40px;
  1127. color:#ebf1f1;
  1128. transition:.4s;
  1129. z-index:1
  1130. }
  1131. .account-activity-box
  1132. {
  1133. margin-top:10px
  1134. }
  1135. .account-activity-box a
  1136. {
  1137. background:none;
  1138. color:#3a98d8
  1139. }
  1140. .morelink:hover a,.morelink a:hover
  1141. {
  1142. opacity:.8
  1143. }
  1144. .morelink a:hover,.sidecontentbox a.helplink:hover,.account-activity-box a:hover
  1145. {
  1146. text-indent:-15px
  1147. }
  1148. .sidebox.submit.disabled .morelink a
  1149. {
  1150. width:300px
  1151. }
  1152. .sidebox.submit.disabled .morelink a:hover
  1153. {
  1154. text-indent:0
  1155. }
  1156. .sidebox .subtitle
  1157. {
  1158. display:none
  1159. }
  1160. .morelink a:before
  1161. {
  1162. display:inline-block;
  1163. width:145px;
  1164. font-size:10px;
  1165. letter-spacing:1px
  1166. }
  1167. .submit-link .morelink a:before
  1168. {
  1169. content:"submit a link"
  1170. }
  1171. .submit-text .morelink a:before
  1172. {
  1173. content:"submit text"
  1174. }
  1175. .sidebox.submit.disabled .morelink a:before
  1176. {
  1177. width:300px;
  1178. content:"submissions restricted"
  1179. }
  1180. .morelink a:after,.sidecontentbox a.helplink:after,.account-activity-box a:after
  1181. {
  1182. position:absolute;
  1183. top:6px;
  1184. right:-25px;
  1185. width:25px;
  1186. height:25px;
  1187. background:url(%%spritesheet%%);
  1188. content:"";
  1189. transition:.4s
  1190. }
  1191. .submit-link .morelink a:after
  1192. {
  1193. background-position:-75px -55px
  1194. }
  1195. .submit-text .morelink a:after
  1196. {
  1197. background-position:-110px -90px
  1198. }
  1199. .sidecontentbox a.helplink:after
  1200. {
  1201. background-position:-40px -90px
  1202. }
  1203. .morelink a:hover:after,.sidecontentbox a.helplink:hover:after,.account-activity-box a:hover:after
  1204. {
  1205. right:8px
  1206. }
  1207. .sidebox.submit.disabled .morelink a:hover:after
  1208. {
  1209. right:-25px
  1210. }
  1211. .morelink .nub
  1212. {
  1213. display:none
  1214. }
  1215. .submit .morelink:after
  1216. {
  1217. position:absolute;
  1218. top:0;
  1219. width:144px;
  1220. height:40px;
  1221. background:rgba(255,255,255,.5);
  1222. line-height:40px;
  1223. font-size:11px;
  1224. color:#32383f;
  1225. content:"- - -"
  1226. }
  1227. .submit-link .morelink:after
  1228. {
  1229. left:155px
  1230. }
  1231. .submit-text .morelink:after
  1232. {
  1233. left:-154px
  1234. }
  1235. .side .titlebox
  1236. {
  1237. border-top:1px solid #ccd1d5;
  1238. color:#999
  1239. }
  1240. .side h1.redditname
  1241. {
  1242. margin-bottom:10px;
  1243. width:100%;
  1244. height:50px;
  1245. border-bottom:1px solid #ccd1d5
  1246. }
  1247. .titlebox h1 a
  1248. {
  1249. color:inherit
  1250. }
  1251. .side h1.redditname a
  1252. {
  1253. display:inline-block;
  1254. line-height:49px;
  1255. text-transform:uppercase;
  1256. letter-spacing:1px;
  1257. font-size:14px;
  1258. font-weight:700;
  1259. color:#262626
  1260. }
  1261. .side .fancy-toggle-button
  1262. {
  1263. display:block;
  1264. margin:0
  1265. }
  1266. .side .fancy-toggle-button a.option.active
  1267. {
  1268. position:relative;
  1269. float:right;
  1270. margin-top:-50px;
  1271. font-size:0;
  1272. z-index:1;
  1273. transition:.2s
  1274. }
  1275. .side .fancy-toggle-button a.option.active,#authorInfoToolTip .fancy-toggle-button a.option.active,.fancy-toggle-button .add.active,.res #RESHoverInfoSubscriptionButton
  1276. {
  1277. display:inline-block;
  1278. vertical-align:middle;
  1279. border:0;
  1280. border-radius:0;
  1281. width:auto;
  1282. height:30px;
  1283. padding:0 10px;
  1284. background:#e59;
  1285. line-height:30px;
  1286. text-transform:uppercase
  1287. }
  1288. #authorInfoToolTip .fancy-toggle-button
  1289. {
  1290. margin-bottom:0
  1291. }
  1292. .side .fancy-toggle-button a.option:after
  1293. {
  1294. letter-spacing:1px;
  1295. font-size:10px;
  1296. content:"subscribe"
  1297. }
  1298. .side .fancy-toggle-button a.option:before
  1299. {
  1300. display:inline-block;
  1301. letter-spacing:1px;
  1302. font-size:10px;
  1303. content:"un";
  1304. margin-right:0
  1305. }
  1306. .side .fancy-toggle-button a.option.add:before
  1307. {
  1308. margin-right:-15px;
  1309. opacity:0
  1310. }
  1311. .side .fancy-toggle-button a.option.add:active:before
  1312. {
  1313. -webkit-animation:remove 10s linear;
  1314. -moz-animation:remove 10s linear;
  1315. animation:remove 10s linear
  1316. }
  1317. @-webkit-keyframes remove
  1318. {
  1319. 0%
  1320. {
  1321. opacity:0
  1322. }
  1323. 1%
  1324. {
  1325. margin-right:8px
  1326. }
  1327. 2%
  1328. {
  1329. margin-right:0;
  1330. opacity:1
  1331. }
  1332. 100%
  1333. {
  1334. margin-right:0;
  1335. opacity:1
  1336. }
  1337.  
  1338. }
  1339. @-moz-keyframes remove
  1340. {
  1341. 0%
  1342. {
  1343. opacity:0
  1344. }
  1345. 1%
  1346. {
  1347. margin-right:8px
  1348. }
  1349. 2%
  1350. {
  1351. margin-right:0;
  1352. opacity:1
  1353. }
  1354. 100%
  1355. {
  1356. margin-right:0;
  1357. opacity:1
  1358. }
  1359.  
  1360. }
  1361. @keyframes remove
  1362. {
  1363. 0%
  1364. {
  1365. opacity:0
  1366. }
  1367. 1%
  1368. {
  1369. margin-right:8px
  1370. }
  1371. 2%
  1372. {
  1373. margin-right:0;
  1374. opacity:1
  1375. }
  1376. 100%
  1377. {
  1378. margin-right:0;
  1379. opacity:1
  1380. }
  1381.  
  1382. }
  1383. .res .side .fancy-toggle-button a.option.active
  1384. {
  1385. margin-top:-83px
  1386. }
  1387. .fancy-toggle-button a.option.active.remove,.res .res-fancy-toggle-button.remove,.res .RESFilterToggle.remove
  1388. {
  1389. background:#3a98d8!important
  1390. }
  1391. .hover-bubble
  1392. {
  1393. border:1px solid #ccd1d5;
  1394. background:#32383f;
  1395. color:#fff
  1396. }
  1397. .hover-bubble.multi-selector
  1398. {
  1399. margin-top:-120px
  1400. }
  1401. .hover-bubble.multi-selector strong
  1402. {
  1403. color:#fff
  1404. }
  1405. .hover-bubble.multi-selector label:hover,.drop-choices a.choice:hover
  1406. {
  1407. background:#ccd1d5
  1408. }
  1409. .hover-bubble.multi-selector label a
  1410. {
  1411. margin-top:3px;
  1412. border:0;
  1413. background:none
  1414. }
  1415. .hover-bubble.anchor-right:before
  1416. {
  1417. border-left-color:#ccd1d5
  1418. }
  1419. .hover-bubble.anchor-right:after
  1420. {
  1421. border-left-color:#32383f
  1422. }
  1423. .hover-bubble.anchor-top:before
  1424. {
  1425. border-bottom-color:#ccd1d5
  1426. }
  1427. .hover-bubble.anchor-top:after
  1428. {
  1429. border-bottom-color:#32383f
  1430. }
  1431. .side .titlebox h1.redditname + div
  1432. {
  1433. padding:5px 0;
  1434. text-transform:lowercase
  1435. }
  1436. .res .RESshortcutside
  1437. {
  1438. margin-right:10px;
  1439. margin-bottom:5px
  1440. }
  1441. .res .res .RESshortcutside,.res .res .RESDashboardToggle,.RESHoverBody #subTooltipButtons .res-fancy-toggle-button,.res #subTooltipButtons .RESFilterToggle
  1442. {
  1443. width:auto;
  1444. border:0;
  1445. padding:0;
  1446. background:none!important;
  1447. text-transform:lowercase;
  1448. font-size:12px;
  1449. font-weight:400;
  1450. color:#666
  1451. }
  1452. .side .subscribers
  1453. {
  1454. display:inline-block;
  1455. margin-top:5px;
  1456. margin-right:10px
  1457. }
  1458. .side .users-online
  1459. {
  1460. display:inline-block
  1461. }
  1462. .side .users-online:before
  1463. {
  1464. display:none
  1465. }
  1466. .leavemoderator,.toggle.leavecontributor-button
  1467. {
  1468. display:none
  1469. }
  1470. .titlebox form.toggle
  1471. {
  1472. padding:5px 0;
  1473. background:none;
  1474. text-transform:lowercase;
  1475. font-size:12px;
  1476. color:#666
  1477. }
  1478. .titlebox .tagline
  1479. {
  1480. margin-left:0;
  1481. color:#666
  1482. }
  1483. .titlebox .tagline a
  1484. {
  1485. color:#666
  1486. }
  1487. .side .flairselector.drop-choices.active
  1488. {
  1489. position:static;
  1490. margin-top:10px;
  1491. box-shadow:none;
  1492. width:300px!important;
  1493. border:0;
  1494. border-top:1px solid #ccd1d5;
  1495. padding-top:0!important;
  1496. padding-bottom:0!important
  1497. }
  1498. .flairselector .flairthrobber
  1499. {
  1500. margin-top:5px
  1501. }
  1502. .flairselector h2
  1503. {
  1504. margin-bottom:10px;
  1505. background:none
  1506. }
  1507. .side .flairselector h2
  1508. {
  1509. text-align:left
  1510. }
  1511. .flairselector .error
  1512. {
  1513. text-align:left
  1514. }
  1515. .flairoptionpane
  1516. {
  1517. margin-bottom:10px;
  1518. text-align:left
  1519. }
  1520. .content .flairselector ul
  1521. {
  1522. width:100%!important;
  1523. max-width:none;
  1524. padding:6px
  1525. }
  1526. .content .flairselector .linkflair
  1527. {
  1528. text-align:center
  1529. }
  1530. .flairselector li,body .entry .buttons .flairselector li,.flairselector li:hover,.flairselector li.selected
  1531. {
  1532. border:0;
  1533. padding:5px
  1534. }
  1535. .flairselector li:hover
  1536. {
  1537. background:#ccd1d5
  1538. }
  1539. .flairoptionpane a.title,.flairselector li a.author
  1540. {
  1541. display:none
  1542. }
  1543. .flair,.linkflairlabel
  1544. {
  1545. vertical-align:middle;
  1546. margin:0 6px;
  1547. max-width:none;
  1548. border:0;
  1549. border-radius:0;
  1550. padding:1px 6px;
  1551. background:#95a6a6;
  1552. color:#fff
  1553. }
  1554. .flair
  1555. {
  1556. font-size:11px!important
  1557. }
  1558. .linkflairlabel
  1559. {
  1560. font-size:14px;
  1561. font-weight:700
  1562. }
  1563. .flair-red,.flair-green,.flair-blue
  1564. {
  1565. padding:0;
  1566. padding-right:6px
  1567. }
  1568. .flair-red,.linkflair-red .title>.linkflairlabel,.flairselector .linkflair-red>.linkflairlabel
  1569. {
  1570. background:#c4918a
  1571. }
  1572. .flair-green,.linkflair-green .title>.linkflairlabel,.flairselector .linkflair-green>.linkflairlabel
  1573. {
  1574. background:#61c095
  1575. }
  1576. .flair-blue,.linkflair-blue .title>.linkflairlabel,.flairselector .linkflair-blue>.linkflairlabel
  1577. {
  1578. background:#6093c4
  1579. }
  1580. .flair-red:before,.flair-green:before,.flair-blue:before
  1581. {
  1582. display:inline-block;
  1583. margin-right:6px;
  1584. padding:1px 6px;
  1585. background:rgba(0,0,0,.4)
  1586. }
  1587. .flair-red:before
  1588. {
  1589. content:"Red flair"
  1590. }
  1591. .flair-green:before
  1592. {
  1593. content:"Green flair"
  1594. }
  1595. .flair-blue:before
  1596. {
  1597. content:"Blue flair"
  1598. }
  1599. .flairselector form
  1600. {
  1601. border-top:1px solid #ccd1d5
  1602. }
  1603. .side .usertext
  1604. {
  1605. margin-top:10px;
  1606. border-top:1px solid #ccd1d5;
  1607. font-size:12px;
  1608. color:#fff
  1609. }
  1610. .titlebox .bottom
  1611. {
  1612. border-top:1px solid #ccd1d5;
  1613. border-bottom:1px solid #ccd1d5;
  1614. padding:6px 0;
  1615. font-size:12px;
  1616. color:#666
  1617. }
  1618. .titlebox .age
  1619. {
  1620. display:block;
  1621. margin-top:5px;
  1622. float:none
  1623. }
  1624. .sidecontentbox .collapse-button,.icon-menu a:before,img.tb-moderation-tools-icons
  1625. {
  1626. display:none!important
  1627. }
  1628. .icon-menu a
  1629. {
  1630. background:none
  1631. }
  1632. .sidecontentbox
  1633. {
  1634. border-bottom:1px solid #ccd1d5
  1635. }
  1636. .sidecontentbox .content
  1637. {
  1638. border:0;
  1639. padding:0;
  1640. padding-bottom:10px
  1641. }
  1642. #moderation_tools
  1643. {
  1644. margin-bottom:10px
  1645. }
  1646. body span.score
  1647. {
  1648. color:#262626
  1649. }
  1650. .sidebox.create
  1651. {
  1652. margin-bottom:10px
  1653. }
  1654. .sidebox.create .morelink,.sidecontentbox a.helplink,.account-activity-box
  1655. {
  1656. font-size:10px
  1657. }
  1658. .sidebox.create .morelink a,.sidecontentbox a.helplink,.account-activity-box a
  1659. {
  1660. width:300px
  1661. }
  1662. .sidecontentbox a.helplink
  1663. {
  1664. float:none;
  1665. margin:0;
  1666. margin-bottom:10px;
  1667. color:#3a98d8
  1668. }
  1669. .sidebox.create .morelink a:after
  1670. {
  1671. background-position:-75px -90px
  1672. }
  1673. .sidebox.create .morelink+.spacer
  1674. {
  1675. display:none
  1676. }
  1677. .sidecontentbox a.helplink,.account-activity-box a
  1678. {
  1679. display:inline-block;
  1680. overflow:hidden
  1681. }
  1682. .account-activity-box a:after
  1683. {
  1684. background-position:-5px -160px
  1685. }
  1686. .side:after
  1687. {
  1688. display:block;
  1689. margin-top:10px;
  1690. border-top:1px solid #ccd1d5;
  1691. padding-top:10px;
  1692. font-size:12px;
  1693. color:#666;
  1694. content:"subreddit theme: /r/ApicemLight by /u/abe699, made from /r/Apicem by /u/Cereal_Addict"
  1695. }
  1696. .error
  1697. {
  1698. font-size:12px!important;
  1699. color:#ee5559!important
  1700. }
  1701. .morechildren .entry a.button[style*="color: red"]
  1702. {
  1703. color:#ee5559!important
  1704. }
  1705. .buttons li .error
  1706. {
  1707. font-size:11px!important
  1708. }
  1709. body>.content,.res.res-commentBoxes body>.content,.modtools-page>div.content
  1710. {
  1711. -webkit-flex:1 1 auto;
  1712. -ms-flex:1 1 auto;
  1713. flex:1 1 auto;
  1714. -webkit-order:-1;
  1715. -ms-flex-order:-1;
  1716. order:-1;
  1717. margin:0 0 0 30px;
  1718. width:calc(100% - 381px);
  1719. padding:0 10px!important;
  1720. background:#fff;
  1721. color:#32383f
  1722. }
  1723. body>.content>.content
  1724. {
  1725. margin:0
  1726. }
  1727. :not(.side) + a[name=content] + .content
  1728. {
  1729. margin-right:30px
  1730. }
  1731. body>.content:before,.reddit-infobar
  1732. {
  1733. display:block;
  1734. overflow:hidden;
  1735. margin-top:0;
  1736. height:45px;
  1737. border:0;
  1738. line-height:45px;
  1739. white-space:nowrap;
  1740. font-size:11px;
  1741. text-transform:uppercase;
  1742. letter-spacing:1px;
  1743. color:#fff;
  1744. content:""
  1745. }
  1746. body>.content>.spacer:nth-of-type(1)
  1747. {
  1748. display:none
  1749. }
  1750. body>.content:before
  1751. {
  1752. height:10px;
  1753. padding:0 20px;
  1754. background:url(%%overlay%%),linear-gradient(45deg,#ee5559 20%,#3a98d8 80%);
  1755. margin-left:-10px;
  1756. margin-right:-331px
  1757. }
  1758. :not(.side) + a[name=content] + .content:before
  1759. {
  1760. margin-right:-10px
  1761. }
  1762. .reddit-infobar
  1763. {
  1764. margin-bottom:-1px;
  1765. border-bottom:1px solid #ccd1d5;
  1766. padding:0 10px;
  1767. background:none
  1768. }
  1769. .reddit-infobar .md
  1770. {
  1771. display:inline-block;
  1772. margin:auto 0;
  1773. color:#fff
  1774. }
  1775. .reddit-infobar.md-container-small .md p
  1776. {
  1777. font-size:11px
  1778. }
  1779. .content .spacer
  1780. {
  1781. margin:0
  1782. }
  1783. #siteTable_organic.organic-listing
  1784. {
  1785. border:0;
  1786. border-bottom:1px solid #ccd1d5;
  1787. background:none!important
  1788. }
  1789. .link,.link.last-clicked
  1790. {
  1791. overflow:visible;
  1792. margin:0;
  1793. padding:10px 0;
  1794. border:0;
  1795. border-top:1px solid #ebf1f1;
  1796. vertical-align:top
  1797. }
  1798. .link .rank
  1799. {
  1800. display:none
  1801. }
  1802. body>.content .link.thing .midcol
  1803. {
  1804. margin-top:0;
  1805. margin-left:-3px;
  1806. width:35px
  1807. }
  1808. .comment .midcol
  1809. {
  1810. width:35px
  1811. }
  1812. .gadget .midcol
  1813. {
  1814. width:35px
  1815. }
  1816. .arrow
  1817. {
  1818. width:25px;
  1819. height:25px;
  1820. background:url(%%spritesheet%%)!important
  1821. }
  1822. .arrow.up
  1823. {
  1824. background-position:-145px -115px!important
  1825. }
  1826. .arrow.upmod
  1827. {
  1828. background-position:-110px -160px!important
  1829. }
  1830. .arrow.down
  1831. {
  1832. background-position:-180px -115px!important
  1833. }
  1834. .arrow.downmod
  1835. {
  1836. background-position:-75px -160px!important
  1837. }
  1838. .link .score
  1839. {
  1840. width:35px
  1841. }
  1842. .link .score.likes
  1843. {
  1844. color:#ee5559
  1845. }
  1846. .link .score.dislikes
  1847. {
  1848. color:#3a98d8
  1849. }
  1850. .thumbnail
  1851. {
  1852. position:relative
  1853. }
  1854. .thumbnail,.thumbnail.self,.search-result.has-thumbnail>.thumbnail,.link .entry:before
  1855. {
  1856. -webkit-flex:none;
  1857. flex:none;
  1858. margin:0;
  1859. width:80px;
  1860. height:80px!important
  1861. }
  1862. .search-result.has-thumbnail>.thumbnail
  1863. {
  1864. margin-right:10px
  1865. }
  1866. .link .thumbnail img
  1867. {
  1868. width:auto!important;
  1869. height:80px!important
  1870. }
  1871. .thumbnail:after
  1872. {
  1873. position:absolute;
  1874. top:30px;
  1875. left:0;
  1876. width:80px;
  1877. height:20px;
  1878. line-height:20px;
  1879. text-align:center;
  1880. text-transform:uppercase;
  1881. font-size:11px;
  1882. font-weight:700;
  1883. color:rgba(0,0,0,.4);
  1884. pointer-events:none
  1885. }
  1886. a.thumbnail[href*="reddit.com"]
  1887. {
  1888. background:#3a98d8
  1889. }
  1890. .thing.stickied .thumbnail,.link.stickied :not(.thumbnail)+.entry:before
  1891. {
  1892. background:#61c095
  1893. }
  1894. .thumbnail.self,.link :not(.thumbnail) + .entry:before,.thumbnail.default
  1895. {
  1896. background:#ebf1f1
  1897. }
  1898. .over18 .thumbnail.nsfw
  1899. {
  1900. background:#c4918a
  1901. }
  1902. body:not(.comments-page) .link :not(.thumbnail)+.entry:before
  1903. {
  1904. position:absolute;
  1905. top:0;
  1906. left:-90px;
  1907. line-height:80px;
  1908. text-align:center;
  1909. text-transform:uppercase;
  1910. font-size:25px;
  1911. font-weight:700;
  1912. color:rgba(0,0,0,.4);
  1913. pointer-events:none;
  1914. content:"•••"
  1915. }
  1916. .thumbnail.default:after
  1917. {
  1918. font-size:25px;
  1919. content:"•••"
  1920. }
  1921. .link a.thumbnail[href*="reddit.com"]:after
  1922. {
  1923. font-size:11px;
  1924. content:"reddit"
  1925. }
  1926. body .self.thumbnail:after
  1927. {
  1928. content:"self"!important
  1929. }
  1930. .link.over18 a.thumbnail:after
  1931. {
  1932. content:"nsfw"!important
  1933. }
  1934. .link.thing.stickied .thumbnail:after
  1935. {
  1936. content:"stickied"!important
  1937. }
  1938. .self .thumbnail img,.thing.stickied .thumbnail img,.comments-page .thing.stickied .thumbnail,.comments-page .thumbnail.self,.comments-page .over18 .thumbnail,a.thumbnail[href*="reddit.com"] img
  1939. {
  1940. display:none
  1941. }
  1942. .link .entry
  1943. {
  1944. position:relative;
  1945. overflow:visible;
  1946. margin-left:130px;
  1947. min-height:80px;
  1948. padding:10px
  1949. }
  1950. .comments-page .link.self .entry,.comments-page .link.over18 .entry
  1951. {
  1952. margin-left:39px
  1953. }
  1954. .res .RES-keyNav-activeElement,.subreddit-rule-item:hover
  1955. {
  1956. background-color:#f7f7f7!important
  1957. }
  1958. .res .commentarea .RES-keyNav-activeElement .md,.res .RES-keyNav-activeElement .md-container
  1959. {
  1960. background-color:transparent!important
  1961. }
  1962. .thing p.title
  1963. {
  1964. margin-bottom:7px
  1965. }
  1966. .thing a.title,.search-result-header>a
  1967. {
  1968. margin:0;
  1969. font-size:14px;
  1970. font-weight:700;
  1971. color:#23374b
  1972. }
  1973. .spam .domain,.spam .domain a
  1974. {
  1975. color:#666
  1976. }
  1977. .thing a.title:hover
  1978. {
  1979. color:#ee5559
  1980. }
  1981. .thing.stickied.link a.title,.tagline .stickied-tagline,.stickied.link .entry .buttons li a:hover,.stickied.link .redditSingleClick:hover,.stickied.link .entry .buttons li a.comments
  1982. {
  1983. color:#31ab67
  1984. }
  1985. .thing a.title:visited,.thing.visited a.title,.thing .title.visited,.search-result :visited,.search-result :visited>mark,.search-result.visited .search-title,.search-result.visited .search-link,.search-result.visited .search-title>mark,.search-result.visited .search-link>mark
  1986. {
  1987. color:#666!important
  1988. }
  1989. body.mod-toolbox .tb-general-button,body.mod-toolbox li a.tb-general-button,body.mod-toolbox .tb-bracket-button
  1990. {
  1991. border:0;
  1992. padding:3px;
  1993. background:#383f47
  1994. }
  1995. .md h1:after
  1996. {
  1997. display:block;
  1998. margin:7px 0;
  1999. width:50px;
  2000. height:1px;
  2001. background:#fff;
  2002. content:"";
  2003. transition:.2s
  2004. }
  2005. .title+.expando-button+.expando-button
  2006. {
  2007. display:none
  2008. }
  2009. html body .content .expando-button
  2010. {
  2011. position:relative;
  2012. margin-right:4px;
  2013. width:28px;
  2014. height:28px;
  2015. max-width:none;
  2016. max-height:none;
  2017. border:0;
  2018. border-radius:20px;
  2019. background:rgba(0,0,0,.3)!important;
  2020. transition:.2s
  2021. }
  2022. .usertext-body .md .expando-button,.wiki-page .expando-button,.messages-page .expando-button
  2023. {
  2024. margin-top:0;
  2025. margin-bottom:0;
  2026. vertical-align:middle!important
  2027. }
  2028. .expando-button:before,.res-highlight-nsfw-expando .thing.over18 .expando-button:before,.res.res-showImages-highlightNSFWButton .thing.over18 .expando-button:before,.expando-button:after
  2029. {
  2030. position:absolute;
  2031. left:8px;
  2032. top:13.5px;
  2033. width:12px;
  2034. height:1px;
  2035. background:#262626;
  2036. content:"";
  2037. transition:.3s
  2038. }
  2039. .expando-button:after
  2040. {
  2041. transform:rotate(90deg)
  2042. }
  2043. .expando-button.expanded:before
  2044. {
  2045. transform:rotate(180deg)
  2046. }
  2047. html body .expando-button.expanded:after
  2048. {
  2049. transform:rotate(180deg)
  2050. }
  2051. .link.self .entry>.expando-button.collapsed:after
  2052. {
  2053. top:10px;
  2054. height:9px;
  2055. border:1px solid #262626;
  2056. border-left:0;
  2057. border-right:0;
  2058. background:none;
  2059. transform:rotate(0)
  2060. }
  2061. .link.self .entry>.expando-button.expanded:after
  2062. {
  2063. top:14px;
  2064. height:0;
  2065. border:0
  2066. }
  2067. .nsfw-stamp
  2068. {
  2069. border:0;
  2070. font-weight:700;
  2071. color:#ee5559
  2072. }
  2073. .link .entry .tagline,.tagline a,.entry .buttons li a,.entry .buttons li a.nonbutton,.link .redditSingleClick
  2074. {
  2075. font-size:11px;
  2076. font-weight:400;
  2077. letter-spacing:0;
  2078. color:#666
  2079. }
  2080. .stamp
  2081. {
  2082. border-radius:0
  2083. }
  2084. .entry .buttons li.reported-stamp,ul.report-reasons
  2085. {
  2086. border:0!important;
  2087. color:#262626;
  2088. background:#ebdf64
  2089. }
  2090. a.pretty-button
  2091. {
  2092. border:0;
  2093. border-radius:0;
  2094. padding:0 6px;
  2095. line-height:1.6em;
  2096. color:#fff
  2097. }
  2098. .pretty-button.negative
  2099. {
  2100. background:#ee5559
  2101. }
  2102. .pretty-button.neutral
  2103. {
  2104. background:color:#000000;
  2105. border:1px solid #c1c1c1
  2106. }
  2107. .pretty-button.positive
  2108. {
  2109. background:#3aca74
  2110. }
  2111. body .content a.pretty-button.pressed
  2112. {
  2113. background:#21252a
  2114. }
  2115. a.pretty-button + li
  2116. {
  2117. margin-left:5px
  2118. }
  2119. ul.report-reasons
  2120. {
  2121. width:100%
  2122. }
  2123. .rounded
  2124. {
  2125. border-radius:0
  2126. }
  2127. body .thing .tagline .author.moderator,body .thing .tagline .author.submitter,body .thing .tagline .author.friend,body .thing .tagline .author.admin,.tagline .userattrs a
  2128. {
  2129. display:inline-block;
  2130. margin:0 5px;
  2131. border-radius:0;
  2132. padding:1px 6px;
  2133. font-weight:400;
  2134. color:#fff!important
  2135. }
  2136. body .thing .tagline .author.submitter,body .thing .tagline .author.submitter:hover,.tagline .userattrs a.submitter
  2137. {
  2138. background-color:#3a98d8!important
  2139. }
  2140. body .thing .tagline .author.moderator,body .thing .tagline .author.moderator:hover,.tagline .userattrs a.moderator
  2141. {
  2142. background-color:#3aca74!important
  2143. }
  2144. body .thing .tagline .author.admin,body .thing .tagline .author.admin:hover,.tagline .userattrs a.admin
  2145. {
  2146. background-color:#ee5559!important
  2147. }
  2148. .res .RESUserTagImage
  2149. {
  2150. margin-right:5px;
  2151. border:0;
  2152. background:none
  2153. }
  2154. .res .RESUserTagImage::after
  2155. {
  2156. display:inline-block;
  2157. vertical-align:middle;
  2158. width:19px;
  2159. height:16px;
  2160. background:url(%%spritesheet%%) -4px -95px/158px 225px;
  2161. content:""
  2162. }
  2163. .res a.voteWeight
  2164. {
  2165. background:none!important;
  2166. color:#ee5559
  2167. }
  2168. .tagline .userattrs a.moderator:hover:after
  2169. {
  2170. content:"oderator, speaking officially"
  2171. }
  2172. .tagline .userattrs a.submitter:hover:after
  2173. {
  2174. content:"ubmitter"
  2175. }
  2176. .tagline .userattrs a.admin:hover:after
  2177. {
  2178. content:"dmin, speaking officially"
  2179. }
  2180. .tagline .userattrs
  2181. {
  2182. font-size:0
  2183. }
  2184. .tagline .userattrs a
  2185. {
  2186. color:#ee5559
  2187. }
  2188. .link .entry .buttons li a:hover,.link .redditSingleClick:hover
  2189. {
  2190. color:#ee5559
  2191. }
  2192. .link .entry .buttons li a.comments
  2193. {
  2194. font-weight:700;
  2195. color:#ee5559
  2196. }
  2197. span.newComments,form.state-button.approve-button
  2198. {
  2199. font-size:11px;
  2200. color:#666
  2201. }
  2202. .expando + ul.flat-list.buttons
  2203. {
  2204. margin-top:10px
  2205. }
  2206. .link .expando
  2207. {
  2208. margin-bottom:0
  2209. }
  2210. .link .usertext-body .md
  2211. {
  2212. margin-bottom:0;
  2213. border:0;
  2214. border-radius:0;
  2215. padding:10px;
  2216. background:#ccd1d5
  2217. }
  2218. .nav-buttons
  2219. {
  2220. border-top:1px solid #ccd1d5;
  2221. padding:10px 0;
  2222. font-size:0
  2223. }
  2224. .nextprev a,.next-suggestions a
  2225. {
  2226. display:inline-block;
  2227. margin-right:10px;
  2228. border:0;
  2229. border-radius:0;
  2230. padding:10px;
  2231. background:#fff;
  2232. text-transform:uppercase;
  2233. font-size:11px;
  2234. color:#32383f;
  2235. transition:.2s
  2236. }
  2237. .nextprev a:hover,.next-suggestions a:hover
  2238. {
  2239. border:0;
  2240. background:rgba(255,255,255,.8)
  2241. }
  2242. .res #progressIndicator,.res .NERPageMarker
  2243. {
  2244. margin:0;
  2245. width:100%;
  2246. height:auto;
  2247. border:0;
  2248. border-top:1px solid #ccd1d5;
  2249. border-radius:0;
  2250. padding:10px;
  2251. background:none;
  2252. color:#fff
  2253. }
  2254. .res #progressIndicator p.NERWidgetText
  2255. {
  2256. margin:8px
  2257. }
  2258. .res #NERFail
  2259. {
  2260. width:100%;
  2261. border:0
  2262. }
  2263. #NERFail .nextprev
  2264. {
  2265. margin-bottom:10px
  2266. }
  2267. #NERFail .nextprev a,.next-suggestions a
  2268. {
  2269. display:inline-block;
  2270. border:0;
  2271. border-radius:0;
  2272. padding:5px;
  2273. background:#ee5559;
  2274. text-transform:uppercase;
  2275. letter-spacing:1px;
  2276. font-size:12px
  2277. }
  2278. .footer-parent
  2279. {
  2280. margin-top:30px
  2281. }
  2282. .footer-parent,.footer-parent~.debuginfo
  2283. {
  2284. width:100%;
  2285. background:rgba(36,42,48,0.9)
  2286. }
  2287. .footer,.footer .col
  2288. {
  2289. border:0
  2290. }
  2291. .footer
  2292. {
  2293. display:inline-block;
  2294. max-width:none
  2295. }
  2296. .footer .col
  2297. {
  2298. padding:0 50px
  2299. }
  2300. .footer .flat-vert.title
  2301. {
  2302. letter-spacing:2px;
  2303. text-transform:uppercase;
  2304. font-size:14px;
  2305. font-weight:700;
  2306. color:#fff
  2307. }
  2308. .footer .col li
  2309. {
  2310. padding:5px;
  2311. font-size:12px
  2312. }
  2313. .footer-parent p.bottommenu
  2314. {
  2315. text-transform:uppercase;
  2316. letter-spacing:2px;
  2317. font-size:10px;
  2318. opacity:.4;
  2319. color:#fff
  2320. }
  2321. .footer-parent p.bottommenu:nth-of-type(1)
  2322. {
  2323. border-top:solid 1px #ccd1d5;
  2324. padding-top:25px;
  2325. padding-bottom:25px
  2326. }
  2327. .bottommenu a,.bottommenu .updated
  2328. {
  2329. border-bottom:1px dotted #fff;
  2330. color:#fff
  2331. }
  2332. .footer-parent+img#hsts_pixel
  2333. {
  2334. display:none
  2335. }
  2336. .md
  2337. {
  2338. color:#262626
  2339. }
  2340. h1,h2,h3,h4,h5,h6
  2341. {
  2342. margin:10px 0;
  2343. letter-spacing:2px;
  2344. text-transform:uppercase;
  2345. font-size:11px!important;
  2346. font-weight:700!important;
  2347. color:#23374b!important
  2348. }
  2349. .res .RESNotificationHeader h3
  2350. {
  2351. margin-top:0;
  2352. padding-top:0
  2353. }
  2354. .res .RESNotificationHeader h3 .gearIcon
  2355. {
  2356. display:inline-block;
  2357. margin-top:12.5px;
  2358. height:15px;
  2359. line-height:15px
  2360. }
  2361. .res .RESNotificationHeader h3+.RESCloseButton
  2362. {
  2363. top:0;
  2364. margin-top:10px
  2365. }
  2366. .res .RESNotificationContent
  2367. {
  2368. padding-bottom:10px
  2369. }
  2370. .md h1
  2371. {
  2372. font-size:17px!important
  2373. }
  2374. h2,.sidecontentbox .title h1
  2375. {
  2376. margin:10px 0;
  2377. font-size:14px!important
  2378. }
  2379. .sidecontentbox .title h1
  2380. {
  2381. display:inline-block
  2382. }
  2383. .sidecontentbox a.helplink + .title
  2384. {
  2385. border-top:1px solid #ccd1d5
  2386. }
  2387. .md del
  2388. {
  2389. text-decoration:line-through!important;
  2390. color:#999
  2391. }
  2392. .new-comment .md :not(pre)>code,.link .md :not(pre)>code,.usertext.border .md :not(pre)>code,.new-comment .md pre,.link .md pre,.usertext.border .md pre,.md code,.md pre
  2393. {
  2394. border:0;
  2395. padding:5px;
  2396. background:#7f8d8e;
  2397. font-family:"Courier New",monospace
  2398. }
  2399. .md a,.search-result .search-result-body :link,.search-result .search-result-body :link>mark
  2400. {
  2401. border-bottom:dotted 1px rgba(255,255,255,0.35);
  2402. color:#3a98d8;
  2403. transition:.2s
  2404. }
  2405. .md a:hover
  2406. {
  2407. border-bottom-color:transparent;
  2408. color:#ffb6af
  2409. }
  2410. body .comment .md p > a:visited,body h2 a:visited
  2411. {
  2412. color:#666
  2413. }
  2414. .md hr,.content hr
  2415. {
  2416. height:1px;
  2417. border:0;
  2418. background:#ccd1d5
  2419. }
  2420. .md blockquote
  2421. {
  2422. border-left:solid 4px #ccd1d5;
  2423. padding:10px;
  2424. padding-left:30px;
  2425. font-style:italic;
  2426. color:#fff
  2427. }
  2428. .md a[href="#bigbutton"] + a,.md a[href="#button"] + a,.md a[href="#specialbutton"] + a,.md a[href="#bigspecialbutton"] + a
  2429. {
  2430. display:inline-block;
  2431. margin:10px;
  2432. border:1px solid #fff;
  2433. padding:10px 20px;
  2434. letter-spacing:1px;
  2435. text-align:center;
  2436. text-transform:uppercase;
  2437. font-size:10px;
  2438. font-weight:700
  2439. }
  2440. .md a[href="#bigbutton"] + a,.md a[href="#button"] + a
  2441. {
  2442. color:#fff!important
  2443. }
  2444. .md a[href="#bigbutton"] + a:hover,.md a[href="#button"] + a:hover
  2445. {
  2446. background-color:rgba(255,255,255,0.1)
  2447. }
  2448. .md a[href="#specialbutton"] + a,.md a[href="#bigspecialbutton"] + a
  2449. {
  2450. background:#fff;
  2451. color:#32383f!important
  2452. }
  2453. .md a[href="#specialbutton"] + a:hover,.md a[href="#bigspecialbutton"] + a:hover
  2454. {
  2455. border:1px solid transparent;
  2456. background-color:rgba(255,255,255,0.8)
  2457. }
  2458. .side .md a[href="#button"] + a,.side .md a[href="#specialbutton"] + a
  2459. {
  2460. margin:5px 0;
  2461. width:145px;
  2462. padding:11.5px 10px
  2463. }
  2464. .side .md a[href="#rightalign"] + a[href="#button"] + a,.side .md a[href="#rightalign"] + a[href="#specialbutton"] + a
  2465. {
  2466. margin-left:10px
  2467. }
  2468. .side .md a[href="#bigbutton"] + a,.side .md a[href="#bigspecialbutton"] + a
  2469. {
  2470. margin:5px 0;
  2471. width:300px;
  2472. padding:11.5px 10px
  2473. }
  2474. .md table tr
  2475. {
  2476. border-bottom:1px solid #ccd1d5
  2477. }
  2478. .md table tr:nth-of-type(odd)
  2479. {
  2480. background:#ebf1f1
  2481. }
  2482. .md table thead tr
  2483. {
  2484. background:none!important
  2485. }
  2486. .md table th,.md table td
  2487. {
  2488. border:0;
  2489. padding:10px
  2490. }
  2491. .md a[href$="/spoiler"],.md a[href$="#spoiler"],.md a[href$="/s"],.md a[href$="#s"]
  2492. {
  2493. border:0;
  2494. padding:0 5px;
  2495. background:#262626!important;
  2496. color:#262626!important
  2497. }
  2498. .md a[href$="/spoiler"]:hover,.md a[href$="#spoiler"]:hover,.md a[href$="/s"]:hover,.md a[href$="#s"]:hover
  2499. {
  2500. color:#fff!important
  2501. }
  2502. .wiki-page>.content[role="main"]>span
  2503. {
  2504. display:block;
  2505. margin-top:10px
  2506. }
  2507. .wiki-page .wikititle
  2508. {
  2509. display:inline-block;
  2510. margin-left:10px
  2511. }
  2512. .wiki-page .wiki-page-content
  2513. {
  2514. display:block;
  2515. margin:10px
  2516. }
  2517. .res.wiki-page .RESBigEditorPop
  2518. {
  2519. margin-right:0
  2520. }
  2521. .wiki-page .pageactions
  2522. {
  2523. border:0
  2524. }
  2525. .wiki-page .pageactions .wikiaction
  2526. {
  2527. border-radius:0
  2528. }
  2529. .wiki-page .pageactions .wikiaction-current,.wiki-page .pageactions .wikiaction:hover
  2530. {
  2531. background:#ccd1d5
  2532. }
  2533. .wiki-page .wiki-page-content .wiki>.toc>ul
  2534. {
  2535. border:1px solid #ccd1d5
  2536. }
  2537. .search-page #header .tabmenu
  2538. {
  2539. box-shadow:none;
  2540. min-width:0;
  2541. padding-top:0;
  2542. background:none
  2543. }
  2544. .search-page #header .tabmenu li
  2545. {
  2546. padding-bottom:0;
  2547. background:none;
  2548. opacity:1
  2549. }
  2550. .search-page #header .tabmenu li a
  2551. {
  2552. height:60px;
  2553. border:0;
  2554. background:none;
  2555. line-height:60px;
  2556. color:#fff
  2557. }
  2558. .searchpane
  2559. {
  2560. margin:0;
  2561. border:0;
  2562. border-bottom:1px solid #ccd1d5;
  2563. padding:0;
  2564. padding-bottom:10px;
  2565. background:none
  2566. }
  2567. .searchfacets
  2568. {
  2569. margin:0;
  2570. box-shadow:none;
  2571. border:0;
  2572. border-bottom:1px solid #ccd1d5;
  2573. background:none
  2574. }
  2575. .search-page .content>.sitetable>.link:nth-of-type(1)
  2576. {
  2577. border-top:0
  2578. }
  2579. .search-page #search
  2580. {
  2581. width:auto
  2582. }
  2583. button.search-submit-button.c-btn.c-btn-primary
  2584. {
  2585. height:40px;
  2586. border:0;
  2587. border-radius:0;
  2588. background:#ee5559
  2589. }
  2590. .search-result-group
  2591. {
  2592. max-width:none
  2593. }
  2594. .search-result-group-header
  2595. {
  2596. border-bottom:1px solid #ccd1d5
  2597. }
  2598. .search-expando.collapsed:before
  2599. {
  2600. display:none
  2601. }
  2602. .search-result :link,.search-result :link>mark
  2603. {
  2604. color:#262626
  2605. }
  2606. .archived-infobar.with-icon:before
  2607. {
  2608. background-color:transparent
  2609. }
  2610. .panestack-title
  2611. {
  2612. border-top:1px solid #ccd1d5
  2613. }
  2614. .panestack-title,.menuarea
  2615. {
  2616. vertical-align:middle;
  2617. margin:0;
  2618. padding:9.5px;
  2619. border-bottom:1px solid #ccd1d5;
  2620. color:#262626
  2621. }
  2622. .panestack-title a.title-button.gold
  2623. {
  2624. border:0;
  2625. background:none;
  2626. color:#f0c330
  2627. }
  2628. .commentarea .menuarea
  2629. {
  2630. margin-top:10px;
  2631. margin-right:0
  2632. }
  2633. .commentarea .menuarea,.commentarea .menuarea .toggle a
  2634. {
  2635. font-size:12px;
  2636. font-weight:400;
  2637. color:#9da5a5
  2638. }
  2639. .dropdown.lightdrop .selected
  2640. {
  2641. background:none;
  2642. text-transform:uppercase;
  2643. font-size:9px;
  2644. font-weight:400;
  2645. color:#3a98d8
  2646. }
  2647. .dropdown.lightdrop .selected:after
  2648. {
  2649. content:" ▾"
  2650. }
  2651. .res .RESSubscriptionButton,.res .RESSubscriptionButton:hover
  2652. {
  2653. width:auto;
  2654. border:0;
  2655. border-radius:0;
  2656. padding:5px;
  2657. background:#ee5559;
  2658. text-transform:uppercase;
  2659. color:#fff
  2660. }
  2661. .res .RESSubscriptionButton.unsubscribe
  2662. {
  2663. background:#ccd1d5;
  2664. color:#fff
  2665. }
  2666. .commentarea .commentNavSortType
  2667. {
  2668. margin-right:8px;
  2669. font-weight:400
  2670. }
  2671. .commentarea .commentNavSortType + .commentNavSortType
  2672. {
  2673. border:0;
  2674. padding:0;
  2675. margin:0;
  2676. margin-right:8px
  2677. }
  2678. #REScommentNavToggle span:not(:first-of-type)
  2679. {
  2680. display:none
  2681. }
  2682. .gold-accent,.gold-accent.comment-visits-box
  2683. {
  2684. border:0;
  2685. background:none;
  2686. color:#cd9930
  2687. }
  2688. .new-comment .usertext-body,.usertext.border .usertext-body
  2689. {
  2690. border:0;
  2691. background:#ccd1d5
  2692. }
  2693. .infobar
  2694. {
  2695. margin-right:0;
  2696. border:0!important;
  2697. padding:5px 0;
  2698. background:none!important
  2699. }
  2700. .res.res-commentBoxes.res-commentBoxes-rounded .comment
  2701. {
  2702. border-radius:0!important
  2703. }
  2704. .commentarea>.sitetable>.comment
  2705. {
  2706. margin-left:0!important;
  2707. margin-right:0!important
  2708. }
  2709. .res.res-commentBoxes .comment,.comment
  2710. {
  2711. overflow:hidden;
  2712. margin-bottom:0!important;
  2713. border:1px solid #434b55!important;
  2714. border-right:0!important;
  2715. border-bottom:0!important;
  2716. padding:0!important;
  2717. padding-top:8px!important
  2718. }
  2719. .res.res-commentBoxes .comment .comment,.res.res-commentBoxes .comment .comment .comment,.res.res-commentBoxes .comment .comment .comment .comment,.res.res-commentBoxes .comment .comment .comment .comment .comment,.res.res-commentBoxes .comment .comment .comment .comment .comment .comment,.res.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment,.res.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment,.res.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment,.res.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment
  2720. {
  2721. background:none!important
  2722. }
  2723. .comment .midcol
  2724. {
  2725. margin-right:0
  2726. }
  2727. .comment .entry
  2728. {
  2729. padding:5px
  2730. }
  2731. .morechildren,.deleted.comment
  2732. {
  2733. margin-left:10px;
  2734. border:1px solid #ccd1d5;
  2735. border-right:0;
  2736. border-bottom:0;
  2737. padding-bottom:8px
  2738. }
  2739. .commentarea>.sitetable>.morechildren
  2740. {
  2741. margin-left:0;
  2742. padding:8px;
  2743. padding-right:0
  2744. }
  2745. .commentarea>.sitetable>.morechildren>.entry
  2746. {
  2747. padding:5px
  2748. }
  2749. .comment .morechildren>.entry
  2750. {
  2751. margin:8px 0 0 8px
  2752. }
  2753. .comment .morechildren>.child
  2754. {
  2755. margin-top:0
  2756. }
  2757. .collapsed .midcol
  2758. {
  2759. display:none
  2760. }
  2761. .morecomments a,.deepthread a
  2762. {
  2763. font-size:11px!important;
  2764. font-weight:400!important;
  2765. color:#666!important
  2766. }
  2767. .deepthread:after
  2768. {
  2769. display:none
  2770. }
  2771. .deleted.comment>.entry,.collapsed .entry
  2772. {
  2773. margin:0 0 8px 8px
  2774. }
  2775. .noncollapsed.morerecursion .entry
  2776. {
  2777. margin-left:-7px;
  2778. margin-bottom:8px
  2779. }
  2780. .deleted.comment>.entry>.tagline
  2781. {
  2782. font-size:11px
  2783. }
  2784. .comment.collapsed .tagline :not(.expand),.comment.collapsed .tagline a :not(.expand),.comment.collapsed .search-result-meta :not(.expand),.comment.collapsed .search-result-meta a :not(.expand)
  2785. {
  2786. font-style:normal
  2787. }
  2788. .comment.deleted>.midcol
  2789. {
  2790. display:none
  2791. }
  2792. .comment .child,.comment .showreplies
  2793. {
  2794. border:0
  2795. }
  2796. .sitetable>.thing.noncollapsed.morerecursion>.child
  2797. {
  2798. margin-top:0
  2799. }
  2800. #noresults
  2801. {
  2802. padding:10px 10px 10px 0
  2803. }
  2804. .usertext.grayed .usertext-body
  2805. {
  2806. background:none
  2807. }
  2808. .submit-page .content>h1
  2809. {
  2810. margin-top:15px;
  2811. margin-left:10px
  2812. }
  2813. .formtabs-content
  2814. {
  2815. width:auto;
  2816. border:0
  2817. }
  2818. .content ul.tabmenu.formtab li a
  2819. {
  2820. margin-right:10px;
  2821. border:0;
  2822. padding:0;
  2823. background:none;
  2824. text-transform:uppercase;
  2825. letter-spacing:2px;
  2826. font-size:11px;
  2827. font-weight:700
  2828. }
  2829. .tabmenu.formtab .selected a
  2830. {
  2831. color:#c4918a
  2832. }
  2833. .formtabs-content .infobar,.content.submit .info-notice
  2834. {
  2835. border:0;
  2836. margin-left:5px;
  2837. background:none;
  2838. font-size:12px
  2839. }
  2840. .roundfield,.linefield,.linefield.mobile,.linefield .usertext-edit
  2841. {
  2842. width:auto;
  2843. border:0;
  2844. background:none;
  2845. color:#262626
  2846. }
  2847. .roundfield span.title,.linefield .title
  2848. {
  2849. text-transform:uppercase;
  2850. letter-spacing:1px;
  2851. font-size:11px;
  2852. font-weight:700;
  2853. color:#262626
  2854. }
  2855. #newlink-with-image-upload div#new-link-preview,#newlink-with-image-upload span.clear-input-button
  2856. {
  2857. background:#ccd1d5
  2858. }
  2859. #newlink-with-image-upload div#suggest-title
  2860. {
  2861. position:static;
  2862. display:inline-block;
  2863. margin-bottom:5px
  2864. }
  2865. #newlink-with-image-upload div#new-link-preview
  2866. {
  2867. position:relative;
  2868. z-index:1;
  2869. margin-top:-2px
  2870. }
  2871. #newlink-with-image-upload div#new-link-preview:before
  2872. {
  2873. position:absolute;
  2874. top:-25px;
  2875. left:calc(50% - 12.5px);
  2876. width:25px;
  2877. height:25px;
  2878. border:12.5px solid transparent;
  2879. border-bottom-color:#ccd1d5;
  2880. content:""
  2881. }
  2882. div#newlink-with-image-upload .image-upload-drop-target
  2883. {
  2884. background:none
  2885. }
  2886. .roundfield .usertext-edit
  2887. {
  2888. width:100%
  2889. }
  2890. .roundfield .usertext-edit .md
  2891. {
  2892. max-width:none
  2893. }
  2894. .roundfield textarea,.roundfield input[type=text],.roundfield input[type=url]
  2895. {
  2896. width:100%
  2897. }
  2898. .roundfield label
  2899. {
  2900. font-size:12px
  2901. }
  2902. .submit-page button[type="submit"]
  2903. {
  2904. margin-left:10px
  2905. }
  2906. .linefield textarea,.linefield input[type=text]
  2907. {
  2908. width:100%
  2909. }
  2910. .linefield .md
  2911. {
  2912. max-width:none
  2913. }
  2914. .gray
  2915. {
  2916. color:#999
  2917. }
  2918. .linefield .title+.gray,.linefield span
  2919. {
  2920. font-size:11px
  2921. }
  2922. body .markdownEditor-wrapper
  2923. {
  2924. width:100%
  2925. }
  2926. .commentingAs
  2927. {
  2928. color:#2a3939
  2929. }
  2930. body .markdownEditor .edit-btn:not(.btn-macro)
  2931. {
  2932. border:0;
  2933. background-color:#ebf1f1;
  2934. background-image:url(%%editbuttons%%)
  2935. }
  2936. a.edit-btn
  2937. {
  2938. vertical-align:bottom
  2939. }
  2940. .help-toggle.toggle .option.active
  2941. {
  2942. display:inline-block
  2943. }
  2944. .usertext .help-toggle,.usertext .help-toggle a,.usertext a.reddiquette
  2945. {
  2946. margin-left:0;
  2947. border-right:0!important
  2948. }
  2949. body:not(.res) .usertext .help-toggle a
  2950. {
  2951. border-right:1px solid #fff!important
  2952. }
  2953. .content button.RESBigEditorPop
  2954. {
  2955. margin-top:5px;
  2956. margin-left:0;
  2957. border-color:#3a98d8;
  2958. padding:5px 10px;
  2959. background:none;
  2960. text-indent:0;
  2961. color:#3a98d8
  2962. }
  2963. div.BEFoot button
  2964. {
  2965. margin-right:10px
  2966. }
  2967. .RESDialogSmall.livePreview
  2968. {
  2969. margin-top:15px
  2970. }
  2971. .res .RESDialogSmall
  2972. {
  2973. border:1px solid #ccd1d5;
  2974. border-radius:0
  2975. }
  2976. .res .RESDialogSmall > h3,.res .RESNotificationHeader,.res #RESConsoleTopBar.RESDialogTopBar
  2977. {
  2978. margin-bottom:0;
  2979. height:40px;
  2980. border-bottom:1px solid #ccd1d5;
  2981. padding-top:0;
  2982. padding-bottom:0;
  2983. line-height:40px;
  2984. background:#434b55
  2985. }
  2986. .res #RESConsoleTopBar.RESDialogTopBar
  2987. {
  2988. height:50px
  2989. }
  2990. body .livePreview .md
  2991. {
  2992. margin:0;
  2993. padding-top:10px;
  2994. background:repeating-linear-gradient(-45deg,#ebf1f1,#ebf1f1 40px,#ccd1d5 40px,#ccd1d5 80px)
  2995. }
  2996. body .viewSource textarea[readonly]
  2997. {
  2998. background:repeating-linear-gradient(-45deg,#ebf1f1,#ebf1f1 40px,#ccd1d5 40px,#ccd1d5 80px)
  2999. }
  3000. .pretty-form .save-button button,.submit.content button[type="submit"]
  3001. {
  3002. margin-bottom:15px
  3003. }
  3004. #subreddit_stylesheet>.sheets:before
  3005. {
  3006. display:block;
  3007. margin-bottom:20px;
  3008. font-size:12px;
  3009. color:#666;
  3010. content:"Thanks for choosing Apicem! Visit /r/Apicem to leave feedback and check for updates."
  3011. }
  3012. .res #RESStyleSheetTipPane
  3013. {
  3014. margin-top:20px;
  3015. margin-bottom:20px;
  3016. width:100%;
  3017. border:0;
  3018. color:#666
  3019. }
  3020. .res #RESStyleSheetTipPane *
  3021. {
  3022. border:0;
  3023. padding:0
  3024. }
  3025. .res #RESStyleSheetTipPane-header,.res #RESStyleSheetTipPane-header span.details
  3026. {
  3027. font-size:11px;
  3028. letter-spacing:1px
  3029. }
  3030. .res #RESStyleSheetTipPane .RESCloseButton
  3031. {
  3032. position:static;
  3033. display:inline-block;
  3034. margin-left:20px
  3035. }
  3036. .res .RESCloseButton
  3037. {
  3038. width:20px;
  3039. height:20px;
  3040. border:0;
  3041. border-radius:50%;
  3042. background:#383F47;
  3043. line-height:20px;
  3044. color:#23374b
  3045. }
  3046. .res .RESCloseButton:hover
  3047. {
  3048. border:0;
  3049. background:#ebf1f1
  3050. }
  3051. .sheets
  3052. {
  3053. margin-right:0
  3054. }
  3055. .stylesheet-customize-container #images
  3056. {
  3057. color:#23374b
  3058. }
  3059. form#image-upload.image-upload
  3060. {
  3061. font-size:12px
  3062. }
  3063. .image-upload span
  3064. {
  3065. padding:0
  3066. }
  3067. ul.image-preview-list.image-list
  3068. {
  3069. margin:10px -0 30px;
  3070. width:100%;
  3071. padding-bottom:10px
  3072. }
  3073. ul.image-preview-list li
  3074. {
  3075. display:inline-block;
  3076. float:none;
  3077. margin:0;
  3078. width:50%;
  3079. height:auto;
  3080. border-top:1px solid #e1e8e8;
  3081. padding:10px;
  3082. background:#ebf1f1
  3083. }
  3084. ul.image-preview-list li:nth-of-type(even)
  3085. {
  3086. border-right:1px solid #e1e8e8
  3087. }
  3088. ul.image-preview-list li:nth-of-type(odd)
  3089. {
  3090. margin-left:-1px;
  3091. border-left:1px solid #e1e8e8
  3092. }
  3093. ul.image-preview-list .description pre
  3094. {
  3095. color:#23374b
  3096. }
  3097. .subreddit-rules-page:before
  3098. {
  3099. display:none
  3100. }
  3101. .subreddit-rules-page
  3102. {
  3103. padding-left:0;
  3104. padding-bottom:10px
  3105. }
  3106. .subreddit-rule-form .c-form-group .label.required:after
  3107. {
  3108. color:#fff
  3109. }
  3110. .subreddit-rule-form .form-buttons>button
  3111. {
  3112. margin-bottom:12px
  3113. }
  3114. .subreddit-rule-item
  3115. {
  3116. margin-left:0
  3117. }
  3118. .subreddit-rules-page .md-container .md .subreddit-rule-description
  3119. {
  3120. color:#666
  3121. }
  3122. .messages-page>.content
  3123. {
  3124. color:#fff
  3125. }
  3126. .message .subject .correspondent
  3127. {
  3128. border:0;
  3129. border-radius:0;
  3130. padding:5px 8px;
  3131. background:#ccd1d5
  3132. }
  3133. .flat-list li.selected a
  3134. {
  3135. color:#ee5559
  3136. }
  3137. .message .tagline,.message.message-parent>.entry,.message.message-reply>.entry
  3138. {
  3139. color:#31ab67
  3140. }
  3141. .message.recipient>.entry
  3142. {
  3143. color:#fff
  3144. }
  3145. .message.message-reply.recipient>.entry .head,.message.message-parent.recipient>.entry .head
  3146. {
  3147. color:#666
  3148. }
  3149. .message.threaded .child
  3150. {
  3151. border-left:1px dashed #ccd1d5
  3152. }
  3153. .thing.spam
  3154. {
  3155. border-left:3px solid #ee5559;
  3156. background:none
  3157. }
  3158. .message.new>.entry
  3159. {
  3160. border:0;
  3161. background:#ccd1d5
  3162. }
  3163. .flair-settings+.tabmenu
  3164. {
  3165. font-size:12px
  3166. }
  3167. .flair-settings+.tabmenu li
  3168. {
  3169. font-weight:400
  3170. }
  3171. .flair-settings+.tabmenu li a
  3172. {
  3173. background:none
  3174. }
  3175. .flair-settings+.tabmenu li.selected a
  3176. {
  3177. border:0;
  3178. color:#ffb6af
  3179. }
  3180. .tabpane-content
  3181. {
  3182. border:0
  3183. }
  3184. .flair-jump button
  3185. {
  3186. vertical-align:top;
  3187. margin-left:10px
  3188. }
  3189. .usertable>.toggle
  3190. {
  3191. border:0;
  3192. background:none
  3193. }
  3194. .usertable>.toggle .togglebutton,.usertable>.toggle .error
  3195. {
  3196. margin:0;
  3197. border:0;
  3198. padding:0
  3199. }
  3200. .res #RESShortcutsAddFormContainer
  3201. {
  3202. top:30px;
  3203. box-shadow:0 0 10px rgba(0,0,0,.5);
  3204. border:0;
  3205. border-radius:0;
  3206. background:#fff;
  3207. color:#262626
  3208. }
  3209. .res #addSubreddit
  3210. {
  3211. border-radius:0;
  3212. background:none
  3213. }
  3214. .res .res #authorInfoToolTip:before,.res .res #authorInfoToolTip:after
  3215. {
  3216. border-color:transparent #ccd1d5
  3217. }
  3218. .res .RESDialogSmall .RESDialogContents
  3219. {
  3220. padding-top:12px
  3221. }
  3222. .res .res #RESHoverContainer:before,.res .RESHoverInfoCard:before
  3223. {
  3224. border-color:transparent #ccd1d5
  3225. }
  3226. .res .res #RESHoverContainer:after,.res .RESHoverInfoCard:after
  3227. {
  3228. border-color:transparent #ccd1d5
  3229. }
  3230. div.guider .guider_content p,.res .RESNotificationContent
  3231. {
  3232. color:#666
  3233. }
  3234. .res .RESNotificationContent
  3235. {
  3236. border-top:1px solid #ccd1d5;
  3237. border-bottom:1px solid #ccd1d5
  3238. }
  3239. input#disableDailyTipsCheckbox
  3240. {
  3241. margin-right:5px
  3242. }
  3243. body .blueButton,a.guider_button
  3244. {
  3245. border:0;
  3246. border-radius:0;
  3247. background:#3a98d8
  3248. }
  3249. .pageNavigator[href="#header"]
  3250. {
  3251. display:none
  3252. }
  3253. body.res-voteEnhancements-highlightScores span.score
  3254. {
  3255. color:#262626
  3256. }
  3257. .side .md>blockquote:nth-of-type(1)
  3258. {
  3259. display:none
  3260. }
  3261. @media ( max-width: 1100px)
  3262. {
  3263. #header
  3264. {
  3265. margin:0;
  3266. height:190px;
  3267. padding-top:30px
  3268. }
  3269. #sr-header-area
  3270. {
  3271. top:0;
  3272. left:0;
  3273. width:100%
  3274. }
  3275. #header .pagename,#header .tabmenu
  3276. {
  3277. margin-top:30px
  3278. }
  3279. body>.content
  3280. {
  3281. margin:0!important;
  3282. max-width:calc(100vw - 320px)!important
  3283. }
  3284. .side
  3285. {
  3286. margin-right:0
  3287. }
  3288. .side .md>blockquote:nth-of-type(1)
  3289. {
  3290. display:block;
  3291. position:absolute;
  3292. z-index:100;
  3293. left:90px;
  3294. top:20px;
  3295. margin:0;
  3296. box-shadow:0 0 10px rgba(0,0,0,.3);
  3297. width:280px;
  3298. border:0;
  3299. padding:15px;
  3300. background:#fff;
  3301. text-align:center;
  3302. line-height:15px;
  3303. font-style:normal
  3304. }
  3305. .footer-parent
  3306. {
  3307. margin-top:0;
  3308. border-top:1px solid #434b55;
  3309. background:#32383f
  3310. }
  3311. .footer-parent~.debuginfo
  3312. {
  3313. background:#32383f
  3314. }
  3315. #header:target+.side .md>blockquote:nth-of-type(1)
  3316. {
  3317. top:45px
  3318. }
  3319. #header:not(:target)+.side .md>blockquote:nth-of-type(1):before
  3320. {
  3321. display:block;
  3322. margin-bottom:10px;
  3323. font-weight:700;
  3324. color:#32383f;
  3325. content:"Using a mobile device?"
  3326. }
  3327. #header+.side .md>blockquote:nth-of-type(1):after
  3328. {
  3329. position:absolute;
  3330. left:0;
  3331. bottom:-20px;
  3332. border-top:10px solid #fff;
  3333. border-right:10px solid transparent;
  3334. border-bottom:10px solid transparent;
  3335. border-left:10px solid #fff;
  3336. content:""
  3337. }
  3338. .side .md>blockquote:nth-of-type(1) a
  3339. {
  3340. color:#6093c4
  3341. }
  3342. .side .md>blockquote:nth-of-type(1) a[href="#header"],#header:target + .side .md>blockquote:nth-of-type(1) a[href="#null"]
  3343. {
  3344. display:block
  3345. }
  3346. #header:target + .side .md>blockquote:nth-of-type(1) a[href="#header"],.side .md>blockquote:nth-of-type(1) a[href="#null"]
  3347. {
  3348. display:none
  3349. }
  3350. .side .md>blockquote:nth-of-type(1) a[href="#header"]:after
  3351. {
  3352. content:"Tap here to view the tab menu."
  3353. }
  3354. .side .md>blockquote:nth-of-type(1) a[href="#null"]:after
  3355. {
  3356. content:"Tap here to hide the tab menu."
  3357. }
  3358.  
  3359. }
  3360. /*=====================================
  3361. =======================================
  3362. ADD ADDONS/CUSTOMIZATIONS BELOW
  3363. =======================================
  3364. =======================================*/
  3365. /* LARGE HEADER ON HOT PAGE
  3366. ---------------------------*/
  3367.  
  3368. .hot-page #header { height: 350px }
  3369. .hot-page #header .pagename {
  3370. top: 95px;
  3371. left: 50%;
  3372. -webkit-transform: translateX(-50%);
  3373. -moz-transform: translateX(-50%);
  3374. transform: translateX(-50%);
  3375. }
  3376. .hot-page #header .pagename:before {
  3377. position: absolute;
  3378. top: 55px;
  3379. left: 50%;
  3380. margin-left: -40px;
  3381. width: 80px;
  3382. height: 1px;
  3383. background: #fff;
  3384. content: ""
  3385. }
  3386. .hot-page #header .pagename:after {
  3387. display: block;
  3388. margin-top: 40px;
  3389. margin-left: 0;
  3390. }
  3391. .hot-page #header .tabmenu { top: 280px }
  3392. .hot-page .side .md a[href="#headerbutton"] + a { top: 350px }
  3393. .hot-page .side .md>h3:first-of-type { top: 410px }
  3394.  
  3395. @media ( max-width: 1100px) {
  3396. .hot-page #header { height: 380px }
  3397. .hot-page .side .md>blockquote:nth-of-type(1) { top: 210px }
  3398. .hot-page #header:target+.side .md>blockquote:nth-of-type(1) { top: 235px }
  3399. }
  3400.  
  3401. /* PAGENAME SUBTITLE
  3402. --------------------*/
  3403.  
  3404. #header .pagename:after { content: "better than kpics" }
  3405.  
  3406.  
  3407.  
  3408. /* /R/CSSHELP REMINDER FOR THE PEOPLE WHO KEEP ASKING CSS QUESTIONS
  3409. -------------------------------------------------------------------*/
  3410.  
  3411. div.usertext-edit.md-container:after {
  3412. display: block;
  3413. margin: 10px 0;
  3414. border: 1px solid #fff;
  3415. padding: 10px;
  3416. font-weight: bold;
  3417. content: "/r/CSSHelp is better and faster for CSS questions!"
  3418. }
  3419.  
  3420. div.usertext-edit.md-container:hover:after { border-color: transparent; background: #c4918a }
  3421.  
  3422. /* CUSTOM USER FLAIR TEXT
  3423. -------------------------*/
  3424.  
  3425. .flair-red:before { content: "Bug Hunter" }
  3426. .flair-green:before { content: "CSS Grunt" }
  3427. .flair-blue:before { content: "Theme User" }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement