Advertisement
Guest User

Untitled

a guest
Feb 20th, 2017
203
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.21 KB | None | 0 0
  1. /* Poppy for specific posts */
  2. /*
  3. a.title:before {
  4. content: url(%%poppy%%)
  5. }
  6. */
  7.  
  8. .link {
  9. margin:10px 305px 10px 0;
  10. padding:2px;
  11. }
  12.  
  13. /* Change the description of "subscribers"*/
  14. div.titlebox span.word {
  15. display: none
  16. }
  17. div.titlebox span.number:after {
  18. content: " Arcanists "
  19. }
  20. div.titlebox .users-online span.number:after {
  21. content: " Arcanists in the Archives "
  22. }
  23. div.titlebox span.number:before {
  24. content: " "
  25. }
  26. /* UP_DOWN arrows
  27. .arrow.upmod {
  28. background-image: url(%%voteup-on%%);
  29. width: 15px;
  30. height: 15px;
  31. background-position: 0 0
  32. }
  33. .arrow.downmod {
  34. background-image: url(%%votedown-on%%);
  35. width: 15px;
  36. height: 15px;
  37. background-position: 0 0
  38. }
  39. .arrow.up {
  40. background-image: url(%%voteup-off%%);
  41. width: 15px;
  42. height: 15px;
  43. background-position: 0 0
  44. }
  45. .arrow.down {
  46. background-image: url(%%votedown-off%%);
  47. width: 15px;
  48. height: 15px;
  49. background-position: 0 0
  50. }
  51. */
  52. /* Only necessary if arrows differ from default width ==
  53. .arrow { margin: 0px !important; }
  54. .midcol[style] { width: 38px !important }
  55. .comment .midcol { width: 25px }
  56. .gadget .midcol { width: 25px; margin: 0 }
  57. */
  58. .link .score {
  59. color: #BBBBBB;
  60. text-align: center
  61. }
  62.  
  63. /* title style for frontpage and self posts */
  64. .comment .author {
  65. /*color: green*/
  66. }
  67. .thing .title {
  68. color: #063C6D;
  69. padding: 0px;
  70. overflow: hidden
  71. }
  72. .thing .title:visited {
  73. color: #864F8C
  74. }
  75. .thing .title:hover {
  76. color: #8F3B08
  77. }
  78. .thing .title.click {
  79. color: #063C6D
  80. }
  81. .thing .title.click:visited {
  82. color: #864F8C
  83. }
  84. .thing .title.click:hover {
  85. color: #8F3B08
  86. }
  87. /* title style for logged-in users */
  88. .thing .title.loggedin {
  89. color: #063C6D
  90. }
  91. .thing .title.loggedin:visited {
  92. color: #864F8C
  93. }
  94. .thing .title.loggedin:hover {
  95. color: #8F3B08
  96. }
  97. .thing .title.loggedin.click {
  98. color: #063C6D
  99. }
  100. .thing .title.loggedin.click:visited {
  101. color: #864F8C
  102. }
  103. .thing .title.loggedin.click:hover {
  104. color: #8F3B08
  105. }
  106.  
  107. /* Disabling background and styling promoted-links */
  108. .link.promotedlink.promoted {
  109. background-color: transparent
  110. }
  111. .link.promotedlink {
  112. -moz-border-radius: 8px;
  113. -webkit-border-radius: 8px;
  114. border: 1px solid #DDDDDD
  115. }
  116. /* Custom Header Graphics */
  117. #header {
  118. border-bottom: 1px solid #BBBBBB;
  119. position: relative;
  120. background-color: #FFFFFF;
  121. background-image: url(%%header-bkg%%);
  122. z-index: 99
  123. }
  124. /*Custom Header bottom right menu*/
  125. #header-bottom-right {
  126. position: absolute;
  127. right: 0px;
  128. bottom: 0px;
  129. background-color: #555555;
  130. /*green is 8ea957*/
  131. color: #FFFFFF;
  132. padding: 4px;
  133. -moz-border-radius-topleft: 7px;
  134. -webkit-border-top-left-radius: 7px
  135. }
  136. #header-bottom-right a {
  137. color: #FFFFFF
  138. }
  139. #header-bottom-right b {
  140. color: #FFFFFF
  141. }
  142. /* Thin Upper Header Bar */
  143. #sr-bar .separator {
  144. color: #B49071
  145. }
  146. .sr-bar a {
  147. color: #EEEEEE !important
  148. }
  149.  
  150. .dropdown.srdrop .selected {
  151. background:transparent;
  152. color:#EEEEEE;
  153. }
  154.  
  155. #sr-header-area {
  156. padding: 3px 0px 3px 5px;
  157. background-image: url(%%translucent-black%%);
  158. background-color: transparent;
  159. white-space: nowrap;
  160. overflow: hidden;
  161. text-transform: none !important;
  162. border-bottom: 1px solid #555555 !important;
  163. font-size: 90%;
  164. /* display:none !important */
  165. }
  166. #sr-header-area .selected a {
  167. color: yellow
  168. }
  169. #sr-more-link {
  170. color: white;
  171. /*background-image: url(%%droid-header-bkg%%);*/
  172. background-color: #555555;
  173. position: absolute;
  174. right: 0px;
  175. top: 3px;
  176. padding: 0 5px 0 15px;
  177. font-weight: bold;
  178. margin: 0
  179. }
  180.  
  181. /* Change Footer */
  182. /*.footer {
  183. color: gray;
  184. font-size: larger;
  185. padding: 0px;
  186. margin: 15px;
  187. border: 1px solid #F0F0F0;
  188. display: inline-block
  189. }
  190. .footer a {
  191. color: #9B5842
  192. }
  193. */
  194. /* Insert a Subreddit banner just below user-control-panel */
  195. .side {
  196. /* Change the padding-top px to the height of the image */
  197. /* Padding-right 10px is only necessary for zebra stripes */
  198. padding: 310px 1px 0 10px;
  199. /* change the background-image to whatever you want */
  200. background-image: url(%%banner%%);
  201. background-color: transparent !important;
  202. /* leave these properties as is */
  203. background-repeat: no-repeat
  204. }
  205. /*fixing the moderator stylesheet panel bug due to sidebar padding-right*/
  206. .sheets {
  207. margin-right: 350px
  208. }
  209. /* Highlight Original Poster */
  210. /*
  211. .author.submitter {
  212. padding: 0 2px 0 2px;
  213. -moz-border-radius: 3px;
  214. -webkit-border-radius: 3px
  215. }
  216. .noncollapsed .author.submitter {
  217. background-color: #FFE0C3
  218. }
  219. .collapsed .author.submitter {
  220. color: #FFE0C3
  221. }
  222. */
  223. /* Change text in various areas of the subreddit */
  224. .score .number:after {
  225. content: " votes";
  226. font-size: 15px
  227. }
  228. .score .word {
  229. display: none
  230. }
  231. /* Force-display a thumbnail when none exists
  232. .thumbnail img[src^="/static/"] {
  233. background-image: url(%%blank-icon%%) !important;
  234. background-repeat: no-repeat !important;
  235. height: 0 !important;
  236. width: 0 !important;
  237. padding: 50px 0 0 70px !important
  238. }
  239. */
  240.  
  241. /* Tabs styling and hover effect */
  242. .tabmenu li.selected a {
  243. border-color: #888888 #888888 transparent !important;
  244. border-style: solid;
  245. border-width: 1px;
  246. background-color: #E2E2F9 !important;
  247. }
  248. .tabmenu li a {
  249. background-color: #FFF7EF !important;
  250. color: #666678 !important;
  251. -moz-border-radius-topleft: 4px;
  252. -moz-border-radius-topright: 4px;
  253. -webkit-border-top-left-radius: 4px;
  254. -webkit-border-top-right-radius: 4px
  255. }
  256. .tabmenu li a:hover {
  257. background-color: #CEE3F8 !important;
  258. color: #222222 !important
  259. }
  260.  
  261. /* Sidebox in Sidebar and self post background formatting (round corners) */
  262. .sidecontentbox .content, .link .usertext .md {
  263. -moz-border-radius: 8px;
  264. -webkit-border-radius: 8px;
  265. background-image: url("%%comment-bkg%%");
  266. border: 1px solid #CCCCCC;
  267. }
  268.  
  269.  
  270.  
  271. .icon-menu a {
  272. background: none no-repeat scroll left center transparent;
  273. }
  274.  
  275. /* Submission-Date and Likes-Dislikes area formatting */
  276. .linkinfo {
  277. border: 1px solid #BBBBBB !important;
  278. background-color: #E2E2F9;
  279. -moz-border-radius: 8px;
  280. -webkit-border-radius: 8px
  281. }
  282.  
  283.  
  284. /* Changing the SubReddit's name to lowercase */
  285. .pagename {
  286. font-size: 11pt;
  287. font-variant: normal !important
  288. }
  289.  
  290. .pagename a {
  291. color:white;
  292. padding-left: 4px;
  293. padding-right: 4px;
  294. -moz-border-radius: 4px;
  295. -webkit-border-radius: 4px
  296. }
  297. /* Changing the search-box design */
  298. #search input[type="text"] {
  299. border: 1px solid #CCCCCC !important;
  300. outline: none;
  301. font-size: 14px;
  302. padding: 5px 0 5px 10px;
  303. width: 280px !important;
  304. color: #AAAAAA;
  305. text-align: center
  306. }
  307.  
  308. .morelink {
  309. -moz-border-radius: 4px;
  310. -webkit-border-radius: 4px
  311. }
  312. .morelink .nub {
  313. background: none repeat scroll 0 0 transparent !important;
  314. display: none !important;
  315. }
  316.  
  317. /* Horizontal Comment-Sort Menu */
  318. .commentarea .menuarea {
  319. padding: 2px
  320. }
  321. .commentarea .menuarea:before {
  322. content: "Sort by:";
  323. padding-right: 10px
  324. }
  325. .commentarea .menuarea .dropdown-title {
  326. display: none
  327. }
  328. .dropdown.lightdrop .selected {
  329. background-color: #CEE3F8;
  330. background-image: none;
  331. border: 1px solid #97B45D !important;
  332. color: #666666;
  333. padding: 0 5px;
  334. text-decoration: none;
  335. -moz-border-radius: 4px;
  336. -webkit-border-radius: 4px
  337. }
  338.  
  339. /* Dropdown Header Bar Reddits Menu */
  340. #sr-header-area .drop-choices {
  341. border-radius: 8px;
  342. background-color: transparent;
  343. background-image: url(%%translucent-black%%);
  344. border: none !important;
  345. padding: 5px;
  346. margin-right: 100px;
  347. font-weight: bold;
  348. margin-top: 10px
  349. }
  350. #sr-header-area .drop-choices a.choice {
  351. color: #FFFFFF;
  352. font-weight: bold
  353. }
  354. #sr-header-area .drop-choices a.choice:hover {
  355. background-color: #AD9378
  356. }
  357.  
  358. body {
  359. background: url(%%body-bkg%%) fixed repeat center center
  360. }
  361.  
  362. .drop-choices.lightdrop form {
  363. display: inline;
  364. position: static;
  365. margin-left: 4px;
  366. visibility: visible
  367. }
  368. .drop-choices.lightdrop form a {
  369. display: inline;
  370. padding: 0 5px;
  371. color: #000000;
  372. margin: 6px;
  373. background-color: #CCCCCC;
  374. border-radius: 4px;
  375.  
  376. }
  377.  
  378. /* Downvote tooltip */
  379. .arrow.down:hover:before {
  380. position: absolute;
  381. display: block;
  382. z-index: 1000;
  383. width: 210px;
  384. padding: 5px;
  385. border: 0px solid #333;
  386. background: #888888;
  387. content: "Please remember reddiquette!";
  388. text-align: center;
  389. font-size: 10px;
  390. color: white;
  391. font-weight: bold;
  392. margin-left: 25px;
  393. margin-top: 5px;
  394. -moz-border-radius: 4px;
  395. -webkit-border-radius: 4px
  396. }
  397.  
  398. /* MODERATOR FORM.TOGGLE BACKGROUND */
  399. .titlebox form.toggle, .leavemoderator {background-color:transparent !important}
  400.  
  401. /* HOVERING CLICKABLE ANNOUNCEMENT */
  402. .titlebox form {
  403. position: static
  404. }
  405. .titlebox .usertext-body .md ol {
  406. list-style: none;
  407. position: absolute;
  408. z-index: 200;
  409. margin: 0;
  410. padding: 0;
  411. left: 180px;
  412. top: 35px;
  413. height: 47px;
  414. overflow: hidden
  415. }
  416. .titlebox .usertext-body .md ol li {
  417. display: -moz-inline-box;
  418. display: inline-block;
  419. margin-top: 2px;
  420. padding: 0 3px 8px 3px
  421. }
  422. * html .titlebox .usertext-body .md ol li {
  423. display: inline
  424. }
  425. /* for IE 6 - inline-block */
  426. * + html .titlebox .usertext-body .md ol li {
  427. display: inline
  428. }
  429. /* for IE 7 - inline-block */
  430. .titlebox .usertext-body .md ol li a {
  431. color: #F0EFFF;
  432. font-weight: bold;
  433. border: 1px solid #7D6C66;
  434. background-color: #815443;
  435. padding: 1px 4px 2px 4px;
  436. text-decoration: none;
  437. font-size: small;
  438. -moz-border-radius: 8px;
  439. -webkit-border-radius: 8px
  440. }
  441. /* changes box color on mouse hover */
  442. .titlebox .usertext-body .md ol li a:hover {
  443. background-color: #9F3B3B
  444. }
  445.  
  446. /*New Announcement Style*/
  447. .titlebox .usertext-body .md h6 {
  448. display: block;
  449. position: absolute;
  450. top: 100px;
  451. left: 0px;
  452. background-color: transparent;
  453. background-image: url(%%sticky-note%%);
  454. background-repeat: no-repeat;
  455. font-family: verdana, sans-serif;
  456. font-size: 12px;
  457. font-weight: bold;
  458. color: #555555;
  459. text-align: left;
  460. padding: 13px 5px 13px 55px;
  461. margin: 15px;
  462. margin-left: 4px;
  463. border-radius: 8px;
  464. }
  465. /* Increasing margin after header-area, necessary for comments page */
  466. body > .content {
  467. padding-top: 55px
  468. }
  469. /* Allow absolute positioning to page */
  470. .titlebox form {
  471. position: static
  472. }
  473. /* Inactive link */
  474. .titlebox .usertext-body .md h6 a, .titlebox .usertext-body .md h6 a:link, .titlebox .usertext-body .md h6 a:visited {
  475. color: #555555
  476. }
  477. /* Link on hover */
  478. .titlebox .usertext-body .md h6 a:hover {
  479. color: #666666
  480. }
  481. /* Catches all <a> */
  482. .titlebox .usertext-body .md h6 a:before {
  483. content: "REMINDER";
  484. color: #588096;
  485. border-right: 1px solid #444;
  486. padding-right: .6em;
  487. margin-right: .6em
  488. }
  489.  
  490. /* RES compatibility */
  491.  
  492. #srLeftContainer, #RESStaticShortcuts, #RESShortcuts, #srDropdown {
  493. background-color: transparent !important;
  494. }
  495.  
  496. #header #sr-header-area a {
  497. color: #EEEEEE !important;
  498. font-size: 100% !important;
  499. }
  500.  
  501. #header #sr-header-area a:hover {
  502. color: #FFFFFF !important;
  503. }
  504.  
  505. #RESShortcutsEditContainer, #RESShortcutsRight, #RESShortcutsAdd, #RESShortcutsLeft {
  506. background-color: transparent !important
  507. }
  508.  
  509. .RESshortcutside {
  510. margin-left: 15px!important;
  511. color: #333333!important
  512. }
  513.  
  514. .res-nightmode .titlebox .md {background-color:transparent!important;}
  515.  
  516. .res-nightmode .titlebox, .res-nightmode .sidecontentbox .content {background-image:none!important;}
  517.  
  518. .res-nightmode .content .entry .domain a {color:#8AD!important;}
  519.  
  520. #srList {
  521. background-color: transparent !important;
  522. background-image: url("%%translucent-black%%")!important;
  523. border: 0px !important;
  524. color: white !important
  525. }
  526.  
  527. #srList tr:hover {
  528. background-color: #A4B688 !important;
  529. }
  530.  
  531. #srList a {
  532. color: white !important
  533. }
  534.  
  535. #srList td a {
  536. font-weight: bold !important;
  537. }
  538.  
  539. #RESShortcuts, #srDropdown > #srDropdownContainer > a, #RESStaticShortcuts > a {
  540. /*opacity: 1.0 !important*/
  541. }
  542.  
  543.  
  544. /*ICON LEGEND IN SIDEBAR*/
  545. a[href="/r2ofm#pipes"]:before { content: ""; width: 20px; height: 16px; display: inline-block; background-repeat: no-repeat; background-image: url(%%icon-sprites%%); background-position: -0px -0px; vertical-align: middle; margin-right: 3px}
  546.  
  547. div.flairselector {background:#FFFFFF !important}
  548.  
  549. .flairselectbtn {font-weight: bold}
  550. .flairselectbtn:after {content: " - get an icon! "; font-weight: bold}
  551. div.flairselector h2:after {content: " = choose and type"}
  552.  
  553.  
  554.  
  555. .md table, .md td, .md th {
  556. border-color: #DDDDDD;
  557. border-width: 1px;
  558. padding-left: 5px;
  559. padding-right: 5px;
  560. }
  561.  
  562. .md th {
  563. color: #555555;
  564. }
  565.  
  566. div.side form div.usertext-body div.md table td, div.side form div.usertext-body div.md table th {
  567. border-width: 0px;
  568. border-color: transparent
  569. }
  570.  
  571.  
  572. /* Spoiler code */
  573. a[href$="/spoiler"] { background:#CCCCCC!important; color:#CCCCCC!important; }
  574. a[href$="/spoiler"]:hover { color:#000000!important; }
  575.  
  576. /* ================================
  577. * Book spoiler
  578. */
  579. a[href="/s"] {
  580. color: #222222;
  581. background: #CCCCCC;
  582. background-image: url(%%favicon-book%%);
  583. background-repeat: no-repeat;
  584. padding: 0px 0px 0px 20px;
  585. cursor: text
  586. }
  587. a[href="/s"]:hover {
  588. color: #8F8F8F;
  589. }
  590. a[href="/s"]::after {
  591. content: attr(title);
  592. background: #CCCCCC;
  593. color: #CCCCCC;
  594. padding: 0px 10px 0px 10px
  595. }
  596. a[href="/s"]:hover::after, a[href="/s"]:active::after {
  597. color: black
  598. }
  599.  
  600. /* -------------------------------------------------BEGIN NEW EDITS---------------------------------------------------------------------- */
  601. /* adds spacing and a line between posts on the front of subreddit*/
  602. .content #siteTable .link {
  603. margin-bottom: 0px;
  604. padding-top: 6px;
  605. padding-bottom: 6px;
  606. border-bottom: 1px solid #ececec
  607. }
  608. /* fix transparency in the sidebar*/
  609. .sidebox .spacer {
  610. background: transparent !important
  611. }
  612.  
  613. /*Actual Post changes*/
  614. /*Spreads the posts out a bit more*/
  615. p {
  616. margin-top: 2px;
  617. margin-bottom: 2px
  618. }
  619. .tagline {
  620. font-size: x-small
  621. }
  622. p.tagline a:hover {
  623. color: #00235d
  624. }
  625. .domain {
  626. font-size: 0px;
  627. color: #FFF
  628. }
  629. .domain a {
  630. font-size: x-small;
  631. display: inline-block !important;
  632. margin-right: .5em;
  633. padding: 0 2px;
  634. border: 1px solid #ddd;
  635. border-radius: 2px
  636. }
  637. .domain a:hover {
  638. text-decoration: underline
  639. }
  640. #preview {
  641. float: right;
  642. width: 20em;
  643. margin-right: 10px;
  644. margin-top: 3px;
  645. margin-bottom: 5px
  646. }
  647. #preview span {
  648. color: #ffffff
  649. }
  650. #preview #previewbox {
  651. border-width: .2em;
  652. border-style: none;
  653. border-color: #ffffff;
  654. padding: 1em
  655. }
  656. #preview-table > table {
  657. border-width: .2em;
  658. border-style: dashed;
  659. border-color: lightgray;
  660. padding: 5px;
  661. margin: 5px;
  662. width: 100%
  663. }
  664. .link .title {
  665. font-weight: normal
  666. }
  667.  
  668.  
  669. /*headers*/
  670. #header {
  671. border-bottom: 2px solid #4A4A4A;
  672. position: relative;
  673. background-color: #006;
  674. z-index: 99
  675. }
  676.  
  677. /* message the moderators link*/
  678. .sidecontentbox a.helplink {
  679. float: right;
  680. margin-top: 4px;
  681. color: grey
  682. }
  683.  
  684. /* move the 'Submit A Link' button upwards towards the top of the page */
  685.  
  686. .sidebox.submit {
  687. position: absolute;
  688. top: 470px; /* might need adjustement, depending on the
  689. size of your header */
  690. width: 300px;
  691. }
  692. .sidebox.submit .spacer {
  693. display: none;
  694. }
  695. .side {
  696. margin-top: 45px;
  697. }
  698.  
  699. /* move the Search bar upwards towards the top of the page */
  700.  
  701. div.side div.spacer #search input[type="text"] {
  702.  
  703. /* Search-box styles */
  704. margin-top: 55px;
  705. font-size: 14px;
  706. border: solid 1px;
  707. }
  708.  
  709. /* Search */
  710. #search {
  711. margin: 0px 0px 10px 0px !important;
  712. padding: 0px 0px 0px 0px !important
  713. }
  714. #search input[type="text"] {
  715. -moz-border-radius: 5px !important;
  716. -webkit-border-radius: 5px !important;
  717. width: 285px !important;
  718. height: 20px !important;
  719. font-family: Verdana, Arial, Helvetica, sans-serif;
  720. font-size: 12px !important;
  721. color: #999999 !important;
  722. background-color: #FFFFFF !important;
  723. background-position: 270px 0 !important;
  724. background-repeat: no-repeat !important
  725. }
  726. #search input[type="text"]:hover {
  727. background-position: 270px -25px !important;
  728. background-repeat: no-repeat !important;
  729. background-color: #FFFFFF !important
  730. }
  731. #search input[type="text"]:active {
  732. background-position: 270px -50px !important;
  733. background-repeat: no-repeat !important;
  734. background-color: #FFFFFF !important
  735. }
  736.  
  737. /* This is to add in the new sidebar, complete with stylised banner. */
  738. .titlebox {
  739. background: #f5f5f5;
  740. border: 1px solid #a5a5a5;
  741. border-radius: 7px;
  742. padding: 10px
  743. }
  744. .titlebox .md {
  745. color: #444;
  746. overflow: visible
  747. }
  748. .titlebox .usertext .md > h2 {
  749. background-color: #800000;
  750. border-color: #610000;
  751. border-top-color: #610000;
  752. border-top-right-radius: 3px;
  753. border-bottom-right-radius: 3px;
  754. border-style: solid solid solid none;
  755. border-width: 1px 1px 1px 0;
  756. color: #FFFFFF;
  757. font: normal normal 1.5em sans-serif;
  758. margin: 10px 13px 5px -18px;
  759. padding: 5px 0 5px 20px;
  760. text-shadow: 0px 0px 0 #610000;
  761. z-index: 100
  762. }
  763. .titlebox .usertext .md > h2::after {
  764. border-color: transparent #610000 transparent transparent;
  765. border-style: solid;
  766. border-width: 15px;
  767. content: "";
  768. display: block;
  769. height: 0;
  770. margin-left: -35px;
  771. margin-top: -10px;
  772. position: absolute;
  773. width: 0;
  774. z-index: -1
  775. }
  776.  
  777. /* This is to add a box and some colour to the 'Rules' sidebar. */
  778.  
  779. .side .md li a {
  780. padding: 5px;
  781. display: block;
  782. border: 1px solid #000000;
  783. font-size: 10px;
  784. font-weight: bold;
  785. border-radius: 4px;
  786. -moz-border-radius: 4px;
  787. margin: 3px;
  788. background: #F5DEB3;
  789. color: #C84300;
  790. /* float: left; */
  791. }
  792. .side .md li a:hover {
  793. background-image: none;
  794. background-color: #FFF8DC
  795. }
  796. .md ul li {
  797. list-style: none;
  798. padding-left: -15px;
  799. margin-left: -25px
  800. }
  801.  
  802. /* This is to change the colour of the 'KingkillerChronicle' logo above the 'subscribe' button. */
  803.  
  804. .side .redditname a {
  805. color: Maroon
  806. }
  807.  
  808. /* This is to capitalize the 'KingkillerChronicle' logo above the subscribe button. */
  809.  
  810. .titlebox h1 {
  811. font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
  812. font-size: 25px;
  813. font-weight: bold;
  814. font-variant: small-caps;
  815. color: #9A7D2E;
  816. text-transform: capitalize
  817. }
  818.  
  819. /* This is to change the colour of the points box in the submission page. */
  820. .linkinfo {
  821. background-color: #EBC79E;
  822. border: 1px solid #E1B000
  823. }
  824.  
  825. /* This is to change the colour of the 'Submit a Link' page into gold. */
  826.  
  827. .roundfield {
  828. background-color: #EBC79E
  829. }
  830. .formtabs-content {
  831. border-top: 4px solid #E1B000
  832. }
  833. .tabmenu.formtab .selected a {
  834. background-color: #E1B000
  835. }
  836.  
  837. /* This is to remove the babble below the 'Submit a Link' button. */
  838. .sidebox .spacer {
  839. display: none
  840. }
  841.  
  842. /* This is to remove the 'Create a Community' button, as it reduces clutter on the page. */
  843. .side .sidebox.create {
  844. display: none
  845. }
  846.  
  847. /* ------------------------------------------------END NEW EDITS------------------------------------------------------------------- */
  848.  
  849.  
  850. /* Flair Sprites */
  851.  
  852. .flair {
  853. border-radius: 4px;
  854. padding: 1px 4px 1px 4px;
  855. border: 1px solid #E6E6E6
  856. }
  857. .flair-empty:before {
  858. content: "";
  859. width: 20px;
  860. height: 16px;
  861. display: inline-block;
  862. background-repeat: no-repeat;
  863. background-image: url(%%icon-sprites%%);
  864. background-position: -999px -999px;
  865. vertical-align: middle;
  866. margin-right: 3px
  867. }
  868. .flair-talentpipes:before {
  869. content: "";
  870. width: 20px;
  871. height: 16px;
  872. display: inline-block;
  873. background-repeat: no-repeat;
  874. background-image: url(%%icon-sprites%%);
  875. background-position: -0px -0px;
  876. vertical-align: middle;
  877. margin-right: 3px
  878. }
  879. .flair-Lute:before {
  880. content: "";
  881. width: 13px;
  882. height: 20px;
  883. display: inline-block;
  884. background-repeat: no-repeat;
  885. background-image: url(%%spritesheet%%);
  886. background-position: 0 -212px;
  887. vertical-align: middle;
  888. margin-right: 3px
  889. }
  890. .flair-amyr:before {
  891. content: "";
  892. width: 21px;
  893. height: 25px;
  894. display: inline-block;
  895. background-repeat: no-repeat;
  896. background-image: url(%%spritesheet%%);
  897. background-position: 0 0;
  898. vertical-align: middle;
  899. margin-right: 3px
  900. }
  901. .flair-blood-vial:before {
  902. content: "";
  903. width: 20px;
  904. height: 20px;
  905. display: inline-block;
  906. background-repeat: no-repeat;
  907. background-image: url(%%spritesheet%%);
  908. background-position: 0 -35px;
  909. vertical-align: middle;
  910. margin-right: 3px
  911. }
  912. .flair-blue-flame:before {
  913. content: "";
  914. width: 15px;
  915. height: 20px;
  916. display: inline-block;
  917. background-repeat: no-repeat;
  918. background-image: url(%%spritesheet%%);
  919. background-position: 0 -65px;
  920. vertical-align: middle;
  921. margin-right: 3px
  922. }
  923. .flair-crescent-moon:before {
  924. content: "";
  925. width: 20px;
  926. height: 20px;
  927. display: inline-block;
  928. background-repeat: no-repeat;
  929. background-image: url(%%spritesheet%%);
  930. background-position: 0 -95px;
  931. vertical-align: middle;
  932. margin-right: 3px
  933. }
  934. .flair-edema-ruh:before {
  935. content: "";
  936. width: 20px;
  937. height: 20px;
  938. display: inline-block;
  939. background-repeat: no-repeat;
  940. background-image: url(%%spritesheet%%);
  941. background-position: 0 -125px;
  942. vertical-align: middle;
  943. margin-right: 3px
  944. }
  945. .flair-harp:before {
  946. content: "";
  947. width: 17px;
  948. height: 20px;
  949. display: inline-block;
  950. background-repeat: no-repeat;
  951. background-image: url(%%spritesheet%%);
  952. background-position: 0 -155px;
  953. vertical-align: middle;
  954. margin-right: 3px
  955. }
  956. .flair-letter:before {
  957. content: "";
  958. width: 27px;
  959. height: 17px;
  960. display: inline-block;
  961. background-repeat: no-repeat;
  962. background-image: url(%%spritesheet%%);
  963. background-position: 0 -185px;
  964. vertical-align: middle;
  965. margin-right: 3px
  966. }
  967. .flair-talent-pipes:before {
  968. content: "";
  969. width: 20px;
  970. height: 20px;
  971. display: inline-block;
  972. background-repeat: no-repeat;
  973. background-image: url(%%spritesheet%%);
  974. background-position: 0 -242px;
  975. vertical-align: middle;
  976. margin-right: 3px
  977. }
  978. .flair-tehlin-wheel:before {
  979. content: "";
  980. width: 20px;
  981. height: 20px;
  982. display: inline-block;
  983. background-repeat: no-repeat;
  984. background-image: url(%%spritesheet%%);
  985. background-position: 0 -272px;
  986. vertical-align: middle;
  987. margin-right: 3px
  988. }
  989. .flair-waystone:before {
  990. content: "";
  991. width: 21px;
  992. height: 20px;
  993. display: inline-block;
  994. background-repeat: no-repeat;
  995. background-image: url(%%spritesheet%%);
  996. background-position: 0 -302px;
  997. vertical-align: middle;
  998. margin-right: 3px
  999. }
  1000. .flair-wind:before {
  1001. content: "";
  1002. width: 20px;
  1003. height: 20px;
  1004. display: inline-block;
  1005. background-repeat: no-repeat;
  1006. background-image: url(%%spritesheet%%);
  1007. background-position: 0 -332px;
  1008. vertical-align: middle;
  1009. margin-right: 3px
  1010. }
  1011. .flair-moon:before {
  1012. content: "";
  1013. width: 20px;
  1014. height: 20px;
  1015. display: inline-block;
  1016. background-repeat: no-repeat;
  1017. background-image: url(%%spritesheet%%);
  1018. background-position: 0 -362px;
  1019. vertical-align: middle;
  1020. margin-right: 3px
  1021. }
  1022. .flair-cthaeh:before {
  1023. content: "";
  1024. width: 20px;
  1025. height: 20px;
  1026. display: inline-block;
  1027. background-repeat: no-repeat;
  1028. background-image: url(%%spritesheet%%);
  1029. background-position: 0 -392px;
  1030. vertical-align: middle;
  1031. margin-right: 3px
  1032. }
  1033. .flair-tree:before {
  1034. content: "";
  1035. width: 21px;
  1036. height: 20px;
  1037. display: inline-block;
  1038. background-repeat: no-repeat;
  1039. background-image: url(%%spritesheet%%);
  1040. background-position: 0 -422px;
  1041. vertical-align: middle;
  1042. margin-right: 3px
  1043. }
  1044. .flair-book:before {
  1045. content: "";
  1046. width: 20px;
  1047. height: 13px;
  1048. display: inline-block;
  1049. background-repeat: no-repeat;
  1050. background-image: url(%%spritesheet-2%%);
  1051. background-position: 0 0;
  1052. vertical-align: middle;
  1053. margin-right: 3px
  1054. }
  1055. .flair-sword:before {
  1056. content: "";
  1057. width: 45px;
  1058. height: 11px;
  1059. display: inline-block;
  1060. background-repeat: no-repeat;
  1061. background-image: url(%%spritesheet-2%%);
  1062. background-position: 0 -63px;
  1063. vertical-align: middle;
  1064. margin-right: 3px
  1065. }
  1066. .flair-sygaldry-rune-green:before {
  1067. content: "";
  1068. width: 16px;
  1069. height: 11px;
  1070. display: inline-block;
  1071. background-repeat: no-repeat;
  1072. background-image: url(%%spritesheet-2%%);
  1073. background-position: 0 -124px;
  1074. vertical-align: middle;
  1075. margin-right: 3px
  1076. }
  1077. .flair-writ:before {
  1078. content: "";
  1079. width: 20px;
  1080. height: 20px;
  1081. display: inline-block;
  1082. background-repeat: no-repeat;
  1083. background-image: url(%%spritesheet-2%%);
  1084. background-position: 0 -185px;
  1085. vertical-align: middle;
  1086. margin-right: 3px
  1087. }
  1088.  
  1089. /*Removal Reasons. Get Reddit Moderator Toolbox to use them.*/
  1090. .linkflair-rule .linkflairlabel{background:#e74c3c}
  1091.  
  1092. .comments-page .thing.link.linkflair-rule .title .linkflairlabel {
  1093. -webkit-transform: rotate(0)!important;
  1094. transform: rotate(0)!important;
  1095. background: #e74c3c!important;
  1096. text-align: center;
  1097. top: auto;
  1098. right: 0;
  1099. width: 100%;
  1100. max-width: none;
  1101. height: 25px;
  1102. bottom: 100%;
  1103. margin-bottom: 20px;
  1104. box-sizing: border-box;
  1105. padding: 5px;
  1106. font-size: 14px;
  1107. border-radius: 2px;
  1108. color: white !important;
  1109. }
  1110.  
  1111. .author[href$="/Kixking"]{color:#27b062; font-weight: bold;}
  1112. .author[href$="/imnotlegolas"]{color:#27b062; font-weight: bold;}
  1113. .author[href$="/PalpatineSenpai"]{color:#27b062; font-weight: bold;}
  1114. .author[href$="/Jamalisms"]{color:#27b062; font-weight: bold;}
  1115.  
  1116. .linkflair-mod .linkflairlabel{background:#27b062;color:#fff}
  1117. .linkflair-QT .linkflairlabel{background:#3498DB;color:#fff}
  1118.  
  1119. p.title .linkflairlabel {
  1120. display: block;
  1121. padding-top: 3px;
  1122. text-align: center;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement