API tools faq
paste
Advertisement
Guest User

v/dogecoin

a guest
Dec 8th, 2015
343
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 29.63 KB | None | 0 0
raw download clone embed print report
  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}}
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!