daily pastebin goal
39%
SHARE
TWEET

v/dogecoin

a guest Dec 8th, 2015 145 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /**body{font-family:"Comic Sans","Comic Sans MS",Chalkboard,ChalkboardSE-Regular,"Marker Felt",Purisa}**/
  2.  
  3. /**back to top**/
  4. a[href$="#container"]  {
  5.     position: fixed;
  6.     top: auto;
  7.     height: 26px;
  8.     width: 41px;
  9.     left: 50%;
  10.     bottom: 0px;
  11.     font-size: 0px;
  12.     border: 1px solid #c3c3c3;
  13.     border-bottom: 0;
  14.     border-radius: 6px 6px 0 0;
  15.     text-indent: -9999px;
  16.     margin-left: -13px;
  17.     color: #777777!important;
  18.     background-color: #f4f4f4;
  19.     background-image: url("https://i.imgur.com/aa29nV3.png");
  20.     background-position: -9px -1px;
  21.     background-repeat: no-repeat;
  22.     opacity: .75;
  23.     transition: opacity .5s,height .5s,box-shadow .5s;
  24.     box-shadow: 0 0 2px #ccc;
  25.     outline: none;
  26. }
  27. a[href$="#container"]:after {
  28.     text-indent: 0px!important;
  29.     content: "TOP";
  30.     font-size: 11px!important;
  31.     font-family: "Arial Regular",Arial,sans-serif;
  32.     display: block;
  33.     text-align: center;
  34.     margin-top: 20px;
  35.     opacity: 0;
  36.     transition: opacity .5s;
  37. }
  38. a[href$="#container"]:hover {
  39.     opacity: 1;
  40.     height: 35px;
  41.     box-shadow: none;
  42.     margin-top: 0px;
  43. }
  44. a[href$="#container"]:hover:after {
  45.     margin-top:0px;
  46.     opacity: 1;
  47. }
  48.  
  49. body #container {
  50.     animation-name: fadein;
  51.     animation-duration: .75s;
  52.     animation-iteration-count: 1;
  53.     -webkit-animation-name: fadein;
  54.     -webkit-animation-duration: .75s;
  55.     -webkit-animation-iteration-count: 1
  56. }
  57. @-webkit-keyframes fadein { 0% { opacity: 0; transform: translateY(48px); -webkit-transform: translateY(48px) }  
  58.     100% {opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px) }}
  59. @-moz-keyframes fadein { 0% { opacity: 0; transform: translateY(48px); -webkit-transform: translateY(48px) }
  60.     100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px) }}
  61. @-o-keyframes fadein { 0% { opacity: 0; transform: translateY(48px); -webkit-transform: translateY(48px) }
  62.     100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px) }}
  63. @keyframes fadein { 0% { opacity: 0; transform: translateY(48px); -webkit-transform: translateY(48px) }
  64.     100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px) }}
  65.  
  66.  
  67. /****user flair*** examples - https://voat.co/v/DogecoinDefenseForce/comments/290226     *********
  68. Use the star ★ if you verify the user to guard against fake accounts ******************/
  69.  
  70. /**flair base **/
  71. #container a[href*="/user/"]:after {
  72. content: ''; background: url(https://i.imgur.com/vdqmLL0.png) no-repeat;
  73.   text-indent: 26px;
  74.   color: #C39953;
  75.   padding: 6px 6px 6px 24px;
  76.   margin: 4px;
  77.   background-position: 30px 0;
  78. }
  79. /**flair base end**/
  80. /**mods**/
  81. #container a[href$="/user/pembo210"]:after  {
  82.   content: ' support shibe ★';
  83.   background-position: 0 -364px;
  84. }
  85. #container a[href$="/user/pembo210"]:hover:after {
  86.   content: ' support shibe ★ mod';
  87. }
  88.  
  89. #container a[href$="/user/Healdb"]:after  {
  90.   content: ' Mod shibe ★';
  91.   background-position: 0 -2262px;
  92. }
  93. #container a[href$="/user/Healdb"]:hover:after  {
  94.   content: ' Mod shibe ★ mod';
  95. }
  96.  
  97. #container a[href$="/user/42points"]:after  {
  98.   content: ' 42 shibe ★';
  99.   background-position: 0 -1612px;
  100. }
  101. #container a[href$="/user/42points"]:hover:after  {
  102.  content: ' 42 shibe ★ mod';
  103. }
  104. /**end mods**/
  105. #container a[href$="/user/itsfuckingmohland"]:after  {
  106.   content: ' fuckingmohland ★';
  107.   background-position: 0 -2678px;
  108. }
  109.  
  110. #container a[href$="/user/Fulvio"]:after  {
  111.   content: ' DDF shibe ★';
  112.   background-position: 0 -2964px;
  113. }
  114.  
  115. #container a[href$="/user/DimiFW"]:after  {
  116.   content: ' Ð 🚀🌙';
  117.   background-position: 0 0;
  118. }
  119.  
  120. #container a[href$="/user/OneGoodShibe"]:after  {
  121.   content: ' GoodShibe ★';
  122.   background-position: -5px 0px;
  123.   background: url(https://i.imgur.com/MN1xYMB.png) no-repeat; /**goodshibe flair**/
  124.   padding: 6px 6px 6px 32px;
  125. }
  126.  
  127. #container a[href$="/user/fiddydoge"]:after,
  128. #container a[href$="/user/fiddy_doge"]:after  {
  129.   content: ' Loves Nutella ★';
  130.   background-position: 0 -2210px;
  131. }
  132.  
  133. #container a[href$="/user/peoplma_wow"]:after  {
  134.   content: ' ';
  135.   background-position: 0 -1716px;
  136. }
  137.  
  138. #container a[href$="/user/shittymspainter"]:after  {
  139.   content: ' ';
  140.   background-position: 0 -4394px;
  141. }
  142.  
  143. #container a[href$="/user/HirojaShibe"]:after  {
  144.   content: ' PodcastShibe';
  145.   background-position: 0 -1326px;
  146. }
  147.  
  148. #container a[href$="/user/Squashy"]:after  {
  149.   content: ' ';
  150.   background-position: 0 -1040px;
  151. }
  152.  
  153. #container a[href$="/user/joshtheimpaler"]:after  {
  154.   content: ' loves to impale';
  155.   background-position:0 -4654px;
  156. }
  157. #container a[href$="/user/sinister"]:after  {
  158.   content: ' donated';
  159.   background-position: 0 -1196px;
  160. }
  161. #container a[href$="/user/Hipsterul"]:after  {
  162.   content: '';
  163.   background-position: 0 -312px;
  164. }
  165.  
  166. #container a[href$="/user/loupe_garrou"]:after,
  167. #container a[href$="/user/jepp73"]:after,
  168. #container a[href$="/user/fczuardi"]:after {
  169.   content: ' ';
  170.   background-position:0 -1170px; /**codershibe**/
  171. }
  172.  
  173. #container a[href$="/user/Fornax"]:after {
  174.   content: ' http://pixeldra.in';
  175.   background-position: 0 -1222px; /**prog shibe**/
  176. }
  177.  
  178. #container a[href$="/user/Madhacker_50"]:after {
  179.   content: ' Ninja Shibe';
  180.   background-position: 0 -598px; /**nimja shibe**/
  181. }
  182. /****user flair end****/
  183.  
  184.  
  185.  
  186. .leavemoderator {    background: none;}
  187.  
  188. /**dropdown menu**/
  189. @media (min-width: 871px) {
  190. .dark .side .md ul {
  191.   background: #292929;
  192.   border-bottom: 2px solid #111;
  193.   border-left: 1px solid #111;
  194.   border-right: 1px solid #111;
  195.   border-top: 1px solid #111;
  196. }
  197. .side .md ul li a:hover {
  198.   background: #F1E2A1;
  199.   border-right: 1px solid #BAA032;
  200.   width: 150px;
  201. }
  202. .side .md ul li a {
  203.   background: #FFEFAC;
  204.   border-right: 1px solid #BAA032;
  205.   width: 150px;
  206. }
  207. .dark .side .md ul li a {
  208.   background: #292929;
  209.   border-right: 1px solid #111;
  210.   width: 150px;
  211. }
  212. .dark .side .md ul li a:hover {
  213.   background: #222;
  214.   border-right: 1px solid #111;
  215.   width: 150px;
  216. }
  217. .side .md ul {
  218.     display:inline-block;
  219.     float:left;
  220.     text-shadow:none;
  221.     color:#111;
  222.     font-family:verdana;
  223.     opacity:1;
  224.     margin:10px;
  225.     padding:0;    border-radius:4px;
  226.   background: #FFEFAC;
  227.   border-bottom: 2px solid #BAA032;
  228.   border-left: 1px solid #BAA032;
  229.   border-right: 1px solid #BAA032;
  230.   border-top: 1px solid #BAA032;
  231. }
  232. .side .md ul li {
  233.     display:none;
  234.     text-align:center;
  235.     padding:0;
  236. }
  237. .side .md ul li:first-child, .md ul:hover li {
  238.     display:block;
  239.     text-align:left;
  240. }
  241. .side .md li a {
  242.     color:#EEE;
  243.     line-height:2em;
  244.    font-size:10pt;
  245.     text-align:center;
  246.     display:inline;
  247.     float:left;
  248.     font-family:verdana;
  249. }
  250. .side .md li:first-child a {
  251.   font-size: 10pt;
  252.   border-radius: 4px;
  253. }
  254. .side .md first-child ul li:hover {
  255.     background:#000;
  256. }
  257. .side .md li a:hover {
  258.     color:#FFF;
  259. }
  260. .side .md ul:nth-of-type(1), .side .md ul:nth-of-type(2),
  261. .side .md ul:nth-of-type(3), .side .md ul:nth-of-type(4),
  262. .side .md ul:nth-of-type(5) {
  263.     width:150px;
  264. }
  265. .side hr {
  266.     display:none;
  267. }
  268. .side .md ul:nth-of-type(1) {
  269.     position: absolute;
  270.     top: 0;
  271.     left: 40px;
  272. }
  273. .side .md ul:nth-of-type(2) {
  274.     position: absolute;
  275.     top: 0;
  276.     left: 200px;
  277. }
  278. .side .md ul:nth-of-type(3) {
  279.     position: absolute;
  280.     top: 0;
  281.     left: 360px;
  282. }
  283. .side .md ul:nth-of-type(4) {
  284.     position: absolute;
  285.     top: 0;
  286.     left: 520px;
  287. }
  288. .side .md ul:nth-of-type(5) {
  289.     position: absolute;
  290.     top: 0;
  291.     left: 680px;
  292. }
  293. /**voat info**/
  294. .side .md ul:nth-of-type(6) li a,
  295. .side .md ul:nth-of-type(7) li a {
  296.   width: 250px;
  297. }
  298. .side .md ul:nth-of-type(6) li a:hover,
  299. .side .md ul:nth-of-type(7) li a:hover {
  300.   width: 250px;
  301. }
  302. .side .md ul:nth-of-type(6),
  303. .side .md ul:nth-of-type(7) {
  304.   position: relative;
  305.   left: 3px;
  306.   width: 250px;
  307.   text-align: center;
  308. }
  309. .side .md ul:nth-of-type(6) li {
  310.   padding: 13px 20px 1px 20px;
  311. }
  312. .dark .side .md ul:nth-of-type(6) li {
  313.   color: #F8FFCB;
  314. }
  315. .side .md ul:nth-of-type(6) li:first-child,
  316. .side .md ul:nth-of-type(6) li:first-child:hover {
  317.   padding: 0px !important;
  318. }
  319. .titlebox .bottom {
  320.   float: left;
  321. }
  322. }  /*** end @media (min-width: 880px) ***/
  323.  
  324. a[href$="#dogegoat"] {
  325.   content: 'url("https://i.imgur.com/Ord7ZHA.png") no-repeat';
  326.   background: url("https://i.imgur.com/Ord7ZHA.png") no-repeat;
  327.   background-size: 80px auto;
  328.   width: 80px;
  329.   height: 20px;
  330.   padding: 20px 75px 20px 0px;
  331.   line-height: 50px;
  332. }
  333.  
  334. a.helplink.message-moderators-temporary-class,
  335. div.side > div:nth-child(6) {
  336.   display: none;
  337. }
  338.  
  339. .link .usertext .md {
  340.   margin: 8px 0px 0px -80px;
  341. }
  342. /***text post indent**/
  343. .thumbnail {
  344.   margin: 0 -74px 0 0;
  345. }
  346. .sitetable .entry {
  347.   margin-right: 10px;
  348.   padding-left: 80px;
  349.   background: url("https://i.imgur.com/Ord7ZHA.png") no-repeat;
  350.   background-position: -4px 0;
  351.   background-size: 80px auto;
  352. }
  353. .commentarea .entry {
  354.   margin-right: 0px!important;
  355.   padding-left: 0px!important;
  356.   background: none!important;
  357. }
  358. .commenttextarea {
  359. padding: 0px;
  360. }
  361. .commentarea .entry .buttons li {
  362.   line-height: 2em;
  363. }
  364.  
  365. .link .tagline {
  366.   font-size: 0px;
  367. }
  368. time {
  369.   font-size: 12px;
  370. }
  371. span.userattrs {
  372.   font-size: 12px;
  373.   margin-left: 6px;
  374. }
  375. a.author.may-blank.userinfo.tooltipstered {
  376.   font-size: 12px;
  377. }
  378. div.entry > p.tagline > time:after {
  379.   content: ' ago by ';
  380. }
  381.  
  382.  
  383. h1.hover.whoaversename {
  384.   text-align: center;
  385. }
  386.  
  387. #sr-header-area {
  388.     white-space:nowrap;
  389.     text-transform:uppercase;
  390.     font-size:120%;
  391.     font-family: verdana;
  392.     color:#000;
  393.     line-height:17px;
  394.     background:#f2ece0;
  395.     border-bottom:2px solid #85743c;
  396. }
  397. .dark #sr-header-area {
  398.   background: #333;
  399.   background-image:none!important;
  400. }
  401. #sr-header-area {
  402.     height: 20px;
  403.     width: 100%;
  404.     font-family: sans-serif;
  405.     font-size: 10px;
  406.     margin-left: auto;
  407.     margin-right: auto;
  408.     -webkit-border-bottom-right-radius: 2px;
  409.     border-bottom-right-radius: 2px;
  410.     -webkit-border-bottom-left-radius: 2px;
  411.     border-bottom-left-radius: 2px;
  412.     box-shadow: 0px 0px 1px 0px #1A1A0A;
  413.     background-color: #F0DF8A;
  414.     z-index: 2;
  415.     background-image: -webkit-linear-gradient(top,#fcf1ac,#cc9900)!important;
  416.     background-image: -moz-linear-gradient(top,#fcf1ac,#cc9900)!important;
  417.     background-image: linear-gradient(top,#fcf1ac,#cc9900)!important;
  418. }
  419. .dark #sr-header-area {
  420.   border:none;
  421. }
  422. #sr-header-area .width-clip {
  423.     position: absolute;
  424.     left: 40px;
  425.     right: 40px;
  426. }
  427. #sr-header-area .dropdown.srdrop {
  428.     float: left;
  429.     padding-left: 5px;
  430. }
  431. #sr-header-area .drop-choices.srdrop {
  432.     background-color: #FFEFAD;
  433.     margin-top: 2px;
  434.     margin-left: -75px;
  435.     width: 190px;
  436.     font-size: 12px;
  437.     text-align: center;
  438.     box-shadow: -2px 4px 3px 0px #1A1A0A;
  439.     -webkit-border-bottom-right-radius: 2px;
  440.     border-bottom-right-radius: 10px;
  441.     -webkit-border-bottom-left-radius: 2px;
  442.     border-bottom-left-radius: 10px;
  443.     -webkit-border-top-right-radius: 0;
  444.     border-top-right-radius: 0;
  445.     -webkit-border-top-left-radius: 0;
  446.     border-top-left-radius: 10px;
  447. }
  448. .dark .sr-list li a {
  449.   text-shadow: 0px 0px 3px #000;
  450. }
  451.  
  452. div#header-banner:before {
  453.   content: '';
  454.   background: url(https://i.imgur.com/4xn29uc.png) no-repeat;
  455.   position: absolute;
  456.   bottom: 60px;
  457.   left: 40px;
  458.   width: 600px;
  459.   height: 149px;
  460. }
  461.  
  462. #header {
  463.   border: none;
  464.   position: relative;
  465.   background: url(http://i.imgur.com/6ZjriKv.png);
  466.   background-repeat: repeat-x;
  467.   height: 230px;
  468.   margin: 0px;
  469.   background-color: #000;
  470.   -webkit-animation: 200s linear 0s normal none infinite running bannermove;
  471.   -moz-animation: 200s linear 0s normal none infinite running bannermove;
  472.   -ms-animation: 200s linear 0s normal none infinite running bannermove;
  473.   -o-animation: 200s linear 0s normal none infinite running bannermove;
  474.   animation: 200s linear 0s normal none infinite running bannermove;
  475. }
  476. /***header movement***/
  477.  @keyframes bannermove { 0% {    background-position: 0px 0px; }     100% {    background-position: 1600px 0px; } }
  478.  @-moz-keyframes bannermove { 0% {    background-position: 0px 0px; } 100% {    background-position: 1600px 0px; } }
  479.  @-webkit-keyframes bannermove { 0% {    background-position: 0px 0px; } 100% {    background-position: 1600px 0px; } }
  480.  @-ms-keyframes bannermove { 0% {    background-position: 0px 0px; } 100% {    background-position: 1600px 0px; } }
  481.  @-o-keyframes bannermove { 0% {    background-position: 0px 0px; } 100% {    background-position: 1600px 0px; } }
  482.  
  483. #container {
  484.   max-width: 1920px;
  485.   padding-top: 50px;
  486. }
  487. .link .title {
  488.   line-height: 26px;
  489. }
  490. .light .link {
  491.   margin: 0;
  492.   padding: 12px 0;
  493.   border: 0;
  494.   border-width: 1px;
  495.   border-style: none none solid;
  496.   border-color: #BCBCBC;
  497. }
  498. /***sidebar***/
  499. h3 {
  500.   text-align:center
  501. }
  502. .dark .side > div:nth-child(1) {
  503.   background: #292929;
  504.   border-bottom: 2px solid #111;
  505.   border-left: 1px solid #111;
  506.   border-right: 1px solid #111;
  507.   border-top: 1px solid #111;
  508.   padding: 10px;
  509.   border-radius: 5px;
  510. }
  511. .side > div:nth-child(1) {
  512.   background: #FFEFAC;
  513.   border-bottom: 2px solid #BAA032;
  514.   border-left: 1px solid #BAA032;
  515.   border-right: 1px solid #BAA032;
  516.   border-top: 1px solid #BAA032;
  517.   padding: 10px;
  518.   border-radius: 5px;
  519. }
  520.  
  521. .midcol {
  522.   overflow: visible;
  523. }
  524. .md p {
  525.   line-height: 150%;
  526.   margin: 5px 0;
  527. }
  528. .side .md {
  529.   overflow: visible;
  530. }
  531. .side .md ul {
  532.   margin: 10px 1em;
  533. }
  534. .side.show-mobile-sidebar > .md {
  535.   margin-top: -68px;
  536. }
  537.  
  538. /****comment sidebar***/
  539. .titlebox.submissioninfo {
  540.   padding: 10px 2px 0px 2px !important;
  541.   background: #FFEFAC;
  542.   border-bottom: 2px solid #BAA032;
  543.   border-left: 1px solid #BAA032;
  544.   border-right: 1px solid #BAA032;
  545.   border-top: 1px solid #BAA032;
  546.   border-radius: 5px;
  547. }
  548. .dark .titlebox.submissioninfo {
  549.   padding: 10px 2px 0px 2px !important;
  550.   background: #292929;
  551.   border-bottom: 2px solid #111;
  552.   border-left: 1px solid #111;
  553.   border-right: 1px solid #111;
  554.   border-top: 1px solid #111;
  555.   border-radius: 5px;
  556. }
  557. .side > div:nth-child(2) > div > div:nth-child(1) {
  558.   text-align: center;
  559.   color: #8F8972;
  560.   border: none;
  561. }
  562. p.h6 {
  563.   text-align: center;
  564. }
  565. .titlebox.submissioninfo div:nth-child(6) .h6:first-child b {
  566.   font-size: 0px;
  567. }
  568. .titlebox.submissioninfo div:nth-child(6) .h6:first-child {
  569.   font-size: 0;
  570.   display:none;
  571. }
  572. .titlebox.submissioninfo div:nth-child(6) .h6 {
  573.   text-align: center;
  574. }
  575. .md table {
  576.   font-size:10px;
  577.   margin: 0px;
  578. }
  579. /** combine post stats**/
  580. #container > div.side > div:nth-child(2) > div > div:nth-child(2) {
  581.   padding: 0px 2px 24px 2px !important;
  582. }
  583. #container > div.side > div:nth-child(2) > div > div:nth-child(3) {
  584.   display: none;
  585. }
  586. #container > div.side > div:nth-child(2) > div > div:nth-child(4) {
  587.   background: none;
  588.   border: none;
  589.   padding: 0px 3px 1px 3px;
  590.   margin-top: 15px;
  591.   position: relative;
  592.   top: -42px;
  593. }
  594. #container > div.side > div:nth-child(2) > div > div:nth-child(5) {
  595.   display: none;
  596. }
  597. #container > div.side > div:nth-child(2) > div > div:nth-child(6) {
  598.   background: none;
  599.   border: none;
  600.   padding: 0px 3px 1px 3px;
  601.   margin-top: 22px;
  602.   position: relative;
  603.   top: -34px;
  604. }
  605.  
  606. /** sidebar **/
  607. .side .md blockquote > p:nth-child(6),
  608. .side .md blockquote > p:nth-child(7) {
  609.   margin: 15px 0;
  610. }
  611. .side .md h5 {
  612.   border: 0;
  613.   margin: 0;
  614.   padding: 0;
  615.   background-color: #F2E09B;
  616.   color: #333333;
  617.   padding: 5px 20px;
  618.   margin-right: -15px;
  619.   margin-left: -15px;
  620.   border-bottom: 1px solid black;
  621.   margin-bottom: 0px;
  622.   margin-top: 10px;
  623.   z-index: 100;
  624.   border-color: #FFEFAC !important;
  625.   position: relative;
  626.   text-align: center;
  627.   font-style: normal;
  628. }
  629.  
  630. .side .md h5:after {
  631.   display: block!important;
  632.   content: " "!important;
  633.   border-color: transparent #F2E09B transparent transparent!important;
  634.   border-style: solid!important;
  635.   border-width: 15px!important;
  636.   height: 0px!important;
  637.   width: 0px!important;
  638.   position: absolute!important;
  639.   z-index: -1!important;
  640.   margin-left: -34px!important;
  641.   margin-top: -9px!important;
  642. }
  643. .side .md h5 {
  644.   margin-top: 35px;
  645. }
  646. /**small right triangle**/
  647. .side .md h5 + blockquote:before {
  648.   display: block !important;
  649.   content: " ";
  650.   border-color: transparent transparent transparent #F2E09B !important;
  651.   border-style: solid !important;
  652.   border-width: 15px !important;
  653.   height: 0px !important;
  654.   width: 0px !important;
  655.   position: absolute !important;
  656.   margin-left: 261px !important;
  657.   margin-top: -13px !important;
  658. }
  659. /**small left triangle**/
  660. .submission-score-box,
  661. .side .md h5 + blockquote {
  662.   border: 1px solid #BAA032;
  663.   background: none;
  664.   margin: 0 0 -34px;
  665.   font-style: normal;
  666.   padding: 38px 18px 0 18px;
  667.   background: rgba(255, 221, 0, 0.25);
  668.   text-align: left;
  669.   top: -40px;
  670.   position: relative;
  671. }
  672.  
  673. /**subscribe**/
  674. .dark button.btn-whoaverse-paging.btn-xs.btn-default {
  675.   background: #292929;
  676.   border-bottom: 2px solid #111;
  677.   border-left: 1px solid #111;
  678.   border-right: 1px solid #111;
  679.   border-top: 1px solid #111;
  680. }
  681. .titlebox .btn-whoaverse-paging,
  682. .titlebox .btn-unsub  {
  683.   background: #FFEFAC;
  684.   border-bottom: 2px solid #BAA032;
  685.   border-left: 1px solid #BAA032;
  686.   border-right: 1px solid #BAA032;
  687.   border-top: 1px solid #BAA032;
  688.   border-radius: 5px;
  689.   display: block;
  690.   color: #555;
  691.   font-size: 1em;
  692.   font-weight: bold;
  693.   letter-spacing: 2px;
  694.   padding: 6px 0;
  695.   text-transform: uppercase;
  696.   width: 80%;
  697.   margin: 5px 30px;
  698. }
  699. .titlebox .btn-sub{
  700.   background: #FFEFAC;
  701.   border-bottom: 2px solid #BAA032;
  702.   border-left: 1px solid #BAA032;
  703.   border-right: 1px solid #BAA032;
  704.   border-top: 1px solid #BAA032;
  705.   color: #555;
  706. }
  707. .titlebox .btn-whoaverse-paging:hover,
  708.  .titlebox .btn-unsub:hover {
  709.   background: #F1E2A1;
  710.   border-bottom: 2px solid #BAA032;
  711.   border-left: 1px solid #BAA032;
  712.   border-right: 1px solid #BAA032;
  713.   border-top: 1px solid #BAA032;
  714. }
  715. .titlebox .btn-sub:hover{
  716.   background: #F1E2A1;
  717.   border-bottom: 2px solid #BAA032;
  718.   border-left: 1px solid #BAA032;
  719.   border-right: 1px solid #BAA032;
  720.   border-top: 1px solid #BAA032;
  721. }
  722. .titlebox .subscribers,
  723. .titlebox .users-online {
  724.   display: block;
  725.   margin-bottom: 10px;
  726.   text-align: center;
  727. }
  728. /**subscriber count**/
  729. .users-online.fuzzed > span.word,
  730. .subscribers > span.word {
  731.   display:none;
  732. }
  733. .subscribers #subscriberCount:after {
  734.   content: ' shibes';
  735. }
  736. .users-online.fuzzed > span.number:after {
  737.   content: ' on the rocket';
  738. }
  739. .subscribers,
  740. .dark .subscribers {
  741.   position: relative;
  742. }
  743.  
  744. /*********/
  745. div.logged-in span.user a[title$="Profile"]:after {
  746.   content: ' is wow';
  747. }
  748.  
  749. a[href$="http://dogecoin.com/?ref=voat"] {
  750.   content: '';
  751.   background-image: url(https://i.imgur.com/ZyIU85t.png );
  752.   display: block;
  753.   width: 100px;
  754.   height: 100px;
  755.   margin: auto;
  756. }
  757.  
  758. /** hey kid want some wow**/
  759. a[href$="http://dogecoin.com/?ref=voat"]:before {
  760.   content: 'hey, kid';
  761.   position: relative;
  762.   top: 80px;
  763.   white-space: nowrap;
  764.   left: -40px;
  765.   -webkit-animation: smooth 30s linear infinite;
  766.   -moz-animation: smooth 30s linear infinite;
  767.   -o-animation: smooth 30s linear infinite;
  768.   -ms-animation: smooth 30s linear infinite;
  769.   animation: smooth 30s linear infinite;;
  770. }
  771.  
  772. a[href$="http://dogecoin.com/?ref=voat"]:after {
  773.   content: 'want some wow';
  774.   position: relative;
  775.   left: 40px;
  776.   top: 80px;
  777.   white-space: nowrap;
  778.   -webkit-animation: smooth 30s linear infinite;
  779.   -moz-animation: smooth 30s linear infinite;
  780.   -o-animation: smooth 30s linear infinite;
  781.   -ms-animation: smooth 30s linear infinite;
  782.   animation: smooth 30s linear infinite;
  783. }
  784. @-webkit-keyframes smooth { 0% { opacity: 0;}    10% { opacity: 0;}    90% { opacity: 0;}    96% { opacity: 1;}    100% { opacity: 0;}}
  785. @-moz-keyframes smooth {0% { opacity: 0;}    10% { opacity: 0;}    90% { opacity: 0;}    96% { opacity: 1;}    100% { opacity: 0;}}
  786. @-o-keyframes smooth {0% { opacity: 0;}    10% { opacity: 0;}    90% { opacity: 0;}    96% { opacity: 1;}    100% { opacity: 0;}}
  787. @keyframes smooth {0% { opacity: 0;}    10% { opacity: 0;}    90% { opacity: 0;}    96% { opacity: 1;}    100% { opacity: 0;}}
  788.  
  789. /**hover spin**/
  790. a[href$="http://dogecoin.com/?ref=voat"]:hover {
  791.   content: '';
  792.   background-image: url(https://i.imgur.com/ZyIU85t.png );
  793.   display: block;
  794.   width: 100px;
  795.   height: 100px;
  796.   margin: auto;
  797.     -webkit-animation-name: spin;
  798.     -webkit-animation-duration: 2000ms;
  799.     -webkit-animation-iteration-count: infinite;
  800.     -webkit-animation-timing-function: linear;
  801.     -moz-animation-name: spin;
  802.     -moz-animation-duration: 2000ms;
  803.     -moz-animation-iteration-count: infinite;
  804.     -moz-animation-timing-function: linear;
  805.     -ms-animation-name: spin;
  806.     -ms-animation-duration: 2000ms;
  807.     -ms-animation-iteration-count: infinite;
  808.     -ms-animation-timing-function: linear;    
  809.     animation-name: spin;
  810.     animation-duration: 2000ms;
  811.     animation-iteration-count: infinite;
  812.     animation-timing-function: linear;
  813. }
  814. @-ms-keyframes spin {    from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); }}
  815. @-moz-keyframes spin {    from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); }}
  816. @-webkit-keyframes spin {   from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }}
  817. @keyframes spin {   from { transform:rotate(0deg); } to { transform:rotate(360deg); }}
  818.  
  819.  
  820. /**coingecko**/
  821. a[href$="https://www.coingecko.com/en/price_charts/dogecoin/usd?ref=voat"]:after {
  822.   content: " ";
  823.   position: relative;
  824.   display: block;
  825.   background:url("https://www.coingecko.com/en/widget_component/ticker/dogecoin/usd.jpg") no-repeat scroll -135px -10px rgba(0, 0, 0, 0);
  826.   width: 200px;
  827.   height: 108px;
  828.   right: -35px;
  829. }
  830.  
  831. a[href$="https://www.coingecko.com/en/price_charts/dogecoin/btc?ref=voat"]:after {
  832.   content: " ";
  833.   position: relative;
  834.   display: block;
  835.   background: url("https://www.coingecko.com/en/widget_component/ticker/dogecoin/btc.jpg") no-repeat scroll -135px -10px rgba(0, 0, 0, 0);
  836.   right: -35px;
  837.   width: 200px;
  838.   height: 108px;
  839. }
  840.  
  841. .dark a[href$="https://www.coingecko.com/en/price_charts/dogecoin/btc?ref=voat"]:after,  
  842. .dark a[href$="https://www.coingecko.com/en/price_charts/dogecoin/usd?ref=voat"]:after {
  843.   -webkit-filter: invert(1);
  844.   filter: invert(1);
  845. }
  846.  
  847. /** links**/
  848. a {
  849.   color:#69591B !important;
  850. }
  851. a:hover {
  852.   color:#69591B !important;
  853.   text-decoration:underline;
  854. }
  855.  
  856. .dark a {
  857.   color:#F8FFCB !important;
  858. }
  859. .dark a:hover {
  860.   color:#fff !important;
  861.   text-decoration:underline;
  862. }
  863.  
  864. /**reply link**/
  865. .commentarea .entry:hover a[onclick^="return reply"],
  866. .commentarea .entry:hover .dark a[onclick^="return reply"] {
  867.   background-color: #F1DF9B; /**#F1DF9B**/
  868.   border: 2px solid #F9D67C;
  869.   color: #69591B !important;
  870.   padding: 2px 6px !important;
  871.   border-radius: 7px;
  872. }
  873. a[onclick^="return reply"],
  874. .dark a[onclick^="return reply"] {
  875.   border: 2px solid #F9D67C;
  876.   padding: 2px 6px !important;
  877.   border-radius: 7px;
  878. }
  879. a[onclick^="return reply"]:hover,
  880. .dark a[onclick^="return reply"]:hover {
  881.   color: #69591B !important;
  882. }
  883.  
  884.  
  885.  
  886.  
  887. /**doge goat**/
  888. a#header-img-a {
  889.   content: url(https://i.imgur.com/Ord7ZHA.png);
  890.   z-index: 98;
  891.   background-image: url(https://i.imgur.com/Ord7ZHA.png);
  892.   box-sizing: border-box;
  893.   font-size: 0;
  894.   height: 60px;
  895.   width: 82px;
  896. }
  897. #header-img {
  898.     height: 0;
  899. }
  900. /**submit buttons**/
  901. .side .btn-whoaverse.contribute:hover,
  902. .side .btn-whoaverse.contribute,
  903. .side .dark .btn-whoaverse.contribute:hover,
  904. .side .dark .btn-whoaverse.contribute {display:none}
  905.  
  906. .tabmenu li.disabled a.contribute:hover {
  907.   background: #F1E2A1;
  908.   border-color: #BAA032;
  909. }
  910. .tabmenu li.disabled a.contribute {
  911.   background: #FFEFAC;
  912.   border-color: #BAA032;
  913. }
  914. .dark .tabmenu li.disabled a.contribute:hover {
  915.   background: #F1E2A1;
  916.   border-color: #BAA032;
  917.   color: #5B4E17 !important;
  918. }
  919. .dark .tabmenu li.disabled a.contribute {
  920.   background: #F1DF9B;
  921.   border-color: #BAA032;
  922.   color: #5B4E17 !important;
  923. }
  924.  
  925.  
  926.  
  927. /**mod username sidebar spacing**/
  928. .side ul.content li { margin: 6px 6px 6px 6px;}
  929.  
  930. /**flair height spacing**/
  931. .tagline {  line-height: 25px;}
  932.  
  933. span.promoted {
  934.   background-color: #F1DF9B;
  935.   border: 2px solid #C28930;
  936.   color: #69591B !important;
  937.   background: url(https://i.imgur.com/cRY9Twg.png) #F1DF9B no-repeat;
  938.   padding: 4px 40px 4px 7px;
  939.   background-position: 48px -2px;
  940.   border-radius: 5px;
  941.   line-height: 14px;
  942.   max-width: 80px;
  943.   min-width: 60px;
  944.   font-weight: bold;
  945. }
  946.  
  947. /**post**flair**/
  948. .fl-announcement,
  949. .fl-security,
  950. .fl-idea,
  951. .fl-request,
  952. .fl-resolved, .fl-dev,
  953. .fl-wow,
  954. .fl-terrible-gif {
  955.   display: inline-block;
  956.   font-weight: bold;
  957. }
  958. .fl-idea, .fl-request {
  959.   background-color:  #4399cd;
  960.   border: 2px solid #4399cd;
  961.   color: #fff !important;
  962. }
  963. .fl-resolved, .fl-dev {
  964.   background-color: #008e03;
  965.   border:  2px solid #008e03;
  966.   color: #fff !important;
  967. }
  968. .fl-announcement, .fl-security {
  969.   background-color: #a43a3a;
  970.   border: 2px solid #a43a3a;
  971.   color: #fff !important;
  972. }
  973. .fl-wow {
  974.   background-color: #F1DF9B;
  975.   border: 2px solid #C28930;
  976.   color: #69591B !important;
  977.   background: url(https://i.imgur.com/cRY9Twg.png) #F1DF9B no-repeat;
  978.   padding: 4px 36px 4px 7px;
  979.   background-position: 36px -2px;
  980.   border-radius: 5px;
  981.   font-family: "Comic Sans","Comic Sans MS",Chalkboard,ChalkboardSE-Regular,"Marker Felt",Purisa;
  982. }
  983. .fl-terrible-gif {
  984.   background-color: #F1DF9B;
  985.   border: 2px solid #F9D67C;
  986.   color: #69591B !important;
  987. }
  988. /**comic sans**/
  989. #header-account {
  990.   font-family: "Comic Sans","Comic Sans MS",Chalkboard,ChalkboardSE-Regular,"Marker Felt",Purisa;
  991. }
  992. .submission.stickied p a.author.may-blank.userinfo.tooltipstered {
  993.   font-size: 9px;
  994. }
  995. .submission.stickied,
  996.  button.btn-whoaverse-paging.btn-xs.btn-default.btn-unsub,
  997.  button.btn-whoaverse-paging.btn-xs.btn-default.btn-blocksubverse,
  998.  span.subscribers, p.users-online.fuzzed,
  999.  input#q,
  1000.  label[for=Limit_the_search_to_current_subverse] {
  1001.   font-family: "Comic Sans","Comic Sans MS",Chalkboard,ChalkboardSE-Regular,"Marker Felt",Purisa;
  1002. }
  1003.  
  1004. /**log off easter egg**/
  1005. #header-account > div > a:nth-child(11):hover:after {
  1006.   background: url(https://i.imgur.com/Ord7ZHA.png) no-repeat;
  1007.   padding: 30px 1px 1px 50px;
  1008.   position: relative;
  1009.   content: ' ';
  1010.   top: -41px;
  1011.   right: -43px;
  1012.   margin-left: -51px;
  1013. }
  1014.  
  1015. /** up voat coin ***/
  1016. .arrow-upvoted {
  1017. position:relative;background:none
  1018. }
  1019. .arrow-upvoted:after {
  1020. position:absolute;content:" ";
  1021. height:16px;width:15px;display:block;
  1022. -webkit-animation:upVoteFirst 1.5s ease 0s 1,upVote 1.5s steps(40,end) 0s infinite;
  1023. -moz-animation:upVoteFirst 1.5s ease 0s 1,upVote 1.5s steps(40,end) 0s infinite;
  1024. -ms-animation:upVoteFirst 1.5s ease 0s 1,upVote 1.5s steps(40,end) 0s infinite;
  1025. -o-animation:upVoteFirst 1.5s ease 0s 1,upVote 1.5s steps(40,end) 0s infinite;
  1026. animation:upVoteFirst 1.5s ease 0s 1,upVote 1.5s steps(40,end) 0s infinite;
  1027. background-image:url(https://i.imgur.com/lu8JPVL.png)!important
  1028. }
  1029. @-webkit-keyframes upVoteFirst{0%{opacity:0;top:-15px}19.04%{top:5px}35.23%{opacity:1;top:-12px}50.47%{top:4px}62.85%{top:-9px}74.28%{top:3px}82.85%{top:-6px}90.47%{top:2px}95.23%{top:-3px}99.04%{top:1px}100%{top:0px}}@-webkit-keyframes upVoteFirst{0%{opacity:0;top:-15px}19.04%{top:5px}35.23%{opacity:1;top:-12px}50.47%{top:4px}62.85%{top:-9px}74.28%{top:3px}82.85%{top:-6px}90.47%{top:2px}95.23%{top:-3px}99.04%{top:1px}100%{top:0px}}@-moz-keyframes upVoteFirst{0%{opacity:0;top:-15px}19.04%{top:5px}35.23%{opacity:1;top:-12px}50.47%{top:4px}62.85%{top:-9px}74.28%{top:3px}82.85%{top:-6px}90.47%{top:2px}95.23%{top:-3px}99.04%{top:1px}100%{top:0px}}@-ms-keyframes upVoteFirst{0%{opacity:0;top:-15px}19.04%{top:5px}35.23%{opacity:1;top:-12px}50.47%{top:4px}62.85%{top:-9px}74.28%{top:3px}82.85%{top:-6px}90.47%{top:2px}95.23%{top:-3px}99.04%{top:1px}100%{top:0px}}@-o-keyframes upVoteFirst{0%{opacity:0;top:-15px}19.04%{top:5px}35.23%{opacity:1;top:-12px}50.47%{top:4px}62.85%{top:-9px}74.28%{top:3px}82.85%{top:-6px}90.47%{top:2px}95.23%{top:-3px}99.04%{top:1px}100%{top:0px}}@keyframes upVoteFirst{0%{opacity:0;top:-15px}19.04%{top:5px}35.23%{opacity:1;top:-12px}50.47%{top:4px}62.85%{top:-9px}74.28%{top:3px}82.85%{top:-6px}90.47%{top:2px}95.23%{top:-3px}99.04%{top:1px}100%{top:0px}}@-webkit-keyframes upVote{0%{background-position:0px 0px}100%{background-position:0px -600px}}@-moz-keyframes upVote{0%{background-position:0px 0px}100%{background-position:0px -600px}}@-ms-keyframes upVote{0%{background-position:0px 0px}100%{background-position:0px -600px}}@-o-keyframes upVote{0%{background-position:0px 0px}100%{background-position:0px -600px}}@keyframes upVote{0%{background-position:0px 0px}100%{background-position:0px -600px}}@keyframes up{0%{transform:rotateY(0deg);background-position:-240px 0px}49%{background-position:-240px 0px}49.001%{background-position:0px 0px}100%{transform:rotateY(360deg);background-position:0px 0px}}@-webkit-keyframes up{0%{-webkit-transform:rotateY(0deg);background-position:-240px 0px}49%{background-position:-240px 0px}49.001%{background-position:0px 0px}100%{-webkit-transform:rotateY(360deg);background-position:0px 0px}}@-moz-keyframes up{0%{-moz-transform:rotateY(0deg);background-position:-240px 0px}49%{background-position:-240px 0px}49.001%{background-position:0px 0px}100%{-moz-transform:rotateY(360deg);background-position:0px 0px}}@-ms-keyframes up{0%{-ms-transform:rotateY(0deg);background-position:-240px 0px}49%{background-position:-240px 0px}49.001%{background-position:0px 0px}100%{-ms-transform:rotateY(360deg);background-position:0px 0px}}@-o-keyframes up{0%{-o-transform:rotateY(0deg);background-position:-240px 0px}49%{background-position:-240px 0px}49.001%{background-position:0px 0px}100%{-o-transform:rotateY(360deg);background-position:0px 0px}}
RAW Paste Data
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
 
Top