API tools faq
paste
Advertisement
Rapptz

stylesheet

Rapptz
Aug 26th, 2012
277
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.97 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. CSS v1.0 by Rapptz.
  3. Background Colour: #a0a0a0
  4. Orangered Colour: #ff4500
  5. Subreddit Colour: #eee
  6. Navy Blue Colour: #002654
  7. Inspired By: /r/LearnPython
  8. Thansk to: /r/FWP and /r/CSShelp
  9. */
  10.  
  11. /* Code Syntax. Credit to /r/LearnPython and /r/CSSHelp */
  12. .usertext-body pre {
  13.     margin: 10px 0;
  14.     padding: 10px
  15.     }
  16. .usertext-body pre, .usertext-body p > code {
  17.     background: #f6f6f6;
  18.     border: 1px solid #ccc;
  19.     -moz-border-radius: 2px;
  20.     -webkit-border-radius: 2px;
  21.     -o-border-radius: 2px;
  22.     -ms-border-radius: 2px;
  23.     -khtml-border-radius: 2px;
  24.     border-radius: 2px
  25.     }
  26. .usertext-body code {
  27.     color: #222;
  28.     font-family: Consolas, Monaco, monospace;
  29.     line-height: 1.5em
  30.     }
  31. .usertext-body p > code {
  32.     padding: 0 3px
  33.     }
  34.  
  35.  
  36. /* Rounded tabs, Credit to /r/Python */
  37. .tabmenu li a, .dropdown.tabdrop .selected.title {
  38.     background-color: transparent
  39.     }
  40. .tabmenu li a {
  41.     border: 1px solid #b6c3cf;
  42.     border-bottom: none;
  43.     -moz-border-radius-topleft: 4px;
  44.     -moz-border-radius-topright: 4px;
  45.     -webkit-border-top-left-radius: 4px;
  46.     -webkit-border-top-right-radius: 4px
  47.     }
  48. .tabmenu li.selected a {
  49.     border-width: 1px 1px medium
  50.     }
  51. .tabmenu li a:hover {
  52.     background-color: #e4e4e4
  53.     }
  54. .tabmenu li.selected a:hover {
  55.     background-color: white
  56.     }
  57.  
  58.  
  59. /*Last Edited By Markup */
  60. .tagline .edited-timestamp:after {
  61.     content: attr(title);
  62.     }
  63. .tagline .edited-timestamp:before {
  64. content: " ";
  65.  }
  66.  
  67.  
  68. /*Active users position and text tweak*/
  69. .side .titlebox .leavemoderator,
  70. .side .titlebox .toggle .flairtoggle,
  71. .side .titlebox .tagline,
  72. .side .titlebox .usertext {
  73.     clear: both !important;
  74.     }
  75. .side .titlebox .users-online {
  76.     padding-left: 2px;
  77.     }
  78. .side .titlebox .users-online .number:before {
  79.     content: "(" !important;
  80.     background: transparent !important
  81.     }
  82. .side .titlebox .users-online .number:after {
  83.     content: " active)" !important;
  84.     }
  85. .fancy-toggle-button,
  86. .side .titlebox .users-online,
  87. .side .titlebox .subscribers {
  88.     display:inline;
  89.     }
  90. .users-online::before {
  91.     display:none !important;
  92.     }
  93.  
  94. div.titlebox .users-online span.word {
  95.     display: none
  96.     }
  97. div.titlebox span.word {
  98.     display: none;
  99.     }
  100. div.titlebox span.number:after {
  101.     content: " learners";
  102.  }
  103.  
  104.  
  105. /*Downvote Warning Credit to /r/AskScience*/
  106. .arrow.down:hover:before {
  107.     position: absolute;
  108.     display: block;
  109.     z-index: 1000;
  110.     width: 100px;
  111.     padding: 5px;
  112.     border: 1px solid #333;
  113.     background-color: #66B5FF;
  114.     content: "Only downvote offtopic answers or questions.";
  115.     text-align: center;
  116.     font-size: 11px;
  117.     font-weight: bold;
  118.     margin-left: 25px;
  119.     margin-top: 5px;
  120.     -moz-border-radius: 4px;
  121.     -webkit-border-radius: 4px
  122.     }
  123.  
  124.  
  125. /* Background stuff */
  126. html {
  127.     background-color: #a0a0a0
  128.     }
  129. body {
  130.     box-shadow: 0 0 32px 32px #7e7e7e;
  131.     border-bottom-left-radius: 16px;
  132.     border-bottom-right-radius: 16px;
  133.     margin: 0 auto 32px;
  134.     width: 85%
  135.     }
  136. body, .side, .titlebox form.toggle, .leavemoderator, .icon-menu a, .morelink .nub, .sidebox .spacer {
  137.     background-color: #f0f0f0 !important
  138.     }
  139.  
  140.  
  141. /*Reddit name*/
  142. .titlebox h1 {
  143.     font-size: 0
  144.     }
  145. .titlebox h1:before {
  146.     font-size: 20px;
  147.     content: "Learning C++"
  148.     }
  149.  
  150.  
  151. /* RES Shortcut Fix */
  152. #RESShortcutsEditContainer {
  153.     background: transparent !important;
  154.     background-color: transparent !important
  155.     }
  156. #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd, #RESShortcutsTrash {
  157.     background-color: transparent !important;
  158.     color: #111 !important /*1EBDCC*/
  159.     }
  160.  
  161.  
  162. /* Subreddit Header */
  163. #sr-header-area {
  164.     background: #eee;
  165.     text-transform: lowercase;
  166.     border: none
  167.     }
  168. #sr-header-area a:link, #sr-header-area a:visited {
  169.     color: #111 !important
  170.     }
  171.  
  172.  
  173. /* Header Area */
  174. #header .pagename {
  175.     font-size: 11pt;
  176.     }
  177. #header {
  178.     height: 65px;
  179.     background-color: #eee;
  180.     }
  181. #header-bottom-right {
  182.     background-color: #eee;
  183.     /*border-top: 1px solid #b6c3cf;*/
  184.    /* border-left: 1px solid #b6c3cf;*/
  185.     }
  186. #header-img {
  187.     padding-left: 5px
  188.     }
  189.  
  190. /* Hide the reddit name */
  191. #header .redditname a {
  192.     font-size: 0px;
  193. }
  194.  
  195. #header .redditname a:after {
  196.     font-size: 13px;
  197.     font-variant: normal;
  198.     content: "Learning C++";
  199. }
  200.  
  201. /* Submit Link and Create Subreddit */
  202. .sidebox.create {
  203.     display: none
  204.     }
  205. .sidebox.submit {
  206.     position: absolute;
  207.     top: 70px;
  208.     width: 300px;
  209. }
  210. .sidebox .ad {
  211.     display: none
  212.     }
  213. .subtitle {
  214.     display: none
  215.     }
  216. .sidebox .spacer {
  217.     display: none
  218.     }
  219. .morelink .nub {
  220.     display: none
  221.     }
  222. form#search input[name="q"] {
  223.     border-radius: 5px;
  224.     -moz-border-radius: 5px;
  225.     -webkit-border-radius: 5px;
  226.     text-align: center;
  227. }
  228. .side {
  229.     margin-top: 45px;
  230. }
  231. .sidebox.submit .morelink {
  232.     float: right;
  233.     width: 300px;
  234.     background-image: none;
  235.     /*background-color: #CBDFE0;*/
  236.     border-radius: 5px;
  237.    -moz-border-radius: 5px;
  238.    -webkit-border-radius: 5px;
  239.     border-color: #BBB;
  240.     margin-top: 10px
  241.     }
  242. .sidebox.submit .morelink a {
  243.     color: #166E76
  244.     }
  245. .sidecontentbox a.helplink {
  246.     margin-top: 2px
  247.     }
  248. .sidebox.submit .morelink a:hover {
  249.     color: #198791
  250.     }
  251.  
  252. /* Header 6 */
  253. .side h6:nth-of-type(1) {
  254.     /*this code positions the sticky*/
  255.     position: absolute;
  256.     display: block;
  257.     top: 70px;
  258.     left: 130px;
  259.     background-color: #CBDFE0;
  260.     border: 1px solid blue;
  261.     font-size: 0.9em;
  262.     color: #555555;
  263.     text-align: left;
  264.     margin: 15px;
  265.     border-style: dashed;
  266.     padding: 7px 7px 7px;
  267.     background-repeat: no-repeat;
  268.     background-position: left
  269.     }
  270. .titlebox .usertext-body .md h6 a:hover {
  271.     color: #198791;
  272. }
  273. .titlebox .usertext-body .md h6 a, .titlebox .usertext-body .md h6 a:link, .titlebox .usertext-body .md h6 a:visited {
  274.     color: #166E76;
  275.     }
  276. body > .content {
  277.     padding-top: 10px
  278.     }
  279.  
  280. /* Link Modifying */
  281. div.sitetable.linklisting {
  282.     margin-top: 15px;
  283.     background-color: #eee;
  284.     border-radius: 5px;
  285.     border: 1px solid #CCC;
  286.     margin-left: 15px;
  287.     padding-top: 12px;
  288.     padding-left: 11px;
  289.     padding-right: 11px
  290.     }
  291. div.linklisting div.link {
  292.     margin-left: -6px
  293.     }
  294. body > div.content {
  295.     margin-top: 38px;
  296.     margin-right: 330px;
  297.     padding-right: 20px
  298.     }
  299.  
  300. /* Mod box fix */
  301. .sheets {
  302.     /* margin-right: 345px; */
  303.     width: 100%
  304.     }
  305. div.stylesheet-customize-container {
  306.     margin-top: 75px
  307.     }
  308. #preview-table {
  309.     /* margin-right: 345px; */
  310.     }
  311.  
  312. /* Side Bar */
  313. .side .icon-menu a {
  314.     background-color: transparent
  315.     }
  316. .side {
  317.     background-color: #ddd1aa;
  318.     margin-left: 0px;
  319.     margin-right: 0px;
  320.     padding-left: 15px;
  321.     padding-right: 15px;
  322.     padding-top: 10px;
  323.     border-left: 1px solid #7e7e7e;
  324.     border-bottom: 1px solid #7e7e7e;
  325.     width: 300px;
  326.     border-bottom-left-radius: 3px
  327.     }
  328.  
  329. /* Header 5 */
  330. .titlebox .usertext-body h5 {
  331.     margin: 0;
  332.     color: #002654;
  333.     font-size: 130%;
  334.     text-transform: uppercase;
  335.     font-weight: bold;
  336.     margin-top: 1.2em
  337.     }
  338. /* Header 4 */
  339. .titlebox .usertext-body h4 {
  340.     margin: 0;
  341.     color: #002654;
  342.     font-size: 100%;
  343.     font-weight: bold;
  344.     margin-top: 1.2em
  345.     }
  346.  
  347.  
  348. /* Listing <ul> */
  349.  
  350. .titlebox .usertext-body ul {
  351.     border-radius: 3px;
  352.     border-color: #9f9976 #9f9976 #a4a085 #a4a085;
  353.     border-style: solid;
  354.     border-width: 1px;
  355.     background-color: #f6f6f6;
  356.     padding-top: 8px;
  357.     padding-left: 30px;
  358.     padding-right: 15px;
  359.     padding-bottom: 8px;
  360.     margin: 0;
  361.     list-style-type: decimal;
  362.     }
  363.  
  364. /* Table Syntax */
  365. .side .md table {
  366.     border: 2px solid #c2c2c2;
  367.     width: 90%;
  368.     padding: 2px;
  369.     background-color: #ffffff;
  370.     margin-left: 10px;
  371.     margin-right: 0px;
  372.     margin-top: 10px;
  373.     margin-bottom: 15px
  374.     }
  375. .side .md table th {
  376.     background-color: #002654;
  377.     color: white
  378.     }
  379. .side .md table td {
  380.     border: 1px dotted gray
  381.     }
  382. .side .md table a {
  383.     color: #7f7f7f;
  384.     text-decoration: underline
  385.     }
  386. .side .md table a:hover {
  387.     color: black !important;
  388.     text-decoration: underline;
  389.     font-style: italic
  390.     }
  391. .side .md table a:selected {
  392.     color: #7f7f7f;
  393.     text-decoration: underline
  394.     }
  395. .side .md table a:visited {
  396.     color: #7f7f7f;
  397.     text-decoration: underline
  398.     }
  399.  
  400. /* Ad Fix */
  401. #ad-frame {
  402.     background-color: #F7F7F7;
  403.     border: 1px solid;
  404.     border-color: #BABABA;
  405.     overflow: hidden;
  406.     height: 250px
  407.     }
  408. .sr-ad-table .inherited {
  409.     background-color: #F7F7F7
  410.     }
  411. .sr-ad-table .overridden {
  412.     background-color: #F7F7F7
  413.     }
  414.  
  415. /* RES MISC */
  416. #userbarToggle {
  417.     background-color: transparent !important;
  418.     border: 0px !important;
  419.     color: #444444 !important;
  420.     font-size: 22px !important;
  421.     }
  422. #RESStaticShortcuts {
  423.     text-transform: lowercase;
  424. }
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!