API tools faq
paste
erktheerk

Portaroo_Tavern

erktheerk
Jan 19th, 2014
157
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 34.70 KB | None | 0 0
raw download clone embed print report
  1. /***
  2. *       __                                  
  3. *      /  `   /  _/_      /    /            
  4. *     /--  __/ o /  _  __/    /____  ,      
  5. *    (___,(_/_<_<__</_(_/_   /_)/ (_/_      
  6. *                                  /        
  7. *                                 '        
  8. *       __     _   , ______     __     _   ,
  9. *      /  `   ' ) /    //      /  `   ' ) /
  10. *     /--  __  /-<  --//_  _  /--  __  /-<  
  11. *    (___,/ (_/   )(_// /_</_(___,/ (_/   )
  12. *                                          
  13. *    ALL OTHER credit goes to
  14. *      ==Edurne Reddit CSS Theme v5.6 - (http://www.reddit.com/r/edurne/)==
  15. *        ==/u/gavin19 and the other contributors as /r/csshelp==
  16. *             ==and the following==
  17. *               ==FlatBlue reddit CSS Theme v1.1.1 - (http://www.reddit.com/r/FlatBlue/)==
  18. *                     == Boxed reddit CSS Theme v1.5 - (http://www.reddit.com/r/boxed/)==
  19. *                         ==Mindashq http://www.reddit.com/r/mindashq/wiki/==
  20. * */
  21.  
  22.  
  23. /*
  24.  
  25. /* GENERAL */
  26. body
  27.  
  28. {
  29. /*background-color: #4A3D34;*/
  30. background-image: -webkit-linear-gradient(top,#4A3D34,#000);
  31.     background-image: -moz-linear-gradient(top,#4A3D34,#000);
  32.     background-image: -ms-linear-gradient(top,#4A3D34,#000);
  33.     background-image: -o-linear-gradient(top,#4A3D34,#000);
  34.     background-image: linear-gradient(top,#4A3D34,#000);
  35.     background-attachment: fixed;
  36.     background-color: #222;
  37.  
  38.  
  39. position:relative; font-family:"Trebuchet MS", Helvetica, sans-serif; }
  40.  
  41.  
  42. body > .content { overflow:hidden; }
  43. .md p { font-family:"Trebuchet MS", Helvetica, sans-serif; padding:1px 0; }
  44.  
  45.  
  46.  
  47. /* HEADER */
  48. #sr-header-area {
  49.    
  50.     text-transform:lowercase;
  51.     border-bottom:3px solid #BC7C25;
  52.     background-color: #222222;
  53.     font-size:100%;
  54.     font-family:"Trebuchet MS", Helvetica, sans-serif;
  55. }
  56.  
  57. #sr-header-area a { color:#BC7C25; }
  58. body.res-nightmode #header { border-color: #DDF; }
  59. body.res-nightmode #header .tabmenu li:not(.selected) a { color: #5A422A; }
  60. #header .tabmenu li.selected a { border: 0; border-bottom: 1px solid #BC7C25; }
  61. #header .tabmenu li:not(.selected):hover a {background-image: -webkit-linear-gradient(top,#4A3D34,#000);
  62.     background-image: -moz-linear-gradient(top,#4A3D34,#000);
  63.     background-image: -ms-linear-gradient(top,#4A3D34,#000);
  64.     background-image: -o-linear-gradient(top,#4A3D34,#000);
  65.     background-image: linear-gradient(top,#4A3D34,#000);
  66.     background-attachment: fixed;
  67.     background-color: #222; color: #BC7C25; }
  68. body.res-nightmode #header .tabmenu li { background-color: #DDD !important; }
  69. body.res-nightmode #header .tabmenu li:not(.selected):hover a { background-color: #CCC; color: #444; }
  70. #header-img { margin:8px 20px 0; }
  71. .pagename, .pagename a { color: #BC7C25; margin-right:25px; font-weight:bold; font-variant:normal; font-size:18px; font-family:"Trebuchet MS", Helvetica, sans-serif; }
  72. body.res-nightmode .pagename a { font-size: 18px !important; }
  73. #sr-header-area .dropdown.srdrop, #sr-header-area#srLeftContainer { padding-left:21px; }
  74. #sr-more-link, #header #sr-header-area #RESShortcutsEditContainer, #header #sr-header-area #RESShortcutsRight, #header #sr-header-area #RESShortcutsLeft,
  75. #header #sr-header-area #RESShortcutsAdd, #header #sr-header-area #RESShortcutsTrash { background-color:#000; }
  76. body.res-nightmode #sr-header-area, body.res-nightmode #sr-more-link { background-color: #c6daed !important; }
  77. #sr-header-area #RESShortcutsEditContainer, #sr-more-link { border-right:20px solid #222222; font-weight:bolder; }
  78.  
  79. #header-bottom-right {
  80.     right:20px;
  81.     background-color:#222222;
  82.     -moz-border-radius:0;
  83.     -webkit-border-radius:0;
  84.     -o-border-radius:0;
  85.     -ms-border-radius:0;
  86.     -khtml-border-radius:0;
  87.     border-radius:0;
  88. }
  89. body.res-nightmode #header-bottom-right { background-color: #DEEAF6 !important; }
  90. #header-bottom-right.res-navTop { top: 21px !important; }
  91.  
  92. #header-bottom-right.res-navTop #userbarToggle {
  93.     -moz-border-radius-topleft: 0;
  94.     -webkit-border-top-left-radius: 0;
  95.     border-top-left-radius: 0;
  96. }
  97. #header-bottom-right #userbarToggle {
  98.     font-family:"Trebuchet MS", Helvetica, sans-serif;
  99.     font-size:12px;
  100. }
  101. #header-bottom-right #userbarToggle {
  102.     font-family:"Trebuchet MS", Helvetica, sans-serif;
  103.     font-size:12px;
  104.     width:14px;
  105.     padding-right:4px;
  106.     -moz-border-radius-bottomleft:0;
  107.     -moz-border-radius-bottomright:0;
  108.     border-bottom-left-radius:0;
  109.     border-bottom-right-radius:0;
  110.     -webkit-border-bottom-left-radius:0;
  111.     -webkit-border-bottom-right-radius:0;
  112. }
  113. #userbarToggle {
  114.   background-color: #222222!important;
  115.   border: 1px solid #BC7C25!important;
  116.  
  117.   margin-bottom: -1px !important;
  118.   font-weight: bold;
  119.   color: #BC7C25 !important; /*colours the cursor*/
  120.   }
  121.  
  122. #header-bottom-right {
  123.   background-color: #222222;
  124.   border: 1px solid #978057;
  125.  
  126.   }
  127. #header { height: 274px; background: url(%%headerimg%%) no-repeat center center; }
  128. #header-bottom-left { position: absolute; bottom: 0; }
  129. .pagename a { color: #978057; }
  130. /* SIDEBAR */
  131.  
  132. body, .wiki-page .md, body .side .md h6:nth-of-type(1) {
  133.     font-size: 16px !important;
  134. }
  135.  
  136. .content .usertext-body .md,
  137. .side .sidecontentbox .helplink,
  138. .side .sidebox .morelink,
  139. .linkflairlabel
  140.  {
  141.     font-size: 12px;
  142.        
  143. }
  144.  
  145. .usertext-body {background-image: -webkit-linear-gradient(top,#4A3D34,#222);
  146.     background-image: -moz-linear-gradient(top,#4A3D34,#222);
  147.     background-image: -ms-linear-gradient(top,#4A3D34,#222);
  148.     background-image: -o-linear-gradient(top,#4A3D34,#222);
  149.     background-image: linear-gradient(top,#4A3D34,#222);
  150.     background-attachment: fixed;
  151.     background-color: #222;
  152.     border-radius: 5px !important;
  153.         border-width: 1px 0px;
  154.     border-style: solid;
  155.     border-color: #000;
  156.     color: #fff;
  157. }
  158.  
  159. .redditname a{
  160. height: 18px;
  161. width: 180px;
  162. color: #BC7C25}
  163.  
  164. .hover.pagename.redditname,
  165. .thing .title,
  166. .submit-page .roundfield .title {
  167.     font-size: 18px !important;
  168. }
  169.  
  170. .side .titlebox,
  171. #sr-header-area,
  172. #header-bottom-left .tabmenu, .tabmenu.formtab,
  173. #header-bottom-right,
  174. .pref-lang,
  175.  
  176. .side .usertext-body .md,
  177. .midcol,
  178. .panestack-title,
  179. .panestack-title .title,
  180. .menuarea,
  181. .commentarea .usertext-edit:before,
  182. .markdownEditor a,
  183. .commentingAs,
  184. .usertext-edit .bottom-area a,
  185. .comment-visits-box .title,
  186. .footer,
  187. .submit-page .roundfield,
  188. .submit-page .infobar,
  189. .submit-page .roundfield label,
  190. #RESDropdownOptions,
  191. #image-preview-list,
  192. #image-upload,
  193. .btn.right,
  194. .wiki-page .pageactions,
  195. #search-expando,
  196. body:not(.search-page) #search input[type="text"],
  197. #searchexpando,
  198. .raisedbox,
  199. .searchpane,
  200. .hover-bubble,
  201. .deepthread {
  202.     font-size: 12px !important;
  203.  }
  204.  
  205.  
  206.  
  207. input {
  208.     border: 1px solid #000!important;
  209. }
  210.  
  211. .rounded {
  212.     border-radius: 5px !important;
  213. }
  214.  
  215. .roundfield, #REScommentSubToggle, #header-bottom-right, #userbarToggle {
  216.     border-radius: 5px !important;
  217. }
  218.  
  219. .roundfield, .content.submit .info-notice, .linefield
  220. .submit-page .roundfield,
  221. .submit-page .infobar,
  222. .submit-page .roundfield label {
  223.      background-image: -webkit-linear-gradient(top,#4A3D34,#222);
  224.     background-image: -moz-linear-gradient(top,#4A3D34,#222);
  225.     background-image: -ms-linear-gradient(top,#4A3D34,#222);
  226.     background-image: -o-linear-gradient(top,#4A3D34,#222);
  227.     background-image: linear-gradient(top,#4A3D34,#222);
  228.     background-attachment: fixed;
  229.     background-color: #222;
  230.     border-radius: 5px !important;
  231.         border-width: 1px 0px;
  232.     border-style: solid;
  233.     border-color: #000;
  234.  
  235. }
  236.  
  237. .linefield
  238.  {   background-image: -webkit-linear-gradient(top,#4A3D34,#222);
  239.     background-image: -moz-linear-gradient(top,#4A3D34,#222);
  240.     background-image: -ms-linear-gradient(top,#4A3D34,#222);
  241.     background-image: -o-linear-gradient(top,#4A3D34,#222);
  242.     background-image: linear-gradient(top,#4A3D34,#222);
  243.     background-attachment: fixed;
  244.     background-color: #222;
  245. }
  246.  
  247. .linefield input[type=text] {background-color: #222; border: 0px;}
  248.  
  249.  
  250.  
  251.  
  252. #header-bottom-right .userkarma,
  253. .side .linkinfo,
  254. .side .linkinfo .number,
  255. .side .linkinfo .word,
  256. .side .linkinfo .shortlink,
  257. .side .subscribe-button.fancy-toggle-button.toggle a,
  258. .side .subButtons span,
  259. .side .subscribers,
  260. .side .users-online,
  261. .side .leavemoderator,
  262. .side .titlebox .toggle,
  263. .tagline,
  264. body .side .title,
  265. .side .sidecontentbox,
  266. .account-activity-box,
  267. .tagline,
  268. .flat-list,
  269. .bottommenu,
  270. .submit-page .roundfield #suggested-reddits {
  271.     font-size: 12px !important;
  272.        
  273. }
  274.  
  275. .tagline {color: #000}
  276.  
  277. /* search */
  278.  
  279.  
  280.  
  281.  
  282.  
  283. .side #search {
  284.     border:1px solid #000;
  285.     padding:10px;
  286.     margin-top:40px;
  287.     color: #000;
  288.     background-color:#222222;
  289. }
  290. body.res-nightmode #search {
  291.     background-color: #AAA;
  292.     border-color: #BBB;
  293. }
  294. #search input[type=text] {
  295.     width:265px;
  296.     border:1px solid #DBDADA;
  297.     -moz-border-radius:2px;
  298.     -webkit-border-radius:2px;
  299.     -o-border-radius:2px;
  300.     -ms-border-radius:2px;
  301.     -khtml-border-radius:2px;
  302.     border-radius:2px;
  303.     font-size:14px;
  304.     font-style:italic;
  305.     padding:4px;
  306.     color: #000;
  307. }
  308.  
  309. /* side */
  310. .side {  background-image: -webkit-linear-gradient(top,#4A3D34,#000);
  311.     background-image: -moz-linear-gradient(top,#4A3D34,#000);
  312.     background-image: -ms-linear-gradient(top,#4A3D34,#000);
  313.     background-image: -o-linear-gradient(top,#4A3D34,#000);
  314.     background-image: linear-gradient(top,#4A3D34,#000);
  315.     background-attachment: fixed;
  316.     background-color: #222;
  317. }
  318.  
  319. .side { margin: 0 10px; }
  320. .titlebox .usertext .md {
  321.     margin: 0;
  322.     padding: 0;
  323.     overflow: visible
  324.     }
  325. .titlebox .usertext .md > h1 {
  326.     border: 0;
  327.     margin: 0;
  328.     padding: 0;
  329.     background-color: #222;
  330.     background-repeat: repeat-x;
  331.     background-position: top;
  332.     color: #BC7C25;
  333.     padding: 5px 10px;
  334.     padding-left: 10px;
  335.     padding-right: 0;
  336.     margin-right: 13px;
  337.     margin-left: -18px;
  338.     border-bottom: 1px solid #000000;
  339.     margin-bottom: 5px;
  340.     margin-top: 10px;
  341.     z-index: 100
  342.     }
  343. .titlebox .usertext .md > h1 {
  344.     border: 0;
  345.     margin: 0;
  346.     padding: 0;
  347.     background-color: #222;
  348.     color: #BC7C25;
  349.     padding: 5px 10px; /*H1 thickness*/
  350.     padding-left: 20px; /*triangular shadow*/
  351.     padding-right: 0px;
  352.     margin-right: 13px; /*H1 width right*/
  353.     margin-left: -19px; /*H1 width left*/
  354.     border-bottom: 0px solid #000000; /*H1 box bottom border*/
  355.     margin-bottom: 10px; /*H1 box padding below*/
  356.     margin-top: 15px; /*H1 box padding top*/
  357.     z-index: 100
  358.     }
  359. .titlebox .usertext .md > h1:after {
  360.     display: block;
  361.     content: "";
  362.     border-color: transparent #000000 transparent transparent;
  363.     border-style: solid;
  364.     border-width: 15px;
  365.     height: 0px;
  366.     width: 0px;
  367.     position: absolute;
  368.     z-index: -1;
  369.     margin-left: -35px;
  370.     margin-top: -10px
  371.     }
  372. .side .md h1 {
  373.     font-size: medium;
  374.     font-weight: bold;
  375.     color: #BC7C25 !important;
  376.     margin-bottom: 5px;
  377.     border: 0
  378. }
  379. .linkinfo { padding:15px; background-image: -webkit-linear-gradient(top,#4A3D34,#222);
  380.     background-image: -moz-linear-gradient(top,#4A3D34,#fff);
  381.     background-image: -ms-linear-gradient(top,#4A3D34,#fff);
  382.     background-image: -o-linear-gradient(top,#4A3D34,#fff);
  383.     background-image: linear-gradient(top,#4A3D34,#fff);
  384.     background-attachment: fixed;
  385.     background-color: #222;
  386.     border-radius: 5px !important;
  387.         border-width: 1px 0px;
  388.     border-style: solid;
  389.     border-color: #000; }
  390. body.res-nightmode .side .redditname a { color: #DDD !important; }
  391.  
  392. .linkinfo .score .word,.linkinfo .score .number { font-size:8px; }
  393. .sidecontentbox .content {  color: #000;  background-image: -webkit-linear-gradient(top,#4A3D34,#222);
  394.     background-image: -moz-linear-gradient(top,#4A3D34,#222);
  395.     background-image: -ms-linear-gradient(top,#4A3D34,#222);
  396.     background-image: -o-linear-gradient(top,#4A3D34,#222);
  397.     background-image: linear-gradient(top,#4A3D34,#222);
  398.     background-attachment: fixed;
  399.     background-color: #222;
  400.     padding:10px;
  401.     border: 0px solid;
  402. }
  403. .icon-menu li { margin:0 0 5px; }
  404. .icon-menu a {
  405.   background-color: transparent;
  406.   color: #000;
  407. }
  408. .side h1, .side h2, .side h3
  409. .side h1 {color: #BC7C25; font-size: 19px;}
  410. .side h2 {color: #5A422A; font-size: 16px;}
  411. .side h3 {color: #000; font-size: 16px;}
  412.  
  413. body.res-nightmode .login-form-side {
  414.     background-color: #111 !important;
  415.     color: #DDD !important;
  416.     border: 1px solid #DDD !important;
  417. }
  418.  
  419. body.res-nightmode .login-form-side #remember-me label { color: #DDD !important; }
  420. body.res-nightmode .login-form-side #remember-me input { width: auto !important; margin-left: 6px; }
  421. body.res-nightmode .side .login-form-side .submit { padding: 4px; background-color: transparent; }
  422. body.res-nightmode .side .login-form-side .submit .btn { margin: auto; }
  423.  
  424. /* submit */
  425. .sidebox.submit { width:300px; }
  426. body.res-nightmode .sidebox { padding-left: 0 !important; }
  427. body.res-nightmode .sidebox.submit { background-image: none !important; }
  428.  
  429. body.res-nightmode .sidebox.submit .nub {
  430.     background: #222;
  431.     border-left: 24px solid #393939;
  432. }
  433. body.res-nightmode .sidebox, body.res-nightmode .subredditbox, body.res-nightmode .subreddit-info, body.res-nightmode .raisedbox, body.res-nightmode .login-form-side {
  434.     border: 0 !important;
  435.     border-radius: 0 !important;
  436.     -moz-border-radius: 0 !important;
  437.     -webkit-border-radius: 0 !important;
  438. }
  439. body.res-nightmode .sidebox.submit .morelink a { color: #DDD !important; }
  440. body.res-nightmode .sidebox.submit:hover { background-color: #444 !important; }
  441. body.res-nightmode .sidebox.submit:hover .nub { border-left-color: #444; }
  442.  
  443. .morelink,.morelink:hover,.side a[href*='/#btn'] {
  444.     font-weight:normal;
  445.     letter-spacing:0;
  446.     background:#000;
  447.     color: #BC7C25;
  448.     border: none;
  449.     -moz-border-radius:2px;
  450.     -webkit-border-radius:2px;
  451.     -o-border-radius:2px;
  452.     -ms-border-radius:2px;
  453.     -khtml-border-radius:2px;
  454.     border-radius:2px;
  455.     height: 30px;
  456.     line-height: 30px;
  457.     overflow: hidden;
  458. }
  459.  
  460. .morelink a,.morelink a:hover { color:#574B49; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:16px; }
  461. .morelink .nub,.morelink:hover .nub {
  462.     top: 0;
  463.     right: -25px;
  464.     height: 0;
  465.     width: 0;
  466.     background: #574B49;
  467.  
  468.    
  469. }
  470.  
  471. .morelink:hover .nub { border-left-color: #4A3D34}
  472. .disabled .morelink a,.disabled .morelink a:hover { cursor:default; color:#000; }
  473. .morelink:hover { background-color:#222222; border-color:#000; }
  474. .disabled .morelink,.disabled .morelink:hover { background:#f5f5f5; border-color:#f5f5f5; }
  475. .disabled .morelink .nub,.disabled .morelink:hover .nub { background:url(%%sprites-05%%) 0 0 no-repeat transparent; border-color:#f5f5f5; }
  476.  
  477. /* CONTENT */
  478.  
  479. /* main content */
  480. .sitetable { font-family:"Trebuchet MS", Helvetica, sans-serif, sans-serif; clear:left;}
  481. .infobar { overflow:hidden; margin:0 0 10px; }
  482. .content { margin:20px 0 0 20px; }
  483.  
  484. .link {
  485.     overflow:hidden;
  486.     margin:0px;
  487.     padding:10px;
  488.     border:2px solid #000;
  489.     background-image: -webkit-linear-gradient(top,#4A3D34,#222);
  490.     background-image: -moz-linear-gradient(top,#4A3D34,#222);
  491.     background-image: -ms-linear-gradient(top,#4A3D34,#222);
  492.     background-image: -o-linear-gradient(top,#4A3D34,#222);
  493.     background-image: linear-gradient(top,#4A3D34,#222);
  494.     background-attachment: fixed;
  495.     background-color: #000;
  496.     color: #fff;
  497. }
  498. body.res-nightmode .sitetable .thing.link, body.res-nightmode div#siteTable div[onclick="click_thing(this)"] {
  499.     border: 1px solid #4c4c4c !important;
  500.     background-color: #333 !important;
  501. }
  502. body.res-nightmode .sitetable .thing.link .keyHighlight {
  503.     background-color: #363636 !important;
  504.     border-color: #666 !important;
  505.     outline-color: #666 !important;
  506. }
  507. body.res-nightmode .midcol {
  508.     background-color: #222 !important;
  509.     padding: 4px;
  510. }
  511.  
  512.  
  513.  
  514. /* main comments */
  515. .commentarea { margin-top:10px; }
  516. .link.self .usertext-body .md p,.comment .usertext-body .md p { line-height:1.3em; }
  517. .link .usertext .md { padding:5px 10px; }
  518. .panestack-title { border:none; margin:0; padding:0; }
  519. .panestack-title .title { float:left; font-size:11px; color:#888; margin:0; }
  520. .commentarea .menuarea { font-size:11px; margin:0; }
  521. .panestack-title:after { content:'-'; padding:0 5px; float:left; }
  522. .commentarea > .usertext { clear:left; margin:0; }
  523. .usertext-edit { width:auto; }
  524. .usertext-edit textarea { color: #fff; border: 0px; background-color: #222; width:430px; padding:10px; }
  525. .usertext .bottom-area { width:450px; }
  526. .comment .usertext .bottom-area { width:100%; }
  527. .usertext button { margin:5px 5px 10px 0; border:none; min-width:70px; }
  528. body.res-nightmode .usertext .help-toggle { background-color:#DDD; }
  529. .usertext .help-toggle a { color:#5A422A; }
  530. body.res-nightmode .usertext .help-toggle a { color:#444 !important; }
  531. .usertext table.markhelp { width:450px; font-size:11px; }
  532. .link .usertext .md { background-image: -webkit-linear-gradient(top,#4A3D34,#222);
  533.     background-image: -moz-linear-gradient(top,#4A3D34,#222);
  534.     background-image: -ms-linear-gradient(top,#4A3D34,#222);
  535.     background-image: -o-linear-gradient(top,#4A3D34,#222);
  536.     background-image: linear-gradient(top,#4A3D34,#222);
  537.     background-attachment: fixed;
  538.     background-color: #000;
  539.     border-radius: 5px !important;
  540.         border-width: 1px 0px;
  541.     border-style: solid;
  542.     border-color: #222;
  543.     color:#000;      
  544. }
  545. .entry .buttons li a { color: #000; font-family:"Trebuchet MS", Helvetica, sans-serif; }
  546.  
  547. .usertext .help-toggle, .res-nightmode button.RESBigEditorPop, .usertext .bottom-area .reddiquette {
  548.     background-color:#222;
  549.     border:none;
  550.     color:#BC7C25;
  551.     padding:6px;
  552.     margin:5px 3px;
  553.     font-size:13px;
  554.     -moz-border-radius:0px;
  555.     -webkit-border-radius:0px;
  556.     -o-border-radius:0px;
  557.     -ms-border-radius:0px;
  558.     -khtml-border-radius:0px;
  559.     border-radius: 0;
  560. }
  561.  
  562. .content .RESBigEditorPop {background-color: #222; color: #BC7C25; border: 0px;}
  563.  
  564. #RESShortcutsSort { background-color:transparent !important; }
  565. /* MODERATOR SPECIFIC */
  566.  
  567. /* stylesheet tweaks */
  568. .stylesheet-customize-container { width: 100%; }
  569. #subreddit_stylesheet { display: block; overflow: hidden; padding-right: 80px; }
  570. .sheets { margin: 0; }
  571.  
  572. #stylesheet_contents {
  573.     font-family: "Trebuchet MS", Helvetica, sans-serif;
  574.     padding: 12px;
  575.     background-color: #222;
  576.     color: #ace;
  577.     border: 8px solid #222;
  578. }
  579. body.res-nightmode #stylesheet_contents {
  580.     background-color: #111;
  581.     border-color: #111;
  582. }
  583.  
  584.  
  585. /* MISC STYLING */
  586.  
  587. /* tables */
  588. .md table { border: 1px solid #000; font-family: "Trebuchet MS", Helvetica, sans-serif; margin: 10px 0px; }
  589. body.res-nightmode .md table { border-color: #222; }
  590. .side .md table { width:100%; }
  591. .md table * { border: 0; }
  592. body.res-nightmode .md table * { color: #ddd; }
  593.  
  594. .md table tr:nth-child(even), .md table thead { background-color: #5A422A; }
  595. body.res-nightmode .md table tr:nth-child(even), body.res-nightmode .md table thead { background-color: #444; }
  596. .md table td, .md table th { border-right: 1px solid #000; padding: 4px 8px; }
  597. body.res-nightmode .md table td, body.res-nightmode .md table th { border-color: #666; }
  598. body:not(.res-nightmode) .md table tbody { color: #000; }
  599.  
  600. /* lists */
  601. .md > ul, .md > ol { border-left: 4px solid #000; }
  602. body.res-nightmode .md > ul, body.res-nightmode .md > ol { border-color: #000; }
  603.  
  604. .md ul, .md ol {
  605.     margin: 10px 0px;
  606.     padding: 6px;
  607.     background-image: -webkit-linear-gradient(top,#4A3D34,#222);
  608.     background-image: -moz-linear-gradient(top,#4A3D34,#222);
  609.     background-image: -ms-linear-gradient(top,#4A3D34,#222);
  610.     background-image: -o-linear-gradient(top,#4A3D34,#222);
  611.     background-image: linear-gradient(top,#4A3D34,#222);
  612.     background-attachment: fixed;
  613.     background-color: #222;
  614.     -moz-border-radius:2px;
  615.     -webkit-border-radius:2px;
  616.     -o-border-radius:2px;
  617.     -ms-border-radius:2px;
  618.     -khtml-border-radius:2px;
  619.     border-radius:2px;
  620. }
  621.  
  622. body.res-nightmode .md ul, body.res-nightmode .md ol { background-color: #444; }
  623. .md ul { list-style: disc inside; }
  624. .md ol { list-style: none; }
  625.  
  626. .md ul li, .md ol li {
  627.     padding: 4px 8px;
  628.     -moz-border-radius:2px;
  629.     -webkit-border-radius:2px;
  630.     -o-border-radius:2px;
  631.     -ms-border-radius:2px;
  632.     -khtml-border-radius:2px;
  633.     border-radius:2px;
  634. }
  635.  
  636. .md ul li ul, .md ol li ol { margin: 8px 4px; }
  637. .md ul li:nth-child(odd), .md ol li:nth-child(odd) { background-color: #684B2A; }
  638. body.res-nightmode .md ul li:nth-child(odd), body.res-nightmode .md ol li:nth-child(odd) { background-color: #222; }
  639. .md ol { counter-reset: inc 0; }
  640.  
  641. .md ol li:before {
  642.     counter-increment: inc 1;
  643.     content: counter(inc, decimal) '. ';
  644.     margin-right: 4px;
  645.     color: #999;
  646. }
  647.  
  648. /* boxes */
  649. .side blockquote + hr {
  650.     border-width:0;
  651.     width:0;
  652.     background-color:transparent;
  653.     color: #000;
  654.     margin:20px 0 0;
  655. }
  656. body.res-nightmode .side hr {
  657.     border: 0 !important;
  658.     border-bottom: 1px solid #000 !important;
  659. }
  660. .side blockquote {
  661.     border:0 none;
  662.     padding:15px;
  663.     margin:0;
  664.     border:1px solid #000;
  665.      background-image: -webkit-linear-gradient(top,#4A3D34,#222);
  666.     background-image: -moz-linear-gradient(top,#4A3D34,#222);
  667.     background-image: -ms-linear-gradient(top,#4A3D34,#222);
  668.     background-image: -o-linear-gradient(top,#4A3D34,#222);
  669.     background-image: linear-gradient(top,#4A3D34,#222);
  670.     background-attachment: fixed;
  671.     background-color: #222;
  672.     -moz-border-radius:2px;
  673.     -webkit-border-radius:2px;
  674.     -o-border-radius:2px;
  675.     -ms-border-radius:2px;
  676.     -khtml-border-radius:2px;
  677.     border-radius:2px;
  678. }
  679.  
  680. .side h6 { height:0; }
  681. .side blockquote h1 ~ p { margin-left:21px; }
  682. .side blockquote h1 { background-color: transparent !important; margin-bottom: 15px; }
  683. .side blockquote pre, .side blockquote code { color: #000 !important; }
  684. .side h6 + blockquote p, .side h5 + blockquote p, .side h4 + blockquote p { color: #000; }
  685. .side h6 + blockquote a, .side h5 + blockquote a, .side h4 + blockquote a { color: #000; }
  686. .side .spacer .md h1, .side .spacer .md h2, .side .spacer .md h3 {  background-image: -webkit-linear-gradient(top,#4A3D34,#222);
  687.     background-image: -moz-linear-gradient(top,#4A3D34,#222);
  688.     background-image: -ms-linear-gradient(top,#4A3D34,#222);
  689.     background-image: -o-linear-gradient(top,#4A3D34,#222);
  690.     background-image: linear-gradient(top,#4A3D34,#222);
  691.     background-attachment: fixed;
  692.     background-color: #222;}
  693. .side blockquote + p,.side p + blockquote,.side p + h4,.side p + h5,.side p + h6 { margin-top:15px; }
  694. body.res-nightmode .side blockquote h1, body.res-nightmode .side blockquote h1 a { color: #EEE !important; }
  695. body.res-nightmode .side h4+blockquote,body.res-nightmode .side h5+blockquote,body.res-nightmode .side h6+blockquote { background-color: #222; }
  696.  
  697. /* colors */
  698. .md h4 + table { border-color: #000; }
  699. .md h4 + table td, .md h4 + table th { border-right-color: #000; }
  700. .md h4 + table tr:nth-child(even), .md h4 + table thead {background-color: #222; }
  701. .md h5 + table { border-color: #000; }
  702. .md h5 + table td, .md h5 + table th { border-right-color: #000; }
  703. .md h5 + table tr:nth-child(even), .md h5 + table thead {background-color: #222; }
  704. .md h6 + table { border-color: #000; }
  705. .md h6 + table td, .md h6 + table th { border-right-color: #000; }
  706. .md h6 + table tr:nth-child(even), .md h6 + table thead {background-color: #222;}
  707.  
  708. .md h4 + ul, .md h4 + ol { border-left-color: #000; }
  709. .md h4 + ul li:nth-child(odd), .md h4 + ol li:nth-child(odd) {background-color: #222; }
  710. .md h5 + ul, .md h5 + ol { border-left-color: #000; }
  711. .md h5 + ul li:nth-child(odd), .md h5 + ol li:nth-child(odd) {background-color: #222;}
  712. .md h6 + ul, .md h6 + ol { border-left-color: #000; }
  713. .md h6 + ul li:nth-child(odd), .md h6 + ol li:nth-child(odd) {background-color: #222; }
  714.  
  715. .side h6 + blockquote { display:block;  background-color: #5A422A; border:1px solid #000;}
  716. .side h5 + blockquote { display:block;  background-color: #5A422A;  border:1px solid #000; }
  717. .side h4 + blockquote { display:block;  background-color: #5A422A;  border:1px solid #000; }
  718.  
  719. body.res-nightmode .md h4 + table { border-color: #9EF886; }
  720. body.res-nightmode .md h4 + table td, body.res-nightmode .md h4 + table th { border-right-color: #9EF886; }
  721. body.res-nightmode .md h4 + table tr:nth-child(even), body.res-nightmode .md h4 + table thead { background-color: #207807; }
  722. body.res-nightmode .md h5 + table { border-color: #F4F225; }
  723. body.res-nightmode .md h5 + table td, body.res-nightmode .md h5 + table th { border-right-color: #F4F225; }
  724. body.res-nightmode .md h5 + table tr:nth-child(even), body.res-nightmode .md h5 + table thead { background-color: #626105; }
  725. body.res-nightmode .md h6 + table { border-color: #FF9185; }
  726. body.res-nightmode .md h6 + table td, body.res-nightmode .md h6 + table th { border-right-color: #FF9185; }
  727. body.res-nightmode .md h6 + table tr:nth-child(even), body.res-nightmode .md h6 + table thead { background-color: #670808; }
  728.  
  729. body.res-nightmode .md h4 + ul, body.res-nightmode .md h4 + ol { border-left-color: #9EF886; }
  730. body.res-nightmode .md h4 + ul li:nth-child(odd), body.res-nightmode .md h4 + ol li:nth-child(odd) { background-color: #207807; }
  731. body.res-nightmode .md h5 + ul, body.res-nightmode .md h5 + ol { border-left-color: #F4F225; }
  732. body.res-nightmode .md h5 + ul li:nth-child(odd), body.res-nightmode .md h5 + ol li:nth-child(odd) { background-color: #626105; }
  733. body.res-nightmode .md h6 + ul, body.res-nightmode .md h6 + ol { border-left-color: #FF9185; }
  734. body.res-nightmode .md h6 + ul li:nth-child(odd), body.res-nightmode .md h6 + ol li:nth-child(odd) { background-color: #670808; }
  735. /* buttons */
  736. .btn, button, .side a[href*='/#btn'] {
  737.     background-color:#222222;
  738.     border:none;
  739.     color:#BC7C25;
  740.     padding:6px;
  741.     margin:5px 5px 5px 0;
  742.     cursor:pointer;
  743.     font-size:18px;
  744.     font-family:"Trebuchet MS", Helvetica, sans-serif;
  745.     -moz-border-radius:2px;
  746.     -webkit-border-radius:2px;
  747.     -o-border-radius:2px;
  748.     -ms-border-radius:2px;
  749.     -khtml-border-radius:2px;
  750.     border-radius:2px;
  751. }
  752. .side a[href*='/#btn'] {
  753.     text-align: center;
  754.     display: block;
  755.     width: auto;
  756.     font-weight: normal;
  757.     letter-spacing: 0;
  758.     line-height: 29px;
  759.     margin:10px 0px;
  760. }
  761.  
  762. body.res-nightmode .btn, body.res-nightmode button,
  763. body.res-nightmode .side a[href*='/#btn'] { color: #444 !important; background-color: #CCC !important; }
  764. .btn a { color:#BC7C25; }
  765. body.res-nightmode .btn a { color: #444 !important; }
  766. .btn:hover,button:hover,.side a[href*='/#btn']:hover { background-color:#000; border-color:#BC7C25; }
  767. body.res-nightmode .btn:hover, body.res-nightmode button:hover,
  768. body.res-nightmode .side a[href*='/#btn']:hover { background-color:#DDD !important; border-color:#DDD; }
  769.  
  770. /* code styling */
  771. .usertext-body pre {
  772.     margin:10px 0;
  773.     padding:10px;
  774.     color: #fff!important;
  775. }
  776. .usertext-body pre, .usertext-body p > code {
  777.     background:#BC7C25;
  778.     border:1px solid #000;
  779.     -moz-border-radius:2px;
  780.     -webkit-border-radius:2px;
  781.     -o-border-radius:2px;
  782.     -ms-border-radius:2px;
  783.     -khtml-border-radius:2px;
  784.     border-radius:2px;
  785.     font-size:11px;
  786.     color: #000 !important;
  787.     overflow: auto;
  788. }
  789. .usertext-body code {
  790.     color: #000 !important;
  791.     font-family:"Trebuchet MS", Helvetica, sans-serif;
  792.     line-height:1.5em;
  793. }
  794. .usertext-body p > code {
  795.     padding:0 3px;
  796.     color: #000 !important;
  797. }
  798.  
  799. /* mobile-friendly spoiler tags (credit /u/listen2) */
  800. a[href='#s'] {
  801.     font-size:0;
  802.     visibility:hidden;
  803.     cursor:default;
  804.     display:inline-block;
  805. }
  806. a[href='#s']::after {
  807.     content:attr(title);
  808.     background:#222222;
  809.     color:#BC7C25;
  810.     font-size:small;
  811.     visibility:visible;
  812. }
  813. body.res-nightmode a[href='#s']::after {
  814.     content:attr(title);
  815.     background:#666;
  816.     color:#666;
  817.     font-size:small;
  818.     visibility:visible;
  819. }
  820. a[href='#s']:hover::after,a[href='#s']:active::after {
  821.     color:#000;
  822.     background:transparent;
  823.     text-decoration:none;
  824.     font-size:small;
  825. }
  826. body.res-nightmode a[href='#s']:hover::after, body.res-nightmode a[href='#s']:active::after {
  827.     color:#DDD;
  828.     background:transparent;
  829.     text-decoration:none;
  830.     font-size:small;
  831. }
  832.  
  833. /* sidebar icons */
  834. .side a[href*='#icon-'] { color:#000; cursor:default; }
  835. .side a[href*='#icon-']:hover { text-decoration:none; }
  836. .side a[href*='#icon-']::before {
  837.     display:inline-block;
  838.     height:16px; width:16px;
  839.     content:'';
  840.     margin:0 5px -1px 0;
  841.     background: url(%%sprites-05%%) 30px 30px no-repeat;
  842. }
  843.  
  844. .side a[href='#icon-exclamation']::before   {background-position: -16px -32px;}
  845. .side a[href='#icon-information']::before   {background-position: -54px -51px;}
  846. .side a[href='#icon-lightbulb']::before     {background-position: -16px -51px;}
  847. .side a[href='#icon-comments']::before      {background-position: -35px -89px;}
  848. .side a[href='#icon-unhappy']::before       {background-position: -73px -89px;}
  849. .side a[href='#icon-check']::before         {background-position: -73px -51px;}
  850. .side a[href='#icon-clock']::before         {background-position: -35px -51px;}
  851. .side a[href='#icon-cross']::before         {background-position: -35px -70px;}
  852. .side a[href='#icon-smile']::before         {background-position: -54px -89px;}
  853. .side a[href='#icon-error']::before         {background-position: -54px -32px;}
  854. .side a[href='#icon-note']::before          {background-position: -54px -70px;}
  855. .side a[href='#icon-star']::before          {background-position: -73px -32px;}
  856. .side a[href='#icon-help']::before          {background-position: -16px -70px;}
  857. .side a[href='#icon-time']::before          {background-position: -73px -70px;}
  858. .side a[href='#icon-bell']::before          {background-position: -35px -32px;}
  859. .side a[href='#icon-eye']::before           {background-position: -16px -89px;}
  860.  
  861.  
  862. /* SUBREDDIT-SPECIFIC STYLES - add you own styles below without modifying the code above.*/
  863.  
  864. a.title:visited { color: #000!important; }
  865. .titlebox form.toggle, .leavemoderator { background-image: -webkit-linear-gradient(top,#4A3D34,#000);
  866.     background-image: -moz-linear-gradient(top,#4A3D34,#000);
  867.     background-image: -ms-linear-gradient(top,#4A3D34,#000);
  868.     background-image: -o-linear-gradient(top,#4A3D34,#000);
  869.     background-image: linear-gradient(top,#4A3D34,#000);
  870.     background-attachment: fixed;
  871.     background-color: #222;
  872. }
  873.  
  874. .leavemoderator {color: #000;}
  875. .leavesubmitter {color: #000;
  876. }
  877.  
  878. .sidebox .nub {background-color: #222;}
  879.  
  880. /* dividing bar under logo */
  881. #header {
  882. -moz-box-shadow: 0px 0px 15px #412B1D;
  883. -webkit-box-shadow: 0px 0px 15px #222;
  884. box-shadow: 0px 0px 15px #BC7C25;
  885. margin:0px;
  886. padding:0;
  887. border-bottom:none;
  888. width:100%;
  889. z-index:100;
  890. }
  891. /* end logo bar*/
  892.  
  893.  
  894.  
  895. /*  announcement banner from /r/startrek */
  896.  
  897. /* use "######" in side */
  898.  
  899. /*---------Announcement banner colors ---------*/
  900.  
  901. .titlebox .usertext-body .md h6:before {
  902.     /* background-color: #FED259;*/  /*Gold*/
  903.     /*  background-color: #4379AE;*/    /*Blue*/
  904.     /*   background-color: #cb4827;*/  /*Red*/
  905.           background-color: #4C809E; /*unknown name*/
  906.        color:white;                  /*If banner color is "gold" change this to "black", otherwise leave it "white"*/
  907. }
  908.  
  909. .titlebox .usertext-body .md h6 {
  910.     color: #FED259;    /*Gold*/
  911.      /*color: #5091D0;*/      /*Blue*/
  912.     /*color: #000;*/    /*black*/
  913.           /*color: #2681E9;*/
  914. }
  915.  
  916.  
  917. /*---------Announcement banner ---------*/
  918.  
  919.  
  920. .titlebox .usertext-body .md h6 {
  921.     position: absolute;
  922.     top: 226px;
  923.     right: 13px;
  924.     z-index: 100;
  925. }
  926. .usertext-body .md h6 {
  927.     line-height: 13px;
  928.     margin: 0 auto;
  929.     height: 18px;
  930.     white-space: nowrap;
  931.     background: black;
  932.     /*background: url(%%image%%);*/ /* optional */
  933.     font-size: 13px;
  934.     font-weight: normal;
  935.     text-align: center;
  936. /* 2nd px padding sets the width of the banner */
  937.     padding: 5px 5px 0px 5px;
  938.     display: block;
  939.     border-top-right-radius: 7px;
  940.     border-bottom-right-radius: 7px;
  941.     border-top-left-radius: 7px;
  942.     border-bottom-left-radius: 7px;
  943. }
  944.     /*has 'content' (editable below) before the main text in a separate background colour)
  945. .titlebox .usertext-body .md h6:before {
  946.     content: " EDIT ME ";
  947.     font: 10px "Trebuchet MS", Helvetica, sans-serif;
  948.     display: inline-block;
  949.     border-top-left-radius: 7px;
  950.     border-bottom-left-radius: 7px;
  951.     position: absolute;
  952.     left: -10px;
  953.     top: 0px;
  954.     height: 13px;
  955.     padding: 5px 5px 5px 2px;
  956.     text-align: right;
  957.     width: 128px;
  958.     display: table-cell;
  959.     vertical-align: top;
  960.     text-shadow: none;}
  961.  
  962. /* end startrek banner */
  963.  
  964. .listing-page > .content,
  965. .comments-page > .content {
  966.     margin-top: 40px;
  967. }
  968. .listing-page .tabmenu,
  969. .comments-page .tabmenu {
  970.     position: absolute;
  971.     top: 100%;
  972.     left: 15px;
  973. }
  974.  
  975. .tabmenu {background-color: #100C0A }
  976.  
  977. .res .keyHighlight {
  978.     background-color: #BC7C25
  979. }
  980.  
  981. #header .tabmenu li a { color: #888888; background-color: #222; }
  982. #header .tabmenu li.selected a { color: #BC7C25; background-color: #000; }
  983.  
  984.  
  985. /* Remove post highlight */
  986. .res .RES-keyNav-activeElement,
  987. .res .commentarea .RES-keyNav-activeElement .md,
  988. .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed,
  989. .res .keyHighlight,
  990. .res .commentarea .keyHighlight .md,
  991. .res .commentarea .keyHighlight.entry .noncollapsed {
  992.     outline: 0px solid!important;
  993.     background: transparent !important;
  994. }
  995. /* END Remove post highlight */
  996.  
  997.  
  998.  
  999.  
  1000.  
  1001.  
  1002. .sidebox.create .morelink { display: none; }  .sidebox.submit .spacer { display: none; } .sidebox.create .spacer { display: none; }
  1003.  
  1004.  
  1005.  
  1006. .sidecontentbox .title h1 { color: black;}
  1007.  
  1008. .side .subscribe-button.fancy-toggle-button.toggle a
  1009. {
  1010.     color: #d3d3d3 !important;
  1011.     background: #222222 !important;
  1012.     border: 1px solid #100C0A !important
  1013. }
  1014.  
  1015. .linklisting .thing a.title {color: #BC7C25 !important;}
  1016.  
  1017. .loggedin .thing .title:visited {color: #000 !important}
  1018.  
  1019.  
  1020.  
  1021. element.style {color: #BC7C25;}
  1022.  
  1023. a,
  1024. a.author,
  1025. .domain,
  1026. .domain a {color: #BC7C25
  1027. }
  1028.  
  1029.  
  1030. .link .score,
  1031. .link .score.likes {color: #BC7C25
  1032. }
  1033.  
  1034. .link .score.dislikes {color: #695B57
  1035. }
  1036.  
  1037. .link.self .expando-button {
  1038.     visibility: hidden;
  1039. }
  1040.  
  1041. .arrow.upmod {color: #BC7C25}
  1042.  
  1043. .link.last-clicked {border : 1px solid #BC7C25}
  1044.  
  1045. .usertaglink {display: block;}
  1046.  
  1047. res.livePreview,
  1048. .livePreview .md,
  1049. .RESDialogSmall,
  1050. .livePreview {background-color: #222;
  1051. }
  1052.  
  1053. .gold-accent.comment-visits-box,
  1054. .gold-accent {background-color: #4A3D34; color: #BC7C25; border: #BC7C25;}
  1055.  
  1056. .res-commentBoxes.res-commentBoxes-rounded .comment {border:0px;}
  1057.  
  1058. .tabmenu.formtab .selected a {background-color: #222; color: #BC7C25; }
  1059.  
  1060. .tabmenu li a,
  1061. .tabmenu-formtab a {background-color: #222; color: #fff; }
  1062. .tabmenu.formtab a {border: 1px #222;}
  1063. .formtabs-content {border-top: 0px;}
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!