Advertisement
SpanishMeerkat

PLoungeplugdj updated CSS with some stuffs

Dec 17th, 2014
223
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 74.67 KB | None | 0 0
  1. body {
  2. min-width: 940px;
  3. background-color:  #1C1F25;
  4. color: rgb(238, 238, 238);
  5. font-family: 'Open Sans',sans-serif;
  6. }
  7.  
  8. .res-nightmode body{
  9. background-color: #1C1F25;
  10. }
  11.  
  12. /* Custom browser CSS */
  13. :focus {outline: 0px;}
  14.  
  15. td {
  16. margin: 0;
  17. padding: 0;
  18. color: gray;
  19. }
  20.    
  21. .side h1 {
  22.   color: #fff;
  23. }      
  24. /* Link */
  25. a {
  26. color: #00b5e6! important;
  27. }
  28. a:hover {
  29. text-decoration: underline;
  30. }
  31. .error {
  32. color: #ff4444!important;
  33. font-size: 13px!important;
  34. font-family: 'Open Sans',sans-serif;
  35. }
  36.  
  37. .comments-page #noresults:after {
  38. content: "... so tell us what you think! Make sure to follow all rules and guidelines while posting on the PLounge's official plug.dj subreddit.";
  39. }
  40.  
  41. /* General Button*/
  42. button, #search input[type='submit'], .wiki-page .wiki-page-content .wiki_button {
  43. margin: 3px 3px 3px 3px;
  44. padding: 0px 8px 1px 8px;
  45. background-color: #1c1f25;
  46. border: 1px solid rgb(153, 153, 153);
  47. border-radius: 2px;
  48. -webkit-box-shadow: 0 1px 0 rgb(153, 153, 153);
  49. box-shadow: 0 1px 0 rgb(153, 153, 153);
  50. color: #fefefe !important;
  51. text-transform: capitalize;
  52. font-weight: bold;
  53. line-height: 26px;;
  54. cursor: default;
  55. }
  56.  
  57. button:hover, #search input[type='submit']:hover, .wiki-page .wiki-page-content .wiki_button:hover {
  58. padding-bottom: 1px;
  59. border-color: #fefefe;
  60. border-bottom-width: 1px;
  61. color: #fefefe !important;
  62. }
  63.  
  64. button:active, #search input[type='submit']:active, .wiki-page .wiki-page-content .wiki_button:active {
  65. padding-bottom: 0px;
  66. background-color: rgb(153, 153, 153);
  67. border-color: rgb(153, 153, 153);
  68. border-top-width: 2px;
  69. border-bottom-width: 1px;
  70. -webkit-box-shadow: 0 1px 0 rgb(153, 153, 153);
  71. box-shadow: 0 1px 0 rgb(153, 153, 153);
  72. color: #333 !important;
  73. line-height: 25px;
  74. }
  75.  
  76.  
  77. /* Header Area */
  78. /* Top Most header */
  79. #sr-header-area {
  80. opacity: 0.4;
  81. height: 18px;
  82. background-color: #333;
  83. border-bottom: 1px solid #333;
  84. }
  85.  
  86. #sr-header-area:hover {
  87. opacity: 90;
  88. }
  89.  
  90. #sr-header-area a {
  91. color: #C4C4C4;
  92. font-family: 'Open Sans',sans-serif;
  93. }
  94.        
  95. #sr-header-area a:hover {
  96. color: #7CA9FF;
  97. text-decoration: none;
  98. }
  99.        
  100. #sr-more-link {
  101. position: absolute;
  102. background-color: #333;
  103. color: #C4C4C4;
  104. }
  105.        
  106. .dropdown.srdrop .selected {background-image: none;}
  107. .dropdown.srdrop .selected:after {content: "▼";}
  108. .sr-bar .separator {color: #333;}
  109.  
  110. #sr-header-area .width-clip .dropdown.srdrop .selected.title {
  111. color: #C4C4C4;
  112. font-size: 9px;
  113. font-weight: normal;
  114. font-family: 'Open Sans',sans-serif;
  115. padding-right: 3px;
  116. }
  117.  
  118. #sr-header-area .width-clip .dropdown.srdrop .selected.title:hover {
  119. color: #00b5e6;
  120. }
  121.  
  122. #sr-header-area .drop-choices a.choice {
  123. color: #333 !important;
  124. }
  125.  
  126.  #sr-header-area .drop-choices a.choice:hover {
  127. background-color: #00b5e6;
  128. color: #1c1f25 !important;
  129.  }
  130.  
  131. #srList {
  132. position: absolute;
  133. top: 18px;
  134. left: 0;
  135. z-index: 9999;
  136. display: none;
  137. border: 1px solid black;
  138. background-color: #333! important;
  139. width: auto;
  140. overflow-y: auto;
  141. }
  142.  
  143. #srList tr:hover {
  144. background-color: #1C1F25! important;
  145. }
  146.  
  147. #srList td {
  148. color: white! important;
  149. }
  150.  
  151. .res-nightmode #sr-header-area {
  152. opacity: 0.4;
  153. height: 18px;
  154. background-color:#333! important;
  155. border-bottom: 1px solid #333;
  156. }
  157.  
  158. .res-nightmode #sr-header-area:hover {
  159. opacity: 90;
  160. }
  161.  
  162. .res-nightmode #sr-header-area a {
  163. color: #C4C4C4! important;
  164. font-family: 'Open Sans',sans-serif;
  165. }
  166.  
  167. .res-nightmode #sr-header-area a:hover {
  168. color: #7CA9FF! important;
  169. text-decoration: none;
  170. }  
  171.  
  172. .res-nightmode #sr-more-link {
  173. position: absolute;
  174. background-color: #333;
  175. color: #C4C4C4! important;
  176. }
  177.  
  178. .res-nightmode .dropdown.srdrop .selected {background-image: none;}
  179. .res-nightmode .dropdown.srdrop .selected:after {content: "▼"! important;}
  180. .res-nightmode .sr-bar .separator {color: #333! important;}
  181.  
  182. .res-nightmode #sr-header-area .width-clip .dropdown.srdrop .selected.title {
  183. color: #C4C4C4! important;
  184. font-size: 9px;
  185. font-weight: normal;
  186. font-family: 'Open Sans',sans-serif;
  187. padding-right: 3px;
  188. }
  189.    
  190.     /* Header Image */
  191. #header {
  192. height: 190px;
  193. background:url(%%headerimg%%) no-repeat center center;
  194. border-bottom: 0px solid;
  195.  } 
  196.  
  197. .res-nightmode #header {
  198.         height: 190px;
  199.         background: url(%%headerimg%%) no-repeat center -375px!important;
  200.         border-bottom: 0px solid;
  201.  }
  202.        
  203. #header:after {
  204. position: absolute;
  205. top: 170px;
  206. left: 0px;
  207. z-index: -1;
  208. width: 100%;
  209. height: 44px;
  210. background: #1c1f25;
  211. border-bottom: 0px solid;
  212. content: " ";
  213. text-indent: -999px;
  214. }
  215.  
  216. #header-img {
  217. position: absolute;
  218. top: 168px;
  219. left: 0px;
  220. z-index: 99;
  221. width: 44px! important;
  222. height: 44px! important;
  223. background-image: url(%%spritesheet%%)! important;
  224. background-position: 0px -226px! important;
  225. background-repeat: no-repeat! important;
  226. }
  227.  
  228. #header-img:hover {
  229. background-position: -44px -226px! important;
  230. }
  231.            
  232. .pagename a {
  233. display: block;
  234. visibility: visible !important;
  235. position: absolute;
  236. left: 50%;
  237. z-index: 99;
  238. background-image: url(%%logo%%);
  239. background-position: 0px 0px;
  240. background-repeat: no-repeat;
  241. text-indent: -9999px;          
  242. }
  243.  
  244. .pagename a:hover {
  245.  background-position: 0px 79px;
  246.  opacity: 1;
  247.  -webkit-transition: all 0.4s ease-in-out;
  248.  -moz-transition: all 0.4s ease-in-out;
  249.  -o-transition: all 0.4s ease-in-out;
  250.  transition: all 0.4s ease-in-out;
  251. }
  252.  
  253. .pagename {visibility: hidden;}
  254.  
  255. /* HOT / NEW / ETC */
  256. #header .tabmenu {
  257. display: block;
  258. position: absolute;
  259. top: 170px;
  260. margin: 0px;
  261. right: 0px;
  262. left: 0px;
  263. padding: 0px;
  264. height: 44px;
  265. background-color: rgb(17, 19, 23);
  266. border-bottom: 0px solid;
  267. color: rgb(238, 238, 238);
  268. list-style-type: none;
  269. vertical-align: bottom;
  270. text-align: center;
  271. white-space: nowrap;
  272. font-weight: normal;
  273. font-size: 15px;
  274. font-family: 'Open Sans',sans-serif;
  275. min-width: 450px;
  276. }
  277.  
  278. .tabmenu li {
  279. display: inline-block;
  280. margin:7px 0px 0px 0px;
  281. }
  282.            
  283. .tabmenu li a {
  284. margin: 0px 17px 0px 17px! important;
  285. padding: 8px 0px 8px 0px!important;
  286. background-color: transparent;
  287. border: 0px solid;
  288. color: rgb(153, 153, 153);
  289. font-weight: normal;
  290. font-size: 22px;
  291. font-family: 'Open Sans',sans-serif;
  292. }
  293.  
  294. .tabmenu li a:hover {border-bottom: 2px solid #00b5e6;color: rgb(238, 238, 238);text-decoration: none;}
  295.            
  296. .tabmenu li.selected a {
  297. z-index: 100! important;
  298. background-color: transparent! important;
  299. border: 0px solid! important;
  300. border-bottom: 2px solid #00b5e6! important;
  301. color: rgb(238,238,238)!important;
  302. font-size: 22px!important;
  303. font-family: "Open Sans",sans-serif;
  304. }
  305.  
  306. .tabmenu li.selected a:hover {
  307. border-color: #B87617;
  308. }
  309.  
  310. .res #header .tabmenu {
  311. text-align: left;
  312. margin-left: 45px;
  313. }
  314. .res-nightmode .tabmenu li a, .res-nightmode .login-form, .res-nightmode .login-form input[name*="passwd"], .res-nightmode .login-form-side .submit, .res-nightmode #header-bottom-right {
  315. background-color: transparent !important;
  316. }
  317. .res-nightmode .flair {
  318.  background-color: rgba(0,0,0,0);
  319.  }
  320.  
  321. .listing-page .tabmenu li:nth-of-type(3),   /* Rising */
  322. .listing-page .tabmenu li:nth-of-type(4),   /* Controversial */
  323. .listing-page .tabmenu li a[href*="/promoted"], /* Self-serve advertising */
  324. .listing-page .tabmenu li a[href*="/gilded"]    /* gilded */
  325. {display:none;}
  326.  
  327.     /* User bar */
  328. #header-bottom-right {
  329. position: absolute;
  330. top: 179px;
  331. right: 0px;
  332. width: auto;
  333. height: 21px;
  334. background-color:  transparent;
  335. border-left: 0px solid rgb(52, 52, 52);
  336. }
  337. .user {color: #7A7A7A;}
  338. .loggedin .user {color: #7A7A7A;}
  339.            
  340. #header-bottom-right a {
  341. color: #7A7A7A;
  342. font-weight: normal;
  343. font-size: 15px;
  344. }
  345.  
  346. #header-bottom-right a:hover {
  347. border-bottom: 1px solid #00b5e6;
  348. color: #333;
  349. text-decoration: none;
  350. }
  351.  
  352.     /* Mail / Modmail icons */
  353. #mail {
  354. top: 0px;
  355. overflow: visible;
  356. width: 16px;
  357. height: 16px;
  358. background-image: url(%%spritesheet%%) !important;
  359. }
  360.  
  361. #mail:hover, #modmail:hover {
  362. border-bottom: 0px solid !important;
  363. }
  364.            
  365. #mail.nohavemail {background-position: -64px 0px;}
  366. #mail.havemail   {background-position:-80px 0px;}
  367. #mail.havemail:before, #modmail.havemail:before  {
  368. display: block;
  369. visibility: visible !important;
  370. position: fixed;
  371. top: 4px;
  372. right: 10px;
  373.  z-index: 2;
  374. z-index: 0;
  375. width: 25px;
  376. height: 25px;
  377. background-color: #1c1f25;
  378. background-image: url(%%spritesheet%%);
  379. background-position: -126px -50px;
  380. border-radius: 50%;
  381. content: " ";
  382. }
  383.  
  384.            
  385. #modmail {
  386. top: -2px;
  387. margin-bottom: -6px;
  388. width: 16px;
  389. height: 16px;
  390. background-image: url(%%spritesheet%%) !important;
  391. }
  392.            
  393.  
  394. #modmail.havemail   {background-position:-112px 0px;}
  395. #modmail.nohavemail {background-position:-96px 0px;}
  396. #modmail.havemail:before {background-position: -151px -50px; margin-right: 40px;}
  397.  
  398.  
  399.     /* Preferences & Logout Icons */
  400. #header-bottom-right a.pref-lang, .loggedin .logout a{
  401. background-position: -96px -49px;
  402. background-image: url(%%spritesheet%%);
  403. width: 16px;
  404. height: 16px;
  405. display: inline-block;
  406. text-indent: -9999px;
  407. margin: 0px;
  408. position: relative;
  409. top: -2px;
  410. }
  411.  
  412. .loggedin .logout a {background-position: -80px -49px;}
  413.  
  414. .gearIcon {
  415. background-image: url(%%spritesheet%%)!important;
  416. background-position: -80px -65px!important;
  417. height: 16px!important;
  418. width: 17px!important;
  419. }
  420.  
  421.  
  422.     /* Opacity Hoves */
  423. #modmail, #mail, .gearIcon, #header-bottom-right a.pref-lang,
  424. .loggedin .logout a {
  425. opacity: 0.75;
  426. }
  427.  
  428. #modmail:hover, #mail:hover, #header-bottom-right a.pref-lang:hover,
  429. .loggedin .logout a:hover, .gearIcon:hover {
  430. opacity: 1;
  431. text-decoration: none !important;
  432. border-bottom: 0px solid !important;
  433. }
  434.  
  435.  
  436.     /* Sidebar */
  437. .side {
  438. float: right;
  439. margin: 420px 10px 0px 0px;
  440. padding-top: 25px;
  441. width: 300px;
  442. text-align: left;
  443. font-family: 'Open Sans',sans-serif;
  444.  }
  445.  
  446. .res-nightmode .side .titlebox, .res-nightmode .side .leavemoderator, .res-nightmode .side .titlebox .usertext-body ol, .res-nightmode .side .titlebox .usertext-body ol{
  447. background-color:#1C1F25;
  448. }
  449.  
  450. div.thing.link:first-child:after {
  451.  position: fixed;
  452.  top: 240px;
  453.  right: 10px;
  454.  z-index: 998;
  455.  width: 70px;
  456.  height: 70px;
  457.  border: 0;
  458.  content: "";
  459.  background:url(%%fillyvinyl%%)
  460. }
  461. .side a[href="/r/PLoungeplugdj/new/"]
  462. {
  463.  display:block;
  464.  width:70px;
  465.  height:70px;
  466.  position:fixed;
  467.  top: 240px;
  468.  right: 10px;
  469.  z-index:999
  470. }
  471.  
  472.     /* SUBMIT LINK OR POST */
  473. .morelink {
  474. z-index: 97! important;
  475. width: 240px! important;
  476. height: 40px! important;
  477. background-color: #00b5e6! important;
  478. background-image: url(%%plug-spritesheet%%)! important;
  479. background-position: -270px -312px! important;
  480. background-repeat: no-repeat! important;
  481. border: none! important;
  482. border-top: 2px solid #00b5e6! important;
  483. border-bottom: 3px solid #00b5e6! important;
  484. border-radius: 0px! important;
  485. -webkit-box-shadow: 0 0px 0px #0091B8! important;
  486. box-shadow: 0 0px 0px #0091B8! important;
  487. margin-left: 30px! important;
  488. cursor: pointer;
  489. }
  490. .morelink a {
  491. color: #EEE !important;
  492. text-shadow: 0px 0px 0px #00b5e6! important;
  493. letter-spacing: 0px! important;
  494. font-weight: normal! important;
  495. font-size: 18px! important;
  496. font-family: 'Open Sans',sans-serif;
  497. cursor: pointer;
  498. line-height: 40px! important;
  499. margin: 0px 0px 0px 15px! important;
  500. }
  501. .morelink:hover{
  502. border-color: #0091B8 !important;
  503. background-color: #0091B8! important;
  504. background-image: url(%%plug-spritesheet%%);
  505. background-position: -270px -312px! important;
  506. background-repeat: no-repeat! important;
  507. background-position: -270px -312px !Important;
  508. }
  509.  
  510. .res-nightmode .sidebox
  511. {
  512. background-color: transparent! important;
  513. border: 0px solid transparent! important;
  514. border-image-source: initial;
  515. border-image-slice: initial;
  516. border-image-width: initial;
  517. border-image-outset: initial;
  518. border-image-repeat: initial;
  519. color: rgb(170, 170, 170);
  520. border-radius: 8px;
  521. }
  522.  
  523. .subscriber .morelink a:after {
  524. position: fixed;
  525. top: 4px;
  526. right: 30px;
  527. z-index: 98;
  528. background-color: transparent;
  529. color: #1c1f25;
  530. content: "Post";
  531. padding: 0px 12px;
  532. }
  533.  
  534. .account-activity-box, .sidebox.create, .morelink .nub {display: none;}
  535.  
  536.     /*Sidebar Image*/
  537.  
  538.  
  539. .titlebox h1  a{   
  540. position: absolute;
  541. top: 210px;
  542. right: 10px;
  543. height: 420px;
  544. width: 300px;
  545. background: url(%%sidebar-img%%) center;
  546. color: rgb(28, 31, 37);
  547. font-size: 0px;
  548. }
  549.  
  550. /* Optional
  551. .titlebox h1  a:hover{
  552. position: absolute;
  553. top: 210px;
  554. right: 10px;
  555. height: 420px;
  556. width: 300px;
  557. background: url(%%sidebar-img2%%) center;
  558. font-size: 0px;
  559. }
  560. */
  561.  
  562. .sidebox .subtitle {font-size: 1.6em;}
  563.        
  564.     /* Sub / Unsub button */
  565. .fancy-toggle-button .active {
  566. padding: 1px 8px;
  567. background-image: none !important;
  568. outline: none !important;
  569. border: 0px;
  570. border-radius: 2px;
  571. color: #FFFFFF !important;
  572. text-transform: capitalize;
  573. font-weight: bold;
  574. font-size: 12px;
  575. font-family: 'Open Sans',sans-serif!important;
  576. line-height: 26px;
  577. cursor: pointer;
  578. }  
  579.  
  580.     /* Sub */
  581. .fancy-toggle-button .add {
  582. background-color: #00b5e6;
  583. border-top: 0px solid #00b5e6;
  584. border-bottom: 0px solid #00b5e6;
  585. -webkit-box-shadow: 0 0px 0 #00b5e6;
  586. box-shadow: 0 0px 0 #e2e0e0;                   
  587. }
  588.  
  589. .fancy-toggle-button .add:hover {
  590. background-color: #0091B8;
  591. border-top: 0px solid #0091B8;
  592. border-bottom: 0px solid #0091B8;
  593. -webkit-box-shadow: 0 0px 0 #0091B8;
  594. box-shadow: 0 0px 0 #e2e0e0;
  595. }
  596.  
  597. .fancy-toggle-button .add:active {
  598. background-color: #00b5e6;
  599. border-top: 0px solid #00b5e6;
  600. border-bottom: 0px solid #00b5e6;
  601. -webkit-box-shadow: 0 0px 0 #00b5e6;
  602. box-shadow: 0 0px 0 #e2e0e0;
  603. }
  604.  
  605.     /* Unsub */
  606.  
  607. .fancy-toggle-button .remove {
  608. background-color: #1c1f25;
  609. border: 1px solid #d4d4d4;
  610. -webkit-box-shadow: 0 1px 0 #e2e0e0;
  611. box-shadow: 0 1px 0 #e2e0e0;
  612. font-size: 10px;
  613. line-height: 16px;
  614. color: #737373 !important;
  615. cursor: pointer;
  616. }
  617.  
  618. .fancy-toggle-button .remove:hover {
  619. background-color: #1c1f25;
  620. color: #333;
  621. border-bottom-width: 2px;
  622. border-color: #bababa;
  623. text-decoration: none;
  624. }
  625.  
  626. .fancy-toggle-button .remove:active {
  627. background-color: #e5e5e5;
  628. border-color: #a7a7a7;
  629. border-top-width: 2px;
  630. color: #333;
  631. }
  632.  
  633.  
  634.     /* Sub notice */
  635. .fancy-toggle-button .add:after {
  636. position: fixed;
  637. top: 4px;
  638. right: 25px;
  639. z-index: 98;
  640. background-color: #00b5e6;
  641. color: #FFFFFF;
  642. content: "Plug In!";
  643. padding: 0px 16px;
  644. }
  645. .fancy-toggle-button .add:hover:after {
  646. background-color: #0091B8;
  647. border-bottom: 3px solid #0091B8 ;
  648. height: 23px;
  649. }
  650.  
  651.            
  652.     /*Replace readers.. */
  653. div.titlebox span.word {display: none;}
  654. .titlebox .users-online {display: inline;}
  655. .titlebox .users-online:before {display: "none";}
  656. .titlebox .users-online .number {font-style: italic;font-size: 12px;}
  657. .titlebox .users-online .number:before {content: "(about ";}
  658. .titlebox .users-online .number:after {content: " here)";}
  659. .titlelebox .word {display: none;}
  660. .titlebox .users-online, .titlebox .number {cursor: text;} 
  661. .titlebox .tagline {font-size: 12px;}
  662. .titlebox form.toggle, .leavemoderator {background: transparent;}
  663.  
  664. /* Subreddit description */
  665. .titlebox {
  666. padding: 0px 15px 15px 15px;
  667. color: rgb(238, 238, 238);
  668.        
  669. }
  670. .titlebox .md {
  671. font-size: 14px;
  672. line-height: 1.35em;
  673. font-family: 'Open Sans',sans-serif;
  674. }
  675.  
  676. .titlebox .bottom {
  677. padding-top: 5px;
  678. border-top: 1px solid #e5e5e5;
  679. color: rgb(238, 238, 238);
  680. font-size: 110%;
  681. }
  682.  
  683.     /* Download button */
  684. .titlebox h5 {
  685. width: 100%;
  686. height: 30px;
  687. color: #1c1f25;
  688. background-color: #00b5e6;
  689. border-bottom: 2px solid #306cd1;
  690. display: block;
  691. font-size: 18px;
  692. text-align: center;
  693. line-height: 31px;
  694. margin-top: 10px;
  695. margin-bottom: 10px;
  696. }
  697.  
  698. .titlebox h5 a, .titlebox h5 a:hover {
  699. text-decoration: none;
  700. color: #1c1f25;
  701. cursor: pointer;
  702. }
  703.  
  704. .titlebox h5:hover {
  705. background-color: #77a7fb;
  706. border-bottom: 2px solid #00b5e6;
  707. text-decoration: none;
  708. }
  709.  
  710. .titlebox h5:active {
  711. background-color: #306cd1;
  712. border-bottom: 2px solid #306cd1;
  713. }
  714.  
  715.     /* Search */
  716. #search {
  717. }
  718.            
  719. #search input[type=text] {
  720. margin: 0px 0px 0px 29px;
  721. padding: 5px 0px 5px 40px;
  722. width: 200px;
  723. background-image: url(%%spritesheet%%);
  724. background-color: #111317;
  725. background-position: -129px 0px;
  726. background-repeat: no-repeat;
  727. border: none;
  728. border-radius: 3px;
  729. border-top: 0px solid #d5d5d5;
  730. border-bottom: 1px solid #333;
  731. border-left: 0px solid #1c1f25;
  732. color: rgb(238, 238, 238);
  733. font-weight: normal;
  734. font-size: 16px;
  735. font-family: 'Open Sans',sans-serif!important;
  736. }
  737.  
  738. #search input[type=text]:focus {
  739. padding: 5px 0px 5px 40px;
  740. width: 200px;
  741. outline: none !important;
  742. border: none;
  743. border-radius: 3px;
  744. border-top: 0px solid #d5d5d5;
  745. border-bottom: 1px solid rgb(153, 153, 153);
  746. border-left: 0px solid #4285f4;
  747. color: #fefefe;
  748. }
  749.  
  750. #search input[type="submit"]{
  751. margin: 3px 3px 3px 3px;
  752. padding: 0px 8px 1px 8px;
  753. background-color: #1c1f25;
  754. border: 1px solid rgb(153,153,153);
  755. border-radius: 2px;
  756. -webkit-box-shadow: 0 1px 0 rgb(153,153,153);
  757. box-shadow: 0 1px 0 rgb(153,153,153);
  758. color: #fefefe!important;
  759. text-transform: capitalize;
  760. font-weight: bold;
  761. font-size: 0px;
  762. line-height: 26px;
  763. cursor: default;
  764. }
  765.  
  766. #search input[type=submit] {
  767. background-image:url(%%download%%);
  768. background-size: 14px 11px;
  769. background-position: 0 0;
  770. }
  771.  
  772. #searchexpando {
  773. margin: 0px 0px 5px 0px;
  774. padding: 5px 5px 0px 15px;
  775. height: 75px;
  776. background-color: #1c1f25;
  777. border: 0px solid;
  778. border-bottom: 1px solid #DFDFDF;
  779. border-radius: 0px;
  780. color: rgb(238, 238, 238);
  781. font-size: 150%;
  782. }
  783.  
  784. #searchexpando label {cursor: pointer;}
  785. .search-page form#search label {font-size: 150%;cursor: pointer;}
  786.            
  787. #search_showmore {display: none;}
  788.            
  789.     /* Ad Frame */
  790. #ad-frame,#ad_main {text-align: center;}
  791.  
  792.     /* Sidebar mod box */
  793. .sidecontentbox {
  794. padding: 0px 5px 0px 15px;
  795. }
  796.  
  797. .sidecontentbox .title {
  798. text-align: left;
  799. }
  800.            
  801. .sidecontentbox .title h1 {
  802. color: rgb(238, 238, 238);
  803. text-align: left;
  804. text-transform: capitalize;
  805. font-size: 14px;
  806. font-family: 'Open Sans',sans-serif;
  807. }
  808.            
  809. .sidecontentbox.collapsible .title {
  810. text-align: left;
  811. }
  812.            
  813. .sidecontentbox .collapse-button {
  814. background: transparent;
  815. border: 0px;
  816. border-radius: 0px;
  817. color: rgb(238, 238, 238);
  818. font-size: 15px;
  819. }
  820.            
  821. .sidecontentbox .content {
  822. padding: 3px 0px 5px 0px;
  823. background-color: transparent;
  824. border: 0px solid;
  825. text-align: left;
  826. }
  827.            
  828. .sidecontentbox .content a {
  829. color: #00b5e6;
  830. text-align: left;
  831. font-family: 'Open Sans',sans-serif;
  832. }
  833.            
  834. .sidecontentbox .content a:hover {
  835. color: #00b5e6;
  836. text-decoration: underline;
  837. }
  838.  
  839.     /* Mod icons */
  840. .icon-menu a {background-color: transparent;}
  841. .icon-menu .reddit-edit:before{background-image:url(%%spritesheet%%);background-position: 0px  -33px;}
  842. .icon-menu .moderator-mail:before{margin-top:-1px;height:16px;background-image:url(%%spritesheet%%);background-position: -16px -32px;}
  843. .icon-menu .reddit-moderators:before{background-image:url(%%spritesheet%%);background-position: -32px -33px;}
  844. .icon-menu .reddit-contributors:before{background-image:url(%%spritesheet%%);background-position: -48px -33px;}
  845. .icon-menu .reddit-traffic:before{background-image:url(%%spritesheet%%);background-position: -64px -32px;}
  846. .icon-menu .reddit-modqueue:before{background-image:url(%%spritesheet%%);background-position: -80px -32px;}
  847. .icon-menu .reddit-reported:before{background-image:url(%%spritesheet%%);background-position: -96px -32px;}
  848. .icon-menu .reddit-spam:before{background-image:url(%%spritesheet%%);background-position: -112px -32px;}
  849. .icon-menu .reddit-ban:before{background-image:url(%%spritesheet%%);background-position: -128px -32px;}
  850. .icon-menu .reddit-flair:before{background-image:url(%%spritesheet%%);background-position: -144px -32px;}
  851. .icon-menu .reddit-moderationlog:before{background-image:url(%%spritesheet%%);background-position: -160px -33px;}
  852. .icon-menu a.reddit-unmoderated {display: none;}
  853.  
  854.     /* Message the mods */
  855. .sidecontentbox a.helplink {
  856. z-index: 0;
  857. width: 250px;
  858. height: 40px;
  859. background-color: #00b5e6;
  860. background-image: url(%%plug-spritesheet%%);
  861. background-position: -280px -135px;
  862. background-repeat: no-repeat;
  863. border: none;
  864. color: #eee !important;
  865. text-align: center;
  866. text-transform: capitalize;
  867. letter-spacing: 0px;
  868. font-weight: normal;
  869. font-size: 16px;
  870. font-family: 'Open Sans',sans-serif;
  871. line-height: 40px;
  872. cursor: pointer;
  873. margin-right: 20px;
  874. margin-bottom: 15px;
  875. }
  876.  
  877. .sidecontentbox a.helplink:hover {
  878. background-color: #0091B8;
  879. text-decoration: none;
  880. }              
  881.  
  882. /* Links/Posts Area */
  883.     /* Actual Links */
  884. .content {
  885. margin-top: 34px;
  886. margin-left: 10px;
  887. }
  888.  
  889.     /* Fixed Scroll Banner */
  890. .titlebox h6 {
  891. text-decoration: none;
  892. position: fixed;
  893. top: 0px;
  894. right: 0px;
  895. left: 0px;
  896. z-index: 97;
  897. height: 35px;
  898. background-color: rgb(17,19,23);
  899. -webkit-box-shadow: 0 .5px 8px 0 rgb(17,19,23);
  900. box-shadow: 0 .5px 8px 0 rgb(17,19,23);
  901. color: rgb(153,153,153);
  902. text-align: center;
  903. font-weight: normal;
  904. font-size: 22px;
  905. line-height: 35px;
  906. }
  907.  
  908. .side .md h6 {
  909.   margin-top: 0;
  910. }
  911.  
  912. .titlebox h6 a {
  913. margin: 0px 17px 0px 17px;
  914. padding: 2px 0px 2px 0px;
  915. border: 0px solid;
  916. color: rgb(153, 153, 153) !important;
  917. font-weight: normal;
  918. font-size: 22px;
  919. font-family: 'Open Sans',sans-serif;
  920. }
  921.  
  922. .titlebox h6 a:hover {
  923. border-bottom: 2px solid #00b5e6 !important;
  924. color: rgb(238, 238, 238) !important;
  925. text-decoration: none;
  926. }
  927.  
  928.     /* reddit icon */
  929. .titlebox h6 a[href*="http://www.reddit.com#top"] {
  930. position: fixed;
  931. left:0px;
  932. top:0px;
  933. height: 35px;
  934. width: 35px;
  935. background-color: #ff0;
  936. background-image: url(%%spritesheet%%);
  937. background-position: 0px -49px;
  938. border-bottom: 0px;
  939. text-indent: -9999px;
  940. padding: 0px;
  941. margin: 0px;
  942. }
  943.  
  944. .titlebox h6 a[href*="http://www.reddit.com"]:hover {
  945. background-position: -35px -49px;
  946. }
  947.  
  948. .new-page .titlebox h6 a[href*="/new"], .top-page .titlebox h6 a[href*="/top"], .hot-page .titlebox h6 a[href*="/hot"], .wiki-page .titlebox h6 a[href*="/wiki"]  {border-bottom: 2px solid #00b5e6; color: rgb(238, 238, 238);}
  949.  
  950.  
  951. .link {
  952. margin-right: 320px;
  953. margin-bottom: 0px !important;
  954. padding: 8px 10px 6px 10px;
  955. }
  956.  
  957. .thing:hover{
  958. background-color: rgb(40, 44, 53)! important;
  959. }
  960.  
  961. .thing .title a{
  962. text-decoration: none !important;
  963. }
  964.  
  965.  .submit-page .content button {
  966. border: 0px;
  967. border-bottom: 1px solid rgb(52, 52, 52) !important;
  968. border-radius: 0px;
  969. background-color: rgb(28, 31, 37);
  970. }
  971.  
  972. .link, .side, .submit-page .infobar, .roundfield, .content.submit .info-notice, .stylesheet-customize-container .pretty-form, #images, .search-page .raisedbox,
  973. .search-page .searchfacets, .linefield, .search-page .searchpane, .nextprev {
  974. border: 0px;
  975. border-bottom: 1px solid rgb(52, 52, 52) !important;
  976. border-radius: 0px;
  977. background-color: rgb(28, 31, 37)! important;
  978. }
  979.  
  980.     /* Stickied Link */
  981. .stickied.link {border-bottom-color: rgb(52, 52, 52) !important;}
  982. .thing.stickied a.title {
  983. font-size: 18px;
  984. font-weight:normal !important;
  985. color: #00b5e6 !important;
  986. }
  987. .res-nightmode.stickied.link {border-bottom-color: rgb(52, 52, 52) !important;}
  988. .thing.stickied a.title {
  989. font-size: 18px;
  990. font-weight:normal !important;
  991. color: #00b5e6 !important;
  992. }
  993.  
  994. .res-nightmode .res .RES-keyNav-activeElement,
  995. .res-nightmode .res .RES-keyNav-activeElement .usertext-body,
  996. .res-nightmode .res .RES-keyNav-activeElement .usertext-body .md,
  997. .res-nightmode .res .RES-keyNav-activeElement .usertext-body .md p,
  998. .res-nightmode .res .commentarea .RES-keyNav-activeElement .noncollapsed,
  999. .res-nightmode .res .RES-keyNav-activeElement .noncollapsed .md,
  1000. .res-nightmode .res .RES-keyNav-activeElement .noncollapsed .md p {
  1001.     background-color: transparent !important;
  1002.     color:white!important;
  1003. }
  1004.  
  1005. .res-nightmode .res .RES-keyNav-activeElement a.title:first-of-type {
  1006. color: gray !important;
  1007. }
  1008.  
  1009. .res-nightmode .RES-keyNav-activeElement .tagline {
  1010. color: rgb(153, 153, 153)! important;
  1011. }
  1012.  
  1013. .thing.stickied a.thumbnail {background-position: -102px -209px;}
  1014.  
  1015.     /* Promoted Link */
  1016. .organic-listing {
  1017. margin-right: 320px;
  1018. border: 1px solid #D0D6DD;
  1019. border-bottom-width: 3px;
  1020. border-top-width: 0px;
  1021. }
  1022.  
  1023. .res-nightmode .comment, .res-nightmode .sitetable .thing, .res-nightmode .permission-summary {
  1024. border-color: rgb(52, 52, 52)! important;
  1025. }
  1026.  
  1027. .link .title {
  1028. font-family: 'Open Sans',sans-serif;
  1029. line-height: 170%;
  1030. }
  1031.  
  1032. .link .title:hover {color: #00b5e6 !important;}
  1033.  
  1034.     /* Link Titles */
  1035. /*Unvisited*/ .thing .title.loggedin.click, .thing .title.click, .thing .title.loggedin, .thing .title { color: #eee; }
  1036. /*Visited  */ .thing .title:visited, .thing.visited .title { color: rgb(153, 153, 153); }
  1037. /*Clicking  .thing .title.loggedin.click:visited, .thing .title.click:visited { color: #eee; }  DISABLED */
  1038.  
  1039.     /* Upvote and downvotes */
  1040. .link .score {margin-bottom: -1px;margin-left: 1px;color:rgb(238, 238, 238);font-family: 'Open Sans',sans-serif;}
  1041.            
  1042. .link .score.likes { color: #90ad2f; } 
  1043. .link .score.dislikes { color: #dd4b39; }
  1044. .res-nightmode .link .score.likes { color: #90ad2f! important; }   
  1045. .res-nightmode .link .score.dislikes { color: #dd4b39!important; }
  1046.  
  1047.            
  1048. .arrow {
  1049. margin: 2px 0px 0px 0px;
  1050. margin-right: auto;
  1051. margin-left: auto;
  1052. width: 16px;
  1053. height: 17px;
  1054. background-image: url(%%spritesheet%%) !important;
  1055. background-position: center center;
  1056. outline: none !important;
  1057. border: none !important;
  1058. }
  1059.  
  1060. .arrow.up {background-position: -32px 0px;}
  1061. .arrow.upmod {background-position: -48px 0px;}
  1062. .arrow.down {background-position: 0px 0px;}
  1063. .arrow.downmod {background-position: -16px 0px;}
  1064.  
  1065. .res-nightmode .arrow.up {
  1066. background: url(%%spritesheet%%) 0px 0px no-repeat!important;
  1067. background-position: -32px 0px!important;
  1068. height: 17px! important;
  1069. }
  1070. .res-nightmode .arrow.up:hover {
  1071. background: url(%%spritesheet%%) 0px 0px no-repeat!important;
  1072. background-position: -32px 0px!important;
  1073. height: 17px! important;
  1074. }
  1075. .res-nightmode .arrow.upmod {
  1076. background: url(%%spritesheet%%) 0px 0px no-repeat!important;
  1077. background-position: -48px 0px!important;
  1078. height: 17px! important;
  1079. }
  1080. .res-nightmode .arrow.down {
  1081. background: url(%%spritesheet%%) 0px 0px no-repeat!important;
  1082. background-position: 0px 0px!important;
  1083. height: 17px! important;
  1084. }
  1085. .res-nightmode .arrow.downmod {
  1086. background: url(%%spritesheet%%) 0px 0px no-repeat!important;
  1087. background-position: -16px 0px!important;
  1088. height: 17px!important;
  1089. }
  1090.  
  1091.  
  1092.     /* Expand post */
  1093. .expando-button {
  1094. margin: 0px 5px 0px 0px !important;
  1095. width: 16px !important;
  1096. height: 16px !important;
  1097. cursor: pointer;
  1098. }
  1099.        
  1100. /*  +  */   .content .expando-button.selftext.collapsed {
  1101. background-color: transparent !important;
  1102. background-image: url(%%spritesheet%%) !important;
  1103. background-position:0 -17px! important;
  1104. }              
  1105. /*  +  */   .content .expando-button.selftext.collapsed:hover {
  1106. background-color: transparent !important;
  1107. background-image: url(%%spritesheet%%) !important;
  1108. background-position:-16px -17px! important;
  1109. }
  1110. /*  -  */   .content .expando-button.selftext.expanded {
  1111. background-color: transparent !important;
  1112. background-image: url(%%spritesheet%%) !important;
  1113. background-position:-32px -17px! important;
  1114. }              
  1115. /*  -  */   .content .expando-button.selftext.expanded:hover {
  1116. background-color: transparent !important;
  1117. background-image: url(%%spritesheet%%) !important;
  1118. background-position:-48px -17px! important;
  1119. }  
  1120.  
  1121. .res-nightmode .thing .expando-button {
  1122. cursor: pointer;
  1123. background-image: url(%%spritesheet%%)! important;
  1124. }
  1125.  
  1126. .expando-button.video-muted {
  1127. background-image: url(%%spritesheet%%);
  1128. background-position:  -64px -17px! important;
  1129. background-color: transparent! important;
  1130. }
  1131.  
  1132. .expando-button.video-muted:hover {
  1133. background-image: url(%%spritesheet%%);
  1134. background-position:  -80px -17px! important;
  1135. background-color: transparent! important;
  1136. }
  1137.  
  1138. .expando-button.video.collapsed:hover, .eb-vch {
  1139. background-image: url(%%spritesheet%%);
  1140. background-position: -80px -17px! important;
  1141. background-color: transparent! important;
  1142. }
  1143.  
  1144. .expando-button.video.collapsed, .eb-vch {
  1145. background-image: url(%%spritesheet%%);
  1146. background-position: -64px -17px! important;
  1147. background-color: transparent! important;
  1148. }
  1149.  
  1150. .res-nightmode .expando-button.video-muted.collapsed, .res-nightmode .expando-button.video-muted.collapsedExpando {
  1151. background-position: -96px -17px! important;
  1152. background-image: url(%%spritesheet%%);
  1153. background-color: transparent! important;
  1154. }
  1155.  
  1156. .res-nightmode .expando-button.video-muted.collapsed:hover, .res-nightmode .expando-button.video-muted.collapsedExpando:hover {
  1157. background-position: -112px -17px! important;
  1158. background-color: transparent! important;
  1159. background-image: url(%%spritesheet%%);
  1160. }
  1161.  
  1162. .res-nightmode .side .titlebox form.flairtoggle {
  1163. background-color: transparent! important;
  1164. color: rgb(221, 221, 221);
  1165. }
  1166.  
  1167. .res-nightmode .usertext.border .usertext-body, .res-nightmode .side .spacer > #search input {
  1168. background-color: #111317;
  1169. }
  1170.  
  1171. .res-nightmode a.link-button, .res-nightmode a.text-button, .res-nightmode .user .userkarma {
  1172. color:gray! important;
  1173. }
  1174.  
  1175. .expando-button.video.collapsed {background-image: url(%%spritesheet%%); background-position: -64px -17px; background-color: transparent! important;}
  1176. .expando-button.video.collapsed:hover, .eb-vch {background-image: url(%%spritesheet%%); background-position: -80px -17px; }
  1177. .expando-button.video.expanded, .eb-ve {background-image: url(%%spritesheet%%); background-position: -64px -17px; background-color: transparent! important;}
  1178. .expando-button.video.expanded:hover, .eb-veh {background-image: url(%%spritesheet%%); background-position: -80px -17px; }
  1179.  
  1180. .res .expando-button.image.collapsed,.expando-button.image.gallery.collapsedExpando, .expando-button.image.collapsedExpando {background-image: url(%%spritesheet%%)! important; background-position: -96px -16px!important;}
  1181. .res .expando-button.image.collapsed:hover, .expando-button.image.collapsedExpando:hover, .expando-button.image.gallery.collapsedExpando:hover {background-position: -112px -16px!important;}
  1182. .res .expando-button.image.expanded {background-image: url(%%spritesheet%%)! important; background-position: -96px -16px!important;}
  1183. .res .expando-button.image.expanded:hover {background-position: -112px -16px!important;}
  1184.  
  1185.     /* Selftext expand */
  1186. .link .usertext .md {
  1187. padding: 0 5px;
  1188. background-color: #1c1f25;
  1189. border: 0px solid;
  1190. border-top: 1px solid #e5e5e5;
  1191. border-radius: 0px;
  1192. color: rgb(153, 153, 153);
  1193. font-weight: normal;
  1194. font-size: 14px;
  1195. font-family: 'Open Sans',sans-serif;
  1196. line-height: 1.35em;}
  1197.  
  1198. .domain {color: #eee !important;}
  1199. .domain a {color: #c0c0c0 !important;}
  1200. .domain a:hover {color: #00b5e6;text-decoration: none !important;}
  1201.  
  1202. .link .tagline {
  1203. color: rgb(153, 153, 153);
  1204. font-size: 12px;
  1205. }
  1206.  
  1207. .thumbnail {
  1208. float: left;
  1209. max-height: 50px;
  1210. max-width: 70px;
  1211. }
  1212.  
  1213. .thumbnail.self {
  1214. background-image: url(%%spritesheet%%);
  1215. background-position: -102px -92px;
  1216. background-repeat: no-repeat;
  1217. }
  1218.  
  1219. .thumbnail.default {
  1220. background-image: url(%%spritesheet%%);
  1221. background-position: -102px -154px;
  1222. background-repeat: no-repeat;
  1223. }
  1224.  
  1225. .thumbnail.nsfw {
  1226. width: 80px;
  1227. height: 50px;
  1228. background-image: url(%%spritesheet%%);
  1229. background-position: -22px -150px;
  1230. background-repeat: no-repeat;
  1231. }
  1232.  
  1233. .entry {
  1234. padding-left: 5px;
  1235. }
  1236.  
  1237. .entry .buttons li a {
  1238. padding: 0 1px;
  1239. color: rgb(153, 153, 153)!Important;
  1240. font-weight: 400;
  1241. font-size: 13px;
  1242. }
  1243.  
  1244. .entry .buttons li a:hover:not(.comments){
  1245. color: #00b5e6 !important;
  1246. }
  1247.  
  1248. .link .entry li .comments {
  1249. visibility: visible;
  1250. color: rgb(172, 118, 255)!important;
  1251. font-weight: normal;
  1252. font-size: 13px;
  1253. }
  1254.  
  1255. #siteTable div.thing ul {visibility: hidden;}
  1256. #siteTable div.thing:hover ul {visibility: visible;}
  1257. .link .usertext .md ul {visibility: visible !important;}
  1258. .nsfw-stamp acronym {visibility: visible;background-color: #e82e63;border-radius:0px;color:#1c1f25;cursor: help;}
  1259.  
  1260. .entry .buttons a[onclick*="reply"] {
  1261. color: #00b5e6 !important;
  1262. font-weight: bold !important;
  1263. font-size: 13px !important;
  1264. }
  1265.  
  1266. .link .flat-list {
  1267. font-weight: normal;
  1268. font-family: 'Open Sans',sans-serif;
  1269. }
  1270.  
  1271. .link .midcol {margin-right: 7px;}
  1272. .link .rank {display: none;}
  1273. .link.last-clicked {
  1274. overflow: hidden;
  1275. background-color: #1c1f25;
  1276. border: 0px solid #d8d8d8;
  1277. border-bottom: 3px solid #e5e5e5;
  1278. }
  1279.     /* Mod Report buttons */
  1280. .entry .buttons li.reported-stamp {
  1281. background-color: #f5b400;
  1282. border-radius: 2px;
  1283. border: 1px solid #e2a600 !important;
  1284. color: #1c1f25;
  1285. font-weight: bold;
  1286. background-image: none;
  1287. }
  1288.  
  1289. a.pretty-button.negative {
  1290. border-radius: 2px;
  1291. background-color: #dc4437;
  1292. color: #1c1f25;
  1293. font-weight: bold;
  1294. border: 1px solid #c4362a;
  1295. background-image: none;
  1296. }
  1297.  
  1298. a.pretty-button.neutral {
  1299. border-radius: 2px;
  1300. font-weight: bold;
  1301. color: #1c1f25;
  1302. background-color: #666666;
  1303. border: 1px solid #4d4d4d;
  1304. background-image: none;
  1305. }
  1306.  
  1307. a.pretty-button.positive {
  1308. border-radius: 2px;
  1309. font-weight: bold;
  1310. color: #1c1f25;
  1311. background-color: #109d59;
  1312. border: 1px solid #0a8a4c;
  1313. background-image: none;
  1314. }
  1315.  
  1316. .menuarea {
  1317. margin-right: 320px;
  1318. border: none;
  1319. font-size: 16px;
  1320. }
  1321.  
  1322. .infobar {
  1323. margin-right: 320px;
  1324. background-color: #1c1f25;
  1325. border: none;
  1326. color: rgb(153, 153, 153);
  1327. font-size: 14px;
  1328. }
  1329.  
  1330. .infobar a {color: #89B3FF;}
  1331.  
  1332.     /* First time visit infobar */
  1333. .infobar.welcome {
  1334. margin-right: 321px;
  1335. color: #333;
  1336. margin-bottom: 8px;
  1337. }
  1338.  
  1339. .nextprev {
  1340. margin-top: 8px;
  1341. margin-right: 320px;
  1342. height: 35px;
  1343. color: #737373;
  1344. text-align:center;
  1345. font-size: 16px;
  1346. line-height: 35px;
  1347. padding: 10px;
  1348. }
  1349.  
  1350. .nextprev a {
  1351. background-color: transparent;
  1352. border: none;
  1353. color: #00b5e6;
  1354. }
  1355.  
  1356. .nextprev a:hover {
  1357. background-color: transparent;
  1358. border: none;
  1359. }
  1360.  
  1361.  
  1362.     /* Submit Page */
  1363. form#newlink.submit.content {
  1364. margin-top: 40px;
  1365. }
  1366.  
  1367. .submit-page .infobar {
  1368. margin-top: 8px;
  1369. margin-bottom: 8px;
  1370. padding: 10px 10px 10px 10px;
  1371. color: rgb(238, 238, 238);
  1372. text-align: center;
  1373. text-indent: -9999px;
  1374. font-size: 0px;
  1375. }
  1376.  
  1377. .formtabs-content .infobar:before {
  1378. display: block;
  1379. text-indent: 0px;
  1380. font-size: 16px;
  1381. }
  1382.            
  1383. .submit-page .tabmenu li a {margin:0px;}
  1384. .submit-page ul.tabmenu.formtab {padding-left: 0px;width: 500px;text-align:center; }
  1385. .formtabs-content {padding-top: 0px;border-top: 0px solid #00b5e6;}
  1386.        
  1387. .submit-page .tabmenu.formtab a {
  1388. padding: 12px 80px 12px 80px;
  1389. width: 100px;
  1390. background-color: #323742;
  1391. border-top: 0px;
  1392. border-bottom: 0px;
  1393. border-left: 0px;
  1394. border-right: 1px solid #1c1f25;
  1395. color: #eee;
  1396. text-align: center;
  1397. font-weight:normal;
  1398. font-size: 16px;
  1399. }
  1400.  
  1401. .submit-page .tabmenu li a:hover {background-color: #464b54; border-right: 1px solid #1c1f25;}
  1402.                
  1403. .submit-page .tabmenu.formtab .selected a {
  1404. padding: 12px 80px 12px 80px;
  1405. background-color: #925aff;
  1406. color: #eee;
  1407. font-size: 16px;
  1408. }
  1409.                
  1410. .roundfield {
  1411. padding: 10px 10px 10px 10px;
  1412. color: rgb(172,118,255);
  1413. }
  1414.  
  1415.     /* Popup */
  1416. .submit-page textarea, .roundfield input[type=url], .roundfield input[type=text], .login-form-side input[type=text], .login-form-side input[type=password],
  1417. .linefield textarea, .linefield input[type="text"], .flairlist .flaircell input[type="text"], .linkinfo .shortlink input, .search-page #search input[type=text] {
  1418. margin: 0;
  1419. padding: 5px;
  1420. border: 1px solid 333;
  1421. border-top: 1px solid #333;
  1422. -webkit-box-shadow: none;
  1423. box-shadow: none;
  1424. color: #eee !important;
  1425. font-size: 100%;
  1426. font-family: 'Open Sans',sans-serif;
  1427. background-color: #111317
  1428. }
  1429.  
  1430. .login-form-section>h3{color:#fefefe;}
  1431. .md>*{font-size: small;color:#fefefe;}
  1432. .user-form label{font-size: small;color:#fefefe;}
  1433. .login-form-section p {font-size: small;color:#fefefe;}
  1434.  
  1435. .submit-page textarea:hover, .roundfield input[type=url]:hover, .roundfield input[type=text]:hover, .login-form-side input[type=text]:hover, .login-form-side input[type=password]:hover,
  1436.  
  1437. .linefield textarea:hover, .linefield input[type="text"]:hover, .flairlist .flaircell input[type="text"]:hover, .linkinfo .shortlink input:hover, .search-page #search input[type=text] {border: 1px solid #bebebe;}
  1438.                    
  1439. .submit-page textarea:focus, .roundfield input[type=url]:focus, .roundfield input[type=text]:focus, .login-form-side input[type=text]:focus, .login-form-side input[type=password]:focus,
  1440.  
  1441. .linefield textarea:focus, .linefield input[type="text"]:focus, .flairlist .flaircell input[type="text"]:focus, .linkinfo .shortlink input:focus, .search-page #search input[type=text] {border: 1px solid #4d90fe;color: #000;}
  1442.  
  1443. .linefield .usertext-edit textarea {
  1444. height: 100px;
  1445. }
  1446.  
  1447. .submit-page .content textarea, .submit-page .content input[type=url], .submit-page .content input[type=text] {
  1448. width: 488px;
  1449. background-color: #111317;
  1450. border-bottom: 1px solid #333;
  1451. border-top: 0px solid #333;
  1452. border-left: 0px solid #333;
  1453. border-right: 0px solid #333;
  1454. border-radius: 3px;
  1455. color: rgb(153, 153, 153);
  1456. font-size: 13px;
  1457. font-family: "Open Sans",sans-serif;}
  1458.  
  1459. .submit-page .content textarea:focus, .submit-page .content input[type=url]:focus, .submit-page .content input[type=text]:focus                                                      {
  1460.  
  1461. border-bottom: 1px solid rgb(153, 153, 153);
  1462. }
  1463.  
  1464. .submit-page .content button {
  1465. color: #eee !important;
  1466. background-color: #00b5e6;
  1467. font-weight: normal;
  1468. cursor: pointer;
  1469. border: 1px #00b5e6 !important;
  1470. border-bottom: 1px #00b5e6 !important;
  1471. }
  1472.  
  1473. .submit-page button:hover {
  1474. background-color: #0091B8;
  1475. color: #eee !important;
  1476. border-bottom: 4px solid #477ADB;
  1477. }
  1478.  
  1479. .submit-page h1 {display: none;}
  1480. .submit-page .side h1 {display: inherit;}
  1481.  
  1482. .content.submit .info-notice {
  1483. margin: 0px 0px 4px 0px;
  1484. padding: 20px 10px 20px 10px;
  1485. color: #707070;
  1486. text-align: center;
  1487. border: 0px;
  1488. border-bottom: 3px solid #E5E5E5;
  1489. }
  1490.  
  1491. .content.submit .info-notice a {
  1492. text-decoration: none;
  1493. font-size: 120%;
  1494. }
  1495.  
  1496. .content.submit .info-notice a:hover {text-decoration: underline;}
  1497. .thing.spam {border-color: #F3B9B9; background-color: #1c1f25;margin-right: 320px;}        
  1498. #file {margin: 10px;}      
  1499. .submit-page .gray, #url-field button, #suggested-reddits {display: none;}
  1500. .submit-page form .spacer+.spacer {margin: 8px 0px;}
  1501.  
  1502. /* Flair Selector */
  1503. .flairselector.drop-choices.active {
  1504. visibility: visible !important;
  1505. background-color: #1c1f25;
  1506. border: 1px solid #d8d8d8;
  1507. }
  1508. .flairselector h2 {
  1509. padding: 5px 5px 5px 5px;
  1510. background-color: #1c1f25;
  1511. border-bottom: 1px solid #e5e5e5;
  1512. color: #333;
  1513. text-transform: capitalize;
  1514. font-size: 130%;
  1515. }
  1516.  
  1517. .flairoptionpane {
  1518. text-align: left;
  1519. }
  1520.  
  1521. .flairoptionpane ul {visibility: visible !important;}
  1522. .flairoptionpane ul a.title {font-size: 100% !important;}
  1523.  
  1524. .flairselector li {
  1525. padding: 3px 0px 3px 0px;
  1526. width: 182px;
  1527. }
  1528.  
  1529. .flairselector li:hover {
  1530. background-color: #efefef;
  1531.  
  1532. }
  1533.  
  1534. .linefield input[type="text"]{
  1535. margin: 0;
  1536. padding: 5px;
  1537. border: 1px solid #d9d9d9;
  1538. border-top: 1px solid #c0c0c0;
  1539. -webkit-box-shadow: none;
  1540. box-shadow: none;
  1541. color: white!important;
  1542. font-size: 100%;
  1543. font-family: "Open Sans",sans-serif;
  1544. }
  1545.  
  1546. .flairselector form {border-top: 1px solid #e5e5e5;}
  1547. .flairsample-left {text-align: left !important;}
  1548. .flairselector ul {overflow: visible;}
  1549. .flairselector li.selected {background-color: #e5ebf8;border:none;}
  1550.  
  1551. /* Flairs */
  1552.  
  1553. /* LINKFLAIRS */
  1554. .linkflairlabel {
  1555. padding: 0px 6px 1px 6px;
  1556. height: auto;
  1557. border-radius: 2px;
  1558. color: rgb(238, 238, 238);
  1559. font-weight: normal !important;
  1560. font-style: normal;
  1561. font-variant: normal;
  1562. font-size: 11px;
  1563. font-family: 'Open Sans',sans-serif;
  1564. cursor: default;
  1565. vertical-align: middle;
  1566. background-color: rgb(40, 44, 53) !important;
  1567. border: 1px solid rgb(52, 52, 52) !important;
  1568. display: inline;
  1569. }
  1570.  
  1571. .linkflair-mod .linkflairlabel {
  1572. background-color: #1c1f25;
  1573. border: 1px solid #4c8d3e;
  1574. color: #fff;
  1575. }
  1576.  
  1577. .linkflair-mod .thumbnail.default, .linkflair-mod .thumbnail.self {
  1578. background-image: url(%%spritesheet%%)!important;
  1579. background-position: -22px -90px!important;
  1580. background-repeat: no-repeat;
  1581. }
  1582.  
  1583. .linkflair-image .linkflairlabel {
  1584. background-color: rgb(40, 44, 53);
  1585. border: 1px solid rgb(52, 52, 52);
  1586. color: rgb(238, 238, 238);
  1587. }
  1588.  
  1589. .linkflair-gif .linkflairlabel {
  1590. background-color: rgb(40, 44, 53);
  1591. border: 1px solid rgb(52, 52, 52);
  1592. color: rgb(238, 238, 238);
  1593. }
  1594.  
  1595. .linkflair-extra .linkflairlabel {
  1596. background-color: rgb(40, 44, 53);
  1597. border: 1px solid rgb(52, 52, 52);
  1598. color: rgb(238, 238, 238);
  1599. }
  1600.  
  1601. /* USER FLAIRS */
  1602. .flair {
  1603. height: 15px;
  1604. border: none !important;
  1605. font-size: small !important;
  1606. font-family: 'Open Sans',sans-serif;
  1607. padding: 0px;
  1608. cursor: help;
  1609. color: rgb(28, 31, 37);
  1610. border-radius: 0px !important;
  1611. position: relative;
  1612. text-indent: -99999px;
  1613. margin-left: 3px;
  1614. background: url(%%plug-spritesheet%%) no-repeat -9999px -9999px;
  1615. }
  1616. .flairselector .customizer {
  1617. display: none !important;
  1618. }
  1619. .flair-ambassador{
  1620. background-position: -15px -350px;
  1621. width: 15px;  
  1622. }
  1623. .flair-admin{
  1624. background-position: -0px -350px;
  1625. width: 15px;
  1626. }
  1627. .flair-host{
  1628. background-position: -35px -350px;
  1629. width: 15px;
  1630. }
  1631. .flair-manager{
  1632. background-position: -50px -350px;
  1633. width: 15px;
  1634. }
  1635. .flair-bouncer{
  1636. background-position: -70px -350px;
  1637. width: 15px;
  1638. }
  1639.  
  1640. .flair-crystal{ background-position: -50px -350px; width: 15px;}
  1641. .flair-crystal:hover{ background-position: -35px -350px; width: 15px;}
  1642.  
  1643. .flair-meerkat{ background-position: -0px -350px; width: 15px;}
  1644. .flair-meerkat:hover{ background-position: -35px -350px; width: 15px;}
  1645.  
  1646. .flair-cerebis{ background-position: -70px -350px; width: 15px;}
  1647. .flair-cerebis:hover{ background-position: -35px -350px; width: 15px;}
  1648.  
  1649. .flair-eevn{ background-position: -35px -350px; width: 15px;}
  1650. .flair-eevn:hover{ background-position: -15px -350px; width: 15px;}
  1651.  
  1652. .flair-tenth{ background-position: -35px -350px; width: 15px;}
  1653. .flair-tenth:hover{ background-position: -15px -350px; width: 15px;}
  1654.  
  1655. .flair-gunschismbator{ background-position: -50px -350px; width: 15px;}
  1656. .flair-gunschismbator:hover{ background-position: -15px -350px; width: 15px;}
  1657.  
  1658. .flair-garda{ background-position: -70px -350px; width: 15px;}
  1659. .flair-garda:hover{ background-position: -50px -350px; width: 15px;}
  1660.  
  1661. .flair-woona{ background-position: -35px -350px; width: 15px;}
  1662. .flair-woona:hover{ background-position: -50px -350px; width: 15px;}
  1663.  
  1664. .flair-georgie{ background-position: -70px -350px; width: 15px;}
  1665. .flair-georgie:hover{ background-position:-15px -350px; width: 15px;}
  1666.  
  1667. .flair-ck{ background-position: -70px -350px; width: 15px;}
  1668. .flair-ck:hover{ background-position:-15px -350px; width: 15px;}
  1669.  
  1670.     /* Flair-page  */
  1671. div.tabpane-content {
  1672. padding: 4px 4px 4px 4px;
  1673. border: 0px solid #e5e5e5;
  1674. border-bottom-width: 3px;
  1675. background-color: #1c1f25;
  1676. width: 1080px;
  1677. margin-top: 7px;
  1678. }
  1679.            
  1680. .linefield {
  1681. margin-bottom: 5px;
  1682. padding: 10px 10px 10px 10px;
  1683. width: 55.5%;
  1684. color: #707070;
  1685. margin-bottom: 15px;
  1686. }
  1687.        
  1688. .linefield .title {
  1689. padding: 1px 10px;
  1690. color: #00b5e6;
  1691. }
  1692.  
  1693. .linefield .title+.gray {font-size: small;}
  1694.  
  1695. .flairlist .flaircell input[type="text"]{
  1696. margin: 0;
  1697. padding: 5px;
  1698. border: 1px solid #d9d9d9;
  1699. border-top: 1px solid #c0c0c0;
  1700. -webkit-box-shadow: none;
  1701. box-shadow: none;
  1702. color: white! important;
  1703. font-size: 100%;
  1704. font-family: "Open Sans",sans-serif;
  1705. }
  1706.    
  1707. /*
  1708. .flairtemplatelist flairlist pretty-form {
  1709. margin-top: 2px;
  1710. margin-right: 320px;
  1711. padding: 5px 5px 8px 3px;
  1712. color: #707070;
  1713. text-transform: capitalize;
  1714. width: 100%;
  1715. margin-bottom: 8px;
  1716. }
  1717.                
  1718. .flairrow:nth-of-type(1) {
  1719. width: 700px;
  1720. line-height: 2;
  1721. }
  1722.  
  1723. .flairrow .tagline {
  1724. margin-right: 0px;
  1725. margin-left: 0px;
  1726. width: 150px;
  1727. font-size: 100%;
  1728. }
  1729.  */
  1730.  
  1731. .flairtemplate .flairrow {
  1732. margin-top: 2px;
  1733. margin-right: 320px;
  1734. padding: 5px 5px 8px 3px;
  1735. color: #707070;
  1736. text-transform: capitalize;
  1737. width: 100%;
  1738. margin-bottom: 8px;
  1739. }
  1740.  
  1741. .tabmenu li#tab-grant.selected, .tabmenu li#tab-templates.selected,
  1742. .tabmenu li#tab-link_templates.selected {margin: 7px 0px 4px 0px;}
  1743.  
  1744. .tabmenu li#tab-grant.selected a, .tabmenu li#tab-grant a:hover,
  1745. .tabmenu li#tab-templates.selected a, .tabmenu li#tab-templates a:hover,
  1746. .tabmenu li#tab-link_templates.selected a, .tabmenu li#tab-link_templates a:hover {color: #333;}
  1747.        
  1748.  
  1749.     /* WIKI Page */
  1750.        
  1751. .wiki-page .wiki-page-content {
  1752. margin: 5px 320px 10px 0px;
  1753. padding: 5px 10px 5px 10px;
  1754. background-color: #1c1f25;
  1755. border: 1px solid #d8d8d8;
  1756. }
  1757.  
  1758. .wiki-page .tabmenu li:nth-of-type(3), 
  1759. .wiki-page .tabmenu li:nth-of-type(4), 
  1760. .wiki-page .tabmenu li a[href*="/promoted"],
  1761. .wiki-page .tabmenu li a[href*="/gilded"]
  1762. {display:none;}
  1763.  
  1764. .wiki-page .wiki-page-content .md.wiki h1 {
  1765. margin-top: 0.5em;
  1766. color: #00b5e6;
  1767. font-size: 1.5em;
  1768. font-family: 'Open Sans',sans-serif;
  1769. }
  1770.  
  1771. .wiki-page .wiki-page-content .md.wiki h2 {font-size: 1.45em;}
  1772. .wiki-page .wiki-page-content .md.wiki h3 {font-size: 1.4em;}
  1773. .wiki-page .wiki-page-content .md.wiki h4 {font-size: 1.35em;}
  1774.  
  1775. .wiki-page .wiki-page-content .md.wiki p, .wiki-page .wiki-page-content .md.wiki .md.wiki blockquote {
  1776. color: #white;
  1777. font-weight: normal;
  1778. font-size: 14px;
  1779. font-family: 'Open Sans',sans-serif;
  1780. line-height: 1.5em;
  1781. }
  1782.  
  1783. .wiki-page .pageactions {
  1784. border: none;
  1785. border-radius: 0px;
  1786. }
  1787.  
  1788. .wiki-page .pageactions .wikiaction {
  1789. text-transform: capitalize;
  1790. font-size: 110%;
  1791. }
  1792.  
  1793. .wiki-page .pageactions .wikiaction:hover {
  1794. background-color: transparent;
  1795. }
  1796.  
  1797. .wiki-page .pageactions .wikiaction-current {
  1798. background-color: #00b5e6;
  1799. border-radius: 0px;
  1800. color: #1c1f25;
  1801. }
  1802.  
  1803. .wiki-page .pageactions .wikiaction-current:hover {
  1804. background-color: #0091B8;
  1805. text-decoration: underline;
  1806. }
  1807.  
  1808. .wiki-page .wiki-page-content .md.wiki>.toc>ul {
  1809. padding: 10px 10px;
  1810. border: 1px solid #e5e5e5;
  1811. font-weight: normal;
  1812. font-size: 110%;
  1813. }
  1814.  
  1815. .wiki-page .wiki-page-content .discussionlink {
  1816. display: inline-block;
  1817. position: relative;
  1818. top: inherit;
  1819. right: inherit;
  1820. left: inherit;
  1821. padding: inherit;
  1822. width: 175px;
  1823. }
  1824.  
  1825. .wiki-page .wiki-page-content .discussionlink a {
  1826. padding-left: 0px;
  1827. }
  1828.  
  1829. .wiki-page .nextprev {display: none;}
  1830. .wiki-page-content em, .wiki-page-content form#editform label {font-size: 120%;}
  1831.  
  1832.  
  1833.     /*Stylesheet fix */
  1834.        
  1835. .pretty-form {
  1836. margin-right: 320px;
  1837. margin-bottom: 10px;
  1838. padding: 10px 10px 10px 10px;
  1839. color: #707070;
  1840. }
  1841.  
  1842. .pretty-form textarea {-webkit-box-shadow: none;box-shadow: none;}
  1843.        
  1844. .stylesheet-customize-container textarea {
  1845. margin: 0;
  1846. padding: 0px;
  1847. border: 0px;
  1848. border: 1px solid #d8d8d8;
  1849. border-bottom: 1px solid #d8d8d8;
  1850. border-radius: 3px;
  1851. color: #707070;
  1852. font-family: 'Open Sans',sans-serif;
  1853. }
  1854.        
  1855. .sheets .btn.right {display: none;}
  1856. .sheets .col textarea {width: 100%;background-color: #1c1f25! important; color: gray! important}
  1857. .sheets .col textarea:hover {border-color: #B1B1B1! important; color: gray! important}
  1858. .sheets .col textarea:focus {border-color: #00b5e6! important; color: gray! important;}
  1859. .sheets {margin-right: 0px;}
  1860.  
  1861. .res-nightmode .sheets .btn.right {display: none;}
  1862. .res-nightmode .sheets .col textarea {width: 100%;background-color: #1c1f25! important;}
  1863. .res-nightmode .sheets .col textarea:hover {border-color: #B1B1B1! important;}
  1864. .res-nightmode .sheets .col textarea:focus {border-color: #00b5e6! important;}
  1865. .res-nightmode .sheets {margin-right: 0px;}
  1866.        
  1867. #images {
  1868. margin-right: 320px;
  1869. margin-bottom: 30px;
  1870. padding: 10px 10px 10px 10px;
  1871. height: 1280px;
  1872. color: #707070;
  1873. }
  1874.        
  1875. ul#image-preview-list {
  1876. margin: 15px 0px 0px 0px;
  1877. padding-bottom: 80px;
  1878. font-size: 14px;
  1879. }
  1880.  
  1881.     /* COMMENT SECTION */
  1882. .linkinfo {
  1883. margin-top: -10px;
  1884. padding-left: 10px;
  1885. background-color: transparent;
  1886. border: none;
  1887. border-bottom: 1px solid #d5d5d5;
  1888. color: rgb(153, 153, 153);
  1889. }  
  1890.        
  1891. .linkinfo .upvotes {
  1892. color: #90ad2f! important;
  1893. }  
  1894.  
  1895. .linkinfo .downvotes {
  1896. color: #dd4b39! important;
  1897. }  
  1898.    
  1899. .commentarea {
  1900. margin-top: 10px;
  1901. margin-right: 320px;
  1902. margin-bottom: 30px;
  1903. padding: 10px 10px 10px 10px;
  1904. background-color: transparent;
  1905. color: rgb(238, 238, 238);
  1906. }
  1907.  
  1908. .commentarea>.usertext {
  1909. overflow:visible;
  1910. margin: 0px 0px 10px 0px;
  1911. padding: 0px 0px 0px 0px;
  1912. }
  1913.            
  1914. a.author {
  1915. margin-right:4px;
  1916. color: rgb(153,153,153);
  1917. }
  1918.                
  1919. .comments-page .tagline {
  1920. color: rgb(238, 238, 238);
  1921. font-size: small;
  1922. font-family: 'Open Sans',sans-serif;
  1923. }
  1924.  
  1925. .thing .tagline .author .moderator:hover{
  1926. background-color: transparent !important;
  1927. text-decoration: underline !important;
  1928. }
  1929.  
  1930. .res .thing .tagline .author.submitter {
  1931. background-color: transparent !important;
  1932. color: #ffdd6f !important;
  1933. }
  1934. .res .thing .tagline .author.submitter:hover {
  1935. background-color: transparent !important;
  1936. text-decoration: underline !important;
  1937. }
  1938.                
  1939. .comments-page .tagline a {
  1940. margin-top: 1px;
  1941. background-color: transparent;
  1942. color: rgb(153, 153, 153);
  1943. letter-spacing: 0px;
  1944. font-weight: 600;
  1945. font-size: 12px;
  1946. }      
  1947.  
  1948. .tagline a:hover {
  1949. text-decoration: underline;
  1950. }
  1951.    
  1952. .tagline .stickied-tagline {
  1953. color: #FF4F38;
  1954. }  
  1955.  
  1956. .tagline .moderator, .green {
  1957.  color: #999 !important;
  1958. }
  1959.  
  1960. .tagline .moderator:after {content: "";}
  1961. a.author.moderator:after {content: "";}
  1962. .thing .tagline .author.moderator {
  1963. background-color: transparent !important;
  1964. color: rgb(172, 118, 255);
  1965. }
  1966.  
  1967. .res .thing .tagline .author.moderator {
  1968. background-color: transparent !important;
  1969. color: rgb(172, 118, 255);
  1970. font-weight: normal;
  1971. }
  1972.  
  1973. .res .thing .tagline .author.moderator:hover {
  1974. background-color: transparent !important;
  1975. font-weight: normal;
  1976. text-decoration: underline !important;
  1977. }
  1978.  
  1979. .author[href$='potato_masterbator'], .author[href$='Eevn'], .author[href$='T3Schism'], .author[href$='GoldenNeko'], .author[href$='georgisaur'], .author[href$='ckonold5503']{
  1980. color: rgb(137, 190, 108) !important;
  1981. }
  1982.  
  1983. .author[href$='SpanishMeerkat']{
  1984. color: rgb(0, 181, 255) !important;
  1985. }
  1986.  
  1987. .author[href$='CrystalLord'], .author[href$='whiterun_garda'], .author[href$='cerebis279'], .author[href$='NtmrMoon'], .author[href$='ponytron5000'], .author[href$='Dragon__'], .author[href$='Spazzmatism']{
  1988. color: rgb(172, 118, 255)! important;
  1989. }
  1990.  
  1991. .res .thing .tagline .author[href$='potato_masterbator'], .res .thing .tagline .author[href$='Eevn'], .res .thing .tagline .author[href$='T3Schism'], .res .thing .tagline .author[href$='GoldenNeko'],  .res .thing .tagline .author[href$='georgisaur'], .res .thing .tagline .author[href$='ckonold5503']{
  1992. color: rgb(137, 190, 108) !important;
  1993. }
  1994.  
  1995. .res .thing .tagline .author[href$='SpanishMeerkat']{
  1996. color: rgb(0, 181, 255)! important;
  1997. }
  1998.  
  1999. .res .thing .tagline .author[href$='CrystalLord'], .res .thing .tagline .author[href$='whiterun_garda'], .res .thing .tagline .author[href$='cerebis279'], .res .thing .tagline .author[href$='NtmrMoon'], .res .thing .tagline .author[href$='ponytron5000'], .res .thing .tagline .author[href$='Dragon__'], .res .thing .tagline .author[href$='Spazzmatism']{
  2000. color: rgb(172, 118, 255)! important;
  2001. }
  2002.  
  2003. .side .voteWeight, .side .userTagLink, .sidecontentbox .voteWeight, .sidecontentbox .userTagLink{
  2004. display: none !important;
  2005. }
  2006.  
  2007. .comment .midcol {margin-top: 6px;width: 15px !important;}
  2008. .comment .author {color: #89be6c;}
  2009.  
  2010.             /* Comments */
  2011. .commentarea .menuarea {
  2012. display: inline;
  2013. margin: 0 0px 10px -320px;
  2014. padding: 0;
  2015. color: #c0c0c0;
  2016. font-weight: normal;
  2017. font-size: 110%;
  2018. }
  2019.    
  2020. .res-commentBoxes .comment .comment {
  2021. margin-right: 0px;
  2022. background-color: #1C1F25 !important;
  2023. }
  2024.        
  2025. .comments-page textarea:focus {
  2026. color: rgb(238, 238, 238) !important;
  2027. }
  2028.                
  2029. .panestack-title {
  2030. display: inline;
  2031. border-bottom: 1px solid #e5e5e5;
  2032. color: #c0c0c0;}
  2033.            
  2034.         /*.commentarea .menuarea .toggle a, .panestack-title .title, .help-hoverable {display: none;}*/
  2035. .panestack-title .title {display: none;}
  2036. .menuarea .spacer {margin-right: -15px;}
  2037. .commentarea .menuarea .toggle a {font-size: 11px;color:#c0c0c0;font-weight: normal; }
  2038. .menuarea .spacer .drop-choices.lightdrop {
  2039. padding: 5px;
  2040. border-color: #DFDDDD;
  2041. box-shadow: 0px 1px 1px #C9C9C9;
  2042. font-family: 'Open Sans',sans-serif;
  2043. }
  2044.  
  2045. .menuarea .spacer .drop-choices.lightdrop a.choice, .commentarea .menuarea form {
  2046. padding: 0.5px;
  2047. font-size: 14px;
  2048. color: #00b5e6;
  2049. }
  2050.  
  2051. .menuarea .spacer .drop-choices.lightdrop a.choice:hover, .commentarea .menuarea form:hover {
  2052. background-color: #00b5e6;
  2053. color: #1c1f25;
  2054. text-decoration: none;
  2055. }
  2056.  
  2057.            
  2058. .menuarea .dropdown.lightdrop .selected {
  2059. background-image: none;
  2060. color: rgb(238, 238, 238);
  2061. text-decoration: none;
  2062. opacity: 10;
  2063. cursor: pointer;
  2064. }
  2065.  
  2066. .menuarea .dropdown.lightdrop .selected:hover {color: #00b5e6;}
  2067. .menuarea .dropdown.lightdrop .selected:after {
  2068. content: " ≡";
  2069. vertical-align: middle;
  2070. opacity: 0.5;
  2071. }
  2072. element.style .comments-page .comment {
  2073. border-radius: 4px;
  2074. }              
  2075.            
  2076. .comments-page .comment .md {
  2077. color: rgb(238, 238, 238);
  2078. font-weight: normal;
  2079. font-size: 14px;
  2080. font-family: 'Open Sans',sans-serif;
  2081. line-height: 1.35em;
  2082. }
  2083.  
  2084. .comment .md p > a:visited {
  2085. color: rgb(153,153,153)!important;
  2086. }
  2087.  
  2088. hr {
  2089. border-width: 1px;
  2090. border-style: solid;
  2091. border-color: #e5e5e5;
  2092. }
  2093.  
  2094. .comments-page textarea {
  2095. background-color: #111317;
  2096. border-bottom: 1px solid #333;
  2097. border-top: 0px solid #333;
  2098. border-left: 0px solid #333;
  2099. border-right: 0px solid #333;
  2100. border-radius: 3px;
  2101. color: rgb(153, 153, 153);
  2102. font-size: 13px;
  2103. font-family: 'Open Sans',sans-serif;
  2104. }
  2105.  
  2106. .comments-page textarea:hover {border-bottom: 1px solid #333;}
  2107. .comments-page textarea:focus {border-bottom:1px solid rgb(153, 153, 153);}
  2108.  
  2109. .usertext .help-toggle, .usertext a.reddiquette {font-size: 100%;} 
  2110. .usertext a.reddiquette {color:#DD4B39;}
  2111.  
  2112. .comments-page .usertext.border .usertext-body {
  2113. padding-left: 5px;
  2114. background-color: transparent;
  2115. }
  2116.            
  2117. .comment .expand {
  2118. background-color: transparent;
  2119. color: rgb(238, 238, 238) !important;
  2120. }
  2121.                
  2122. .comment .expand:hover {
  2123. background-color: transparent;
  2124. color: rgb(238, 238, 238) !important;
  2125. text-decoration: underline;
  2126. }
  2127.                
  2128. .comment .child,.comment .showreplies {
  2129. margin-top: 10px;
  2130. margin-left: 15px;
  2131. border-left: 0px solid;
  2132. }
  2133.  
  2134. .new-comment .usertext-body {
  2135. background-color: rgb(126, 190, 246)!important;
  2136. border: solid 1px #cddaf3;
  2137. color: rgb(126, 190, 246)! important;
  2138. margin: -1px 0;
  2139. }
  2140.        
  2141.         /* H2 3 4 5 markup */
  2142.  
  2143. .link .usertext .md h2, .comments-page .comment .md h2,
  2144. .link .usertext .md h3, .comments-page .comment .md h3,
  2145. .link .usertext .md h4, .comments-page .comment .md h4,
  2146. .link .usertext .md h5, .comments-page .comment .md h5 {
  2147. display: inline;
  2148. margin-top: 5px;
  2149. border: none;
  2150. font-weight: normal;
  2151. font-size: 18px;
  2152. font-family: 'Open Sans',sans-serif;
  2153. }
  2154.  
  2155. .link .usertext .md h2, .comments-page .comment .md h2 {color: #d04109;}
  2156. .link .usertext .md h3, .comments-page .comment .md h3 {color: #00b5e6;}
  2157. .link .usertext .md h4, .comments-page .comment .md h4 {color: #53a93f;}
  2158. .link .usertext .md h5, .comments-page .comment .md h5 {color: #f4b400;}
  2159.  
  2160.         /* Footer */
  2161.  
  2162. .footer-parent {
  2163. margin-top: 120px;
  2164. padding-top: 0px;
  2165. background-color: transparent;
  2166. }
  2167.  
  2168. .footer {
  2169. border: none;
  2170. color: rgb(238, 238, 238);
  2171. font-family: 'Open Sans',sans-serif;
  2172. }
  2173.  
  2174. .res-nightmode.moderator .footer-parent .footer{
  2175. background-color: transparent! important;
  2176. }
  2177.  
  2178. .footer:before {
  2179. display: block;
  2180. margin: 10px;
  2181. padding: 10px;
  2182. color: #00b5e6;
  2183. content: "PLounge plug.dj ❤'s reddit";
  2184. text-transform: none;
  2185. font-size: 16px;
  2186. font-family: 'Open Sans',sans-serif;
  2187. }
  2188.  
  2189. .footer a {
  2190. color: rgb(238, 238, 238);
  2191. font-weight: normal;
  2192. font-size: 14px;
  2193. }
  2194.  
  2195. .footer a:hover {
  2196. color: #00b5e6;
  2197. text-decoration: underline;
  2198. }
  2199.  
  2200. .footer .col {border-left: 1px solid #D5D5D5;}
  2201. .debuginfo {background-color: transparent;color: #1c1f25;}
  2202.  
  2203.         /* Some login stuff */
  2204. .login-form-side {
  2205. border: 0px;
  2206. border-bottom: 1px solid #d8d8d8;
  2207. font-size: 120%;
  2208. margin: 10px;
  2209. }
  2210.  
  2211. .login-form-side input[type=text], .login-form-side input[type=password] {
  2212. margin: 10px 0px;
  2213. width: 265px;
  2214. }
  2215.        
  2216. .popup {
  2217. position: fixed;
  2218. left: 10%;
  2219. margin-bottom: 30px;
  2220. padding: 10px 10px 10px 10px;
  2221. background-color: #000000;
  2222. border: 0px solid;
  2223. border-radius: 2px;
  2224. color: #eee;
  2225. font-size: 16px;
  2226. font-family: 'Open Sans',sans-serif;
  2227. }
  2228.        
  2229. .cover {
  2230. position: fixed;
  2231. top: 0px;
  2232. left: 0px;
  2233. z-index: 1000;
  2234. width: 100%;
  2235. height: 100%;
  2236. background-color: #000000;
  2237. opacity: .6;
  2238. }
  2239.  
  2240.         /* Search page */
  2241. .search-page #search {
  2242. position: relative;
  2243. top: 0px;
  2244. margin: 0px 150px 0px 80px;
  2245. height: 50px;
  2246. background: none !important;
  2247. background-color: transparent;
  2248. text-align: left;
  2249. }  
  2250.  
  2251. .search-page .searchpane {
  2252. margin: 5px 320px 5px 0px;
  2253. padding-left: 96px;
  2254. height: 120px;
  2255. background: transparent !important;
  2256. }
  2257.            
  2258. .search-page .raisedbox {
  2259. padding: 5px;
  2260. border: 0px solid;
  2261. }
  2262.  
  2263. .search-page #search input[type=text] {
  2264. padding: 5px 0px 5px 40px;
  2265. width: 300px;
  2266. font-size: 150%;
  2267. border: none;
  2268. border-radius: 3px;
  2269. border-top: 0px solid #d5d5d5;
  2270. border-bottom: 1px solid #333;
  2271. border-left: 0px solid #1c1f25;
  2272. }
  2273.  
  2274. .search-page #search input[type=text]:focus {
  2275. padding: 5px 0px 5px 40px;
  2276. font-size: 150%;
  2277. border: none;
  2278. border-radius: 3px;
  2279. border-top: 0px solid #d5d5d5;
  2280. border-bottom: 1px solid rgb(153, 153, 153);
  2281. border-left: 0px solid #1c1f25;
  2282. }
  2283.  
  2284.            
  2285. .searchfacets {
  2286. margin-top: 10px;
  2287. margin-right: 320px;
  2288. padding: 10px;
  2289. box-shadow:none;
  2290. color: rgb(238, 238, 238);
  2291. border: 0px solid;
  2292. border-bottom: 3px solid #E5E5E5;
  2293. }
  2294.  
  2295. .search-page #header .tabmenu {display: none !important;}
  2296. .search-page .side {padding-top: 40px;}
  2297.            
  2298. .search-summary {margin-right: 40px;}
  2299.  
  2300.         /* Reddit Enhancement Suite (RES) */
  2301.  
  2302. .res .keyHighlight {
  2303. background-color: transparent;
  2304. outline: 0px solid;
  2305. }
  2306.  
  2307. .res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  2308. background-color: transparent !important;
  2309. }
  2310.  
  2311. .res .RES-keyNav-activeElement {outline: 0px solid #C5C5C5 !important; border-radius: 0px !important;}
  2312.  
  2313.  
  2314. /* Res Live Preview */
  2315. .RESDialogSmall {
  2316. border: 1px solid #DFDFDF!important;
  2317. border-radius: 0px!important;
  2318. color:white! important;
  2319. }
  2320.  
  2321. .res .usertext .usertext-edit .livePreview,
  2322. .res .usertext .usertext-edit .livePreview .md {
  2323.     background: #1C1F25 !important;
  2324. }
  2325.  
  2326. .RESDialogSmall > h3 {
  2327. background-color: #f4f4f4!important;
  2328. border-bottom: 1px solid #DFDFDF!important;
  2329. border-radius: 0px!important;
  2330. color: #333!important;
  2331.  
  2332. }
  2333. .res .comment {
  2334. margin-top:0px !important;
  2335. margin-bottom: 3px !important;
  2336. border: none !important;
  2337. }
  2338.  
  2339. .res_comment_ups, .res_post_ups{
  2340. color: rgb(144, 173, 47) !important;
  2341. }
  2342. .res_comment_downs, .res_post_downs{
  2343. color: rgb(196, 46, 59) !important;
  2344. }
  2345.  
  2346. /* comment comment comment comment comment god damn it */
  2347.  
  2348. .comments-page .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2349. .comments-page .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2350. .comments-page .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2351. .comments-page .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2352. .comments-page .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2353. .comments-page .comment .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2354. .comments-page .comment .comment .comment .comment .comment .comment .comment{border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2355. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2356. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2357. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2358.        
  2359. /* RES comment comment comment comment comment god damn it */
  2360.  
  2361. .res .comments-page .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2362. .res .comments-page .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2363. .res .comments-page .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2364. .res .comments-page .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2365. .res .comments-page .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2366. .res .comments-page .comment .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2367. .res .comments-page .comment .comment .comment .comment .comment .comment .comment{border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2368. .res .comments-page .comment .comment .comment .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2369. .res .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2370. .res .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}
  2371.  
  2372. .res-commentBoxes .commentarea .comment, .res-commentBoxes .commentarea .comment .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  2373.     background-color:rgb(40, 44, 53)!important;
  2374. }
  2375.  
  2376. .res-commentBoxes .commentarea .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  2377.     background-color:rgb(40, 44, 53)!important;
  2378. }
  2379.        
  2380. .RESshortcutside {
  2381. padding: 0px 0px !important;
  2382. background: none repeat-x scroll center left !important;
  2383. background-color: #1c1f25;
  2384. background-image: none !important;
  2385. border: 0px solid !important;
  2386. border-radius: 0px !important;
  2387. color: #00b5e6 !important;
  2388. text-transform: capitalize !important;
  2389. font-weight: 500 !important;
  2390. font-size: 14px !important;
  2391. line-height: 20px !important;
  2392. }
  2393.  
  2394. .RESshortcutside.remove {
  2395. padding: 0px 3px 0px 0px !important;
  2396. background-color: #1c1f25;
  2397. background-image: none !important;
  2398. border: 0px solid !important;
  2399. color: rgb(238, 238, 238) !important;
  2400. font-weight: lighter !important;
  2401. }
  2402.        
  2403. .RESDashboardToggle {
  2404. padding: 0px 0px !important;
  2405. background: none repeat-x scroll center left !important;
  2406. background-color: #1c1f25;
  2407. background-image: none !important;
  2408. border: 0px solid !important;
  2409. border-radius: 0px !important;
  2410. color: #00b5e6 !important;
  2411. text-transform: capitalize !important;
  2412. font-weight: 500 !important;
  2413. font-size: 14px !important;
  2414. line-height: 20px !important;
  2415. }
  2416.        
  2417. .RESDashboardToggle.remove {
  2418. padding: 2px 6px 2px 0px !important;
  2419. background-color: #1c1f25;
  2420. background-image: none !important;
  2421. border: 0px solid !important;
  2422. color: rgb(238, 238, 238) !important;
  2423. font-weight: lighter !important;
  2424. }
  2425.        
  2426. #RESShortcutsEditContainer {
  2427. top: 1px !important;
  2428. background-color: rgb(40, 44, 53) !important;
  2429. }
  2430.        
  2431. #RESShortcutsRight,#RESShortcutsLeft,#RESShortcutsAdd,#RESShortcutsTrash {
  2432. background-color: #2d2d2d !important;
  2433. color: #979797 !important;
  2434. }
  2435.  
  2436. #srLeftContainer, #RESShortcutsViewport, #RESShortcutsEditContainer {
  2437. border-left: 1px solid #666;
  2438. padding-left: 10px;
  2439. }
  2440.  
  2441. .res #RESShortcutsSort {width: 30px !important;background-color: transparent !important;color:#B1B1B1 !important; }
  2442.  
  2443. /* resresresresresresresrsesresresreSTOP */
  2444.  
  2445. .content .RESBigEditorPop  {color: #333 !important; padding:2px;}
  2446. .markdownEditor {white-space: inherit !important;}
  2447.  
  2448. .res span.score {
  2449. color: #FFFFFF !important;
  2450. }
  2451.  
  2452. #progressIndicator, #NERFail, .NERPageMarker {
  2453. margin-right: 320px !important;
  2454. width: inherit !important;
  2455. background-color: #1c1f25;
  2456. border: 1px solid #d8d8d8 !important;
  2457. border-top: 0px solid !important;
  2458. border-bottom: 3px solid #d8d8d8 !important;
  2459. border-radius: 2px !important;
  2460. }
  2461.  
  2462. .res #NREFloat {
  2463. top: 8px;
  2464. z-index: 100;
  2465. }
  2466.  
  2467. .res .fancy-toggle-button .add:after {
  2468. right: 50px !important;
  2469. }
  2470.  
  2471. .RESSubscriptionButton {
  2472. background-color: #1c1f25;
  2473. border: 0px solid !important;
  2474. border-radius: 0px !important;
  2475. color: #00b5e6 !important;
  2476. }
  2477.        
  2478. .res #header-bottom-right {
  2479. right: 10px;
  2480. top: 177px !important;
  2481. border-radius: 0px !important;
  2482. }
  2483.  
  2484.            
  2485.        
  2486. .res #userbarToggle {display: none !important;}
  2487.                        
  2488. .res a.voteWeight {
  2489. text-decoration: none;
  2490. background-color: transparent !important;
  2491. color: #999 !important;
  2492. }
  2493.  
  2494. #RESAccountSwitcherIcon {margin-top: -5px;}
  2495.  
  2496.  .author.submitter {
  2497. background-color: transparent !important;
  2498. border-radius: 0px !important;
  2499. color: #ffdd6f !important;
  2500. }
  2501.  
  2502. .res .blueButton {
  2503. padding: 2px 3px !important;
  2504. background-color: #53a93f !important;
  2505. border: none !important;
  2506. border-radius: 0px !important;
  2507.  
  2508. }
  2509.  
  2510.  
  2511. .link.promotedlink.promoted {
  2512. border-bottom: 0px !important;
  2513. margin-right: 0px;
  2514. }
  2515.        
  2516. @media (max-width: 800px) and (min-width: 601px) {
  2517. body {
  2518.        
  2519.  }
  2520.  
  2521. .link, .commentarea {margin-right: 10px;}
  2522. .side {display: none;}
  2523. }
  2524.  
  2525. @media (max-width: 600px) and (min-width: 100px) {
  2526. body {
  2527.  }
  2528.  
  2529. #header-bottom-right {
  2530. margin-right: 12px;
  2531. width: 25px;
  2532.            
  2533. overflow: hidden;
  2534. }
  2535.  
  2536. #header-bottom-right:hover {
  2537. width: auto;
  2538. overflow: visible;
  2539. }
  2540.  
  2541. .listing-page .tabmenu li a[href*="/ads"] {display: none;}
  2542.  
  2543. .link, .commentarea {margin-right: 10px;}
  2544.  .side {display: none;}
  2545. }
  2546.  
  2547.  
  2548. body {transition: all 0.25s ease;}
  2549.  
  2550. a, .domain a {
  2551. transition: color 0.25s;
  2552. transition: border-color 0.25s;
  2553. }
  2554.  
  2555. #sr-header-area {transition: opacity 0.5s;}
  2556.  
  2557. .tabmenu li a {
  2558. transition: border-color 0.25s! important;
  2559. }
  2560.  
  2561. .link .entry li a, .link:hover .entry li a {transition: opacity 0.5s ease-in-out;}
  2562.  
  2563. /* CUSTOMIZATION */
  2564.  
  2565.     /* --------------------------- */
  2566.  
  2567.         /* Link Flairs that you can make! */
  2568.  
  2569. .linkflair-one .linkflairlabel {
  2570. background-color: rgb(40, 44, 53);
  2571. border: 1px solid rgb(52, 52, 52);
  2572. color: rgb(238, 238, 238);
  2573. }
  2574.  
  2575. .linkflair-two .linkflairlabel {
  2576. background-color: rgb(40, 44, 53);
  2577. border: 1px solid rgb(52, 52, 52);
  2578. color: rgb(238, 238, 238);
  2579. }
  2580.  
  2581. .linkflair-three .linkflairlabel {
  2582. background-color: rgb(40, 44, 53);
  2583. border: 1px solid rgb(52, 52, 52);
  2584. color: rgb(238, 238, 238);
  2585. }
  2586.  
  2587. /* Create your own! */
  2588.  
  2589.     /* "squee" can be anything! This is what you use in the CSS field at the flair page */
  2590. .linkflair-squee .linkflairlabel {
  2591. background-color: rgb(40, 44, 53);
  2592. border: 1px solid rgb(52, 52, 52);
  2593. color: rgb(238, 238, 238);
  2594. }
  2595.  
  2596.  
  2597.  
  2598.     /* --------------------------- */
  2599.  
  2600.         /* My subreddit mainly uses SELF posts */
  2601.  
  2602. .sidebox.submit.submit-link {display: none;}
  2603.    
  2604. /* My subreddit mainly uses LINK posts */
  2605. /* Then add to the line above and remove  from
  2606. the line below the asterisks and slashes */
  2607.  
  2608.  
  2609. /*.sidebox.submit.submit-text {display: none;}*/
  2610.  
  2611.     /* --------------------------- */
  2612.  
  2613. /* Submit page message */
  2614. .formtabs-content .infobar:before {
  2615. content: ""; /* Don't delete the " "*/
  2616.                        
  2617.         }
  2618.  
  2619.     /* Subscriber Name */
  2620. div.titlebox span.number:after {content: " ponies plugged in!";} /* Leave the space before the name! */
  2621.  
  2622.     /* --------------------------- */
  2623.  
  2624.     /* CUSTOM LOGO CSS */
  2625. .pagename a {
  2626. top: 50px; /* The length the logo is moved from the top of the page */
  2627. width: 247px; /* TOTAL Image width */
  2628. margin-left: -127px; /* This HAS to be ->50%< of the TOTAL image width. Don't delete the MINUS! */
  2629. height: 85px; /* 50% of the TOTAL height of the image. */
  2630. }
  2631.    
  2632. .pagename a:hover {background-position: 0px -92px;} /* Replace the 77 with your height */
  2633.  
  2634. .RESDropdownList {
  2635. border:none;
  2636. }
  2637.  
  2638. .RESDropdownList li {
  2639. color: gray;
  2640. }
  2641.  
  2642. #RESPrefsDropdown ul {
  2643. background-color: #111317;
  2644. }
  2645.  
  2646. #RESPrefsDropdown #RESDropdownOptions #DashboardLink {
  2647. display: none;
  2648. }
  2649.  
  2650. #RESPrefsDropdown ul li {
  2651. color: #gray;
  2652. border: none;
  2653. }
  2654.  
  2655. #RESPrefsDropdown ul li:hover {
  2656. background-color: #1C1F25;
  2657. color: #00b5e6;
  2658. }
  2659.  
  2660. #RESHoverContainer {
  2661. position: absolute;
  2662. z-index: 10001;
  2663. visibility: hidden;
  2664. }
  2665.  
  2666. #RESPrefsDropdown #RESDropdownOptions #SettingsConsole #RESSearchMenuItem:hover {
  2667. background-color: #CCCCCC;
  2668. }
  2669.  
  2670. #RESMainGearOverlay {
  2671. background-color: #333;
  2672. }
  2673.  
  2674. #RESMainGearOverlay:hover {
  2675. border:none!important;
  2676. }
  2677.  
  2678. /* Changes color of account switcher drop-down */
  2679.  
  2680. span #RESAccountSwitcherIconOverlay {
  2681. background-color: none! important;
  2682. border:none;
  2683. }
  2684.  
  2685. #RESAccountSwitcherDropdown {
  2686. background-color: #111317! important;
  2687. }
  2688.  
  2689. .res-nightmode .RESDropdownList li{
  2690. background-color: #111317
  2691. }
  2692.  
  2693. .res-nightmode body .content{
  2694. background-color: #1C1F25;
  2695. }
  2696.  
  2697. #RESAccountSwitcherDropdown li {
  2698. color: #gray! important;
  2699. border: none;
  2700. }
  2701.  
  2702. #RESAccountSwitcherDropdown li:hover {
  2703. background-color: #1C1F25! important;
  2704. color: #00b5e6! important;
  2705. }
  2706.  
  2707.  
  2708. .RESDialogSmall {
  2709. background-color: #1C1F25;
  2710. border: 1px solid rgb(199, 199, 199);
  2711. border-radius: 3px;
  2712. font-size: 12px;
  2713. color: rgb(102, 102, 102);
  2714. position: relative;
  2715. }
  2716.  
  2717. .RESDialogSmall>h3 {
  2718. background-color: #111317!important;
  2719. border-bottom: 1px solid #333!important;
  2720. border-radius: 0px!important;
  2721. color: white! important;
  2722. }
  2723.  
  2724. .RESDialogSmall {
  2725. border: 1px solid gray!important;
  2726. border-radius: 0px!important;
  2727. }
  2728.  
  2729. .RESCloseButton {
  2730. font: 12px/22px Verdana, sans-serif;
  2731. background-color: #333;
  2732. border: 1px solid #222;
  2733. color: rgb(154, 149, 142);
  2734. }
  2735.  
  2736. #RESAccountSwitcherIconOverlay {
  2737. border: 0px solid #333 !important;
  2738. border-bottom: 1px solid #222! important;
  2739. background-color: #1C1F25! important;
  2740. }
  2741.  
  2742. .hover-bubble {
  2743. display: none;
  2744. position: absolute;
  2745. background: #1C1F25;
  2746. color: #333;
  2747. border: 0px solid gray;
  2748. padding: 3px;
  2749. box-shadow: 0 2px 10px rgba(0,0,0,0.25);
  2750. z-index: 100;
  2751. }
  2752.  
  2753. .hover-bubble.multi-selector label:hover {
  2754. background: #1C1F25;
  2755. border: 0px solid #ccc! important;
  2756. }
  2757.  
  2758. .hover-bubble.multi-selector strong {
  2759. font-size: 1.05em;
  2760. font-weight: bold;
  2761. color: white;
  2762. }
  2763.  
  2764. .hover-bubble.multi-selector .create-multi input[type="text"] {
  2765. background: #111317;
  2766. color: #eee;
  2767. border: 0px solid #ccc;
  2768. padding: 2px 5px;
  2769. }
  2770.  
  2771. #RESSubredditGroupDropdown {
  2772. position: absolute;
  2773. z-index: 99999;
  2774. padding: 3px;
  2775. background-color: #333! important;
  2776. border-left: 1px solid black;
  2777. border-right: 1px solid black;
  2778. border-bottom: 1px solid black;
  2779. }
  2780.  
  2781. #RESSubredditGroupDropdown li:hover {
  2782. background-color: #1C1F25!important;
  2783. }
  2784.  
  2785. #RESSubredditGroupDropdown .RESShortcutsEditButtons .res-icon {
  2786. color: white;
  2787. font-size: 12px;
  2788. }
  2789.  
  2790. .RESNotificationHeader {
  2791. padding-left: 10px;
  2792. padding-right: 50px;
  2793. background-color: #1c1f25! important;
  2794. border-bottom: rgb(199, 199, 199);
  2795. height: 38px;
  2796. }
  2797.  
  2798. .RESNotification {
  2799. font: 12px/14px Arial, Helvetica, Verdana, sans-serif;
  2800. border: 1px solid rgb(204, 204, 255);
  2801. color: white!important;
  2802. background-color: #282C35;
  2803. z-index: 100;
  2804. }
  2805.  
  2806. .RESNotification {
  2807. border: 0px solid rgb(204,204,255)! important;
  2808. }
  2809.  
  2810. .res-nightmode .entry time {
  2811. color: rgb(153,153,153)! important;
  2812. }
  2813.  
  2814. #RESConsoleContainer, .resnightmode #RESConsoleContainer {
  2815. color: white;
  2816. font-size: 12px;
  2817. z-index: 100000100;
  2818. position: fixed;
  2819. top: 1.5%;
  2820. right: 1.5%;
  2821. bottom: 100%;
  2822. left: 1.5%;
  2823. overflow: hidden;
  2824. padding: 10px;
  2825. -webkit-box-shadow: rgba(0, 0, 0, 0.2) 10px 10px 10px;
  2826. box-shadow: rgba(0, 0, 0, 0.2) 10px 10px 10px;
  2827. border-radius: 3px;
  2828. background-color: #1C1F25! important;
  2829. transition: bottom 0.4s;
  2830. -webkit-transition: bottom 0.4s;
  2831. }
  2832.  
  2833. .res-nightmode #RESConsoleContent, .res-nightmode #RESMenu li {
  2834. background-color: #1C1F25;
  2835. }
  2836.  
  2837. .moduleHeader, .resnightmode .moduleHeader {
  2838. border: 0px solid rgb(199, 199, 199);
  2839. padding: 12px;
  2840. background-color: #111317;
  2841. display: block;
  2842. margin-bottom: 12px;
  2843. margin-right: 12px;
  2844. margin-left: 3px;
  2845. overflow: auto;
  2846. }
  2847.  
  2848. .RESDialogTopBar {
  2849. background-color: #333;
  2850. border: 0px #FFFFF;
  2851. }
  2852.  
  2853. .optionContainer {
  2854. background-color: #111317;
  2855. border: 0px #FFFFF;
  2856. }
  2857.  
  2858. .res-nightmode #sr-header-area, .res-nightmode #sr-more-link, .res-nightmode #RESConsoleTopBar, .res-nightmode .moduleHeader, .res-nightmode .allOptionsContainer, .res-nightmode .optionContainer {
  2859. background-color: #111317;
  2860. color: white! important;
  2861. }
  2862.  
  2863. input {
  2864. padding: 1px;
  2865. background-color: #1C1F25! important;
  2866. color: white! important;
  2867. cursor: auto;
  2868. }
  2869.  
  2870. .addRowButton, .resnightmode .addRowButton {
  2871. cursor: pointer;
  2872. background-color: #90ad2f! important;
  2873. }
  2874.  
  2875. .moduleToggle.enabled .toggleOn, .toggleButton.enabled .toggleOn {
  2876. background-color: #90ad2f! important;
  2877. color: rgb(255, 255, 255);
  2878. font-weight: bolder;
  2879. }
  2880.  
  2881. .moduleToggle:not(.enabled) .toggleOff, .toggleButton:not(.enabled) .toggleOff {
  2882. background-color: #dd4b39;
  2883. color: rgb(255, 255, 255);
  2884. font-weight: bolder;
  2885. }
  2886.  
  2887. /*** SCROLLBAR ***/
  2888.  
  2889.  
  2890. ::-webkit-scrollbar {
  2891.     width: 12px;
  2892.     height: 12px;
  2893.     background-color: #111317;
  2894. }
  2895.  
  2896. ::-webkit-scrollbar-thumb {
  2897.     background-color: #ccc;
  2898.     border-radius: 10px;
  2899. }
  2900.  
  2901. ::-webkit-scrollbar-button {
  2902.     display: none;
  2903.     width: 0;
  2904.     height: 0;
  2905. }
  2906.        
  2907. ::-webkit-scrollbar-corner {
  2908.     background-color: transparent;
  2909.     color: #555555;
  2910. }
  2911.  
  2912. ::selection {
  2913. background-color: rgb(172, 118, 255);
  2914. color: white! important;
  2915. font-weight: bold;
  2916. }
  2917.  
  2918. button.save, button.submit-report, button.cancel, button.cancel-report-thing {
  2919. position: relative;
  2920. padding: 2px 10px;
  2921. border: 0;
  2922. width: 77px;
  2923. height: 25px;
  2924. color: #fff;
  2925. overflow: hidden;
  2926. -webkit-transition: all .2s ease;
  2927. -moz-transition: all .2s ease;
  2928. -ms-transition: all .2s ease;
  2929. -o-transition: all .2s ease;
  2930. transition: all .2s ease;
  2931. }
  2932.  
  2933. button.save, button.submit-report { background-color: #55a9e1; }
  2934. button.cancel, button.cancel-report-thing { background-color: #d75b4e; }
  2935.  
  2936. button.save:before, button.submit-report:before {
  2937. background-image: url(%%save%%);
  2938. content: '';
  2939. height: 16px;
  2940. width: 16px;
  2941. position: absolute;
  2942. left: -16px;
  2943. bottom: 4px;
  2944. opacity: 0;
  2945. transition: opacity 200ms, left 200ms;
  2946. }
  2947.  
  2948. button.cancel:before, button.cancel-report-thing:before {
  2949.   background-image: url(%%delete%%);
  2950.   content: "";
  2951.   height: 16px;
  2952.   width: 16px;
  2953.   position: absolute;
  2954.   left: -16px;
  2955.   bottom: 4px;
  2956.   opacity: 0;
  2957.   padding-top: 1px;
  2958.   transition: opacity 200ms,left 200ms;
  2959. }
  2960.  
  2961. button.save:hover:before, button.submit-report:hover:before, button.cancel:hover:before, button.cancel-report-thing:hover:before { opacity: 1; left: 10px; }
  2962. button.save:hover, button.submit-report:hover, button.cancel:hover, button.cancel-report-thing:hover {
  2963. padding-left: 30px;
  2964. }
  2965.  
  2966. button.save:hover, button.submit-report:hover { background-color: #3498db; }
  2967. button.cancel:hover, button.cancel-report-thing:hover { background-color:#c0392b; }
  2968.  
  2969. button.save:active, button.submit-report:active, button.cancel:active, button.cancel-report-thing:active {
  2970. box-shadow: 0 8px 6px -6px #fff;
  2971. }
  2972.  
  2973. button.save:active, button.submit-report:active { background-color: #1abc9c; }
  2974. button.cancel:active, button.cancel-report-thing:active { background-color: #a02f24; }
  2975. button.save:focus, button.submit-report:focus, button.cancel:focus, button.cancel-report-thing:focus { outline: none; }
  2976.  
  2977. .bpm-search-toggle {
  2978. margin: 3px -5px 0 5px !important;
  2979. float: right;
  2980. }
  2981.  
  2982. .content .RESBigEditorPop {
  2983. color: #333!important;
  2984. padding: 1px;
  2985. }
  2986.  
  2987.     /* --------------------------- */
  2988.  
  2989. a.author[href$="Eevn"]:before {content:'Princess ';}
  2990.  
  2991. .author:before {content: 'DJ ';}
  2992.  
  2993. /*greentext*/
  2994. .md blockquote {
  2995.     border: 0;
  2996.     margin: 0;
  2997.     color: #789922;
  2998.     display: block;
  2999.     line-height: 0.8
  3000.     }
  3001.  
  3002. .md blockquote p:before {
  3003.     content: ">";
  3004.     float: left;
  3005.     display: block;
  3006.     }
  3007.  
  3008. .side h1 {
  3009.   color: #fff;
  3010. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement