API tools faq
paste
Advertisement
Guest User

Valentin Fritzmann Subreddit Correct Codding

a guest
May 9th, 2015
216
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.17 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. body.listing-page > .content:before {
  3. content: "This is a test announcement";
  4. display: block;
  5. background: #638be4;
  6. color: rgba(255, 255, 255, 0.8);
  7. padding: 0 8px;
  8. font-family: Helvetica, sans-serif;
  9. font-size: 14px;
  10. height: 32px;
  11. line-height: 32px;
  12. opacity: 0.9;
  13. }
  14. */
  15.  
  16. /* Listing page announcement (Sidebar) */
  17.  
  18. .side .usertext-body h3:first-of-type {
  19. display: none;
  20. background: #638be4;
  21. color: rgba(255, 255, 255, 0.9);
  22. padding: 0 8px 0 10px;
  23. font-family: Helvetica, sans-serif;
  24. font-size: 14px;
  25. height: 38px;
  26. line-height: 38px;
  27. opacity: 0.9;
  28. position: absolute;
  29. z-index: 9;
  30. border: none;
  31. left: 41px;
  32. right: 341px;
  33. width: auto;
  34. top: 162px;
  35. text-align: left;
  36. font-weight: normal;
  37. }
  38.  
  39. .listing-page .side .usertext-body h3:first-of-type {
  40. display: block;
  41. }
  42.  
  43. .side .usertext-body h3:first-of-type a {
  44. color: #ADD8E6;
  45. }
  46.  
  47. body.listing-page > .content {
  48. padding-top: 34px !important;
  49. }
  50.  
  51. /* End of sidebar announcement */
  52.  
  53. body {
  54. background: #2c404a;
  55. }
  56. body > .content {
  57. position: relative;
  58. top: 12px;
  59. margin-left: 40px;
  60. margin-right: 340px;
  61. margin-bottom: 60px;
  62. background: #fff;
  63. padding: 0;
  64. padding-top: 1px;
  65. position: relative;
  66. border: 1px solid #1c323b;
  67. border-top: none;
  68. }
  69.  
  70. .tabmenu {
  71. position: absolute;
  72. left: 40px;
  73. top: 130px;
  74. right: 340px;
  75. background: #638be4;
  76. height: 40px;
  77. padding: 0;
  78. margin: 0;
  79. padding-left: 108px;
  80. border: 1px solid #1c323b;
  81. border-bottom: none;
  82. }
  83.  
  84. /* Menu colours and info bars for tags */
  85.  
  86. body.post-linkflair-indepth > .content:before,
  87. body.post-linkflair-mega > .content:before,
  88. body.post-linkflair-selfie > .content:before,
  89. body.post-linkflair-advice > .content:before,
  90. body.post-linkflair-vent > .content:before,
  91. body.post-linkflair-locked > .content:before,
  92. body.post-linkflair-random > .content:before {
  93. display: block;
  94. color: rgba(255, 255, 255, 0.8);
  95. padding: 0 8px 0 13px;
  96. font-family: Helvetica, sans-serif;
  97. font-size: 14px;
  98. height: 32px;
  99. line-height: 32px;
  100. }
  101.  
  102. body.post-linkflair-indepth .tabmenu {
  103. background: #a876ff;
  104. }
  105. body.post-linkflair-indepth > .content:before {
  106. content: "This is an in-depth thread, top level comments should be elaborative and at least around 250 characters long.";
  107. background: #a876ff;
  108. opacity: 0.9;
  109. }
  110.  
  111. body.post-linkflair-mega .tabmenu {
  112. background: #4ec6c6;
  113. }
  114. body.post-linkflair-mega > .content:before {
  115. content: "This is a megathread, most if not all other threads related to this topic will be removed.";
  116. content: "This is a megathread, most if not all other threads related to this topic will be removed.";
  117. background: #4ec6c6;
  118. opacity: 0.9;
  119. }
  120.  
  121. body.post-linkflair-selfie .tabmenu {
  122. background: #4C69DB;
  123. }
  124. body.post-linkflair-selfie > .content:before {
  125. content: "This is a megathread, most if not all other threads related to this topic will be removed.";
  126. content: "This is a megathread, most if not all other threads related to this topic will be removed.";
  127. background: #4C69DB;
  128. opacity: 0.9;
  129. }
  130.  
  131. body.post-linkflair-advice .tabmenu {
  132. background: #6B4CDB;
  133. }
  134. body.post-linkflair-advice > .content:before {
  135. content: "This is a megathread, most if not all other threads related to this topic will be removed.";
  136. content: "This is a megathread, most if not all other threads related to this topic will be removed.";
  137. background: #6B4CDB;
  138. opacity: 0.9;
  139. }
  140.  
  141. body.post-linkflair-vent .tabmenu {
  142. background: #964CDB;
  143. }
  144. body.post-linkflair-vent > .content:before {
  145. content: "This is a megathread, most if not all other threads related to this topic will be removed.";
  146. content: "This is a megathread, most if not all other threads related to this topic will be removed.";
  147. background: #964CDB;
  148. opacity: 0.9;
  149. }
  150.  
  151. body.post-linkflair-random .tabmenu {
  152. background: #ffb263;
  153. }
  154. body.post-linkflair-random > .content:before {
  155. content: "This is a random thread, the thread will be sorted in contest mode.";
  156. background: #ffb263;
  157. opacity: 0.9;
  158. }
  159.  
  160. body.post-linkflair-locked .tabmenu {
  161. background: #dd7680;
  162. }
  163. body.post-linkflair-locked > .content:before {
  164. content: "This thread has been locked, any new comments will be removed. Sort comments by /new to see why.";
  165. content: "This thread has been locked, any new comments will be removed. Sort comments by /new to see why.";
  166. background: #dd7680;
  167. opacity: 0.9;
  168. }
  169.  
  170. body.post-linkflair-modpost .tabmenu {
  171. background: #4fc761;
  172. }
  173.  
  174. body.post-linkflair-removed .tabmenu {
  175. background: #999;
  176. }
  177.  
  178. body.post-linkflair-random .tabmenu {
  179. background: #ffb263;
  180. }
  181.  
  182. body.post-linkflair-community .tabmenu {
  183. background: #65a4ed;
  184. }
  185.  
  186. body.post-linkflair-neat .tabmenu {
  187. background: #edc365;
  188. }
  189.  
  190. .content .tabmenu {
  191. position: static;
  192. display: block;
  193. padding-left: 0;
  194. border: none;
  195. }
  196. .tabmenu.formtab {
  197. padding-left: 0 !important;
  198. }
  199. .tabmenu.formtab a {
  200. border: none;
  201. }
  202. .formtabs-content {
  203. border-top: none;
  204. }
  205. .tabmenu.formtab .selected a {
  206. background-color: #4C69DB !important;
  207. }
  208. body:not(.listing-page) .tabmenu {
  209. padding-left: 4px;
  210. }
  211. .tabmenu li {
  212. margin: 0;
  213. }
  214. .tabmenu li a {
  215. margin: 0;
  216. display: inline-block;
  217. height: 100%;
  218. border: none;
  219. padding: 0 8px;
  220. line-height: 40px;
  221. color: rgba(255, 255, 255, 0.7);
  222. font-weight: normal;
  223. background: transparent;
  224. }
  225. .tabmenu li.selected a {
  226. border: none;
  227. color: rgba(255, 255, 255, 0.9);
  228. background: transparent;
  229. }
  230. #header {
  231. /*background: #1c323b;*/
  232. background: rgb(38, 71, 108) url(%%texture%%) 0 0 repeat;
  233. background-size: 600px;
  234. /*background: #1c323b url(%%texture%%) 0 0 repeat;*/
  235. height: 150px;
  236. border-bottom: 1px solid #1c323b !important;
  237. position: relative;
  238. z-index: 9999;
  239. }
  240. #sr-header-area {
  241. background-color: rgba(255, 255, 255, 0.05);
  242. border: none;
  243. /*margin-right: 400px;*/
  244. height: 26px;
  245. }
  246. #sr-header-area .width-clip,
  247. #RESShortcutsViewport {
  248. margin-right: 400px;
  249. padding-right: 60px;
  250. }
  251. #sr-more-link {
  252. background: transparent;
  253. }
  254. #sr-header-area a {
  255. color: #fff;
  256. line-height: 26px;
  257. }
  258. #sr-header-area span {
  259. line-height: 26px;
  260. }
  261. #sr-header-area:hover #RESShortcutsEditContainer {
  262. opacity: 1 !important;
  263. }
  264. #RESShortcutsEditContainer {
  265. opacity: 0 !important;
  266. right: 400px !important;
  267. background: #1c323b !important;
  268. height: 26px !important;
  269. }
  270. #RESShortcutsEditContainer div {
  271. background: transparent !important;
  272. line-height: 23px !important;
  273. }
  274.  
  275. #header-img.default-header, #header-img {
  276. z-index: 99;
  277. width: 0px;
  278. padding-left: 48px;
  279. height: 48px;
  280. background-image: url(%%spritesheet%%);
  281. background-position: -208px -48px;
  282. position: relative;
  283. top: 0px;
  284. margin: 0;
  285. }
  286.  
  287. #header-img.default-header:hover, #header-img:hover {background-position: -208px -96px;}
  288.  
  289.  
  290.  
  291.  
  292. /*end*/
  293.  
  294. #header-img {
  295. display: none;
  296. }
  297. #header-bottom-left > span {
  298. position: absolute;
  299. top: 55px;
  300. left: 95px;
  301. display: inline-block;
  302. }
  303.  
  304.  
  305. #header-bottom-left > span a {
  306. font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  307. font-weight: 300;
  308. font-size: 0px;
  309. color: #fff;
  310. width: 435px;
  311. height: 45px;
  312. background-image: url(%%cc-header%%);
  313. background-size: 85%;
  314. background-repeat: no-repeat;
  315. display: block;
  316. }
  317.  
  318.  
  319. #header-bottom-right {
  320. background: rgba(255, 255, 255, 0);
  321. top: 0 !important;
  322. right: 0;
  323. padding: 0 !important;
  324. height: 26px !important;
  325. line-height: 26px;
  326. padding-left: 8px !important;
  327. padding-right: 8px !important;
  328. color: #fff;
  329. }
  330. #header-bottom-right .user {
  331. font-size: 0px;
  332. }
  333. #header-bottom-right .user > a {
  334. font-size: 13px;
  335. }
  336. #header-bottom-right a {
  337. color: #fff;
  338. }
  339. #userbarToggle {
  340. background: rgba(255, 255, 255, 0) !important;
  341. border-radius: 0 !important;
  342. border: 0 !important;
  343. left: 0 !important;
  344. top: 0 !important;
  345. height: 25px !important;
  346. }
  347. #RESAccountSwitcherIcon {
  348. position: relative;
  349. top: -4px;
  350. }
  351. .userattrs {
  352. font-size: 0;
  353. }
  354. .userattrs a {
  355. background: #aaa;
  356. width: 15px;
  357. height: 15px;
  358. text-align: center;
  359. font-size: 10px;
  360. font-family: Helvetica, sans-serif;
  361. display: inline-block;
  362. color: #fff !important;
  363. vertical-align: bottom;
  364. line-height: 15px;
  365. border-radius: 4px;
  366. }
  367. .userattrs a:hover {
  368. text-decoration: none;
  369. }
  370. .thing .tagline a.author.moderator {
  371. background: transparent !important;
  372. color: #4fc761 !important;
  373. border: 1px solid #4fc761 !important;
  374. padding: 0 4px;
  375. border-radius:4px;
  376. }
  377. .userattrs a.moderator {
  378. background: #4fc761;
  379. }
  380. .thing .tagline a.author.submitter {
  381. background: transparent !important;
  382. color: #638BE4 !important;
  383. border: 1px solid #638BE4 !important;
  384. padding: 0 4px;
  385. border-radius:4px;
  386. }
  387. .userattrs a.submitter {
  388. background: #638BE4;
  389. }
  390. .comment .usertext-body {
  391. margin-right: 10px !important;
  392. }
  393. .nav-buttons {
  394. margin: 10px 26px;
  395. }
  396. .link.last-clicked {
  397. border: none;
  398. }
  399. .link {
  400. margin: 6px 4px;
  401. padding-top: 14px;
  402. border-top: 1px solid #eee !important;
  403. }
  404. .link.stickied {
  405. /*border-bottom: 1px solid #eee;*/
  406. /*padding-bottom: 10px;*/
  407. }
  408. .link:first-child {
  409. border-top: none !important;
  410. }
  411. .link a.title {
  412. color: #5892e2;
  413. }
  414. .link .rank {
  415. display: none;
  416. }
  417. .link .entry .expando-button {
  418. width: 20px;
  419. height: 20px;
  420. margin: 4px 8px 0 0;
  421. background: url(%%buttons%%) no-repeat -9999px -9999px!important;
  422. }
  423. .link .expando-button:hover {
  424. cursor: pointer;
  425. }
  426. .link .entry .expando-button.selftext.collapsed {
  427. background-position: 0 -38px!important;
  428. }
  429. .link .entry .expando-button.selftext.collapsed:hover {
  430. background-position: -20px -38px!important;
  431. }
  432. .link .entry .expando-button.selftext.expanded {
  433. background-position: 0 -58px!important;
  434. }
  435. .link .entry .expando-button.selftext.expanded:hover {
  436. background-position: -20px -58px!important;
  437. }
  438. .link .entry .expando-button.video.collapsed,
  439. .link .entry .expando-button.video.expanded {
  440. background-position: 0 -78px!important;
  441. }
  442. .link .entry .expando-button.video.collapsed:hover,
  443. .link .entry .expando-button.video.expanded:hover {
  444. background-position: -20px -78px!important;
  445. }
  446. .res .link .entry .expando-button.image.collapsedExpando,
  447. .res .link .entry .expando-button.image.expanded {
  448. background-position: 0 -98px!important;
  449. }
  450. .res .link .entry .expando-button.image.collapsedExpando:hover,
  451. .res .link .entry .expando-button.image.expanded:hover {
  452. background-position: -20px -98px!important;
  453. }
  454. .link .RES-keyNav-activeElement {
  455. background-color: transparent !important;
  456. }
  457. .link .RES-keyNav-activeElement .tagline {
  458. position: relative;
  459. }
  460. .listing-page .thing .RES-keyNav-activeElement .tagline:after {
  461. top: 50%;
  462. right: 2px;
  463. border: solid transparent;
  464. content: " ";
  465. height: 0;
  466. width: 0;
  467. position: absolute;
  468. pointer-events: none;
  469. border-color: rgba(136, 183, 213, 0);
  470. border-right-color: #638BE4;
  471. border-width: 12px;
  472. margin-top: -15px;
  473. z-index: 999;
  474. opacity: 0.5;
  475. }
  476. .entry .buttons .approve-button a {
  477. color: #4fc761 !important;
  478. }
  479. .thing .arrow {
  480. background-size: 32px;
  481. width: 32px;
  482. height: 16px;
  483. background-position: center !important;
  484. }
  485. .thing .arrow.up {
  486. background-image: url(%%up%%);
  487. }
  488. .thing .arrow.upmod {
  489. background-image: url(%%up-voted%%);
  490. }
  491. .thing .arrow.down {
  492. background-image: url(%%down%%);
  493. }
  494. .thing .arrow.downmod {
  495. background-image: url(%%down-voted%%);
  496. }
  497. .thing .midcol {
  498. position: relative;
  499. top: -4px;
  500. width: 40px !important;
  501. }
  502. .thing.comment .midcol {
  503. width: 30px !important;
  504. }
  505. .thing .midcol .score {
  506. line-height: 20px;
  507. }
  508. .link .linkflairlabel {
  509. /*min-width: 60px;*/
  510. padding: 2px 4px;
  511. color: #fff;
  512. border: none;
  513. border-radius: 0;
  514. }
  515. .link .usertext-body .md {
  516. max-width: none;
  517. background: #fafafa;
  518. border-color: #aaa;
  519. border-radius: 0;
  520. }
  521. .linkinfo {
  522. width: 281px;
  523. position: relative;
  524. left: -5px;
  525. color: #eaeaea;
  526. border: none;
  527. border-radius: 0;
  528. padding: 10px;
  529. background: #37515E;
  530. }
  531. .side {
  532. background: transparent;
  533. /*margin-top: 70px;*/
  534. width: 296px;
  535. margin-right: 20px !important;
  536. }
  537. .side .md {
  538. color: #ddd;
  539. }
  540. .side .md a{
  541. color: #ADD8E6;
  542. }
  543. .side redditname { line-height: 0}
  544.  
  545. /*Changes submit buttons*/
  546.  
  547. .morelink {
  548. font-weight:normal;
  549. letter-spacing:0;
  550. color: white;
  551. border-radius: 13px 13px 13px 13px;
  552. border: 1px #b4cfd8;
  553. background: #1a2e39;
  554. transition: background .3s ease-in;
  555. -moz-transition: background .3s ease-in;
  556. -webkit-transition: background .3s ease-in;
  557. }
  558.  
  559. .morelink:hover {
  560. font-weight:normal;
  561. letter-spacing:0;
  562. background: #2c404a;
  563. color: black;
  564. }
  565.  
  566. .morelink a { color: white }
  567.  
  568. .morelink .nub { display: none }
  569.  
  570. .sidebox.submit:hover:before{
  571. position:fixed;
  572. display:block;
  573. top:0;
  574. text-align:center;
  575. background-color:#82afbe; /*Edit to your liking*/
  576. color:white; /*Font color*/
  577. z-index:1000;
  578. padding:5px 0;
  579. width:100%;
  580. left:0;
  581. font-size:15px;
  582. font-weight:normal;
  583. content:"Please read the rules before posting."
  584. }
  585. #search {
  586. position: relative;
  587. /*right: 6px;*/
  588. width: 290px;
  589. margin-top: 18px;
  590. }
  591. #search input[type="text"] {
  592. width: 290px;
  593. height: 40px;
  594. border: none;
  595. border: 1px solid #1c323b;
  596. }
  597. #searchexpando {
  598. background: #37515E;
  599. border: 1px solid #1c323b;
  600. color: #ddd;
  601. }
  602. .side .redditname {
  603. display: none;
  604. }
  605. .titlebox form.toggle
  606. {
  607. background: transparent;
  608. color: #eee;
  609. font-size: 10px;
  610. }
  611. .leavemoderator {
  612. background: transparent;
  613. color: #eee;
  614. font-size: 0px!important;
  615. top: 50px;
  616. position: relative;
  617. left: 7px;
  618. z-index: 9999;
  619. }
  620. .side h1 {
  621. /*width: 288px;*/
  622. background: #37515E;
  623. /*position: relative;*/
  624. /*right: 4px;*/
  625. padding: 4px;
  626. margin: 0 !important;
  627. font-size: 16px !important;
  628. color: #ddd;
  629. }
  630. .side h1:last-of-type {
  631. background: #1a2e39;
  632. text-align: center;
  633. color: #fff;
  634. }
  635. .side h1:nth-of-type(1):before {
  636. content: "- ";
  637. color: #88B33A;
  638. }
  639. .side h1:nth-of-type(2):before {
  640. content: "- ";
  641. color: #B64840;
  642. }
  643. .side h1:nth-of-type(3):before {
  644. content: "- ";
  645. color: #B64840;
  646. }
  647. .side h1:nth-of-type(4):before {
  648. content: "- ";
  649. color: #B64840;
  650. }
  651. .side h1:nth-of-type(5):before {
  652. content: "- ";
  653. color: #B64840;
  654. }
  655. .side h1:nth-of-type(6):before {
  656. content: "- ";
  657. color: #88B33A;
  658. }
  659. .side h1:nth-of-type(7):before {
  660. content: "- ";
  661. color: #88B33A;
  662. }
  663. .side h1 + ul {
  664. /*width: 272px;*/
  665. background: #3e5c6a;
  666. /*position: relative;*/
  667. /*right: 4px;*/
  668. padding: 0 8px;
  669. margin: 0 !important;
  670. /*margin-bottom: 6px !important;*/
  671. border-bottom: 4px solid #2c404a;
  672. height: auto;
  673. max-height: 0;
  674. overflow: hidden;
  675. -webkit-transition: all 0.3s;
  676. transition: all 0.3s;
  677. }
  678. .side h1 + ul a {
  679. color: #eee;
  680. }
  681. .side h1 + ul sup {
  682. margin-top: 6px;
  683. display: block;
  684. }
  685. .side h1:hover {
  686. cursor: pointer;
  687. }
  688. .side h1:hover + ul,
  689. .side h1 + ul:hover {
  690. padding: 8px;
  691. max-height: 400px;
  692. }
  693. .side td,
  694. .side th {
  695. border-color: #3e5c6a;
  696. }
  697. .side .usertext {
  698. /*background: rgb(66,84,93);*/
  699. background: #37515E;
  700. /*border: 1px solid #1c323b;*/
  701. }
  702. .side code {
  703. background: transparent;
  704. }
  705. .side .usertext p {
  706. padding: 4px 8px;
  707. }
  708. .side .usertext h3 {
  709. /*padding: 4px 8px;*/
  710. /*white-space: nowrap;*/
  711. /*font-size: 16px;*/
  712. /*font-family: Helvetica, sans-serif;*/
  713. /*text-align: center;*/
  714. /*color: #f2f2f2;*/
  715. /*background: #638be4;*/
  716. background: #1a2e39;
  717. /*border: 1px solid #1c323b;*/
  718. border-bottom: none;
  719. color: #fff;
  720. padding: 8px 8px;
  721. display: block;
  722. width: 280px;
  723. position: relative;
  724. /*left: -9px;*/
  725. top: -9px;
  726. font-size: 14px;
  727. font-weight: bold;
  728. font-family: Helvetica, sans-serif;
  729. text-align: center;
  730. margin-bottom: -10px;
  731. /*margin-top: 0;*/
  732. }
  733. .side .helplink {
  734. /*padding: 4px 8px;*/
  735. /*white-space: nowrap;*/
  736. /*font-size: 16px;*/
  737. /*font-family: Helvetica, sans-serif;*/
  738. /*text-align: center;*/
  739. /*color: #f2f2f2;*/
  740. /*background: #638be4;*/
  741. background: #638be4;
  742. /*border: 1px solid #1c323b;*/
  743. border-bottom: none;
  744. color: #fff;
  745. padding: 14px 8px;
  746. display: block;
  747. width: 280px;
  748. /*position: relative;*/
  749. /*left: -9px;*/
  750. /*top: -9px;*/
  751. font-size: 16px;
  752. /*font-weight: bold;*/
  753. font-family: Helvetica, sans-serif;
  754. text-align: center;
  755. margin-bottom: 20px;
  756. /*margin-top: 10px;*/
  757. /*margin-top: 0;*/
  758. }
  759. .side a[href$="wiki_rules"] {
  760. /*top: -10px;*/
  761. color: #fff;
  762. }
  763. .side hr {
  764. border: none;
  765. background: #2c404a;
  766. height: 14px;
  767. margin: 0;
  768. }
  769. .side .usertext p:nth-of-type(1) {
  770. background: #2c404a;
  771. padding: 0;
  772. margin: 0;
  773. }
  774. .side .usertext p:nth-of-type(3) {
  775. background: #2c404a;
  776. padding: 0;
  777. margin: 0;
  778. }
  779. .side .usertext p:nth-of-type(2) {
  780. background: #2c404a;
  781. padding: 20px 0;
  782. margin: 0;
  783. }
  784. .side .usertext p:nth-of-type(2) a {
  785. background: #1a2e39;
  786. /*background: #4C69DB;*/
  787. border: 1px solid #000;
  788. width: 93px;
  789. display: inline-block;
  790. margin: 0;
  791. text-align: center;
  792. padding: 8px 0;
  793. color: #fff;
  794. }
  795. .side .usertext p:nth-of-type(2) a:nth-of-type(1),
  796. .side .usertext p:nth-of-type(2) a:nth-of-type(2) {
  797. margin-right: 1.25px;
  798. }
  799. .side .usertext p:nth-of-type(2) a:nth-of-type(4) {
  800. margin-right: 1.5px;
  801. }
  802. .side .usertext p:nth-of-type(2) a:nth-of-type(4),
  803. .side .usertext p:nth-of-type(2) a:nth-of-type(5) {
  804. width: 143px;
  805. margin-top: 6px;
  806. }
  807. .side a[href$="Valentin_Fritzmann/comments/"] {
  808. display: none;
  809. }
  810. .listing-page .side a[href$="Valentin_Fritzmann/comments/"] {
  811. display: inline-block;
  812. position: absolute;
  813. left: 50px;
  814. top: 143px;
  815. color: rgba(255, 255, 255, 0.7);
  816. z-index: 9999;
  817. }
  818. .side form.flairtoggle {
  819. background: #FDFDFD;
  820. padding-left: 8px;
  821. padding-top: 10px;
  822. padding-bottom: 4px;
  823. height: 44px;
  824. margin-top: 10px;
  825. border: 1px solid #1c323b;
  826. border-bottom: none;
  827. border-top: none;
  828. }
  829. .side form.flairtoggle:before {
  830. background: #638BE4;
  831. border: 1px solid #1c323b;
  832. border-bottom: none;
  833. color: rgba(255, 255, 255, 0.7);
  834. height: 30px;
  835. line-height: 30px;
  836. display: block;
  837. content: "Set your user flair";
  838. width: 294px;
  839. position: relative;
  840. left: -9px;
  841. top: -10px;
  842. font-size: 14px;
  843. font-family: Helvetica, sans-serif;
  844. text-align: center;
  845. }
  846. .side .tagline {
  847. position: relative;
  848. }
  849. .side .tagline > span.flair {
  850. overflow: visible;
  851. position: static;
  852. text-indent: -9999px;
  853. transition: max-width 0.4s, padding 0.4s, color 0.4s, text-indent 0s;
  854. -webkit-transition: max-width 0.4s, padding 0.4s, color 0.4s, text-indent 0s;
  855. white-space: nowrap;
  856. }
  857. .side .tagline > span.flair:hover {
  858. text-indent: 12px;
  859. color: #fff;
  860. }
  861.  
  862. /* Flair header colour */
  863.  
  864. .side .tagline > span.flair:before {
  865. text-indent: 0px;
  866. pointer-events: none;
  867. border: 1px solid #1c323b;
  868. border-bottom: none;
  869. color: #333;
  870. height: 30px;
  871. line-height: 30px;
  872. display: none;
  873. content: "Set your user flair";
  874. width: 294px;
  875. position: absolute;
  876. left: -1px;
  877. top: -58px;
  878. font-size: 14px;
  879. font-family: Helvetica, sans-serif;
  880. text-align: center;
  881. }
  882. .side .tagline > span.flair-red:before {
  883. background: #dd7680;
  884. display: block;
  885. }
  886. .side .tagline > span.flair-orange:before {
  887. background: #ffb263;
  888. display: block;
  889. }
  890. .side .tagline > span.flair-yellow:before {
  891. background: #edc365;
  892. display: block;
  893. }
  894. .side .tagline > span.flair-green:before {
  895. background: #4fc761;
  896. display: block;
  897. }
  898. .side .tagline > span.flair-blue:before {
  899. background: #65a4ed;
  900. display: block;
  901. }
  902. .side .tagline > span.flair-turquoise:before {
  903. background: #4ec6c6;
  904. display: block;
  905. }
  906. .side .tagline > span.flair-purple:before {
  907. background: #a876ff;
  908. display: block;
  909. }
  910. .side .tagline > span.flair-magenta:before {
  911. background: #ff7cff;
  912. display: block;
  913. }
  914. .side .tagline > span.flair-pink:before {
  915. background: #FFC0EB;
  916. display: block;
  917. }
  918. .side .tagline > span.flair-grey:before {
  919. background: #999;
  920. display: block;
  921. }
  922. .side .tagline > span.flair-rainbow:before {
  923. color: #fff;
  924. background: #ff0;
  925. background-image: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
  926. background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
  927. display: block;
  928. }
  929. .side .flairselector {
  930. left: initial !important;
  931. right: -1px !important;
  932. top: 30px !important;
  933. box-shadow: none !important;
  934. }
  935. .side form.flairtoggle label {
  936. font-size: 0px;
  937. }
  938. .side form.flairtoggle label:after {
  939. font-size: 10px;
  940. content: "Show my flair on this subreddit";
  941. color: #666;
  942. }
  943. .side .tagline {
  944. background: #FDFDFD;
  945. padding: 8px;
  946. margin: 0;
  947. color: #aaa;
  948. font-size: 12px;
  949. border: 1px solid #1c323b;
  950. border-top: none;
  951. }
  952. .side .tagline a {
  953. color: #666;
  954. }
  955. .side .tagline a:nth-of-type(2) {
  956. font-size: 0px;
  957. color: #73a5ea;
  958. }
  959. .side .tagline a:nth-of-type(2):after {
  960. font-size: 12px;
  961. content: "change";
  962. }
  963. .side .md > blockquote:first-child {
  964. position: absolute;
  965. top: 48px;
  966. right: 338px;
  967. z-index: 88888;
  968. display: block;
  969. white-space: nowrap;
  970. padding: 14px;
  971. margin: 0;
  972. border: none;
  973. border-radius: 10px;
  974. background: #2c404a;
  975. border: 1px solid #1c323b;
  976. font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  977. font-weight: 300;
  978. box-shadow: 0px 1px 5px rgba(0,0,0,0.24)!important;
  979. transition: all 0.25s ease;
  980. }
  981. .side .md > blockquote:first-child:after {
  982. top: 50%;
  983. left: 100%;
  984. border: solid transparent;
  985. content: " ";
  986. height: 0;
  987. width: 0;
  988. position: absolute;
  989. pointer-events: none;
  990. border-color: rgba(255, 255, 255, 0);
  991. border-left-color: #2c404a;
  992. border-width: 16px;
  993. margin-top: -16px;
  994. }
  995. .side .md > blockquote:first-child:before {
  996. top: 50%;
  997. left: 100%;
  998. border: solid transparent;
  999. content: " ";
  1000. height: 0;
  1001. width: 0;
  1002. position: absolute;
  1003. pointer-events: none;
  1004. border-color: rgba(255, 255, 255, 0);
  1005. border-left-color: #1c323b;
  1006. border-width: 17px;
  1007. margin-top: -17px;
  1008. }
  1009. .side .md > blockquote:first-child p {
  1010. background: transparent;
  1011. color: #fff;
  1012. text-align: center;
  1013. font-size: 13px;
  1014. font-weight: 300;
  1015. letter-spacing: .04em;
  1016. }
  1017. .side .md > blockquote:first-child a {
  1018. display: inline-block;
  1019. padding: 7px;
  1020. border-radius: 10px;
  1021. color: #fff;
  1022. text-align: center;
  1023. font-size: 13px;
  1024. font-weight: 300;
  1025. letter-spacing: .04em;
  1026. }
  1027. .side .md > blockquote:first-child a:nth-child(1) {
  1028. background: #4C69DB;
  1029. box-shadow: 0px 1px 5px rgba(0,0,0,0.24)!important;
  1030. transition: all 0.25s ease;
  1031. }
  1032. .side .md > blockquote:first-child a:nth-child(2) {
  1033. background: #6B4CDB;
  1034. margin: 0 5px;
  1035. box-shadow: 0px 1px 5px rgba(0,0,0,0.24)!important;
  1036. transition: all 0.25s ease;
  1037. }
  1038. .side .md > blockquote:first-child a:nth-child(3) {
  1039. background: #964CDB;
  1040. box-shadow: 0px 1px 5px rgba(0,0,0,0.24)!important;
  1041. transition: all 0.25s ease;
  1042. }
  1043. .RESshortcutside,
  1044. .RESshortcutside.remove,
  1045. .RESDashboardToggle,
  1046. .RESDashboardToggle.remove {
  1047. background: transparent !important;
  1048. color:#1a2e39 !important;
  1049. border:0 !important;
  1050. position: relative;
  1051. left: 65px;
  1052. }
  1053. .subscribe-button {
  1054. display: block !important;
  1055. margin-top: 10px;
  1056. }
  1057. .subscribe-button a {
  1058. text-align: center;
  1059. font-family: Helvetica, sans-serif;
  1060. font-size: 18px !important;
  1061. padding: 8px 0 !important;
  1062. }
  1063. .subscribe-button a.add {
  1064. background: #9FDF59 !important;
  1065. box-shadow: 0px 1px 5px rgba(0,0,0,0.24)!important;
  1066. transition: all 0.25s ease;
  1067. }
  1068. .subscribe-button a.remove {
  1069. background: transparent !important;
  1070. color: #1a2e39;
  1071. font-weight: normal;
  1072. border: 1px solid #1a2e39;
  1073. }
  1074. .subscribe-button a.active {
  1075. display: block !important;
  1076. }
  1077. .side .subscribers {
  1078. color: #eee;
  1079. font-size: 15px;
  1080. font-family: Helvetica, sans-serif;
  1081. padding: 8px 0;
  1082. display: block;
  1083. margin-top: 14px;
  1084. letter-spacing: .5px;
  1085. }
  1086. .side .subscribers .word {
  1087. font-size: 0px;
  1088. }
  1089. .side .subscribers .word:after {
  1090. font-size: 15px;
  1091. content: "Valentin_Fritzmann Fans";
  1092. }
  1093. .side .users-online {
  1094. color: #ccc;
  1095. font-size: 14px;
  1096. font-family: Helvetica, sans-serif;
  1097. margin-bottom: 0px;
  1098. display: block;
  1099. }
  1100. .side .users-online:before {
  1101. background: #91bc3f;
  1102. border-radius: 10px;
  1103. width: 10px;
  1104. height: 10px;
  1105. }
  1106. .sidecontentbox h1 {
  1107. background: transparent;
  1108. color: #eee;
  1109. }
  1110. .sidecontentbox h1:before {
  1111. content: none !important;
  1112. }
  1113. .sidecontentbox a {
  1114. color: #eee;
  1115. background: transparent;
  1116. }
  1117. .side del {
  1118. color: #ccc !important;
  1119. }
  1120. .sidebox.create {
  1121. display: none;
  1122. }
  1123. #progressIndicator {
  1124. width: auto !important;
  1125. border-radius: 0 !important;
  1126. border: none !important;
  1127. }
  1128. .hover-bubble {
  1129. z-index: 999999;
  1130. }
  1131. .flair {
  1132. min-width: 14px;
  1133. max-width: 14px;
  1134. height: 14px;
  1135. line-height: 14px;
  1136. border-radius: 14px;
  1137. border: none;
  1138. overflow: hidden;
  1139. padding: 0;
  1140. vertical-align: middle;
  1141. font-size: 11px !important;
  1142. -webkit-transition: all 0.3s;
  1143. transition: all 0.3s;
  1144. position: relative;
  1145. text-indent: 12px;
  1146. }
  1147.  
  1148. /* User */
  1149.  
  1150. .flair:hover {
  1151. max-width: 500px;
  1152. padding: 0 5px;
  1153. color: #fff
  1154. }
  1155. .flair-blue {
  1156. background: #65a4ed;
  1157. color: #65a4ed
  1158. }
  1159. .flair-red {
  1160. background: #dd7680;
  1161. color: #dd7680
  1162. }
  1163. .flair-yellow {
  1164. background: #edc365;
  1165. color: #edc365
  1166. }
  1167. .flair-grey {
  1168. background: #999;
  1169. color: #999
  1170. }
  1171. .flair-green {
  1172. background: #4fc761;
  1173. color: #4fc761
  1174. }
  1175. .flair-pink {
  1176. background: #FFC0EB;
  1177. color: #FFC0EB;
  1178. }
  1179. .flair-magenta {
  1180. background: #ff7cff;
  1181. color: #ff7cff;
  1182. }
  1183. .flair-orange {
  1184. background: #ffb263;
  1185. color: #ffb263;
  1186. }
  1187. .flair-purple {
  1188. background: #a876ff;
  1189. color: #a876ff;
  1190. }
  1191. .flair-turquoise {
  1192. background: #4ec6c6;
  1193. color: #4ec6c6;
  1194. }
  1195. .flair-rainbow {
  1196. color: #fff;
  1197. background: #ff0;
  1198. background-image: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
  1199. background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
  1200. }
  1201. .flair-mod {
  1202. background: #638BE4;
  1203. color: #638BE4;
  1204. text-indent: 12px;
  1205. }
  1206. .flair-mod-purple {
  1207. background: #a876ff;
  1208. color: #a876ff;
  1209. text-indent: 12px;
  1210. }
  1211. .flair-mod:before, .flair-mod-purple:before {
  1212. content: "m";
  1213. color: #FDFDFD;
  1214. width: 14px;
  1215. height: 13px;
  1216. display: block;
  1217. position: absolute;
  1218. text-align: center;
  1219. left: 0;
  1220. top: 0px;
  1221. text-indent: 0;
  1222. font-size: 6px;
  1223. }
  1224. .flair-ircmod {
  1225. background: #dd7680;
  1226. color: #dd7680;
  1227. text-indent: 13px;
  1228. }
  1229. .flair-ircmod:before {
  1230. content: "i";
  1231. color: white;
  1232. width: 14px;
  1233. height: 16px;
  1234. display: inline-block;
  1235. position: absolute;
  1236. left: 0px;
  1237. text-align: center;
  1238. top: -1px;
  1239. text-indent: 0;
  1240. font-size: 10px;
  1241. }
  1242. .flair-ircmod2 {
  1243. background: #a876ff;
  1244. color: #a876ff;
  1245. text-indent: 13px;
  1246. }
  1247. .flair-ircmod2:before {
  1248. content: "i";
  1249. color: white;
  1250. width: 14px;
  1251. height: 16px;
  1252. display: inline-block;
  1253. position: absolute;
  1254. left: 0px;
  1255. text-align: center;
  1256. top: -1px;
  1257. text-indent: 0;
  1258. font-size: 10px;
  1259. }
  1260. .flair-petal {
  1261. background: #ADD8E6;
  1262. color: #ADD8E6;
  1263. text-indent: 13px;
  1264. }
  1265. .flair-petal:before {
  1266. content: "m";
  1267. color: #0A1E29;
  1268. width: 14px;
  1269. height: 13px;
  1270. display: block;
  1271. position: absolute;
  1272. text-align: center;
  1273. left: 0;
  1274. top: 0px;
  1275. text-indent: 0;
  1276. font-size: 6px;
  1277. }
  1278. .flair-mod2 {
  1279. background: #4fc761;
  1280. color: #4fc761;
  1281. text-indent: 13px;
  1282. }
  1283. .flair-mod2:before {
  1284. content: "m";
  1285. color: #FDFDFD;
  1286. width: 14px;
  1287. height: 13px;
  1288. display: block;
  1289. position: absolute;
  1290. text-align: center;
  1291. left: 0;
  1292. top: 0px;
  1293. text-indent: 0;
  1294. font-size: 6px;
  1295. }
  1296.  
  1297. /* random special user flairs */
  1298.  
  1299. .flair-skittle {
  1300. background: #4fc761;
  1301. color: #4fc761;
  1302. text-indent: 13px;
  1303. }
  1304. .flair-skittle:before {
  1305. content: "s";
  1306. color: white;
  1307. width: 13px;
  1308. height: 13px;
  1309. display: block;
  1310. position: absolute;
  1311. text-align: center;
  1312. left: 0;
  1313. top: -1px;
  1314. text-indent: 0;
  1315. font-size: 10px;
  1316. }
  1317. .flair-bar {
  1318. background: #4fc761;
  1319. color: #4fc761;
  1320. text-indent: 13px;
  1321. }
  1322. .flair-bar:before {
  1323. content: "▮";
  1324. color: white;
  1325. width: 13px;
  1326. height: 13px;
  1327. display: block;
  1328. position: absolute;
  1329. text-align: center;
  1330. left: 0;
  1331. top: -1px;
  1332. text-indent: 0;
  1333. font-size: 10px;
  1334. }
  1335. .flair-sheriff {
  1336. background: #D4AF37;
  1337. color: #D4AF37;
  1338. text-indent: 12px;
  1339. box-shadow: 0 0 12px 1px rgba(234, 206, 114, 0.7);
  1340. -moz-box-shadow: 0 0 12px 1px rgba(234, 206, 114, 0.7);
  1341. -webkit-box-shadow: 0 0 12px 1px rgba(234, 206, 114, 0.7);
  1342. }
  1343. .sidecontentbox .flair-sheriff, .flair-sheriff:hover {
  1344. box-shadow: none !important;
  1345. }
  1346. .flair-sheriff:before {
  1347. content: "★";
  1348. color: #996515;
  1349. width: 13px;
  1350. height: 13px;
  1351. display: block;
  1352. position: absolute;
  1353. text-align: center;
  1354. left: 0;
  1355. top: -1px;
  1356. text-indent: 0;
  1357. font-size: 10px;
  1358. }
  1359.  
  1360. .flair-zombs {
  1361. background: #8e65d6;
  1362. color: #8e65d6;
  1363. text-indent: 12px;
  1364. box-shadow: 0 0 12px 1px rgba(142, 101, 214, 0.6);
  1365. -moz-box-shadow: 0 0 12px 1px rgba(142, 101, 214, 0.6);
  1366. -webkit-box-shadow: 0 0 12px 1px rgba(142, 101, 214, 0.6);
  1367. }
  1368. .flair-zombs:hover {
  1369. box-shadow: none;
  1370. }
  1371. .flair-zombs:before {
  1372. content: "★";
  1373. color: #442c6d;
  1374. width: 13px;
  1375. height: 13px;
  1376. display: block;
  1377. position: absolute;
  1378. text-align: center;
  1379. left: 0;
  1380. top: -1px;
  1381. text-indent: 0;
  1382. font-size: 10px;
  1383. }
  1384.  
  1385. .flair-noodle {
  1386. background: #0B6121;
  1387. color: #0B6121;
  1388. text-indent: 13px;
  1389. }
  1390. .flair-noodle:before {
  1391. content: "♛";
  1392. color: white;
  1393. width: 13px;
  1394. height: 13px;
  1395. display: block;
  1396. position: absolute;
  1397. text-align: center;
  1398. left: 0;
  1399. top: -1px;
  1400. text-indent: 0;
  1401. font-size: 10px;
  1402. }
  1403.  
  1404. button {
  1405. border-radius: 0;
  1406. border: none;
  1407. color: #fff;
  1408. background: #638BE4;
  1409. padding: 4px 8px;
  1410. font-size: 12px;
  1411. }
  1412. .side .bottom {
  1413. font-size: 0;
  1414. }
  1415. .side .bottom span {
  1416. display: none;
  1417. }
  1418. .side .bottom:after {
  1419. font-size: 10px;
  1420. content: "/r/Valentin_Fritzmann";
  1421. }
  1422. .linkflairlabel {
  1423. /*min-width: 50px;*/
  1424. background: #999;
  1425. text-align: center;
  1426. font-size: 12px;
  1427. color: #fff !important;
  1428. padding: 2px 4px !important;
  1429. border: none !important;
  1430. opacity: 0.8;
  1431. padding-left: 20px !important;
  1432. vertical-align: middle;
  1433. border-radius: 2px !important;
  1434. }
  1435. .sidecontentbox .score {
  1436. color: #aaa !important;
  1437. }
  1438. .sidecontentbox .linkflairlabel {
  1439. padding-left: 4px !important;
  1440. }
  1441. .linkflair-locked .linkflairlabel {
  1442. background: #dd7680 url(%%lock%%) 4px 3px no-repeat;
  1443. background-size: 12px
  1444. }
  1445. .linkflair-modpost .linkflairlabel {
  1446. background: #4fc761 url(%%shield%%) 4px 4px no-repeat;
  1447. background-size: 12px
  1448. }
  1449. .linkflair-removed .linkflairlabel {
  1450. background: #999 url(%%removed%%) 4px 4px no-repeat;
  1451. background: #999 url(%%removed%%) 4px 4px no-repeat;
  1452. background-size: 12px
  1453. }
  1454. .linkflair-selfie .linkflairlabel {
  1455. background: #4C69DB url(%%selfie%%) 4px 4px no-repeat;
  1456. background-size: 12px
  1457. }
  1458. .linkflair-advice .linkflairlabel {
  1459. background: #6B4CDB url(%%advice%%) 4px 4px no-repeat;
  1460. background-size: 12px
  1461. }
  1462. .linkflair-vent .linkflairlabel {
  1463. background: #964CDB url(%%vent%%) 4px 4px no-repeat;
  1464. background-size: 12px
  1465. }
  1466. .linkflair-random .linkflairlabel {
  1467. background: #ffb263 url(%%random%%) 4px 3px no-repeat;
  1468. background-size: 16px;
  1469. padding-left: 25px !important;
  1470. }
  1471. .linkflair-community .linkflairlabel {
  1472. background: #65a4ed url(%%community%%) 4px 4px no-repeat;
  1473. background-size: 12px
  1474. }
  1475. .linkflair-indepth .linkflairlabel {
  1476. background: #a876ff url(%%indepth%%) 4px 4px no-repeat;
  1477. background-size: 11.5px
  1478. }
  1479. .linkflair-neat .linkflairlabel {
  1480. background: #edc365 url(%%star%%) 4px 3px no-repeat;
  1481. background-size: 13px
  1482. }
  1483. .linkflair-mega .linkflairlabel {
  1484. background: #4ec6c6 url(%%mega%%) 4px 1px no-repeat;
  1485. background-size: 16px;
  1486. padding-left: 25px !important;
  1487. }
  1488.  
  1489. /*UpQuotes
  1490. **********************/
  1491.  
  1492. .thing .upmod:focus:after {
  1493. content: "";
  1494. display: block;
  1495. font-size: 12px;
  1496. margin-left: 1px;
  1497. position: relative;
  1498. background: transparent !important;
  1499. color: #0065bf;
  1500. bottom: 18px;
  1501. opacity: 0.0;
  1502. -webkit-animation-name: dcupmod;
  1503. -moz-animation-name: dcupmod;
  1504. -webkit-animation-duration: 5.0s;
  1505. -moz-animation-duration: 5.0s;
  1506. -webkit-animation-timing-function: ease-out;
  1507. -moz-animation-timing-function: ease-out;
  1508. -webkit-animation-iteration-count: 1;
  1509. -moz-animation-iteration-count: 1;
  1510. -webkit-animation-name: dcupmod;
  1511. animation-name: dcupmod;
  1512. -webkit-animation-duration: 5.0s;
  1513. animation-duration: 5.0s;
  1514. -webkit-animation-timing-function: ease-out;
  1515. animation-timing-function: ease-out;
  1516. -webkit-animation-iteration-count: 1;
  1517. animation-iteration-count: 1;
  1518. -webkit-animation-play-state: running;
  1519. animation-play-state: running;
  1520. z-index: 9999;
  1521. pointer-events: none;
  1522. }
  1523. @-webkit-keyframes dcupmod {
  1524. 0% {
  1525. color: #0065bf
  1526. }
  1527. 8% {
  1528. bottom: 23px;
  1529. opacity: 1.0
  1530. }
  1531. 15% {
  1532. bottom: 28px
  1533. }
  1534. 30% {
  1535. color: #0065bf
  1536. }
  1537. 50% {
  1538. color: red;
  1539. bottom: 33px
  1540. }
  1541. 60% {
  1542. color: #0065bf
  1543. }
  1544. 100% {
  1545. bottom: 38px;
  1546. opacity: 0.0
  1547. }
  1548. }
  1549. @keyframes dcupmod {
  1550. 0% {
  1551. color: #0065bf
  1552. }
  1553. 8% {
  1554. bottom: 23px;
  1555. opacity: 1.0
  1556. }
  1557. 15% {
  1558. bottom: 28px
  1559. }
  1560. 30% {
  1561. color: #0065bf
  1562. }
  1563. 50% {
  1564. color: #0065bf;
  1565. bottom: 33px
  1566. }
  1567. 60% {
  1568. color: #0065bf
  1569. }
  1570. 100% {
  1571. bottom: 38px;
  1572. opacity: 0.0
  1573. }
  1574. }
  1575. .thing[data-fullname$="a"]>.midcol>.upmod:focus:after {
  1576. content: "Top floor comment, please!"
  1577. }
  1578. .thing[data-fullname$="b"]>.midcol>.upmod:focus:after {
  1579. content: "Huehuehue"
  1580. }
  1581. .thing[data-fullname$="c"]>.midcol>.upmod:focus:after {
  1582. content: "4 8 15 16 23 42"
  1583. }
  1584. .thing[data-fullname$="d"]>.midcol>.upmod:focus:after {
  1585. content: "I'm a karma loving whore!"
  1586. }
  1587. .thing[data-fullname$="e"]>.midcol>.upmod:focus:after {
  1588. content: "I vote with a quote!"
  1589. }
  1590. .thing[data-fullname$="f"]>.midcol>.upmod:focus:after {
  1591. content: "Heh, that tickles~"
  1592. }
  1593. .thing[data-fullname$="g"]>.midcol>.upmod:focus:after {
  1594. content: "Don't drink and drive, eat sweet banana cream pie"
  1595. }
  1596. .thing[data-fullname$="h"]>.midcol>.upmod:focus:after {
  1597. content: "Crouching Tiger, hidden upvote"
  1598. }
  1599. .thing[data-fullname$="i"]>.midcol>.upmod:focus:after {
  1600. content: "It's never lupus. Except when it is."
  1601. }
  1602. .thing[data-fullname$="j"]>.midcol>.upmod:focus:after {
  1603. content: "One time I threw a brick at a duck.."
  1604. }
  1605. .thing[data-fullname$="k"]>.midcol>.upmod:focus:after {
  1606. content: "wat is this? i dont even"
  1607. }
  1608. .thing[data-fullname$="l"]>.midcol>.upmod:focus:after {
  1609. content: "Never pay full price for late pizza"
  1610. }
  1611. .thing[data-fullname$="m"]>.midcol>.upmod:focus:after {
  1612. content: "The Canada of Reddit"
  1613. }
  1614. .thing[data-fullname$="n"]>.midcol>.upmod:focus:after {
  1615. content: "Is Tiz a male or is it a long con?"
  1616. }
  1617. .thing[data-fullname$="o"]>.midcol>.upmod:focus:after {
  1618. content: "I AM ERROR"
  1619. }
  1620. .thing[data-fullname$="p"]>.midcol>.upmod:focus:after {
  1621. content: "Don’t fry bacon in the nude."
  1622. }
  1623. .thing[data-fullname$="q"]>.midcol>.upmod:focus:after {
  1624. content: "If I agreed with you we'd both be wrong."
  1625. }
  1626. .thing[data-fullname$="r"]>.midcol>.upmod:focus:after {
  1627. content: "Shit just got casual up in dis bitch"
  1628. }
  1629. .thing[data-fullname$="s"]>.midcol>.upmod:focus:after {
  1630. content: "SAYYAYGIRL is 2cute4me"
  1631. }
  1632. .thing[data-fullname$="t"]>.midcol>.upmod:focus:after {
  1633. content: "luminouu is the prettiest mod"
  1634. }
  1635. .thing[data-fullname$="u"]>.midcol>.upmod:focus:after {
  1636. content: "WHOOMP THERE IT IS!!"
  1637. }
  1638. .thing[data-fullname$="v"]>.midcol>.upmod:focus:after {
  1639. content: "If opportunity doesn't knock, build a door."
  1640. }
  1641. .thing[data-fullname$="w"]>.midcol>.upmod:focus:after {
  1642. content: "you are not Illiterate"
  1643. }
  1644. .thing[data-fullname$="x"]>.midcol>.upmod:focus:after {
  1645. content: "I'm gonna poke it with a stick"
  1646. }
  1647. .thing[data-fullname$="y"]>.midcol>.upmod:focus:after {
  1648. content: "Quote not found? Abort, Retry, Ignore."
  1649. }
  1650. .thing[data-fullname$="z"]>.midcol>.upmod:focus:after {
  1651. content: "Cortye Hacked the CSS!"
  1652. }
  1653. .thing[data-fullname$="0"]>.midcol>.upmod:focus:after {
  1654. content: "r u an elephant?"
  1655. }
  1656. .thing[data-fullname$="1"]>.midcol>.upmod:focus:after {
  1657. content: "Anyone else think robonoodles is the best irc mod?"
  1658. }
  1659. .thing[data-fullname$="2"]>.midcol>.upmod:focus:after {
  1660. content: "Onion is the devil apple."
  1661. }
  1662. .thing[data-fullname$="3"]>.midcol>.upmod:focus:after {
  1663. content: "Quick_man IS Ringo Starr in To Catch a Man"
  1664. }
  1665. .thing[data-fullname$="4"]>.midcol>.upmod:focus:after {
  1666. content: "RECTANGLES FOR SALE!! $90!!"
  1667. }
  1668. .thing[data-fullname$="5"]>.midcol>.upmod:focus:after {
  1669. content: "Sha-la-la-la kiss the girl"
  1670. }
  1671. .thing[data-fullname$="6"]>.midcol>.upmod:focus:after {
  1672. content: "MARK, I DID NOT HEET HER"
  1673. }
  1674. .thing[data-fullname$="7"]>.midcol>.upmod:focus:after {
  1675. content: "OH, HAI MARK"
  1676. }
  1677. .thing[data-fullname$="8"]>.midcol>.upmod:focus:after {
  1678. content: "We met our upquota"
  1679. }
  1680. .thing[data-fullname$="9"]>.midcol>.upmod:focus:after {
  1681. content: "I got a case of the cuddles ^o^"
  1682. }
  1683. .thing .upmod:focus:after {
  1684. white-space: nowrap
  1685. }
  1686. .midcol,
  1687. .last-clicked.midcol {
  1688. overflow: visible!important
  1689. }
  1690. .midcol,
  1691. .last-clicked.midcol {
  1692. overflow: visible!important
  1693. }
  1694. .res-commentBoxes .commentarea .comment {
  1695. overflow: visible!important
  1696. }
  1697.  
  1698. /*Konami Code WIP*/
  1699.  
  1700. #baconBit {
  1701. position: fixed;
  1702. color: blue!important;
  1703. width: 320px;
  1704. height: 200px;
  1705. background-image:url(%%ayy%%) !important;
  1706. top: -5%;
  1707. left: -5%;
  1708. z-index: 999999;
  1709. -webkit-transform: scale(3, 3), rotate(0deg);
  1710. -ms-transform: scale(3, 3), rotate(0deg);
  1711. transform: scale(3, 3), rotate(0deg);
  1712. }
  1713. #baconBit.makeitrain {
  1714. top: 100%;
  1715. left: 100%;
  1716. -webkit-transform: rotate(0deg);
  1717. -moz-transform: rotate(0deg);
  1718. }
  1719. #baconBit {
  1720. -webkit-transition: all 5s linear !important;
  1721. -moz-transition: all 5s linear !important;
  1722. -o-transition: all 5s linear !important;
  1723. -ms-transition: all 5s linear !important;
  1724. }
  1725. #text-field textarea {
  1726. background: url(%%guide%%) no-repeat
  1727. }
  1728. #text-field textarea:focus {
  1729. background: #ffffff
  1730. }
  1731.  
  1732. /*CSS3 sticky comments by /u/creesch */
  1733.  
  1734. .comments-page .sitetable.nestedlisting {
  1735. display: -webkit-flex;
  1736. display: -ms-flexbox;
  1737. display: flex;
  1738. -webkit-flex-direction: column;
  1739. -ms-flex-direction: column;
  1740. flex-direction: column;
  1741. -webkit-flex-wrap: nowrap;
  1742. -ms-flex-wrap: nowrap;
  1743. flex-wrap: nowrap;
  1744. }
  1745.  
  1746. .comments-page .sitetable.nestedlisting>.thing.id-t1_addcommentidhere,
  1747. .comments-page .sitetable.nestedlisting>.thing.id-t1_cl7mbk5,
  1748. .comments-page .sitetable.nestedlisting>.thing.id-t1_cmu4qoy,
  1749. .comments-page .sitetable.nestedlisting>.thing.id-t1_cnht8k8,
  1750. .comments-page .sitetable.nestedlisting>.thing.id-t1_cq8sw8o,
  1751. .comments-page .sitetable.nestedlisting>.thing.id-t1_cov0egy,
  1752. .comments-page .sitetable.nestedlisting>.thing.id-t1_cqj15lq
  1753.  
  1754. {
  1755. -webkit-order: -1;
  1756. -ms-flex-order: -1;
  1757. order: -1;
  1758. border: solid 1px green !important;
  1759. background-color: #E9F4E4 !important;
  1760. margin-bottom: 10px;
  1761. padding-top: 8px;
  1762. }
  1763. /* SUBMIT PAGE */
  1764.  
  1765. .submit .gray {
  1766. content: " " !important;
  1767. font-size: 0px;
  1768. }
  1769. .submit span.gray:after {
  1770. content: "(mandatory)"!important;
  1771. font-size: large;
  1772. color: #808080;
  1773. }
  1774. #reddit-field {
  1775. display: none
  1776. }
  1777. .roundfield {
  1778. width: 500px;
  1779. background-color: #e2e2e2;
  1780. padding: 5px 10px 10px 10px;
  1781. font-size: large
  1782. }
  1783. #newlink .infobar {
  1784. background-color: transparent;
  1785. padding: 0;
  1786. margin: 0;
  1787. font-size: 0;
  1788. border: 0;
  1789. text-indent: -10000px;
  1790. position: absolute;
  1791. left: 5px;
  1792. right: 5px;
  1793. top: 78px;
  1794. }
  1795. #newlink .infobar:after {
  1796. text-indent: 0;
  1797. background-color: #4C69DB;
  1798. color: white !important;
  1799. padding: 10px;
  1800. font-size: 12pt;
  1801. display: block;
  1802. margin-top: 5px
  1803. }
  1804. .content > .infobar:first-child {
  1805. margin-left: 8px;
  1806. position: relative;
  1807. top: 65px;
  1808. }
  1809. .wiki-page .wiki-page-content {
  1810. margin-right: 15px;
  1811. }
  1812. .wiki-page .infobar{
  1813. top:0px !important;
  1814. position: relative;
  1815. }
  1816. #text-desc:after {
  1817. content: "To promote Valentin_Fritzmann, we ask that you post comments on existing threads before creating your own thread. "
  1818. }
  1819. #link-desc:after {
  1820. content: "To promote Valentin_Fritzmann, we ask that you post comments on existing threads before creating your own thread. Link post must promote Valentin_Fritzmann or it will be removed. No NSFW links. No memes.";
  1821. content: "To promote Valentin_Fritzmann , we ask that you post comments on existing threads before creating your own thread. Link post must promote Valentin_Fritzmann or it will be removed. No NSFW links. No memes."
  1822. }
  1823. .submit-page .formtabs-content {
  1824. padding-top: 40px;
  1825. }
  1826. .searchpane {
  1827. margin: 0;
  1828. border: none;
  1829. }
  1830. .drop-choices {
  1831. background: #fff;
  1832. border: 1px solid #1c323b;
  1833. }
  1834. .srdrop span {
  1835. color: #eee !important;
  1836. }
  1837. .drop-choices a.choice {
  1838. color: #333 !important;
  1839. }
  1840. .drop-choices a.choice:hover {
  1841. color: #638BE4 !important;
  1842. background: transparent;
  1843. }
  1844.  
  1845.  
  1846. .thing .arrow.down {
  1847. display: none !important;
  1848. }
  1849.  
  1850. body.subscriber .thing:not(.comment) .arrow.down {
  1851. display: block !important;
  1852. }
  1853.  
  1854. a[href*="possibleisnothing"] {
  1855. background:0;
  1856. color:#3a960b;
  1857. -webkit-animation:rainbow 4s linear infinite;
  1858. -moz-animation:rainbow 4s linear infinite;
  1859. animation:rainbow 4s linear infinite;
  1860. }
  1861. @keyframes rainbow {0% {color:#3a960b;}14% {color:#3a960be;}28% {color:#09a186;}42% {color:#0c6587;}56% {color:#00b8bd;}70% {color:#4B0082;}84% {color:#00b8bd;}}
  1862. @-moz-keyframes rainbow {0% {color:#3a960b;}14% {color:#3a960b;}28% {color:#09a186;}42% {color:#0c6587;}56% {color:#00b8bd;}70% {color:#4B0082;}84% {color:#00b8bd;}}
  1863. @-webkit-keyframes rainbow {0% {color:#3a960b;}14% {color:#3a960b;}28% {color:#09a186;}42% {color:#0c6587;}56% {color:#00b8bd;}70% {color:#4B0082;}84% {color:#00b8bd;}}
  1864.  
  1865. a[href*="_____----------_____"] {
  1866. background:0;
  1867. color:#3a960b;
  1868. -webkit-animation:rainbow 4s linear infinite;
  1869. -moz-animation:rainbow 4s linear infinite;
  1870. animation:rainbow 4s linear infinite;
  1871. }
  1872. @keyframes rainbow {0% {color:#3a960b;}14% {color:#3a960be;}28% {color:#09a186;}42% {color:#0c6587;}56% {color:#00b8bd;}70% {color:#4B0082;}84% {color:#00b8bd;}}
  1873. @-moz-keyframes rainbow {0% {color:#3a960b;}14% {color:#3a960b;}28% {color:#09a186;}42% {color:#0c6587;}56% {color:#00b8bd;}70% {color:#4B0082;}84% {color:#00b8bd;}}
  1874. @-webkit-keyframes rainbow {0% {color:#3a960b;}14% {color:#3a960b;}28% {color:#09a186;}42% {color:#0c6587;}56% {color:#00b8bd;}70% {color:#4B0082;}84% {color:#00b8bd;}}
  1875.  
  1876. a[href*="BeBeINC"] {
  1877. background:0;
  1878. color:#3a960b;
  1879. -webkit-animation:rainbow 4s linear infinite;
  1880. -moz-animation:rainbow 4s linear infinite;
  1881. animation:rainbow 4s linear infinite;
  1882. }
  1883. @keyframes rainbow {0% {color:#3a960b;}14% {color:#3a960be;}28% {color:#09a186;}42% {color:#0c6587;}56% {color:#00b8bd;}70% {color:#4B0082;}84% {color:#00b8bd;}}
  1884. @-moz-keyframes rainbow {0% {color:#3a960b;}14% {color:#3a960b;}28% {color:#09a186;}42% {color:#0c6587;}56% {color:#00b8bd;}70% {color:#4B0082;}84% {color:#00b8bd;}}
  1885. @-webkit-keyframes rainbow {0% {color:#3a960b;}14% {color:#3a960b;}28% {color:#09a186;}42% {color:#0c6587;}56% {color:#00b8bd;}70% {color:#4B0082;}84% {color:#00b8bd;}}
  1886.  
  1887. /* Spoilers */
  1888. a[href$="/s"],
  1889. a[href$="/spoiler"],
  1890. a[href$="/spoilers"]{
  1891. background: #72D280 !important;
  1892. color: #72D280 !important;
  1893. }
  1894. a[href$="/s"]:hover,
  1895. a[href$="/spoiler"]:hover,
  1896. a[href$="/spoilers"]:hover{
  1897. color: #000 !important;
  1898. cursor: default;
  1899. }
  1900.  
  1901.  
  1902.  
  1903. /*----------Removing Create Subreddit ----------*/
  1904.  
  1905. .sidebox.create .morelink {display: none;}
  1906. .sidebox.submit .spacer , .sidebox.create .spacer {display: none; }
  1907.  
  1908.  
  1909. div.titlebox span.word {
  1910. display: none;
  1911. }
  1912.  
  1913. div.titlebox span.number:after {
  1914. content: ",002 Online";
  1915. }
  1916.  
  1917. div.titlebox .subscribers span.number:after{
  1918. content: "62,000 Fans";
  1919. }
  1920.  
  1921. div.titlebox .users-online span.number:after{
  1922. content: ",002 Online";
  1923. }
  1924.  
  1925. /*----------change the rank colour ----------*/
  1926.  
  1927. .link:hover {
  1928. background-color: #EBF1F1;
  1929. margin: 0;
  1930. border-bottom: 1px solid #dfdfdf
  1931. }
  1932.  
  1933. .link:hover {
  1934. border-left: 5px #214048 solid!important;
  1935. }
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!