API tools faq
paste
hero0fwar

/r/tvreddits

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