API tools faq
paste
tejmar

WPD Stylesheet

tejmar
Jun 13th, 2021
84
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.02 KB | None | 0 0
raw download clone embed print report
  1. /*** NOTE: OUR STYLESHEET IS EXTREMELY MESSY.***/
  2.  
  3. html * {
  4. -webkit-text-size-adjust: 100%;
  5. }
  6.  
  7. /* BANNER */
  8.  
  9. #header { border-bottom: 1px solid #000000; }
  10. #header-bottom-left {
  11. background: url(%%sbg%%) repeat top left #000000;
  12. height: 103px;
  13. }
  14.  
  15. /*Picture on top right*/
  16.  
  17.  
  18. .side { background: url(%%WARNING-GRAPHIC%%) no-repeat scroll center top transparent; margin-top: 10px; padding-top: 207px; }
  19. /*
  20. .titlebox { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 0px }
  21.  
  22. .titlebox .usertext-body .md { display: inline; }
  23. */
  24.  
  25.  
  26. /* Hides "Select a subreddit" when submitting */
  27.  
  28. #reddit-field {
  29. display: none
  30. }
  31.  
  32.  
  33. /***** CHANGE MOD TEXT *****/
  34. /*
  35. .author[href$="CrazyFunPenguin"] { color: #CC0033; }
  36.  
  37. .author[href$="GoreFox"] { color: #00FF00; }
  38.  
  39. .author[href$="AutoModerator"] { color: #6600ff; }
  40.  
  41. .author[href$="Greedeater"] { color: #FF0000; }
  42.  
  43. .author[href$="Ad-dy"] { color: #009933; }
  44.  
  45. .author[href$="Thisishell"] { color: #00FFFF; }
  46.  
  47. .author[href$="xvvhiteboy"] { color: DarkBlue; }
  48.  
  49. .author[href$="sfitznott"] { color: DarkMagenta; }
  50.  
  51. .author[href$="T_Dumbsford"] { color: #FFA500; }
  52.  
  53. .author[href$="pyrowolf8"] { color: #BF5FFF; }
  54. */
  55.  
  56.  
  57.  
  58. /************ POLICE MOD COLORS ************/
  59. /*
  60. a[href*="CrazyFunPenguin"] {
  61. background:0;
  62. -webkit-animation:rainbow .4s linear infinite;
  63. -moz-animation:rainbow .4s linear infinite;
  64. animation:rainbow .4s linear infinite;
  65. }
  66. @keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  67. @-moz-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  68. @-webkit-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  69.  
  70. a[href*="Greedeater"] {
  71. background:0;
  72. -webkit-animation:rainbow .4s linear infinite;
  73. -moz-animation:rainbow .4s linear infinite;
  74. animation:rainbow .4s linear infinite;
  75. }
  76. @keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  77. @-moz-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  78. @-webkit-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  79.  
  80. a[href*="pyrowolf8"] {
  81. background:0;
  82. -webkit-animation:rainbow .4s linear infinite;
  83. -moz-animation:rainbow .4s linear infinite;
  84. animation:rainbow .4s linear infinite;
  85. }
  86. @keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  87. @-moz-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  88. @-webkit-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  89.  
  90. a[href*="Thisishell"] {
  91. background:0;
  92. -webkit-animation:rainbow .4s linear infinite;
  93. -moz-animation:rainbow .4s linear infinite;
  94. animation:rainbow .4s linear infinite;
  95. }
  96. @keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  97. @-moz-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  98. @-webkit-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  99.  
  100.  
  101. a[href*="GoreFox"] {
  102. background:0;
  103. -webkit-animation:rainbow .4s linear infinite;
  104. -moz-animation:rainbow .4s linear infinite;
  105. animation:rainbow .4s linear infinite;
  106. }
  107. @keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  108. @-moz-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  109. @-webkit-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  110.  
  111. a[href*="Rountree1"] {
  112. background:0;
  113. -webkit-animation:rainbow .4s linear infinite;
  114. -moz-animation:rainbow .4s linear infinite;
  115. animation:rainbow .4s linear infinite;
  116. }
  117. @keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  118. @-moz-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  119. @-webkit-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  120.  
  121. a[href*="xvvhiteboy"] {
  122. background:0;
  123. -webkit-animation:rainbow .4s linear infinite;
  124. -moz-animation:rainbow .4s linear infinite;
  125. animation:rainbow .4s linear infinite;
  126. }
  127. @keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  128. @-moz-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  129. @-webkit-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  130.  
  131. a[href*="sfitznott"] {
  132. background:0;
  133. -webkit-animation:rainbow .4s linear infinite;
  134. -moz-animation:rainbow .4s linear infinite;
  135. animation:rainbow .4s linear infinite;
  136. }
  137. @keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  138. @-moz-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  139. @-webkit-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  140.  
  141. a[href*="T_Dumbsford"] {
  142. background:0;
  143. -webkit-animation:rainbow .4s linear infinite;
  144. -moz-animation:rainbow .4s linear infinite;
  145. animation:rainbow .4s linear infinite;
  146. }
  147. @keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  148. @-moz-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  149. @-webkit-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  150.  
  151. a[href*="AutoModerator"] {
  152. background:0;
  153. -webkit-animation:rainbow .4s linear infinite;
  154. -moz-animation:rainbow .4s linear infinite;
  155. animation:rainbow .4s linear infinite;
  156. }
  157. @keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  158. @-moz-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  159. @-webkit-keyframes rainbow {25% {color:red;}50% {color:lightgray;}75% {color:blue;}}
  160. */
  161.  
  162. /*Changes quotes to greentext because why not*/
  163. .md blockquote {
  164. border: 0;
  165. margin: 0;
  166. color: #A00000;
  167. display: block;
  168. line-height: 1.5
  169. }
  170.  
  171. .md blockquote p:before {
  172. content: "> ";
  173. float: left;
  174. display: block;
  175. }
  176.  
  177. /*This changed the flair length for all links, and a bit of colour options*/
  178. .linkflairlabel{max-width:none}
  179. .linkflair-one .linkflairlabel {
  180. background-color: #600000;
  181. font-size: 09px;
  182. font-weight: bold;
  183. color:#900000;
  184. border-color: #380000;
  185. border-width: 1px;
  186. border-radius: 3px;
  187. }
  188.  
  189. /*Changes the word moderators on top of the list of moderators box*/
  190. .sidecontentbox .helplink + .title h1 { font-size: 0 !important }
  191.  
  192. .sidecontentbox .helplink + .title h1:before { font-size: 10pt !important; content: "Bloodhounds" }
  193.  
  194. /*Change the text in the NSFW tag*/
  195. .nsfw-stamp acronym { display: none; }
  196. .nsfw-stamp:after {
  197. content: 'NSFL'; /*Change NSFW to whatever you want it to say*/
  198.  
  199. }
  200.  
  201. /*Arrow mods. Upload into stylesheet and change the URL when needed. 30x30 max though mkay?*/
  202.  
  203. div.up {
  204. width: 14px !important;
  205. height: 14px !important;
  206. background: url(%%whiteup%%) !important;
  207. background-repeat: no-repeat !important;
  208. background-position: 0px 0px !important
  209. }
  210. div.upmod {
  211. width: 14px !important;
  212. height: 14px !important;
  213. background: url(%%Up%%) !important;
  214. background-repeat: no-repeat !important;
  215. background-position: 0px 0px !important
  216. }
  217. div.down {
  218. width: 14px !important;
  219. height: 14px !important;
  220. background: url(%%whitedown%%) !important;
  221. background-repeat: no-repeat !important;
  222. background-position: 0px 0px !important
  223. }
  224. div.downmod {
  225. width: 14px !important;
  226. height: 14px !important;
  227. background: url(%%down%%) !important;
  228. background-repeat: no-repeat !important;
  229. background-position: 0px 0px !important
  230. }
  231.  
  232. /*This allows arrows wider than 15px, need for the custom arrows*/
  233. .midcol, body > .content .midcol { min-width:30px !important; }
  234.  
  235. /*This makes a hovertext for the report button, ripped straight from /r/news.*/
  236. div.commentarea .report-button:hover:after {
  237. position: absolute;
  238. white-space: normal;
  239. display: block;
  240. z-index: 1000;
  241. width: 350px;
  242. padding: 5px;
  243. border: 0px solid #000;
  244. background-color: #b80000;
  245. content: "This is not a super-downvote button. Message the mods with a link if it's something that needs to be dealt with immediately.";
  246. text-align: center;
  247. font-size: 10px;
  248. color: white;
  249. font-weight: bold;
  250. margin-left: 25px;
  251. margin-top: 5px;
  252. }
  253.  
  254. /*Changing the title spacing in the sidebar.*/
  255. .side .redditname a:after {
  256. content: "WatchPeopleDie";
  257. font-size: 20px;
  258. }
  259. .side .redditname a {
  260. font-size: 0;
  261. }
  262.  
  263. /* change how comment/post author's names appear for autmod rename */
  264. .author[href$="/AutoModerator"] {
  265. font-size: 0;
  266. content: '';
  267. }
  268. .author[href$="/AutoModerator"]:after {
  269. font-size: small;
  270. content: 'AutoMod';
  271. }
  272.  
  273. /*required to keep the changed automod name visible*/
  274. .res .moderator:after, .res .submitter:after, .res .admin:after, .res .friend:after {
  275. font-weight: bold;
  276. padding: 0 2px;
  277. border-radius: 3px;
  278. }
  279. .res .moderator:after { background-color: #282; }
  280. .res .submitter:after { background-color: #0055df; }
  281. .res .admin:after { background-color: #f01; }
  282. .res .friend:after { background-color: #ff4500; }
  283.  
  284. /* change how comment/post author's names appear for autowikibot rename */
  285. .author[href$="/autowikibot"] {
  286. font-size: 0;
  287. content: '';
  288. }
  289. .author[href$="/autowikibot"]:after {
  290. font-size: small;
  291. content: 'WatchPeopleDie_Wiki';
  292. }
  293.  
  294.  
  295. /* SEARCH BY FLAIR */
  296. .side table {
  297. font-size: 9px;
  298. border-width: 0px;
  299. }
  300.  
  301. /* Removes original owner and community age */
  302.  
  303. .titlebox .bottom{display: none}
  304.  
  305. /* Hides "Select a subreddit" when submitting */
  306.  
  307. #reddit-field {
  308. display: none
  309. }
  310.  
  311. /* Removes "Create your own community" box */
  312.  
  313. .side .create * {
  314. display: none !important
  315. }
  316.  
  317. /* Box in sidebar */
  318.  
  319. .side .md blockquote {
  320. border-left: 0;
  321. border: 1px solid;
  322. padding: 0;
  323. background: #ededed;
  324. }
  325.  
  326. .side .md blockquote h3 {
  327. background: #b80000;
  328. color: #fff;
  329. text-align: center;
  330. font-weight: bold;
  331. font-size: 18px;
  332. border-bottom: 0px solid;
  333. padding: 2px;
  334. }
  335.  
  336. .side .md blockquote h3 ~ * {
  337. padding: 3px;
  338. }
  339.  
  340. /*Submit page red warning text*/
  341. #newlink .infobar {
  342. background-color: transparent;
  343. padding: 0;
  344. margin: 0;
  345. font-size: 0;
  346. border: 0;
  347. text-indent: -10000px
  348. }
  349. #newlink .infobar:after {
  350. text-indent: 0;
  351. background-color: #b80000;
  352. color: white !important;
  353. border: 0;
  354. padding: 10px;
  355. background-position: bottom center;
  356. background-repeat: no-repeat;
  357. font-size: 15pt;
  358. font-weight: bold;
  359. display: block;
  360. margin-top: 5px;
  361. -moz-border-radius: 5px;
  362. -webkit-border-radius: 5px
  363. }
  364. #link-desc:after {
  365. content: "Remember to FLAIR YOUR POST after you submit it!";
  366. }
  367.  
  368. /*Submit Warnings*/
  369. .sidebox.submit.submit-link:hover:before {
  370. position: fixed;
  371. display: block;
  372. top: 0;
  373. text-align: center;
  374. background-color: #b80000;
  375. color: #fff;
  376. z-index: 1000;
  377. padding: 5px 0;
  378. width: 100%;
  379. left: 0;
  380. font-size: 18px;
  381. font-weight: normal;
  382. content: "Please read the rules before submitting your post, and be sure to flair your post after!"
  383. }
  384.  
  385. .sidebox.submit.submit-text:hover:before {
  386. position: fixed;
  387. display: block;
  388. top: 0;
  389. text-align: center;
  390. background-color: #b80000;
  391. color: #fff;
  392. z-index: 1000;
  393. padding: 5px 0;
  394. width: 100%;
  395. left: 0;
  396. font-size: 18px;
  397. font-weight: normal;
  398. content: "Please read the rules before submitting your post, and be sure to flair your post after!"
  399. }
  400.  
  401.  
  402. /* Rounded corners on submit bars */
  403.  
  404. .nub {
  405. display: none;
  406. }
  407. .morelink {
  408. border-top-left-radius:5px;
  409. border-top-right-radius:5px;
  410. border-bottom-left-radius:5px;
  411. border-bottom-right-radius:5px
  412. }
  413.  
  414. /*** Make the sidebar table look neater ***/
  415.  
  416. .side table {
  417. background: palevioletred;
  418. background: -moz-linear-gradient(90deg, #101010, #202020, #202020, #101010);
  419. background: -webkit-linear-gradient(left, #101010, #202020, #202020, #101010);
  420. border-width: 1px;
  421. border-color:#000;
  422. padding:2px;
  423. font-size:18px;
  424. color:#fff;
  425. margin-bottom:18px;
  426. margin-left: auto!important;
  427. margin-right: auto!important;
  428. }
  429. .side table * {
  430. border-width: 1px;
  431. border-color:#000;
  432. padding:2px;
  433. margin-bottom:18px;
  434. font-size:15px;
  435. color:#fff;
  436. }
  437.  
  438. .side table thead {
  439. background: #fff;
  440. border-width: 2px;
  441. border-color:#000;
  442. padding:3px;
  443.  
  444. }
  445. .side table thead * {
  446. border-width: 0px;
  447. border-color:#000;
  448. padding:3px;
  449. }
  450.  
  451. /*** Hover table ***/
  452.  
  453. .side td:hover {
  454. color:#fff;
  455. }
  456.  
  457. .side td a:hover {
  458. color:#D80000;
  459. text-shadow:2px 2px 3px #000;
  460. }
  461.  
  462. body > div.side > div:nth-child(4) > div > h1 > a {
  463. margin-left: auto;
  464. margin-right: auto;
  465. }
  466.  
  467. /*sidebar submit buttons*/
  468. body .morelink {
  469. border-color: #AAA!important;
  470. border-radius: 4px!important;
  471. background: #202020!important;
  472. }
  473. body .morelink:hover {
  474. border-color: #AAA!important;
  475. border-radius: 4px!important;
  476. background: #303030!important;;
  477. }
  478. .morelink a {color:#fff!important;}
  479. .morelink a:hover {color:#D80000!important; text-shadow: 2px 2px 3px #000 !important;}
  480. div.nub {display:none}
  481.  
  482. /*** Mod Flair ***/
  483.  
  484. /* .flair-ModFlair{
  485. width: 16px;
  486. height: 16px;
  487. color: transparent;
  488. background-image: url(%%ModFlair%%);
  489. display: inline-block;
  490. background-color: transparent;
  491. background-repeat: no-repeat;
  492. background-position: 0px -0px;
  493. vertical-align: middle;
  494. margin-right: 5px;
  495. border: none;
  496. } */
  497.  
  498. /**** post separator ****/
  499.  
  500. .link, .link.last-clicked {
  501. border-bottom: 1px solid #d8d8d8;
  502. padding-bottom:7px;
  503. }
  504.  
  505. /* Remove stupid ass RES post highlight */
  506.  
  507. .res .RES-keyNav-activeElement,
  508. .res .commentarea .RES-keyNav-activeElement .md,
  509. .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  510. background-color: transparent !important;
  511. }
  512.  
  513. /* Background color because the sidebar looks crappy with the post seperators running through them*/
  514.  
  515. body > div.side {
  516. background-color: white;
  517. padding-left: 10px;
  518. padding-right: 10px;
  519. padding-bottom: 10px;
  520. border-left: 1px solid #D8D8D8;
  521. border-right: 1px solid #D8D8D8;
  522. border-bottom: 1px solid #D8D8D8;
  523. }
  524.  
  525. /*** Post flair reminder ***/
  526.  
  527. /*
  528.  
  529. .flat-list.buttons .flairselectbtn {
  530. font-size: 15px;
  531. background-color: #B80000;
  532. color: white;
  533. border-radius: 5px;
  534. padding-left: 3px;
  535. padding-right: 3px;
  536. }
  537. */
  538.  
  539. .linkflair .flat-list.buttons a.flairselectbtn:before {
  540. content: "Flair has been set, thanks!";
  541. font-size: 10px;
  542. color: white;
  543. background: green;
  544. }
  545. .flat-list.buttons .flairselectbtn {
  546. font-size: 0px;
  547. }
  548.  
  549. .flat-list.buttons a.flairselectbtn:before {
  550. content: "Please click this to flair your post.";
  551. font-size: 12px;
  552. color: white;
  553. padding: 0px 4px 0px 4px;
  554. background-color: #B80000;
  555. }
  556.  
  557.  
  558. /*** HEADER TAB MENU ***/
  559.  
  560. #header-bottom-left .tabmenu {
  561. display: block;
  562. position: absolute;
  563. bottom: 0;
  564. left: 200px;
  565. }
  566. #header-bottom-left .tabmenu .selected a{
  567. color: #B80000;
  568. background-color: #fff;
  569. border-top: 1px solid #000000;
  570. border-right: 1px solid #000000;
  571. border-left: 1px solid #000000;
  572. border-bottom: 1px solid #fff;
  573. }
  574. #header-bottom-left .tabmenu .selected a:hover{
  575. color: #B80000;
  576. background-color: #F4F4F4;
  577. border-bottom: 1px solid #F4F4F4;
  578. text-decoration: none;
  579. }
  580. #header-bottom-left .tabmenu a{
  581. color: #000000;
  582. background-color: #fff;
  583. border-top: 1px solid #000000;
  584. border-right: 1px solid #000000;
  585. border-left: 1px solid #000000;
  586. border-bottom: 1px solid #000000;
  587. }
  588. #header-bottom-left .tabmenu a:hover{
  589. color: #B80000;
  590. background-color: #999999;
  591. text-decoration: none;
  592. }
  593.  
  594. /* MOD COLORS
  595.  
  596. .author[href$="/Greedeater"] { color: #D80000; }
  597. .author[href$="/GoreFox"] { color: #D80000; }
  598. .author[href$="/T_Dumbsford"] { color: #D80000; }
  599. .author[href$="/iammrpositive"] { color: #D80000; }
  600. .author[href$="/tejmar"] { color: #D80000; }
  601. .author[href$="/FlairYourPostBot"] { color: #D80000; }
  602. .author[href$="/AutoModerator"] { color: #D80000; }
  603. .author[href$="/GoreGirl89"] { color: #D80000; }
  604. .author[href$="/Mor_Bot"] { color: #D80000; }
  605. .author[href$="/CatThighs"] { color: #D80000; }
  606. .author[href$="/American_potatoe"] { color: #D80000; }
  607. .author[href$="/Farnsworth_The_Dog"] { color: #D80000; }
  608. .author[href$="/terminal_mole"] { color: #D80000; }
  609. */
  610. /*name of subreddit in header*/
  611. .pagename a {
  612. position: absolute !important;
  613. display: block !important;
  614. z-index: 100;
  615. top: 30px !important;
  616. left: 201px !important;
  617. width: 200px !important;
  618. color: #FF0000;
  619. text-decoration:none !important;
  620. font-size: 50px !important;
  621. font-family:monospace !important;
  622. /*padding: 100px 6px 0 50px !important; */
  623. /*background-color: #ffdd77;*/
  624.  
  625. -moz-border-radius-topleft: 10px;
  626. -webkit-border-top-left-radius: 10px;
  627. -moz-border-radius-topright: 10px;
  628. -webkit-border-top-right-radius: 10px;
  629. border-top-left-radius: 10px;
  630. border-top-right-radius: 10px;
  631. -moz-border-radius-bottomleft: 10px;
  632. -webkit-border-bottom-left-radius: 10px;
  633. -moz-border-radius-bottomright: 10px;
  634. -webkit-border-bottom-right-radius: 10px;
  635. border-bottom-left-radius: 10px;
  636. border-bottom-right-radius: 10px;
  637. border: 0px solid #ee8833;
  638. border-bottom: 0px solid #ee8833;
  639. text-shadow: 3px 3px 3px #000!important;
  640. }
  641. a[href*="watchpeopledie"] {
  642. color:black;
  643. font-weight: 900;
  644. background:0;
  645. -webkit-animation:rainbow 1.5s linear infinite;
  646. -moz-animation:rainbow 1.5s linear infinite;
  647. animation:rainbow 1.5s linear infinite;
  648. text-shadow: 0 0 .3em black
  649. }
  650.  
  651. @keyframes rainbow {0% {color:black;}25% {color:gray;}50% {color:white;}75% {color:gray;}}
  652. @-moz-keyframes rainbow {0% {color:black;}25% {color:gray;}50% {color:white;}75% {color:gray;}}
  653.  
  654.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!