Advertisement
Guest User

Untitled

a guest
Jun 25th, 2013
58
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.30 KB | None | 0 0
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2.  
  3. @-moz-document domain("reddit.com") {
  4.  
  5.  
  6. body {
  7. width: 99% !important;
  8. left: 1% !important;
  9. right: 0% !important;
  10. background-attachment: fixed !important;
  11. background-color: #f4f5f5 !important;
  12. font-family: "Open Sans", sans-serif !important;
  13. font-size: 10px !important;
  14. margin-left: 0% !important;
  15. }
  16.  
  17. /*
  18. ====================
  19. Header + navigation
  20. ====================
  21. */
  22.  
  23. #header-img.default-header {
  24. background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QYFCQ8Wpncy0gAAAA1JREFUCNdjYGBgYAAAAAUAAV7zKjoAAAAASUVORK5CYII=") !important;
  25. height:28px !important;
  26. width: 0px !important;
  27. top:0px !important;
  28. margin-bottom: -1px !important;
  29. }
  30.  
  31.  
  32. #header {
  33. background: transparent!important;
  34. border-bottom: none !important;
  35. }
  36.  
  37. #sr-header-area{
  38. position:fixed !important;
  39. width:159px !important;
  40. height:100% !important;
  41. background : #fff !important;
  42. border-right: 1px solid #ddd !important;
  43. margin-top:-35px !important
  44. }
  45.  
  46. #sr-header-area .flat-list li,
  47. #sr-header-area .flat-list form,
  48. #sr-header-area .flat-list {
  49. display: block !important;
  50. }
  51. #sr-header-area .sr-list {
  52. overflow: inherit !important;
  53. margin-left:1.2em !important;
  54. margin-top: 33px !important;
  55. font-size:1.1em !important;
  56. }
  57.  
  58. #sr-header-area .separator, #sr-more-link, #header-img-a{
  59. display:none !important
  60. }
  61.  
  62. .dropdown.srdrop .selected {
  63. background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QYFCQ8Wpncy0gAAAA1JREFUCNdjYGBgYAAAAAUAAV7zKjoAAAAASUVORK5CYII=") !important;
  64. color:#aaa !important;
  65. font-size:12px
  66. }
  67.  
  68. #sr-header-area .dropdown.srdrop {
  69. height : 25px !important;
  70. width:154px !important;
  71. background:#f4f4f4 !important;
  72. padding:8px 0 0 5px !important
  73. }
  74. /*subreddit dropdown*/
  75. .drop-choices a.choice {
  76. font-size:1em !important
  77. }
  78. .drop-choices {
  79. white-space: normal !important;
  80. }
  81.  
  82. #sr-header-area .drop-choices.srdrop {
  83. margin-top: -26px !important;
  84. width: 180px !important;
  85. height:100%;
  86. z-index: -1 !important;
  87. padding:33px 1em !important;
  88. margin-left: -300px !important;
  89. display:block !important;
  90. /*I don't know why, but the transition is laggy for the moment :/ */
  91. /* transition-duration:0.4s !important;*/
  92. }
  93. .drop-choices.srdrop.inuse{
  94. left:460px !important;
  95. }
  96. .drop-choices a.choice {
  97. display: inline-block !important;
  98. border-radius:2px;
  99. color:#888 !important;
  100. }
  101. .drop-choices a.choice:hover {
  102. background-color:#eee !important;
  103. }
  104.  
  105. .drop-choices.inuse {
  106. width: 180px !important;
  107. }
  108. .srdrop .choice.bottom-option {
  109. border-top: 0px solid rgb(51, 102, 153) !important;
  110. }
  111. .srdrop .choice.bottom-option {
  112. font-style: normal !important;
  113. position: absolute;
  114. top: 0px;
  115. width: 198px;
  116. background: none repeat scroll 0% 0% #eee;
  117. left: 0px;
  118. height: 9px;
  119. padding: 10px 0 15px 0 !important;
  120. border-radius:0px !important;
  121. text-align: center
  122. }
  123. .srdrop .choice.bottom-option:hover {
  124. background-color:#eee !important;
  125. }
  126. .srdrop .choice:last-child {
  127. font-size:1.3em !important;
  128. color:#aaa !important
  129. }
  130.  
  131. #sr-header-area .selected:after {
  132. content:" +";
  133. }
  134. .drop-choices {
  135. border: 0px solid transparent !important;
  136. box-shadow: rgba(0,0,0,0.25) 0 0 5px !important;
  137. }
  138.  
  139. /*left sidebar*/
  140. .sr-bar a {
  141. color: #999 !important;
  142. text-decoration:none !important;
  143. }
  144. .sr-bar a:hover {
  145. color: #444 !important;
  146. }
  147. #sr-header-area .selected a {
  148. color: orangered !important;
  149. }
  150. /*header*/
  151. #header-bottom-left{
  152. width:100% !important;
  153. background:#3d444e !important;
  154. top:0 !important;
  155. height:30px !important;
  156. position:fixed !important;
  157. font-size:11px !important;
  158. }
  159. .pagename{
  160. word-wrap: break-word;
  161. max-width:20px !important
  162. }
  163. .redditname{
  164. height:30px !important;
  165.  
  166. }
  167. .redditname a{
  168. color:white !important;
  169. font-size : 1.5em !important;
  170. font-weight:normal !important;
  171. padding-left:10px !important;
  172. height:30px !important;
  173. top:0px !important;
  174. }
  175. .pagename{
  176. color:white !important;
  177. font-weight:normal !important;
  178. }
  179.  
  180. .tabmenu{
  181. margin:-23px 0px 0px 160px !important;
  182. display:block !important;
  183. }
  184. .tabmenu li {
  185. font-weight: normal !important;
  186. height:30px !important;
  187. margin:0px !important;
  188. }
  189.  
  190. .tabmenu li a {
  191. padding: 7px 6px 8px !important;
  192. background-color: transparent !important;
  193. height:30px !important;
  194. margin-top:-13px !important;
  195. color:#aaa !important;
  196. }
  197. .tabmenu li.selected a{
  198. background-color: #30363e !important;
  199. color:white !important;
  200. border-width:0px !important;
  201. }
  202.  
  203. #header-bottom-right{
  204. background : transparent !important;
  205. position: fixed !important;
  206. top:4px !important;
  207. margin-right:40px !important;
  208. font-size:10px !important;
  209. }
  210. #header-bottom-right a{
  211. color:#aaa !important;
  212. }
  213.  
  214. /* turn the sidebar into a drop-down menu */
  215.  
  216. .side {
  217. background: #FFF !important;
  218. box-shadow: rgba(0,0,0,0.25) 0 0 5px !important;
  219. border: 0px solid #888 !important;
  220. position: fixed !important;
  221. padding: 10px 20px 10px 10px !important;
  222. float: right !important;
  223. width: 300px !important;
  224. right: -400px !important;
  225. z-index: 1000 !important;
  226. transition-duration:0.4s !important;
  227. top: 30px !important;
  228. overflow-y:auto !important;
  229. height:100% !important;
  230. }
  231.  
  232. .side::before {
  233. content: "◨";
  234. color:#aaa;
  235. text-align: center !important;
  236. background: transparent!important;
  237. height: 27px !important;
  238. max-width: 30px !important;
  239. min-width: 30px !important;
  240. position: fixed !important;
  241. top: -3px !important;
  242. right: 0% !important;
  243. padding-top: 8px !important;
  244. padding-left: 0px !important;
  245. padding-right: 5px !important;
  246. margin-right: 0px !important;
  247. z-index: 5;
  248. transition: 0.5s color ease;
  249. font-size: 14px !important
  250. }
  251.  
  252. .side:hover::before {
  253. color:#888;
  254. background: #fff !important;
  255. transition: 0.5s color ease;
  256. }
  257.  
  258. .side:hover {
  259. position: fixed !important;
  260. right: -15px !important;
  261. }
  262.  
  263. .sidebox .subtitle {
  264. background: transparent !important;
  265. font-size: 1em !important
  266. }
  267.  
  268. .sidebox .spacer {
  269. position: relative;
  270. margin-top: 10px;
  271. padding: 5px 0px 0px 44px;
  272. min-height: 41px;
  273. background: transparent !important;
  274. }
  275.  
  276. .titlebox {
  277. font-size : 1.4em !important;
  278. text-align: center !important;
  279. }
  280.  
  281. .sidebox a {
  282. color: #1a1a1a !important;
  283. font-weight: normal !important;
  284. text-decoration: none !important;
  285. }
  286.  
  287. .md {
  288. max-width: 100% !important;
  289. font-size: 1em !important;
  290. font-family: "Open Sans", sans-serif !important;
  291. color: #646464 !important;
  292. background-color:transparent !important;
  293. padding : 0 !important;
  294. border:1px solid transparent !important;
  295. margin-right:30px !important;
  296. text-align:justify
  297. }
  298.  
  299. .panestack-title {
  300. width: 100% !important;
  301. text-align: center !important;
  302. }
  303.  
  304. .menuarea .spacer {
  305. font-size:1em !important;
  306. }
  307. #noresults {
  308. margin-left: 30px !important;
  309. }
  310. .comment {
  311. width: 99% !important;
  312. }
  313.  
  314. .commentarea {
  315. width: 100% !important;
  316. }
  317.  
  318. .titlebox h1 {
  319. color: black !important;
  320. font-family: "Open Sans", sans-serif !important;
  321. text-align: center !important;
  322. width: 100% !important;
  323. position: absolute;
  324. top: 5px;
  325. left: 11px;
  326. }
  327. .side .titlebox h1 {
  328. display:none
  329. }
  330.  
  331. .titlebox h1 a {
  332. display: none !important;
  333. color: black !important;
  334. font-family: "Open Sans", sans-serif !important;
  335. text-align: center !important;
  336. width: 100% !important;
  337. position: absolute;
  338. top: -3px;
  339. left: -5px !important;
  340. }
  341.  
  342. .morelink {
  343. text-align: center;
  344. font-size: 1.4em !important;
  345. font-weight: normal !important;
  346. line-height: 29px;
  347. letter-spacing: 0px !important;
  348. }
  349.  
  350. .linkinfo {
  351. padding: 5px;
  352. border: 1px solid rgb(95, 153, 207);
  353. background-color: #f5f5f5 !important;
  354. color: #3f3f3f;
  355. font-size: 1.1em !important;
  356. border-radius: 3px 3px 3px 3px;
  357. text-align: center !important;
  358. }
  359.  
  360. .linkinfo .date {
  361. font-family: "Open Sans", sans-serif !important;
  362. }
  363.  
  364. .linkinfo .score .word {
  365. font-family: "Open Sans", sans-serif !important;
  366. font-size: 1.4em !important;
  367. font-weight: bold;
  368. color: #1c1c1c !important;
  369. }
  370.  
  371. .linkinfo .score .number {
  372. font-size: 1.4em !important;
  373. font-weight: bold;
  374. color: #1c1c1c !important;
  375. }
  376.  
  377. .linkinfo .upvotes, .linkinfo .downvotes {
  378. font-family: "Open Sans", sans-serif !important;
  379. font-size: 1.1em !important;
  380. color: #646464 !important;
  381. }
  382.  
  383.  
  384. .linkinfo .shortlink input {
  385. border: 1px solid gray;
  386. padding: 3px 3px;
  387. width: 140px !important;
  388. }
  389. /*
  390. ================
  391. Content
  392. ================
  393. */
  394.  
  395. .content {
  396. margin-left:155px !important;
  397. margin-top :65px !important;
  398. }
  399.  
  400. /*no ads*/
  401. .link.promotedlink, .organic-listing, #ad_main {
  402. display: none !important;
  403. }
  404.  
  405. /*InfoBar*/
  406.  
  407. .content .infobar{
  408. margin-left:27px !important;
  409. }
  410.  
  411. .infobar{
  412. border: 1px solid rgb(251, 231, 108) !important;
  413. border-radius:3px;
  414. background : #fcf0a6!important;
  415.  
  416. }
  417. .content .infobar .md{
  418. padding-left:10px !important
  419. }
  420. .content .infobar .md:before{
  421. content:"!";
  422. float:left;
  423. margin:5px 10px 0 0;
  424. font-size:1.6em;
  425. font-family:sans-serif;
  426. font-weight:bold
  427. }
  428.  
  429. /*This part is basically a copy pasta of the reddit style of /u/falac */
  430. /* links */
  431.  
  432. .link {
  433. color: #777 !important;
  434. border-bottom: 1px solid #c3c3c3 !important;
  435. min-height: 30px;
  436. padding: 12px 0 !important;
  437. position: relative !important;
  438. background: transparent !important;
  439. border-bottom: none !important;
  440. }
  441.  
  442. .link.promotedlink, .organic-listing .link, .organic-listing .link.promotedlink,.organic-listing .promoted,.organic-listing {
  443. padding: 12px 0px !important;
  444. margin-bottom: -10px !important;
  445. border-left: none !important;
  446. border-right: none !important;
  447. }
  448.  
  449. .link.last-clicked {
  450. color: #3f3f3f !important;
  451. border-right: none !important;
  452. border-top: 0px dashed gray !important;
  453. background-color:#fdfdfd !important
  454. }
  455.  
  456. .link .title {
  457. font-weight: normal !important;
  458. margin-left: 0px !important;
  459. font-size : 1.4em !important;
  460. }
  461.  
  462. .lk .thumbnail {
  463. margin-right: auto!important;
  464. width: auto !important;
  465. }
  466.  
  467. .link .thumbnail img {
  468. border: none!important;
  469.  
  470. width: auto !important;
  471. margin-right: 3px !important;
  472. }
  473.  
  474. .thing p.title {
  475. padding-bottom: 0px !important;
  476. }
  477.  
  478. .thing .title.loggedin, .thing.p.title a, .title a , p.title a.title {
  479. color: #777 !important;
  480. line-height: 14px !important;
  481. text-indent: 155px;
  482. text-shadow: none !important;
  483. transition: 0.5s ease all;
  484. font-size: 0.9em !important;
  485. font-weight:normal !important;
  486. }
  487.  
  488. .thing .title.loggedin:visited, .link .title a:visited {
  489. color: #bbb !important;
  490. }
  491.  
  492. .domain, .domain a {
  493. font-family: "Open Sans", sans-serif !important;
  494. font-weight: normal !important;
  495. font-size: 0.9em !important;
  496. color: #bf7c83 !important;
  497. }
  498.  
  499. .tagline {
  500.  
  501. color: #888 !important;
  502. font-size: 1em !important;
  503. font-family: "Open Sans", sans-serif !important;
  504. margin-top: 8px !important;
  505. }
  506.  
  507. .link .flat-list {
  508. margin-top: 4px !important;
  509. margin-left: 2px !important;
  510. }
  511.  
  512. .entry {
  513. border: none !important;
  514. padding-left: 10px !important;
  515. }
  516.  
  517. .entry .buttons li a {
  518. color: #999 !important;
  519. font-size: 1em !important;
  520. font-weight: normal !important;
  521. padding: 0 10px 3px !important;
  522. transition: 0.5s ease all;
  523. margin-left:-10px
  524. }
  525.  
  526. .entry .buttons li a:hover {
  527. color: #1c1c1c !important;
  528. text-decoration: none !important;
  529. transition: 0.5s color ease;
  530. }
  531.  
  532. .expando-button.video {
  533. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QYFCQ8Wpncy0gAAAA1JREFUCNdjYGBgYAAAAAUAAV7zKjoAAAAASUVORK5CYII=") !important;
  534. background:transparent !important;
  535. width:1em !important;
  536. height:1em!important;
  537. position:static !important;
  538. margin: 7px 7px 0 0 !important;
  539. padding: 0px !important;
  540. cursor:pointer !important
  541.  
  542. }
  543. .expando-button.video.collapsed::before {
  544. content :"[+]";
  545. font-size:1em !important;
  546. color:#777;
  547. text-shadow:0 0 0px #fff
  548. }
  549. .expando-button.video.expanded::before {
  550. content :"[-]";
  551. font-size:1em !important;
  552. color:#777;
  553. text-shadow:0 0 0px #fff
  554. }
  555.  
  556. .expando-button.selftext {
  557. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QYFCQ8Wpncy0gAAAA1JREFUCNdjYGBgYAAAAAUAAV7zKjoAAAAASUVORK5CYII=") !important;
  558. background:transparent !important;
  559. width:1em !important;
  560. height:1em!important;
  561. position:static !important;
  562. margin: 7px 7px 0 0 !important;
  563. padding: 0px !important;
  564. cursor:pointer !important
  565.  
  566. }
  567. .expando-button.selftext.collapsed::before {
  568. content :"[+]";
  569. font-size:1em !important;
  570. color:#777;
  571. text-shadow:0 0 0px #fff
  572. }
  573. .expando-button.selftext.expanded::before {
  574. content :"[-]";
  575. font-size:1em !important;
  576. color:#777;
  577. text-shadow:0 0 0px #fff
  578. }
  579. /*
  580. If you don't want to display the text of redditor's posts
  581. Uncomment this line :*/
  582.  
  583. /*
  584. .self .expando-button{
  585. display:none
  586. }*/
  587.  
  588. .organic-listing .nextprev, .organic-listing .help {
  589. display: none !important;
  590. }
  591.  
  592. .nextprev {
  593. text-align: center;
  594. }
  595.  
  596. .title {
  597. color: #677996 !important;
  598. background: none !important;
  599. text-align: left;
  600. margin-left: 2px !important;
  601. }
  602.  
  603. .title.click {
  604. color: #1c1c1c !important;
  605. background: none !important;
  606. }
  607.  
  608. .comment .author {
  609. font-weight: normal;
  610. color: #666 !important;
  611. }
  612.  
  613. a.author {
  614. margin-right: 0.5em;
  615. font-weight: normal;
  616. color: #7b80a2 !important;
  617. transition: 0.5s color ease;
  618. }
  619.  
  620. a.author:hover, a .author:hover {
  621. color: #444 !important;
  622. text-decoration: none !important;
  623. transition: 0.5s color ease;
  624. }
  625.  
  626. .tagline .submitter {
  627. color: #999;
  628. }
  629. /*normal posts has a blue line on the left*/
  630. .link {
  631. background: #ffffff !important;
  632. margin: 2em 2em 0em 3em !important;
  633. border-radius: 5px !important;
  634. box-shadow: -1px 1px 1px rgba(0,0,0,.08);
  635. border-left:5px solid #c1e1fd !important
  636. }
  637. /*the nsfw posts has a red line on the left*/
  638. .over18 {
  639. border-left:5px solid rgb(247, 184, 150) !important
  640. }
  641.  
  642. /* Since this theme requires to enable all thumbnail,
  643. * I desided to hide the NSFW thumbnail by reducing
  644. * theire opacity.
  645. * If you don't like this option, you should delete
  646. * these two lines :
  647. */
  648.  
  649. .over18 .thumbnail{
  650. opacity:0.15
  651. }
  652. .over18 .thumbnail:hover{
  653. opacity:1
  654. };
  655.  
  656. /*I tweeked a bit the rank number, If you want to use it, delete the display:none line*/
  657. .rank {
  658. margin-left:11px;
  659. text-align:center !important;
  660. position: relative;
  661. margin-left: -17px;
  662. background: linear-gradient(rgb(238, 238, 238), rgb(221, 221, 221)) repeat scroll 0% 0% red;
  663. padding: 5px;
  664. min-height: 19px;
  665. min-width: 19px;
  666. border-radius: 20px;
  667. background-image: linear-gradient(#eee, #ddd);
  668. box-shadow: 0px 1px 2px #aaa;
  669. display:none
  670. }
  671.  
  672. /*Footer*/
  673.  
  674. .col:nth-child(4) > ul:nth-child(1) > li:nth-child(1){
  675. color:transparent !important;
  676. }
  677.  
  678. .col:nth-child(4) > ul:nth-child(1) > li:nth-child(1):before{
  679. color:#cc9999 !important;
  680. content: "❤";
  681. }
  682. /*manage your sureddit page*/
  683.  
  684. .sr-interest-bar {
  685. margin-left: 20px !important;
  686. }
  687.  
  688. /*
  689. ====================
  690. Scripts
  691. ====================
  692. */
  693.  
  694. /*NSFW toggle button : https://userscripts.org/scripts/show/106810*/
  695. /*Include the nsfw posts toggle to the top bar */
  696.  
  697. #nsfwSpan,#nsfwButton{
  698. color:#aaa;
  699. background:transparent;
  700. }
  701. #nsfwButton{
  702. margin: 0px -5px 0px -6px !important;
  703. }
  704. /*Colorfull reddit username CRU : https://userscripts.org/scripts/show/156297*/
  705. /*Colorizes usernames on reddit comments */
  706.  
  707. .author span {
  708. padding : 0 5px !important;
  709. border-radius: 2px !important
  710. }
  711.  
  712. /*Other pages*/
  713. .raisedbox {
  714. background-color: transparent !important;
  715. border: 0px solid transparent !important
  716. }
  717. .searchfacets{
  718. margin:0 10px 0 30px !important
  719. }
  720. .search-page .pagename{
  721. color:white !important;
  722. }
  723. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement