API tools faq
paste
hero0fwar

/r/Movies Clone

hero0fwar
Jun 5th, 2014
263
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 29.11 KB | None | 0 0
raw download clone embed print report
  1. /* SUBREDDIT BAR
  2.  -----------------*/
  3.  
  4. body {
  5.     background-color: #ecf5fe;
  6. }
  7.  
  8.  
  9. #sr-header-area {
  10.     background-color: #0e264a;
  11.     white-space: nowrap;
  12.     text-transform: uppercase;
  13.     border-bottom: 3px solid #2565c5;
  14.     height: 16px;
  15.     line-height: 16px;
  16. }
  17.  
  18. .sr-bar a {
  19.     color: #d5e5fd;
  20.     font-size: 8px;
  21.     letter-spacing: 2px;
  22.     /*position: absolute;*/
  23.     top:-5px;
  24. }
  25.  
  26. .sr-bar .seperator {
  27.     /*position:relative;*/
  28.     top:-5px!important;
  29. }
  30.  
  31. .sr-bar a.gold {
  32.     color: #cca300!important;
  33.     font-weight: normal;
  34.     letter-spacing: 2px;
  35. }
  36.  
  37. .dropdown.srdrop .selected {
  38.     color: #d5e5fd;
  39.     font-size: 8px;
  40.     letter-spacing: 2px;
  41. }
  42.  
  43. #sr-header-area .drop-choices.srdrop {
  44.     margin-top: 0;
  45.     margin-left: 0px;
  46. }
  47.  
  48. .drop-choices {
  49.     border: 1px solid #0e264a;
  50.     z-index: 9000;
  51.     background-color: #0e264a;
  52.     line-height:12px;
  53. }
  54.  
  55. .drop-choices a {
  56.     color: #d5e5fd;
  57.     font-size: 8px;
  58.     letter-spacing: 2px;
  59. }
  60.  
  61. .drop-choices a.choice:hover {
  62.     background-color:#f7ebc5;
  63. }
  64.  
  65. #sr-more-link {
  66.     display:none;
  67. }
  68.  
  69. /* HEADER
  70.  -----------------*/
  71.  
  72. #header {
  73.     border-bottom: 3px solid #2565c5;
  74.     position: relative;
  75.     background-image: url(%%BelaTarrHeader%%);
  76.     z-index: 99;
  77.     height: 150px;
  78. }
  79.  
  80.  
  81. /* LOGO AND NAV BUTTONS
  82.  ------------------------*/
  83.  
  84. .beta-notice {
  85.     background: #ecf5fe!important;
  86. }
  87.  
  88. #header-img {
  89.     margin-right: 5px;
  90.     padding-left: 10px;
  91.     position:absolute;
  92.     top:-64px;
  93.     z-index:5;
  94. }
  95.  
  96. .pagename {
  97.     display: none
  98.     }
  99. .redditname {
  100.     display: block !important;
  101.     position: absolute;
  102.     top: 0px;
  103.     left: 0px;
  104.     width: 100%;
  105.     font-size: 0px
  106.     }
  107. .redditname a {
  108.     display: block !important;
  109.     text-indent: -99999px;
  110.     background: url(%%movieslogo%%) no-repeat;
  111.     margin: -39px 10px auto 70px;
  112.     width: 283px;
  113.     height: 41px;
  114.     opacity: 1 !important
  115.     }
  116. .redditname a:hover {
  117.     background: url(%%movieslogohov%%) no-repeat;
  118.     text-decoration: none;
  119.     opacity: 1 !important
  120.     }
  121.  
  122.  
  123. #header .tabmenu {
  124.     list-style-type: none;
  125.     white-space: nowrap;
  126.     display: inline-block;
  127.     vertical-align: bottom;
  128.     position:absolute;
  129.     top: 8px;
  130.     left:0px;
  131.     margin: -0px -6px 0px -3px;
  132. }
  133.  
  134. #header .tabmenu li {
  135.     display: inline;
  136.     font-weight: normal;
  137.     margin: 0px 0px;
  138.  
  139. }
  140.  
  141. #header .tabmenu li a {
  142.    padding: 12px 13px 10px 10px;
  143.    text-transform: uppercase!important;
  144.    background-color: #0e264a;
  145.    color: #d5e5fd;
  146.    font-size: 8px;
  147.    letter-spacing: 2px;
  148.  
  149. }
  150.  
  151. #header .tabmenu li a:hover {
  152.     color: white;
  153.     font-weight: normal;
  154.     background-color: #173f7b;
  155.     border: none;
  156.     z-index: 100;
  157. }
  158.  
  159. #header .tabmenu li.selected a {
  160.     color: #f7ebc5;
  161.     font-weight: bold;
  162.     background-color: #173f7b;
  163.     border: none;
  164.     z-index: 100;
  165. }
  166.  
  167. div#header-bottom-left {
  168.     display: block;
  169.     height: 33px;
  170.     padding: 0;
  171.     background-color: #0e264a;
  172.     position:relative;
  173.     top:134px!important;
  174. }
  175.  
  176.  
  177.  
  178. /* USERBAR
  179.  ------------------------*/
  180. #header-bottom-right {
  181.     right: 0px;
  182.     top: 153px;
  183.     background-color: #0e264a;
  184.     height: 22px!important;
  185.     font-size: 8px;
  186.     text-transform: uppercase;
  187.     border-top-left-radius: 0px;
  188. }
  189.  
  190. #header-bottom-right .user {
  191.     margin-top: 0px;
  192.     margin-right: 0px;
  193.     margin-bottom: 0px;
  194.     margin-left: 13px;
  195. }
  196.  
  197. #header-bottom-right .user a {
  198.     position: relative;
  199.     top:0px;
  200.     margin: 0px 0px;
  201.     color: #d5e5fd!important;
  202.     letter-spacing: 2px;
  203. }
  204.  
  205. #header-bottom-right .user a:hover {
  206.     position: relative;
  207.     top:0px;
  208.     margin: 0px 0px;
  209.     color: #f7ebc5!important;
  210.     letter-spacing: 2px;
  211. }
  212.  
  213. #userbarToggle {
  214.     display:none!important;
  215. }
  216.  
  217. .user {
  218.     color:#f7ebc5;
  219.     position:relative;
  220.     top:4px;
  221. }
  222.  
  223. .user .userkarma {
  224.     font-weight: normal;
  225.     position: relative;
  226.     top:0px;
  227.     margin: 2px 2px;
  228.     color: #d5e5fd!important;
  229.     letter-spacing: 2px;
  230.     border-bottom:none;
  231. }
  232.  
  233. .separator {
  234.     visibility:hidden;
  235.     color: #f7ebc5;
  236.     margin: 0px 3px;
  237.     cursor: default;
  238.     position:relative;
  239.     /*top: 6px;*/
  240.     right:0px
  241. }
  242.  
  243. #mail {
  244.     position: relative;
  245.     top: 6px!important;
  246. }
  247.  
  248. #mail.nohavemail {
  249.     position: relative;
  250.     top: 6px;
  251. }
  252.  
  253. #mail.havemail {
  254.     top: 6px!important;
  255.     margin-right: 1px;
  256. }
  257.  
  258. a#mail.havemail {
  259.     top: 6px!important;
  260.     margin-right: 1px;
  261. }
  262.  
  263. #modmail {
  264.     position: relative;
  265.     top: 1px;
  266. }
  267.  
  268. #modmail.havemail {
  269.     position: relative;
  270.     top: 1px;
  271. }
  272.  
  273. /*#openRESPrefs {
  274.     display:none!Important;
  275. }*/
  276.  
  277. #openRESPrefs, #RESMainGearOverlay { position: relative; top: 6px; }
  278.  
  279. /*#RESSettingsButton {
  280.     display: none!important;
  281.     padding-top: 0px!important;
  282.     margin-bottom: 0px!important;
  283.     width: 15px;
  284.     height: 15px;
  285.     background-repeat: no-repeat;
  286.     background-position: 0px -209px;
  287.     position: absolute;
  288.     top: 10px!important;
  289.     right: 57px!important;
  290. }*/
  291.  
  292. /*.RESDropdownList {
  293.     display:none!important;
  294.     list-style-type: none;
  295.     background-color: #0e264a!important;
  296.     width: 180px!important;
  297.     border-radius: 0px!important;
  298.     border: 1px solid #0e264a!important;
  299.     border-bottom: none!important;
  300.     margin-top: 18px!important;
  301.     color: #d5e5fd!important;
  302.     font-size: 8px!important;
  303.     letter-spacing: 2px!important;
  304.     text-transform: uppercase!important;
  305.     font-weight:normal!important;
  306. }*/
  307.  
  308. .flat-list {
  309.     position: relative;
  310.     top:5px;
  311.     margin: 0px 0px;
  312.     color: #d5e5fd!important;
  313.     letter-spacing: 2px;
  314. }
  315.  
  316. .flat-list a {
  317.     position: relative;
  318.     margin: 0px 0px;
  319.     color: #d5e5fd!important;
  320.     letter-spacing: 2px;
  321.     font-weight:normal;
  322. }
  323.  
  324. .flat-list a:hover {
  325.     position: relative;
  326.     margin: 0px 0px;
  327.     color: #f7ebc5!important;
  328.     letter-spacing: 2px;
  329.     text-decoration:none!important;
  330. }
  331.  
  332.  
  333. .logout {
  334.     position: relative;
  335.     top:5px;
  336.     margin: 0px 0px;
  337.     color: #d5e5fd!important;
  338.     letter-spacing: 2px;
  339. }
  340.  
  341. .logout a {
  342.     position: relative;
  343.     margin: 0px 0px;
  344.     color: #d5e5fd!important;
  345.     letter-spacing: 2px;
  346.     font-weight:normal;
  347. }
  348.  
  349. .logout a:hover {
  350.     position: relative;
  351.     margin: 0px 0px;
  352.     color: #f7ebc5!important;
  353.     letter-spacing: 2px;
  354.     text-decoration:none!important;
  355. }
  356.  
  357. /* SIDEBAR
  358.  -----------------*/
  359.  
  360. .side {
  361.     float: right;
  362.     background-color: #0e264a;
  363.     margin: 0px 0px 5px 0px;
  364.     width: 300px;
  365.     position: relative;
  366.     top: 30px;
  367.     border-left:3px solid #0e264a;
  368.     border-right:3px solid #0e264a;
  369.     border-bottom:3px solid #0e264a;
  370.     padding-right:7px;
  371.     padding-left:6px;
  372.     z-index:2000;
  373. }
  374.  
  375.  
  376. /* SIDEBAR IMAGE - edited from /r/nfl
  377.  --------------------------------------*/
  378. div.side div.spacer:nth-of-type(1){
  379.     padding:180px 0 0 !important;
  380.     background:url(%%maltese%%) top center no-repeat;
  381.     margin-top:-7px;
  382. }
  383.  
  384.  
  385. /* SIDEBAR CAPTION - edited from /r/nfl
  386.  ----------------------------------------*/
  387. div.side div.spacer:nth-of-type(1):before{
  388.     display:block;
  389.     margin-top:30px;
  390.     width:300px;
  391.         color: #d5e5fd!important;
  392.         text-align: center;
  393.     content:"The MacGuffin - as it was originally conceived, a MacGuffin is a plot device to get characters chasing something. As Hitchcock said it, 'We have a name in the studio, and we call it the 'MacGuffin'. It is the mechanical element that usually crops up in any story. In crook stories it is almost always the necklace and in spy stories it is most always the papers.' Its concept has expanded to nearly any noun that drives a plot, whether it be unobtanium in Avatar to the train itself in 3:10 To Yuma. Some classic MacGuffins include The Maltese Falcon (pictured), the briefcase in Pulp Fiction, the case in Ronin, and more recently the 'Rabbit's Foot' in Mission Impossible III." ;
  394.     padding:0px 0 20px;
  395.     line-height:14px;
  396. }
  397.  
  398. /* SEARCH BAR
  399.  -------------------*/
  400. #search input[type="text"] {
  401.     border: 1px solid #82b2fa;
  402.     font-size: 16px;
  403.     color: #2565c5!important;
  404.     width: 293px;
  405.     padding: 3px;
  406.     position: relative;
  407. }
  408.  
  409. #searchexpando {
  410.     margin: 0 0 0 0;
  411.     border-radius: 0px;
  412. }
  413.  
  414. .infobar {
  415.     background-color: #abcbfb;
  416.     padding: 5px 10px;
  417.     margin: 5px 305px 5px 0px;
  418.     border: 1px solid #2565c5;
  419.     border-top:none;
  420.     font-size: 10px;
  421.     width: 279px;
  422.  
  423. }
  424.  
  425.  
  426. /* SUBMIT LINK BUTTONS
  427.  -----------------------*/
  428. .morelink {
  429.     display: block;
  430.     text-align: center;
  431.     position: relative;
  432.     border: none;
  433.     border-top: 3px solid #f7ebc5;
  434.     background: #0e264a;
  435.     font-size: 150%;
  436.     font-weight: normal;
  437.     text-transform:uppercase;
  438.     letter-spacing: 4px;
  439.     line-height: 29px;
  440.     height: 29px;
  441.     width: 318px;
  442.     right: 0px;
  443.     left: -9px;
  444.     font-family:"courier new";
  445.  
  446. }
  447.  
  448. .morelink a {
  449.     display: block;
  450.     width: 100%;
  451.     color: #d5e5fd;
  452. }
  453.  
  454. .morelink .nub {
  455.     display:none;
  456. }
  457.  
  458. .morelink:hover {
  459.     display: block;
  460.     text-align: center;
  461.     position: relative;
  462.     border: none;
  463.     border-top: 3px solid #f7ebc5;
  464.     background: #173f7b;
  465.     font-size: 150%;
  466.     font-weight: normal;
  467.     text-transform:uppercase;
  468.     letter-spacing: 4px;
  469.     line-height: 29px;
  470.     height: 29px;
  471.     width: 318px;
  472.     right: 0px;
  473.     left: -9px;
  474. }
  475.  
  476. .morelink a:hover {
  477.     display: block;
  478.     width: 100%;
  479.     color: #d5e5fd;
  480. }
  481.  
  482. .morelink .nub:hover {
  483.     display:none;
  484. }
  485.  
  486. /* SUBREDDIT NAME IN SIDEBAR
  487.  -----------------------------*/
  488. .titlebox h1 a {
  489.     display: none;
  490. }
  491.  
  492. /* USE SUBREDDIT STYLE CHECKBOX
  493.  ---------------------------------*/
  494. label {
  495.     cursor: default;
  496.     color:#2565c5;
  497.     letter-spacing: 2px;
  498.     text-transform:uppercase;
  499.     font-weight:bold;
  500.     font-size:8px;
  501.     position:relative;
  502.     left:15px!important;
  503.     /*text-shadow: 1px 1px #091931;*/
  504. }
  505.  
  506. input[type="checkbox"], input[type="radio"] {
  507.     margin-top: 0px!important;
  508.     position: relative!important;
  509.     left: 0px!important;
  510. }
  511.  
  512. /* (UN)SUBSCRIBE AND DASHBOARD BUTTONS
  513.  ---------------------------------------*/
  514. .RESshortcutside {
  515.     border: none!important;
  516.     padding: 0px!important;
  517.     background: none!important;
  518.     font-size: 8px!important;
  519.     font-weight: normal!important;
  520.     line-height: 0px!important;
  521.     border-radius: 0px!important;
  522.     color:#2565c5!important;
  523.     letter-spacing: 2px!important;
  524.     text-transform:uppercase!important;
  525.     text-shadow: 1px 1px #091931!important;
  526.     position:relative!important;
  527.     left:125px!important;
  528. }
  529.  
  530. .titlebox .fancy-toggle-button {
  531.     display: inline-block;
  532.     margin-right: 5px;
  533.     margin-top: 10px;
  534.     margin-left: 5px;
  535. }
  536.  
  537. .fancy-toggle-button .remove {
  538.     background-image: none;
  539. }
  540.  
  541. .fancy-toggle-button .add {
  542.     background:none;
  543. }
  544.  
  545. .fancy-toggle-button .active {
  546.     border: none!important;
  547.     padding: 0px!important;
  548.     background: none!important;
  549.     background-image:none!important;
  550.     font-size: 8px!important;
  551.     font-weight: normal!important;
  552.     line-height: 0px!important;
  553.     border-radius: 0px!important;
  554.     color:#2565c5!important;
  555.     letter-spacing: 2px!important;
  556.     text-transform:uppercase!important;
  557.     text-shadow: 1px 1px #091931!important;
  558.     position:relative!important;
  559.     left:105px!important;
  560. }
  561.  
  562. .RESDashboardToggle {
  563.     display:none;
  564. }
  565.  
  566. /* SUBSCRIBER COUNT
  567.  --------------------*/
  568. span.subscribers {
  569.     position:absolute;
  570.     top:145px;
  571.     /*left:8px;*/
  572.     text-align:right;
  573.     font-size: 8px;
  574.     font-weight: normal;
  575.     line-height: 0px;
  576.     color:#f7ebc5;
  577.     /*letter-spacing: 2px;*/
  578.     text-transform:uppercase;
  579.     text-shadow: 1px 1px #091931;
  580.     z-index:1000;
  581. }
  582.  
  583. div.titlebox .subscribers span.word {
  584.     display: none
  585. }
  586.  
  587. div.titlebox .subscribers span.number:after {
  588.     content: " moviegoers"
  589. }
  590.  
  591. .users-online::before {
  592.    display:none;
  593. }
  594.  
  595. .users-online {
  596.     position:absolute;
  597.     top:145px;
  598.     right:0px;
  599.     font-size: 8px;
  600.     font-weight: normal;
  601.     line-height: 0px;
  602.     color:#f7ebc5;
  603.     /*letter-spacing: 2px;*/
  604.     text-transform:uppercase;
  605.     text-shadow: 1px 1px #091931;
  606.     z-index:1000;
  607. }
  608.  
  609. div.titlebox .users-online span.word {
  610.     display: none
  611. }
  612.  
  613. div.titlebox .users-online span.number:after {
  614.     content: " online"
  615. }
  616.  
  617. /* MOD/APPROVES SUB TOGGLE BOX
  618.  ------------------------------*/
  619. .titlebox form.toggle, .leavemoderator {
  620.     display:none;
  621. }
  622.  
  623.  
  624. /* 1 "#" FONT
  625.  ---------------*/
  626. .titlebox h1 {
  627.     font-size:19px;
  628.     font-weight: normal;
  629.     text-transform:uppercase;
  630.     letter-spacing: 4px;
  631.     line-height: 29px;
  632.     color: #f7ebc5;
  633.     text-align:center;
  634.     margin-top:10px;
  635.     text-shadow:0px 0px 15px #abcbfb;
  636.     font-family:"courier new";
  637.  
  638. }
  639.  
  640. /* RULES BOX
  641.  ---------------*/
  642. .side .md p {
  643.     margin: 5px 0;
  644.     color: #d5e5fd;
  645.     font-size: 10px;
  646.     text-align: center;
  647.     line-height:16px;
  648. }
  649.  
  650. .side table {
  651.   display: block;
  652.   margin-left: 5px;
  653. }
  654. .side table thead {
  655.   display: none;
  656. }
  657. .side table tbody {
  658.   display: block;
  659.   list-style-type: decimal;
  660.   list-style-position: inside;
  661.   color: black;
  662. }
  663. .side table tbody tr {
  664.   display: list-item;
  665. }
  666. .side table tbody tr:first-child td:first-child {
  667.   border-top: 1px solid #f7ebc5;
  668.   -moz-border-radius-topleft: 3px;
  669.   -webkit-border-top-left-radius: 3px;
  670.   border-top-left-radius: 3px;
  671.   -moz-border-radius-topright: 3px;
  672.   -webkit-border-top-right-radius: 3px;
  673.   border-top-right-radius: 3px;
  674. }
  675. .side table tbody tr:last-child td:first-child, .side table tbody tr:last-child td:last-child {
  676.   border-bottom: 1px solid #f7ebc5;
  677.   -moz-border-radius-bottomleft: 3px;
  678.   -webkit-border-bottom-left-radius: 3px;
  679.   border-bottom-left-radius: 3px;
  680.   -moz-border-radius-bottomright: 3px;
  681.   -webkit-border-bottom-right-radius: 3px;
  682.   border-bottom-right-radius: 3px;
  683. }
  684. .side table tbody tr:last-child:hover td:first-child {
  685.   border-bottom: 0;
  686.   -webkit-border-radius: 0;
  687.   -moz-border-radius: 0;
  688.   -ms-border-radius: 0;
  689.   -o-border-radius: 0;
  690.   border-radius: 0;
  691. }
  692. .side table tbody tr td {
  693.   display: block;
  694.   border: none;
  695. }
  696. .side table tbody tr td:first-child {
  697.   background: #f7ebc5;
  698.   color: black;
  699.   padding: 5px;
  700.   cursor: pointer;
  701.   border: 1px solid #f7ebc5;
  702.   border-top: 0;
  703.   border-bottom: 0;
  704. }
  705. .side table tbody tr td:last-child {
  706.   display: none;
  707.   background-color:#091931;
  708.   color: #d5e5fd;
  709.   border: 1px solid #f7ebc5;
  710.   border-top: 0;
  711.   padding: 5px 5px 10px;
  712. }
  713. .side table tbody tr:hover td:last-child {
  714.   display: block;
  715. }
  716.  
  717. /* RED LINE SEPERATOR IN SIDEBAR - Thanks /u/Sodypop
  718.  -----------------------------------------------------*/
  719. .side hr {
  720.     color: #f7ebc5;
  721.     background-color: #f7ebc5;
  722.     height: 1px;
  723.     width:300px;
  724.     border: 0px;
  725. }
  726.  
  727. /* CREATED BY/ON INFORMATION
  728.  -----------------------------*/
  729. .titlebox .bottom {
  730.     border: 1px solid #040c18;
  731.     background-color:#091931;
  732.     padding: 2px 5px;
  733.     font-size: 80%;
  734.     color: #438bf7;
  735.     margin-top:10px;
  736.     margin-bottom:10px;
  737. }
  738.  
  739. .titlebox .bottom a {
  740.     color: #438bf7;
  741. }
  742.  
  743. /* MOD TOOLS BOX
  744.  -----------------*/
  745.  
  746. div.sidecontentbox div.title h1{
  747.     color:#f7ebc5;
  748.     letter-spacing:2px;
  749. }
  750.  
  751. .collapse-button{
  752.     display:none !important;
  753. }
  754.  
  755. .sidecontentbox .content {
  756.     margin-top: 10px;
  757.     padding: 5px;
  758.     border: 1px solid #040c18;
  759.     background-color:#091931;
  760.     font-size: larger;
  761.     list-style: none;
  762. }
  763.  
  764. .icon-menu a {
  765.     background:none;
  766. }
  767.  
  768. .sidebox.create .morelink {
  769.     display: none;
  770. }
  771.  
  772. .sidebox .spacer {
  773.     display: none;
  774. }
  775.  
  776.  
  777. /* LINKS AND POSTS
  778.  --------------------*/
  779.  
  780. .title.click, .title:visited { color:grey !important; }
  781. .title:link { color:black !important; }
  782.  
  783. .content {
  784.     z-index: 1;
  785.     margin: 80px 5px 0px 0px;
  786. }
  787.  
  788. .link {
  789.     margin: 0;
  790.     margin-top: 10px;
  791.     margin-bottom: 10px;
  792.     padding-left: 3px;
  793.     border-bottom: solid 1px #cbe3fb;
  794.     padding-bottom: 5px;
  795.     padding-top: 5px;
  796. }
  797.  
  798. .link .flat-list a{
  799.     position: relative;
  800.     top: -4px;
  801.     margin: 0px 0px;
  802.     color: grey!important;
  803.     letter-spacing:0px!important;
  804. }
  805.  
  806. .entry {
  807.     overflow: hidden;
  808.     margin-left: 3px;
  809.     opacity: 1;
  810.     padding-right: 10px;
  811. }
  812.  
  813. .link.last-clicked {
  814.     /*border-left: 5px #0e264a solid!important;*/
  815.     border:none;
  816.     overflow: hidden;
  817.     background-color:#cbe3fb;
  818. }
  819.  
  820. .entry .buttons li a {
  821.     position: relative;
  822.     top: -4px;
  823.     margin: 0px 0px;
  824.     color: grey!important;
  825.     letter-spacing:0px!important;
  826. }
  827.  
  828. .link .rank {
  829.     display:none;
  830. }
  831.  
  832. .redditSingleClick {
  833.     top: -4px;
  834.     position: absolute;
  835. }
  836.  
  837. .entry .buttons li.nsfw-stamp {
  838.     top: -5px!important;
  839.     position: relative;
  840. }
  841.  
  842. /* Quotes and Strikethrough
  843. -----------------------------------------*/
  844. .md blockquote, .help blockquote {
  845.     border-left: 3px solid #edd380;
  846.     color: maroon;
  847.     font-style:italic;
  848.     padding-left: 4px;
  849.     margin: 5px;
  850.     margin-right: 15px;
  851. }
  852.  
  853. s, strike, del {
  854.     text-decoration: line-through;
  855.     color:silver;
  856. }
  857.  
  858.  
  859. /* Napoleon Rulez
  860. -----------------------------------*/
  861.  
  862. .side{
  863.   position:static !important;
  864.   padding-top:40px;
  865. }
  866.  
  867. /* Important Link Header
  868. -----------------------------------------*/
  869.  
  870.     .usertext-body .md h6 + h5 + h5 + ul{
  871.         display: block;
  872.         width: 100.1%;
  873.         list-style: none;
  874.         margin: 0;
  875.         padding: 0;
  876.         position: absolute;
  877.         top: 183px;
  878.         left: 0px;
  879.         z-index: 9;
  880.     }
  881.     .usertext-body .md h6 + h5 + h5 + ul li{
  882.         display: block;
  883.         background: #f7ebc5;
  884.         border-bottom: #2565c5 3px solid;
  885.         margin: 0 320px 5px 0;
  886.         white-space: nowrap;
  887.         overflow: hidden;
  888.  
  889.     }
  890.  
  891.     .usertext-body .md h6 + h5 + h5 + ul li strong{
  892.         display: inline-block;
  893.         float:left;
  894.         margin: 12px 5px 5px 10px;
  895.     }
  896.     .usertext-body .md h6 + h5 + h5 + ul li ul{
  897.         display: inline-block;
  898.         padding: 0;
  899.         margin: 0;
  900.         overflow: hidden;
  901.     }
  902.     .usertext-body .md h6 + h5 + h5 + ul li ul li{
  903.         display: inline-block;
  904.         margin: 11px 0 8px 5px;
  905.         border: none;
  906.         white-space: nowrap;
  907.     }
  908.     .usertext-body .md h6 + h5 + h5 + ul li ul li:after{
  909.         display: inline-block;
  910.         content: "|";
  911.         margin: 0 -2px 0 7px;
  912.         color: #BEC7D0;
  913.     }
  914.     .usertext-body .md h6 + h5 + h5 + ul li ul li:last-of-type:after{
  915.         display: none;
  916.     }
  917.  
  918. /* Reddit Gold stuff
  919. -----------------------------------------*/
  920.  
  921. .comment-visits-box label {
  922.     color: black;
  923.     letter-spacing: 0;
  924.     text-transform: none;
  925.     font-weight: normal;
  926. }
  927.  
  928. .roundfield label {
  929.     color: black;
  930.     letter-spacing: 0px;
  931.     text-transform: none;
  932.     font-weight: normal;
  933.     left:0px !important;
  934. }
  935.  
  936. /* Flair
  937. -----------------------------------------*/
  938. .flairselector.drop-choices.active {
  939.     border: 1px solid gray;
  940.     display: block;
  941.     z-index: 10000;
  942.     position: relative;
  943. }
  944.  
  945. .flairoptionpane {
  946.     margin-bottom: 4px;
  947.     max-height: 400px;
  948.     overflow: auto;
  949.     text-align: center;
  950.     margin-top: 10px;
  951. }
  952.  
  953. .flairselector .selected, .flairselector.active li a{
  954.     top:0px!important;
  955. }
  956.  
  957. div.thing a.thumbnail{ margin-left: 10px; height: 50px; }
  958. div.thing a.thumbnail img{ opacity: 1; margin-left: 5px;  width: 65px;}
  959.  
  960. div.flairselector{ width: 400px; }
  961. div.linkflair-special  a.title{  color: #FF6600 !important; }
  962. li div.linkflair-special  a.title{  color: #FF6600 !important; }
  963. li div.linkflair-special:before{  content: "Special things"; }
  964.  
  965. div.linkflair-hideimg a.thumbnail img{ display: none; }
  966. div.linkflair-hideimg a.thumbnail + div.entry > a.toggleImage, a.thumbnail[href*="fbcdn"] + div.entry > a.toggleImage { display: none; }  
  967. li div.linkflair-hideimg:before{  content: "Hide Image Thumb"; }
  968. div.linkflair-hideimg a.thumbnail{
  969.     background-image: url(%%votes%%);
  970.     background-position: 0 -370px;
  971.     background-repeat: no-repeat;
  972.     height: 50px;
  973.     float: left;
  974.     margin: 0 5px;
  975.     overflow: hidden;
  976.     width: 70px;
  977. }
  978.  
  979. div.linkflair-spoilers a.thumbnail{ border-left: 10px solid black; margin-left: 0px; }
  980. div.linkflair-spoilers a.thumbnail:before{ display: block; padding: 2px; padding-top: 20px; padding-bottom: 20px; margin: -10px; margin-top: 0px; content: "SPOILERS!"; background-color: black; color: cyan; width: 77px; font-size: 12px; font-weight: bold;    
  981.     border-bottom-right-radius: 0;
  982.     border-top-right-radius: 0px;  position: absolute; opacity: 1.0; z-index: 100; }
  983. div.linkflair-spoilers a.thumbnail:hover{ border-left: 10px solid red; margin-left: 0px; }
  984. div.linkflair-spoilers a.thumbnail:hover:before{ display: block; padding: 2px; padding-top: 20px; padding-bottom: 20px; margin: -10px; margin-top: 0px; content: "SPOILERS!"; background-color: red; color: black; width: 77px; font-size: 12px; font-weight: bold;    
  985.     border-bottom-right-radius: 0px;
  986.     border-top-right-radius: 0px;  position: absolute; opacity: 1.0; z-index: 100; }
  987. li div.linkflair-spoilers a.title:before{  content: "Topic: Spoilers | "; }
  988.  
  989. div.linkflair-rumour a.thumbnail{ border-left: 10px solid white; margin-left: 0px; }
  990. div.linkflair-rumour a.thumbnail:before{ display: block; padding: 2px; padding-top: 20px; padding-bottom: 20px; margin: -10px; margin-top: 0px; content: "RUMOUR!"; background-color: white; color: red; width: 77px; font-size: 12px; font-weight: bold;    
  991.     border-bottom-right-radius: 0;
  992.     border-top-right-radius: 0px;  position: absolute; opacity: 1.0; z-index: 100;}
  993. li div.linkflair-rumour a.title:before{  content: "Topic: Rumour | "; }
  994.  
  995. div.linkflair-modpost a.thumbnail{ border-left: 10px solid #228B22; margin-left: 0px;}
  996. div.linkflair-modpost a.thumbnail:hover::before{ display: block; padding: 2px; content: "Mod Post"; background-color: #228B22; color: #FFF; width: 120px; font-size: 12px;    
  997.     border-bottom-right-radius: 10px;
  998.     border-top-right-radius: 10px;  position: absolute; opacity: 1.0; z-index: 100; }
  999. li div.linkflair-modpost a.title:before{  content: "Mod Post | "; }
  1000.  
  1001. div.linkflair-discussion a.thumbnail{ border-left: 5px solid #0000CC; margin-left: 0px; }
  1002. div.linkflair-discussion a.thumbnail:hover::before{ display: block; padding: 2px; content: "Discussion"; background-color: #0000CC; color: #FFF; width: 120px; font-size: 12px;    
  1003.     border-bottom-right-radius: 10px;
  1004.     border-top-right-radius: 10px;  position: absolute; opacity: 1.0; z-index: 100; }
  1005. li div.linkflair-discussion a.title:before{  content: "Discussion | "; }
  1006.  
  1007. div.linkflair-review a.thumbnail{ border-left: 5px solid #800080; margin-left: 0px; }
  1008. div.linkflair-review a.thumbnail:hover::before{ display: block; padding: 2px; content: "Recommendation"; background-color: #800080; color: #FFF; width: 120px; font-size: 12px;    
  1009.     border-bottom-right-radius: 10px;
  1010.     border-top-right-radius: 10px;  position: absolute; opacity: 1.0; z-index: 100; }
  1011. li div.linkflair-review a.title:before{  content: "Recommendation | "; }
  1012.  
  1013. div.linkflair-media a.thumbnail{ border-left: 5px solid #FF8C00; margin-left: 0px; }
  1014. div.linkflair-media a.thumbnail:hover::before{ display: block; padding: 2px; content: "Media"; background-color: #FF8C00; color: #FFF; width: 120px; font-size: 12px;    
  1015.     border-bottom-right-radius: 10px;
  1016.     border-top-right-radius: 10px;  position: absolute; opacity: 1.0; z-index: 100; }
  1017. li div.linkflair-media a.title:before{  content: "Media | "; }
  1018.  
  1019. div.linkflair-ama a.thumbnail{ border-left: 5px solid black; margin-left: 0px; }
  1020. div.linkflair-ama a.thumbnail:hover::before{ display: block; padding: 2px; content: "Ask Me Anything!"; background-color: black; color: #FFF; width: 120px; font-size: 12px;    
  1021.     border-bottom-right-radius: 10px;
  1022.     border-top-right-radius: 10px;  position: absolute; opacity: 1.0; z-index: 100; }
  1023. li div.linkflair-ama a.title:before{  content: "AMA | "; }
  1024.  
  1025. div.linkflair-news a.thumbnail{ border-left: 5px solid #4682B4; margin-left: 0px; }
  1026. div.linkflair-news a.thumbnail:hover::before{ display: block; padding: 2px; content: "News"; background-color: #4682B4; color: #FFF; width: 120px; font-size: 12px;    
  1027.     border-bottom-right-radius: 10px;
  1028.     border-top-right-radius: 10px;  position: absolute; opacity: 1.0; z-index: 100; }
  1029. li div.linkflair-news a.title:before{  content: "Topic: News | "; }
  1030.  
  1031. div.linkflair-tomt a.thumbnail{ border-left: 5px solid #87CEEB; margin-left: 0px; }
  1032. div.linkflair-tomt a.thumbnail:hover::before{ display: block; padding: 2px; content: "Tip of My Tongue"; background-color: #87CEEB; color: #FFF; width: 120px; font-size: 12px;    
  1033.     border-bottom-right-radius: 10px;
  1034.     border-top-right-radius: 10px;  position: absolute; opacity: 1.0; z-index: 100; }
  1035. li div.linkflair-tomt a.title:before{  content: "TOMT | "; }
  1036.  
  1037. div.linkflair-article a.thumbnail{ border-left: 5px solid #C0C0C0; margin-left: 0px; }
  1038. div.linkflair-article a.thumbnail:hover::before{ display: block; padding: 2px; content: "Article"; background-color: #C0C0C0; color: #FFF; width: 120px; font-size: 12px;    
  1039.     border-bottom-right-radius: 10px;
  1040.     border-top-right-radius: 10px;  position: absolute; opacity: 1.0; z-index: 100; }
  1041. li div.linkflair-article a.title:before{  content: "Article | "; }
  1042.  
  1043. div.linkflair-fanart a.thumbnail{ border-left: 5px solid #FAAFBE; margin-left: 0px; }
  1044. div.linkflair-fanart a.thumbnail:hover::before{ display: block; padding: 2px; content: "Fan Art"; background-color: #FAAFBE; color: #FFF; width: 120px; font-size: 12px;    
  1045.     border-bottom-right-radius: 10px;
  1046.     border-top-right-radius: 10px;  position: absolute; opacity: 1.0; z-index: 100; }
  1047. li div.linkflair-fanart a.title:before{  content: "Fan Art | "; }
  1048.  
  1049. div.linkflair-trailers a.thumbnail{ border-left: 5px solid red; margin-left: 0px; }
  1050. div.linkflair-trailers a.thumbnail:hover::before{ display: block; padding: 2px; content: "Trailer"; background-color: red; color: #FFF; width: 120px; font-size: 12px;    
  1051.     border-bottom-right-radius: 10px;
  1052.     border-top-right-radius: 10px;  position: absolute; opacity: 1.0; z-index: 100; }
  1053. li div.linkflair-trailers a.title:before{  content: "Trailer | "; }
  1054.  
  1055.  
  1056. /* Subreddit settings font fix
  1057. -----------------------------------------*/
  1058.  
  1059. .linefield label {
  1060.     cursor: default;
  1061.     color: #2565c5;
  1062.     letter-spacing: 0px;
  1063.     text-transform: none;
  1064.     font-weight: normal;
  1065.     font-size: 10px;
  1066.     position: relative;
  1067.     left: 0px!important;
  1068. }
  1069.  
  1070.  
  1071. /* Spoilers
  1072. -----------------------------------------*/
  1073. a[href="#s"] {
  1074.     visibility: hidden;
  1075.     display: inline-block
  1076.  }
  1077. a[href="#s"]::after {
  1078.     content: attr(title);
  1079.     background: #0e264a;
  1080.     color: #0e264a;
  1081.     visibility: visible
  1082. }
  1083. a[href="#s"]:hover::after, a[href="#s"]:active::after {
  1084.     color: white;
  1085. }
  1086.  
  1087.  
  1088.  
  1089. /* Spoilers
  1090. -----------------------------------------*/
  1091.  
  1092. .arrow.up { background-image: url(%%UpNotClicked%%);
  1093. background-position: 00px 0px;
  1094. height: 14px; width: 15px;
  1095. }
  1096. .arrow.upmod {
  1097. background-image: url(%%UpClicked%%);
  1098. background-position: 00px 0px;
  1099. height: 14px; width: 15px;  
  1100. }
  1101. .arrow.down { background-image: url(%%DownNotClicked%%);
  1102. background-position: 00px 0px;
  1103. height: 14px; width: 15px;
  1104. }
  1105. .arrow.downmod {
  1106. background-image: url(%%DownClicked%%);
  1107. background-position: 00px 0px;
  1108. height: 14px; width: 15px;
  1109. }
  1110.  
  1111.  
  1112.  
  1113. /* User Flair
  1114. -----------------------------------------*/
  1115.  
  1116. .flair-blue {
  1117.     background: #ddf3f9 ;
  1118.     border: 1px solid #2bc8f3 ;
  1119.     color: #2a7083;
  1120. }
  1121.  
  1122.  
  1123. /*mod buttons
  1124. -----------------------------------------*/
  1125.  
  1126. .entry .buttons li.reported-stamp {
  1127.     color:black!important;
  1128. }
  1129.  
  1130. a.pretty-button.negative, a.pretty-button.neutral, a.pretty-button.positive {
  1131.     color:black!important;
  1132. }
  1133.  
  1134. .usertext.grayed .usertext-body {
  1135.     background:none;
  1136. }
  1137.  
  1138. .toggle .error .entry .buttons li a {
  1139.     top:-4px!important;
  1140.     position:relative!important;
  1141. }
  1142.  
  1143. /*  Highlight Title
  1144. -----------------------------------------*/
  1145.  
  1146. div.self:not(.linkflair-noflair) a.title[href*="we_are_billy_blair_greg_ingram_stephen_brodie"], :not(.linkflair-noflair) a.title[srcurl$="we_are_billy_blair_greg_ingram_stephen_brodie"], :not(.linkflair-noflair) a.title[href$="respond_via_video"], div.self:not(.linkflair-noflair) a.title[href*="we_are_billy_blair_greg_ingram_stephen_brodie"], :not(.linkflair-noflair) a.title[srcurl$="we_are_billy_blair_greg_ingram_stephen_brodie"], :not(.linkflair-noflair) a.title[href$="respond_via_video"] {
  1147.     background: #0e264a;
  1148.     border: 1px solid #FFA500;
  1149.     line-height: 2em;
  1150.     padding: 3px;
  1151.     -webkit-border-radius: 5px;
  1152.     -moz-border-radius: 5px;
  1153.     border-radius: 5px;
  1154.     color: #FFA500!important;
  1155. }
  1156.  
  1157. div.self:not(.linkflair-noflair) a.title[href*="the_sin_city_machete_lone_ranger_ama_video_is"], :not(.linkflair-noflair) a.title[srcurl$="the_sin_city_machete_lone_ranger_ama_video_is"], :not(.linkflair-noflair) a.title[href$="respond_via_video"], div.self:not(.linkflair-noflair) a.title[href*="the_sin_city_machete_lone_ranger_ama_video_is"], :not(.linkflair-noflair) a.title[srcurl$="the_sin_city_machete_lone_ranger_ama_video_is"], :not(.linkflair-noflair) a.title[href$="respond_via_video"] {
  1158.     background: #0e264a;
  1159.     border: 1px solid #FFA500;
  1160.     line-height: 2em;
  1161.     padding: 3px;
  1162.     -webkit-border-radius: 5px;
  1163.     -moz-border-radius: 5px;
  1164.     border-radius: 5px;
  1165.     color: #FFA500!important;
  1166. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!