Want more features on Pastebin? Sign Up, it's FREE!
Guest

Google Now Theme

By: a guest on May 19th, 2013  |  syntax: None  |  size: 34.41 KB  |  views: 19  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. body {
  2. min-width: 940px;
  3. background-color: #e5e5e5;
  4. color: #3b3b3b;
  5. font-weight: lighter;
  6. font-family: roboto;
  7. }
  8.  
  9. :focus {
  10. outline: 1px solid #35b4e3 !important;
  11. }
  12.  
  13. /* ::user login info */
  14. ::selection {
  15. background-color: #35b4e3;
  16. color: white;
  17. font-weight: bold;
  18. }
  19.  
  20. a {
  21. color: #35b4e3;
  22. font-weight: bold;
  23. }
  24.  
  25. a:hover {
  26. color: #4ec4f0;
  27. text-decoration: none;
  28. }
  29.  
  30. .error {
  31. color: #ff4444;
  32. text-transform: capitalize;
  33. letter-spacing:0.5px;
  34. font-weight: 400;
  35. font-size:13px;
  36. font-family: roboto;
  37. }
  38.  
  39. *button {
  40. margin: 3px 3px 3px 3px;
  41. padding: 4px 10px 6px;
  42. background-color: transparent;
  43. border: 0px;
  44. color: #35b4e3;
  45. text-transform: capitalize;
  46. font-weight: bold;
  47. cursor: pointer;
  48. }
  49.  
  50. button:hover {
  51. color: #4ec4f0;
  52. }
  53. /* Special Text formatting */
  54. /* IO Announcement!*/
  55. .titlebox h6 {
  56. position: absolute;
  57. top: 50px;
  58. z-index: 999;
  59. margin-left: -15px;
  60. padding: 10px;
  61. width: 325px;
  62. background-color: white;
  63. border: 0px;
  64. border: 0px solid;
  65. border-radius: 3px;
  66. -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ;
  67. -moz-box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  68. box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  69. color: #FF6262!important;
  70. text-align: center;
  71. }
  72.  
  73.  
  74.  
  75. .md h1, .titlebox h1 {
  76. margin:0px;
  77. padding:5px 0px 5px 0px;
  78. border-bottom: 0px;
  79. color: #0087f7;
  80. font-weight: lighter;
  81. font-size: 15px;
  82. font-family: roboto;
  83. line-height: 1.45em;
  84. }
  85.  
  86. .md h2, .titlebox h2 {
  87. padding:5px 0px 5px 0px;
  88. color: #fe2232;
  89. font-weight: lighter;
  90. font-size: 15px;
  91. font-family: roboto;
  92. line-height: 1.45em;
  93. }
  94.  
  95. .md h3, .titlebox h3 {
  96. padding:5px 0px 5px 0px;
  97. color: #ffaf00;
  98. font-weight: lighter;
  99. font-size: 15px;
  100. font-family: roboto;
  101. line-height: 1.45em;
  102. }
  103.  
  104. .md h4, .titlebox h4 {
  105. padding:5px 0px 5px 0px;
  106. color: #00a256;
  107. font-weight: lighter;
  108. font-size: 15px;
  109. font-family: roboto;
  110. line-height: 1.45em;
  111. }
  112.  
  113. .md h5 {
  114. padding:5px 0px 5px 0px;
  115. color: #a5a5a5;
  116. font-weight: lighter;
  117. font-size: 15px;
  118. font-family: roboto;
  119. line-height: 1.45em;
  120. }
  121.  
  122. .md hr {
  123. border-width: 1px;
  124. border-style: solid;
  125. color: #e5e5e5;
  126. }
  127.  
  128.         /* Header Area */
  129.  
  130. /* Top Most header */
  131. #sr-header-area {
  132. height: 20px;
  133. background-color: #2d2d2d;
  134. border-bottom: 0px solid;
  135. -webkit-box-shadow: 0px 0px 1px #868686;
  136. -moz-box-shadow: 0px 0px 1px #868686;
  137. box-shadow: 0px 0px 1px #868686;
  138. font-weight: 500;
  139. font-family: roboto;
  140. color:#35b4e3;
  141. line-height: 20px;
  142. }
  143.  
  144. #sr-header-area a {
  145. color: #35b4e3;
  146. text-transform: capitalize;
  147. font-weight: 400;
  148. font-size:12px;
  149. font-family: Arial, sans-serif;
  150. }
  151.  
  152. #sr-header-area a:hover {
  153. color: white;
  154. text-decoration: none;
  155. }
  156.  
  157. #sr-more-link {
  158. position: absolute;
  159. background-color: #2d2d2d;
  160. color: #bcbcbc;
  161. }
  162.  
  163. .dropdown.srdrop .selected {
  164. color: #bcbcbc;
  165. }
  166.  
  167. #sr-header-area .drop-choices.srdrop {
  168. margin-left: 0px;
  169. }
  170.  
  171. /* Header Image */
  172. #header {
  173. background-color: #e7e3e7;
  174. border-color: #b8b8b8;
  175. height: 110px;
  176.  
  177. background-repeat: repeat-x;
  178. background-position: bottom;
  179. }
  180.  
  181.  
  182. .pagename {
  183. visibility: hidden;
  184. }
  185.  
  186.  
  187. /* HOT / NEW / ETC */
  188. #header .tabmenu {
  189. display: block;
  190. position: right;
  191. top: 25px;
  192. margin: -17px 0px 0px 172px;
  193. padding: 6px 0px 7px 0px;
  194. width: 770px;
  195. height: 25px;
  196. background-color: white;
  197. border: 0px solid;
  198. border-radius: 2px;
  199.  -webkit-box-shadow: 0px 4px 4px -3px #8f8f8f ;
  200.         -moz-box-shadow: 0px 4px 4px -3px #8f8f8f ;
  201.              box-shadow: 0px 4px 4px -3px #8f8f8f ;
  202. color: #707070;
  203. list-style-type: none;
  204. vertical-align: bottom;
  205. text-align: center;
  206. white-space: nowrap;
  207. font-weight: lighter;
  208. font-size: 13px;
  209. font-family:roboto;
  210. }
  211.  
  212. .tabmenu li {
  213. display: inline-block;
  214. font-weight: lighter;
  215. }
  216.  
  217.  
  218. .tabmenu li a {
  219. margin:0px 20px 0px 20px;
  220. padding: 2px 5px 0px 5px;
  221. background-color: transparent;
  222. border: 0px solid;
  223. color: #707070;
  224. text-transform: capitalize !important;
  225. font-weight: lighter;
  226. font-size: 18px;
  227. font-family: roboto;
  228. }
  229.  
  230. .tabmenu li a:hover {
  231. color: #35b4e3;
  232. }
  233.  
  234.  
  235.  
  236. .tabmenu li.selected a {
  237. z-index: 100;
  238. background-color: white;
  239. border: 0px solid;
  240. border-bottom:5px solid;
  241. color: #35b4e3;
  242. font-weight: lighter;
  243. font-size: 20px;
  244. font-family: roboto;
  245. }
  246.  
  247. .listing-page .tabmenu li a[href="http://www.reddit.com/promoted/"] {
  248. display: none;
  249. }
  250.  
  251. .listing-page .tabmenu li a[href="http://www.reddit.com/saved/"] {
  252. display: none;
  253. }
  254.  
  255. .listing-page .tabmenu li a[href="http://www.reddit.com/r/google/wiki/"] {
  256. display: none;
  257. }
  258.  
  259. .listing-page .tabmenu li a[href="http://www.reddit.com/r/google/controversial/"] {
  260. display: none;
  261. }
  262.  
  263.         /* Sidebar */
  264. /* Side */
  265. .side {
  266. float: right;
  267. margin: 10px 20px 0px 0px;
  268. width: 350px;
  269. background-color: transparent;
  270. }
  271.  
  272.  
  273. .account-activity-box {
  274. display:none;
  275. }
  276.  
  277. .account-activity-box a {
  278. display:none;
  279. }
  280.  
  281. .sidebox.create {
  282. display: none;
  283. }
  284.  
  285. .titlebox h1 {
  286. margin: 0px;
  287. margin-bottom: 5px;
  288. color: #707070;
  289. text-transform: capitalize;
  290. font-weight: lighter;
  291. font-size: 25px;
  292. font-family:roboto;
  293. }
  294.  
  295. .titlebox h1 a {
  296. color: #707070;
  297. text-transform: capitalize;
  298. font-weight: lighter;
  299. font-family: roboto;
  300. }
  301.  
  302. .titlebox h1 a:hover {
  303. color: #35b4e3;
  304. text-decoration: none;
  305. }
  306.  
  307. /* Sub / Unsub button */
  308. .fancy-toggle-button .add {
  309. background-color: #35b4e3 !important;
  310. color: white !important;
  311. font-weight: 500;
  312. font-size: 14px !important;
  313. }
  314.  
  315. .fancy-toggle-button .remove {
  316. padding: 2px 6px 2px 0px !important;
  317. background-color: white !important;
  318. color: #35b4e3 !important;
  319. font-weight: lighter !important;
  320. }
  321.  
  322. .fancy-toggle-button .active {
  323. padding: 1px 6px;
  324. background: #ffffff none repeat-x scroll center left;
  325. border: 0px solid;
  326. border-radius: 0px;
  327. color: #3b3b3b;
  328. text-transform: capitalize;
  329. font-weight: lighter;
  330. font-size: 12px;
  331. line-height: 20px;
  332. }
  333.  
  334. /* Real Text */
  335.  
  336. .titlebox {
  337. margin: 0px 0px 30px 0px;
  338. padding: 15px 15px 15px 15px;
  339. background-color: white;
  340. border: 0px solid;
  341. border-radius: 3px;
  342. -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ;
  343. -moz-box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  344. box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  345. color: #3b3b3b;
  346. text-align: left;
  347. font-weight: lighter;
  348. font-family: roboto;
  349. }
  350.  
  351. .titlebox .usertext-body {
  352. font-weight: lighter;
  353. font-size: 12px;
  354. font-family: roboto;
  355. }
  356.  
  357. .titlebox .bottom {
  358. padding-top: 14px;
  359. border-top: 1px solid #e5e5e5;
  360. color: #3b3b3b;
  361. font-weight: lighter;
  362. font-size: 10px;
  363. font-family: roboto;
  364. }
  365.  
  366. /*Submit */
  367. .sidebox.submit {
  368. margin: 0px 0px 10px 0px;
  369. padding: 15px 15px 15px 15px;
  370. height:30px;
  371. background-color: white;
  372. border: 0px solid;
  373. border-radius: 3px;
  374. -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ;
  375. -moz-box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  376. box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  377. }
  378.  
  379. /*Replace readers.. */
  380. div.titlebox span.word {display:none;}
  381. div.titlebox span.number:before {content:" ";}
  382. div.titlebox .subscribers span.number:after {content:" Android Fans";font-family:roboto;}
  383. div.titlebox .users-online span.number:after {content:" Reading Now";font-family:roboto;}
  384.  
  385. /* Submit button */
  386. .morelink {
  387. background-color: #FFF;
  388. border: 0px solid;
  389. }
  390.  
  391. .morelink:hover {
  392.     display: none;    
  393.         background-color: white;
  394.         background-image: none;
  395. }
  396.  
  397. .morelink .nub {
  398.  
  399.         background-color: white;
  400.         background-image:none;
  401. }
  402.  
  403. .morelink .nub:hover {
  404.         background-color: white;
  405.         background-image:none;
  406. }
  407.  
  408. .morelink a {
  409. display: block;
  410. z-index: 99;
  411. margin-top:10px;
  412. width: 320px;
  413. height: 50px;
  414. font-size: 10px;
  415. font-family: roboto;  
  416. }
  417.  
  418. .sidebox.submit.submit-text {
  419. display:Submit;
  420. }
  421.  
  422. .morelink:hover a {
  423. background-position: 0 -50px;
  424. }
  425.  
  426. .disabled .morelink, .disabled .morelink:hover {
  427. background-image: none;
  428. border: 0px solid;
  429. color: white;
  430. font-size:0px;
  431. }
  432.  
  433. .sidebox .subtitle {
  434. color: white;
  435. font-size: 0px;
  436. }
  437.  
  438. /* User bar */
  439. #header-bottom-right {
  440. position: absolute;
  441. top: 143px;
  442. right: 23px;
  443. padding: 5px 2px 2px 2px;
  444. width: 343px;
  445. height: 15px;
  446. background-color: white;
  447. border-bottom: 1px solid #e5e5e5;
  448. border-top-left-radius: 2px;
  449. border-top-right-radius: 2px;
  450. text-align: center;
  451. line-height: 100%;
  452. }
  453.  
  454. .user .userkarma {
  455. border-bottom: 0px solid;
  456. font-weight: lighter;
  457. cursor: help;
  458. }
  459.  
  460. .user {
  461. color: #3b3b3b;
  462. }
  463.  
  464. #header-bottom-right a {
  465. font-weight: lighter;
  466. font-size: 12px;
  467. font-family:roboto;
  468. }
  469.  
  470. /* Search */
  471. #search {
  472. position: absolute;
  473. top: 65px;
  474. z-index:99;
  475. margin: 0px 0px 0px 0px;
  476. padding: 4px 15px 5px 15px;
  477. background-color: white;
  478. border: 0px solid;
  479. border-radius: 0px;
  480. border-bottom-right-radius: 2px;
  481. border-bottom-left-radius: 2px;
  482.  -webkit-box-shadow: 0px 4px 4px -3px #8f8f8f ;
  483.         -moz-box-shadow: 0px 4px 4px -3px #8f8f8f ;
  484.              box-shadow: 0px 4px 4px -3px #8f8f8f ;
  485. text-align: center;
  486. }
  487.  
  488. #search input[type=text] {
  489. padding: 2px 2px 2px 2px;
  490. width: 315px;
  491. background-color: transparent;
  492. border: 0px solid;
  493. color: #3b3b3b !important;
  494. text-transform: capitalize !important;
  495. font-weight: lighter !important;
  496. font-size: 18px;
  497. font-family: Roboto !important;
  498. }
  499.  
  500. .infobar {
  501. margin: 5px 305px 5px 0px;
  502. padding: 2px;
  503. width: 297px;
  504. background-color: white;
  505. border: 0px solid;
  506. border-top: 1px solid #e5e5e5;
  507. color: #3b3b3b;
  508. font-size: small;
  509. font-family: roboto;
  510. }
  511.  
  512. #search_showmore {
  513. display:none;
  514. }
  515.  
  516.  
  517. /* Ad Frame */
  518. #ad-frame, #ad_main {
  519. overflow: hidden;
  520. margin: 0px 0px 30px 0px;
  521. padding: 15px 25px 15px 25px;
  522. height: 280px;
  523. background-color: white;
  524. border: 0px;
  525. border: 0px solid;
  526. border-radius: 3px;
  527. -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ;
  528. -moz-box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  529. box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  530. text-align: center;
  531. }
  532.  
  533.         /* Links/Posts Area */
  534. /* Actual Links */
  535. .content {
  536.   padding: 0!important;
  537. }
  538.  
  539. #siteTable {
  540.   overflow: hidden;
  541.   text-align: center;
  542. }
  543. #siteTable > div[class^=' '], #siteTable > div[id^='siteTable'] > div[class^=' ']{
  544.   text-align: left;
  545.   background: #FFF;
  546.   border-radius: 1px;
  547.   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  548.   overflow: hidden;
  549.   width: 45%;
  550.   display: inline-block;
  551.   margin: 10px!important;
  552.   height: 100px;
  553.   vertical-align: top;
  554. }
  555. #siteTable a {
  556.   color: rgba(0, 0, 0, 0.56);
  557. }
  558. #siteTable_promoted, .clearleft, .content .sitetable .thing .entry .flair, .titlebox .usertext-body .md ol  {
  559.   display: none!important;
  560. }
  561. .RES-keyNav-activeElement, .commentarea .RES-keyNav-activeElement .md, .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  562.   outline: 1px solid rgba(0, 0, 0, 0.11)!important;
  563.   background-color: white!important;
  564. }
  565.  
  566. .link .title {
  567. margin-top: 10px;
  568. font-weight: lighter;
  569. font-family: roboto;
  570. line-height: 100%;
  571. }
  572.  
  573.  
  574.  
  575. /* Not logged in never clicked link */
  576. .thing .title.loggedin.click, .thing .title.click, .thing .title.loggedin, .thing .title {
  577. color: #3b3b3b;
  578. }
  579.        
  580.         /* Clicking link now! */
  581. .thing .title.loggedin.click:visited, .thing .title.click:visited {
  582. color: #35b4e3 !important;
  583.     }
  584.  
  585. /* Unvisited Link color */
  586. .thing .title.loggedin, .thing .title {
  587. color: #3b3b3b;
  588. }
  589.  
  590.        
  591. /* Visited Link Color */
  592. .thing .title.loggedin:visited, .thing .title:visited {
  593. color: #8d8d8d;
  594. }
  595.  
  596.  
  597. .link .usertext .md {
  598. padding: 0 5px;
  599. background-color: white;
  600. border: 0px solid;
  601. border-top: 1px solid #e5e5e5;
  602. border-radius: 0px;
  603. color: #3b3b3b;
  604. font-weight: lighter;
  605. font-size: 15px;
  606. font-family: roboto;
  607. line-height: 1.45em;
  608. }
  609.  
  610. /* Expand post */
  611. .expando-button {
  612. margin: 4px 5px 2px 0;
  613. }
  614.  
  615. .content .expando-button.selftext.expanded {width: 18px;height:16px; background: url(%%spritesheet%%) no-repeat -64px -32px; }
  616. .content .expando-button.selftext.collapsed {width: 18px;height:16px; background: url(%%spritesheet%%) no-repeat 0 -32px; }
  617. .content .expando-button.selftext.expanded:hover {width: 18px;height:16px; background: url(%%spritesheet%%) no-repeat -98px -32px; }
  618. .content .expando-button.selftext.collapsed:hover {width: 18px;height:16px; background: url(%%spritesheet%%) no-repeat -32px -32px; }
  619.  
  620.  
  621. .thumbnail {
  622. float: right;
  623. }
  624.  
  625. .domain {
  626. color: white;
  627. }
  628.  
  629.  
  630. .domain a {
  631. color: #c0c0c0;
  632. }
  633.  
  634. .domain a:hover {
  635. color: #35b4e3;
  636. text-decoration: none;
  637. }
  638.  
  639. .entry {
  640. padding-left: 10px;
  641. }
  642.  
  643. .entry .buttons li a {
  644. padding: 0 1px;
  645. color: #c0c0c0;
  646. font-weight: 400;
  647. font-size: 11px;
  648. }
  649.  
  650. .entry .buttons li a:hover {
  651.         color: #35b4e3;
  652.         text-decoration: none;
  653. }
  654.  
  655. .link .entry li .comments {
  656.         color: #35b4e3;
  657. font-weight: bold;
  658. font-size: 12px;
  659. }
  660.  
  661. .link .entry li .comments:hover {
  662. color: #4ec4f0;
  663. }
  664.  
  665. .entry .buttons a[onclick*="reply"] {
  666. color: #4ec4f0 !important;
  667. font-weight: bold !important;
  668. font-size:13px !important;
  669. }
  670.  
  671. .link .flat-list {
  672. margin-top: 5px;
  673. padding-top: 4px;
  674. border-top: 1px solid #e5e5e5;
  675. font-weight: lighter;
  676. font-family: roboto;
  677. }
  678.  
  679. .link .rank {
  680. display: none;
  681. }
  682.  
  683. .link.last-clicked {
  684. overflow: hidden;
  685. border: 0px;
  686. }
  687.  
  688. /* Submit / mod stuff */
  689. /*submission area */
  690. .formtabs-content {
  691. margin-left: 0px;
  692. width: 539px;
  693. border-top: 4px solid #35b4e3;
  694. }
  695. .roundfield {
  696. margin-bottom: 8px;
  697. padding: 10px 10px 10px 10px;
  698. width: 520px;
  699. background-color: white;
  700. border: 0px solid;
  701. border-radius: 3px;
  702. -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ;
  703. -moz-box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  704. box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  705. color: #707070;
  706. }
  707.  
  708. .submit-page textarea {
  709. margin: 0;
  710. padding: 5px;
  711. width: 100%;
  712. border: 1px solid #e5e5e5;
  713. color: #3b3b3b;
  714. font-weight: lighter;
  715. font-size: 100%;
  716. font-family: roboto;
  717. }
  718.  
  719. .submit-page .usertext .bottom-area {
  720. width: 100%;
  721. }
  722.  
  723. .submit-page .gray {
  724. display: none;
  725. }
  726.  
  727. .submit-page .tabmenu.formtab .selected a {
  728. padding:10px 10px 0px 10px;
  729. background-color: #35b4e3;
  730. color: white;
  731. font-size: 18px;
  732. }
  733.  
  734. #url-field button {
  735. display: none;
  736. }
  737.  
  738. .roundfield input[type=url] {
  739. margin: 0;
  740. padding: 3px;
  741. width: 492px;
  742. border: 1px solid #e5e5e5;
  743. text-transform: capitalize;
  744. font-size: 100%;
  745. }
  746.  
  747. .tabmenu.formtab a {
  748. padding:5px 5px 0px 5px;
  749. background-color: white;
  750. border: 0px solid;
  751. color: #35b4e3;
  752. font-size:14px;
  753. }
  754.  
  755. .roundfield input[type=text] {
  756. margin: 0;
  757. padding: 3px;
  758. width: 492px;
  759. border: 1px solid #e5e5e5;
  760. text-transform: capitalize;
  761. font-size: 100%;
  762. }
  763.  
  764.  
  765. .submit-page button {
  766. margin-bottom: 30px;
  767. margin-left: 0px;
  768. padding: 10px 10px 10px 10px;
  769. width: 540px;
  770. background-color: white;
  771. border: 0px solid;
  772. border-radius: 3px;
  773. -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ;
  774. -moz-box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  775. box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  776. color: #707070;
  777. text-align: center;
  778. cursor: pointer;
  779. }
  780.  
  781. .submit-page h1 {
  782. text-transform: capitalize;
  783. font-size: 22px;
  784. }
  785.  
  786. .submit-page button:hover {
  787. background-color: #35b4e3;
  788. color: white;
  789. }
  790. .formtabs-content .infobar:before {
  791.  display: block;
  792.  content: "You are submitting a link to /r/Google. Is it really Google related?";
  793.  font-size: 16px;
  794. }
  795.  
  796. .submit-page .infobar {
  797. margin-bottom: 8px;
  798. padding: 10px 10px 10px 10px;
  799. width: 520px;
  800. background-color: white;
  801. border: 0px solid;
  802. border-radius: 3px;
  803. -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ;
  804. -moz-box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  805. box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  806. color: #3b3b3b;
  807. text-align: center;
  808. font-size: 0px;
  809. }
  810.  
  811. #suggested-reddits {
  812. display: none;
  813. }
  814.  
  815. .content.submit .info-notice {
  816. margin-bottom: 8px;
  817. margin-left: 0px;
  818. padding: 20px 10px 20px 10px;
  819. width: 520px;
  820. background-color: white;
  821. border: 0px solid;
  822. border-radius: 3px;
  823. -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ;
  824. -moz-box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  825. box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  826. color: #707070;
  827. text-align: center;
  828. }
  829.  
  830. .content.submit .info-notice a {
  831.         font-size: 150%;
  832.         text-transform: uppercase;
  833. }
  834.  
  835. .thing.spam {
  836.         background-color: #dd7b7b;
  837. }
  838.  
  839. #file {
  840. margin:10px;
  841. }
  842.  
  843. /* Flair-page stuff */
  844. .tabpane-content {
  845. padding: 4px 4px 4px 4px;
  846. border: 0px solid;
  847. }
  848.  
  849.  
  850. .linefield {
  851. margin-bottom: 5px;
  852. padding: 10px 10px 10px 10px;
  853. width: 55.5%;
  854. background-color: white;
  855. border: 0px solid;
  856. border-bottom: 2px solid #e5e5e5;
  857. border-radius: 0px;
  858. color: #707070;
  859. }
  860.  
  861. .linefield .title {
  862. padding: 1px 10px;
  863. color: #35b4e3;
  864. text-transform: capitalize;
  865. font-weight: lighter;
  866. }
  867.  
  868. .linefield textarea {
  869. height: 200px;
  870. border: 2px solid #e5e5e5;
  871. box-shadow: 0px 0px 0px white;
  872. }
  873.  
  874.  
  875. .linefield input[type="text"] {
  876. border: 2px solid #e5e5e5;
  877. box-shadow: 0px 0px 0px white;
  878. }
  879.  
  880.  
  881. .flairlist.usertable {
  882. margin-left: 0px !important;
  883. }
  884.  
  885. .flairrow {
  886. background: white;
  887. color: #707070;
  888. text-transform: capitalize;
  889. padding: 10px 10px 10px 10px;
  890. }
  891.  
  892. .flairrow .tagline {
  893. margin-right: 0px;
  894. margin-left: 0px;
  895. }
  896.  
  897. .flairlist .flaircell input[type="text"] {
  898. padding:10px;
  899. width: 24ex;
  900. border: 2px solid #e5e5e5;
  901. box-shadow: 0px 0px 0px white;
  902. color: #707070;
  903. }
  904.  
  905.  
  906. .usertable {
  907.         margin-right: 565px;
  908. }
  909.  
  910. .flairlist.pretty-form {
  911.         width: inherit;
  912. }
  913. /* Sidebar mod box */
  914. .sidecontentbox .title {
  915.  
  916.         text-align: left;
  917. }
  918.  
  919. .sidecontentbox .title h1 {
  920. color: #707070;
  921. text-align: left;
  922. text-transform: capitalize;
  923. font-weight: lighter;
  924. font-family: roboto;
  925. }
  926.  
  927. .sidecontentbox.collapsible .title {
  928. text-align: left;
  929. }
  930.  
  931. .sidecontentbox .collapse-button {
  932. background: transparent;
  933. border: 0px;
  934. border-radius: 0px;
  935. color: #707070;
  936. font-size: 15px;
  937. }
  938.  
  939. .sidecontentbox .content {
  940. background-color: white;
  941. border: 0px solid;
  942. text-align: left;
  943. }
  944.  
  945. .sidecontentbox .content a {
  946. color: #707070;
  947. text-align: left;
  948. font-weight: lighter;
  949. font-family: roboto;
  950. }
  951.  
  952. .sidecontentbox .content a:hover {
  953. color: #616161;
  954. text-decoration: none;
  955. }
  956.  
  957. /* Message the mods */
  958. .sidecontentbox a.helplink:hover {
  959. color: #616161 !important;
  960. }
  961.  
  962. .sidecontentbox a.helplink {
  963. display: block;
  964. margin-bottom: 10px;
  965. width: 100%;
  966. background: white !important;
  967. -webkit-border-radius: 0px;
  968. -moz-border-radius: 0px;
  969. border-radius: 0px;
  970. color: #3b3b3b !important;
  971. text-align: center;
  972. text-transform: capitalize;
  973. font-weight: lighter;
  974. font-weight: lighter;
  975. font-size: 24px;
  976. font-family: roboto;
  977. line-height: 1.55em;
  978. -o-border-radius: 0px;
  979. }
  980.  
  981.  
  982. .sidecontentbox {
  983. margin: 0px 0px 30px 0px;
  984. padding: 15px 15px 15px 15px;
  985. background-color: white;
  986. border: 0px solid;
  987. border-radius: 3px;
  988. -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ;
  989. -moz-box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  990. box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  991. color: #707070;
  992. text-align: left;
  993. text-align: center;
  994. font-weight: lighter;
  995. font-size: 12px;
  996. font-family: roboto;
  997. }
  998.  
  999. .sidecontentbox a {
  1000. color: #35b4e3 !important;
  1001. font-weight: bold;
  1002. }
  1003.  
  1004. .sidecontentbox a:hover {
  1005. color: #4ec4f0 !important;
  1006. text-decoration: none !important;
  1007. }
  1008.  
  1009.  
  1010. /*Stylesheet fix */
  1011. .pretty-form {
  1012. margin-bottom: 30px;
  1013. padding: 10px 10px 10px 10px;
  1014. width: 55.6%;
  1015. background-color: white;
  1016. border: 0px solid;
  1017. border-radius: 3px;
  1018. -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ;
  1019. -moz-box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  1020. box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  1021. color: #707070;
  1022. }
  1023.  
  1024. .stylesheet-customize-container textarea {
  1025. margin: 0;
  1026. padding: 0px;
  1027. border: 0px;
  1028. border-top: 1px solid #e5e5e5;
  1029. border-bottom: 1px solid #e5e5e5;
  1030. box-shadow: 0px 0px 0px white;
  1031. color: #707070;
  1032. font-family: roboto;
  1033. }
  1034.  
  1035. .sheets .col textarea {
  1036. width: 170%;
  1037. }
  1038.  
  1039. .sheets .btn.right {
  1040. display: none;
  1041. }
  1042.  
  1043.  
  1044. #images {
  1045. margin-bottom: 30px;
  1046. padding: 10px 10px 10px 10px;
  1047. width: 55.6%;
  1048. height: 780px;
  1049. background-color: white;
  1050. border: 0px solid;
  1051. border-radius: 3px;
  1052. -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ;
  1053. -moz-box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  1054. box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  1055. color: #707070;
  1056. }
  1057.  
  1058.  
  1059. ul#image-preview-list {
  1060. margin: 15px 0px 0px 0px;
  1061. padding-bottom: 80px;
  1062. font-size: larger;
  1063. }
  1064.  
  1065.  
  1066. /* COMMENT SECTION */
  1067. .linkinfo {
  1068. margin-bottom: 10px;
  1069. padding: 10px 10px 10px 10px;
  1070. background-color: white;
  1071. border: 0px solid;
  1072. border-radius: 3px;
  1073. -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ;
  1074. -moz-box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  1075. box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  1076. color: #3b3b3b;
  1077. font-size: 12px;
  1078. font-family: roboto;
  1079. }
  1080.  
  1081. .linkinfo .shortlink input {
  1082. border: 1px solid #e5e5e5;
  1083. color: #c0c0c0;
  1084. }
  1085.  
  1086.  
  1087.  
  1088. .commentarea {
  1089. margin-top: 10px;
  1090. margin-right: 395px;
  1091. margin-bottom: 30px;
  1092. padding: 10px 10px 10px 10px;
  1093. background-color: white;
  1094. border: 0px solid;
  1095. border-radius: 3px;
  1096. -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ;
  1097. -moz-box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  1098. box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  1099. color: #3b3b3b;
  1100. }
  1101.  
  1102. a.author {
  1103. margin-right: 0.5em;
  1104. color: #35b4e3;
  1105. }
  1106.  
  1107. .comment .midcol {
  1108. width: 15px;
  1109. margin-top: 6px;
  1110. }
  1111.  
  1112. .tagline {
  1113. margin-top:5px;
  1114. color: #c0c0c0;
  1115. font-size: small;
  1116. }
  1117.  
  1118. .tagline .submitter {
  1119. color: #31b5e7;
  1120. }
  1121.  
  1122. .tagline .moderator, .green {
  1123. color: #31b54a;
  1124. }
  1125. .tagline .moderator:hover {
  1126.         color: #62c875;
  1127. }
  1128.  
  1129.  
  1130. .tagline a {
  1131. margin-top: 1px;
  1132. color: #35b4e3;
  1133. letter-spacing:1px;
  1134. font-weight: bold;
  1135. font-size:12px;
  1136. }
  1137.  
  1138. a.author:hover {
  1139. color: #4ec4f0;
  1140. text-decoration: none;
  1141. }
  1142.  
  1143. .tagline a:hover {
  1144. color: #4ec4f0;
  1145. text-decoration: none;
  1146. }
  1147.  
  1148. /* Comments text box */
  1149. .commentarea .menuarea {
  1150. margin: 0 310px 10px 10px;
  1151. padding: 0;
  1152. border: none;
  1153. color: #c0c0c0;
  1154. text-transform: capitalize;
  1155. }
  1156. .menuarea {
  1157. margin: 5px;
  1158. padding: 5px 10px;
  1159. border-bottom: 1px solid #e5e5e5;
  1160. color: #c0c0c0;
  1161. text-transform: capitalize;
  1162. }
  1163.  
  1164. .panestack-title {
  1165. border-bottom: 1px solid #e5e5e5;
  1166. color: #c0c0c0;
  1167. text-transform: capitalize;
  1168. }
  1169.  
  1170. .comment .score {
  1171. font-size: small;
  1172. }
  1173.  
  1174. .comments-page .comments ul {
  1175.         color: #35b4e3;
  1176.  
  1177.         list-style:circle;
  1178. }
  1179.  
  1180. .commentarea .menuarea .toggle a {
  1181. display: none;
  1182. }
  1183.  
  1184. .dropdown.lightdrop .selected {
  1185. color: #3b3b3b;
  1186. text-decoration: none;
  1187. }
  1188.  
  1189. .comments-page .comment .md {
  1190. color: #3b3b3b;
  1191. font-weight: lighter;
  1192. font-size:15px;
  1193. font-family: roboto;
  1194. line-height: 1.45em;
  1195. }
  1196.  
  1197. .comments-page textarea {
  1198. border: 2px solid #e5e5e5;
  1199. color: #3b3b3b;
  1200. font-weight: lighter;
  1201. font-size: 14px;
  1202. font-family: roboto;
  1203. }
  1204.  
  1205. .usertext .bottom-area {
  1206. width: 85%;
  1207. }
  1208.  
  1209. .comments-page .usertext.border .usertext-body {
  1210. padding-left: 5px;
  1211. background-color: #f0f0f0;
  1212. }
  1213.  
  1214. .comment .expand {
  1215. background-color: white;
  1216. color: #c9c9c9;
  1217. }
  1218.  
  1219. .comment .expand:hover {
  1220. background-color: white;
  1221. color: #31b5e7;
  1222. text-decoration: none;
  1223. }
  1224.  
  1225. .comment .child, .comment .showreplies {
  1226. margin-top: 10px;
  1227. margin-left: 15px;
  1228. border-left: 0px solid;
  1229. }
  1230.  
  1231. .md blockquote, .help blockquote {
  1232. margin: 5px;
  1233. margin-right: 0px;
  1234. padding-left: 8px;
  1235. background-color: #f9f9f9;
  1236. border-left: 4px solid #31b5e7;
  1237. }
  1238.  
  1239. /* Footer */
  1240. .footer:before {
  1241. display: block;
  1242. margin:10px;
  1243. padding:10px;
  1244. color: #707070;
  1245. content:"Design by /u/Cryptonaut";
  1246. text-transform:none;
  1247. font-weight: lighter;
  1248. font-size:17px;
  1249. font-family: roboto;
  1250. }
  1251.  
  1252.  
  1253. .footer {
  1254. border: 1px solid #e7e7e7;
  1255. color: #707070;
  1256. text-transform: capitalize;
  1257. font-weight: lighter;
  1258. font-family: roboto;
  1259. }
  1260.  
  1261. .footer a {
  1262. color: #707070;
  1263. font-weight: normal;
  1264. font-size: 14px;
  1265. }
  1266.  
  1267. /* Some login stuff */
  1268. .login-form-side {
  1269. margin-bottom: 30px;
  1270. padding: 10px 10px 10px 10px;
  1271. background-color: white;
  1272. border: 0px solid;
  1273. border-radius: 2px;
  1274. -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ;
  1275. -moz-box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  1276. box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  1277. color: #707070;
  1278. font-size: 12px;
  1279. font-family: roboto;
  1280. }
  1281.  
  1282. .login-form-side input[type=text] {
  1283. top: 5px;
  1284. margin: 5px 0px 0px 2px;
  1285. padding: 2px;
  1286. width: 137px;
  1287. height: 17px;
  1288. border: 2px solid #e5e5e5;
  1289. }
  1290.  
  1291. .login-form-side input[type=password] {
  1292. top: 5px;
  1293. margin: 5px 0px 0px 25px;
  1294. padding: 2px;
  1295. width: 137px;
  1296. height: 17px;
  1297. border: 2px solid #e5e5e5;
  1298. }
  1299.  
  1300. .popup {
  1301. position: fixed;
  1302. left: 10%;
  1303. margin-bottom: 30px;
  1304. padding: 10px 10px 10px 10px;
  1305. background-color: white;
  1306. border: 0px solid;
  1307. border-radius: 2px;
  1308. -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ;
  1309. -moz-box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  1310. box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  1311. color: #3b3b3b;
  1312. font-weight: lighter !important;
  1313. font-size:16px;
  1314. font-family: roboto;
  1315. }
  1316.  
  1317. .cover {
  1318. position: fixed;
  1319. top: 0px;
  1320. left: 0px;
  1321. z-index: 1000;
  1322. width: 100%;
  1323. height: 100%;
  1324. background-color: white;
  1325. opacity: .6;
  1326. filter: alpha(opacity=70);
  1327. }
  1328.  
  1329. /* Search page (It's a mess, jesus dude it's a fucking mess) */
  1330.  
  1331. .search-page #header .tabmenu {
  1332. display:none !important;
  1333. }
  1334.  
  1335. .search-page #search {
  1336. position: relative;
  1337. top: 0px;
  1338. margin: 0px 0px 0px 80px;
  1339. height: 50px;
  1340. background: none!important;
  1341. background-color: transparent;
  1342. border: 0px solid;
  1343. box-shadow: 0px 0px 0px 0px white;
  1344. text-align: left;
  1345. }
  1346.  
  1347. .search-page .searchpane {
  1348. margin: 5px 395px 5px 0px;
  1349. padding-left: 96px;
  1350. height: 120px;
  1351. background-color: white;
  1352. border-radius: 2px;
  1353. -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ;
  1354. -moz-box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  1355. box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  1356. }
  1357.  
  1358. .search-page .raisedbox {
  1359. padding: 5px;
  1360. border: 0px solid;
  1361. }
  1362.  
  1363. .search-page #search input[type=text] {
  1364. border: 2px solid #e5e5e5;
  1365. color: #3b3b3b!important;
  1366. }
  1367.  
  1368. .searchfacets {
  1369. margin-top: 10px;
  1370. margin-right: 395px;
  1371. padding: 10px;
  1372. background: white;
  1373. border: 0px solid;
  1374. -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ;
  1375. -moz-box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  1376. box-shadow: 0 0px 0px 0px white;
  1377. box-shadow:  0px 3px 5px -3px #a8a8a8 ;
  1378. color: #3b3b3b;
  1379. }
  1380.  
  1381. .search-summary {
  1382.         margin-right: 40px;
  1383. }
  1384.  
  1385.  
  1386. /* Fuckin' Reddit Enhancement Suite (RES) */
  1387. .res .keyHighlight {
  1388. background-color: transparent;
  1389. outline: 0px solid;
  1390. }
  1391.  
  1392. .comment {
  1393. background-color: #fff !important;
  1394. border:1px #fff !important;
  1395. }
  1396.  
  1397.  
  1398. .comments-page .comment {background-color:white !important;}
  1399. .comments-page .comment .comment {background-color:white  !important;}
  1400. .comments-page .comment .comment .comment {background-color:white !important;}
  1401. .comments-page .comment .comment .comment .comment {background-color:white  !important;}
  1402. .comments-page .comment .comment .comment .comment .comment {background-color:white !important;}
  1403. .comments-page .comment .comment .comment .comment .comment .comment {background-color:white  !important;}
  1404. .comments-page .comment .comment .comment .comment .comment .comment .comment {background-color:white !important;}
  1405. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment {background-color:white  !important;}
  1406. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {background-color:white !important;}
  1407. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:white  !important;}
  1408.  
  1409. .RESshortcutside {
  1410. padding: 0px 0px !important;
  1411. background: none repeat-x scroll center left !important;
  1412. background-color: white !important;
  1413. background-image:none !important;
  1414. border: 0px solid !important;
  1415. border-radius: 0px !important;
  1416. color: #35b4e3 !important;
  1417. text-transform: capitalize !important;
  1418. font-weight: 500 !important;
  1419. font-size: 14px !important;
  1420. line-height: 20px !important;
  1421. }
  1422.  
  1423. .RESshortcutside.remove {
  1424. padding: 0px 3px 0px 0px !important;
  1425. background-color: white !important;
  1426. background-image:none !important;
  1427. border:0px solid !important;
  1428. color: #3b3b3b !important;
  1429. font-weight: lighter !important;
  1430. }
  1431.  
  1432. .RESDashboardToggle {
  1433. padding: 0px 0px !important;
  1434. background: none repeat-x scroll center left !important;
  1435. background-color: white !important;
  1436. background-image:none !important;
  1437. border: 0px solid !important;
  1438. border-radius: 0px !important;
  1439. color: #35b4e3 !important;
  1440. text-transform: capitalize !important;
  1441. font-weight: 500 !important;
  1442. font-size: 14px !important;
  1443. line-height: 20px !important;
  1444. }
  1445.  
  1446. .RESDashboardToggle.remove {
  1447. padding: 2px 6px 2px 0px !important;
  1448. background-color: white !important;
  1449. background-image:none !important;
  1450. border:0px solid !important;
  1451. color: #3b3b3b !important;
  1452. font-weight: lighter !important;
  1453. }
  1454.  
  1455. #RESShortcutsEditContainer {
  1456. top: 1px !important;
  1457. background-color: #2d2d2d !important;
  1458. }
  1459.  
  1460. #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd, #RESShortcutsTrash {
  1461. background-color: #2d2d2d !important;
  1462. color: #979797 !important;
  1463. }
  1464.  
  1465. #RESStaticShortcuts a[href="FRONT"] {
  1466. color: white !important;
  1467. text-transform: uppercase !important;
  1468. font-weight: bold !important;
  1469. font-size: 14px !important;
  1470. }
  1471.  
  1472. .res .comment {
  1473. padding: 0px 0px 0px 0px !important;
  1474. border: 0px solid !important;
  1475. }
  1476.  
  1477. .RESSubscriptionButton {
  1478. background-color: white !important;
  1479. border: 0px solid !important;
  1480. border-radius: 0px !important;
  1481. color: #35b4e3 !important;
  1482. }
  1483.  
  1484. .res #header-bottom-right {
  1485. top: 122px !important;
  1486. padding: 4px 2px 5px 2px !important;
  1487. border-bottom: 1px solid #e5e5e5 !important;
  1488. border-radius:0px !important;
  1489. }
  1490.  
  1491. .res #userbarToggle {
  1492. display: none !important;
  1493. }
  1494.  
  1495. /* RES NIGHTMODE */
  1496. body.res-nightmode {
  1497. min-width: 1050px !important;
  1498. background-color: #1f1f1f !important;
  1499. color: #b3b3b3 !important;
  1500. font-weight: lighter !important;
  1501. font-family: roboto !important;
  1502. }
  1503.  
  1504. .res-nightmode .link {
  1505. margin-bottom: 30px !important;
  1506. padding: 20px 10px 10px 10px !important;
  1507. background-color: #2c2c2c !important;
  1508. border: 0px solid !important;
  1509. border-radius: 2px !important;
  1510. -webkit-box-shadow: 0px 3px 5px -3px #0d0d0d !important;
  1511. -moz-box-shadow:  0px 3px 5px -3px #0d0d0d !important;
  1512. box-shadow:  0px 3px 5px -3px #0d0d0d !important;
  1513. }
  1514.  
  1515. .res-nightmode div#siteTable div[onclick="click_thing(this)"] {
  1516. background-color: #2c2c2c !important;
  1517. }
  1518.  
  1519. .res-nightmode .keyHighlight {
  1520. background-color: transparent !important;
  1521. color: #b3b3b3 !important;
  1522. }
  1523.  
  1524. .res-nightmode .keyHighlight, .res-nightmode .keyHighlight .usertext-body, .res-nightmode .keyHighlight .usertext-body .md, .res-nightmode .keyHighlight .usertext-body .md p, .res-nightmode .keyHighlight .noncollapsed, .res-nightmode .keyHighlight .noncollapsed .md, .res-nightmode .keyHighlight .noncollapsed .md p {
  1525. background-color: #2c2c2c !important;
  1526. color: #b3b3b3 !important;
  1527. }
  1528.  
  1529. .res-nightmode .keyHighlight, .res-nightmode .keyHighlight .usertext-body, .res-nightmode .keyHighlight .usertext-body .md, .res-nightmode .keyHighlight .usertext-body .md p, .res-nightmode .keyHighlight .noncollapsed, .res-nightmode .keyHighlight .noncollapsed .md, .res-nightmode .keyHighlight .noncollapsed .md p {background-color: #2c2c2c !important;}
  1530.  
  1531.  
  1532. .res-nightmode #header .tabmenu {
  1533. background-color: #2c2c2c !important;
  1534. -webkit-box-shadow: 0px 3px 5px -3px #0d0d0d !important;
  1535. -moz-box-shadow:  0px 3px 5px -3px #0d0d0d !important;
  1536. box-shadow:  0px 3px 5px -3px #0d0d0d !important;
  1537. color: #b3b3b3 !important;
  1538. }
  1539.  
  1540. .res-nightmode .tabmenu li a {
  1541. background-color: transparent !important;
  1542. }
  1543.  
  1544. .res-nightmode span[class="hover pagename redditname"] a {
  1545. font-size: 0px !important;
  1546. }
  1547.  
  1548. .res-nightmode .titlebox {
  1549. background-color: #2c2c2c !important;
  1550. border-radius: 2px !important;
  1551. -webkit-box-shadow: 0px 3px 5px -3px #0d0d0d !important;
  1552. -moz-box-shadow:  0px 3px 5px -3px #0d0d0d !important;
  1553. box-shadow:  0px 3px 5px -3px #0d0d0d !important;
  1554. color: #b3b3b3 !important;
  1555. }
  1556.  
  1557. .res-nightmode .sidebox.submit {
  1558. background-color: #2c2c2c !important;
  1559. background-image: none !important;
  1560. }
  1561.  
  1562. .res-nightmode .sidebox.submit {
  1563. background-color: #2c2c2c !important;
  1564. -webkit-box-shadow: 0px 3px 5px -3px #0d0d0d !important;
  1565. -moz-box-shadow:  0px 3px 5px -3px #0d0d0d !important;
  1566. box-shadow:  0px 3px 5px -3px #0d0d0d !important;
  1567. }
  1568.  
  1569. .res-nightmode #header-bottom-left {
  1570. background-color: transparent !important;
  1571. }
  1572.  
  1573. .res-nightmode #sr-header-area, .res-nightmode #sr-more-link {
  1574. background: #2c2c2c !important;
  1575. }
  1576.  
  1577. .res-nightmode #ad-frame, .res-nightmode #ad_main {
  1578. background-color: #2c2c2c !important;
  1579. -webkit-box-shadow: 0px 3px 5px -3px #0d0d0d !important;
  1580. -moz-box-shadow:  0px 3px 5px -3px #0d0d0d !important;
  1581. box-shadow:  0px 3px 5px -3px #0d0d0d !important;
  1582. }
  1583.  
  1584. .res-nightmode .sidecontentbox a.helplink {
  1585. background-color: #2c2c2c !important;
  1586. color: #b3b3b3 !important;
  1587. }
  1588.  
  1589.  
  1590. .res-nightmode .link .flat-list {
  1591. border-top: 1px solid #5e5e5e !important;
  1592. }
  1593.  
  1594. .res-nightmode .commentarea {
  1595. background-color: #2c2c2c !important;
  1596. -webkit-box-shadow: 0px 3px 5px -3px #0d0d0d !important;
  1597. -moz-box-shadow:  0px 3px 5px -3px #0d0d0d !important;
  1598. box-shadow:  0px 3px 5px -3px #0d0d0d !important;
  1599. color: #b3b3b3 !important;
  1600. }
  1601.  
  1602. .res-nightmode .md p {
  1603. color: #bdbdbd !important;
  1604. }
  1605.  
  1606. .res-nightmode .content .commentarea .sitetable .thing .entry .noncollapsed, .res-nightmode .content .commentarea .sitetable .thing .entry .collapsed {
  1607. background-color: transparent!important;
  1608. }
  1609.  
  1610. .res-nightmode .comment, .res-nightmode .comment .comment, .res-nightmode .comment .comment .comment, .res-nightmode .comment .comment .comment .comment, .res-nightmode .comment .comment .comment .comment .comment, .res-nightmode .comment .comment .comment .comment .comment .comment, .res-nightmode .comment .comment .comment .comment .comment .comment .comment, .res-nightmode .comment .comment .comment .comment .comment .comment .comment .comment, .res-nightmode .comment .comment .comment .comment .comment .comment .comment .comment .comment, .res-nightmode .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, .res-nightmode .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #2c2c2c !important;}
  1611.  
  1612. .res-nightmode #search {
  1613. background-color: #2c2c2c !important;
  1614. -webkit-box-shadow: 0px 3px 5px -3px #0d0d0d !important;
  1615. -moz-box-shadow:  0px 3px 5px -3px #0d0d0d !important;
  1616. box-shadow:  0px 3px 5px -3px #0d0d0d !important;
  1617. color: #b3b3b3 !important;
  1618. }
  1619.  
  1620. .res-nightmode #header-bottom-right {
  1621. background-color: #2c2c2c !important;
  1622. }
  1623.  
  1624. .res-nightmode #header-bottom-right:before {
  1625. position:absolute !important;
  1626. top:-130px !important;
  1627. right:0px !important;
  1628. padding: 8px 16px 8px 16px !important;
  1629. background-color:#2c2c2c !important;
  1630. -webkit-box-shadow: 0px 3px 5px -3px #0d0d0d !important;
  1631. -moz-box-shadow:  0px 3px 5px -3px #0d0d0d !important;
  1632. box-shadow:  0px 3px 5px -3px #0d0d0d !important;
  1633. color: #ffc600 !important;
  1634. content:"Hi Night-Mode User! This page looks best without RES. Custom CSS + RES = Disaster. Sorry!" !important;
  1635. font-weight:bold!important;
  1636. font-size: 14px!important;
  1637. line-height:1.55em!important;
  1638. }
  1639.  
  1640. .RESDialogSmall.livePreview {
  1641. width: 85% !important;
  1642. }
  1643.  
  1644. .thumbnail {
  1645.         display:none;
  1646. }
  1647.  
  1648. .NERPageMarker {
  1649. margin-top: 6px !important;
  1650. margin-bottom: 6px !important;
  1651. padding: 3px 0px 3px 0px !important;
  1652. width: 57.6% !important;
  1653. background-color: transparent !important;
  1654. border: 1px solid #3b3b3b !important;
  1655. border-radius: 0px !important;
  1656. color: #3b3b3b !important;
  1657. text-align: center !important;
  1658. font-weight: normal !important;
  1659. font-size: 14px !important;
  1660. }
  1661.  
  1662. #progressIndicator {
  1663. padding: 5px;
  1664. width: 56%;
  1665. height: 30px;
  1666. background-color: #f0f3fc;
  1667. border: 1px solid #999999;
  1668. -webkit-border-radius: 0px;
  1669. -moz-border-radius: 0px;
  1670. border-radius: 0px;
  1671. text-align: center;
  1672. font-size: 14px;
  1673. cursor: pointer;
  1674. }
clone this paste RAW Paste Data