API tools faq
paste
Advertisement
Guest User

SFW Gif Network

a guest
Jun 3rd, 2014
212
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 26.34 KB | None | 0 0
raw download clone embed print report
  1. /*** change this per sub ***/
  2.  
  3. /* users title */
  4. div.titlebox .subscribers span.number:after {  
  5. content: " total users"  
  6. }
  7. div.titlebox .users-online span.number:after {
  8. content: " users here now"
  9. }
  10.  
  11. /* sticky color */
  12. .side h3:nth-of-type(1) {
  13.     position: absolute;
  14.     display: block;
  15.     top: 200px;
  16.     left: 30px;
  17.     background-color: #000; /* change this color per sub - ctcps */
  18.     color: #FFF;
  19.     text-align: left;
  20.     margin: 15px;
  21.     border: 1px solid #000;
  22.     border-top-right-radius: 0px;
  23.     border-top-left-radius: 0px;
  24.     border-bottom-right-radius: 7px;
  25.     border-bottom-left-radius: 7px;
  26.     height: 20px;
  27.     line-height: 30px;
  28.     padding: 7px 5px 7px 40px;
  29.     background-image: url(%%sfw-gif-sprite%%);
  30.     background-position: 0 -167px;
  31.     background-repeat: no-repeat;
  32.     }
  33.  
  34.  
  35. /***********************
  36.  
  37. * Upload a custom pagename image, as well as banner
  38. * Change the color of the sticky to fit the sub - search this css for "ctcps" and you'll find the location to change
  39. * Change the name of the users of the sub - search for "ctsbfs"
  40.  
  41. ----
  42. Files you will need
  43.  
  44. spacer on /about/edit page - http://f.thumbs.redditmedia.com/NU-LNjuvUFNJqwXq.png
  45.  
  46. sfw-gif-sprite - http://c.thumbs.redditmedia.com/tKUxZfAv6qyPh01b.png
  47. noise - http://a.thumbs.redditmedia.com/QZs-8W36NtSW8F9x.png
  48. h0w-vote - http://a.thumbs.redditmedia.com/RPwHfcO-nRknn7t0.png
  49. banner - make it 2560x200
  50. pagename - make it 326x188
  51.  
  52.  
  53. **********************/
  54.  
  55.  
  56.  
  57. /******************************************************
  58. everything under here can remain as is
  59. ******************************************************/
  60.  
  61.  
  62.  
  63.  
  64.  
  65. /************************/
  66. /* Used with the Sprite */
  67. /************************/
  68.  
  69.  
  70. /*****approved hosts*****/
  71. a.title[href*=px]:before {
  72.     background-image: url(%%sfw-gif-sprite%%);
  73.     width: 16px;
  74.     height: 16px;
  75.     content: "";
  76.     background-position: 0px 0px;
  77.     display: inline-block;
  78.     position: relative;
  79.     margin-right: 3px;
  80.     }
  81. a.title[href*=deviantart]:before {
  82.     background-image: url(%%sfw-gif-sprite%%);
  83.     width: 16px;
  84.     height: 16px;
  85.     content: "";
  86.     background-position: -18px 0px;
  87.     display: inline-block;
  88.     position: relative;
  89.     margin-right: 3px;
  90.     }
  91. a.title[href*=flickr]:before {
  92.     background-image: url(%%sfw-gif-sprite%%);
  93.     width: 16px;
  94.     height: 16px;
  95.     content: "";
  96.     background-position: 16px 0px;
  97.     display: inline-block;
  98.     position: relative;
  99.     margin-right: 3px;
  100.     }
  101. a.title[href*=googleusercontent]:before {
  102.     background-image: url(%%sfw-gif-sprite%%);
  103.     width: 16px;
  104.     height: 16px;
  105.     content: "";
  106.     background-position: 0px -18px;
  107.     display: inline-block;
  108.     position: relative;
  109.     margin-right: 3px;
  110.     }
  111. a.title[href*=imgur]:before {
  112.     background-image: url(%%sfw-gif-sprite%%);
  113.     width: 16px;
  114.     height: 16px;
  115.     content: "";
  116.     background-position: -18px -18px;
  117.     display: inline-block;
  118.     position: relative;
  119.     margin-right: 3px;
  120.     }
  121. a.title[href*=minus]:before {
  122.     background-image: url(%%sfw-gif-sprite%%);
  123.     width: 16px;
  124.     height: 16px;
  125.     content: "";
  126.     background-position: 16px -18px;
  127.     display: inline-block;
  128.     position: relative;
  129.     margin-right: 3px;
  130.     }
  131. a.title[href*=nasa]:before {
  132.     background-image: url(%%sfw-gif-sprite%%);
  133.     width: 16px;
  134.     height: 16px;
  135.     content: "";
  136.     background-position: 16px -54px;
  137.     display: inline-block;
  138.     position: relative;
  139.     margin-right: 3px;
  140.     }
  141. a.title[href*=panoramio]:before {
  142.     background-image: url(%%sfw-gif-sprite%%);
  143.     width: 16px;
  144.     height: 16px;
  145.     content: "";
  146.     background-position: 0px -18px;
  147.     display: inline-block;
  148.     position: relative;
  149.     margin-right: 3px;
  150.     }
  151. a.title[href*=smugmug]:before {
  152.     background-image: url(%%sfw-gif-sprite%%);
  153.     width: 16px;
  154.     height: 16px;
  155.     content: "";
  156.     background-position: 17px -36px;
  157.     display: inline-block;
  158.     position: relative;
  159.     margin-right: 3px;
  160.     }
  161. a.title[href*=wikimedia]:before {
  162.     background-image: url(%%sfw-gif-sprite%%);
  163.     width: 16px;
  164.     height: 16px;
  165.     content: "";
  166.     background-position: 0px -54px;
  167.     display: inline-block;
  168.     position: relative;
  169.     margin-right: 3px;
  170.     }
  171. a.title[href*=nationalgeographic]:before {
  172.     background-image: url(%%sfw-gif-sprite%%);
  173.     width: 16px;
  174.     height: 16px;
  175.     content: "";
  176.     background-position: -19px -36px;
  177.     display: inline-block;
  178.     position: relative;
  179.     margin-right: 3px;
  180.     }
  181. a.title[href*=picsarus]:before {
  182.     background-image: url(%%sfw-gif-sprite%%);
  183.     width: 16px;
  184.     height: 16px;
  185.     content: "";
  186.     background-position: 16px -72px;
  187.     display: inline-block;
  188.     position: relative;
  189.     margin-right: 3px;
  190.     }
  191. a.title[href*=cnn]:before {
  192.     background-image: url(%%sfw-gif-sprite%%);
  193.     width: 16px;
  194.     height: 16px;
  195.     content: "";
  196.     background-position: -18px 16px;
  197.     display: inline-block;
  198.     position: relative;
  199.     margin-right: 3px;
  200.     }
  201. a.title[href*=bbc]:before {
  202.     background-image: url(%%sfw-gif-sprite%%);
  203.     width: 16px;
  204.     height: 16px;
  205.     content: "";
  206.     background-position: 16px 16px;
  207.     display: inline-block;
  208.     position: relative;
  209.     margin-right: 3px;
  210.     }
  211. a.title[href*=nato]:before {
  212.     background-image: url(%%sfw-gif-sprite%%);
  213.     width: 16px;
  214.     height: 16px;
  215.     content: "";
  216.     background-position: 0px 16px;
  217.     display: inline-block;
  218.     position: relative;
  219.     margin-right: 3px;
  220.     }
  221. a.title[href*=esa]:before {
  222.     background-image: url(%%sfw-gif-sprite%%);
  223.     width: 16px;
  224.     height: 16px;
  225.     content: "";
  226.     background-position: -18px 52px;
  227.     display: inline-block;
  228.     position: relative;
  229.     margin-right: 3px;
  230.     }
  231. a.title[href*=hubblesite]:before {
  232.     background-image: url(%%sfw-gif-sprite%%);
  233.     width: 16px;
  234.     height: 16px;
  235.     content: "";
  236.     background-position: 0px 52px;
  237.     display: inline-block;
  238.     position: relative;
  239.     margin-right: 3px;
  240.     }
  241. a.title[href*=pbase]:before {
  242.     background-image: url(%%sfw-gif-sprite%%);
  243.     width: 16px;
  244.     height: 16px;
  245.     content: "";
  246.     background-position: -0px 34px;
  247.     display: inline-block;
  248.     position: relative;
  249.     margin-right: 3px;
  250.     }
  251. a.title[href*=nationalgeographic]:before {
  252.     background-image: url(%%sfw-gif-sprite%%);
  253.     width: 16px;
  254.     height: 16px;
  255.     content: "";
  256.     background-position: -19px -36px;
  257.     display: inline-block;
  258.     position: relative;
  259.     margin-right: 3px;
  260.     }
  261. a.title[href*=shadowness]:before {
  262.     background-image: url(%%sfw-gif-sprite%%);
  263.     width: 16px;
  264.     height: 16px;
  265.     content: "";
  266.     background-position: -18px 34px;
  267.     display: inline-block;
  268.     position: relative;
  269.     margin-right: 3px;
  270.     }
  271. a.title[href*=summitpost]:before {
  272.     background-image: url(%%sfw-gif-sprite%%);
  273.     width: 16px;
  274.     height: 16px;
  275.     content: "";
  276.     background-position: 0px 36px;
  277.     display: inline-block;
  278.     position: relative;
  279.     margin-right: 3px;
  280.     }
  281.    
  282. /*announcement sticky*/
  283.  
  284. div.content {
  285.     margin-top:60px;
  286.     }
  287. .titlebox form {
  288.     position: static
  289.     }
  290.  
  291. .side h3:nth-of-type(1) a {
  292.     color: #FFF;
  293.     text-shadow: 1px 1px #30401A;
  294.     }
  295.    
  296. /*flairs*/
  297. .flair-Star {
  298.     background-image: url(%%sfw-gif-sprite%%);
  299.     display: inline-block;
  300.     background-color: transparent;
  301.     background-repeat: no-repeat;
  302.     background-position: -22px -127px;
  303.     height: 14px; width: 14px;
  304.     vertical-align: -30%;
  305.     margin-right: -2px;
  306.     border: none
  307.     }
  308. .flair-Camera {
  309.     width: 16px;
  310.     height: 16px;
  311.     background-image: url(%%sfw-gif-sprite%%);
  312.     display: inline-block;
  313.     background-color: transparent;
  314.     background-repeat: no-repeat;
  315.     background-position: -40px -126px;
  316.     vertical-align: -30%;
  317.     margin-right: -2px;
  318.     border: none
  319.     }
  320. .flair-Robot {
  321.     width: 16px;
  322.     height: 16px;
  323.     background-image: url(%%sfw-gif-sprite%%);
  324.     display: inline-block;
  325.     background-color: transparent;
  326.     background-repeat: no-repeat;
  327.     background-position: 0px -127px;
  328.     vertical-align: -30%;
  329.     margin-right: -2px;
  330.     border: none
  331.     }
  332. .flair-Gold {
  333.    width: 16px;
  334.     height: 16px;
  335.     background-image: url(%%sfw-gif-sprite%%);
  336.     display: inline-block;
  337.     background-color: transparent;
  338.     background-repeat: no-repeat;
  339.     background-position: -39px -149px;
  340.     vertical-align: -30%;
  341.     margin-right: -2px;
  342.     border: none
  343.     }
  344. .flair-Silver {
  345.    width: 16px;
  346.     height: 16px;
  347.     background-image: url(%%sfw-gif-sprite%%);
  348.     display: inline-block;
  349.     background-color: transparent;
  350.     background-repeat: no-repeat;
  351.     background-position: -19px -149px;
  352.     vertical-align: -30%;
  353.     margin-right: -2px;
  354.     border: none
  355.     }
  356. .flair-Bronze {
  357.    width: 16px;
  358.     height: 16px;
  359.     background-image: url(%%sfw-gif-sprite%%);
  360.     display: inline-block;
  361.     background-color: transparent;
  362.     background-repeat: no-repeat;
  363.     background-position: 0px -149px;
  364.     vertical-align: -30%;
  365.     margin-right: -2px;
  366.     border: none
  367.     }
  368. a.title[href*=gfycat]:before {
  369.     background-image: url(%%sfw-gif-sprite%%);
  370.     width: 16px;
  371.     height: 16px;
  372.     content: "";
  373.     background-position: -55px -0px;
  374.     display: inline-block;
  375.     position: relative;
  376.     margin-right: 3px;
  377.     }
  378. /*************************/
  379. /*sprite end*/
  380.  
  381.  
  382. /* Banner Area ============================================================================*/
  383.  
  384. body {
  385.     background: url('%%noise%%') #f7f7f7;
  386.     }
  387. body {
  388.     background-color: white
  389.     }
  390. #header {
  391.     background: url(%%banner%%)  repeat bottom left;
  392.     background-color: black;
  393.     border-bottom: 5px solid black
  394.     }
  395. #header .redditname a {
  396.     font-size: 150%;
  397.     color: white;
  398.     text-shadow: black 0px 0px 10px
  399.     }
  400. .pagename a {
  401.     text-indent: -9999px;
  402.     background-image: url(%%pagename%%);
  403.     width: 326px;
  404.     height: 188px;
  405.     background-position: 0px 0px;
  406.     display: inline-block;
  407.     position: absolute;
  408.     margin-left: -220px;
  409.     margin-top: 2px;
  410.     }
  411. .pagename {
  412.     position: absolute;
  413.     left: 270px;
  414.     }
  415.  
  416.  
  417. /* My Reddts Bar ==========================================================================*/
  418.  
  419. #sr-header-area {
  420.     background-color: black;
  421.     /*#00305F;*/
  422.     border-bottom: none
  423.     }
  424. .sr-bar a, .sr-bar .separator {
  425.     color: white !important
  426.     }
  427. #sr-more-link {
  428.     display: none
  429.     }
  430. .dropdown .title {
  431.     background-color: black;
  432.     color:white !important
  433.     }
  434. .drop-choices .choice {
  435.     color: black !important
  436.     }
  437. .dropdown .title {
  438.     color: white
  439.     }
  440.    
  441.    
  442. /* Scorebar ===============================================================================*/
  443.  
  444.  
  445. #header-bottom-right {
  446.     background-color: white
  447.     }
  448. #header-bottom-right a, #header-bottom-right .separator, .user {
  449.     color: black !important
  450.     }
  451. #header-bottom-right a {
  452.     color: white
  453.     }
  454.  
  455. /* Tabs ===================================================================================*/
  456.  
  457. .tabmenu li a {
  458.     -moz-border-radius-topleft: 7px;
  459.     -moz-border-radius-topright: 7px;
  460.     -webkit-border-top-left-radius: 7px;
  461.     -webkit-border-top-right-radius: 7px
  462.     }
  463. .tabmenu li a {
  464.     background-color: black !important;
  465.     color: white
  466.     }
  467. .tabmenu li.selected a {
  468.     background-color: white !important;
  469.     color: red;
  470.     border: none;
  471.     }
  472. #header-bottom-left .tabmenu {
  473.     position: relative;
  474.     left: 320px;
  475.     }
  476.  
  477.  
  478.  
  479.  
  480. /* Custom Up and Down arrows ================================================================*/
  481.  
  482. .link .arrow {
  483.     height: 20px;
  484.     width: 20px;
  485.     background-image: url(%%h0w-vote%%) !important;
  486.     }
  487. .link .arrow.up {
  488.     background-position: 0px -20px;
  489.     opacity: .8 !important;
  490.     }
  491. .link .arrow.down {
  492.     background-position: 0px -60px;
  493.     opacity: .8 !important;
  494.     }
  495. .link .arrow.up:hover {
  496.     background-position: 0px -20px;
  497.     opacity: 1 !important;
  498.     }
  499. .link .arrow.down:hover {
  500.     background-position: 0px -60px;
  501.     opacity: 1 !important;
  502.     }
  503. .link .arrow.upmod {
  504.     background-position: 0px -0px;
  505.     opacity: 1 !important;
  506.     }
  507. .link .arrow.downmod {
  508.     background-position: 0px -40px;
  509.     opacity: 1 !important;
  510.     }
  511.  
  512. .comment .arrow.up {
  513.     background-image: url(%%h0w-vote%%) !important;
  514.     background-position: 0 -20px;
  515.     width: 20px;
  516.     margin-left: 3px;
  517.     height: 20px;
  518.     }
  519. .comment .arrow.upmod {
  520.     background-image: url(%%h0w-vote%%) !important;
  521.     padding-right: 5px !important;
  522.     background-position: 0 -0px;
  523.     width: 20px;
  524.     margin-left: 3px;
  525.     height: 20px;
  526.     }
  527. .comment .midcol{
  528.     width: 22px;
  529. }
  530.  
  531. .comment .arrow.down {
  532.     background-image: url(%%h0w-vote%%) !important;
  533.     background-position: 0 -60px;
  534.     width: 20px;
  535.     margin-left: 3px;
  536.     height: 20px;
  537.     }
  538. .comment .arrow.downmod {
  539.     background-image: url(%%h0w-vote%%) !important;
  540.     padding-right: 5px !important;
  541.     background-position: 0 -40px;
  542.     width: 20px;
  543.     margin-left: 3px;
  544.     height: 20px;
  545.     }
  546. .compressed .midcol,
  547. .link .midcol {
  548.     padding-right: 5px !important;
  549.     }
  550.  
  551.  
  552.  
  553. /* Content  =================================================================================*/
  554.  
  555. html {
  556.     position: relative
  557.     }
  558.  
  559. .linklisting .report-button:hover:before {
  560.     content: "Please message the moderators explaining why you are reporting this.";
  561.     position: absolute;
  562.     display: block;
  563.     z-index: 1000;
  564.     padding: 5px;
  565.     border: 1px solid #919191;
  566.     border-radius: 5px;
  567.     background-color: #FCFCFC;
  568.     color: #6B6B6B;
  569.     text-align: center;
  570.     font-size: 11px;
  571.     font-weight: normal;
  572.     margin-left: -15px;
  573.     margin-top: -38px;
  574.     box-shadow: 2px 2px 5px #888888
  575.     }
  576.  
  577. /* Links Colors & Size*/
  578.  
  579. .title:hover {
  580.     color: #8e752d !important
  581.     }
  582. .title {
  583.     font-weight: bold !important;
  584.     font-size: 1.20em !important
  585.     }
  586. .title {
  587.     color: black !important
  588.     }
  589. .title a.title:visited {
  590.     color: #a9a9a9 !important;
  591.     /*color:#666666 !important;*/
  592.     }
  593. .author {
  594.     color: #00305F !important
  595.     }
  596. .footer {
  597.     background-color: white;
  598.     border: 1px solid gray;
  599.     }
  600. .linefield {
  601.     -moz-border-radius: 7px;
  602.     -webkit-border-radius: 7px;
  603.     }
  604.  
  605. /* Submit Page ==============================================================================*/
  606.  
  607. #newlink .infobar {
  608.     background-color: transparent;
  609.     padding: 0;
  610.     margin: 0;
  611.     font-size: 0;
  612.     border: 0;
  613.     text-indent: -10000px
  614.     }
  615. #newlink .infobar:after {
  616.     text-indent: 0;
  617.     background-color: red;
  618.     color: white !important;
  619.     border: 0;
  620.     padding: 10px;
  621.     background-position: bottom center;
  622.     background-repeat: no-repeat;
  623.     font-size: 15pt;
  624.     font-weight: bold;
  625.     display: block;
  626.     margin-top: 5px;
  627.     -moz-border-radius: 7px;
  628.     -webkit-border-radius: 7px
  629.     }
  630. #link-desc:after {
  631.     content: "Before you post, please read and follow the rules in the sidebar. Failure to do so will result in your post being removed.";
  632.     }
  633.  
  634. /*SIDEBAR==================================================================================*/
  635.  
  636. /*replace "readers" with something else*/
  637.  
  638. div.titlebox span.word {
  639. display: none
  640. }
  641.  
  642.  
  643.  
  644. .side form#search {
  645.     position: relative;
  646.     z-index: 9999;
  647.     top: 4px;
  648.     right: 1px
  649.     }
  650. .side form#search input[name="q"] {
  651.     -moz-border-radius: 7px;
  652.     -webkit-border-radius: 7px;
  653.     line-height: 25px;
  654.     text-align: center
  655.     }
  656. #searchexpando {
  657.     -moz-border-radius: 7px;
  658.     -webkit-border-radius: 7px;
  659.     border: 1px solid #5F99CF;
  660.     background-color: #EFF7FF;
  661.     }
  662. .login-form-side {
  663.     -moz-border-radius: 7px;
  664.     -webkit-border-radius: 7px;
  665.     }
  666. .side {
  667.     float: right;
  668.     background-color: transparent;
  669.     margin: 36px 5px 0 5px;
  670.     width: 300px;
  671.     }
  672. .side .spacer {
  673.     margin: 5px 0 12px 0;
  674.     }
  675. .sidebox {
  676.     color: #B78F30;
  677.     position: absolute;
  678.     top: 224px;
  679.     width: 300px;
  680.     }
  681. .morelink {
  682.     display: block;
  683.     text-align: center;
  684.     position: relative;
  685.     border: 1px solid gray;
  686.     background: white;
  687.     background-image: none;
  688.     -moz-border-radius: 7px;
  689.     -webkit-border-radius: 7px;
  690.     border: 1px solid gray;
  691.     visibility: visible !important
  692.     }
  693. .morelink:hover, .mlh {
  694.     border-color: gray;
  695.     background-image: none;
  696.     visibility: visible !important
  697.     }
  698. .morelink a {
  699.     display: block;
  700.     width: 100%;
  701.     }
  702. .morelink:hover a {
  703.     color: white;
  704.     background-color: #369;
  705.     -moz-border-radius: 5px;
  706.     -webkit-border-radius: 5px;
  707.     }
  708. .morelink .nub {
  709.     position: absolute;
  710.     top: -1px;
  711.     right: -1px;
  712.     height: 31px;
  713.     width: 24px;
  714.     display: none
  715.     }
  716. .linkinfo {
  717.     -moz-border-radius: 7px;
  718.     -webkit-border-radius: 7px;
  719.     }
  720. /*
  721. .side .sidebox.create {
  722.     display: none
  723.     }
  724. */
  725. .titlebox form.toggle {
  726.     background: white;
  727.     }
  728. .icon-menu a {
  729.     background: white;
  730.     }
  731. .side .sidebox.create {
  732.     display: none
  733.     }
  734. .sidebox .spacer {
  735.     display: none;
  736.     }
  737. #moresearchinfo {
  738.     border: none !important
  739.     }
  740. div.titlebox {
  741.     background: white;
  742.     border: 1px solid gray;
  743.     padding: 1em 1em 0;
  744.     padding-bottom: 4px;
  745.     -moz-border-radius: 7px;
  746.     -webkit-border-radius: 7px;
  747.     }
  748. .sidecontentbox h1 {
  749.     display: block!important;
  750.     background-color: white !important;
  751.     font-weight: bold;
  752.     font-size: 11px !important;
  753.     padding: 2px 5px;
  754.     -moz-border-radius-topleft: 7px;
  755.     -moz-border-radius-topright: 7px;
  756.     -webkit-border-top-left-radius: 7px;
  757.     -webkit-border-top-right-radius: 7px;
  758.     border: 1px solid gray;
  759.     }
  760. .sidecontentbox .content {
  761.     border: none;
  762.     background-color: white;
  763.     border-left: 1px solid gray;
  764.     border-bottom: 1px solid gray;
  765.     border-right: 1px solid gray;
  766.     -moz-border-radius-bottomleft: 7px;
  767.     -moz-border-radius-bottomright: 7px;
  768.     -webkit-border-bottom-left-radius: 7px;
  769.     -webkit-border-bottom-right-radius: 7px;
  770.     }
  771. .sidecontentbox .helplink {
  772.     padding-right: 5px
  773.     }
  774. .sidecontentbox .collapse-button {
  775.     display: none;
  776.     }
  777.  
  778. /* RULES =====*/
  779.  
  780. .md ul {
  781.     background-color: transparent;
  782.     padding-top: 0px;
  783.     padding-left: 15px;
  784.     padding-right: 20px;
  785.     padding-bottom: 2px;
  786.     margin: 0px;
  787.     font-size: 95%;
  788.     color: black
  789.     }
  790. .md ul {
  791.     padding-right: 5px;
  792.     }
  793. /* RES Compatibility ==========================================================================*/
  794.  
  795. .res-nightmode .sidebox {
  796.     padding-left: 0px !important
  797.     }
  798. .res-nightmode div.titlebox {
  799.     background: transparent !important;
  800.     }
  801. .res-nightmode .md ul {
  802.     color: white
  803.     }
  804. .res-nightmode .flair {
  805.     background-color: transparent !important;
  806.     color: black!important;
  807.     }
  808. .res-nightmode .titlebox blockquote, .res-nightmode .sidecontentbox .content {
  809.     background-color: transparent !important;
  810.     }
  811. BODY .res-nightmode .flair {
  812.     background-color: transparent !important;
  813.     }
  814. .res-nightmode #sr-header-area, #sr-more-link {
  815.     background: black !important;
  816.     }
  817. .res-nightmode .icon-menu a, form.leavemoderator-button {
  818.     background-color: transparent !important;
  819.     }
  820. .res #userbarToggle {
  821.     border-radius: 0px 4px;
  822.     }
  823.  
  824. /* dis part courtesy /u/boobiesareok ty ty */
  825.  
  826. #RESShortcutsEditContainer,#RESShortcutsAdd,#RESShortcutsLeft,#RESShortcutsRight, #RESShortcutsSort {
  827.     background: black !important;
  828.     color: white !important;
  829.     }
  830.  
  831.  
  832. .titlebox .bottom {
  833. display: none;
  834. }
  835.  
  836. /* Remove list of suggested subreddits on submit page */
  837.  
  838. .submit-page .formtabs-content .roundfield#reddit-field {
  839.   display: none;
  840. }
  841.  
  842. /* Deleted comment shrinker */
  843. .deleted .grayed { display: none; }
  844. .deleted > .entry .tagline { font-size: 0; }
  845. .deleted .tagline .expand { font-size: x-small;
  846. }
  847. .deleted > .entry .noncollapsed:after {
  848. content: 'deleted/removed';
  849. opacity: .5;
  850. color: #3B84CC;
  851. }
  852.  
  853. /* Give gold link */
  854. .comment a.give-gold {
  855.   font-size: 0;
  856.   font-weight: bold;
  857.   color: #FFF!important;
  858. }
  859. .res.res-nightmode .comment a.give-gold {
  860.   color: #222!important;
  861. }
  862. .comment a.give-gold:after {
  863.   content: "give gold";
  864.   font-size: 10px;
  865.   color: #9A7D2E!important;
  866. }
  867.  
  868. /* Removal Link Flairs */
  869.  
  870. .linkflairlabel, .flair {
  871.     max-width: 100%;
  872. }
  873.  
  874. .linkflair-removed .linkflairlabel{
  875.     border:1px solid red;
  876.     color:red;
  877.     border-radius:4px;
  878. }
  879.  
  880. /* Submit page move stuff to top stolen from some subreddit i can't remember -mwm */
  881. /*
  882. .submit-page .formtabs-content .spacer:first-child {
  883.     margin-top: 190px;
  884. }
  885. .submit_text.roundfield {
  886.     position: absolute;
  887.     top: 305px;
  888. }
  889. */
  890.  
  891. /* Score hidden modifier */
  892. .tagline [title*="hides comment"] { display: none; }
  893. .tagline [title*="hides comment"] + *:before { content: '[score hidden for 60 minutes] '; }
  894.  
  895. /* Self post sticky stuff */
  896.  
  897. .thumbnail.self {
  898. display: none;
  899. visibility: hidden;
  900. }
  901.  
  902. .link.self {
  903. padding: 3px;
  904. background-color: white;
  905. border-left: 15px solid green !important;
  906. width: 100%;
  907. }
  908.  
  909. .stickied .title {
  910.     color:darkgreen!important;
  911. }
  912. .stickied .tagline {
  913.     color:darkgreen!important;
  914. }
  915.  
  916.  
  917.  
  918. /***** sidemenu ****/
  919. /* Network Menu */
  920.  
  921.  
  922. .sponsorshipbox {
  923.     position: relative;
  924.     top: 300px;
  925.     }
  926. .side form#search {
  927.     margin-top: 304px;
  928.     }
  929. .login-form-side {
  930.     position: relative;
  931.     top: 300px;
  932.     }
  933. .side .md p:nth-of-type(1) { display: none; }
  934. .side:before {
  935.     background-image: url(%%sidemenu%%); /* SFWPorn Network */
  936.     background-position: 0px -501px;
  937.     content: "";
  938.     width: 275px;
  939.     height: 21px;
  940.     display: inline-block;
  941.     position: absolute;
  942.     right: 25px;
  943.     top: 263px;
  944.     }
  945. .titlebox a[href$="http://goo.gl/oFJ4rx"] { /*Nature Multireddit*/
  946.     text-indent: -9999px;
  947.     background-image: url(%%sidemenu%%);
  948.     width: 171px;
  949.     height: 28px;
  950.     content: "";
  951.     background-position: -4px -0px;
  952.     display: inline-block;
  953.     position: absolute;
  954.     top: 289px;
  955.     }
  956. .titlebox a[href$="http://goo.gl/nNhNLR"] { /*Synthetic Multireddit*/
  957.     text-indent: -9999px;
  958.     background-image: url(%%sidemenu%%);
  959.     width: 245px;
  960.     height: 29px;
  961.     content: "";
  962.     background-position: -4px -32px;
  963.     display: inline-block;
  964.     position: absolute;
  965.     top: 323px;
  966.     }
  967. .titlebox a[href$="http://goo.gl/9gLiMi"] { /*Organic Multireddit*/
  968.     text-indent: -9999px;
  969.     background-image: url(%%sidemenu%%);
  970.     width: 196px;
  971.     height: 29px;
  972.     content: "";
  973.     background-position: -4px -64px;
  974.     display: inline-block;
  975.     position: absolute;
  976.     top: 358px;
  977.     }
  978. .titlebox a[href$="http://goo.gl/t4vR5R"] { /*Aesthetic Multireddit*/
  979.     text-indent: -9999px;
  980.     background-image: url(%%sidemenu%%);
  981.     width: 242px;
  982.     height: 29px;
  983.     content: "";
  984.     background-position: -4px -130px;
  985.     display: inline-block;
  986.     position: absolute;
  987.     top: 393px;
  988.     }
  989. .titlebox a[href$="http://goo.gl/p54zuU"] { /*Scholastic Multireddit*/
  990.     text-indent: -9999px;
  991.     background-image: url(%%sidemenu%%);
  992.     width: 272px;
  993.     height: 29px;
  994.     content: "";
  995.     background-position: -4px -97px;
  996.     display: inline-block;
  997.     position: absolute;
  998.     top: 428px;
  999.     }
  1000. .titlebox a[href$="/r/HighQualityGifs"] {
  1001.     text-indent: -9999px;
  1002.     background-image: url(%%sidemenu%%);
  1003.     width: 270px;
  1004.     height: 29px;
  1005.     content: "";
  1006.     background-position: -4px -163px;
  1007.     display: inline-block;
  1008.     position: absolute;
  1009.     top: 463px;
  1010.     }
  1011. .titlebox a[href$="http://goo.gl/vEsyX3"] { /*Browse All*/
  1012.     text-indent: -9999px;
  1013.     background-image: url(%%sidemenu%%);
  1014.     width: 272px;
  1015.     height: 29px;
  1016.     content: "";
  1017.     background-position: -4px -196px;
  1018.     display: inline-block;
  1019.     position: absolute;
  1020.     top: 498px;
  1021.     }
  1022. .titlebox a[href$="http://www.reddit.com/r/SFWgifNetwork/wiki/faq"] {
  1023.     text-indent: -9999px;
  1024.     background-image: url(%%sidemenu%%);
  1025.     width: 51px;
  1026.     height: 23px;
  1027.     content: "";
  1028.     background-position: -6px -226px;
  1029.     display: inline-block;
  1030.     position: absolute;
  1031.     margin-right: 7px;
  1032.     top: 533px;
  1033.     }
  1034. .titlebox a[href$="https://kiwiirc.com/client/irc.snoonet.org/pornoverlords"] {
  1035.     text-indent: -9999px;
  1036.     background-image: url(%%sidemenu%%);
  1037.     width: 40px;
  1038.     height: 20px;
  1039.     content: "";
  1040.     background-position: -65px -226px;
  1041.     display: inline-block;
  1042.     position: absolute;
  1043.     margin-right: 7px;
  1044.     top: 533px;
  1045.     right: 182px
  1046.     }
  1047. .titlebox a[href$="http://reddit.com/r/pornoverlords"] {
  1048.     text-indent: -9999px;
  1049.     background-image: url(%%sidemenu%%);
  1050.     width: 158px;
  1051.     height: 21px;
  1052.     content: "";
  1053.     background-position: -113px -226px;
  1054.     display: inline-block;
  1055.     position: absolute;
  1056.     top: 533px;
  1057.     right: 20px;
  1058.     }
  1059.  
  1060. /* Hover effects */
  1061.  
  1062. .titlebox a[href$="http://goo.gl/oFJ4rx"]:hover { /*Nature Multireddit*/
  1063.     background-position: -4px -250px;
  1064.     }
  1065. .titlebox a[href$="http://goo.gl/nNhNLR"]:hover { /*Synthetic Multireddit*/
  1066.     background-position: -4px -282px;
  1067.     }
  1068. .titlebox a[href$="http://goo.gl/9gLiMi"]:hover { /*Organic Multireddit*/
  1069.     background-position: -4px -314px;
  1070.     }
  1071. .titlebox a[href$="http://goo.gl/t4vR5R"]:hover { /*Aesthetic Multireddit*/
  1072.     background-position: -4px -380px;
  1073.     }
  1074. .titlebox a[href$="http://goo.gl/p54zuU"]:hover { /*Scholastic Multireddit*/
  1075.     background-position: -4px -347px;
  1076.     }
  1077. .titlebox a[href$="/r/HighQualityGifs"]:hover {
  1078.     background-position: -4px -413px;
  1079.     }
  1080. .titlebox a[href$="http://goo.gl/vEsyX3"]:hover { /*Browse All*/
  1081.     background-position: -4px -446px;
  1082.     }
  1083. .titlebox a[href$="http://www.reddit.com/r/SFWgifNetwork/wiki/faq"]:hover {
  1084.     background-position: -6px -476px;
  1085.     }
  1086. .titlebox a[href$="https://kiwiirc.com/client/irc.snoonet.org/pornoverlords"]:hover {
  1087.     background-position: -65px -476px;
  1088.     }
  1089. .titlebox a[href$="http://reddit.com/r/pornoverlords"]:hover {
  1090.     background-position: -113px -476px;
  1091.     }
  1092.  
  1093.  
  1094. /* subscribe tool */
  1095.  
  1096. .option.active.add:before, .md a[href *= '#subscribe']:before {
  1097.     background-image: url(%%100sub%%) ;
  1098.     width: 100px;
  1099.     height: 31px;
  1100.     content: "";
  1101.     background-repeat: no-repeat;
  1102.     position: absolute;
  1103.     top: 220px;
  1104.     right: 350px;
  1105.     z-index: 200;
  1106. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!