erktheerk

/r/juggalo

Sep 18th, 2015
227
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 26.14 KB | None | 0 0
  1. /*red:#D80404*/
  2.  
  3. /*Text Stuff*/
  4. a[href$="/spoiler"] {
  5.     background: #D80404 !important;
  6.     color: #D80404 !important
  7. }
  8. a[href$="/spoiler"]:hover {
  9.     color: #FFF !important
  10. }
  11.  
  12.  
  13. a[href="/intensifies"] {
  14. color: #D80404;
  15. text-transform: uppercase;
  16. display: block;
  17. font-size: 15px;
  18. animation: intensify .1s steps(5) infinite;
  19. -webkit-animation: intensify .1s steps(5) infinite;
  20. -moz-animation: intensify .1s steps(5) infinite;
  21. }
  22.  
  23. @keyframes intensify {
  24.  0% { margin-left: 0px; }
  25.  100% { margin-left: 2px; }
  26. }
  27.  
  28. @-webkit-keyframes intensify {
  29.  0% { margin-left: 0px; }
  30.  100% { margin-left: 2px; }
  31. }
  32.  
  33. @-moz-keyframes intensify {
  34.  0% { margin-left: 0px; }
  35.  100% { margin-left: 2px; }
  36. }
  37.  
  38.  
  39. a[href="/intensifies"]:before {
  40.   content: "[";
  41. }
  42.  
  43. a[href="/intensifies"]:after {
  44.   content: "]";
  45. }
  46.  
  47. /*userbar*/
  48. .beta-hint a {
  49.     margin-left: -35px;
  50. }
  51.  
  52. /*Read-Next Style*/
  53. .read-next .read-next-link.active {
  54.     background-color: #000000!important;
  55. }
  56. .read-next.fixed {
  57.     background-color: black!important;
  58. }
  59. .read-next .read-next-header-title {
  60.     background-color: black!important;
  61. }
  62. .read-next .read-next-header {
  63.     background-color: black!important;
  64. }
  65. .read-next {
  66.     background-color: black!important;
  67. }
  68. .titlebox form.toggle, .leavemoderator {
  69.     background:none;
  70. }
  71. /*Content Shift*/
  72. .content {
  73.   z-index: 1;
  74.   margin-top: 35px;
  75. }
  76.  
  77.  
  78. /*Juggalos*/
  79. div.titlebox span.subscribers span.word {
  80.   display: none
  81. }
  82.  
  83. div.titlebox span.subscribers span.number:after {
  84.   content: " Juggalos chugging Faygo"
  85. }
  86. div.titlebox p.users-online span.number:after {
  87.   content: " Juggalos hyped for The Missing Link"
  88. }
  89. /*like/dislike*/
  90. div.linkinfo span.word {
  91.     display: none
  92.     }
  93. div.linkinfo span.number:after {
  94.     content: " Raised Hatchets"
  95.     }
  96. .arrow.up {
  97.  background-image: url(%%upvote%%);
  98.  background-position: 0 0;
  99. }
  100. .arrow.upmod {
  101.  background-image: url(%%upvote%%);
  102.  background-position: 0 0;
  103. }
  104. .arrow.downmod {
  105.  background-image: url(%%Fuck-Off%%);
  106.  background-position: 0 0;
  107. }
  108. .arrow.down {
  109.  background-image: url(%%Fuck-Off%%);
  110.  background-position: 0 0;
  111. }
  112. .arrow.upmod{
  113.   animation: animationFrames linear 4s;
  114.   animation-iteration-count: infinite;
  115.   transform-origin: ;
  116.   -webkit-animation: animationFrames linear 4s;
  117.   -webkit-animation-iteration-count: infinite;
  118.   -webkit-transform-origin: ;
  119.   -moz-animation: animationFrames linear 4s;
  120.   -moz-animation-iteration-count: infinite;
  121.   -moz-transform-origin: ;
  122.   -o-animation: animationFrames linear 4s;
  123.   -o-animation-iteration-count: infinite;
  124.   -o-transform-origin: ;
  125.   -ms-animation: animationFrames linear 4s;
  126.   -ms-animation-iteration-count: infinite;
  127.   -ms-transform-origin:
  128. }
  129. @keyframes animationFrames{
  130.   0% {
  131.     left:-25px;
  132.     top:-23px;
  133.     opacity:1;
  134.     transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  135.   }
  136.   100% {
  137.     left:-22px;
  138.     top:-23px;
  139.     opacity:1;
  140.     transform:  rotate(360deg) scaleX(1) scaleY(1) ;
  141.   }
  142. }
  143.  
  144. @-moz-keyframes animationFrames{
  145.   0% {
  146.     left:-25px;
  147.     top:-23px;
  148.     opacity:1;
  149.     -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  150.   }
  151.   100% {
  152.     left:-22px;
  153.     top:-23px;
  154.     opacity:1;
  155.     -moz-transform:  rotate(360deg) scaleX(1) scaleY(1) ;
  156.   }
  157. }
  158.  
  159. @-webkit-keyframes animationFrames {
  160.   0% {
  161.     left:-25px;
  162.     top:-23px;
  163.     opacity:1;
  164.     -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  165.   }
  166.   100% {
  167.     left:-22px;
  168.     top:-23px;
  169.     opacity:1;
  170.     -webkit-transform:  rotate(360deg) scaleX(1) scaleY(1) ;
  171.   }
  172. }
  173.  
  174. @-o-keyframes animationFrames {
  175.   0% {
  176.     left:-25px;
  177.     top:-23px;
  178.     opacity:1;
  179.     -o-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  180.   }
  181.   100% {
  182.     left:-22px;
  183.     top:-23px;
  184.     opacity:1;
  185.     -o-transform:  rotate(360deg) scaleX(1) scaleY(1) ;
  186.   }
  187. }
  188.  
  189. @-ms-keyframes animationFrames {
  190.   0% {
  191.     left:-25px;
  192.     top:-23px;
  193.     opacity:1;
  194.     -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  195.   }
  196.   100% {
  197.     left:-22px;
  198.     top:-23px;
  199.     opacity:1;
  200.     -ms-transform:  rotate(360deg) scaleX(1) scaleY(1) ;
  201.   }
  202. }
  203. .arrow.downmod{
  204.   animation: animationFrames linear 4s;
  205.   animation-iteration-count: infinite;
  206.   transform-origin: ;
  207.   -webkit-animation: animationFrames linear 4s;
  208.   -webkit-animation-iteration-count: infinite;
  209.   -webkit-transform-origin: ;
  210.   -moz-animation: animationFrames linear 4s;
  211.   -moz-animation-iteration-count: infinite;
  212.   -moz-transform-origin: ;
  213.   -o-animation: animationFrames linear 4s;
  214.   -o-animation-iteration-count: infinite;
  215.   -o-transform-origin: ;
  216.   -ms-animation: animationFrames linear 4s;
  217.   -ms-animation-iteration-count: infinite;
  218.   -ms-transform-origin:
  219. }
  220. @keyframes animationFrames{
  221.   0% {
  222.     left:-25px;
  223.     top:-23px;
  224.     opacity:1;
  225.     transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  226.   }
  227.   100% {
  228.     left:-22px;
  229.     top:-23px;
  230.     opacity:1;
  231.     transform:  rotate(360deg) scaleX(1) scaleY(1) ;
  232.   }
  233. }
  234.  
  235. @-moz-keyframes animationFrames{
  236.   0% {
  237.     left:-25px;
  238.     top:-23px;
  239.     opacity:1;
  240.     -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  241.   }
  242.   100% {
  243.     left:-22px;
  244.     top:-23px;
  245.     opacity:1;
  246.     -moz-transform:  rotate(360deg) scaleX(1) scaleY(1) ;
  247.   }
  248. }
  249.  
  250. @-webkit-keyframes animationFrames {
  251.   0% {
  252.     left:-25px;
  253.     top:-23px;
  254.     opacity:1;
  255.     -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  256.   }
  257.   100% {
  258.     left:-22px;
  259.     top:-23px;
  260.     opacity:1;
  261.     -webkit-transform:  rotate(360deg) scaleX(1) scaleY(1) ;
  262.   }
  263. }
  264.  
  265. @-o-keyframes animationFrames {
  266.   0% {
  267.     left:-25px;
  268.     top:-23px;
  269.     opacity:1;
  270.     -o-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  271.   }
  272.   100% {
  273.     left:-22px;
  274.     top:-23px;
  275.     opacity:1;
  276.     -o-transform:  rotate(360deg) scaleX(1) scaleY(1) ;
  277.   }
  278. }
  279.  
  280. @-ms-keyframes animationFrames {
  281.   0% {
  282.     left:-25px;
  283.     top:-23px;
  284.     opacity:1;
  285.     -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  286.   }
  287.   100% {
  288.     left:-22px;
  289.     top:-23px;
  290.     opacity:1;
  291.     -ms-transform:  rotate(360deg) scaleX(1) scaleY(1) ;
  292.   }
  293. }
  294. /*sidebarpic*/
  295. .side {
  296.     background: url(%%Found2%%) no-repeat 0 5px;
  297.     padding-top: 305px;
  298.     margin-top: 28px;
  299. }
  300.  
  301. .sidecontentbox .title:not(:first-child) h1 {
  302.     font-size: 0;
  303. }
  304.  
  305. /*Header*/
  306. #header { background: #000000; }
  307. #header .pagename, #header .pagename a {color: #FF0000;
  308. top: 164px;
  309. left: 132px;
  310. position: absolute;}
  311. /*spin*/
  312. .flair-spin {
  313.     -webkit-animation: rotate 5s linear infinite;
  314.     animation: rotate 5s linear infinite;
  315. }
  316. @-webkit-keyframes rotate {
  317.     from { -webkit-transform: rotate(0deg); }
  318.     to { -webkit-transform: rotate(360deg); }
  319. }
  320. @keyframes rotate {
  321.     from { transform: rotate(0deg); }
  322.     to { transform: rotate(360deg); }
  323. }
  324.  
  325. .sidecontentbox .title:not(:first-child) h1::after {
  326.     content: "Ringmasters";
  327.     font-size: 13px;
  328. }
  329. /*Black&Red*/
  330. .link {
  331. background: black;
  332. border: 1px solid red;
  333. }
  334. .thing .title {
  335. color: #d80404;
  336. }
  337. .linklisting {margin-right:305px;}
  338.  
  339. .thing.stickied {
  340.     margin-bottom:30px;
  341.     border:none;
  342.     background:black;
  343. }
  344.  
  345. .thing {
  346.     margin-bottom:5px;
  347.     padding:5px;
  348.     border:1px solid red;
  349.     /*width: 99%;*/
  350. }
  351. .link .score,
  352. .link .score.likes,
  353. .link .score.dislikes
  354. { color: #d80404; }
  355. body{background-color:black}
  356. .side{margin-right:0px}
  357.  
  358. .res .RES-keyNav-activeElement,
  359. .res .commentarea .RES-keyNav-activeElement .md,
  360. .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  361.      background: rgba(124, 73, 61, 0.2)!important;
  362. }
  363.  
  364. .res:not(.res-nightmode) .commentarea .comment,
  365. .res:not(.res-nightmode) .commentarea .comment .comment,
  366. .res:not(.res-nightmode) .commentarea .comment .comment .comment,
  367. .res:not(.res-nightmode) .commentarea .comment .comment .comment .comment,
  368. .res:not(.res-nightmode) .commentarea .comment .comment .comment .comment .comment,
  369. .res:not(.res-nightmode) .commentarea .comment .comment .comment .comment .comment .comment,
  370. .res:not(.res-nightmode) .commentarea .comment .comment .comment .comment .comment .comment .comment,
  371. .res:not(.res-nightmode) .commentarea .comment .comment .comment .comment .comment .comment .comment .comment,
  372. .res:not(.res-nightmode) .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment,
  373. .res:not(.res-nightmode) .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
  374. .res:not(.res-nightmode) .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
  375. .res:not(.res-nightmode) .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  376.     background: transparent!important;
  377. }
  378. .comment .md { color: #fff; }
  379. /*flair*/
  380. .flairselector .customizer {
  381. display: none !important;
  382. }
  383.  
  384. .flair {
  385. border: none !important;
  386. padding:0px;
  387. background: url(%%spritesheet%%) no-repeat -9999px -9999px;
  388. display:inline-block;
  389. }
  390. .flair {
  391.     background-image: url(%%spritesheet%%);
  392.     background-repeat: no-repeat;
  393.     display: block;
  394. }
  395.  
  396. .flair-2Dope {
  397.     width: 15px;
  398.     height: 15px;
  399.     background-position: -5px -5px;
  400. }
  401.  
  402. .flair-ABK {
  403.     width: 15px;
  404.     height: 15px;
  405.     background-position: -5px -30px;
  406. }
  407.  
  408. .flair-Boondox {
  409.     width: 15px;
  410.     height: 15px;
  411.     background-position: -5px -55px;
  412. }
  413.  
  414. .flair-Boondox2 {
  415.     width: 15px;
  416.     height: 15px;
  417.     background-position: -5px -80px;
  418. }
  419.  
  420. .flair-Bpb {
  421.     width: 15px;
  422.     height: 15px;
  423.     background-position: -5px -105px;
  424. }
  425.  
  426. .flair-Coc {
  427.     width: 15px;
  428.     height: 15px;
  429.     background-position: -5px -130px;
  430. }
  431.  
  432. .flair-Found {
  433.     width: 15px;
  434.     height: 15px;
  435.     background-position: -5px -155px;
  436. }
  437.  
  438. .flair-Gold {
  439.     width: 16px;
  440.     height: 16px;
  441.     background-position: -5px -180px;
  442. }
  443.  
  444. .flair-Great {
  445.     width: 15px;
  446.     height: 15px;
  447.     background-position: -5px -206px;
  448. }
  449.  
  450. .flair-Jack {
  451.     width: 15px;
  452.     height: 15px;
  453.     background-position: -5px -231px;
  454. }
  455.  
  456. .flair-Jake {
  457.     width: 15px;
  458.     height: 15px;
  459.     background-position: -5px -256px;
  460. }
  461.  
  462. .flair-Lost {
  463.     width: 15px;
  464.     height: 15px;
  465.     background-position: -5px -281px;
  466. }
  467.  
  468. .flair-Mdp {
  469.     width: 15px;
  470.     height: 15px;
  471.     background-position: -5px -306px;
  472. }
  473.  
  474. .flair-PZreJwJFSF8UT7iD---Copy {
  475.     width: 16px;
  476.     height: 16px;
  477.     background-position: -5px -331px;
  478. }
  479.  
  480. .flair-RiddleBox {
  481.     width: 15px;
  482.     height: 15px;
  483.     background-position: -5px -357px;
  484. }
  485.  
  486. .flair-Ringmaster {
  487.     width: 15px;
  488.     height: 15px;
  489.     background-position: -5px -382px;
  490. }
  491.  
  492. .flair-Uzi {
  493.     width: 15px;
  494.     height: 15px;
  495.     background-position: -5px -407px;
  496. }
  497.  
  498. .flair-VJ {
  499.     width: 15px;
  500.     height: 15px;
  501.     background-position: -5px -432px;
  502. }
  503.  
  504. .flair-Wraith {
  505.     width: 15px;
  506.     height: 15px;
  507.     background-position: -5px -457px;
  508. }
  509. .flair,
  510. .linkflair {
  511. color: #FF9100;
  512. }
  513. /*tabmenu*/
  514. #header .tabmenu {
  515. position: absolute;
  516. top: 216px;
  517. margin: 0px;
  518. font-size: 14px;
  519. text-transform: uppercase;
  520. left: 0px;
  521. min-width:650px;
  522. }
  523.  
  524. .tabmenu li a {
  525. padding: 4px 8px;
  526. font-weight: lighter;
  527. color: #white;
  528. background-color:transparent;
  529. font-size:12px
  530. }
  531. .tabmenu li.selected a {
  532. background-color: #7E31B3!important;
  533. border-radius: 5px;
  534. color: black !important;
  535. border:none;
  536. font-weight:bold;
  537. }
  538. .tabmenu li a:hover {
  539. background-color: green;
  540. border-radius: 5px;
  541. color: black;
  542. border: none;
  543. }
  544. /*usertabthingy*/
  545. .res #header-bottom-right {
  546. right: 0px;
  547. top: 209px !important;
  548. padding: 4px 2px 5px 2px!important;
  549. border-radius: 0px!important;
  550. background-color: rgba(126, 49, 179, 0.39);
  551. }
  552. #header-bottom-right {
  553. position: absolute;
  554. top: 209px;
  555. right: 0;
  556. padding: 8px 15px 7px 15px;
  557. width: auto;
  558. height: 12px;
  559. background-color: transparent;
  560. }
  561. #header-bottom-right a {
  562. color: #FFFFFF;
  563. font-weight: normal;
  564. font-size: 12px;
  565. text-transform:uppercase;
  566. }
  567. #header-bottom-right a:hover {
  568. color:#fff;
  569. }
  570. .res #userbarToggle {
  571. display: none!important;
  572. }
  573.  
  574. .user, .loggedin .user {
  575. color: #d80404;
  576. }
  577.  
  578. #RESAccountSwitcherIcon {
  579. margin-top:-5px;
  580. }
  581. .separator {
  582. color:#d80404;
  583. }
  584. .md ul { padding-left:20px !important; }
  585. /*modtext*/
  586. .titlebox,
  587. .titlebox .md,
  588. .icon-menu a {
  589.     color: #d80404
  590. }
  591. /*stickypost*/
  592. .thing.stickied a.title, .thing.stickied a.title:visited, .thing.stickied a.title.visited { color: #f00; border: red; }
  593. .tagline .stickied-tagline {
  594. color: #FF0044;
  595. }
  596. /*postwarning*/
  597. .submit.content #link-desc:after {
  598.     display: block;
  599.     width: 490px;
  600.     margin-top: 20px;
  601.     padding: 10px;
  602.     font-size: 1em;
  603.     line-height: 1.5em;
  604.     font-weight: bold;
  605.     color: black;
  606.     background-color: white;
  607.     border: 2px solid red;
  608.     content: "Please no multi-posts, search for it before you post."
  609. }
  610. /*lightmode*/
  611. html[lang="og"] body,
  612. html[lang="og"] .link {
  613.     background: none;
  614.     border: 0;
  615. }
  616. html[lang="og"] .comment .md {
  617.     color: #000;
  618. }
  619. .side table thead {
  620.     display: none;
  621. }
  622.  
  623. .side table tbody tr td {
  624.     display: block;
  625.     border: none;
  626. }
  627.  
  628. .side table tbody tr td:first-child {
  629.     background-color: #2d0000;
  630.     color: #A09C9C;
  631.     cursor: pointer;
  632.     padding: 10px;
  633.     width: 260px;
  634. }
  635.  
  636. .side table tbody tr td:last-child {
  637.     margin: 0;
  638.     overflow: auto;
  639.     width: 253px;
  640.     max-height: 0px;
  641.     overflow: hidden;
  642.     transition: max-height 1s ease;
  643. }
  644.  
  645. .side table tbody tr:hover td:last-child {
  646.     max-height: 150px;
  647. }
  648.  
  649. .side table tbody tr td:first-child a {
  650.     color: #440000;
  651. }
  652.  
  653. .side table tbody tr td code {
  654.     font-size: 1.1em;
  655. }
  656. /*stuff*/
  657. .create,
  658. .nub {
  659.     display: none;
  660. }
  661. .morelink,
  662. .morelink:hover {
  663.     background: #000;
  664.     border-color: #f00;
  665. }
  666. .morelink:hover {
  667.     background: #111;
  668. }
  669. .morelink a {
  670.     color: #f00;
  671. }
  672. #sr-header-area,
  673. .res #srList,
  674. .width-clip .drop-choices {
  675.     background: #000;
  676. }
  677. #sr-header-area a,
  678. #header .srdrop .title {
  679.     color: #f00;
  680. }
  681. #srList td,
  682. #srList td a {
  683.     color: #f00;
  684. }
  685. .link .title:visited {
  686. color: #830000;
  687. }
  688. .leavemoderator,
  689. .leavecontributor-button,
  690. .titlebox .toggle.flairtoggle,
  691. .icon-menu a {
  692.     background-color: transparent;
  693. }
  694. /* Flair Improvements */
  695.  
  696. .side a.flairselectbtn:after{
  697.  
  698. color:red;
  699.  
  700. font-weight:bold;
  701.  
  702. content:" <-- Click here to select a flair for next to your nickname!";
  703.  
  704. }
  705. .flairselector h2:after{
  706.  
  707. font-size:10px;
  708.  
  709. content: " - Select a pic and then click save to add next to your username.";
  710.  
  711. }
  712.  
  713. .flairselector form:before{
  714.  
  715. content: "To disable flair, simply uncheck <Show my flair on this reddit> in the sidebar.";
  716.  
  717. }
  718. .expando-button {
  719. float: none;
  720. }
  721. /*subredditsettings*/
  722. .linefield {
  723. width: 514px;
  724. padding: 7px 5px;
  725. font-size: large;
  726. background-color: #000;
  727. margin-bottom: 10px;
  728. }
  729. /*online*/
  730. media="all"
  731. .users-online:before {
  732. background-image: url(%%warning%%);
  733. background-position: -66px -730px;
  734. background-repeat: no-repeat;
  735. }
  736. /*names*/
  737. .tagline a {
  738. color: #DF0000;
  739. text-decoration: none;
  740. }
  741. /*submitpage*/
  742. .roundfield {
  743. background-color: #000000;
  744. color: #D80404;
  745. }
  746. a {
  747. text-decoration: underline;
  748. color: #0081FF;
  749. }
  750. .content.submit .info-notice {
  751. background-color: #000000;
  752. border: 1px solid #B60401;
  753. }
  754.  
  755. .roundfield textarea, .roundfield input[type=text], .roundfield input[type=url], .roundfield input[type=password], .roundfield input[type=number] {
  756. padding: 3px;
  757. margin: 0;
  758. border: 2px solid rgb(254, 0, 0);
  759. background-color: black;
  760. color: rgb(254, 0, 0);
  761. }
  762. h1 {
  763. font-size: 18px;
  764. font-weight: normal;
  765. margin: 10px 0;
  766. color: rgb(253, 0, 0);
  767. }
  768. .tabmenu.formtab .selected a {
  769. color: black;
  770. font-size: 130%;
  771. background-color: #EC0000;
  772. border: none;
  773. }
  774. .formtabs-content {
  775. width: 520px;
  776. border-top: 4px solid #EC0000;
  777. padding-top: 10px;
  778. }
  779. /*posts*/
  780. .panestack-title .title {
  781. font-size: 16px;
  782. font-weight: normal;
  783. margin: 10px 0;
  784. color: red;
  785. }
  786. .link .usertext .md {
  787. background-color: #000000;
  788. border: 1px solid #F00;
  789. border-radius: 7px;
  790. color: rgb(254, 0, 0);
  791. }
  792. .linkinfo {
  793. padding: 5px;
  794. border: 3px solid rgba(148, 0, 255, 0.51)!important;
  795. background-color: rgba(159, 0, 0, 1);
  796. font-family: arial,helvetica,sans-serif;
  797. font-size: larger;
  798. border-radius: 5
  799. }
  800. .md, .usertext-edit textarea {
  801. max-width: 60em;
  802. color: #FF0000;
  803. background-color: black;
  804. border-radius: 5;
  805. }
  806. /*misc*/
  807. .linefield label {
  808. color: rgb(215, 4, 4);
  809. }
  810. .titlebox h1 a {
  811.     display: none;
  812. }
  813. .md * {
  814. margin-left: 0;
  815. margin-right: 0;
  816. COLOR: rgb(189, 0, 0);
  817. }
  818. /*Newheader*/
  819. .md h6 {
  820. color: red;
  821. font-weight: bold;
  822. position: absolute;
  823. top: 40px;
  824. left: 130px;
  825. z-index: 1000;
  826. border: 1px solid red;
  827. padding: 5px 10px;
  828. max-width: 300px;
  829. text-align:center;
  830. font-size:10px !important;
  831. color:red;
  832. background-color:#141414;
  833. }
  834. .md h6 a {
  835. color: rgb(0, 168, 255);
  836. text-decoration: underline;
  837. display: block;
  838. font-size: 10px;
  839. margin: 2px 0;
  840. }
  841. .md h6 a:hover {
  842. text-decoration:none;
  843. }
  844. .md h6 code {
  845. font-weight: bold;
  846. }
  847. /*banner*/
  848. #header { background: #000000; }
  849.  
  850. #header .pagename, #header .pagename a {color: #000000!important; }
  851. #header {
  852.     background: url(%%Found%%);
  853.     height: 206px;
  854. }
  855. #header .pagename a {
  856.     top: 20px;
  857.     right: 0;
  858.     left: 0;
  859.     bottom: 0;
  860.     position: absolute;
  861. }
  862. /*search*/
  863. #search input[type=text] {
  864.     border:2px solid rgb(214, 0, 0);
  865.     background-color: black;
  866.     color:rgb(214,0,0);
  867. }
  868. /*smallblacktextfix*/
  869. .md-container {
  870.   font-size: small;
  871.   color: rgb(214, 0, 0);
  872. }
  873. body {
  874.   color: rgb(197, 202, 18);
  875. }
  876. /*mail*/
  877. #mail.nohavemail {
  878.   background-image: url(%%spritesheet%%);
  879.     width: 16px;
  880.     height: 16px;
  881.     background-position: -5px -331px;
  882. }
  883. #mail.havemail {
  884.   background-image: url(%%spritesheet%%);
  885.       width: 16px;
  886.     height: 16px;
  887.     background-position: -5px -180px;
  888. }
  889. /*opcolors*/
  890. .tagline .author.submitter {
  891.   color: black;
  892.   font-weight: bold;
  893.   padding: 0px 2px;
  894.   border-radius: 2px;
  895.   background-color: #d80404;
  896. }
  897. /*linkflair*/
  898. .linkflairlabel {
  899.   background-color: black;
  900.   color: red;
  901.   font-size: medium;
  902.   padding: 0px 10px 0px 10px;
  903. }
  904. /*spoiler*/
  905. a[href$="/spoiler"] {
  906.     background: #383838!important;
  907.     color: #383838!important;
  908.     border-radius: 10px;
  909.     margin: 0px 5px 0px 0px;
  910. }
  911.  
  912. a[href$="/spoiler"]:hover {
  913. color: #FFF !important
  914. }
  915. /* RENAME AUTOMODERATOR IN MODERATOR LIST BOX */
  916.  
  917. .sidecontentbox .author.id-t2_6l4z3 {
  918.    font-size: 0px;
  919.    letter-spacing: -12px;
  920.    }
  921.  
  922. .sidecontentbox .author.id-t2_6l4z3:after {
  923.    content: "Auto Juggalo ";
  924.    font-size: 12px !important;
  925.    letter-spacing: normal;
  926.    margin-right: 3px;
  927.    }
  928.    
  929.    /*BONUS FLAR*/
  930.    .author[href$="/user/EXTSZombiemaster"] ~ .userattrs:before {
  931.     display: inline-block;
  932.     content: url(%%Donger%%);
  933.     height: 18px;
  934.     margin-right: .5em;
  935.     width: 55px;
  936.     vertical-align: bottom;
  937. }
  938. .author[href$="/user/EXTSZombiemaster"] ~ .userattrs:hover:after {
  939.     content: 'Whoop! Whoop!';
  940.     background-color: #d20000;
  941.     color: white;
  942.     font-weight: bold;
  943.     height: auto;
  944.     width: auto;
  945.     margin-top: 0px;
  946.     padding: 1px 4px;
  947.     vertical-align: middle;
  948.     margin-left: 0px;
  949.     margin-bottom: 0px;
  950.     display: inline-block;
  951.    
  952. }
  953.  
  954. .linklisting .md, .commentarea .md, .linklisting .usertext-edit textarea, .commentarea .usertext-edit textarea {margin-top: 5px;margin-bottom: 5px;background: black;color: white;}
  955. .RESDialogSmall.livePreview > h3{background: rgba(40, 57, 40, 0.36);}
  956. .livePreview, .livePreview .md{background: repeating-linear-gradient(-45deg, transparent, transparent 40px, rgba(33, 145, 30, 0) 40px, rgba(166, 166, 166, 0.33) 80px);color: black;}
  957. .gold-accent{margin-top: 10px;padding: 0 10px 5px;background-color: #7E31B4;border: solid 2px green;color: white!important;display: inline-block;}
  958. .titlebox, .titlebox .md, .icon-menu a{color: #900000;}
  959. .linkinfo{padding: 5px;border: 5px solid green!important;background-color: #7E31B3;font-family: arial,helvetica,sans-serif;font-size: larger;border-radius: 3px;color: black;}
  960. .infobar{background-color: rgba(125, 49, 179, 0.22);padding: 5px 10px;margin: 3px -4px 5px 0px!important;border: 2px solid green;font-size: medium;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align:center;}
  961. .roundfield{width: 500px;background-color: rgb(19, 19, 19);border-radius: 4px;padding: 5px 10px 10px 10px;font-size: large;}
  962. .content.submit .info-notice{border: 1px solid #800311;padding: 9px;margin-bottom: 12px;font-size: larger;color: white;background:none;}
  963. .formtabs-content{width: 523px;border-top: 4px solid #7E31B3;padding-top: 6px;}
  964. .link .title{font-size: large;font-weight: 500;margin-bottom: 1px;}
  965. .wiki-page .wiki-page-content .wiki.md{color:white;}
  966. .mod-toolbox .menuarea.modtools {background:none;}
  967. .RESDropdownList {
  968. list-style-type: none;
  969. background-color: #7E31B4;
  970. width: 180px;
  971. border-radius: 0px 0px 3px 3px;
  972. border: 1px solid green;
  973. }
  974.  
  975.  
  976.  
  977. .pretty-form {color:white;}
  978.  
  979.  
  980.  
  981.  
  982. body{font-size: small!important; font-weight: 400;
  983.     font-family: 'Roboto Condensed', sans-serif; font-style: normal!important; color:white;
  984.    
  985. }
  986.  
  987.  
  988.  
  989. .side .md .-text, .side .md p, .side .md pre>code, .side .md th, .side .md td, .side .md li, .side .usertext-edit textarea .-text, .side .usertext-edit textarea p, .side .usertext-edit textarea pre>code, .side .usertext-edit textarea th, .side .usertext-edit textarea td, .side .usertext-edit textarea li {font-size: 1em;
  990. line-height: 1.5em;}
  991.  
  992. /*spindathatchet*/
  993. .arrow.upmod{
  994.   animation: animationFrames linear 4s;
  995.   animation-iteration-count: infinite;
  996.   transform-origin: ;
  997.   -webkit-animation: animationFrames linear 4s;
  998.   -webkit-animation-iteration-count: infinite;
  999.   -webkit-transform-origin: ;
  1000.   -moz-animation: animationFrames linear 4s;
  1001.   -moz-animation-iteration-count: infinite;
  1002.   -moz-transform-origin: ;
  1003.   -o-animation: animationFrames linear 4s;
  1004.   -o-animation-iteration-count: infinite;
  1005.   -o-transform-origin: ;
  1006.   -ms-animation: animationFrames linear 4s;
  1007.   -ms-animation-iteration-count: infinite;
  1008.   -ms-transform-origin:
  1009. }
  1010. @keyframes animationFrames{
  1011.   0% {
  1012.     left:-25px;
  1013.     top:-23px;
  1014.     opacity:1;
  1015.     transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  1016.   }
  1017.   100% {
  1018.     left:-22px;
  1019.     top:-23px;
  1020.     opacity:1;
  1021.     transform:  rotate(360deg) scaleX(1) scaleY(1) ;
  1022.   }
  1023. }
  1024. @-moz-keyframes animationFrames{
  1025.   0% {
  1026.     left:-25px;
  1027.     top:-23px;
  1028.     opacity:1;
  1029.     -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  1030.   }
  1031.   100% {
  1032.     left:-22px;
  1033.     top:-23px;
  1034.     opacity:1;
  1035.     -moz-transform:  rotate(360deg) scaleX(1) scaleY(1) ;
  1036.   }
  1037. }
  1038. @-webkit-keyframes animationFrames {
  1039.   0% {
  1040.     left:-25px;
  1041.     top:-23px;
  1042.     opacity:1;
  1043.     -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  1044.   }
  1045.   100% {
  1046.     left:-22px;
  1047.     top:-23px;
  1048.     opacity:1;
  1049.     -webkit-transform:  rotate(360deg) scaleX(1) scaleY(1) ;
  1050.   }
  1051. }
  1052. @-o-keyframes animationFrames {
  1053.   0% {
  1054.     left:-25px;
  1055.     top:-23px;
  1056.     opacity:1;
  1057.     -o-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  1058.   }
  1059.   100% {
  1060.     left:-22px;
  1061.     top:-23px;
  1062.     opacity:1;
  1063.     -o-transform:  rotate(360deg) scaleX(1) scaleY(1) ;
  1064.   }
  1065. }
  1066. @-ms-keyframes animationFrames {
  1067.   0% {
  1068.     left:-25px;
  1069.     top:-23px;
  1070.     opacity:1;
  1071.     -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  1072.   }
  1073.   100% {
  1074.     left:-22px;
  1075.     top:-23px;
  1076.     opacity:1;
  1077.     -ms-transform:  rotate(360deg) scaleX(1) scaleY(1) ;
  1078.   }
  1079.  
  1080.   #search input[type="text"] {
  1081.     position: relative !important;
  1082.     bottom: 5px !important;
  1083.     z-index: 100 !important;
  1084.     font-size: 17px !important;
  1085.     background-color: #1d1d1d !important;
  1086.     border: 1px solid #34000C !important;
  1087.     -webkit-border-bottom-right-radius: 8px !important;
  1088.     -webkit-border-bottom-left-radius: 8px !important;
  1089.     -webkit-border-top-right-radius: 8px !important;
  1090.     -webkit-border-top-left-radius: 8px !important;
  1091.     -moz-border-radius-bottomright: 8px !important;
  1092.     -moz-border-radius-bottomleft: 8px !important;
  1093.     -moz-border-radius-topright: 8px !important;
  1094.     -moz-border-radius-topleft: 8px !important
  1095.     }
  1096.  
  1097.  
  1098.  
  1099. /*SORTABLE FLAIRS*/
  1100. /*7-27-15*/
  1101. /*erktheerk*/
  1102. /*ALso lines 901-902 under .linkflairlabel*/
  1103. /* Hide Search Elements */
  1104.  
  1105. html:lang(mp) .searchfacets {display: none;}
  1106. html:lang(mp) .search-summary {display: none;}
  1107. html:lang(mp) .raisedbox {display: none;}
  1108.  
  1109. html:lang(cu) .search-summary {display: none;}
  1110. html:lang(cu) .searchpane {display: none;}
  1111. html:lang(cu) .raisedbox {display: none;}
  1112.  
  1113. html:lang(vo) .search-summary {display: none;}
  1114. html:lang(vo) .searchpane {display: none;}
  1115. html:lang(vo) .raisedbox {display: none;}
  1116.  
  1117. html:lang(st) .search-summary {display: none;}
  1118. html:lang(st) .searchpane {display: none;}
  1119. html:lang(st) .raisedbox {display: none;}
  1120.  
  1121. html:lang(na) .search-summary {display: none;}
  1122. html:lang(na) .searchpane {display: none;}
  1123. html:lang(na) .raisedbox {display: none;}
  1124.  
  1125. html:lang(ty) .search-summary {display: none;}
  1126. html:lang(ty) .searchpane {display: none;}
  1127. html:lang(ty) .raisedbox {display: none;}
  1128.  
  1129. html:lang(mc) .search-summary {display: none;}
  1130. html:lang(mc) .searchpane {display: none;}
  1131. html:lang(mc) .raisedbox {display: none;}
  1132.  
  1133. html:lang(gm) .search-summary {display: none;}
  1134. html:lang(gm) .searchpane {display: none;}
  1135. html:lang(gm) .raisedbox {display: none;}
  1136.  
  1137. html:lang(pc) .search-summary {display: none;}
  1138. html:lang(pc) .searchpane {display: none;}
  1139. html:lang(pc) .raisedbox {display: none;}
  1140.  
  1141. html:lang(qa) .search-summary {display: none;}
  1142. html:lang(qa) .searchpane {display: none;}
  1143. html:lang(qa) .raisedbox {display: none;}
  1144.  
  1145. html:lang(ds) .search-summary {display: none;}
  1146. html:lang(ds) .searchpane {display: none;}
  1147. html:lang(ds) .raisedbox {display: none;}
  1148.  
  1149. html:lang(ct) .search-summary {display: none;}
  1150. html:lang(ct) .searchpane {display: none;}
  1151. html:lang(ct) .raisedbox {display: none;}
  1152.  
  1153. html:lang(sb) .search-summary {display: none;}
  1154. html:lang(sb) .searchpane {display: none;}
  1155. html:lang(sb) .raisedbox {display: none;}
  1156.  
  1157. html:lang(fn) .search-summary {display: none;}
  1158. html:lang(fn) .searchpane {display: none;}
  1159. html:lang(fn) .raisedbox {display: none;}
  1160.  
  1161. html:lang(aa) .search-summary {display: none;}
  1162. html:lang(aa) .searchpane {display: none;}
  1163. html:lang(aa) .raisedbox {display: none;}
  1164.  
  1165. .new-comment .usertext-body {
  1166.     background-color: #e5efff;
  1167.     border: none;
  1168.     margin: -1px 0;
  1169.     padding: 0 4px;
  1170. }
Advertisement
Add Comment
Please, Sign In to add comment