API tools faq
paste
Advertisement
Guest User

shipwirecss

a guest
Mar 13th, 2018
84
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 25.72 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. /***********
  4.            MISC.
  5.               **********/
  6.  
  7.  
  8. .md a:hover {
  9.     text-decoration: underline;
  10. }
  11.  
  12. body {
  13.     background-color: #ec7241;
  14. }
  15.  
  16. body > .content {
  17.     margin-top: 12px;
  18.     margin-left: 12px;
  19. }
  20.  
  21. button {
  22.     background: #ec7241;
  23.     border: 1px solid #ccc;
  24.     padding: 4px 10px;
  25.     border-radius: 2px;
  26. }
  27.  
  28. button:hover {
  29.     background: #e6e6e6;
  30.     border: 1px solid #a6a6a6;
  31. }
  32.  
  33. #stylesheet_contents {
  34.     width: 95%;
  35.     margin-left: 2%;
  36. }
  37.  
  38. ::selection {
  39.     background-color: #ec7241;
  40.     color: #fff;
  41. }
  42.  
  43. body::-webkit-scrollbar {
  44.     width: 1em;
  45. }
  46.  
  47. body::-webkit-scrollbar-track {
  48.     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  49. }
  50.  
  51. body::-webkit-scrollbar-thumb {
  52.   background-color: darkgrey;
  53.   outline: 1px solid slategrey;
  54. }
  55.  
  56.  
  57.  
  58. /***********
  59.          USERBAR
  60.               **********/
  61.  
  62.  
  63.  
  64. #header-bottom-right a:hover {
  65.     text-decoration: underline;
  66. }
  67.  
  68. #header-bottom-right,
  69. .res #header-bottom-right {
  70.     position: absolute;
  71.     right: 0px;
  72.     top: 184px;
  73.     background-color: white;
  74.     border: 0;
  75.     border-radius: 0px;
  76.     padding: 5px 12px;
  77.     line-height: 22px;
  78.     height: 22px;
  79.     padding: 5px 10px;
  80.     text-align: center;
  81. }
  82.  
  83. #header-bottom-right a,
  84. #header-bottom-right .user,
  85. #header-bottom-right .separator {
  86.     color: #666;
  87.     font-size: 14px;
  88.     font-family: "Segoe UI", sans-serif;
  89.     font-weight: normal;
  90.     line-height: 17px;
  91. }
  92.  
  93. #header-bottom-right a:hover {
  94.     text-decoration: none;
  95.     color: black;
  96. }
  97.  
  98. #header-bottom-right .separator {
  99.     color: #777;   
  100. }
  101.  
  102. #header-bottom-right .user .userkarma {
  103.     display: none;
  104. }
  105.  
  106. #header-bottom-right .user {
  107.     font-size: 0px!important;
  108. }
  109.  
  110. #header-bottom-right #RESAccountSwitcherIcon  {
  111.     position: relative;
  112.     bottom: 3px;
  113. }
  114.  
  115.  
  116.  
  117. /***********
  118.        TOP NAVBAR
  119.               **********/
  120.  
  121.  
  122.  
  123. #sr-header-area {
  124.     background: #f0f0f0;
  125.     border-bottom: none;
  126. }
  127.  
  128. #sr-header-area a {
  129.     color: #373737;
  130. }
  131.  
  132.  
  133.  
  134. /***********
  135.  COMMENTS PAGE AUTHOR TAG
  136.               **********/
  137.  
  138.  
  139.  
  140. .res .thing .tagline .author.submitter {
  141.     background-color: transparent!important;
  142.     color: blue!important;
  143. }
  144.  
  145. .res .thing .tagline .author.moderator {
  146.     background-color: transparent!important;
  147.     color: green!important;
  148. }
  149.  
  150. .res .thing .tagline .author.submitter:hover,
  151. .res .thing .tagline .author.moderator:hover {
  152.     background-color: transparent!important;
  153. }
  154.  
  155.  
  156.  
  157. /***********
  158.       POSTS (LINKS)
  159.               **********/
  160.  
  161.  
  162. .link {
  163.     margin: 0px 335px 10px 0px;
  164.     background-color: #fff;
  165.     border: 1px solid #f4f4f4;
  166.     border-left: 4px solid #e6e6e6;
  167.     box-shadow: 0px 1px 2px rgba(0,0,0,0.03);
  168.     border-radius: 2px;
  169. }
  170.  
  171. .link.last-clicked {
  172.     border: 0;
  173.     border-left: 4px solid #ccc;
  174. }
  175.  
  176. .link .entry {
  177.     padding: 15px;
  178. }
  179.  
  180. .nsfw-stamp {
  181.     border: 0;
  182.     background-color: transparent;
  183.     color: #ff8080;
  184.     font-weight: bold;
  185. }
  186.  
  187. .spoiler-stamp {
  188.     border: 0;
  189.     background-color: transparent;
  190.     color: #9cb3c9;
  191.     font-weight: bold;
  192. }
  193.  
  194. .link .thumbnail.self {
  195.     margin-top: 15px;
  196.     margin-left: 8px;
  197.     background-color: #eee;
  198.     background-image: none;
  199.     height: 60px;
  200.     width: 60px;
  201.     border-radius: 30px;
  202. }
  203.  
  204. .link .thumbnail.self:after {
  205.     content: "TEXT";
  206. }
  207.  
  208. .link .thumbnail img {
  209.     margin-top: 15px;
  210.     margin-left: 8px;
  211.     height: 60px;
  212.     width: 60px;
  213.     border-radius: 30px;
  214. }
  215.  
  216. .thing.stickied .thumbnail.self {
  217.     background-color: #69c9bb;
  218. }
  219.  
  220. .thing.stickied .thumbnail.self:after {
  221.     content: "STICKY";
  222.     color: #fff;
  223.     margin-left: 7px;
  224. }
  225.  
  226. .link .thumbnail.self:after,
  227. .link .thumbnail.nsfw:after,
  228. .link .thumbnail.spoiler:after {
  229.     font-family: "Segoe UI", "Arial", sans-serif;
  230.     font-weight: bold;
  231.     letter-spacing: 0.5px;
  232.     font-size: 13px;
  233.     color: #bfbfbf;
  234.     line-height: 60px;
  235.     margin-left: 13px;
  236. }
  237.  
  238. .link .thumbnail.nsfw,
  239. .link .thumbnail.spoiler {
  240.     margin-top: 14px;
  241.     margin-left: 8px;
  242.     background-image: none;
  243.     height: 60px;
  244.     width: 60px;
  245.     border-radius: 30px;
  246. }
  247.  
  248. .link .thumbnail.nsfw {
  249.     background-color: #ff8080;
  250. }
  251.  
  252. .link .thumbnail.spoiler {
  253.     background-color: #9cb3c9;
  254. }
  255.  
  256. .link .thumbnail.nsfw:after {
  257.     content: "NSFW";
  258.     color: #fff;
  259.     margin-left: 11px;
  260. }
  261.  
  262. .link .thumbnail.spoiler:after {
  263.     content: "SPOILER";
  264.     color: #fff;
  265.     margin-left: 2px;
  266. }
  267.  
  268. .expando-button {
  269.     background-color: #e1e1e1;
  270.     background-image: none!important;
  271.     border: 2px solid #fff;
  272.     position: absolute;
  273.     margin-left: -50px;
  274.     margin-top: 10px;
  275.     height: 20px;
  276.     width: 20px;
  277.     border-radius: 20px;
  278. }
  279.  
  280. .expando-button.expanded {
  281.     background-color: #ccc;
  282. }
  283.  
  284. .thing.stickied .expando-button {
  285.     background-color: #b4e4dd;
  286. }
  287.  
  288. .thing.stickied .expando-button.expanded {
  289.     background-color: #8fd6cc;
  290. }
  291.  
  292. #progressIndicator,
  293. .NERPageMarker {
  294.     border: 1px solid #e1e1e1;
  295.     background-color: #f0f0f0;
  296.     border-radius: 0px;
  297.     margin: 10px 335px 10px 0px;
  298.     border-radius: 2px;
  299. }
  300.  
  301. .link .midcol {
  302.     position: relative;
  303.     top: 20px;
  304. }
  305.  
  306. .arrow.up:hover {
  307.     background-position: 0px -45px;
  308. }
  309.  
  310. .arrow.down:hover {
  311.     background-position: 0px -15px;
  312. }
  313.  
  314. .link .rank,
  315. .domain {
  316.     display: none;
  317. }
  318.  
  319. .link .usertext-body .md {
  320.     border: none;
  321.     border-radius: 0px;
  322.     background: transparent;
  323.     padding: 10px;
  324. }
  325.  
  326. .link .entry .buttons li a,
  327. .link .tagline {
  328.     color: #999;
  329.     font-weight: 100;
  330.     font-size: x-small;
  331. }
  332.  
  333. .link .entry .buttons li a:hover {
  334.     text-decoration: none;
  335.     color: #333;
  336. }
  337.  
  338. .link .tagline a {
  339.     font-size: x-small;
  340. }
  341.  
  342. .link .title {
  343.     font-size: 18.5px;
  344.     font-family: "Segoe UI", "Arial", sans-serif;
  345.     margin-bottom: 5px;
  346. }
  347.  
  348. .thing .title {
  349.     color: #ec7241;
  350. }
  351.  
  352. .thing .title:visited {
  353.     color: #C04422;
  354. }
  355.  
  356. .thing.stickied.link a.title {
  357.     color: #FC9136;
  358. }
  359.  
  360. .tagline .stickied-tagline {
  361.     color: #C04422;
  362. }
  363.  
  364. .res .RES-keyNav-activeElement,
  365. .res .commentarea .RES-keyNav-activeElement .md,
  366. .res .RES-keyNav-activeElement .md-container,
  367. .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  368.     background-color: transparent!important;
  369.     outline: none!important;
  370. }
  371.  
  372. .res .RES-keyNav-activeElement {
  373.     border-right: 2px solid #69c9bb;
  374. }
  375.  
  376. .thing .entry.res-selected,
  377. .thing .entry.res-selected .md-container {
  378.     background-color: transparent!important;
  379.     outline: none!important;
  380. }
  381.  
  382. .link:hover .entry {
  383.     background-color: #fafcfd!important;
  384. }
  385.  
  386. .titlebox .redditname a {
  387.     color: #fff;
  388.     font-size: 14px;
  389.     font-family: "Segoe UI", "Arial", sans-serif;
  390.     text-transform: uppercase;
  391.     letter-spacing: 0.5px;
  392.     background-color: #FD925C ;
  393.     border: 0;
  394.     border-radius: 3.5px;
  395.     text-align: center;
  396.     display: block;
  397.     width: 300px;
  398.     height: 38px;
  399.     line-height: 38px;
  400.     padding: 0;
  401.     margin: 0;
  402. }
  403.  
  404. .titlebox .redditname a:hover {
  405.     text-decoration: none;
  406.     background: #FD925C;
  407. }
  408.  
  409. /***********
  410.         PAGENAME
  411.               **********/
  412.  
  413. .pagename {
  414.     position: absolute;
  415.     top: 69px;
  416.     left: 50%;
  417.     -webkit-transform: translateX(-50%);
  418.     transform: translateX(-50%);
  419.     font-size: 0px;
  420.     display:none;
  421. }
  422.  
  423. .pagename a {
  424.     font-size: 54px;
  425.     color: #fff;
  426.     font-family: "Arial", sans-serif;
  427.     letter-spacing: -2px;
  428.     text-transform: uppercase;
  429.     font-variant: none;
  430.     transition: 0.2s;
  431. }
  432.  
  433. .pagename a:before {
  434.     content: "/r/";
  435.     font-variant: none;
  436.     text-transform: lowercase;
  437.     font-size: 70%;
  438.     letter-spacing: -1px;
  439. }
  440.  
  441. .pagename a:hover {
  442.     text-decoration: none;
  443.     opacity: 0.8;
  444. }
  445.  
  446.  
  447.  
  448. /***********
  449.          HEADER
  450.               **********/
  451.  
  452.  
  453. #header {
  454.     height: 180px;
  455.     background-color: #598cc0;
  456.     border-bottom: 40px solid #fff;
  457. }
  458.  
  459.  
  460. #header-img.default-header {
  461.     position: absolute;
  462.     right: 5px;
  463.     bottom: -3px;
  464.     width: 35px;
  465.     height: 27px;
  466.     transition: 300ms ease;
  467.     z-index: 9999!important;
  468.     opacity: 0.85;
  469. }
  470.  
  471. #header-img.default-header:hover {
  472.     height: 30px;
  473.     opacity: 1;
  474. }
  475.  
  476.  
  477.  
  478. /***********
  479.          TABMENU
  480.               **********/
  481.  
  482.  
  483. #header .tabmenu {
  484.     position: absolute;
  485.     top: 175px;
  486.     left: 0px;
  487.     border-radius: 2px;
  488. }
  489.  
  490. #header .tabmenu:hover {
  491.     box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  492. }
  493.  
  494. #header .tabmenu li:not(:first-of-type) a {
  495.     display: block;
  496.     height: 0px;
  497.     padding: 0px 0px 0px 6px;
  498.     overflow: hidden;
  499. }
  500.  
  501. #header .tabmenu li:first-of-type a {
  502.     transition: 0s!important;
  503.     border-left: 6px solid #ec7241
  504.         ;
  505.     background-color: #fff;
  506.     padding: 10px 8px;
  507.     display: block;
  508.     height: 20px;
  509. }
  510.  
  511. #header .tabmenu:hover li a {
  512.     padding: 10px 8px;
  513.     height: 20px;
  514. }
  515.  
  516. #header .tabmenu li {
  517.     margin: 0;
  518.     display: block;
  519. }
  520.  
  521. #header .tabmenu li a {
  522.     color: #ec7241;
  523.     background-color: #fff;
  524.     font-size: 14px;
  525.     font-family: "Segoe UI", sans-serif;
  526.     text-transform: uppercase;
  527.     letter-spacing: 0.2;
  528.     display: block;
  529.     text-align: left;
  530.     margin: 0;
  531.     padding: 6px 8px;
  532.     transition: 0.2s;
  533.     border: 0;
  534. }
  535.  
  536. #header .tabmenu li.selected a {
  537.     color: #E58962;
  538. }
  539.  
  540. #header .tabmenu li.selected a,
  541. #header .tabmenu li:hover a {
  542.     background-color: #fff;
  543.     border-left: 6px solid #E58962;
  544. }
  545.  
  546. #header .tabmenu li:first-of-type a {
  547.     width: 130px;
  548. }
  549.  
  550.  
  551.  
  552. /***********
  553.      SIDEBAR BUTTONS
  554.               **********/
  555.  
  556.  
  557. .morelink {
  558.     background: none;
  559.     border: none;
  560.     margin-bottom: 15px;
  561. }
  562.  
  563. .nub {
  564.     display: none;
  565. }
  566.  
  567. .morelink a {
  568.     color: #fff;
  569.     font-size: 14px;
  570.     text-transform: uppercase;
  571.     font-family: "Segoe UI", "Arial", sans-serif;
  572.     letter-spacing: 0.2px;
  573.     background-color: #E58B64;
  574.     border: 0;
  575.     border-radius: 3.5px;
  576.     display: block;
  577.     width: 300px;
  578.     height: 40px;
  579.     line-height: 40px;
  580.     padding: 0;
  581.     margin: 0;
  582. }
  583.  
  584. .morelink a:hover {
  585.     background: #ec7241;
  586.     color: #fff;
  587. }
  588.  
  589. .users-online,
  590. .subscribers {
  591.     display: block;
  592.     font-family: Arial, sans-serif;
  593.     font-size: 13px;
  594.     color: #666;
  595.     letter-spacing: 0.5px;
  596.     font-weight: normal;
  597.     text-align: center;
  598.     background-color: white;
  599.     border-radius: 2px;
  600.     margin: 0 10px;
  601.     box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  602. }
  603.  
  604. .subscribers {
  605.     margin-top: 10px;
  606.     font-size: 140%;
  607.     border-radius: 2px 2px 0 0;
  608.     padding-top: 10px;
  609.     margin-top: 10px;
  610. }
  611.  
  612. body.res .subscribers {
  613.     margin-top: 35px;
  614. }
  615.  
  616. .users-online {
  617.     margin-bottom: 10px;
  618.     padding-bottom: 10px;
  619.     border-radius: 0 0 2px 2px;
  620. }
  621.  
  622. .users-online:before {
  623.     display: none;
  624. }
  625.  
  626. .subButtons {
  627.     text-align: center;
  628. }
  629.  
  630. .res-sr-style-toggle {
  631.     display: none;
  632. }
  633.  
  634. .RESshortcutside,
  635. .RESDashboardToggle,
  636. .RESshortcutside.remove,
  637. .RESDashboardToggle.remove {
  638.     font-family: Arial, sans-serif;
  639.     font-size: 13px;
  640.     color: #808080;
  641.     letter-spacing: 0.5px;
  642.     font-weight: normal;
  643.     border: 0;
  644.     border-radius: 2px;
  645.     background-image: none;
  646.     background-color: #e6e6e6;
  647.     display: inline-block;
  648.     width: 120px;
  649.     height: 17px;
  650.     line-height: 17px;
  651.     margin: 5px 0 0 0;
  652. }
  653.  
  654. .RESshortcutside {
  655.     float: left;
  656.     margin-left: 10px!important;
  657. }
  658.  
  659. .RESDashboardToggle {
  660.     float: right;
  661.     margin-right: 10px!important;
  662. }
  663.  
  664. .RESshortcutside:hover,
  665. .RESDashboardToggle:hover,
  666. .RESshortcutside.remove:hover,
  667. .RESDashboardToggle.remove:hover {
  668.     background: #d9d9d9;
  669. }
  670.  
  671. .fancy-toggle-button .active {
  672.     display: block!important;
  673.     width: 280px;
  674.     height: 33px;
  675.     line-height: 33px;
  676.     padding: 0;
  677.     margin: 15px 10px -5px 10px;
  678.     background-image: none;
  679.     background-color: #85e085;
  680.     border: 0;
  681.     font-family: Arial, sans-serif;
  682.     font-size: 14px;
  683.     text-transform: uppercase;
  684.     text-align: center;
  685.     color: #fff;
  686.     font-weight: bold;
  687.     letter-spacing: 0.5px;
  688.     border-radius: 3.5px;
  689. }
  690.  
  691. body.subscriber .fancy-toggle-button .active {
  692.     background-color: #f0f0f0;
  693.     color: #a6a6a6;
  694.     text-transform: lowercase;
  695.     font-weight: normal;
  696. }
  697.  
  698. .fancy-toggle-button .active:hover {
  699.     background-color: #71da71;
  700. }
  701.  
  702.  
  703.  
  704. /***********
  705.         SIDEBAR
  706.               **********/
  707.  
  708.  
  709. .side {
  710.     background: #f8f8f8;
  711.     padding: 10px;
  712.     margin: 8px;
  713.     padding-top: 5px;
  714. }
  715.  
  716. .flairselector h2 {
  717.     background-color: #D08443;
  718.     color: #fff;
  719.     font-weight: 500;
  720. }
  721.  
  722. /* sidebar formatting */
  723.  
  724. .md h1 {
  725.     color: #262626;
  726.     font-size: large;
  727.     text-transform: uppercase;
  728.     font-family: "Segoe UI", "Arial", sans-serif;
  729.     letter-spacing: 0.2px;
  730. }
  731.  
  732. .md h2 {
  733.     color: #404040;
  734.     font-size: medium;
  735.     text-transform: uppercase;
  736.     font-family: "Segoe UI", "Arial", sans-serif;
  737.     letter-spacing: 0.2px;
  738. }
  739.  
  740. .side .titlebox .md h1,
  741. .side .titlebox .md h2 {
  742.     text-align: center;
  743. }
  744.  
  745. .side .titlebox .md h1 {
  746.     display: block;
  747.     color: #333;
  748.     font-size: 20px;
  749. }
  750.  
  751. .md h3 {
  752.     color: #595959;
  753.     font-size: medium;
  754.     font-family: "Segoe UI", "Arial", sans-serif;
  755.     letter-spacing: 0px;
  756. }
  757.  
  758. .md blockquote {
  759.     margin: 10px;
  760.     padding: 10px;
  761.     background-color: #fff;
  762.     border: 1px solid #eee;
  763.     border-left: 4px solid #e1e1e1;
  764. }
  765.  
  766. .md pre {
  767.     margin: 10px;
  768.     padding: 10px;
  769.     background-color: #f0f0f0!important;
  770.     border: 1px solid #e1e1e1;
  771. }
  772.  
  773. .md hr {
  774.     background-color: #bfbfbf;
  775.     margin: 20px 35px;
  776.     height: 1px;
  777. }
  778.  
  779. .md h6,
  780. .md h6 a {
  781.     text-decoration: none!important;
  782. }
  783.  
  784. .side .titlebox .md h6 a {
  785.     display: block;
  786.     margin-left: 30px;
  787.     margin-right: 30px;
  788.     padding: 6px 0px;
  789.     background-color: #ec7241;
  790.     color: #fff;
  791.     text-align: center;
  792.     font-weight: 500;
  793.     font-family: "Segoe UI", "Arial", sans-serif;
  794.     font-size: 1em;
  795.     border-radius: 2px;
  796. }
  797.  
  798. .side .titlebox .md h6 a:hover {
  799.     background-color: #ec7241;
  800. }
  801.  
  802. /* end sidebar formatting */
  803.  
  804. .sidecontentbox .title h1 {
  805.     color: #fff;
  806.     font-weight: normal;
  807.     display: block;
  808.     height: 30px;
  809.     line-height: 30px;
  810.     padding-left: 10px;
  811.     background-color: #ec7241;
  812.     text-transform: lowercase;
  813.     border-radius: 3.5px 3.5px 0 0;
  814.     box-shadow: 0px 1px 2px rgba(0,0,0,0.05);
  815. }
  816.  
  817. .sidecontentbox .collapse-button {
  818.     position: absolute;
  819.     margin-left: 280px;
  820. }
  821.  
  822. .sidecontentbox a.helplink {
  823.     color: #333;
  824.     background-color: #fff;
  825.     border: 1px solid #e1e1e1;
  826.     padding: 4px 12px;
  827.     margin-right: 4px;
  828.     border-radius: 2px;
  829. }
  830.  
  831. .sidecontentbox a.helplink:hover {
  832.     border: 1px solid #808080;
  833. }
  834.    
  835. .side .content {
  836.     background: #fff;
  837.     border: 1px solid #fff;
  838.     border-radius: 0 0 3.5px 3.5px;
  839.     box-shadow: 0px 1px 2px rgba(0,0,0,0.05);
  840. }
  841.  
  842. .side .content:hover {
  843.     border: 1px solid #e1e1e1;
  844.     border-top: 1px solid #fff;
  845. }
  846.  
  847. .side .titlebox .md {
  848.     background: transparent;
  849.     padding: 5px;
  850.     margin: 5px 0px;
  851.     border-bottom: 1px solid #bfbfbf;
  852.     padding-bottom: 25px;
  853.     margin-bottom: 15px;
  854. }
  855.  
  856. .side .titlebox .bottom {
  857.     border: none;
  858.     margin: 5px 0px 25px 0px;
  859.     border-bottom: 1px solid #bfbfbf;
  860.     padding-bottom: 20px;
  861. }
  862.  
  863. .sidebox.create,
  864. .leavemoderator,
  865. .leavecontributor-button {
  866.     display: none;
  867. }
  868.  
  869. .titlebox form.flairtoggle {
  870.     margin: 20px 0px 0px 0px;
  871.     padding: 0px 0px 6px 0px;
  872.     text-align: center;
  873.     border: 1px solid #fff;
  874.     border-bottom: none;
  875.     background-color: #fff;
  876.     box-shadow: 0px 1px 2px rgba(0,0,0,0.05);
  877. }
  878.  
  879. .titlebox form.flairtoggle:before {
  880.     display: block;
  881.     background-color: #ec7241;
  882.     content: "FLAIR";
  883.     height: 20px;
  884.     line-height: 20px;
  885.     color: #fff;
  886.     font-weight: normal;
  887.     height: 30px;
  888.     line-height: 30px;
  889.     padding-left: 10px;
  890.     text-transform: lowercase;
  891.     font-size: 130%;
  892.     text-align: left;
  893.     margin-bottom: 5px;
  894.     border-radius: 3.5px 3.5px 0 0;
  895.     box-shadow: 0px 1px 2px rgba(0,0,0,0.05);
  896. }
  897.  
  898. .titlebox .tagline {
  899.     margin: 0px;
  900.     padding: 0px 0px 10px 0px;
  901.     text-align: center;
  902.     font-size: 105%;
  903.     border: 1px solid #fff;
  904.     border-top: none;
  905.     background: #fff;
  906.     border-radius: 0 0 3.5px 3.5px;
  907.     box-shadow: 0px 1px 2px rgba(0,0,0,0.05);
  908. }
  909.  
  910. #search input[type=text] {
  911.     padding: 10px;
  912.     border: 1px solid #e1e1e1;
  913.     border-radius: 3.5px;
  914.     font-family: Arial, sans-serif;
  915.     letter-spacing: 0.2px;
  916.     z-index: 9999;
  917.     box-shadow: 0px 1px 2px rgba(0,0,0,0.03);
  918. }
  919.  
  920. #search input[type=text]:hover {
  921.     border: 1px solid #bfbfbf;
  922. }
  923.  
  924. #searchexpando {
  925.     background-color: white;
  926.     border-radius: 2px;
  927.     box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  928.     border: none;
  929.     padding: 20px;
  930.     margin: 10px 10px 0 10px;
  931. }
  932.  
  933.  
  934.  
  935. /***********
  936.          FLAIRS
  937.               **********/
  938.  
  939.  
  940. .flair,
  941. .linkflair .linkflairlabel {
  942.     font-size: 14px;
  943.     color: #808080;
  944.     font-weight: 500;
  945.     padding: 2px 8px;
  946.     max-width: none;
  947.     border-radius: 2px;
  948. }
  949.  
  950. .linkflairlabel {
  951.     position: relative;
  952.     top: 3px;
  953. }
  954.  
  955. .flair {
  956.     font-size: 11px!important;
  957. }
  958.  
  959. .res .flair {
  960.     margin-left: 5px;
  961. }
  962.  
  963. .flair-userorange {
  964.     color: #fff;
  965.     background-color: #faa47a;
  966.     border: 1px solid #faa47a;
  967. }
  968.  
  969. .flair-usergreen {
  970.     color: #fff;
  971.     background-color: #9fdf9f;
  972.     border: 1px solid #9fdf9f;
  973. }
  974.  
  975. .linkflair-green .linkflairlabel {
  976.     color: #fff;
  977.     background: #9fdf9f;
  978.     border: 1px solid #9fdf9f;
  979. }
  980.  
  981. .linkflair-blue .linkflairlabel {
  982.     color: #fff;
  983.     background: #6699cc;
  984.     border: 1px solid #6699cc;
  985. }
  986.  
  987. .linkflair-red .linkflairlabel {
  988.     color: #fff;
  989.     background: #ff8080;
  990.     border: 1px solid #ff8080;
  991. }
  992.  
  993. .linkflair-aqua .linkflairlabel {
  994.     color: #fff;
  995.     background: #69c9bb;
  996.     border: 1px solid #69c9bb;
  997. }
  998.  
  999. .linkflair-orange .linkflairlabel {
  1000.     color: #fff;
  1001.     background: #faa47a;
  1002.     border: 1px solid #faa47a;
  1003. }
  1004.  
  1005. .linkflair-aquathumb .linkflairlabel,
  1006. .linkflair-aquathumb .thumbnail {
  1007.     background-color: #ED9B49;
  1008.     border: 0!important;
  1009.     color: #fff!important;
  1010. }
  1011.  
  1012. .linkflair-greenthumb .linkflairlabel,
  1013. .linkflair-greenthumb .thumbnail {
  1014.     background-color: #9fdf9f!important;
  1015.     border: 0!important;
  1016.     color: #fff!important;
  1017. }
  1018.  
  1019. .linkflair-bluethumb .linkflairlabel,
  1020. .linkflair-bluethumb .thumbnail {
  1021.     background-color: ##ED9B49!important;
  1022.     border: 0!important;
  1023.     color: #fff!important;
  1024. }
  1025.  
  1026. .linkflair-redthumb .linkflairlabel,
  1027. .linkflair-redthumb .thumbnail {
  1028.     background-color: #ff8080!important;
  1029.     border: 0!important;
  1030.     color: #fff!important;
  1031. }
  1032.  
  1033. .linkflair-orangethumb .linkflairlabel,
  1034. .linkflair-orangethumb .thumbnail {
  1035.     background-color: #faa47a!important;
  1036.     border: 0!important;
  1037.     color: #fff!important;
  1038. }
  1039.  
  1040. .linkflair-aquathumb .thumbnail:after,
  1041. .linkflair-redthumb .thumbnail:after,
  1042. .linkflair-bluethumb .thumbnail:after,
  1043. .linkflair-greenthumb .thumbnail:after,
  1044. .linkflair-orangethumb .thumbnail:after {
  1045.     color: #fff!important;
  1046. }
  1047.  
  1048.  
  1049. /***********
  1050.       COMMENTS PAGE
  1051.               **********/
  1052.  
  1053.  
  1054. .comments-page .comment,
  1055. .comment .comment, /*targets child comments*/
  1056. .res-commentBoxes .thing.comment .thing.comment /*overrides RES CSS*/ {
  1057.     padding: 10px!important;
  1058.     border: 1px solid #eee!important;
  1059.     border-radius: 2px!important;
  1060. }
  1061.  
  1062. .res-commentBoxes.res-commentBoxes-rounded .comment {
  1063.     background: #fff;
  1064.     margin-bottom: 10px!important;
  1065.     margin-left: 10px!important;
  1066.     border: 1px solid #d9d9d9!important;
  1067.     border-radius: 2px!important;
  1068. }
  1069.  
  1070. .comment {
  1071.     background: #fff!important;
  1072.     margin-bottom: 10px!important;
  1073.     margin-left: 15px!important;
  1074.     border: 1px solid #d9d9d9!important;
  1075.     border-radius: 2px!important;
  1076. }
  1077.  
  1078. .commentarea .comment .comment,
  1079. .commentarea .comment .comment .comment .comment,
  1080. .commentarea .comment .comment .comment .comment .comment .comment,
  1081. .commentarea .comment .comment .comment .comment .comment .comment .comment .comment,
  1082. .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  1083.     background: #f8f8f8!important;
  1084. }
  1085. .commentarea .comment .comment .comment,
  1086. .commentarea .comment .comment .comment .comment .comment,
  1087. .commentarea .comment .comment .comment .comment .comment .comment .comment,
  1088. .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment,
  1089. .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  1090.     background: #fff!important;
  1091. }
  1092.  
  1093. .comment-visits-box,
  1094. .linkinfo,
  1095. .login-form-side {
  1096.     background: #f8f8f8;
  1097.     border: none;
  1098. }
  1099.  
  1100. .linkinfo {
  1101.     padding: 20px 0;
  1102.     border-top: 1px solid #bfbfbf;
  1103.     border-bottom: 1px solid #bfbfbf;
  1104.     margin: 20px 0;
  1105. }
  1106.  
  1107. .comment-visits-box .title {
  1108.     color: #369;
  1109. }
  1110.  
  1111. .linklisting .md, .commentarea .md {
  1112.     padding: 10px;
  1113. }
  1114.  
  1115.  
  1116. /***********
  1117.          FOOTER
  1118.               **********/
  1119.  
  1120.  
  1121. .debuginfo {
  1122.     width: calc(100% - 10px);
  1123.     background: #e6e6e6;
  1124. }
  1125.  
  1126. .debuginfo:before {
  1127.     float: left;
  1128.     content: "";
  1129.     display: block;
  1130.     position: relative;
  1131.     top: 2px;
  1132.     color: #808080;
  1133.     font-size: 9px;
  1134. }
  1135.  
  1136. .footer {
  1137.     background: #fff;
  1138.     border: 1px solid #fff;
  1139.     border-radius: 3.5px;
  1140.     box-shadow: 0px 1px 2px rgba(0,0,0,0.05);
  1141. }
  1142.  
  1143. .footer:hover {
  1144.     border: 1px solid #e1e1e1;
  1145.     border-top: 1px solid #fff;
  1146. }
  1147.  
  1148. .footer-parent {
  1149.     background: #f8f8f8;
  1150.     margin-bottom: -12px;
  1151.     padding-bottom: 20px;
  1152. }
  1153.  
  1154. .flat-vert.title {
  1155.     background: #ED9B49;
  1156.     color: #fff;
  1157.     padding: 10px;
  1158.     margin: -20px -20px 10px -20px;
  1159.     border-radius: 3.5px 3.5px 0 0;
  1160.     box-shadow: 0px 1px 2px rgba(0,0,0,0.05);
  1161. }
  1162.  
  1163.  
  1164.  
  1165. /***********
  1166.       COMMENTS BOX
  1167.               **********/
  1168.  
  1169.  
  1170. .commentarea .menuarea .toggle a {
  1171.     font-weight: normal;
  1172. }
  1173.  
  1174. .menuarea {
  1175.     background-color: transparent;
  1176.     margin-left: 15px;
  1177.     margin-right: 335px;
  1178.     margin-bottom: 0px;
  1179.     border-bottom: none;
  1180. }
  1181.  
  1182. .drop-choices {
  1183.     border: 0;
  1184. }
  1185.  
  1186. .dropdown.lightdrop .selected {
  1187.     text-decoration: none;
  1188.     font-weight: bold;
  1189.     font-family: "Segoe UI", "Arial", sans-serif;
  1190.     text-transform: uppercase;
  1191.     font-size: 120%;
  1192. }
  1193.  
  1194. .drop-choices a.choice {
  1195.     padding: 4px 12px;
  1196.     margin: 6px;
  1197.     background-color: #fff;
  1198. }
  1199.  
  1200. .panestack-title {
  1201.     background-color: #eaeaea;
  1202.     border-bottom: 0;
  1203.     padding: 10px;
  1204.     margin-left: 10px;
  1205.     margin-right: 335px;
  1206.     border-bottom: none;
  1207.     margin-top: 15px;
  1208.     border-radius: 3.5px 3.5px 0 0;
  1209. }
  1210.  
  1211. .commentarea .menuarea {
  1212.     background-color: #eaeaea;
  1213.     border-bottom: 1px solid #d9d9d9;
  1214.     border-top: 0;
  1215.     padding: 10px;
  1216.     margin-left: 10px;
  1217.     margin-right: 335px;
  1218. }
  1219.  
  1220. .commentarea > .usertext {
  1221.     background-color: #fff;
  1222.     border-top: 0;
  1223.     padding: 10px;
  1224.     margin-left: 10px;
  1225.     margin-right: 335px;
  1226.     margin-top: -10px;
  1227.     margin-bottom: 15px;
  1228.     box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  1229.     border-radius: 0 0 3.5px 3.5px;
  1230. }
  1231.  
  1232. .gold-accent.comment-visits-box {
  1233.     background-color: transparent;
  1234.     border: 0;
  1235.     border-radius: 0px;
  1236.     padding: 10px;
  1237.     margin-left: 15px;
  1238.     margin-bottom: 8px;
  1239. }
  1240.  
  1241. .comment-visits-box .title {
  1242.      color: #373737;
  1243.      font-weight: normal;
  1244. }
  1245.  
  1246.  
  1247.  
  1248. /***********
  1249.       SUBMIT PAGE
  1250.               **********/
  1251.  
  1252.  
  1253. .submit-page #header-img.default-header {
  1254.     display: none;
  1255. }
  1256.  
  1257. ul.tabmenu.formtab,
  1258. .formtabs-content .infobar,
  1259. #reddit-field,
  1260. .submit-page h1 {
  1261.     display: none;
  1262. }
  1263.  
  1264. .submit .formtabs-content {
  1265.     border-top: none;
  1266. }
  1267.  
  1268. .submit .roundfield {
  1269.     background: transparent;
  1270.     border-radius: 0px;
  1271. }
  1272.  
  1273. .submit-page .side,
  1274. .submit-page .footer-parent {
  1275.     display: none!important;   
  1276. }
  1277.  
  1278. .submit-page .content {
  1279.     width: 500px;
  1280.     position: absolute;
  1281.     left: calc(50% - 250px);
  1282. }
  1283.  
  1284. .formtabs-content .infobar {
  1285.     margin-bottom: 10px;
  1286. }
  1287.  
  1288. .submit_text .content {
  1289.     position: static;
  1290. }
  1291.  
  1292. .submit_text .content .md {
  1293.     padding: 20px 0;
  1294.     border-top: 1px solid #bfbfbf;
  1295.     border-bottom: 1px solid #bfbfbf;
  1296. }
  1297.  
  1298. .submit-page .debuginfo {
  1299.     display: none;
  1300. }
  1301.  
  1302. .formtabs-content .infobar,
  1303. .content.submit .info-notice {
  1304.     background: #fff;
  1305.     border: 1px solid #e1e1e1;
  1306.     padding: 10px;
  1307.     border-radius: 2px;
  1308. }
  1309.  
  1310. #items-required {
  1311.     display: none;
  1312. }
  1313.  
  1314. .submit.content button[name="submit"] {
  1315.     background-color: #ED9B49;
  1316.     border: 1px solid #ED9B49;
  1317.     font-size: 16px;
  1318.     color: #fff;
  1319.     display: block;
  1320.     width: 200px;
  1321.     position: relative;
  1322.     top: 10px;
  1323.     left: calc(50% - 100px);
  1324.     padding: 6px 0;
  1325. }
  1326.  
  1327. .submit.content button[name="submit"]:hover {
  1328.     background-color: #C86706;
  1329. }
  1330.  
  1331.  
  1332.  
  1333.  
  1334. /**********
  1335.  
  1336.  
  1337.    Customisation options start here:
  1338.  
  1339.    Remove the " /* " symbols before and after the blocks of code to active them. If you don't want a header or sidebar image, keep them there.
  1340.    Next, upload an image onto your stylesheet and name it either "header" for the header image or "sidebar" for the sidebar image.
  1341.    Hit save and you're done!
  1342.  
  1343.  
  1344.               **********/
  1345.  
  1346.  
  1347. #header {
  1348.     background-image: url(%%logo%%);
  1349.     background-position: center center;
  1350.     background-size: 100%;
  1351.     background-repeat: no-repeat;
  1352. }
  1353.  
  1354.  
  1355.  
  1356. .side:before {
  1357.     content: "";
  1358.     display: block;
  1359.     width: 280px;
  1360.     height: 200px;
  1361.     background-image: url(%%logo%%);
  1362.     background-size: 100%;
  1363.     background-repeat: no-repeat;
  1364.     background-color: transparent;
  1365.     margin-left: 10px;
  1366.     margin-bottom: -10px;
  1367.     z-index: -1;
  1368.     border-radius: 3.5px;
  1369.     box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
  1370. }
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!