API tools faq
paste
Advertisement
Guest User

/v/Deathpool CSS

a guest
Mar 28th, 2016
127
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.88 KB | None | 0 0
raw download clone embed print report
  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. }
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!