API tools faq
paste
Advertisement
Guest User

UnturnedCSS

a guest
Aug 22nd, 2014
228
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 94.39 KB | None | 0 0
raw download clone embed print report
  1. body {
  2. background-color: #CDCDCD;
  3. color: #3b3b3b;
  4. font-family: arial, sans-serif;
  5. }
  6.  
  7. /* Custom browser CSS */
  8. :focus {outline: 0px;}
  9.  
  10. ::-webkit-scrollbar {
  11. width: 12px;
  12. height: 12px;
  13. background-color: #f5f5f5;
  14. border-left: 1px solid #d2d2d2;
  15. }
  16.  
  17. ::-webkit-scrollbar-thumb {
  18. background-color: #c3c3c3;
  19. border-top: 1px solid #b6b6b6;
  20. border-bottom: 1px solid #969696;
  21. border-left: 1px solid #b6b6b6;
  22. }
  23.  
  24. ::-webkit-scrollbar-button {
  25. display: none;
  26. width: 0;
  27. height: 0;
  28. }
  29.  
  30. ::-webkit-scrollbar-corner {
  31. background-color: transparent;
  32. color: #555555;
  33. }
  34.  
  35. ::selection {background-color:#A52A2A;color:white;font-weight:bold;}
  36.  
  37. /* Link */
  38. a {
  39. color: #A52A2A;
  40. }
  41.  
  42. a:hover {
  43. text-decoration: underline;
  44. }
  45.  
  46. .error {
  47. color: #ff4444;
  48. font-size: 13px;
  49. font-family: arial, sans-serif;
  50. }
  51.  
  52. .comments-page #noresults:after {
  53. content: "... so go ahead and tell us what you think!";
  54. }
  55.  
  56. /* General Button*/
  57. button, #search input[type='submit'], .wiki-page .wiki-page-content .wiki_button {
  58. margin: 3px 3px 3px 3px;
  59. padding: 0px 8px 1px 8px;
  60. background-color: #ffffff;
  61. border: 1px solid #d4d4d4;
  62. border-radius: 2px;
  63. -webkit-box-shadow: 0 1px 0 #e2e0e0;
  64. box-shadow: 0 1px 0 #e2e0e0;
  65. color: #737373 !important;
  66. text-transform: capitalize;
  67. font-weight: bold;
  68. line-height: 27px;
  69. cursor: default;
  70. transition: all 0.2s ease;
  71. }
  72.  
  73. button:hover, #search input[type='submit']:hover, .wiki-page .wiki-page-content .wiki_button:hover {
  74. padding-bottom: 0px;
  75. border-color: #bababa;
  76. border-bottom-width: 2px;
  77. color: #333 !important;
  78. }
  79.  
  80. button:active, #search input[type='submit']:active, .wiki-page .wiki-page-content .wiki_button:active {
  81. padding-bottom: 0px;
  82. background-color: #e5e5e5;
  83. border-color: #a7a7a7;
  84. border-top-width: 2px;
  85. border-bottom-width: 1px;
  86. -webkit-box-shadow: none;
  87. box-shadow: none;
  88. color: #333 !important;
  89. line-height: 25px;
  90. }
  91.  
  92.  
  93. /* Header Area */
  94. /* Top Most header */
  95. #sr-header-area {
  96. opacity: 0.25;
  97. height: 18px;
  98. background-color: #333;
  99. border-bottom: 1px solid #333;
  100.  
  101. }
  102.  
  103. #sr-header-area:hover {
  104. opacity: 90;
  105. }
  106.  
  107. #sr-header-area a {
  108. color: #C4C4C4;
  109. font-family: Verdana, Arial, sans-serif;
  110. }
  111.  
  112. #sr-header-area a:hover {
  113. color: #7CA9FF;
  114. text-decoration: none;
  115. }
  116.  
  117. #sr-more-link {
  118. position: absolute;
  119. background-color: #333;
  120. color: #C4C4C4;
  121. }
  122.  
  123. .dropdown.srdrop .selected {background-image: none;}
  124. .dropdown.srdrop .selected:after {content: "▼";}
  125. .sr-bar .separator {color: #333;}
  126.  
  127. #sr-header-area .width-clip .dropdown.srdrop .selected.title {
  128. color: #C4C4C4;
  129. font-size: 9px;
  130. font-weight: normal;
  131. font-family: Verdana, Arial, sans-serif;
  132. padding-right: 3px;
  133. }
  134.  
  135. #sr-header-area .width-clip .dropdown.srdrop .selected.title:hover {
  136. color: #A52A2A;
  137. }
  138.  
  139. #sr-header-area .drop-choices a.choice {
  140. color: #333 !important;
  141. }
  142.  
  143. #sr-header-area .drop-choices a.choice:hover {
  144. background-color: #A52A2A;
  145. color: #fff !important;
  146. }
  147.  
  148. /* Header Image */
  149. #header {
  150. height: 167px;
  151. background: #2a2b2e url(%%headerimg%%) no-repeat fixed 50% 0%;
  152. border-bottom: 0px solid;
  153. overflow: visible !important;
  154.  
  155.  
  156.  
  157. }
  158.  
  159. #header:after {
  160. position: absolute;
  161. top: 132px;
  162. left: 0px;
  163. z-index: -1;
  164. width: 100%;
  165. height: 44px;
  166. background: #fff;
  167. border-bottom: 0px solid;
  168. content: " ";
  169. text-indent: -999px;
  170. }
  171.  
  172. #header-img {
  173. position: absolute;
  174. top: 130px;
  175. left: 0px;
  176. z-index: 99;
  177. width: 44px;
  178. height: 44px;
  179. background-image: url(%%spritesheet%%);
  180. background-position: 0px -226px;
  181. background-repeat: no-repeat;
  182. }
  183.  
  184. #header-img:hover {background-position: -44px -226px;}
  185.  
  186. .pagename a {
  187. display: block;
  188. visibility: visible !important;
  189. position: absolute;
  190. left: 8px;
  191. z-index: 99;
  192. background-image: url(%%unturnedlogo2%%);
  193. background-position: 0px 0px;
  194. background-repeat: no-repeat;
  195. text-indent: -9999px;
  196. }
  197.  
  198. .pagename {visibility: hidden;}
  199.  
  200. /* HOT / NEW / ETC */
  201. #header .tabmenu {
  202. display: block;
  203. position: absolute;
  204. top: 132px;
  205. margin: 0px;
  206. right:0px;
  207. left: 0px;
  208. padding: 0px;
  209. height: 44px;
  210. background-color: transparent;
  211. border-bottom: 0px solid;
  212. color: #999;
  213. list-style-type: none;
  214. vertical-align: bottom;
  215. text-align: left;
  216. padding-left: 55px;
  217. white-space: nowrap;
  218. font-weight: normal;
  219. font-size: 15px;
  220. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  221. min-width: 450px;
  222. }
  223.  
  224. .tabmenu li {
  225. display: inline-block;
  226. margin:7px 0px 0px 0px;
  227. }
  228.  
  229. .tabmenu li a {
  230. margin: 0px 17px 0px 17px;
  231. padding: 8px 0px 8px 0px;
  232. background-color: transparent;
  233. border: 0px solid;
  234. border-bottom: 2px solid transparent;
  235. color: #999;
  236. font-weight: normal;
  237. font-size: 22px;
  238. font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  239. }
  240.  
  241. .tabmenu li a:hover {border-bottom-color: #A52A2A;color: #262626;text-decoration: none;}
  242.  
  243. .tabmenu li.selected a {
  244. z-index: 100;
  245. background-color: transparent;
  246. border: 0px solid;
  247. border-bottom: 2px solid #A52A2A;
  248. color: #262626;
  249. font-size: 22px;
  250. font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  251. }
  252. .tabmenu li.selected a:hover {
  253. border-color: #719ff2;
  254. }
  255.  
  256. .listing-page .tabmenu li:nth-of-type(3), /* Rising */
  257. .listing-page .tabmenu li:nth-of-type(4), /* Controversial */
  258. .listing-page .tabmenu li a[href*="/promoted"], /* Self-serve advertising */
  259. .listing-page .tabmenu li a[href*="/gilded"] /* gilded */
  260. {display:none;}
  261.  
  262.  
  263. /* User bar */
  264. #header-bottom-right {
  265. position: absolute;
  266. top: 141px;
  267. right: 0px;
  268. padding: 8px 15px 7px 15px;
  269. width: auto;
  270. height: 12px;
  271. background-color: #fff;
  272. }
  273. .user {color: #7A7A7A;}
  274. .loggedin .user {color: #7A7A7A;}
  275.  
  276. #header-bottom-right a {
  277. color: #7A7A7A;
  278. font-weight: normal;
  279. font-size: 15px;
  280. }
  281.  
  282. #header-bottom-right a:hover {
  283. border-bottom: 1px solid #A52A2A;
  284. color: #333;
  285. text-decoration: none;
  286. }
  287.  
  288. /* Mail / Modmail icons */
  289. #mail {
  290. top: 0px;
  291. overflow: visible;
  292. width: 16px;
  293. height: 16px;
  294. background-image: url(%%spritesheet%%) !important;
  295. }
  296.  
  297. #mail:hover, #modmail:hover {
  298. border-bottom: 0px solid !important;
  299. }
  300.  
  301. #mail.nohavemail {background-position: -64px 0px;}
  302. #mail.havemail {background-position:-80px 0px;}
  303.  
  304.  
  305. #modmail {
  306. top: -2px;
  307. margin-bottom: -6px;
  308. width: 16px;
  309. height: 16px;
  310. background-image: url(%%spritesheet%%) !important;
  311. }
  312.  
  313.  
  314. #modmail.havemail {background-position:-112px 0px;}
  315. #modmail.nohavemail {background-position:-96px 0px;}
  316.  
  317.  
  318. /* Preferences & Logout Icons */
  319. #header-bottom-right a.pref-lang, .loggedin .logout a{
  320. background-position: -96px -49px;
  321. background-image: url(%%spritesheet%%);
  322. width: 16px;
  323. height: 16px;
  324. display: inline-block;
  325. text-indent: -9999px;
  326. margin: 0px;
  327. position: relative;
  328. top: -2px;
  329. }
  330.  
  331. .loggedin .logout a {background-position: -80px -49px;}
  332.  
  333. .gearIcon {
  334. background-image: url(%%spritesheet%%)!important;
  335. background-position: -80px -65px!important;
  336. height: 16px!important;
  337. width: 17px!important;
  338. }
  339.  
  340.  
  341. /* Opacity Hoves */
  342. #modmail, #mail, .gearIcon, #header-bottom-right a.pref-lang,
  343. .loggedin .logout a {
  344. opacity: 0.75;
  345. }
  346.  
  347. #modmail:hover, #mail:hover, #header-bottom-right a.pref-lang:hover,
  348. .loggedin .logout a:hover, .gearIcon:hover {
  349. opacity: 1;
  350. text-decoration: none !important;
  351. border-bottom: 0px solid !important;
  352. }
  353.  
  354.  
  355. /* Sidebar */
  356. .side {
  357. float: right;
  358. margin: 34px 10px 0px 0px;
  359. padding-top: 50px;
  360. width: 300px;
  361. text-align: left;
  362. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  363. }
  364.  
  365. .side:after {
  366. display: block;
  367. margin: 10px 0px;
  368. padding: 10px 0px;
  369. color: #A52A2A;
  370. content: " ";
  371. text-transform: none;
  372. font-size: 16px;
  373. font-family: arial, sans-serif;
  374. position: absolute;
  375. width: 300px;
  376. text-align: center;
  377. }
  378.  
  379. /* SUBMIT LINK OR POST */
  380. .morelink {
  381. z-index: 97;
  382. width: 270px;
  383. height: 32px;
  384. background-color: #CD5555;
  385. background-image: none!important;
  386. border: none;
  387. border-radius: 2px;
  388. margin-left: 15px;
  389. transition: all 0.15s ease;
  390. }
  391.  
  392. .morelink:hover {
  393. background-color: #A52A2A;
  394. }
  395.  
  396. .morelink:active {
  397. background-color: #5a1212;
  398. }
  399.  
  400. .morelink a {
  401. color: #fff !important;
  402. letter-spacing: 0px;
  403. font-weight: bold;
  404. font-size: 15px;
  405. font-family: arial, sans-serif;
  406. line-height: 32px;
  407. }
  408.  
  409. .morelink a:hover {text-decoration: none;}
  410.  
  411.  
  412. .subscriber .morelink a:after {
  413. position: fixed;
  414. top: 4px;
  415. right: 30px;
  416. z-index: 98;
  417. background-color: #A52A2A;
  418. color: #FFF;
  419. content: "Submit Content";
  420. padding: 0px 12px;
  421. }
  422.  
  423. .disabled .morelink,.disabled .morelink:hover {
  424. background-image: none;
  425. border: 0px solid;
  426. color: white;
  427. font-size: 0px;
  428. background-color: #c8c8c8;
  429. margin-top: 3px;
  430. text-shadow: none;
  431. box-shadow:none;
  432. }
  433.  
  434. .disabled .morelink a {
  435. color: #fff;
  436. letter-spacing: 0px;
  437. font-weight: 600;
  438. font-size: 14px;
  439. font-family: sans-serif;
  440. cursor: default;
  441. text-indent: 0px;
  442. text-shadow: none;
  443. }
  444.  
  445. .account-activity-box, .sidebox.create, .morelink .nub {display: none;}
  446. /* Subreddit name sidebar */
  447. .titlebox h1 a {
  448. position: absolute;
  449. top: 210px;
  450. margin: 0px;
  451. margin-bottom: 5px;
  452. margin-left: 5px;
  453. font-weight: lighter;
  454. color: #707070;
  455. text-transform: capitalize;
  456. font-size: 25px;
  457. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  458. }
  459.  
  460. .titlebox h1 a:hover {color: #A52A2A;text-decoration: none;}
  461.  
  462. .sidebox .subtitle {font-size: 1.6em;}
  463.  
  464. /* Sub / Unsub button */
  465. .fancy-toggle-button .active {
  466. padding: 3px 8px;
  467. background-image: none !important;
  468. outline: none !important;
  469. border: 0px;
  470. border-radius: 2px;
  471. color: #fff !important;
  472. text-transform: capitalize;
  473. font-weight: bold;
  474. font-size: 12px;
  475. font-family: arial, sans-serif!important;
  476. line-height: 26px;
  477. transition: all 0.2s ease;
  478. }
  479.  
  480. /* Sub */
  481. .fancy-toggle-button .add {
  482. background-color: #CD5555;
  483. }
  484.  
  485. .fancy-toggle-button .add:hover {
  486. background-color: #A52A2A;
  487. text-decoration: none;
  488. }
  489.  
  490. .fancy-toggle-button .add:active {
  491. background-color: #5a1212;
  492. }
  493.  
  494. /* Unsub */
  495.  
  496. /* Unsub */
  497. .fancy-toggle-button .remove {
  498. background-color: #fff;
  499. border: 1px solid #d4d4d4;
  500. -webkit-box-shadow: 0 1px 0 #e2e0e0;
  501. box-shadow: 0 1px 0 #e2e0e0;
  502. font-size: 10px;
  503. line-height: 16px;
  504. color: #737373 !important;
  505. cursor: pointer;
  506. transition: all 0.2s ease;
  507. }
  508.  
  509. .fancy-toggle-button .remove:hover {
  510. background-color: #fff;
  511. color: #333;
  512. border-bottom-width: 2px;
  513. border-color: #bababa;
  514. text-decoration: none;
  515. }
  516.  
  517. .fancy-toggle-button .remove:active {
  518. background-color: #e5e5e5;
  519. border-color: #a7a7a7;
  520. border-top-width: 2px;
  521. color: #333;
  522. }
  523.  
  524.  
  525.  
  526. /*Replace readers.. */
  527. .titlebox span.word {display: none;}
  528. .titlebox .users-online {display: inline;}
  529. .titlebox .users-online:before {display: none;}
  530. .titlebox .users-online .number {font-style: italic;font-size: 12px;}
  531. .titlebox .users-online .number:before {content: "(";}
  532. .titlebox .users-online .number:after {content: " here)";}
  533. .titlebox .word {display: none;}
  534. .titlebox .users-online, .titlebox .number {cursor: text;}
  535. .titlebox .tagline {font-size: 12px;}
  536. .titlebox .subscribers .word:after {content: "";}
  537.  
  538. /* Subreddit description */
  539. .titlebox {
  540. padding: 0px 15px 15px 15px;
  541. color: #404040;
  542. }
  543. .titlebox .md {
  544. font-size: 14px;
  545. line-height: 1.35em;
  546. font-family: arial, sans-serif;
  547. }
  548.  
  549. .titlebox .bottom {
  550. padding-top: 5px;
  551. border-top: 1px solid #e5e5e5;
  552. color: #999;
  553. font-size: 110%;
  554. }
  555.  
  556. /* Download button */
  557. .titlebox h5 {
  558. width: 100%;
  559. height: 30px;
  560. color: #fff;
  561. background-color: #A52A2A;
  562. border-bottom: 2px solid #306cd1;
  563. display: block;
  564. font-size: 18px;
  565. text-align: center;
  566. line-height: 31px;
  567. margin-top: 10px;
  568. margin-bottom: 10px;
  569. }
  570.  
  571. .titlebox h5 a, .titlebox h5 a:hover {
  572. text-decoration: none;
  573. color: #fff;
  574. cursor: pointer;
  575. }
  576.  
  577. .titlebox h5:hover {
  578. background-color: #77a7fb;
  579. border-bottom: 2px solid #A52A2A;
  580. text-decoration: none;
  581. }
  582.  
  583. .titlebox h5:active {
  584. background-color: #CD5555;
  585. border-bottom: 2px solid #CD5555;
  586. }
  587.  
  588. /* Search */
  589. #search {
  590.  
  591. }
  592.  
  593. #search input[type=text] {
  594. margin: 17px 0px 0px 0px;
  595. padding: 5px 0px 5px 40px;
  596. width: 258px;
  597. background-image: url(%%spritesheet%%);
  598. background-position: -129px 0px;
  599. background-repeat: no-repeat;
  600. border: none;
  601. border-top: 1px solid #d5d5d5;
  602. border-bottom: 1px solid #d5d5d5;
  603. border-left: 2px solid #fff;
  604. color: #999;
  605. font-weight: normal;
  606. font-size: 16px;
  607. font-family: arial, sans-serif !important;
  608. }
  609.  
  610. #search input[type=text]:focus {
  611. padding: 5px 0px 5px 40px;
  612. width: 258px;
  613. outline: none !important;
  614. border: none;
  615. border-top: 1px solid #d5d5d5;
  616. border-bottom: 1px solid #d5d5d5;
  617. border-left: 2px solid #4285f4;
  618. color: #000;
  619. }
  620.  
  621. #searchexpando {
  622. margin: 0px 0px 5px 0px;
  623. padding: 5px 5px 0px 15px;
  624. height: 25px;
  625. background-color: #f5f5f5;
  626. border: 0px solid;
  627. border-bottom: 1px solid #DFDFDF;
  628. border-radius: 0px;
  629. color: #3b3b3b;
  630. font-size: 150%;
  631. }
  632.  
  633. #searchexpando label {cursor: pointer;}
  634. .search-page form#search label {font-size: 150%;cursor: pointer;}
  635.  
  636. #search_showmore {display: none;}
  637.  
  638. /* Ad Frame */
  639. #ad-frame,#ad_main {text-align: center;}
  640.  
  641. /* Sidebar mod box */
  642. .sidecontentbox {
  643. padding: 0px 5px 0px 15px;
  644. }
  645.  
  646. .sidecontentbox .title {
  647. text-align: left;
  648. }
  649.  
  650. .sidecontentbox .title h1 {
  651. color: #262626;
  652. text-align: left;
  653. text-transform: capitalize;
  654. font-size: 14px;
  655. font-family: arial, sans-serif;
  656. }
  657.  
  658. .sidecontentbox.collapsible .title {
  659. text-align: left;
  660. }
  661.  
  662. .sidecontentbox .collapse-button {
  663. background: transparent;
  664. border: 0px;
  665. border-radius: 0px;
  666. color: #262626;
  667. font-size: 15px;
  668. }
  669.  
  670. .sidecontentbox .content {
  671. padding: 3px 0px 5px 0px;
  672. background-color: transparent;
  673. border: 0px solid;
  674. text-align: left;
  675. }
  676.  
  677. .sidecontentbox .content a {
  678. color: #262626;
  679. text-align: left;
  680. font-family: arial, sans-serif;
  681. }
  682.  
  683. .sidecontentbox .content a:hover {
  684. color: #A52A2A;
  685. text-decoration: underline;
  686. }
  687.  
  688. /* Mod icons */
  689. .icon-menu a {background-color: transparent;}
  690. .icon-menu .reddit-edit:before{background-image:url(%%spritesheet%%);background-position: 0px -33px;}
  691. .icon-menu .moderator-mail:before{margin-top:-1px;height:16px;background-image:url(%%spritesheet%%);background-position: -16px -32px;}
  692. .icon-menu .reddit-moderators:before{background-image:url(%%spritesheet%%);background-position: -32px -33px;}
  693. .icon-menu .reddit-contributors:before{background-image:url(%%spritesheet%%);background-position: -48px -33px;}
  694. .icon-menu .reddit-traffic:before{background-image:url(%%spritesheet%%);background-position: -64px -32px;}
  695. .icon-menu .reddit-modqueue:before{background-image:url(%%spritesheet%%);background-position: -80px -32px;}
  696. .icon-menu .reddit-reported:before{background-image:url(%%spritesheet%%);background-position: -96px -32px;}
  697. .icon-menu .reddit-spam:before{background-image:url(%%spritesheet%%);background-position: -112px -32px;}
  698. .icon-menu .reddit-ban:before{background-image:url(%%spritesheet%%);background-position: -128px -32px;}
  699. .icon-menu .reddit-flair:before{background-image:url(%%spritesheet%%);background-position: -144px -32px;}
  700. .icon-menu .reddit-moderationlog:before{background-image:url(%%spritesheet%%);background-position: -160px -33px;}
  701. .icon-menu a.reddit-unmoderated {display: none;}
  702.  
  703. /* Message the mods */
  704. .sidecontentbox a.helplink {
  705. display: block;
  706. margin-right: 27px;
  707. margin-bottom: 15px;
  708. width: 80%;
  709. background-color: #CD5555;
  710. background-image: none!important;
  711. border: none;
  712. border-top: 2px solid #CD5555;
  713. border-bottom: 2px solid #CD5555;
  714. -webkit-box-shadow: 0 1px 0 #E2E0E0;
  715. box-shadow: 0 1px 0 #E2E0E0;
  716. color: #fff !important;
  717. text-align: center;
  718. text-transform: capitalize;
  719. letter-spacing: 0px;
  720. font-weight: bold;
  721. font-size: 13px;
  722. font-family: Arial, sans-serif;
  723. line-height: 26px;
  724. cursor: default;
  725. }
  726.  
  727. .sidecontentbox a.helplink:hover {
  728. background-color: #A52A2A;
  729. border-top: 2px solid #A52A2A;
  730. border-bottom: 2px solid #A52A2A;
  731. -webkit-box-shadow: none;
  732. box-shadow: none;
  733. text-decoration: none;
  734. }
  735.  
  736. .sidecontentbox a.helplink:active {
  737. background-color: #5a1212;
  738. border-top: 2px solid #A52A2A;
  739. border-bottom: 2px solid #5a1212;
  740. -webkit-box-shadow: none;
  741. box-shadow: none;
  742. }
  743.  
  744.  
  745.  
  746. /* Links/Posts Area */
  747. /* Actual Links */
  748. .content {
  749. margin-top: 34px;
  750. margin-left: 10px;
  751. }
  752.  
  753. /* Fixed Scroll Banner */
  754. .titlebox h6 {
  755. position: fixed;
  756. top:0px;
  757. right: 0px;
  758. left: 0px;
  759. z-index: 97;
  760. height: 35px;
  761. background-color: #fff;
  762. -webkit-box-shadow: 0 2px 4px 0 #d3d3d3;
  763. box-shadow: 0 2px 4px 0 #d3d3d3;
  764. color: #737373;
  765. padding-left: 55px;
  766. font-weight: normal;
  767. font-size: 22px;
  768. line-height: 35px;
  769. }
  770.  
  771. .titlebox h6 a {
  772. margin: 0px 17px 0px 17px;
  773. padding: 2px 0px 2px 0px;
  774. border: 0px solid;
  775. color: #999;
  776. font-weight: normal;
  777. font-size: 22px;
  778. font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  779. }
  780.  
  781. .titlebox h6 a:hover {
  782. border-bottom-color: #A52A2A !important;
  783. color: #262626 !important;
  784. text-decoration: none;
  785. }
  786.  
  787. /* reddit icon */
  788. .titlebox h6 a[href*="http://www.reddit.com#top"] {
  789. position: fixed;
  790. left:0px;
  791. top:0px;
  792. height: 35px;
  793. width: 35px;
  794. background-color: #ff0;
  795. background-image: url(%%spritesheet%%);
  796. background-position: 0px -49px;
  797. border-bottom: 0px;
  798. text-indent: -9999px;
  799. padding: 0px;
  800. margin: 0px;
  801. }
  802.  
  803. .titlebox h6 a[href*="http://www.reddit.com#top"]:hover {
  804. background-position: -35px -49px;
  805. border-bottom: 0px solid;
  806. }
  807.  
  808. .new-page .titlebox h6 a[href*="/new"], .top-page .titlebox h6 a[href*="/top"], .hot-page .titlebox h6 a[href*="/hot"] {border-bottom:2px solid #A52A2A; color: #262626;}
  809.  
  810.  
  811. .link {
  812. margin-right: 320px;
  813. margin-bottom: 8px;
  814. padding: 8px 10px 6px 10px;
  815. border-radius: 2px;
  816. }
  817.  
  818. .link, .side, .submit-page .infobar, .roundfield, .submit-page .content button,
  819. .content.submit .info-notice, .stylesheet-customize-container .pretty-form, #images, .search-page .raisedbox,
  820. .search-page .searchfacets, .linefield, .search-page .searchpane, .nextprev {
  821. border: 0px;
  822. border-bottom: 3px solid #e5e5e5 !important;
  823. background-color: #fff;
  824. }
  825.  
  826. /* Stickied Link */
  827. .stickied.link {border-bottom-color: #C4DAC2 !important;}
  828. .thing.stickied a.title, .thing.stickied a {color: #65b354!important;}
  829. .thing.stickied a.thumbnail {background-position: -102px -209px;}
  830.  
  831. /* Promoted Link */
  832. .organic-listing {
  833. margin-right: 320px;
  834. border: 1px solid #D0D6DD;
  835. border-bottom-width: 3px;
  836. border-top-width: 0px;
  837. }
  838.  
  839. .link.promotedlink.promoted {
  840. border-bottom: 0px !important;
  841. margin-right: 0px;
  842. }
  843.  
  844. .link.promotedlink.promoted .thumbnail {max-height:70px !important;}
  845.  
  846. .link .title {
  847. font-weight: bold;
  848. font-family: Arial, sans-serif;
  849. overflow: visible;
  850. }
  851.  
  852. .link .title:hover {color: #A52A2A !important;}
  853. /* Link Titles */
  854. /*Unvisited*/ .thing .title.loggedin.click, .thing .title.click, .thing .title.loggedin, .thing .title {color:#CD5555;}
  855. /*Visited */ .thing .title:visited, .thing.visited .title {color:#7D5D8A;}
  856. /*Clicking */ .thing .title.loggedin.click:visited, .thing .title.click:visited {color:#CD5555;}
  857.  
  858. /* Upvote and downvotes */
  859. .link .score {margin-bottom: -1px;margin-left: 1px;color:#999;font-family: arial, sans-serif;}
  860.  
  861. .link .score.likes {color: #ee5821;}
  862. .link .score.dislikes {color: #6f85bf;}
  863.  
  864. .arrow {
  865. margin: 2px 0px 0px 0px;
  866. margin-right: auto;
  867. margin-left: auto;
  868. width: 16px;
  869. height: 16px;
  870. background-image: url(%%spritesheet%%) !important;
  871. background-position: center center;
  872. outline: none !important;
  873. border: none !important;
  874. }
  875.  
  876. .arrow.up {background-position: -32px 0px;}
  877. .arrow.upmod {background-position: -48px 0px;}
  878. .arrow.down {background-position: 0px 0px;}
  879. .arrow.downmod {background-position: -16px 0px;}
  880.  
  881.  
  882. /* Expand post */
  883. .expando-button {
  884. margin: -1px 5px 0px 0px !important;
  885. width: 16px !important;
  886. height: 16px !important;
  887. background-color: transparent !important;
  888. background-image: url(%%spritesheet%%) !important;
  889. cursor: pointer;
  890. }
  891.  
  892. /* + */ .content .expando-button.selftext.collapsed {background-position:0 -17px;}
  893. /* + */ .content .expando-button.selftext.collapsed:hover {background-position:-16px -17px;}
  894. /* - */ .content .expando-button.selftext.expanded {background-position:-32px -17px;}
  895. /* - */ .content .expando-button.selftext.expanded:hover {background-position:-48px -17px;}
  896.  
  897. .expando-button.video.collapsed {background-position: -64px -17px;}
  898. .expando-button.video.collapsed:hover, .eb-vch {background-position: -80px -17px;}
  899. .expando-button.video.expanded, .eb-ve {background-position: -64px -17px;}
  900. .expando-button.video.expanded:hover, .eb-veh {background-position: -80px -17px;}
  901.  
  902. .res .expando-button.image.collapsed,.expando-button.image.gallery.collapsedExpando, .expando-button.image.collapsedExpando {background-position: -96px -17px!important;}
  903. .res .expando-button.image.collapsed:hover, .expando-button.image.collapsedExpando:hover, .expando-button.image.gallery.collapsedExpando:hover {background-position: -112px -17px!important;}
  904. .res .expando-button.image.expanded {background-position: -96px -17px!important;}
  905. .res .expando-button.image.expanded:hover {background-position: -112px -17px!important;}
  906.  
  907. /* Selftext expand */
  908. .link .usertext .md {
  909. padding: 0 5px;
  910. background-color: transparent;
  911. border: 0px solid;
  912. border-top: 1px solid #e5e5e5;
  913. border-radius: 0px;
  914. color: #404040;
  915. font-weight: normal;
  916. font-size: 14px;
  917. font-family: arial, sans-serif;
  918. line-height: 1.35em;
  919. }
  920.  
  921. .domain {color: white;}
  922. .domain a {color: #c0c0c0;}
  923. .domain a:hover {color: #A52A2A;text-decoration: none;}
  924.  
  925. .link .tagline {
  926. color: #999;
  927. font-size: 12px;
  928. }
  929.  
  930. .thumbnail {
  931. max-height: 50px;
  932. max-width: 70px;
  933. }
  934.  
  935. .thumbnail.self {
  936. background-image: url(%%spritesheet%%);
  937. background-position: -102px -92px;
  938. background-repeat: no-repeat;
  939. }
  940.  
  941. .thumbnail.default {
  942. background-image: url(%%spritesheet%%);
  943. background-position: -102px -154px;
  944. background-repeat: no-repeat;
  945. }
  946.  
  947. .thumbnail.nsfw {
  948. width: 80px;
  949. height: 50px;
  950. background-image: url(%%spritesheet%%);
  951. background-position: -22px -150px;
  952. background-repeat: no-repeat;
  953. }
  954.  
  955. .entry {
  956. padding-left: 5px;
  957. }
  958.  
  959. .entry .buttons li a {
  960. padding: 0 1px;
  961. color: #999;
  962. font-weight: 400;
  963. font-size: 13px;
  964. }
  965.  
  966. .entry .buttons li a:hover {
  967. color: #A52A2A;
  968. }
  969.  
  970. .redditSingleClick {transition: opacity 0.15s ease-in-out;}
  971.  
  972. .link .entry li a, .redditSingleClick {opacity: 0;}
  973. .link:hover .entry li a, .link .entry p a, .link:hover .entry .redditSingleClick {opacity: 100;}
  974.  
  975.  
  976. .link .entry li .comments {
  977. opacity: 100 !important;
  978. color: #CD5555;
  979. font-weight: bold;
  980. font-size: 13px;
  981. }
  982.  
  983. .nsfw-stamp acronym {opacity: 100;background-color: #e82e63;border-radius:0px;color:#fff;cursor: help;border-color: #e82e63;}
  984.  
  985. .entry .buttons a[onclick*="reply"] {
  986. color: #A52A2A !important;
  987. font-weight: bold !important;
  988. font-size: 13px !important;
  989. }
  990.  
  991. .link .flat-list {
  992. font-weight: normal;
  993. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  994. }
  995.  
  996. .link .midcol {margin-right: 7px;}
  997. .link .rank {display: none;}
  998. .link.last-clicked {
  999. overflow: hidden;
  1000. background-color: #f8f8f8;
  1001. border: 0px solid #d8d8d8;
  1002. border-bottom: 3px solid #e5e5e5;
  1003. }
  1004. /* Mod Report buttons */
  1005. .entry .buttons li.reported-stamp {
  1006. background-color: #f5b400;
  1007. border-radius: 2px;
  1008. border: 1px solid #e2a600 !important;
  1009. color: #fff;
  1010. font-weight: bold;
  1011. background-image: none;
  1012. }
  1013.  
  1014. a.pretty-button.negative {
  1015. border-radius: 2px;
  1016. background-color: #dc4437;
  1017. color: #fff;
  1018. font-weight: bold;
  1019. border: 1px solid #c4362a;
  1020. background-image: none;
  1021. }
  1022.  
  1023. a.pretty-button.neutral {
  1024. border-radius: 2px;
  1025. font-weight: bold;
  1026. color: #fff;
  1027. background-color: #666666;
  1028. border: 1px solid #4d4d4d;
  1029. background-image: none;
  1030. }
  1031.  
  1032. a.pretty-button.positive {
  1033. border-radius: 2px;
  1034. font-weight: bold;
  1035. color: #fff;
  1036. background-color: #109d59;
  1037. border: 1px solid #0a8a4c;
  1038. background-image: none;
  1039. }
  1040.  
  1041. .menuarea {
  1042. margin-right: 320px;
  1043. border: none;
  1044. font-size: 16px;
  1045. }
  1046.  
  1047. .infobar {
  1048. margin-right: 320px;
  1049. background-color: #4B4A4A;
  1050. border: none;
  1051. color: #fff;
  1052. font-size: 14px;
  1053. }
  1054.  
  1055. .infobar a {color: #89B3FF;}
  1056.  
  1057. /* First time visit infobar */
  1058. .infobar.welcome {
  1059. margin-right: 321px;
  1060. color: #333;
  1061. margin-bottom: 8px;
  1062. }
  1063.  
  1064. .nextprev {
  1065. margin-top: 8px;
  1066. margin-right: 320px;
  1067. height: 35px;
  1068. color: #737373;
  1069. text-align:center;
  1070. font-size: 16px;
  1071. line-height: 35px;
  1072. padding: 10px;
  1073. }
  1074.  
  1075. .nextprev a {
  1076. background-color: transparent;
  1077. border: none;
  1078. color: #A52A2A;
  1079. }
  1080.  
  1081. .nextprev a:hover {
  1082. background-color: transparent;
  1083. border: none;
  1084. }
  1085.  
  1086.  
  1087. /* Submit Page */
  1088. form#newlink.submit.content {
  1089. margin-top: 40px;
  1090. }
  1091.  
  1092.  
  1093. .submit-page .infobar {
  1094. margin-top: 0px;
  1095. margin-bottom: 8px;
  1096. padding: 10px 10px 10px 10px;
  1097. color: #3b3b3b;
  1098. text-align: center;
  1099. text-indent: -9999px;
  1100. font-size: 0px;
  1101. }
  1102.  
  1103. .formtabs-content .infobar:before {
  1104. display: block;
  1105. text-indent: 0px;
  1106. font-size: 16px;
  1107. }
  1108.  
  1109. .submit-page .tabmenu li a {margin:0px;}
  1110. .submit-page ul.tabmenu.formtab {padding-left: 0px;width: 500px;text-align:center; }
  1111. .formtabs-content {padding-top: 0px;border-top: 4px solid #A52A2A;}
  1112.  
  1113. .submit-page .tabmenu.formtab a {
  1114. padding: 5px 55px 0px 55px;
  1115. width: 100px;
  1116. background-color: white;
  1117. border: 0px solid;
  1118. color: #A52A2A;
  1119. text-align: center;
  1120. font-weight:normal;
  1121. font-size: 14px;
  1122.  
  1123. }
  1124.  
  1125. .submit-page .tabmenu li a:hover {color: #333;}
  1126.  
  1127. .submit-page .tabmenu.formtab .selected a {
  1128. padding: 5px 60px 0px 60px;
  1129. background-color: #A52A2A;
  1130. color: #fff;
  1131. font-size: 18px;
  1132. }
  1133.  
  1134. .roundfield {
  1135. padding: 10px 10px 10px 10px;
  1136. color: #707070;
  1137. }
  1138.  
  1139. .submit-page textarea, .roundfield input[type=url], .roundfield input[type=text], .login-form-side input[type=text], .login-form-side input[type=password],
  1140. .linefield textarea, .linefield input[type="text"], .flairlist .flaircell input[type="text"], .linkinfo .shortlink input, .search-page #search input[type=text] {
  1141. margin: 0;
  1142. padding: 5px;
  1143. border: 1px solid #d9d9d9;
  1144. border-top: 1px solid #c0c0c0;
  1145. -webkit-box-shadow: none;
  1146. box-shadow: none;
  1147. color: #333;
  1148. font-size: 100%;
  1149. font-family: arial, sans-serif;
  1150. }
  1151.  
  1152. .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,
  1153. .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;}
  1154.  
  1155. .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,
  1156. .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;}
  1157.  
  1158. .linefield .usertext-edit textarea {height: 500px;}
  1159.  
  1160. .submit-page .content textarea, .submit-page .content input[type=url], .submit-page .content input[type=text] {width: 488px;}
  1161.  
  1162. .submit-page .content button {
  1163. margin-bottom: 30px;
  1164. margin-left: 0px;
  1165. padding: 10px 10px 10px 10px;
  1166. width: 522px;
  1167. color: #707070 !important;
  1168. text-align: center;
  1169. cursor: pointer;
  1170. border: 0px;
  1171. border-bottom: 3px solid #E5E5E5;
  1172. }
  1173.  
  1174. .submit-page button:hover {
  1175. background-color: #A52A2A;
  1176. color: white !important;
  1177. border-bottom: 4px solid #477ADB;
  1178. }
  1179.  
  1180. .submit-page button:active {
  1181. background-color: #5a1212;
  1182. border-bottom-color: #5a1212 !important;
  1183. }
  1184.  
  1185. .submit-page h1 {display: none;}
  1186. .submit-page .side h1 {display: inherit;}
  1187.  
  1188. .content.submit .info-notice {
  1189. margin: 0px 0px 4px 0px;
  1190. padding: 20px 10px 20px 10px;
  1191. color: #707070;
  1192. text-align: center;
  1193. border: 0px;
  1194. border-bottom: 3px solid #E5E5E5;
  1195. }
  1196.  
  1197. .content.submit .info-notice a {
  1198. text-decoration: none;
  1199. font-size: 120%;
  1200. }
  1201.  
  1202. .content.submit .info-notice a:hover {text-decoration: underline;}
  1203. .thing.spam {border-color: #F3B9B9; background-color: #fff;margin-right: 320px;}
  1204. #file {margin: 10px;}
  1205. .submit-page .gray, #suggested-reddits {display: none;}
  1206. .submit-page form .spacer+.spacer {margin: 8px 0px;}
  1207.  
  1208.  
  1209. /* Suggest Title Button */
  1210. #url-field button {
  1211. margin: 10px 0 0 5px;
  1212. height: 31px;
  1213. width: 32px;
  1214. position: relative;
  1215. top: -42px;
  1216. left: -1px;
  1217. border-radius: 0px;
  1218. background-color: #F4F4F4;
  1219. border-bottom: 0px solid !important;
  1220. box-shadow: none;
  1221. border-left: 1px solid #D8D8D8;
  1222. font-size: 0px;
  1223. background-image: url(%%spritesheet%%);
  1224. background-position: -112px -49px;
  1225. }
  1226.  
  1227. #url-field #suggest-title {height: 0px;}
  1228. #url-field button:hover {background-color: #DEDEDE;}
  1229.  
  1230. #url-field button:before {
  1231. font-size: 12px;
  1232. content: "Automatically generate a title.";
  1233. background-color: rgba(0, 0, 0, 0.0);
  1234. position: absolute;
  1235. width: 175px;
  1236. cursor: default;
  1237. padding: 0.25em 3em;
  1238. top: -60px;
  1239. left: -100px;
  1240. border-radius: 100px;
  1241. text-transform: none;
  1242. color: #FFF;
  1243. transition: all 0.2s ease;
  1244. line-height: 2em;
  1245. visibility: hidden;
  1246. opacity: 0;
  1247. }
  1248.  
  1249. #url-field .error.NO_URL.field-url {
  1250. position: absolute;
  1251. left: 550px;
  1252. margin-top: -20px;
  1253. }
  1254.  
  1255. #url-field button:hover:before {
  1256. top: -40px;
  1257. opacity: 100;
  1258. visibility: visible;
  1259. background-color: rgba(0, 0, 0, 0.7);
  1260. }
  1261.  
  1262. /* Flair Selector */
  1263. .flairselector.drop-choices.active {
  1264. visibility: visible !important;
  1265. background-color: #fff;
  1266. border: 1px solid #d8d8d8;
  1267. border-radius: 2px;
  1268. }
  1269. .flairselector h2 {
  1270. padding: 5px 5px 5px 5px;
  1271. background-color: #fff;
  1272. border-bottom: 1px solid #e5e5e5;
  1273. color: #333;
  1274. text-transform: capitalize;
  1275. font-size: 130%;
  1276. }
  1277.  
  1278. .flairoptionpane {
  1279. text-align: left;
  1280. }
  1281.  
  1282. .flairoptionpane ul {visibility: visible !important;}
  1283. .flairoptionpane ul a.title {font-size: 100% !important;}
  1284.  
  1285. .flairselector li {
  1286. padding: 3px 0px 3px 0px;
  1287. width: 182px;
  1288. }
  1289.  
  1290. .flairselector li:hover {
  1291. background-color: #efefef;
  1292.  
  1293. }
  1294.  
  1295. .flairselector form {border-top: 1px solid #e5e5e5;}
  1296. .flairsample-left {text-align: left !important;}
  1297. .flairselector ul {overflow: visible;}
  1298. .flairselector li.selected {background-color: #e5ebf8;border:none;}
  1299.  
  1300. /* Flairs */
  1301.  
  1302. /* LINKFLAIRS */
  1303. .linkflairlabel {
  1304. padding: 0px 6px 1px 10px;
  1305. height: auto;
  1306. border-radius: 0px;
  1307. border-top-left-radius: 16px;
  1308. border-bottom-left-radius: 16px;
  1309. border: 0px solid;
  1310. color: #333;
  1311. font-weight: bold;
  1312. font-style: normal;
  1313. font-variant: normal;
  1314. font-size: 13px;
  1315. font-family: Tahoma, Arial, sans-serif;
  1316. cursor: default;
  1317. vertical-align: middle;
  1318. position: relative;
  1319. top: -1px;
  1320.  
  1321. }
  1322.  
  1323. .linkflair-mod .linkflairlabel {
  1324. background-color: #5fb04d;
  1325. color: #fff;
  1326. }
  1327.  
  1328. .linkflair-mod a {color: #4c8d3e !important;}
  1329.  
  1330. .linkflair-mod .thumbnail.default, .linkflair-mod .thumbnail.self {
  1331. background-image: url(%%spritesheet%%)!important;
  1332. background-position: -22px -90px!important;
  1333. background-repeat: no-repeat;
  1334. }
  1335.  
  1336. .linkflair-image .linkflairlabel {
  1337. background-color: #F86154;
  1338. color: #fff;
  1339. }
  1340.  
  1341. .linkflair-gif .linkflairlabel {
  1342. background-color: #f5b400;
  1343. color: #fff;
  1344. }
  1345.  
  1346. .linkflair-extra .linkflairlabel {
  1347. background-color: #A52A2A;
  1348. color: #fff;
  1349. }
  1350.  
  1351. /* USER FLAIRS */
  1352. .flair {
  1353. height: auto;
  1354. background-color: transparent;
  1355. border: none;
  1356. color: #555;
  1357. font-size: small !important;
  1358. font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  1359. border: 1px solid #DADADA;
  1360. padding: 0px 3px 2px 3px;
  1361. cursor: help;
  1362. }
  1363.  
  1364.  
  1365. /* Flair-page */
  1366. div.tabpane-content {
  1367. padding: 4px 4px 4px 4px;
  1368. border: 0px solid #e5e5e5;
  1369. border-bottom-width: 3px;
  1370. background-color: #fff;
  1371. width: 1080px;
  1372. margin-top: 7px;
  1373. }
  1374.  
  1375. .linefield {
  1376. margin-bottom: 5px;
  1377. padding: 10px 10px 10px 10px;
  1378. width: 45%;
  1379. color: #707070;
  1380. margin-bottom: 15px;
  1381. }
  1382.  
  1383. .linefield .title {
  1384. padding: 1px 10px;
  1385. color: #A52A2A;
  1386. }
  1387.  
  1388. .linefield .title+.gray {font-size: small;}
  1389.  
  1390. /*
  1391. .flairtemplatelist flairlist pretty-form {
  1392. margin-top: 2px;
  1393. margin-right: 320px;
  1394. padding: 5px 5px 8px 3px;
  1395. color: #707070;
  1396. text-transform: capitalize;
  1397. width: 100%;
  1398. margin-bottom: 8px;
  1399. }
  1400.  
  1401. .flairrow:nth-of-type(1) {
  1402. width: 700px;
  1403. line-height: 2;
  1404. }
  1405.  
  1406. .flairrow .tagline {
  1407. margin-right: 0px;
  1408. margin-left: 0px;
  1409. width: 150px;
  1410. font-size: 100%;
  1411. }
  1412. */
  1413. .flairtemplate .flairrow {
  1414. margin-top: 2px;
  1415. margin-right: 320px;
  1416. padding: 5px 5px 8px 3px;
  1417. color: #707070;
  1418. text-transform: capitalize;
  1419. width: 100%;
  1420. margin-bottom: 8px;
  1421. }
  1422.  
  1423. .tabmenu li#tab-grant.selected, .tabmenu li#tab-templates.selected,
  1424. .tabmenu li#tab-link_templates.selected {margin: 7px 0px 4px 0px;}
  1425.  
  1426. .tabmenu li#tab-grant.selected a, .tabmenu li#tab-grant a:hover,
  1427. .tabmenu li#tab-templates.selected a, .tabmenu li#tab-templates a:hover,
  1428. .tabmenu li#tab-link_templates.selected a, .tabmenu li#tab-link_templates a:hover {color: #333;}
  1429. /* WIKI Page */
  1430. .wiki-page .wiki-page-content {
  1431. margin: 5px 320px 10px 0px;
  1432. padding: 5px 10px 5px 10px;
  1433. background-color: #fff;
  1434. border: 1px solid #d8d8d8;
  1435. }
  1436.  
  1437. .wiki-page .tabmenu li:nth-of-type(3),
  1438. .wiki-page .tabmenu li:nth-of-type(4),
  1439. .wiki-page .tabmenu li a[href*="/promoted"],
  1440. .wiki-page .tabmenu li a[href*="/gilded"]
  1441. {display:none;}
  1442.  
  1443. .wiki-page .wiki-page-content .md.wiki h1 {
  1444. margin-top: 0.5em;
  1445. color: #333;
  1446. font-size: 1.5em;
  1447. font-family: Arial, sans-serif;
  1448. }
  1449.  
  1450. .wiki-page .wiki-page-content .md.wiki h2 {font-size: 1.45em;}
  1451. .wiki-page .wiki-page-content .md.wiki h3 {font-size: 1.4em;}
  1452. .wiki-page .wiki-page-content .md.wiki h4 {font-size: 1.35em;}
  1453.  
  1454. .wiki-page .wiki-page-content .md.wiki p, .wiki-page .wiki-page-content .md.wiki .md.wiki blockquote {
  1455. color: #404040;
  1456. font-weight: normal;
  1457. font-size: 14px;
  1458. font-family: Arial, sans-serif;
  1459. line-height: 1.5em;
  1460. }
  1461.  
  1462. .wiki-page .pageactions {
  1463. border: none;
  1464. border-radius: 0px;
  1465. }
  1466.  
  1467. .wiki-page .pageactions .wikiaction {
  1468. text-transform: capitalize;
  1469. font-size: 110%;
  1470. }
  1471.  
  1472. .wiki-page .pageactions .wikiaction:hover {
  1473. background-color: transparent;
  1474. }
  1475.  
  1476. .wiki-page .pageactions .wikiaction-current {
  1477. background-color: #A52A2A;
  1478. border-radius: 0px;
  1479. color: #fff;
  1480. }
  1481.  
  1482. .wiki-page .pageactions .wikiaction-current:hover {
  1483. background-color: #528bf3;
  1484. text-decoration: none;
  1485. }
  1486.  
  1487. .wiki-page .wiki-page-content .md.wiki>.toc>ul {
  1488. padding: 10px 10px;
  1489. border: 1px solid #e5e5e5;
  1490. font-weight: normal;
  1491. font-size: 110%;
  1492. }
  1493.  
  1494. .wiki-page .wiki-page-content .discussionlink {
  1495. display: inline-block;
  1496. position: relative;
  1497. top: inherit;
  1498. right: inherit;
  1499. left: inherit;
  1500. padding: inherit;
  1501. width: 175px;
  1502. }
  1503.  
  1504. .wiki-page .wiki-page-content .discussionlink a {
  1505. padding-left: 0px;
  1506. }
  1507.  
  1508. .wiki-page .nextprev {display: none;}
  1509. .wiki-page-content em, .wiki-page-content form#editform label {font-size: 120%;}
  1510.  
  1511.  
  1512. /*Stylesheet fix */
  1513. .pretty-form {
  1514. margin-right: 320px;
  1515. margin-bottom: 10px;
  1516. padding: 10px 10px 10px 10px;
  1517. color: #707070;
  1518. }
  1519.  
  1520. .pretty-form textarea {-webkit-box-shadow: none;box-shadow: none;}
  1521.  
  1522. /* Let me help you read the manual */
  1523. .pretty-form:after {
  1524. color: #666;
  1525. display: block;
  1526. font-size: 0.8rem;
  1527. content: "If your reddit alien looks 'glitched', check that you upload the headerbypass.png image on the /about/edit page!";
  1528. margin: 1em 0 0 0;
  1529. position: absolute;
  1530. top: 119px;
  1531. z-index: 99;
  1532. line-height: 47px;
  1533. left: 139px;
  1534. padding: 0 1em;
  1535. height: 44px;
  1536. }
  1537.  
  1538. .stylesheet-customize-container textarea {
  1539. margin: 0;
  1540. padding: 0px;
  1541. border: 0px;
  1542. border: 1px solid #d8d8d8;
  1543. border-bottom: 1px solid #d8d8d8;
  1544. border-radius: 3px;
  1545. color: #707070;
  1546. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1547. }
  1548.  
  1549. .sheets .btn.right {display: none;}
  1550. .sheets .col textarea {width: 100%;background-color: #fff;}
  1551. .sheets .col textarea:hover {border-color: #B1B1B1;}
  1552. .sheets .col textarea:focus {border-color: #A52A2A;}
  1553. .sheets {margin-right: 0px;}
  1554.  
  1555. #images {
  1556. margin-right: 320px;
  1557. margin-bottom: 30px;
  1558. padding: 10px 10px 10px 10px;
  1559. height: 1280px;
  1560. color: #707070;
  1561. }
  1562.  
  1563. ul#image-preview-list {
  1564. margin: 15px 0px 0px 0px;
  1565. padding-bottom: 80px;
  1566. font-size: 14px;
  1567. }
  1568.  
  1569. /* COMMENT SECTION */
  1570. .linkinfo {
  1571. margin-top: -10px;
  1572. padding-left: 10px;
  1573. background-color: transparent;
  1574. border: none;
  1575. border-bottom: 1px solid #d5d5d5;
  1576. color: #404040;
  1577.  
  1578. }
  1579.  
  1580.  
  1581. .commentarea {
  1582. margin-top: 10px;
  1583. margin-right: 320px;
  1584. margin-bottom: 30px;
  1585. padding: 10px 10px 10px 10px;
  1586. background-color: #FCFCFC;
  1587. border-bottom: 3px solid #e5e5e5;
  1588. color: #3b3b3b;
  1589. }
  1590.  
  1591. .commentarea>.usertext {
  1592. overflow:visible;
  1593. margin: 0px 0px 10px 0px;
  1594. padding: 0px 0px 0px 0px;
  1595. }
  1596.  
  1597. a.author {
  1598. margin-right:4px;
  1599. color: #CD5555;
  1600. }
  1601.  
  1602. .comments-page .tagline {
  1603. color: #999;
  1604. font-size: small;
  1605. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1606. }
  1607.  
  1608. .comments-page .tagline a {
  1609. margin-top: 1px;
  1610. background-color: transparent;
  1611. color: #A52A2A;
  1612. letter-spacing: 1px;
  1613. font-weight: bold;
  1614. font-size: 12px;
  1615. }
  1616.  
  1617. .tagline a:hover {
  1618. text-decoration: underline;
  1619. }
  1620.  
  1621. .tagline .submitter {color: #CD5555!important;}
  1622. .tagline .moderator,.green {color: #53a93f!important;}
  1623. .tagline .moderator:after {content: "oderator - speaking officially.";}
  1624. a.author.moderator:after {content: "";}
  1625. .tagline .moderator:hover {color: #65b354!important;}
  1626.  
  1627. .comment .midcol {margin-top: 6px;width: 15px !important;}
  1628. .comment .score {font-size: small;}
  1629.  
  1630. /* Comments */
  1631. .commentarea .menuarea {
  1632. display: inline;
  1633. margin: 0 0px 10px -320px;
  1634. padding: 0;
  1635. color: #c0c0c0;
  1636. font-weight: normal;
  1637. font-size: 110%;
  1638. }
  1639.  
  1640. .panestack-title {
  1641. display: inline;
  1642. border-bottom: 1px solid #e5e5e5;
  1643. color: #c0c0c0;
  1644. }
  1645.  
  1646. /*.commentarea .menuarea .toggle a, .panestack-title .title, .help-hoverable {display: none;}*/
  1647. .panestack-title .title {display: none;}
  1648. .menuarea .spacer {margin-right: -15px;}
  1649. .commentarea .menuarea .toggle a {font-size: 11px;color:#c0c0c0;font-weight: normal; }
  1650. .menuarea .spacer .drop-choices.lightdrop {
  1651. padding: 5px;
  1652. border-color: #DFDDDD;
  1653. box-shadow: 0px 1px 1px #C9C9C9;
  1654. font-family: arial, sans-serif;
  1655. }
  1656.  
  1657. .titlebox form.toggle, .leavemoderator {background-color: transparent;}
  1658.  
  1659. .menuarea .spacer .drop-choices.lightdrop a.choice, .commentarea .menuarea form {
  1660. padding: 0.5px;
  1661. font-size: 14px;
  1662. color: #A52A2A;
  1663. }
  1664.  
  1665. .menuarea .spacer .drop-choices.lightdrop a.choice:hover, .commentarea .menuarea form:hover {
  1666. background-color: #A52A2A;
  1667. color: #fff;
  1668. text-decoration: none;
  1669. }
  1670.  
  1671.  
  1672. .menuarea .dropdown.lightdrop .selected {
  1673. background-image: none;
  1674. color: #3b3b3b;
  1675. text-decoration: none;
  1676. opacity: 10;
  1677. cursor: pointer;
  1678. }
  1679.  
  1680. .menuarea .dropdown.lightdrop .selected:hover {color: #A52A2A;}
  1681. .menuarea .dropdown.lightdrop .selected:after {
  1682. content: " ≡";
  1683. vertical-align: middle;
  1684. opacity: 0.5;
  1685. }
  1686.  
  1687. .comments-page .comment .md {
  1688. color: #161616;
  1689. font-weight: normal;
  1690. font-size: 14px;
  1691. font-family: Arial, sans-serif;
  1692. line-height: 1.35em;
  1693. }
  1694.  
  1695. hr {
  1696. border-width: 1px;
  1697. border-style: solid;
  1698. border-color: #e5e5e5;
  1699. }
  1700.  
  1701. .comments-page textarea {
  1702. background-color: #fff;
  1703. border: 1px solid #cccccc;
  1704. color: #999;
  1705. font-size: 13px;
  1706. font-family: arial, sans-serif;
  1707. }
  1708.  
  1709. .comments-page textarea:hover {border-color: #bebebe;}
  1710. .comments-page textarea:focus {border:1px solid #4d90fe;color: #000;}
  1711.  
  1712. .usertext .help-toggle, .usertext a.reddiquette {font-size: 100%;}
  1713. .usertext a.reddiquette {color:#CD5555;}
  1714.  
  1715. .comments-page .usertext.border .usertext-body {
  1716. padding-left: 5px;
  1717. background-color: #f0f0f0;
  1718. }
  1719.  
  1720.  
  1721. .comment .expand {
  1722. background-color: transparent;
  1723. color: #999 !important;
  1724. }
  1725.  
  1726. .comment .expand:hover {
  1727. background-color: transparent;
  1728. color: #999 !important;
  1729. text-decoration: underline;
  1730. }
  1731.  
  1732. .comment .child,.comment .showreplies {
  1733. margin-top: 10px;
  1734. margin-left: 15px;
  1735. border-left: 0px solid;
  1736. }
  1737.  
  1738. /* H2 3 4 5 markup */
  1739. .link .usertext .md h2, .comments-page .comment .md h2,
  1740. .link .usertext .md h3, .comments-page .comment .md h3,
  1741. .link .usertext .md h4, .comments-page .comment .md h4,
  1742. .link .usertext .md h5, .comments-page .comment .md h5 {
  1743. display: inline;
  1744. margin-top: 5px;
  1745. border: none;
  1746. font-weight: normal;
  1747. font-size: 18px;
  1748. font-family: arial, sans-serif;
  1749. }
  1750.  
  1751. .link .usertext .md h2, .comments-page .comment .md h2 {color: #d73d32;}
  1752. .link .usertext .md h3, .comments-page .comment .md h3 {color: #A52A2A;}
  1753. .link .usertext .md h4, .comments-page .comment .md h4 {color: #53a93f;}
  1754. .link .usertext .md h5, .comments-page .comment .md h5 {color: #f4b400;}
  1755.  
  1756. /* Footer */
  1757. .footer-parent {
  1758. margin-top: 120px;
  1759. padding-top: 0px;
  1760. background-color: transparent;
  1761. }
  1762.  
  1763. .footer {
  1764. border: none;
  1765. color: #969696;
  1766. font-family: arial, sans-serif;
  1767. }
  1768.  
  1769. .footer a {
  1770. color: #969696;
  1771. font-weight: normal;
  1772. font-size: 14px;
  1773. }
  1774.  
  1775. .footer a:hover {
  1776. color: #A52A2A;
  1777. text-decoration: underline;
  1778. }
  1779.  
  1780. .footer .col {border-left: 1px solid #D5D5D5;}
  1781. .debuginfo {background-color: transparent;color: #969696;}
  1782.  
  1783. /* Some login stuff */
  1784. .login-form-side {
  1785. border: 0px;
  1786. border-bottom: 1px solid #d8d8d8;
  1787. font-size: 120%;
  1788. margin: 10px;
  1789. }
  1790.  
  1791. .login-form-side input[type=text], .login-form-side input[type=password] {
  1792. margin: 10px 0px;
  1793. width: 265px;
  1794. }
  1795.  
  1796. .popup {
  1797. position: fixed;
  1798. left: 10%;
  1799. margin-bottom: 30px;
  1800. padding: 10px 10px 10px 10px;
  1801. background-color: white;
  1802. border: 0px solid;
  1803. border-radius: 2px;
  1804. color: #3b3b3b;
  1805. font-size: 16px;
  1806. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1807. }
  1808.  
  1809. .cover {
  1810. position: fixed;
  1811. top: 0px;
  1812. left: 0px;
  1813. z-index: 1000;
  1814. width: 100%;
  1815. height: 100%;
  1816. background-color: white;
  1817. opacity: .6;
  1818. }
  1819.  
  1820. /* Search page */
  1821. .search-page #search {
  1822. position: relative;
  1823. top: 0px;
  1824. margin: 0px 150px 0px 80px;
  1825. height: 50px;
  1826. background: none !important;
  1827. background-color: transparent;
  1828. text-align: left;
  1829. }
  1830.  
  1831. .search-page .searchpane {
  1832. margin: 5px 320px 5px 0px;
  1833. padding-left: 96px;
  1834. height: 120px;
  1835. }
  1836.  
  1837. .search-page .raisedbox {
  1838. padding: 5px;
  1839. border: 0px solid;
  1840. }
  1841.  
  1842. .search-page #search input[type=text] {
  1843. padding: 5px 0px 5px 40px;
  1844. font-size: 150%;
  1845. }
  1846.  
  1847.  
  1848. .searchfacets {
  1849. margin-top: 10px;
  1850. margin-right: 320px;
  1851. padding: 10px;
  1852. box-shadow:none;
  1853. color: #3b3b3b;
  1854. border: 0px solid;
  1855. border-bottom: 3px solid #E5E5E5;
  1856. }
  1857.  
  1858. .search-page #header .tabmenu {display: none !important;}
  1859. .search-page .side {padding-top: 40px;}
  1860.  
  1861. .search-summary {margin-right: 40px;}
  1862.  
  1863. /* Fuckin' Reddit Enhancement Suite (RES) */
  1864. .res .keyHighlight {
  1865. background-color: transparent;
  1866. outline: 0px solid;
  1867. }
  1868.  
  1869. .res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  1870. background-color: transparent !important;
  1871. }
  1872.  
  1873. .res .RES-keyNav-activeElement {outline: 1px dashed #C5C5C5 !important; border-radius: 0px !important;}
  1874.  
  1875. .res #searchexpando {
  1876. padding: 10px 5px 10px 25px;
  1877. height: inherit;
  1878. }
  1879.  
  1880. .res .content .RESBigEditorPop {
  1881. border-bottom: 0px solid !important;
  1882. border: 1px solid #d8d8d8 !important;
  1883. width: 150px !important;
  1884. text-align: left !important;
  1885. padding: 2px;
  1886. margin: 0px 12px 0px 12px;
  1887. }
  1888.  
  1889. /* Res Live Preview */
  1890. .RESDialogSmall {
  1891. border: 1px solid #DFDFDF!important;
  1892. border-radius: 0px!important;
  1893. }
  1894.  
  1895. .RESDialogSmall > h3 {
  1896. background-color: #f4f4f4!important;
  1897. border-bottom: 1px solid #DFDFDF!important;
  1898. border-radius: 0px!important;
  1899. color: #333!important;
  1900. }
  1901.  
  1902. .res .comment {
  1903. margin-top:0px !important;
  1904. margin-bottom: 3px !important;
  1905. border: 1px solid #f8f8f8 !important;
  1906. }
  1907.  
  1908. /* comment comment comment comment comment god damn it */
  1909. .comments-page .comment {background-color: #FCFCFC !important;}
  1910. .comments-page .comment .comment {background-color: #FCFCFC !important;}
  1911. .comments-page .comment .comment .comment {background-color: #FCFCFC !important;}
  1912. .comments-page .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1913. .comments-page .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1914. .comments-page .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1915. .comments-page .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1916. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1917. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1918. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1919.  
  1920. .RESshortcutside {
  1921. padding: 0px 0px !important;
  1922. background: none repeat-x scroll center left !important;
  1923. background-color: white !important;
  1924. background-image: none !important;
  1925. border: 0px solid !important;
  1926. border-radius: 0px !important;
  1927. color: #CD5555 !important;
  1928. text-transform: capitalize !important;
  1929. font-weight: 500 !important;
  1930. font-size: 14px !important;
  1931. line-height: 20px !important;
  1932. }
  1933.  
  1934. .RESshortcutside.remove {
  1935. padding: 0px 3px 0px 0px !important;
  1936. background-color: white !important;
  1937. background-image: none !important;
  1938. border: 0px solid !important;
  1939. color: #3b3b3b !important;
  1940. font-weight: lighter !important;
  1941. }
  1942.  
  1943. .RESDashboardToggle {
  1944. padding: 0px 0px !important;
  1945. background: none repeat-x scroll center left !important;
  1946. background-color: white !important;
  1947. background-image: none !important;
  1948. border: 0px solid !important;
  1949. border-radius: 0px !important;
  1950. color: #CD5555 !important;
  1951. text-transform: capitalize !important;
  1952. font-weight: 500 !important;
  1953. font-size: 14px !important;
  1954. line-height: 20px !important;
  1955. }
  1956.  
  1957. .RESDashboardToggle.remove {
  1958. padding: 2px 6px 2px 0px !important;
  1959. background-color: white !important;
  1960. background-image: none !important;
  1961. border: 0px solid !important;
  1962. color: #3b3b3b !important;
  1963. font-weight: lighter !important;
  1964. }
  1965.  
  1966. #RESShortcutsEditContainer {
  1967. top: 1px !important;
  1968. background-color: #2d2d2d !important;
  1969. }
  1970.  
  1971. #RESShortcutsRight,#RESShortcutsLeft,#RESShortcutsAdd,#RESShortcutsTrash {
  1972. background-color: #2d2d2d !important;
  1973. color: #979797 !important;
  1974. }
  1975.  
  1976. #srLeftContainer, #RESShortcutsViewport, #RESShortcutsEditContainer {
  1977. border-left: 1px solid #666;
  1978. padding-left: 10px;
  1979. }
  1980.  
  1981. .res #RESShortcutsSort {width: 30px !important;background-color: transparent !important;color:#B1B1B1 !important; }
  1982. /* resresresresresresresrsesresresrsstop */
  1983. .content .RESBigEditorPop {color: #333 !important; padding:2px;}
  1984. .markdownEditor {white-space: inherit !important;}
  1985.  
  1986.  
  1987. #progressIndicator, #NERFail, .NERPageMarker {
  1988. margin-right: 320px !important;
  1989. width: inherit !important;
  1990. background-color: white !important;
  1991. border: 1px solid #d8d8d8 !important;
  1992. border-top: 0px solid !important;
  1993. border-bottom: 3px solid #d8d8d8 !important;
  1994. border-radius: 2px !important;
  1995. }
  1996.  
  1997. .res #NREFloat {
  1998. top: 8px;
  1999. z-index: 100;
  2000. }
  2001.  
  2002. .res .fancy-toggle-button .add:after {
  2003. right: 50px !important;
  2004. }
  2005.  
  2006. .RESSubscriptionButton {
  2007. background-color: white !important;
  2008. border: 0px solid !important;
  2009. border-radius: 0px !important;
  2010. color: #A52A2A !important;
  2011. }
  2012.  
  2013. .res #header-bottom-right {
  2014. right: 10px;
  2015. top: 141px !important;
  2016. padding: 4px 10px 5px 2px !important;
  2017. border-radius: 0px !important;
  2018. }
  2019.  
  2020.  
  2021.  
  2022. .res #userbarToggle {display: none !important;}
  2023.  
  2024. #RESAccountSwitcherIcon {margin-top: -5px;}
  2025.  
  2026. .res .author.submitter {
  2027. padding: 2px 5px !important;
  2028. background-color: #CD5555!important;
  2029. border-radius: 0px !important;
  2030. color: #fff !important;
  2031. }
  2032.  
  2033. .res .author.submitter:hover {background-color: #ed5f4d !important;}
  2034.  
  2035. .res .author.moderator {
  2036. padding: 2px 5px !important;
  2037. background-color: #53a93f !important;
  2038. border-radius: 0px !important;
  2039. color: #fff !important;
  2040. }
  2041.  
  2042. .res .author.moderator:hover {
  2043. background-color: #64be4f !important;
  2044. color: #fff !important;
  2045. }
  2046.  
  2047. .res .blueButton {
  2048. padding: 2px 3px !important;
  2049. background-color: #53a93f !important;
  2050. border: none !important;
  2051. border-radius: 0px !important;
  2052.  
  2053. }
  2054.  
  2055. /* CSS3 on reddit! */
  2056. @media (max-width: 800px) and (min-width: 601px) {
  2057. body {
  2058.  
  2059. }
  2060.  
  2061. .link, .commentarea {margin-right: 10px;}
  2062. .side {display: none;}
  2063. }
  2064.  
  2065. @media (max-width: 600px) and (min-width: 100px) {
  2066. body {
  2067.  
  2068. }
  2069.  
  2070. #header-bottom-right {
  2071. margin-right: 12px;
  2072. width: 25px;
  2073.  
  2074. overflow: hidden;
  2075. }
  2076.  
  2077. #header-bottom-right:hover {
  2078. width: auto;
  2079. overflow: visible;
  2080. }
  2081.  
  2082. .listing-page .tabmenu li a[href*="/ads"] {display: none;}
  2083.  
  2084. .link, .commentarea {margin-right: 10px;}
  2085. .side {display: none;}
  2086. }
  2087.  
  2088.  
  2089. body {transition: all 0.25s ease;}
  2090.  
  2091. a, .domain a {
  2092. transition: color 0.25s;
  2093. transition: border-color 0.25s;
  2094. }
  2095.  
  2096. #sr-header-area {transition: opacity 0.5s;}
  2097.  
  2098. .tabmenu li a {
  2099. transition: border-color 0.25s;
  2100. }
  2101.  
  2102. .link .entry li a, .link:hover .entry li a {transition: opacity 0.15s ease-in-out;}
  2103.  
  2104.  
  2105. /* NIGHTMODE - Work in progress */
  2106. body:lang(nt), #search input[type=text]:lang(nt), .res-nightmode body {background-color: #1c1f26;}
  2107. .comments-page textarea:lang(nt), textarea:lang(nt) {background-color: #1c1f26 !important;}
  2108.  
  2109. .link:lang(nt), .side:lang(nt), .submit-page .infobar:lang(nt), .roundfield:lang(nt), .submit-page .content button:lang(nt),
  2110. content.submit .info-notice:lang(nt), .stylesheet-customize-container .pretty-form:lang(nt), #images:lang(nt),
  2111. .search-page .raisedbox:lang(nt), .search-page .searchfacets:lang(nt), .linefield:lang(nt),
  2112. .search-page .searchpane:lang(nt), .nextprev:lang(nt), .commentarea:lang(nt), .link.last-clicked:lang(nt),
  2113. res-nightmode .side, .res-nightmode .flairselector, .res-nightmode .linefield, .res-nightmode .icon-menu a,
  2114. .res-nightmode .side .leavemoderator, .res-nightmode .side .leavecontributor-button, .res-nightmode .side .titlebox,
  2115. .res-nightmode .side .spacer .titlebox .redditname, .res-nightmode .side .titlebox .flairtoggle,
  2116. .res-nightmode .side .usertext-body .md ol, .res-nightmode .side .usertext-body .md ol ol,
  2117. .res-nightmode .side .usertext-body .md ol ol li, .res-nightmode .side blockquote, .res-nightmode .modactionlisting table *,
  2118. .res-nightmode .link, .res-nightmode .listing-page .sitetable > div:nth-of-type(4n+1), .res-nightmode .messages-page .sitetable > div:nth-of-type(4n+1),
  2119. .res-nightmode .organic-listing .thing, .res-nightmode .sr-interest-bar, .res-nightmode .commentarea,
  2120. .res-nightmode .side .titlebox form.flairtoggle, .res-nightmode .trophy-area .content, .res-nightmode .NERPageMarker,
  2121. .res-nightmode .side .titlebox .usertext-body ol, .res-nightmode .side .titlebox .usertext-body ol,
  2122. .res-nightmode .side .titlebox .usertext-body ul {
  2123. background-color: #2b303b;
  2124. border-bottom-color: #17191A !important;
  2125. }
  2126.  
  2127. #header:lang(nt):after, #header-bottom-right:lang(nt), .titlebox h6:lang(nt), .res-nightmode #header:after,
  2128. .res-nightmode .tabmenu li a, .res-nightmode .login-form, .res-nightmode .login-form input[name*="passwd"],
  2129. .res-nightmode .login-form-side .submit, .res-nightmode #header-bottom-right {background-color: #2b303b;}
  2130.  
  2131. .titlebox h6:lang(nt) {box-shadow: 0 2px 4px 0 #1A1B1D; -webkit-box-shadow:0 2px 4px 0 #1A1B1D;}
  2132. .stickied.link:lang(nt) {border-color: #17191A !important}
  2133.  
  2134. /* gotta have that important important */
  2135. .comments-page .comment:lang(nt) {background-color: #2b303b !important;}
  2136. .comments-page .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2137. .comments-page .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2138. .comments-page .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2139. .comments-page .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2140. .comments-page .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2141. .comments-page .comment .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2142. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2143. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2144. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2145.  
  2146.  
  2147. /* text */
  2148. .domain a:lang(nt), .entry .buttons li a:lang(nt), .link .tagline:lang(nt), .tabmenu li a:lang(nt),
  2149. .thing .title:visited:lang(nt), .thing.visited .title:lang(nt),
  2150. .comments-page .tagline:lang(nt), .comment .expand:lang(nt),
  2151. .titlebox h6 a:lang(nt), .titlebox .bottom:lang(nt),
  2152. .sidecontentbox .content a:lang(nt), body:lang(nt), .res-nightmode #siteTable .visited.link .title.loggedin,
  2153. .res-nightmode #siteTable .link .title.loggedin:visited,
  2154. .res-nightmode #siteTable .link .title:visited,
  2155. .res-nightmode #siteTable .link .title.loggedin.click,
  2156. .res-nightmode .organic-listing .link .title:visited, .res-nightmode .tabmenu li a,
  2157. .res-nightmode .login-form,
  2158. .res-nightmode .login-form input[name*="passwd"],
  2159. .res-nightmode .login-form-side .submit, .res-nightmode #header-bottom-right,
  2160. .res-nightmode .entry .domain a {color: #6A7A88}
  2161.  
  2162. .tabmenu li.selected a:lang(nt), .link .usertext .md:lang(nt),
  2163. .comments-page .comment .md:lang(nt), .titlebox:lang(nt),
  2164. .linkinfo:lang(nt), .menuarea .dropdown.lightdrop .selected:lang(nt), .flair:lang(nt),
  2165. .new-page .titlebox h6 a[href*="/new"]:lang(nt),
  2166. .top-page .titlebox h6 a[href*="/top"]:lang(nt),
  2167. .hot-page .titlebox h6 a[href*="/hot"]:lang(nt),
  2168. .res-nightmode > .content > .spacer > .sitetable::before,
  2169. .res-nightmode > .content > .sharelink ~ .sitetable::before,
  2170. .res-nightmode .side .age, .res-nightmode .trophy-info *,
  2171. .res-nightmode .golddvertisement, .res-nightmode .flair-jump .title,
  2172. .res-nightmode #siteTable .thing .title.loggedin,
  2173. .res-nightmode #siteTable .thing .title,
  2174. .res-nightmode .NERdupe p.title::after, .res-nightmode .savedComment,
  2175. .res-nightmode .organic-listing .thing .title, .res-nightmode .tabmenu li a:hover
  2176. {color: #EBEBEB;}
  2177. .titlebox h6 a:lang(nt):hover, #header-bottom-right a:lang(nt):hover, textarea:lang(nt),
  2178. .tabmenu li a:lang(nt):hover, .res-nightmode #header-bottom-left .tabmenu .selected a {color: #EBEBEB!important;}
  2179.  
  2180. .domain:lang(nt), .res-nightmode .domain {color: #2b303b;}
  2181.  
  2182. /* border colors */
  2183. .link .usertext .md:lang(nt), #search input[type=text]:lang(nt), .linkinfo:lang(nt), .comments-page textarea:lang(nt),
  2184. .submit-page textarea:lang(nt), .roundfield input[type=url]:lang(nt),
  2185. .roundfield input[type=text]:lang(nt), .login-form-side input[type=text]:lang(nt),
  2186. .login-form-side input[type=password]:lang(nt), .linefield textarea:lang(nt),
  2187. .linefield input[type="text"]:lang(nt), .flairlist .flaircell input[type="text"]:lang(nt),
  2188. .linkinfo .shortlink input:lang(nt), .search-page #search input[type=text]:lang(nt), .flair:lang(nt),
  2189. .titlebox .bottom:lang(nt), .footer .col:lang(nt) {border-color: #414955 !important;}
  2190.  
  2191.  
  2192. /* fucking nightmode */
  2193. .morelink:lang(nt), .fancy-toggle-button .add:lang(nt), .sidecontentbox a.helplink:lang(nt) {box-shadow: none;-webkit-box-shadow:none;}
  2194. .res-nightmode .tabmenu li {margin: 8px 0px 0px 0px;}
  2195.  
  2196. /* I swear to god who thinks pink backgrounds are a good idea */
  2197. .res-nightmode #header-bottom-left, .res-nightmode ul.tabmenu li.selected a, .res-nightmode .redditname a.active,
  2198. .res-nightmode .RESDashboardToggle, .res-nightmode .RES-keyNav-activeElement, .res-nightmode .RES-keyNav-activeElement .usertext-body,
  2199. .res-nightmode .RES-keyNav-activeElement .usertext-body .md, .res-nightmode .RES-keyNav-activeElement .usertext-body .md p,
  2200. .res-nightmode .commentarea .RES-keyNav-activeElement .noncollapsed,
  2201. .res-nightmode .RES-keyNav-activeElement .noncollapsed .md, .res-nightmode .RES-keyNav-activeElement .noncollapsed .md p,
  2202. .res .res-nightmode .RES-keyNav-activeElement, .res .res-nightmode .commentarea .RES-keyNav-activeElement .md,
  2203. .res .res-nightmode .commentarea .RES-keyNav-activeElement.entry .noncollapsed, .res-nightmode #sr-header-area,
  2204. .res-nightmode #sr-more-link, .res-nightmode #RESConsoleTopBar,
  2205. .res-nightmode .moduleHeader, .res-nightmode .allOptionsContainer, .res-nightmode .optionContainer {
  2206. background-color: transparent !important;
  2207. }
  2208.  
  2209. /* spruce it up */
  2210. .res-nightmode #header {background: #2B303B !important;}
  2211.  
  2212. .res-nightmode .share-button .option, .res-nightmode #subscribe a,
  2213. .res-nightmode .share .option, .res-nightmode .tagline a, .res-nightmode .tagline .head .author,
  2214. .res-nightmode .footer a, .res-nightmode .wired a, .res-nightmode .side a, .res-nightmode .subredditbox li a,
  2215. .res-nightmode .link .score.dislikes, .res-nightmode .linkcompressed .score.dislikes, .res-nightmode a[rel="tag"], .res-nightmode .dsq-help,
  2216. .res-nightmode #authorInfoToolTip h3 a, .res-nightmode .RES-keyNav-activeElement .md, .res-nightmode .help-toggle .option,
  2217. .res-nightmode .morecomments a, .res-nightmode .reddiquette, .res-nightmode .parent .author, .res-nightmode .parent .subreddit,
  2218. .res-nightmode .comment .md p a {color: #A52A2A !important;}
  2219.  
  2220. .res-nightmode .side:after {content: "Hello nightmode user. You're very brave."}
  2221.  
  2222. /* Button */
  2223. button:lang(nt), #search input[type='submit']:lang(nt), .wiki-page .wiki-page-content .wiki_button:lang(nt) {
  2224. padding: 0px 8px 0px 8px;
  2225. background-color: transparent;
  2226. border: 1px solid #414955;
  2227. border-radius: 0px;
  2228. -webkit-box-shadow: none;
  2229. box-shadow: none;
  2230. color: #e5e5e5 !important;
  2231. line-height: 28px;
  2232. }
  2233.  
  2234. button:lang(nt):hover, #search input[type='submit']:lang(nt):hover, .wiki-page .wiki-page-content .wiki_button:lang(nt):hover {
  2235. padding-bottom: 0px;
  2236. border-color: #414955;
  2237. border-width: 1px;
  2238. color: #fff !important;
  2239. line-height: 28px;
  2240. background-color: #1C1F26;
  2241. }
  2242.  
  2243. button:lang(nt):active, #search input[type='submit']:lang(nt):active, .wiki-page .wiki-page-content .wiki_button:lang(nt):active {
  2244. padding-bottom: 0px;
  2245. background-color: #1C1F26;
  2246. border-color: #414955;
  2247. border-width: 1px;
  2248. -webkit-box-shadow: none;
  2249. box-shadow: none;
  2250. color: #fff !important;
  2251. line-height: 28px;
  2252. }
  2253.  
  2254.  
  2255. .tagline a {
  2256. color: #CD5555;
  2257. }
  2258.  
  2259. .icon-menu .edit-stylesheet:before {
  2260. background-image: url(%%spritesheet%%);
  2261. background-position: 0 -84px;
  2262. }
  2263.  
  2264. /* --------------------------- */
  2265.  
  2266. /* CUSTOMIZATION */
  2267.  
  2268. /* --------------------------- */
  2269.  
  2270. /* My subreddit mainly uses SELF posts */
  2271.  
  2272. .sidebox.submit.submit-link {display: none;}
  2273.  
  2274. /* My subreddit mainly uses LINK posts */
  2275. /* Then add to the line above and remove from
  2276. the line below the asterix and slahes */
  2277.  
  2278.  
  2279. /*.sidebox.submit.submit-text {display: none;}*/
  2280.  
  2281. /* --------------------------- */
  2282.  
  2283. /* Submit page message */
  2284.  
  2285. /* --------------------------- */
  2286.  
  2287. /* Submit page message */
  2288. .formtabs-content .infobar:before {
  2289. content: "Here you can set text that users will see when submitting."; /* Don't delete the " "*/
  2290. }
  2291.  
  2292. /* Subscriber Name */
  2293. div.titlebox span.number:after {content: " Survivors";} /* Leave the space before the name! */
  2294.  
  2295. /* --------------------------- */
  2296.  
  2297. /* CUSTOM LOGO CSS */
  2298. .pagename a {
  2299. display: block;
  2300. visibility: visible !important;
  2301. position: absolute;
  2302. left: 8px;
  2303. z-index: 99;
  2304. background-image: url(%%unturnedlogo2%%);
  2305. background-position: 0px 0px;
  2306. background-repeat: no-repeat;
  2307. text-indent: -9999px;
  2308. top: 84px; /* The length the logo is moved from the top of the page */
  2309. width: 185px; /* TOTAL Image width */
  2310. height: 35px; /* 50% of the TOTAL height of the image. */
  2311. }
  2312.  
  2313. /* --------------------------- */
  2314.  
  2315. /* Link Flairs and Filters */
  2316.  
  2317. .linkflair-one .linkflairlabel {
  2318. background-color: #add5ab;
  2319. font-size: 11px;
  2320. font-weight: bold;
  2321. color:#000000;
  2322. border-color: #000000;
  2323. border-width: 1px;
  2324. border-radius: 3px;}
  2325.  
  2326. .linkflair-two.linkflairlabel {
  2327. background-color: #b5bbde;
  2328. font-size: 11px;
  2329. font-weight: bold;
  2330. color:#000000;
  2331. border-color: #000000;
  2332. border-width: 1px;
  2333. border-radius: 3px;}
  2334.  
  2335. html:lang(mo) .link:not(.linkflair-one) {
  2336. display: none }
  2337.  
  2338. html:lang(ma) .link:not(.linkflair-two) {
  2339. display: none }
  2340.  
  2341. html:lang(mod) .link:not(.linkflair-one) {
  2342. display: none }
  2343.  
  2344. .side a[href*='#mo'] {
  2345. display: inline-block;
  2346. position: relative;
  2347. margin-top:0px;
  2348. border: 1px solid black;
  2349. font-size: 100%;
  2350. padding: 2px;
  2351. color: black;
  2352. font-weight: bold;
  2353. background: #add5ab;}
  2354.  
  2355. .side a[href*='#ma'] {
  2356. display: inline-block;
  2357. position: relative;
  2358. margin-top:0px;
  2359. border: 1px solid black;
  2360. font-size: 100%;
  2361. padding: 2px;
  2362. color: black;
  2363. font-weight: bold;
  2364. background: #add5ab;}
  2365.  
  2366. .side a[href*='#mod'] {
  2367. display: inline-block;
  2368. position: relative;
  2369. margin-top:0px;
  2370. border: 1px solid black;
  2371. font-size: 100%;
  2372. padding: 2px;
  2373. color: black;
  2374. font-weight: bold;
  2375. background: #add5ab;}
  2376.  
  2377. .flair.flair-mod { color : red; border: none }
  2378. @keyframes rainbow {0% {color:red;}14% {color:orange;}28% {color:yellow;}42% {color:green;}56% {color:blue;}70% {color:#4B0082;}84% {color:purple;}}
  2379. @-moz-keyframes rainbow {0% {color:red;}14% {color:orange;}28% {color:yellow;}42% {color:green;}56% {color:blue;}70% {color:#4B0082;}84% {color:purple;}}
  2380. @-webkit-keyframes rainbow {0% {color:red;}14% {color:orange;}28% {color:yellow;}42% {color:green;}56% {color:blue;}70% {color:#4B0082;}84% {color:purple;}}
  2381.  
  2382. .flair.flair-moderator{color:red; border:none;-webkit-animation:rainbow 4s linear infinite; -moz-animation:rainbow 4s linear infinite; animation:rainbow 4s linear infinite; font-weight: bold;}
  2383.  
  2384.  
  2385.  
  2386.  
  2387. /***** Sidebar headings *****/
  2388. .titlebox blockquote {
  2389. border: 1px solid #AAA;
  2390. text-shadow: 0 1px 0 white;
  2391. color: #787878;
  2392. font-weight: bold;
  2393. }
  2394. .linkinfo, .footer {
  2395. background: transparent !important;
  2396. border: 1px solid #AAA;
  2397. margin: 7px 0 0;
  2398. }
  2399. .link.last-clicked {
  2400. overflow: hidden
  2401. }
  2402. .linkinfo {
  2403. margin-bottom: 10px
  2404. }
  2405. .titlebox {
  2406. padding: 10px;
  2407. background: transparent !important; /*Sidebar Background color*/
  2408. color: #787878; /*Text color in sidebar*/
  2409. }
  2410. .titlebox .bottom {
  2411. border: 0
  2412. }
  2413. .titlebox form.toggle {
  2414. background-color: transparent
  2415. }
  2416. .titlebox .usertext {
  2417. margin: 15px 0;
  2418. line-height: 120%;
  2419. font-size: small
  2420. }
  2421. .titlebox .usertext .md {
  2422. margin: 0;
  2423. padding: 0;
  2424. overflow: visible
  2425. }
  2426. .titlebox .usertext .md h2 {
  2427. font-size: 1.2em;
  2428. font-weight: bold;
  2429. color: #eee; /*Text color of ##*/
  2430. background-color: #787878; /*Background color of ##*/
  2431. }
  2432. .titlebox .usertext .md > h1 {
  2433. border: 0;
  2434. margin: 0;
  2435. padding: 0;
  2436. font-size: medium !important;
  2437. background-color: #CD5555; /*Background color of #*/
  2438. color: #FFFFFF; /*Text color of #*/
  2439. width: 288px;
  2440. padding: 5px 10px;
  2441. padding-left: 20px;
  2442. padding-right: 0;
  2443. margin-right: 13px;
  2444. margin-left: -18px;
  2445. border-bottom: 1px solid #A52A2A; /*Border of #*/
  2446. margin-bottom: 5px;
  2447. margin-top: 10px;
  2448. z-index: 100
  2449. }
  2450. .res-nightmode .usertext .md > h1 {
  2451. background-color: #377798; /*Nightmode fix for #*/
  2452. border-bottom: 1px solid #377798;
  2453. }
  2454. .titlebox .usertext .md > h1:after {
  2455. display: block;
  2456. content: "";
  2457. border-color: transparent #23698c transparent transparent;
  2458. /*Color of the little triangle^*/
  2459. border-style: solid;
  2460. border-width: 15px;
  2461. height: 0px;
  2462. width: 0px;
  2463. position: absolute;
  2464. z-index: -1;
  2465. margin-left: -35px;
  2466. margin-top: -10px
  2467. }
  2468.  
  2469.  
  2470.  
  2471.  
  2472.  
  2473.  
  2474. /***** Collapsible menu *****/
  2475. .side .titlebox .md h3 + ul {
  2476. margin-top: 0;
  2477. margin-bottom: 0;
  2478. padding: 3px;
  2479. }
  2480. .md { overflow: visible; }
  2481. div.titlebox .md h3, div.titlebox .md h3 a, div.titlebox .md h2, div.titlebox .md h2 a, div.titlebox .md h4, div.titlebox .md h4 a {
  2482. color: #FFFFFF; /*General Header text color*/
  2483. }
  2484. .sidecontentbox a.helplink {
  2485. margin-right: 27px;
  2486. }
  2487. .icon-menu a {
  2488. background: transparent;
  2489. }
  2490. div.titlebox .md h3 + ul {
  2491. display: none;
  2492. }
  2493. div.titlebox .md h3:hover + ul, div.titlebox .md ul:hover {
  2494. display: block;
  2495. }
  2496. div.titlebox .md ul li:hover {
  2497. background-color: #FFFFFF;
  2498. /*Color you seen when ^ hovering over sidebar items*/
  2499. }
  2500. .res-nightmode .titlebox .md ul li:hover {
  2501. background-color: #FFFFFF;
  2502. /*Color you seen when ^ hovering over sidebar items- Nightmode*/
  2503. }
  2504. div.titlebox .md h3, div.titlebox .md h2, div.titlebox .md h4 {
  2505. background-color: #CD5555; /*### background color*/
  2506. color: #fff; /*### Text color*/
  2507. width: 280px;
  2508. line-height: 23px;
  2509. font-weight: normal;
  2510. font-size: 16px;
  2511. cursor: pointer;
  2512. padding-left: 20px;
  2513. margin-top: 4px;
  2514. margin-left: -11px;
  2515. }
  2516. .res-nightmode div.titlebox .md h3, div.titlebox .md h2, div.titlebox .md h4 {
  2517. background-color: #CD5555; /*Nightmode background color*/
  2518. }
  2519. div.titlebox .md h3:after, div.titlebox .md h2:after, div.titlebox .md h4:after {
  2520. margin-bottom: 10px;}
  2521. div.titlebox .md h3:before {
  2522. content: "+";
  2523. color: #fff; /*color of the + in ###*/
  2524. padding-right: 5px;
  2525. }
  2526. div.titlebox ul {
  2527. line-height: 1.7em
  2528. }
  2529.  
  2530. /* Fix sticky/contest mode alignment */
  2531. .panestack-title {margin: 10px 0 0 0;}
  2532. .commentarea .menuarea {margin: 0 0 10px 0;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!