daily pastebin goal
53%
SHARE
TWEET

/v/Deathpool CSS

a guest Mar 28th, 2016 64 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* USER FLAIRS */
  2. #container a[href$="/user/brother_tempus"]:after,
  3. #container a[href$="/user/ScottRockview"]:after,
  4. #container a[href$="/user/Jefiakra"]:after,
  5. #container a[href$="/user/SingingOnCloudNine"]:after,
  6. #container a[href$="/user/NeedleStack"]:after,
  7. #container a[href$="/user/no_more_bob_marley"]:after,
  8. #container a[href$="/user/Weebo"]:after,
  9. #container a[href$="/user/Boukert"]:after,
  10. #container a[href$="/user/jidlaph"]:after,
  11. #container a[href$="/user/jambo"]:after,
  12. #container a[href$="/user/jesuspiece"]:after,
  13. #container a[href$="/user/jobes"]:after,
  14. #container a[href$="/user/Gramman74"]:after,
  15. #container a[href$="/user/Crazy_eyes"]:after,
  16. #container a[href$="/user/Mastercat"]:after,
  17. #container a[href$="/user/SerRobertStrong"]:after,
  18. #container a[href$="/user/Alybad"]:after,  
  19. #container a[href$="/user/PhitPhil"]:after,  
  20. #container a[href$="/user/GoofyGrape"]:after,
  21. #container a[href$="/user/loltidderkcuf"]:after,
  22. #container a[href$="/user/notacylon85"]:after,
  23. #container a[href$="/user/sinjinsmythe"]:after,
  24. #container a[href$="/user/hats_"]:after,
  25. #container a[href$="/user/HST"]:after {
  26.     content: " Picks confirmed ";
  27.     display: inline-block;
  28.     color: #FF4949!important;
  29.     background: url(https://i.imgur.com/zHgx7bX.png) no-repeat rgba(68, 68, 68, 0);
  30.     padding-left: 28px!important;
  31.     background-size: 20px auto;
  32.     background-position: 4px 50%;
  33.     font-size: 10px;
  34.     line-height: 20px!important;
  35.     border: none!important;
  36.     font-weight: bold;
  37. }
  38. #container a[href$="/user/jesuspiece"]:after {
  39.     content: " First Blood ";
  40.     display: inline-block;
  41.     color: #FF4949!important;
  42.     background: url(https://i.imgur.com/BVe59SC.png) no-repeat rgba(68, 68, 68, 0);
  43.     padding-left: 50px!important;
  44.     background-size: 42px auto;
  45.     background-position: 4px 50%;
  46.     font-size: 10px;
  47.     line-height: 50px!important;
  48.     border: none!important;
  49.     font-weight: bold;
  50. }
  51.  
  52. #container a[href$="/user/OldTrux"]:after {
  53.     content: " Psychic with picks confirmed ";
  54.     display: inline-block;    color: #FF4949!important;
  55.     background: url(https://i.imgur.com/zHgx7bX.png) no-repeat rgba(68, 68, 68, 0);
  56.     padding-left: 28px!important;    background-size: 20px auto;    background-position: 4px 50%;
  57.     font-size: 10px;    line-height: 20px!important;    border: none!important;    font-weight: bold;
  58. }
  59.  
  60. /**single bubbles**/
  61. #container a[href$="/user/PM_ME_YOUR_ARCHES"]:after {
  62.     background: black;
  63.     color: white;
  64.     content: " Grim Reaper ";
  65.     border-radius: 12px ;
  66.     display: inline-block;
  67.     font-size: 10px;
  68.     font-weight: bold;
  69.     margin-right: 3px;
  70.     margin-left: 3px;
  71.     padding: 2px 4px 0px 4px;
  72.     text-align: center;
  73.     line-height: 14px;
  74.     border: 2px solid black;
  75. }
  76.  
  77. #container a[href$="/user/pembo210"]:after {
  78.     content: " Wizard ";
  79.     display: inline-block;
  80.     color: #FF4949!important;
  81.     background: url(https://i.imgur.com/8SYFWK2.png) no-repeat rgba(68, 68, 68, 0);
  82.     padding-left: 28px!important;
  83.     background-size: 26px auto;
  84.     background-position: 4px 50%;
  85.     font-size: 10px;
  86.     line-height: 20px!important;
  87.     border: none!important;
  88.     font-weight: bold;
  89. }
  90. a[href$="/user/smokratez"]:after {
  91.     border-radius: 7px ;
  92.     display: inline-block;
  93.     font-size: 9px;
  94.     font-weight: bold;
  95.     letter-spacing: 1px;
  96.     line-height: 8px;
  97.     margin-right: 3px;
  98.     margin-left: 3px;
  99.     padding: 2px;
  100.     text-align: center;
  101.     white-space: nowrap;
  102.     background: black none repeat scroll 0% 0%;
  103.     color: white;
  104.     border: 2px solid black;
  105.     content: " Literally Autistic ";
  106. }
  107. a.author {font-size: 12px;}
  108. .side ul.content li {margin: 6px;}
  109. /*****************************************************************************************/
  110. #header-container {
  111.     background: transparent;
  112.     border: 0px solid #dcdcdc;
  113.     height: 88px;
  114. }
  115.  
  116. a#header-img-a {
  117.     background: url(https://i.imgur.com/8SYFWK2.png) no-repeat;
  118.     display: inline-block;
  119.     width: 140px;
  120.     height: 90px;
  121.     background-size: 120px auto;
  122. }
  123. img#header-img {
  124.     display: none;
  125. }
  126. #container {
  127.     border: 0px solid #d1d1d1;
  128.     max-width: 1400px;
  129. }
  130. .dark #container {
  131.     background: rgba(0, 0, 0, 0.3);
  132.     max-width: 1400px;
  133. }
  134. .side .md a:visited {
  135.     color: #000;
  136. }
  137.  
  138. body.dark {
  139.     background: url(https://i.imgur.com/f8lN4jy.jpg) #000000 no-repeat;
  140.     background-attachment: fixed;
  141.     background-position: 50% 104%;
  142. }
  143.  
  144. #header {
  145.      /***background: front, back; **/
  146.     background: url(https://i.imgur.com/v0vsTGO.png), url(http://i.imgur.com/yxJqpM5.png);
  147.     background-repeat: no-repeat, repeat-x;
  148.     height: 260px;
  149.     background-position: 50% 50px, 0px 24px;
  150.     margin: 0px;
  151.     -webkit-animation: 90s linear 0s normal none infinite running bannermove;
  152.     -moz-animation: 90s linear 0s normal none infinite running bannermove;
  153.     -ms-animation: 90s linear 0s normal none infinite running bannermove;
  154.     -o-animation: 90s linear 0s normal none infinite running bannermove;
  155.     animation: 90s linear 0s normal none infinite running bannermove;
  156. }
  157.  
  158. @keyframes bannermove {
  159.     0% {background-position: 50% 50px, 0px 24px;}
  160.     100% { background-position: 50% 50px, -4800px 24px;}
  161. }
  162. @-moz-keyframes bannermove {
  163.     0% {background-position: 50% 50px, 0px 24px;}
  164.     100% { background-position: 50% 50px, -4800px 24px;}
  165. }
  166. @-webkit-keyframes bannermove {
  167.     0% {background-position: 50% 50px, 0px 24px;}
  168.     100% { background-position: 50% 50px, -4800px 24px;}
  169. }
  170. @-ms-keyframes bannermove {
  171.     0% {background-position: 50% 50px, 0px 24px;}
  172.     100% { background-position: 50% 50px, -4800px 24px;}
  173. }
  174. @-o-keyframes bannermove {
  175.     0% {background-position: 50% 50px, 0px 24px;}
  176.     100% { background-position: 50% 50px, -4800px 24px;}
  177. }
  178.  
  179. .dark #header {opacity: 0.7;}
  180. .dark #header:hover {opacity: 1;}
  181.  
  182.  
  183. /**sidebar**/
  184. .side {
  185.     box-shadow: 4px 4px 5px rgba(85, 85, 85, 0.1), -2px -2px 5px rgba(85, 85, 85, 0.05);
  186. }
  187. .dark .side {
  188.     box-shadow: 4px 4px 5px rgba(85, 85, 85, 0), -2px -2px 5px rgba(85, 85, 85, 0);
  189. }
  190. .dark .side .md p, .dark .side .md h1 {
  191.     color: #000!important;
  192. }
  193. .side .md p {
  194.     width: 200px;
  195.     margin: 0 auto;
  196.     text-align: center;
  197. }
  198. .side .md h1, .side .md h2, .side .md h3, .side .md h4, .side .md h5, .side .md h6 {
  199.     width: 210px;
  200.     margin: 0 auto;
  201.     text-align: center;
  202. }
  203. .side .md {
  204.     background: url(https://i.imgur.com/bEQoLTY.png) no-repeat transparent;
  205.     background-size: 306px 470px;
  206.     background-position: 50%;
  207.     text-align: center;
  208.     margin: auto;
  209.     padding: 70px 4px 100px 4px;
  210. }
  211. .dark .side .md {
  212.     opacity: 0.5;
  213. }
  214. .dark .side .md:hover {
  215.     opacity: 0.9;
  216. }
  217. h1.hover.whoaversename, .titlebox {
  218.     text-align: center;
  219. }
  220. /**subscribers**/
  221. .subscribers #subscriberCount::after {
  222.     content: '12 ';
  223. }
  224. .users-online.fuzzed > span.number::after {
  225.     content: '4 ';
  226. }
  227. .minimum-ccp-downvote {
  228.     display: none;
  229. }
  230.  
  231. span.subscribers {
  232.     display: block;
  233.     margin: 4px auto;
  234. }
  235. /**mod box**/
  236. .side .spacer.spacersection {
  237.     display: none;
  238. }
  239. .dark .sidecontentbox .content:hover {
  240.     background: #272727;
  241. }
  242. .sidecontentbox .content {
  243.     background: transparent;
  244.     border: 0px solid #272727;
  245. }
  246.  
  247.  
  248. /**posts**/
  249. .link:hover {
  250.     box-shadow: 4px 4px 5px rgba(85, 85, 85, 0.5), -2px -2px 5px rgba(85, 85, 85, 0.2);
  251.     border-radius: 8px;
  252.     background: rgba(0, 0, 0, 0.0)!important;
  253. }
  254. .dark .link:hover {
  255.     box-shadow: 4px 4px 5px rgba(85, 85, 85, 0.2), -2px -2px 5px rgba(85, 85, 85, 0.1);
  256.     border-radius: 8px;
  257.     background: rgba(0, 0, 0, 0.35)!important;
  258. }
  259. .link {
  260.     box-shadow: 4px 4px 5px rgba(85, 85, 85, 0.1), -2px -2px 5px rgba(85, 85, 85, 0.05);
  261.     border-radius: 8px;
  262. }
  263. .content .link {
  264.      margin-bottom: 5px;
  265. }
  266. .even, .dark .even {
  267.     background: transparent;
  268. }
  269. .arrow-downvote {display: none;}
  270. .arrow-upvote, .comment .arrow-upvote {
  271.     opacity: 0.4;
  272. }
  273. .arrow-downvote {display: none;}
  274. .arrow-upvote:hover, .comment .arrow-upvote:hover {
  275.     opacity: 0.7;
  276. }
  277. .arrow-upvote, .arrow-upvoted,
  278. .comment .arrow-upvote, .comment .arrow-upvoted {
  279.     background: url(https://i.imgur.com/zHgx7bX.png) no-repeat;
  280.     height: 20px;
  281.     margin: 4px;
  282.     width: 20px;
  283. }
  284. .score {
  285.     font-size: 18px;
  286. }
  287. .comment .score {
  288.     font-size: 12px;
  289. }
  290. /**mod button**/
  291. .leavemoderator {
  292.     background: transparent;
  293. }
  294. /**up-down vote ratio bar**/
  295. .scorebar {
  296.     display: none;
  297. }
  298.  
  299. /**mobile post spacing**/
  300. @media (max-width: 950px) {
  301.     #container {
  302.         margin-top: 40px;
  303.     }
  304. }
  305.  
  306.  
  307. /**submitted by**/
  308. .link .tagline {
  309.     font-size: 0px;
  310. }
  311. .tagline {
  312.     line-height: 25px;
  313. }
  314. time {
  315.     font-size: 12px;
  316. }
  317. span.userattrs {
  318.     font-size: 12px;
  319.     margin-left: 6px;
  320. }
  321. a.author.may-blank.userinfo.tooltipstered {
  322.     font-size: 12px;
  323. }
  324. div.entry > p.tagline > time::after {
  325.     content: ' ago by ';
  326. }
  327.  
  328.  
  329. #l + label::after {
  330.     content: "Search /v/Deathpool";
  331. }
  332.  
  333. /*-------------------------------------------------------------------*/
  334. /* Base
  335. /*-------------------------------------------------------------------*/
  336.  
  337. /* Form container */
  338. form[action="/search"] {
  339.     position: relative;
  340.     overflow: hidden;
  341. }
  342.  
  343. /* Validation error */
  344. .field-validation-error {
  345.     display: block;
  346.     width: 100%;
  347.     height: 20px;
  348. }
  349.  
  350. /*-------------------------------------------------------------------*/
  351. /* Checkboxes
  352. /*-------------------------------------------------------------------*/
  353.  
  354. /* Old checkbox */
  355. /* This makes it an invisible, clickable overlay */
  356. #l {
  357.     position: absolute;
  358.     z-index: 2;
  359.     bottom: 0px;
  360.     left: -4000px;
  361.     width: 10000px;
  362.     height: 30px;
  363.     cursor: pointer;
  364.     outline: none;
  365. }
  366.  
  367. /* New checkbox */
  368. /* Using the icon font already built into Voat */
  369. #l + label::before {
  370.     font-family: "Glyphicons Halflings";
  371.     font-size: 16px;
  372.     content: "\e157";
  373. }
  374.  
  375. #l:checked + label::before {
  376.     content: "\e067";
  377. }
  378.  
  379. /*-------------------------------------------------------------------*/
  380. /* Labels
  381. /*-------------------------------------------------------------------*/
  382.  
  383. /* Old label */
  384. #l + label {
  385.     font-size: 0;
  386. }
  387.  
  388. /* New label */
  389. #l + label::after {
  390.     position: absolute;
  391.     left: 20px;
  392.     display: block;
  393.     bottom: 0px;
  394.     line-height: 30px;
  395.     font-size: 12px;
  396.     font-weight: bold;
  397. }
  398.  
  399. #l:hover + label::after,
  400. #l:focus + label::after {
  401.     text-decoration: underline;
  402. }
  403.  
  404. /* LINK FLAIRS */
  405.  
  406. /**flairs**/
  407. .link .title {
  408.     padding: 2px 8px 0 0;
  409. }
  410. .link .flair {
  411.     vertical-align: middle !important;
  412.     padding: 2px 6px;
  413.     min-width: 70px !important;
  414.     text-align: center;
  415.     font-weight: bold;
  416.     color: #fff;
  417.     text-shadow: 0px 0px 2px #000, 0px 0px 3px #000;
  418.     border: 2px solid #555;
  419.     border-radius: 6px;
  420.     font-size: 12px;
  421.     box-shadow: 4px 4px 3px rgba(85, 85, 85, 0.5);
  422.     margin-bottom: 5px;
  423.     letter-spacing: 0px;
  424. }
  425. .promoted {
  426.     vertical-align: middle !important;
  427.     padding: 5px 16px 5px 16px;
  428.     text-align: center;
  429.     min-width: 70px !important;
  430.     font-weight: bold;
  431.     font-size: 12px;
  432.     color: white;
  433.     border: none;
  434.     background: #000000;
  435.     border-radius: 6px;
  436.     text-transform: capitalize;
  437.     box-shadow: 4px 4px 3px rgba(85, 85, 85, 0.5);
  438.     margin-bottom: 5px;
  439.     letter-spacing: 0px;
  440. }
  441. .dark .promoted {
  442.     border: 2px solid #4E4E4E!important;
  443. }
  444. .dark .link .flair {
  445.     box-shadow: 4px 4px 3px rgba(62, 62, 62, 0.20);
  446.     border: 2px solid #000;
  447. }
  448. /**text post indent with goat**/
  449. .thumbnail {
  450.   margin: 0 -74px 0 0;
  451. }
  452. .sitetable .entry {
  453.   margin-right: 10px;
  454.   padding-left: 80px;
  455.   background: url("https://i.imgur.com/8SYFWK2.png") no-repeat;
  456. background-position: 1px 0;
  457.   background-size: 70px auto;
  458. }
  459. .commentarea .entry {
  460.   margin-right: 0px!important;
  461.   padding-left: 0px!important;
  462.   background: none!important;
  463. }
  464. /**comment page text post indent**/
  465. .link .usertext .md {
  466.   margin: 8px 0px 0px -80px;
  467. }
  468.  
  469. .Meta-Flair {
  470.   display: inline-block;
  471.   background-color: #0092ff;
  472. }
  473.  
  474. .Claim-Flair {
  475.   display: inline-block;
  476.   background-color: #15ff00;
  477. }
  478.  
  479. .InMemoriam-Flair {
  480.     display: inline-block;
  481.     color: #FF4949!important;
  482.     background: url(https://i.imgur.com/OiavucJ.png) no-repeat #2B2B2B;
  483.     padding-left: 28px!important;
  484.     background-size: 18px auto;
  485.     background-position: 4px 50%;
  486. }
  487.  
  488. .News_Flair {
  489.   display: inline-block !important;
  490.   background-color: #00FFDF !important;
  491. }
  492.  
  493. .UnpickedDeath_Flair {
  494.      display: inline-block;
  495.     color: #FF4949!important;
  496.     background: url(https://i.imgur.com/zHgx7bX.png) no-repeat #2B2B2B;
  497.     padding-left: 28px!important;
  498.     background-size: 20px auto;
  499.     background-position: 4px 50%;
  500.     font-size: 14px;
  501. }
  502.  
  503. .Resource-Flair {
  504.   display: inline-block !important;
  505.   background-color: #FF8E00 !important;
  506. }
  507.  
  508. .CovertOpperations_Flair {
  509.   display: inline-block !important;
  510.   background-color: #FF899D !important;
  511. }
  512.  
  513. .Tip_Flair {
  514.   display: inline-block !important;
  515.   background-color: #FDFF00 !important;
  516. }
  517.  
  518. .Discussion_Flair {
  519.   display: inline-block !important;
  520.   background-color: #0038FF !important;
  521. }
  522.  
  523. .Diplomacy-Flair {
  524.   display: inline-block !important;
  525.   background-color: #C000D8 !important;
  526. }
  527.  
  528. .Modpost-Flair {
  529.   display: inline-block !important;
  530.   background-color: #118300 !important;
  531. }
  532.  
  533.  
  534.  
  535.  
  536.  
  537.  
  538. /**flair base   https://i.imgur.com/xFYg7jn.png **/
  539. #container a[href$="/user/PM_ME_YOUR_CSS"]::before {
  540.     content: '';
  541.     background-image: url(https://i.imgur.com/xFYg7jn.png);
  542.     background-repeat: no-repeat;
  543.     background-size: 16px auto;
  544.     padding: 2px 10px 4px 10px;
  545.     margin-left: 5px;
  546.     background-repeat: no-repeat;
  547.     line-height: 18px;
  548.     height: 18px;
  549.     width: 16px;
  550. }
  551. .footer:before {
  552.     content: 'stylesheet updated by @PM_ME_YOUR_CSS';
  553.     font-size: 11px;
  554. }
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