API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 13th, 2018
170
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.52 KB | None | 0 0
raw download clone embed print report
  1. /*-------------------------------
  2. GENERIC ITEMS
  3. -------------------------------*/
  4.  
  5.     body{
  6.         color: #484848;
  7.         font-family: Helvetica;
  8.         margin-left: 40px;
  9.     }
  10.  
  11.     select{
  12.         font-family: Helvetica;
  13.         font-size: 10px;
  14.         letter-spacing: 0.02em;
  15.         text-transform: uppercase;
  16.     }
  17.     a:hover {
  18.         color: #990033;
  19.         text-decoration: none;
  20.     }
  21.    
  22. /*-------------------------------
  23. COMMENT STYLING
  24. -------------------------------*/
  25.     .md blockquote {
  26.         border-left: 2px solid #808080;
  27.         color: #686868;
  28.     }
  29.    
  30. /*-------------------------------
  31. HEADER STYLING
  32. -------------------------------*/
  33.  
  34.     /* TOP NAVIGATION */
  35.     #sr-header-area {
  36.         opacity: 0;
  37.         height: 20px;
  38.         background-color: white;
  39.         border-bottom: 0;
  40.     }
  41.         #sr-header-area:hover {
  42.             opacity: 100;
  43.         }
  44.         #sr-header-area a {
  45.             color: #808080;
  46.             font-family: Helvetica;
  47.         }
  48.             #sr-header-area a:hover {
  49.                 color: #990033;
  50.                 text-decoration: none;
  51.             }
  52.             #sr-header-area .selected a {
  53.                 color: #484848;
  54.             }
  55.                 #sr-header-area .selected a:hover {
  56.                     color: #990033;
  57.                 }
  58.                 #sr-header-area .drop-choices a.choice {
  59.                     color: #484848 !important;
  60.                     font-weight:bold;
  61.                 }
  62.                 #sr-header-area .drop-choices a.choice:hover {
  63.                     color: #990033 !important;
  64.                 }
  65.                 #sr-more-link {
  66.                     position: absolute;
  67.                     background-color: white;
  68.                 }
  69.             #sr-bar {
  70.                 display: none;
  71.             }
  72.             #sr-header-area .separator {
  73.                 opacity: 0;
  74.             }
  75.     #header {
  76.         height: 120px;
  77.         background-color: white;
  78.         border-bottom: 0px solid;
  79.         overflow: visible !important;
  80.     }
  81.     #header-img {
  82.         display: none;
  83.     }
  84.     #header-img.default-header {
  85.         display: none;
  86.     }
  87.     #mail.havemail{
  88.         background-image: url(%%spritesheet%%);
  89.         background-position: 0px -838px;
  90.     }
  91.  
  92. /* PAGE NAME */
  93. .pagename{
  94.     overflow: auto;
  95.     display: block;
  96. }
  97.     .pagename:before{
  98.         content: "easter eggs";
  99.         position: absolute;
  100.         font-size: 48px;
  101.         font-weight: normal;
  102.         letter-spacing: -2px;
  103.     }
  104.     .pagename:hover{
  105.         color: #990033;
  106.         cursor: pointer;
  107.     }
  108.         .pagename a{
  109.             opacity: 0;
  110.             color: #484848;
  111.             text-decoration: none;
  112.             font-size: 48px;
  113.             z-index: 99;
  114.             font-weight: normal;
  115.             letter-spacing: -2px;
  116.             display: block;
  117.         }
  118.             .pagename a:hover{
  119.                 color: #990033;
  120.                 text-decoration: none;
  121.             }
  122.  
  123.  
  124. #header .tabmenu {
  125.     position: absolute;
  126.     background-color: white;
  127.     top: 90px;
  128.     margin: 0px;
  129.     right:0px;
  130.     left: 0px;
  131.     padding: 0px;
  132.     height: 30px;
  133.     border-bottom: 0px solid #808080;
  134.     color: #484848;
  135.     list-style-type: none;
  136.     vertical-align: bottom;
  137.     text-align: left;
  138.     padding-left: 0px;
  139.     white-space: nowrap;
  140.     font-size: 80%;
  141.     font-weight: normal;
  142.     text-transform: uppercase;
  143.     font-family: Helvetica
  144.     min-width: 450px;
  145. }
  146.     #header .tabmenu li{
  147.         color: #808080;
  148.         font-weight: normal;
  149.     }
  150.     #header .tabmenu .choice{
  151.         color: #808080;
  152.         font-weight: normal;
  153.         border: 0;
  154.         background-color: white;
  155.     }
  156.     #header .tabmenu a:hover{
  157.         color: #990033;
  158.     }
  159.     #header .tabmenu .selected{
  160.         color: #484848;
  161.         font-weight: bold;
  162.     }
  163.     #header .tabmenu .selected .choice{
  164.         color: #484848;
  165.         font-weight: bold;
  166.         border: 0;
  167.     }
  168.     #header .tabmenu .selected a:hover{
  169.         color: #990033;
  170.     }
  171. .link{
  172.     color: #484848;
  173.     font-weight: bold;
  174. }
  175. .link .title a{
  176.     color: #484848;
  177.     font-weight: bold;
  178. }
  179. .link .title a:hover{
  180.     color: #990033;
  181.     font-weight: bold;
  182. }
  183. .link .title .domain a{
  184.     color: #808080;
  185.     text-decoration:none;
  186.     font-weight: normal;
  187. }
  188. .link .title .domain a:hover{
  189.     color: #990033;
  190. }
  191. .link .tagline {
  192.     color: #808080;
  193.     text-decoration:none;
  194.     font-weight: normal;
  195. }
  196. .link .tagline a{
  197.     color: #484848;
  198.     text-decoration:none;
  199.     font-weight: bold;
  200. }
  201. .link .tagline a:hover{
  202.     color: #990033;
  203. }
  204. .entry .tagline {
  205.     color: #808080;
  206.     text-decoration:none;
  207.     font-weight: normal;
  208. }
  209. .entry .tagline a{
  210.     color: #484848;
  211.     text-decoration:none;
  212.     font-weight: bold;
  213. }
  214. .entry .tagline a:hover{
  215.     color: #990033;
  216.     background-color: white;
  217. }
  218. .entry .tagline .expand a{
  219.     color: #808080;
  220.     text-decoration:none;
  221.     font-weight: normal;
  222. }
  223. .usertext a{
  224.     color: #990033;
  225. }
  226. .usertext .usertext-body{
  227.     font-weight: normal;
  228. }
  229. .link .usertext .md{
  230.     border: 1px solid #A0A0A0;
  231.     border-radius: 0px;
  232.     background-color: white;
  233. }
  234. .link .entry li a{
  235.     opacity: 0;
  236.     color: #808080;
  237.     font-weight: normal;
  238.     text-transform: uppercase;
  239.     font-size: 90%;
  240. }
  241. .link .entry li .comments{
  242.     opacity: 100 !important;
  243. }
  244. .link .entry li a:hover{
  245.     color: #990033;
  246.     text-decoration: none;
  247. }
  248. .link:hover .entry li a{
  249.     opacity: 100;
  250. }
  251. .usertext-body .md li a{
  252.     opacity: 100;
  253.     color: #990033;
  254.     font-weight: normal;
  255.     text-transform: none;
  256.     font-size: 100%;
  257. }
  258.  
  259. #header-bottom-right{
  260.     background-color: white;
  261.     margin-right: 40px;
  262. }
  263.     #header-bottom-right a{
  264.         color: #808080;
  265.         font-weight: normal;
  266.     }
  267.         #header-bottom-right a:hover{
  268.             color: #990033;
  269.             text-decoration: none;
  270.         }
  271.     #header-bottom-right .user a{
  272.         font-weight: bold;
  273.         color: #484848;
  274.     }
  275.         #header-bottom-right .user a:hover{
  276.             color: #990033;
  277.         }
  278.     #header-bottom-right .user .userkarma{
  279.         cursor: default;
  280.         font-weight: normal;
  281.         border: 0;
  282.     }
  283.     #header-bottom-right ul.flat-list li a{
  284.         text-transform: uppercase;
  285.         font-size: 90%;
  286.     }
  287.     #header-bottom-right form.logout a{
  288.         text-transform: uppercase;
  289.         font-size: 90%;
  290.     }
  291.     #header-bottom-right .separator{
  292.         visibility: hidden;
  293.     }
  294.  
  295. div.panestack-title {
  296.     margin-right: 390px;
  297. }
  298.  
  299. /*Sidebar on right*/
  300. .side{
  301.     margin-right: 40px;
  302.     margin-left: 40px;
  303. }
  304. #search input[type=text] {
  305.     width: 292px;
  306.     border: 1px solid #A0A0A0;
  307.     color: #808080;
  308.     padding-left: 5px;
  309.     font-family: Helvetica;
  310.     font-weight: normal;
  311.     text-transform: uppercase;
  312.     font-size: 90%;
  313. }
  314.     #search input[type=text]:focus {
  315.         text-transform: none;
  316.         color: #484848;
  317.         font-size: 100%;
  318.     }
  319. #searchexpando {
  320.     margin: 5px 0px;
  321.     padding: 5px;
  322.     width: 289px;
  323.     background-color: white;
  324.     border: 1px solid #A0A0A0;
  325.     border-radius: 0px;
  326.     color: #808080;
  327.     text-transform: uppercase;
  328.     font-size: 90%;
  329. }
  330.     #searchexpando label {cursor: pointer;}
  331.     .search-page form#search label {font-size: 150%;cursor: pointer;}
  332.     #search_showmore {display: none;}
  333.  
  334. .account-activity-box, .sidebox.create, .morelink .nub {display: none;}
  335.  
  336. .morelink{
  337.     background-image: none;
  338.     background-color: white;
  339.     text-transform: uppercase;
  340.     border: 1px solid #A0A0A0;
  341. }
  342. .morelink:hover{
  343.     background-image: none;
  344.     background-color: white;
  345.     border: 1px solid #990033;
  346.     color: #990033;
  347. }
  348. .morelink a{
  349.     color: #484848;
  350. }
  351. .morelink a:hover{
  352.     color: #990033;
  353. }
  354. .submit-link .morelink{
  355.     display: none;
  356. }
  357. .morelink a:after {
  358.     position: absolute;
  359.     left: 0px;
  360.     right: 0px;
  361.     z-index: 99;
  362.     background-color: white;
  363.     color: #484848;
  364.     font-weight: normal;
  365.     content: "submit an easteregg";
  366.     padding: 0px 12px;
  367. }
  368. .morelink a:hover:after {
  369.     background-color: #990033;
  370.     color: white;
  371. }
  372. .sidecontentbox .title h1{
  373.     color: #484848;
  374. }
  375. .sidecontentbox .content a:hover{
  376.     text-decoration: none;
  377. }
  378.  
  379. /*Sidebar On Right: Subreddit Info*/
  380. .side div.usertext-body {
  381.     border: 1px solid #A0A0A0;
  382.     padding: 0px 5px;
  383.     background-color: #FAFAFA;
  384.     color: #484848;
  385. }
  386. div.usertext-body a {
  387.     color: #990033;
  388. }
  389.  
  390. /*Post Information*/
  391. div.linkinfo {
  392.     background-color: #FAFAFA;
  393.     border: 1px solid #A0A0A0;
  394.     border-radius: 0px;
  395. }
  396. div.shortlink {
  397.     text-transform: uppercase;
  398. }
  399.  
  400. /*Posts*/
  401. .thing.link a.title{
  402.     color: #484848;
  403.     font-weight: normal;
  404. }
  405.     .thing.link a.title:hover{
  406.         color: #990033;
  407.         font-weight: normal;
  408.     }
  409. .tagline .stickied-tagline{
  410.     color: #808080;
  411. }
  412. .thing.stickied a.title{
  413.     color: #484848;
  414.     font-weight: bold;
  415. }
  416.     .thing.stickied a.title:hover{
  417.         color: #990033;
  418.         font-weight: bold;
  419.     }
  420. .expando-button{
  421.     background-color: transparent !important;
  422.     background-image: url(%%spritesheet%%)!important;
  423.     cursor: pointer !important;
  424. }
  425.     #siteTable .expando-button.collapsed {
  426.         background-position: -90px -547px
  427.     }
  428.     #siteTable .expando-button.collapsed:hover {
  429.         background-position: -58px -584px;
  430.     }
  431.  
  432.     #siteTable .expando-button.expanded {
  433.         background-color: transparent;
  434.         background-position: -29px -584px;
  435.         cursor: pointer;
  436.     }
  437.     #siteTable .expando-button.expanded:hover {
  438.         background-position: 0px -584px;
  439.     }
  440.  
  441. /*New post page*/
  442. /*.titlebox .subscribe-button, .titlebox .subscribers, */
  443. .titlebox .redditname, .titlebox .users-online, .titlebox .bottom {
  444.     display: none;
  445. }
  446. /* Subscribe area */
  447. span.subscribe-button.fancy-toggle-button a {
  448.     background-image: none;
  449.     border: 1px solid #A0A0A0;
  450.     border-radius: 0px;
  451.     color: #484848;
  452.     text-transform: uppercase;
  453. }
  454.     span.subscribe-button.fancy-toggle-button a:hover {
  455.         background-image: none;
  456.         background-color: #990033;
  457.         border: 1px solid #990033;
  458.         border-radius: 0px;
  459.         color: white;
  460.         text-transform: uppercase;
  461.     }
  462. .titlebox a{
  463.     color: #484848;
  464. }
  465.     .titlebox a:hover{
  466.         color: #990033;
  467.     }
  468.     .tagline a: hover{
  469.         text-decoration: none;
  470.     }
  471.  
  472. div.content h1{
  473.     display: none;
  474. }
  475.  
  476.  
  477. #newlink .tabmenu {
  478.     width: 520px;
  479. }
  480.     #newlink ul.tabmenu.formtab{
  481.         padding-left: 0px;
  482.         text-align: center;
  483.     }
  484.     #newlink .tabmenu.formtab a{
  485.         border: 1px solid #990033;
  486.         margin: 0px -1px;
  487.         padding: 5px 40px;
  488.         background-color: white;
  489.         color: #484848;
  490.         text-transform: uppercase;
  491.         letter-spacing: -1px;
  492.     }
  493.     #newlink .tabmenu.formtab a:hover{
  494.         color: #990033;
  495.         border: 1px solid #990033;
  496.     }
  497.     #newlink .tabmenu.formtab .selected a {
  498.         color: white;
  499.         font-size: 100%;
  500.         background-color: #990033;
  501.         border: 1px solid #990033;
  502.     }
  503.     #newlink .tabmenu.formtab .selected a:hover {
  504.         color: white;
  505.         cursor: default;
  506.     }
  507. .formtabs-content .infobar:before {
  508.     display: block;
  509.     text-indent: 0px;
  510.     font-size: 16px;
  511. }
  512. #newlink .formtabs-content {
  513.     border: 0px;
  514. }
  515. .formtabs-content .infobar {
  516.     margin-top: 4px;
  517.     margin-bottom: 4px;
  518.     padding: 10px 10px 10px 10px;
  519.     border: 1px solid #A0A0A0;
  520.     background-color: white;
  521.     text-align: left;
  522.     text-indent: -9999px;
  523.     font-size: 0px;
  524.     opacity: 0;
  525.     padding: 0px;
  526. }
  527.     .formtabs-content .infobar:before {
  528.         display: block;
  529.         text-indent: 0px;
  530.         color: #808080;
  531.         font-size: 14px;
  532.         content: "This is where some text can go.";
  533.         display: none;
  534.     }
  535. #text-desc {
  536.     display: none;
  537.     z-index: -1;
  538. }
  539. #link-desc {
  540.     display: none;
  541.     z-index: -1;
  542. }
  543. .formtabs-content .title {
  544.     color: #484848;
  545.     font-size: 14px;
  546.     letter-spacing: -1px;
  547. }
  548. .formtabs-content .roundfield {
  549.     border: 0px;
  550.     background-color: white;
  551.     padding: 0px;
  552. }
  553. #title-field {
  554.     margin-top: -20px;
  555.     width: 520px;
  556.     background-color: white;
  557.     padding: 0px;
  558. }
  559. #text-field {
  560.     width: 520px;
  561.     background-color: white;
  562.     padding: 0px;
  563. }
  564.     #text-field .gray {
  565.         font-size: 80%;
  566.     }
  567.     .roundfield .usertext-edit {
  568.         width: 520px;
  569.     }
  570.     .roundfield-content textarea{
  571.         width: 520px;
  572.     }
  573. #url-field {
  574.     width: 520px;
  575. }
  576. input#url {
  577.     width: 520px;
  578. }
  579. .roundfield label{
  580.     color: #808080;
  581.     font-size: 80%;
  582. }
  583. #reddit-field {
  584.     display: none;
  585. }
  586. #suggested-reddits {
  587.     display: none;
  588. }
  589. .roundfield.info-notice {
  590.     display: none;
  591. }
  592.  
  593. button {
  594.     border: 1px solid #A0A0A0;
  595.     background-color: white;
  596.     color: #484848;
  597.     text-transform: uppercase;
  598.     letter-spacing: -1px;
  599.     font-weight: normal;
  600. }
  601.     button:hover {
  602.         border: 1px solid #990033;
  603.         background-color: #990033;
  604.         color: white;
  605.     }
  606.  
  607. div.footer.rounded {
  608.     display: none;
  609. }
  610.  
  611. /*"Edit Stylesheet" Formatting*/
  612. #preview-table > table{
  613.     width: 850px;
  614. }
  615. textarea#stylesheet_contents {
  616.     width: 90%;
  617. }
  618. span.title {
  619.         text-transform: uppercase;
  620. }
  621.  
  622. /* RES fixes */
  623. #RESStyleSheetTipPane{
  624.     width: calc(100% - 410px);
  625. }
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!