Advertisement
gavin19

mec

Nov 12th, 2015
164
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 25.00 KB | None | 0 0
  1. /*Subreddit theme done by Niko | Be free to use any of this code for use in your own subreddits */
  2.  
  3. html {
  4. height:100%;
  5. min-width:1160px
  6. }
  7.  
  8. body {
  9. background-color:#F3F3F3;
  10. font-family:sans-serif;
  11. line-height:1.4;
  12. color:#1c1c1c
  13. }
  14.  
  15. .md hr {
  16. background:#BDBDBD;
  17. padding-bottom:0
  18. }
  19.  
  20. .md .-blocks,.md .-lists,.md pre,.md blockquote,.md table,.md p,.md ul,.md ol {
  21. margin-top:0
  22. }
  23.  
  24. .md p,.md h1 {
  25. margin:7px 0
  26. }
  27.  
  28. .md p:first-child {
  29. margin-top:3px
  30. }
  31.  
  32. .md>* {
  33. margin-bottom:5px
  34. }
  35.  
  36. .md ul,.usertext-edit textarea .-lists,.usertext-edit textarea ul,.usertext-edit textarea ol {
  37. padding-left:21px;
  38. display:inline-block
  39. }
  40.  
  41. .md .-lists,.md ul,.md ol {
  42. padding-left:21px;
  43. display: table;
  44. }
  45.  
  46. .md th {
  47. font-weight:500!important
  48. }
  49.  
  50. .strong {
  51. font-weight: bold !important;
  52. }
  53.  
  54.  
  55. .organic-listing {
  56. background:transparent!important
  57. }
  58.  
  59. body.post-under-6h-old .gilded-icon {
  60. opacity:1
  61. }
  62.  
  63. /* Full Spoiler Tags */
  64.  
  65. a[href="#s"] { color:#000!important; cursor:text; padding:0 2px }
  66. .side a[href="#s"] { color:#666!important }
  67. a[href="#s"]:hover { color:#000!important; text-decoration:inherit }
  68. a[href="#s"]:after { content:attr(title); background-color:#000; color:#000; padding:0 8px; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px }
  69. a[href="#s"]:hover::after,a[href="#s"]:active::after { color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px }
  70. .title[href*="spoiler"] { color:#363636!important }
  71. a[href*="spoiler"].title,a[href*="spoilers"].title { background:#363636; z-index:102 }
  72. a[href*="spoiler"]:visited.title,a[href*="spoilers"]:visited.title,a:visited.title,.thing .title.loggedin:visited,.thing .title:visited { background:none }
  73. a[href*="spoiler"]:hover.title,a[href*="spoilers"]:hover.title { background:none }
  74. a[href$="/spoiler"]:hover { color:#FFF!important }
  75. /*** End Spoiler System ***/
  76.  
  77. .organic-listing {
  78. border:solid 0 gray
  79. }
  80.  
  81. a {
  82. color:#36648b
  83. }
  84.  
  85. a:hover,a:focus {
  86. text-decoration:underline;
  87. color:#49f
  88. }
  89.  
  90. label {
  91. cursor:pointer!important
  92. }
  93.  
  94. hr {
  95. border:none;
  96. border-top:1px dotted #ccc;
  97. margin:1em 0
  98. }
  99.  
  100. .keyHighlight {
  101. outline:1px dashed #888;
  102. background:#576663
  103. }
  104.  
  105. .content {
  106. padding:5px
  107. }
  108.  
  109. #sr-header-area {
  110. background-color:#c4c4c4!important;
  111. text-transform:lowercase;
  112. border-bottom:3px solid #d4d4d4;
  113. font-size:100%;
  114. font-family:Verdana,arial,sans-serif
  115. }
  116.  
  117. #header-bottom-right {
  118. background-color:#e3e3e3!important;
  119. border-radius:0
  120. }
  121.  
  122. #header-bottom-left .tabmenu {
  123. margin-left:137px;
  124. margin-top:129px
  125. }
  126.  
  127. #header {
  128. height:350px;
  129. z-index:100;
  130. border-bottom:0
  131. }
  132.  
  133. #header-img {
  134. margin:22px 0 -2px 10px;
  135. position:absolute;
  136. bottom: 0;
  137. left:10px;
  138. height:40px;
  139. width:29px
  140. }
  141.  
  142. #header-bottom-right {
  143. padding:4px 8px;
  144. border-top-left-radius:0;
  145. border-bottom:0;
  146. bottom: 0!important;
  147. top: auto!important;
  148. }
  149.  
  150. #header-bottom-right .separator {
  151. color:#ccc;
  152. margin:0 1.2ex
  153. }
  154.  
  155. #sr-header-area {
  156. border:none;
  157. background:#fff
  158. }
  159.  
  160. #sr-header-area .selected a {
  161. color:#fff;
  162. background-color:#37B;
  163. padding:4px 6px 3px;
  164. font-size:10px;
  165. font-weight:400;
  166. text-decoration:none
  167. }
  168.  
  169. #sr-header-area .selected a:hover,#sr-header-area .selected a:focus {
  170. background-color:#48d
  171. }
  172.  
  173. #sr-header-area .width-clip {
  174. left:5px
  175. }
  176.  
  177. #header-bottom-right {
  178. background:rgba(0,0,0,0)!important;
  179. font-family:verdana;
  180. font-size:11px;
  181. top:171px
  182. }
  183.  
  184. #header-bottom-right a,#header-bottom-right .separator,#header-bottom-right .user {
  185. color:#414141
  186. }
  187.  
  188. .res-navTop #header-bottom-right {
  189. margin-top:152px
  190. }
  191.  
  192. #userbarToggle {
  193. color:#414141!important;
  194. background-color:transparent!important;
  195. border-right:transparent!important;
  196. line-height:26px;
  197. left:0;
  198. font-size:19px
  199. }
  200.  
  201. .pagename,.pagename a {
  202. color:#fff;
  203. font-family:Tahoma,Geneva,sans-serif;
  204. font-size:1.2em;
  205. font-weight:400;
  206. font-variant:normal!important;
  207. letter-spacing:1px
  208. }
  209.  
  210. .pagename a:hover,.pagename a:focus {
  211. text-decoration:none;
  212. color:#e7d7ac
  213. }
  214.  
  215. .tabmenu li {
  216. margin:0 1px 0 0
  217. }
  218. .tabmenu li a {
  219.     display: inline-block;
  220. }
  221.  
  222. #remember-me label {
  223. color:#414141
  224. }
  225.  
  226. .tabmenu li a {
  227. background-color:rgba(44,44,44,0.74);
  228. color:#fff;
  229. padding:4px 11px 5px;
  230. cursor:pointer;
  231. border:none!important;
  232. border-radius:0
  233. }
  234.  
  235. .tabmenu li.selected a,.tabmenu li a:hover,.tabmenu li a:focus {
  236. text-decoration:underline
  237. }
  238.  
  239. .tabmenu li.selected a {
  240. color:#2E353D;
  241. text-decoration:none
  242. }
  243.  
  244. .sidecontentbox .title:not(:first-child) h1 {
  245. font-size:0
  246. }
  247.  
  248. .sidecontentbox .title:not(:first-child) h1::after {
  249. content:"The Vanguard";
  250. text-transform:capitalize;
  251. font-size:13px
  252. }
  253.  
  254. .side {
  255. padding:10px;
  256. margin:0;
  257. margin-left:10px;
  258. background-color:#E9E9E9;
  259. top:160px!important;
  260. border-left:8px solid #c9cfd0
  261. }
  262.  
  263. .side .md ol {
  264. padding-left:21px
  265. }
  266.  
  267. .side .md h2 {
  268. margin-top:-.3em
  269. }
  270.  
  271. .side .md h6 {
  272. text-decoration:none
  273. }
  274.  
  275. .sidebox.submit,.sidebox.create {
  276. background:none!important;
  277. padding:0!important
  278. }
  279.  
  280. .side .spacer {
  281. margin:0 0 10px
  282. }
  283.  
  284. .side .usertext {
  285. padding-top:10px
  286. }
  287.  
  288. .users-online::before {
  289. background:#2c6;
  290. width:8px;
  291. height:8px;
  292. border-radius:5px;
  293. margin-top:4px
  294. }
  295.  
  296. .sidecontentbox .title h1 {
  297. color:#333
  298. }
  299.  
  300. .sidecontentbox .content {
  301. border:none;
  302. padding-left:0;
  303. border-top:1px dotted #ccc
  304. }
  305.  
  306. .side .morelink {
  307. border:none;
  308. height:auto
  309. }
  310.  
  311. .side .morelink .nub {
  312. display:none
  313. }
  314.  
  315. .sidebox.submit-link .morelink {
  316. display:none
  317. }
  318.  
  319. .side .morelink ~ .spacer {
  320. display:none
  321. }
  322.  
  323. .side .md strong {
  324. font-weight:bolder
  325. }
  326.  
  327. #search input[type="text"] {
  328. border:solid 1px #ccc;
  329. padding:8px;
  330. width:300px;
  331. font-size:16px;
  332. color:#334;
  333. border-radius:0
  334. }
  335.  
  336. #search input[type="text"]:hover,#search input[type="text"]:focus {
  337. border-color:#999;
  338. outline:none
  339. }
  340.  
  341. #searchexpando {
  342. margin:0;
  343. border:none;
  344. border-radius:0;
  345. padding:10px;
  346. background:#e3e3e3
  347. }
  348.  
  349. #searchexpando p {
  350. margin-bottom:0
  351. }
  352.  
  353. #searchexpando input[type="checkbox"] {
  354. margin:0 5px 0 0
  355. }
  356.  
  357. .titlebox form.toggle,.leavemoderator {
  358. background:#E9E9E9
  359. }
  360.  
  361. .titlebox,.body {
  362. color:#fff
  363. }
  364.  
  365. .titlebox h1 {
  366. padding-bottom:3px
  367. }
  368.  
  369. .titlebox h1 a {
  370. color:#fff;
  371. letter-spacing:1px;
  372. font-weight:400;
  373. font-family:tahoma
  374. }
  375.  
  376. .titlebox .md {
  377. color:#4d4d4d;
  378. padding:0 0 10px
  379. }
  380.  
  381. .titlebox .md h2 {
  382. padding-top:10px
  383. }
  384.  
  385. .titlebox .bottom {
  386. display:none
  387. }
  388.  
  389. .titlebox hr+h1 {
  390. font-size:17px;
  391. letter-spacing:1px;
  392. line-height:1.6;
  393. font-family:Tahoma,Geneva,sans-serif;
  394. font-weight:400;
  395. padding:10px 10px 7px 0;
  396. color:#777
  397. }
  398.  
  399. .footer .col {
  400. height:auto
  401. }
  402.  
  403. .panestack-title {
  404. margin-bottom:5px;
  405. border-color:#ccc
  406. }
  407.  
  408. .midcol {
  409. margin-top:3px;
  410. margin-left:3px;
  411. margin-right:7px
  412. }
  413.  
  414. .gadget .midcol {
  415. width:17px
  416. }
  417.  
  418. .linklisting > .clearleft {
  419. margin:5px
  420. }
  421.  
  422. .link .score.likes {
  423. color:#ff8932
  424. }
  425.  
  426. .link .score.dislikes {
  427. color:#2178b8
  428. }
  429.  
  430. .link {
  431. overflow:hidden;
  432. margin:0;
  433. padding:7px;
  434. border:1px solid #a2ab9a;
  435. background-color:#FAFAFA;
  436. border-radius:1px;
  437. margin-top:3px
  438. }
  439.  
  440. .link.compressed .title {
  441. margin:-2px 0 3px
  442. }
  443.  
  444. .linkinfo {
  445. padding:20px 10px;
  446. border:1px solid #ddd;
  447. background:#f7f7f7;
  448. color:#369;
  449. text-align:center;
  450. -webkit-border-radius:0;
  451. -moz-border-radius:0;
  452. border-radius:0
  453. }
  454.  
  455. .linkinfo .date {
  456. text-transform:capitalize;
  457. font-size:.9em
  458. }
  459.  
  460. .linkinfo .date time {
  461. font-weight:700;
  462. text-transform:uppercase
  463. }
  464.  
  465. .linkinfo .score {
  466. padding:5px
  467. }
  468.  
  469. .linkinfo .upvotes {
  470. color:#f17432
  471. }
  472.  
  473. .linkinfo .downvotes {
  474. color:#2178b8
  475. }
  476.  
  477. .rank {
  478. display:none
  479. }
  480.  
  481. .entry.keyHighlight {
  482. outline:2px dotted #ccc!important;
  483. background:none!important
  484. }
  485.  
  486. .comment .midcol {
  487. width:20px
  488. }
  489.  
  490. .link .usertext .md {
  491. border:2px solid #ccc;
  492. background:#F5F5F5;
  493. padding:5px 15px 5px 10px;
  494. border-radius:0;
  495. -moz-border-radius:0;
  496. -webkit-border-radius:0
  497. }
  498.  
  499. #sr-more-link {
  500. color:#fff;
  501. background-color:#999
  502. }
  503.  
  504. .usertext-edit textarea {
  505. border:1px solid #ccc;
  506. padding:5px 8px
  507. }
  508.  
  509. .usertext-edit textarea:hover,.usertext-edit textarea:focus {
  510. border-color:#999;
  511. outline:none
  512. }
  513.  
  514. .usertext.border .usertext-body {
  515. background:#eef3ff
  516. }
  517.  
  518. .usertext button {
  519. background:#37B;
  520. border:0;
  521. color:#fff;
  522. padding:5px 15px;
  523. cursor:pointer;
  524. outline:none
  525. }
  526.  
  527. .usertext button.save:hover,.usertext button.save:focus {
  528. background:#48d
  529. }
  530.  
  531. .usertext button.cancel {
  532. background:#555
  533. }
  534.  
  535. .usertext button.cancel:hover,.usertext button.cancel:focus {
  536. background:#666
  537. }
  538.  
  539. .link.last-clicked {
  540. border-left:2px solid rgba(0,0,0,0.33)!important
  541. }
  542.  
  543. .link .title {
  544. line-height:1.1;
  545. margin-bottom:6px
  546. }
  547.  
  548. .fancy-toggle-button a {
  549. text-decoration:none!important
  550. }
  551.  
  552. .fancy-toggle-button .active {
  553. border:none;
  554. padding:3px 10px;
  555. border-radius:0
  556. }
  557.  
  558. .fancy-toggle-button .remove {
  559. background:#b44
  560. }
  561.  
  562. .comment .child {
  563. margin-top:15px;
  564. border-color:#ccc
  565. }
  566.  
  567. .thing .title.loggedin {
  568. color:#10C
  569. }
  570.  
  571. .thing .title.loggedin:hover,.thing .title.loggedin:focus {
  572. color:#159
  573. }
  574.  
  575. .thing .title.loggedin:visited,.thing .title.click,.thing .title:visited,.thing .title.loggedin.click,.thing .title.loggedin.click:visited {
  576. color:#551A8B
  577. }
  578.  
  579. .thing .title:visited:hover,.thing .title:visited:focus,.thing .title.loggedin.click:hover,.thing .title.loggedin.click:focus {
  580. color:#333!important
  581. }
  582.  
  583. .menuarea {
  584. border-color:#bbb
  585. }
  586.  
  587. .wikipage h1 {
  588. font-family:Tahoma,Geneva,sans-serif!important;
  589. font-size:2.4em!important;
  590. text-decoration:none!important;
  591. font-weight:400!important;
  592. color:#666!important
  593. }
  594.  
  595. hr {
  596. border:none;
  597. border-top:2px solid #ccc;
  598. padding-bottom:5px
  599. }
  600.  
  601. .commentarea .arrow.down:hover::before {
  602. position:absolute;
  603. display:block;
  604. z-index:1000;
  605. width:150px;
  606. padding:2px;
  607. border:1.5px solid #369;
  608. background-color:#eee;
  609. content:"Doesn't contribute to discussion.";
  610. text-align:center;
  611. font-size:10px;
  612. font-weight:400;
  613. margin-left:2px;
  614. margin-top:22px;
  615. box-shadow:1px 1px 5px #bbb
  616. }
  617.  
  618. #sr-header-area {
  619. background-color:#FFF!important
  620. }
  621.  
  622. .titlebox h6:nth-of-type(1) {
  623. display:block;
  624. position:absolute;
  625. top:194px;
  626. right:338px;
  627. left:10px;
  628. padding:14px 0 14px 50px;
  629. min-width:764px;
  630. background-color:#fafafa;
  631. border:1px solid #dcdcdc;
  632. border-radius:2px;
  633. color:#666;
  634. text-align:left;
  635. font-weight:400;
  636. font-size:14px
  637. }
  638.  
  639. .titlebox h6:nth-of-type(1) a {
  640. color:#427FED
  641. }
  642.  
  643. .titlebox h6:nth-of-type(1) a:hover {
  644. border:none;
  645. color:#427FED
  646. }
  647.  
  648. .link {
  649. border:1px solid #C9C9C9!important
  650. }
  651.  
  652. .link.compressed .title {
  653. margin:-2px 0 3px
  654. }
  655.  
  656. .titlebox h1 a {
  657. color:#666
  658. }
  659.  
  660. .titlebox,.body {
  661. color:#3A3A3A
  662. }
  663.  
  664. form #search {
  665. z-index:100
  666. }
  667.  
  668. /* Change name for "AutoModerator" */
  669. .author[href$="/AutoModerator"]:before {
  670. content:"NorthGhost";
  671. font-size:11px;
  672. color:#36648b;
  673. border-radius:4px;
  674. }
  675.  
  676. .author[href$="/AutoModerator"]:hover:before {
  677. text-decoration:underline;
  678. color:#49f
  679. }
  680.  
  681. .side .author[href$="/AutoModerator"]:before {
  682. color:#36648b;
  683. font-size:12px
  684. }
  685.  
  686. .author[href$="/AutoModerator"] {
  687. font-size:0;
  688. background-color:#09F
  689. }
  690.  
  691. .thing .tagline .author.moderator[href$="/AutoModerator"]:before {
  692. font-size:10px;
  693. color:#FFF!important;
  694. font-weight:700;
  695. padding:0 2px;
  696. border-radius:3px;
  697. background-color:#282!important
  698. }
  699.  
  700. .thing .tagline .author.moderator[href$="/AutoModerator"]:hover:before {
  701. background-color:#134913!important;
  702. text-decoration:none!important
  703. }
  704.  
  705.  
  706. .md td,.md th {
  707. border:1px solid #C1BFBF!important;
  708. font-size:15px
  709. }
  710.  
  711. div.wiki div.toc>ul:before {
  712. display:block!important;
  713. content:"Table of Contents";
  714. color:#22227E;
  715. text-align:center;
  716. margin-top:-5px;
  717. margin-bottom:5px
  718. }
  719.  
  720. .wiki-page .wiki-page-content .md {
  721. max-width:none;
  722. background:#fff;
  723. padding:50px;
  724. border:2px solid rgba(128,128,128,0.68)
  725. }
  726.  
  727. .wiki-page .wiki-page-content .md.wiki h4 {
  728. font-size:20px;
  729. color:#333;
  730. font-family:verdana
  731. }
  732.  
  733. .wiki-page .wiki-page-content .md.wiki h1,.wiki-page .wiki-page-content .md.wiki h2,.wiki-page .wiki-page-content .md.wiki h3,.wiki-page .wiki-page-content .md.wiki h4,.wiki-page .wiki-page-content .md.wiki h5,.wiki-page .wiki-page-content .md.wiki h6 {
  734. font-weight:700;
  735. color:#4B4B4B
  736. }
  737.  
  738. .md blockquote,.help blockquote {
  739. border-left:2px solid #9E9E9E
  740. }
  741.  
  742. .md blockquote {
  743. display: table-cell;}
  744.  
  745. .side .md blockquote {
  746. border-left:0 solid #9E9E9E
  747. }
  748.  
  749. .wiki-page .wiki-page-content {
  750. margin-right:355px
  751. }
  752.  
  753. .promotedlink.thumbnail img {
  754. width:70px!important;
  755. height:55px!important
  756. }
  757.  
  758. .comment .child {
  759. margin-top:10px!important;
  760. margin-left:0!important;
  761. border-left:0 dotted #DDF!important
  762. }
  763.  
  764. .comment,.content .details {
  765. margin-left:10px;
  766. padding:6px 3px 9px 1px;
  767. margin-top:3px
  768. }
  769.  
  770. .commentarea {
  771. padding:0!important
  772. }
  773.  
  774. .comment .md p > a:visited {
  775. color:#8D749B!important
  776. }
  777.  
  778. .thing.comment {
  779. background:#F5F5F5!important
  780. }
  781.  
  782. .thing.comment .thing.comment {
  783. background:#EBEBEB!important
  784. }
  785.  
  786. .thing.comment .thing.comment .thing.comment {
  787. background:#F5F5F5!important
  788. }
  789.  
  790. .thing.comment .thing.comment .thing.comment .thing.comment {
  791. background:#EBEBEB!important
  792. }
  793.  
  794. .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
  795. background:#F5F5F5!important
  796. }
  797.  
  798. .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
  799. background:#EBEBEB!important
  800. }
  801.  
  802. .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
  803. background:#F5F5F5!important
  804. }
  805.  
  806. .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
  807. background:#EBEBEB!important
  808. }
  809.  
  810. .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
  811. background:#F5F5F5!important
  812. }
  813.  
  814. .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
  815. background:#EBEBEB!important
  816. }
  817.  
  818. .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
  819. background:#F5F5F5!important
  820. }
  821.  
  822. .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
  823. background:#EBEBEB!important
  824. }
  825.  
  826. .commentarea {
  827. margin-right:322px
  828. }
  829.  
  830. .commentarea .thing {
  831. border-radius:2px;
  832. box-shadow:0 1px 5px rgba(0,0,0,0.16)
  833. }
  834.  
  835. .commentarea form.usertext {
  836. clear:initial!important
  837. }
  838.  
  839. ul.tabmenu.formtab {
  840. display:block;
  841. margin-top:-79px
  842. }
  843.  
  844. .link:hover {
  845. background:rgba(238,238,238,0.79);
  846. transition:.2s
  847. }
  848.  
  849. #userbarToggle {
  850. left:-2px;
  851. font-size:14px
  852. }
  853.  
  854. .panestack-title {
  855. border-bottom:0 dotted gray
  856. }
  857.  
  858. .link .flair {
  859. display:none
  860. }
  861.  
  862. .entry .tagline .flair {
  863. float:left
  864. }
  865.  
  866. html[lang="dd"] .flair {
  867. display:none
  868. }
  869.  
  870. .comment .expand {
  871. float:left
  872. }
  873.  
  874. .flairoptionpane {
  875. max-height:600px
  876. }
  877.  
  878. .flairselector.drop-choices.active {
  879. margin-left:0!important;
  880. margin-top:20px!important
  881. }
  882.  
  883. .flair:hover::after {
  884. position:absolute;
  885. display:block
  886. }
  887.  
  888. .flairoptionpane {
  889. margin-bottom:4px;
  890. max-height:700px;
  891. overflow:auto;
  892. text-align:center
  893. }
  894.  
  895. .linkflairlabel {
  896. max-width:10em;
  897. overflow:hidden;
  898. text-overflow:ellipsis;
  899. white-space:nowrap;
  900. float:right;
  901. background:none!important;
  902. border:0 solid #000;
  903. font-family:sans-serif;
  904. font-size:14px;
  905. font-weight:700;
  906. display:none!important
  907. }
  908.  
  909. .flairselector.drop-choices.active .linkflairlabel {
  910. display:inline-block!important
  911. }
  912.  
  913. .flairoptionpane .linkflairlabel {
  914. float:none;
  915. display:inline-block
  916. }
  917.  
  918. /*turns top quote in sidebar into menu container*/
  919. .titlebox blockquote:first-child {
  920. border-left: none;
  921. box-sizing: border-box;
  922. min-width: 100%;
  923. position: absolute;
  924. background: #F3F3F3;
  925. top: 161px;
  926. left: -5px;
  927. height: 32px;
  928. -moz-box-shadow: 0px 13px 3px #aaa;
  929. -webkit-box-shadow: 0px 1px 3px #aaa;
  930. box-shadow: 0px 1px 3px #aaa;
  931. }
  932.  
  933. /*turns first paragraph into menu title*/
  934. .titlebox blockquote:first-child p:first-child {
  935. margin-top: 0px;
  936. padding: 0 5px;
  937. float: left;
  938. height: 32px;
  939. font-weight:bold;
  940. text-align: center;
  941. color:#555;
  942. font-family: Segoe UI;
  943. text-shadow: 0px 1px 2px #FF00FF;
  944. cursor:default;
  945. }
  946.  
  947. /*turns the lists into menus*/
  948. .titlebox blockquote ul {
  949. float: left;
  950. margin:0px;
  951. display: block !important;
  952. }
  953.  
  954. /*hide and styles lists*/
  955. .titlebox blockquote ul li {
  956. display: none;
  957. padding:2px;
  958. text-align: left;
  959. }
  960. /*makes whole list item selectable*/
  961. .titlebox blockquote li a {
  962. display:block;
  963. }
  964. /*shows menu on hover*/
  965. .titlebox blockquote ul li:first-child, .titlebox blockquote ul:hover li {
  966. display: block
  967. }
  968.  
  969. /*turns top list item into section header*/
  970. .titlebox blockquote li:first-child {
  971. padding: 0;
  972. cursor:default;
  973. }
  974.  
  975. /*styling menu items*/
  976.  
  977. /* setting up spacing for dropdown links so dropdown dividers work*/
  978. .titlebox blockquote ul li a{
  979. padding: 4px 7px;
  980. margin: -2px -7px;
  981. }
  982.  
  983. /* hovering a dropdown option*/
  984. .titlebox blockquote ul li a:hover{
  985. color: #3A3A3A;
  986.  }
  987.  
  988. /* dropdown selection item */
  989. .titlebox blockquote ul li {
  990. background: #fafafa;
  991. border-left: 1px  #000000 solid;
  992. border-bottom: 1px  #000000 solid;
  993. border-right: 1px  #000000 solid;
  994. font-size: 13px;
  995. line-height: 22px;
  996. min-width: 125px;
  997. padding: 4px 7px;
  998. font-family: sans-serif;
  999. color: black;
  1000. }
  1001.  
  1002.  
  1003. /* menu top-level option nope*/
  1004. .titlebox blockquote ul li:first-child{
  1005. background: none;
  1006. text-align: center;
  1007. border: none;
  1008. line-height: 32px;
  1009. font-family: "Verdana";
  1010. min-width: 0;
  1011. padding:0;
  1012. color: rgb(20, 20, 20);
  1013. }
  1014.  
  1015. /* when hovering over dropdown selection item */
  1016. .titlebox blockquote ul li a:hover{
  1017. }
  1018.  
  1019. /* when hovering over menu top-level option*/
  1020. .titlebox blockquote ul li:first-child:hover{
  1021. background: rgb(223, 223, 223);
  1022. }
  1023.  
  1024. .titlebox blockquote ul:first-child{
  1025. margin-left: 43px;}
  1026.  
  1027.  
  1028. .titlebox blockquote li a:hover {
  1029. color:orangered;
  1030. }
  1031.  
  1032. /*RES Night Mode Stuff*/
  1033. .res-nightmode .titlebox h6:nth-of-type(1) {
  1034. display:block;
  1035. position:absolute;
  1036. top:194px;
  1037. right:338px;
  1038. left:10px;
  1039. padding:14px 0 14px 50px;
  1040. min-width:764px;
  1041. background-color:rgba(53,53,53,0.12);
  1042. border:1px solid rgba(90,90,90,0.11);
  1043. border-radius:2px;
  1044. color:#929292;
  1045. text-align:left;
  1046. font-weight:400;
  1047. font-size:14px
  1048. }
  1049.  
  1050. .res-nightmode .titlebox blockquote:first-child {
  1051. box-shadow:0 0 1px #6F6F6F!important
  1052. }
  1053.  
  1054. .res-nightmode .md ul {
  1055. padding-left:0
  1056. }
  1057.  
  1058. .res-nightmode .link {
  1059. background-color:rgba(13,13,17,0.47);
  1060. border:2px solid transparent!important;
  1061. border-radius:4px
  1062. }
  1063.  
  1064. .res-nightmode #header {
  1065. background:#353535!important
  1066. }
  1067.  
  1068. .res-nightmode .tabmenu li a {
  1069. background:transparent!important;
  1070. color:#B6B6B6
  1071. }
  1072.  
  1073. .res-nightmode .tabmenu .selected a {
  1074. color:#009bc2
  1075. }
  1076.  
  1077. .res-nightmode .tabmenu li.selected a,.res-nightmode .tabmenu li a:hover,.res-nightmode .tabmenu li a:focus {
  1078. background:transparent!important;
  1079. text-decoration:underline
  1080. }
  1081.  
  1082. .res-nightmode .side #searchexpando {
  1083. color:##999;
  1084. background:#303030
  1085. }
  1086.  
  1087. .res-nightmode .titlebox,.body,.side {
  1088. color:#A0A0A0
  1089. }
  1090.  
  1091. .res-nightmode .sidecontentbox .title h1 {
  1092. color:#7E7E7E;
  1093. text-transform:capitalize
  1094. }
  1095.  
  1096. .res-nightmode .wiki-page .wiki-page-content .md {
  1097. background:#3a3a3a
  1098. }
  1099.  
  1100. .res-nightmode.res-commentBoxes .comments-page .comment,.res-nightmode.res-commentBoxes .comments-page .comment .comment .comment,.res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment,.res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment,.res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  1101. background-color:rgba(13,13,17,0.2)!important
  1102. }
  1103.  
  1104. .res-nightmode.res-commentBoxes .comments-page .comment .comment,.res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment,.res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment,.res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment .comment,.res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  1105. background-color:rgba(13,13,17,0.0)!important
  1106. }
  1107.  
  1108. .res-nightmode .thing.comment .thing.comment .thing.comment .thing.comment,.res-nightmode .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment,.res-nightmode .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment,.res-nightmode .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment,.res-nightmode .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment,.res-nightmode .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment,.res-nightmode .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
  1109. background:rgba(13,13,17,0.0)!important
  1110. }
  1111.  
  1112.  
  1113. .res-nightmode .listing-page .sitetable>div:nth-of-type(4n+1) {
  1114. background-color:rgba(13,13,17,0.47)!important
  1115. }
  1116.  
  1117. .res-nightmode .listing-page .sitetable>div:nth-of-type(4n+1):hover {
  1118. background:rgba(36,36,36,0.44)!important
  1119. }
  1120.  
  1121. .res-nightmode .link:hover {
  1122. background:rgba(36,36,36,0.44)
  1123. }
  1124.  
  1125. .res-nightmode .RES-keyNav-activeElement {
  1126. background-color:rgba(55,55,55,0.01)!important
  1127. }
  1128.  
  1129.  
  1130. .sitetable {
  1131. list-style-type:none
  1132. }
  1133.  
  1134. .res-nightmode body,.res-nightmode body .content,.res-nightmode .side,.res-nightmode .flairselector,.res-nightmode .linefield,.res-nightmode .icon-menu a,.res-nightmode .side .leavemoderator,.res-nightmode .side .leavecontributor-button,.res-nightmode .side .titlebox,.res-nightmode .side .spacer .titlebox .redditname,.res-nightmode .side .titlebox .flairtoggle,.res-nightmode .side .usertext-body .md ol,.res-nightmode .side .usertext-body .md ol ol,.res-nightmode .side .usertext-body .md ol ol li,.res-nightmode .modactionlisting table *,.res-nightmode .side .recommend-box .rec-item {
  1135. background-color:transparent!important;
  1136. border-color:rgba(0,0,0,0.12)!important
  1137. }
  1138.  
  1139. .res-nightmode .pagename a {
  1140. background-image:none;
  1141. text-indent:0;
  1142. width:0;
  1143. height:0;
  1144. top:4px;
  1145. left:-20px
  1146. }
  1147.  
  1148. .res-nightmode .pagename a:hover {
  1149. color:rgba(20,150,220,0.8)!important
  1150. }
  1151.  
  1152. .res-nightmode #header-bottom-left .tabmenu {
  1153. margin-left:169px;
  1154. margin-top:129px
  1155. }
  1156.  
  1157. .res-nightmode .sr-bar a {
  1158. color:#fff
  1159. }
  1160.  
  1161. .res-nightmode #sr-header-area {
  1162. background-color:#000!important
  1163. }
  1164.  
  1165. .res-nightmode .res-navTop #header-bottom-right {
  1166. background:rgba(32,32,32,0)!important
  1167. }
  1168.  
  1169. .res-nightmode #header-bottom-right a {
  1170. color:#c4c4c4
  1171. }
  1172.  
  1173. .res-nightmode #header-img {
  1174. top:186px
  1175. }
  1176.  
  1177. .res-nightmode .tabmenu li a:hover {
  1178. color:#009bc2
  1179. }
  1180.  
  1181. .res-nightmode .entry.RES-keyNav-activeElement div.md,.res-nightmode .entry.RES-keyNav-activeElement .usertext-body,.res-nightmode .entry.RES-keyNav-activeElement div.noncollapsed,.res-nightmode div.RES-keyNav-activeElement,.res-nightmode .RES-keyNav-activeElement .usertext-body,.res-nightmode .RES-keyNav-activeElement .usertext-body .md,.res-nightmode div.RES-keyNav-activeElement .usertext-body .md p,.res-nightmode .RES-keyNav-activeElement .noncollapsed,.res-nightmode .RES-keyNav-activeElement .noncollapsed .md,.res-nightmode div.RES-keyNav-activeElement .noncollapsed .md p {
  1182. outline:none!important;
  1183. background:none transparent!important
  1184. }
  1185.  
  1186. .res-nightmode .link .title:hover,.res-nightmode .titlebox h6:nth-of-type(1) a {
  1187. color:rgba(20,150,220,0.8)!important
  1188. }
  1189.  
  1190. .res-nightmode .linkflairlabel {
  1191. color:#777!important
  1192. }
  1193.  
  1194. .res-nightmode input[type="text"] {
  1195. background-color:rgba(24,24,24,0.84)!important
  1196. }
  1197.  
  1198. .res-nightmode #search input[type=submit] {
  1199. display:none
  1200. }
  1201.  
  1202. .res-nightmode .new-comment .usertext-body {
  1203. background-color:#345
  1204. }
  1205.  
  1206. .res-nightmode .new-comment .usertext-body .md {
  1207. border:0 dashed #aaa!important
  1208. }
  1209.  
  1210. .res-nightmode .new-comment .usertext-body {
  1211. border:solid 0 #cddaf3
  1212. }
  1213.  
  1214. .res-nightmode .side a {
  1215. color:#6FB6EB
  1216. }
  1217.  
  1218. .res-nightmode .link .md pre {
  1219. background-color:#1A1A1A
  1220. }
  1221.  
  1222. .res-nightmode .titlebox blockquote ul li a:hover {
  1223. color:#8F8F8F
  1224. }
  1225.  
  1226. .res-nightmode .login-form-side {
  1227. background:rgba(0,0,0,0.18)!important
  1228. }
  1229.  
  1230. .res-nightmode .login-form-side input[type="password"] {
  1231. background:rgba(24,24,24,0.84)!important
  1232. }
  1233.  
  1234. .res-nightmode .titlebox blockquote:first-child {
  1235. border-left:none;
  1236. min-width:100%;
  1237. position:absolute;
  1238. background:#222!important
  1239. }
  1240.  
  1241. .res-nightmode .titlebox blockquote ul li:first-child {
  1242. background:none;
  1243. text-align:center;
  1244. border:none;
  1245. line-height:32px;
  1246. font-family:"Verdana";
  1247. min-width:0;
  1248. padding:0;
  1249. color:#bdbdbd
  1250. }
  1251.  
  1252. .res-nightmode .titlebox blockquote ul li {
  1253. background:#303030;
  1254. color:#bdbdbd
  1255. }
  1256.  
  1257. .res-nightmode .report-action-form,
  1258. .res-nightmode #authorInfoToolTip {
  1259.       background-color: #666;
  1260.       color: #ccc;
  1261.       border-color: #888;
  1262. }
  1263.  
  1264. .titlebox blockquote {
  1265. z-index:50;
  1266. font-size:14px
  1267. }
  1268.  
  1269. @media screen and (-webkit-min-device-pixel-ratio:0) {
  1270. .md th {
  1271. font-weight:400!important
  1272. }}
  1273.  
  1274. /*Fixes position of stylesheet*/
  1275. .sheets {margin-right: 324px;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement