Guest User

r/ToneD - CSS subreddit theme

a guest
Jun 24th, 2018
1,956
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.06 KB | None | 0 0
  1. body {
  2. font: normal x-small, bankgothic, sans-serif!important;
  3. /*background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);*/
  4. z-index: 1;
  5. min-height: 100%;
  6. background: url(%%bg%%);
  7. }
  8. body >.content .link .rank, .rank-spacer {
  9. width: 4.1ex!important;
  10. }
  11. #header {
  12. padding: 10px 20px;
  13. display: block;
  14. background: #414b52;
  15. border-bottom: 0px solid #333;
  16. height: 240px;
  17. background: url(%%bg5%%)no-repeat;
  18. }
  19. .side {
  20. float: right;
  21. background-color: #414b52;
  22. margin: 0px 5px 0 5px;
  23. width: 360px;
  24. background: -webkit-linear-gradient(top, #20282d 3%,#252e34 51%,#222a30 100%);
  25.  
  26. }
  27.  
  28. .side .spacer {
  29. margin: 10px 0 30px 0;
  30. }
  31.  
  32. .morelink {
  33. letter-spacing: -1px;
  34. font-size: 12px;
  35. line-height: 45px;
  36. text-transform: uppercase;
  37. transition: background .2s ease-in-out;
  38. height: 45px;
  39. width: 141px;
  40. outline-color: rgb(0, 0, 0);
  41. font-family: bankgothic, sans-serif;
  42. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  43. background: -webkit-linear-gradient(top,#3d4850 3%,#313d45 4%,#232b30 100%);
  44. border-radius: 3px;
  45. border: 1px solid #1c252b;
  46. text-shadow: 1px 1px #1f272b;
  47. font-weight: bold;
  48. color: #9fa8b0;
  49. outline: 0;
  50. padding: 0px 10px;
  51. display: block;
  52. }
  53.  
  54. .morelink:hover {
  55. text-decoration: none;
  56. position: relative;
  57. opacity: 1;
  58. transition: background .2s ease-in-out;
  59. border-color: rgb(254,107,0,0);
  60. color: #fff;
  61. background: -webkit-linear-gradient(top, #4c5a64 3%,#404f5a 4%,#404f5a 4%,#2e3940 100%);
  62. border: 1px solid #1c252b;
  63. }
  64.  
  65. .submit.submit-link .morelink:active {
  66. background-position: 0 top;
  67. position: relative;
  68. top: 0px;
  69. color: #fff;
  70. padding: 0px 10px 0px;
  71. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  72. border-color: rgb(0, 0, 0);
  73. background: -webkit-linear-gradient(top, #20282d 3%,#252e34 51%,#222a30 100%);
  74. }
  75. .sidebox.submit .morelink a:active {
  76. margin-top: 1px;
  77. }
  78. .submit.submit-text .morelink:active{
  79. background-position: 0 top;
  80. position: relative;
  81. top: 0px;
  82. color: #fff;
  83. padding: 0px 10px 0px;
  84. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  85. border-color: rgb(0, 0, 0);
  86. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  87. }
  88.  
  89. .morelink a {
  90. display: block;
  91. width: 100%;
  92. height: 100%;
  93. overflow: hidden;
  94. text-overflow: ellipsis;
  95. color: #d2d6da;
  96. }
  97. .morelink .nub {
  98. display: none;}
  99. .sidebox.submit.submit-link {
  100. position: absolute;
  101. top: 379px;
  102. right: 230px;
  103. width: 120px;
  104.  
  105. }
  106.  
  107. .sidebox.submit.submit-text {
  108. position: absolute;
  109. top: 379px;
  110. right: 20px;
  111. }
  112.  
  113. .titlebox {
  114. font-size: small;
  115. margin-top:140px;
  116. /* background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%); */
  117. padding-top: 0px;
  118. background: url(%%bg%%);
  119. margin-right: -5px;
  120. border-radius: 3px;
  121.  
  122. }
  123. #search input[type=text] {
  124. font-family: verdana;
  125. width: 330px;
  126. box-sizing: border-box;
  127. padding-right: 25px;
  128. padding-left: 9px;
  129. vertical-align: middle;
  130. padding: 0 5px 0 22px;
  131. border: 1px solid #1c252b;
  132. height: 30px;
  133. color: #9fa8b0;
  134. font-size: 12px;
  135. line-height: 30px;
  136. font-weight: bold;
  137. text-shadow: 1px 1px #1f272b;
  138. border-radius: 21px;
  139. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  140. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  141. top: 429px;
  142. position: absolute;
  143. right: 20px;
  144. }
  145.  
  146. Form#Search: {top:350px}
  147. #search input[type=submit]{
  148. background-color: transparent;
  149. background-position: -60px -1667px;
  150. background-repeat: no-repeat;
  151. height: 13px;
  152. width: 13px;
  153. box-sizing: border-box;
  154. border: none;
  155. margin-left: 293px;
  156. margin-top: -391px;
  157. position: absolute;
  158. }
  159. .link {
  160. margin: 0;
  161. margin-bottom: 8px;
  162. padding-left: 3px;
  163. background: -webkit-linear-gradient(top, #5f6b72 3%,#5f6b72 3%,#56646c 4%,#4d5a62 50%,#434d54 100%);}
  164. .linklisting .link {
  165. position: relative;
  166. margin-right: 350px;
  167. }
  168. .linklisting .thing {
  169. border: 0px #444 solid;
  170. background: -webkit-linear-gradient(top, #5f6b72 3%,#5f6b72 3%,#56646c 4%,#4d5a62 50%,#434d54 100%);
  171. padding: 15px 20px 15px 10px;
  172. min-height: 80px!important;
  173. overflow: visible!important;
  174. box-shadow: 0px 1px 10px #131313;
  175. border-radius: 3px;
  176. top: -10px;
  177. padding: 10px;
  178. margin-left: 0px;
  179. }
  180. #searchexpando { float: right;}
  181.  
  182. .infobar {
  183. background-color: #20292e;
  184. border-color: #20292e;
  185. border-style: solid;
  186. border-width: 1px;
  187. font-size: small;
  188. margin: 5px 50px 5px 17px;
  189. padding: 0px 10px;
  190. }
  191. #searchexpando {
  192. display: none;
  193. margin: 153px 18px 0px 0px;
  194. padding: 11px 0px 0px 12px;
  195. border-radius: 3px;
  196. }
  197. #searchexpando label {
  198. display: block;
  199. padding: 0px 0px 0px 10px;
  200. color: #b3b3b3;
  201. font-family: bankgothic;
  202. }
  203. #searchexpando dt {
  204. margin: 0;
  205. font-family: bankgothic;
  206. color: #8e8e8e;
  207. }
  208. dd {
  209. margin-left: 20px;
  210. color: #616161;
  211. }
  212. #searchexpando input, #searchexpando p {
  213. margin-bottom: 10px;
  214. color: #d4d4d4;
  215. font-family: bankgothic, sans-serif;
  216. }
  217. #search input[type=text]:focus {border: 1px solid rgba(28, 37, 43, 0);}
  218. .thing .title:visited {
  219. color: #d2d6da!important;
  220. }
  221. .thing .title a {
  222. color: #e4e4e4!important;}
  223. .thing.stickied .title a, .thing.stickied .title a:visited {
  224. color: #2a343b!important;}
  225. .thing .title:visited {
  226. color: #1c252b!important;
  227. }
  228. .tagline a, .search-result-meta a {
  229. color: #bdbdbd;
  230. text-decoration: none;
  231. }
  232. .link .usertext-body .md {
  233. border-radius: 25px;
  234. background: -webkit-linear-gradient(top, #20282d 3%,#252e34 51%,#222a30 100%);
  235. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  236. border: 1px solid #1c252b;
  237. color: #bbbbbb;
  238. padding: 20px 25px 20px 25px;
  239. font-size: 11px;
  240. }
  241. .link .title {
  242. font-size: medium;
  243. font-weight: normal;
  244. margin-bottom: 1px;
  245. font-family: bankgothic, sans-serif;
  246. }
  247. .tabmenu {
  248. list-style-type: none;
  249. white-space: nowrap;
  250. display: inline-block;
  251. margin-top: 10px;
  252. vertical-align: bottom;
  253. position: absolute;
  254. top: 100px;
  255. left: 100px;
  256. }
  257. .tabmenu li a {
  258. padding: 0px 25px 1px 25px;
  259. background: -webkit-linear-gradient(top,#3d4850 3%,#313d45 4%,#232b30 100%);
  260. border: 1px solid #1c252b;
  261. border-radius: 3px;
  262. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  263. font-family: bankgothic, sans-serif;
  264. outline-color: rgb(0,0,0);
  265. transition: background .2s ease-in-out;
  266. }
  267. a {
  268. text-decoration: none;
  269. color: #bbbbbb;
  270. }
  271.  
  272. .tabmenu {
  273. list-style-type: none;
  274. white-space: nowrap;
  275. display: inline-block;
  276. margin-top: 10px;
  277. vertical-align: bottom;
  278. position: absolute;
  279. top: 255px;
  280. left: 20px;
  281. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  282. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  283. border-radius: 3px;
  284. padding-right: 25px;
  285. padding-left: 10px;
  286. vertical-align: middle;
  287. padding: 5px 5px 13px 5px;
  288. border: 1px solid #1c252b;
  289. height: 10px;
  290. }
  291. .tabmenu li a:hover {
  292. text-decoration: none;
  293. position: relative;
  294. opacity: 1;
  295. transition: background .2s ease-in-out;
  296. border-color: rgb(254,107,0,0);
  297. color: #fff;
  298. background: -webkit-linear-gradient(top,#4c5a64 3%,#404f5a 4%,#404f5a 4%,#2e3940 100%);
  299. }
  300. .tabmenu li a:active {
  301. background-position: 0 top;
  302. position: relative;
  303. top: 1px;
  304. color: #fff;
  305. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  306. border-color: rgb(0,0,0);
  307. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  308. }
  309. .tabmenu li.selected a {
  310. color: #bb0000;
  311. background-color: white;
  312. border: 1px solid #20282d;
  313. border-bottom: 1px solid rgba(187, 0, 0, 0.21);
  314. z-index: 100;
  315. }
  316. .icon-menu a {
  317. background: rgba(255, 255, 255, 0) none no-repeat scroll center left;
  318. }
  319.  
  320. a {
  321. text-decoration: none;
  322. color: #c1c1c1;
  323. font-family: bankgothic, sans-serif;
  324. }
  325. .titlebox form.toggle, .leavemoderator {
  326. margin: 0;
  327. padding: 5px 0px;
  328. font-size: smaller;
  329. color: #bbbbbb;
  330. background: rgba(35, 44, 50, 0) none no-repeat scroll center left;
  331. }
  332. .res-fancy-toggle-button, span.multi-count{
  333. margin: 0px;
  334. padding: 5px 0px;
  335. font-size: smaller;
  336. color: #dadada;
  337. background: rgba(35,44,50,0) none no-repeat scroll center left;
  338. padding: 10px 10px;
  339. margin-top: 0px;
  340. margin-left: -14px;
  341. margin-right: 6px;
  342. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  343. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  344. text-shadow: 1px 1px #1f272b;
  345. border: 1px solid #1c252b;
  346. color: #bbbbbb;
  347. font-family: bankgothic, sans-serif;
  348. width: 311px;
  349. border-radius: 0px 0px 0px 0px;
  350. }
  351. .md-container-small .md, .side .md {
  352. margin: 0px;
  353. font-size: smaller;
  354. padding: 5px 10px;
  355. margin-top: 0px;
  356. margin-left: -14px;
  357. margin-right: 6px;
  358. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  359. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  360. text-shadow: 1px 1px #1f272b;
  361. border: 1px solid #1c252b;
  362. color: #bbbbbb;
  363. font-family: bankgothic, sans-serif;
  364. margin-top: 5px;
  365. border-radius: 3px 3px 3px 3px;
  366. }
  367. .md-container-small .md .-text, .side .md .-text, .md-container-small .md p, .side .md p, .md-container-small .md pre>code, .side .md pre>code, .md-container-small .md th, .side .md th, .md-container-small .md td, .side .md td, .md-container-small .md li, .side .md li {
  368. font-size: 1em;
  369. line-height: 1.25em;
  370. color: #bbbbbb;
  371. font-size: 12px;
  372. border-color: #ff000000;
  373. margin: 6px 0px;
  374. padding: 5px 10px;
  375. margin-top: 0px;
  376. margin-left: 0px;
  377. text-shadow: 1px 1px #1f272b;
  378. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  379. border-radius: 0px;
  380. background: url(%%bg%%);
  381. }
  382. .md h2 {
  383. color: #bbbbbb;
  384. border-color: #ff000000;
  385. padding: 10px 10px;
  386. text-shadow: 1px 1px #1f272b;
  387. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  388. background: url(%%bg%%);
  389. border-radius: 3px 3px 0px 0px;
  390. width: 290px;
  391. }
  392. .side .md table {
  393. margin-top: 0;
  394. margin-bottom: 0.4166666666666667em;
  395. }
  396. .sidebox .spacer {
  397. position: relative;
  398. margin-top: 10px;
  399. padding: 5px 0 0 44px;
  400. min-height: 41px;
  401. background: #ffffff00 none no-repeat scroll top left;
  402. }
  403. #sr-header-area .sr-list {
  404. overflow: hidden;
  405. border: 1px solid #1c252b;
  406. height: 30px;
  407. color: #9fa8b0;
  408. font-size: 8px;
  409. line-height: 30px;
  410. font-weight: bold;
  411. text-shadow: 1px 1px #1f272b;
  412. border-radius: 0px;
  413. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  414. box-shadow: 1px 1px 100px rgba(0, 0, 0, 0.7);
  415. }
  416. .sr-bar a {
  417. color: #c5c5c5;
  418. }
  419. #sr-header-area .dropdown.srdrop {
  420. float: left;
  421. padding-left: 5px;
  422. overflow: hidden;
  423. border: 1px solid #1c252b;
  424. height: 30px;
  425. color: #9fa8b0;
  426. font-size: 8px;
  427. line-height: 30px;
  428. font-weight: bold;
  429. text-shadow: 1px 1px #1f272b;
  430. border-radius: 0px;
  431. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  432. box-shadow: 1px 1px 100px rgba(0, 0, 0, 0.7);
  433. }
  434. .drop-choices a.choice {
  435. cursor: pointer;
  436. padding: 2px 3px 1px 3px;
  437. display: block;
  438. padding-left: 5px;
  439. overflow: hidden;
  440. border: 1px solid #1c252b;
  441. height: 30px;
  442. color: #d6d6d6;
  443. font-size: 8px;
  444. line-height: 30px;
  445. font-weight: bold;
  446. text-shadow: 1px 1px #1f272b;
  447. border-radius: 0px;
  448. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  449. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  450. }
  451. .dropdown.srdrop .selected {
  452. background: none no-repeat scroll center right;
  453. display: inline-block;
  454. vertical-align: bottom;
  455. padding-right: 21px;
  456. padding-left: 5px;
  457. color: #e0e0e0;
  458. font-weight: normal;
  459. margin-left: -5px;
  460. margin-right: 10px;
  461. cursor: pointer;
  462. }
  463. #sr-header-area .redesign-beta-optin {
  464. background-color: #FF4500;
  465. cursor: pointer;
  466. padding-right: 20px;
  467. position: relative;
  468. text-align: center;
  469. width: 138px;
  470. float: left;
  471. padding-left: 5px;
  472. overflow: hidden;
  473. border: 1px solid #1c252b;
  474. height: 30px;
  475. color: #9fa8b0;
  476. font-size: 8px;
  477. line-height: 30px;
  478. font-weight: bold;
  479. text-shadow: 1px 1px #1f272b;
  480. border-radius: 0px;
  481. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  482. box-shadow: 1px 1px 100px rgba(0, 0, 0, 0.7);
  483. }
  484. #sr-header-area .width-clip {
  485. position: absolute;
  486. left: 0px;
  487. right: 0px;
  488. top: 0;
  489. }
  490. .user {
  491. color: gray;
  492. padding: 0px 25px 1px 25px;
  493. background: -webkit-linear-gradient(top,#3d4850 3%,#313d45 4%,#232b30 100%);
  494. border: 1px solid #1c252b;
  495. border-radius: 3px;
  496. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  497. font-family: bankgothic, sans-serif;
  498. outline-color: rgb(0,0,0);
  499. transition: background .2s ease-in-out;
  500. font-size: 11px;
  501. }
  502. .user:hover {
  503. color: gray;
  504. padding: 0px 25px 1px 25px;
  505. border-radius: 3px;
  506. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  507. font-family: bankgothic, sans-serif;
  508. outline-color: rgb(0,0,0);
  509. transition: background .2s ease-in-out;
  510. background: -webkit-linear-gradient(top,#4c5a64 3%,#404f5a 4%,#404f5a 4%,#2e3940 100%);
  511. border: 1px solid #1c252b;
  512. }
  513. .user:active {
  514. color: gray;
  515. padding: 0px 25px 1px 25px;
  516. border: 1px solid #1c252b;
  517. border-radius: 3px;
  518. font-family: bankgothic, sans-serif;
  519. outline-color: rgb(0,0,0);
  520. transition: background .2s ease-in-out;
  521. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  522. border-color: rgb(0,0,0);
  523. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  524. }
  525. .logout {
  526. display: inline;
  527. padding: 0px 25px 1px 25px;
  528. background: -webkit-linear-gradient(top,#3d4850 3%,#313d45 4%,#232b30 100%);
  529. border: 1px solid #1c252b;
  530. border-radius: 3px;
  531. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  532. font-family: bankgothic, sans-serif;
  533. outline-color: rgb(0,0,0);
  534. transition: background .2s ease-in-out;
  535. }
  536. .pref-lang {
  537. font-weight: bold;
  538. padding: 0px 25px 1px 25px;
  539. background: -webkit-linear-gradient(top,#3d4850 3%,#313d45 4%,#232b30 100%);
  540. border: 1px solid #1c252b;
  541. border-radius: 3px;
  542. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  543. font-family: bankgothic, sans-serif;
  544. outline-color: rgb(0,0,0);
  545. transition: background .2s ease-in-out;
  546. }
  547. #header-bottom-right {
  548. position: absolute;
  549. right: 0px;
  550. bottom: 0px;
  551. background-color: #EFF7FF;
  552. line-height: 12px;
  553. border-top-left-radius: 7px;
  554. margin-top: 10px;
  555. position: absolute;
  556. top: 255px;
  557. /* left: 1110px; */
  558. right: 20px;
  559. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  560. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  561. border-radius: 3px;
  562. padding-right: 25px;
  563. padding-left: 10px;
  564. vertical-align: middle;
  565. padding: 7px 5px 13px 32px;
  566. border: 1px solid #1c252b;
  567. height: 8px;
  568. font-size: 12px;
  569. }
  570. /*side testing*/
  571. .side{
  572. margin:282px 16px 108px 0;
  573. padding:0;
  574. background:none;
  575. width:320px
  576. }
  577. .side .spacer{
  578. margin:0 0 16px
  579. }
  580. .side:before{
  581. height:192px;
  582. background:url(%%sidebarimg%%);
  583. content:"";
  584. display:block;
  585. position:absolute;
  586. top:100px;
  587. width:330px;
  588. z-index:1;
  589. border-radius:2px;
  590. box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)
  591. }
  592. .side .titlebox h1.redditname:before{
  593. content: " ";
  594. position: absolute;
  595. display: block;
  596. width: 328px;
  597. z-index: -1;
  598. height: 76px;
  599. margin-top: -19px;
  600. margin-left: -15px;
  601. border-radius: 3px 3px 3px 3px;
  602. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  603. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  604. text-shadow: 1px 1px #1f272b;
  605. border: 1px solid #1c252b;
  606. }
  607. .side .titlebox h1.redditname{
  608. margin-bottom:6px;
  609. position:absolute;
  610. top:308px;
  611. z-index:100;
  612. font-family:bankgothic, sans-serif
  613. }
  614. .side .titlebox h1.redditname a{
  615. color:#333
  616. }
  617. .titlebox span.subscribers{
  618. position: absolute;
  619. z-index: 100;
  620. color: #333;
  621. font-size: 12px;
  622. font-family: bankgothic, sans-serif;
  623. top: 346px;
  624. }
  625. div.titlebox span.word{
  626. display:none
  627. }
  628. .titlebox .users-online{
  629. display:inline
  630. }
  631. .titlebox .users-online:before{
  632. display:none
  633. }
  634. div.titlebox span.number:after{
  635. content:" readers"
  636. }
  637.  
  638. .titlebox .users-online .number:before{
  639. content:"";
  640. width:16px;
  641. height:9px;
  642. display:inline-block;
  643. margin-right:8px;
  644. background:url(%%spritesheet%%) -64px -36px
  645. }
  646. .titlebox .users-online .number:after{
  647. content:" currently online"
  648. }
  649. .titlebox .users-online .number {
  650. font-style: italic;
  651. padding: 10px 10px;
  652. margin-top: 0px;
  653. margin-left: -14px;
  654. border-radius: 0px 0px 0px 0px;
  655. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  656. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  657. text-shadow: 1px 1px #1f272b;
  658. border: 1px solid #1c252b;
  659. display: inline-block;
  660. width: 311px;
  661. color: red;
  662. font-family: bankgothic, sans-serif;
  663. }
  664. .titlebox .tagline {
  665. margin: 0;
  666. padding: 10px 10px;
  667. margin-top: 0px;
  668. margin-left: -14px!important;
  669. border-radius: 0px 0px 3px 3px;
  670. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  671. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  672. text-shadow: 1px 1px #1f272b;
  673. border: 1px solid #1c252b;
  674. width: 311px;
  675. }
  676. .titlebox .tagline:after {
  677. content: "";
  678. height: 2px;
  679. background: #1c252b;
  680. display: block;
  681. margin-top: 0px;
  682. }
  683. .gadget .click-gadget {
  684. font-size: 12px;
  685. }
  686. .titlebox .bottom {
  687. padding-top: 10px;
  688. border-color: rgba(0,0,0,0.14);
  689. font-family: bankgothic, sans-serif;
  690. margin-right: 10px;
  691. margin-left: -12px;
  692. }
  693. .titlebox form.flairtoggle {
  694. line-height: 2;
  695. padding: 10px 10px;
  696. margin-top: 0px;
  697. margin-left: -14px;
  698. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  699. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  700. text-shadow: 1px 1px #1f272b;
  701. border: 1px solid #1c252b;
  702. }
  703. .titlebox form.toggle, .leavemoderator {
  704. margin: 0px;
  705. padding: 5px 0px;
  706. font-size: 12px;
  707. color: #dadada;
  708. background: rgba(35,44,50,0) none no-repeat scroll center left;
  709. padding: 10px 10px;
  710. margin-top: 0px;
  711. margin-left: -14px;
  712. margin-right: 6px;
  713. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  714. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  715. text-shadow: 1px 1px #1f272b;
  716. border: 1px solid #1c252b;
  717. color: #bbbbbb;
  718. font-family: bankgothic, sans-serif;
  719. border-radius: 0px 0px 0px 0px;
  720. }
  721. form.toggle.res-sr-style-toggle {border-radius: 3px 3px 0px 0px;}
  722.  
  723. .titlebox .word{
  724. display:none
  725. }
  726. .titlebox .users-online,.titlebox .number{
  727. cursor:text
  728. }
  729. .titlebox .fancy-toggle-button{
  730. margin:0;
  731. position:absolute;
  732. margin-left:208px;
  733. top:321px;
  734. z-index:100
  735. }
  736. .titlebox .fancy-toggle-button .active{
  737. display: block;
  738. height: 32px;
  739. line-height: 30px;
  740. padding: 0 12px;
  741. text-transform: capitalize;
  742. transition: box-shadow 0.2s cubic-bezier(0.4,0,1,1),background 0.2s cubic-bezier(0.4,0,0.2,1),color 0.2s cubic-bezier(0.4,0,0.2,1),padding 0.2s ease,margin 0.2s ease;
  743. background: -webkit-linear-gradient(top,#3d4850 3%,#313d45 4%,#232b30 100%);
  744. border-radius: 3px;
  745. border: 1px solid #1c252b;
  746. text-shadow: 1px 1px #1f272b;
  747. }
  748. .titlebox .fancy-toggle-button .active:hover{
  749. box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2)
  750. }
  751. .titlebox .fancy-toggle-button .active:active{
  752. box-shadow:0 0 0 transparent
  753. }
  754. .titlebox .fancy-toggle-button .active.add{
  755. color: #fff;
  756. background: -webkit-linear-gradient(top,#3d4850 3%,#313d45 4%,#232b30 100%);
  757. border-radius: 3px;
  758. border: 1px solid #1c252b;
  759. text-shadow: 1px 1px #1f272b;
  760. }
  761. .titlebox .fancy-toggle-button .active.add:hover{
  762. border-color: rgb(254,107,0,0);
  763. color: #fff;
  764. background: -webkit-linear-gradient(top,#4c5a64 3%,#404f5a 4%,#404f5a 4%,#2e3940 100%);
  765. border: 1px solid #1c252b;
  766. }
  767. .titlebox .fancy-toggle-button .active.add:active{
  768. padding-left: 12px;
  769. margin-left: 0px;
  770. text-align: center;
  771. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  772. border-color: rgb(0,0,0);
  773. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  774. }
  775. .titlebox .fancy-toggle-button .active.remove{
  776. /* background:rgba(0,0,0,0.24);
  777. color:#fff;
  778. margin-left:-14px;
  779. box-shadow:none*/
  780. }
  781. .titlebox .fancy-toggle-button .active.remove:hover{
  782. background: -webkit-linear-gradient(top,#4c5a64 3%,#404f5a 4%,#404f5a 4%,#2e3940 100%);
  783. border: 1px solid #1c252b;
  784. }
  785. .titlebox .fancy-toggle-button .active.remove:active{
  786. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  787. border-color: rgb(0,0,0);
  788. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  789. }
  790. .hover-bubble.multi-selector{
  791. right:346px !important;
  792. margin-top:-56px;
  793. border:none
  794. }
  795. .hover-bubble.anchor-right:before{
  796. right:-19px;
  797. border-left-color:#CCC
  798. }
  799. .titlebox .bottom{
  800. padding-top:10px;
  801. border-color:rgba(0,0,0,0.14)
  802. }
  803. .submit.mod-override .morelink a:after{
  804. position:relative;
  805. margin:10px 10px 10px 0;
  806. float:right;
  807. margin-left:-16px
  808. }
  809. .wiki-page .wiki-page-content .discussionlink{
  810. margin:16px 0 0;
  811. padding:0
  812. }
  813. .wiki-page .wiki-page-content .discussionlink a{
  814. padding:0 16px
  815. }
  816. .login-form-side{
  817. border:none;
  818. border-bottom:1px solid #edf1f3;
  819. padding-bottom:8px
  820. }
  821. .login-form-side input[type=text],.login-form-side input[type=password]{
  822. width:136px;
  823. margin:0
  824. }
  825. .login-form-side input[type=text]{
  826. margin-left:0;
  827. margin-right:16px
  828. }
  829. .login-form-side button.btn{
  830. margin-right:-3px
  831. }
  832. .titlebox:before{
  833. content:"Subreddit Info";
  834. display:block;
  835. color:#292f34;
  836. font:18px/24px bankgothic, sans-serif;
  837. margin:8px 0
  838. }
  839. .titlebox .tagline{
  840. margin:0
  841. }
  842.  
  843. .titlebox form.flairtoggle{
  844. line-height:2
  845. }
  846. .titlebox form.toggle.sr_style_toggle{
  847. padding-bottom:0;
  848. display:block;
  849. background-color:transparent
  850. }
  851. .titlebox form.toggle.sr_style_toggle label{
  852. position:relative;
  853. top:-3px
  854. }
  855. .side .md .-blocks,.side .md .-lists,.side .md pre,.side .md blockquote,.side .md table,.side .md p,.side .md ul,.side .md ol{
  856. color:#292f34;
  857. font:13px/1.45 bankgothic, sans-serif
  858. }
  859. .side .titlebox .md h1{
  860. line-height:18px;
  861. margin:0.5em 0 0 !important
  862. }
  863. .side .titlebox .md h2{
  864. margin:5px 0 0px
  865. }
  866. .side .titlebox .md h3 a{
  867. padding:0 16px;
  868. width:100%;
  869. border-radius:2px;
  870. background:#0079d3;
  871. font:12px/42px bankgothic, sans-serif;
  872. color:#fff;
  873. display:block;
  874. margin:1.5em 0;
  875. text-align:center;
  876. box-shadow:0 2px 1.5px 0 rgba(0,0,0,0.12),0 0 4px 0 rgba(0,0,0,0.12);
  877. transition:box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),background 0.2s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1)
  878. }
  879. .side .titlebox .md h3 a:hover{
  880. background:#158be2;
  881. box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2)
  882. }
  883. .side .titlebox .md h3 a:active{
  884. background:#0066b2;
  885. box-shadow:0 2px 1.5px 0 rgba(0,0,0,0.12),0 0 4px 0 rgba(0,0,0,0.12)
  886. }
  887. .side .titlebox .md h4 a{
  888. padding:0 16px;
  889. background:#FFF;
  890. border-radius:2px;
  891. color:#24a0ed;
  892. font-weight:700;
  893. display:block;
  894. margin:1.5em 0;
  895. font-size:12px;
  896. line-height:42px;
  897. text-align:center;
  898. box-shadow:0 2px 1.5px 0 rgba(0,0,0,0.12),0 0 4px 0 rgba(0,0,0,0.12);
  899. transition:box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),background 0.2s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1)
  900. }
  901. .side .titlebox h4 a:hover{
  902. box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2)
  903. }
  904. .side .titlebox h4 a:active{
  905. background:#f4f6f7;
  906. box-shadow:0 2px 1.5px 0 rgba(0,0,0,0.12),0 0 4px 0 rgba(0,0,0,0.12)
  907. }
  908. .md hr{
  909. border:solid 1px #e5e5e5
  910. }
  911. .side #moderation_tools .title h1{
  912. text-transform:capitalize;
  913. color:#272d35
  914. }
  915. .side #moderation_tools .title .collapse-button{
  916. color:#4D5763;
  917. vertical-align:middle;
  918. text-align:center;
  919. border-radius:1px;
  920. border:1px solid #d8d8d8
  921. }
  922. .side .sidecontentbox .content{
  923. padding: 10px 10px;
  924. margin-top: 10px;
  925. margin-left: -14px;
  926. border-radius: 3px 3px 3px 3px;
  927. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  928. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  929. text-shadow: 1px 1px #1f272b;
  930. border: 1px solid #1c252b;
  931. }
  932. .icon-menu a{
  933. background:none
  934. }
  935. .create .morelink{
  936. background:#fff
  937. }
  938. .sidebox.create .morelink a{
  939. font-size:14px;
  940. color:#24a0ed
  941. }
  942. .sidebox .spacer{
  943. display:none
  944. }
  945. .gadget .midcol{
  946. width:38px
  947. }
  948. .gadget .reddit-entry .linkflairlabel{
  949. display:none
  950. }
  951. .gadget .right{
  952. text-transform:uppercase
  953. }
  954. .account-activity-box a{
  955. text-transform:uppercase
  956. }
  957. .side:after{
  958. display: block;
  959. margin: 0;
  960. padding: 10px 0;
  961. color: #272d35;
  962. content: "Subreddit CSS Theme by /r/toneD";
  963. position: absolute;
  964. width: 320px;
  965. /* text-align: center; */
  966. font: 600 16px/0px bankgothic,sans-serif;
  967. letter-spacing: -0.9px;
  968. text-align: center;
  969. text-transform: uppercase;
  970. transform: scaleY(1.2);
  971. word-spacing: 1px;
  972. }
  973. .side .titlebox h1.redditname a{
  974. font-size:0
  975. }
  976. .side .titlebox h1.redditname a:after{
  977. content:"toneD";
  978. font-size:16px !important;
  979. color:#bbbbbb
  980. }
  981.  
  982. .side .titlebox h1.redditname a,.titlebox span.subscribers{
  983. color:#FFF
  984. }
  985. div.titlebox span.number:after{
  986. content:" Subscribers"
  987. }
  988. .linkflairlabel{
  989. background-color:transparent;
  990. color:rgba(255,255,255,0.8);
  991. max-width:230px !important;
  992. display:block;
  993. left:-5px;
  994. font-size:11px;
  995. margin-bottom:-3px;
  996. text-transform:uppercase
  997. }
  998. body:not(.subscriber) .down,.post-linkflair-party-up .comment .down{
  999. display:none !important
  1000. }
  1001. .thumbnail.self {
  1002. background-image: url(%%spritesheet%%);
  1003. background-position: -7px -1267px;
  1004. background-repeat: no-repeat;
  1005. height: 70px;
  1006. width: 70px;
  1007. background-color: #ffffff00;
  1008. }
  1009. .thumbnail{
  1010. border-radius:3px;
  1011. height:70px;
  1012. margin: 10px 25px 10px 25px!important;
  1013. width:100px!important
  1014. }
  1015. .thumbnail img{
  1016. min-height: 70px!important;
  1017. min-width: 100px!important;
  1018. }
  1019. .stickied .thumbnail{
  1020. background:#242d3300 url(%%spritesheet%%) -208px -104px!important
  1021. }
  1022. .thumbnail.default {
  1023. background-image: url(%%thumbnail%%)!important;
  1024. background-repeat: no-repeat;}
  1025. .thumbnail.default, .thumbnail.self {
  1026. background-image: url(%%thumbnail%%)!important;
  1027. }
  1028. a.thumbnail.invisible-when-pinned.default.may-blank.loggedin.outbound {
  1029. border-radius: 3px;
  1030. height: 70px;
  1031. margin: 10px 25px 10px 25px!important;
  1032. width: 100px!important;
  1033. }
  1034.  
  1035. .side .titlebox h1.redditname{
  1036. top:317px !important
  1037. }
  1038. .titlebox .fancy-toggle-button{
  1039. top:320px !important
  1040. }
  1041. .titlebox span.subscribers{
  1042. top:341px !important
  1043. }
  1044. .side {
  1045. margin-top:570px!important
  1046. }
  1047. .sidebox.create .morelink{
  1048. display:none
  1049. }
  1050. .side:before{
  1051. top: 464px!important;
  1052. height: 480px;
  1053. right: 20px;
  1054. }
  1055. .side .titlebox .md h1{
  1056. background:#121212;
  1057. margin:14px -16px 12px !important
  1058. }
  1059. .side .titlebox .md h1,.submit-link:before,.titlebox:before,.sidecontentbox .title h1{
  1060. color:rgba(255,255,255,0.8);
  1061. cursor:default;
  1062. font:600 17px/28px bankgothic, sans-serif;
  1063. letter-spacing:-0.5px;
  1064. text-align:center;
  1065. text-transform:uppercase;
  1066. transform:scaleY(1.2);
  1067. word-spacing:1px
  1068. }
  1069. .thing .tagline .author.submitter{
  1070. font-weight: 700;
  1071. color: #FFF!important;
  1072. background-color: rgba(0, 0, 0, 0);
  1073. padding-left: 6px;
  1074. padding-right: 7px;
  1075. padding-top: 1px;
  1076. padding-bottom: 2px;
  1077. border-radius: 3px;
  1078. font-size: 11px;
  1079. }
  1080. .thing .tagline .author.submitter:hover{
  1081. background-color:#ff751a00
  1082. }
  1083. .mod-toolbox[class] .tb-bracket-button[class]{
  1084. display: inline-block;
  1085. background-color: #ff6b0000;
  1086. color: #c7c7c7!important;
  1087. border: none;
  1088. line-height: 14px;
  1089. padding: 0 3px;
  1090. border-radius: 2px;
  1091. font-size: 11px;
  1092. }
  1093.  
  1094. .flat-vert.title,.bottommenu a{
  1095. color:rgba(255,255,255,0.8)
  1096. }
  1097. .bottommenu{
  1098. color:rgba(255,255,255,0.6);
  1099. font-size:9px;
  1100. letter-spacing:1px;
  1101. line-height:1.8;
  1102. text-transform:uppercase
  1103. }
  1104. .bottommenu a,.bottommenu .updated{
  1105. color:rgba(255,255,255,0.6)
  1106. }
  1107. .bottommenu a:hover,.bottommenu .updated:hover,.footer a:hover{
  1108. color:rgba(255,255,255,0.8);
  1109. text-decoration:none
  1110. }
  1111. .tagline, .search-result-meta {
  1112. margin-top: 8px;
  1113. font-size: 12px;}
  1114. .link .flat-list {
  1115. display: block;
  1116. padding: 1px 0;
  1117. margin-top: 5px;
  1118. }
  1119. .tagline .stickied-tagline, .search-result-meta .stickied-tagline {
  1120. color: #000000;
  1121. font-family: bankgothic, sans-serif;
  1122. }
  1123. .side .titlebox h1.redditname a, .titlebox span.subscribers {
  1124. color: #8e8e8e;
  1125. }
  1126. .formtabs-content .infobar {
  1127. margin: 0;
  1128. padding: 5px;
  1129. background: url(%%bg%%);
  1130. border-radius: 3px 3px 3px 3px;
  1131. font-family: bankgothic, sans-serif;
  1132. color: #bbbbbb;
  1133. }
  1134. .roundfield textarea, .roundfield input[type=text], .roundfield input[type=url], .roundfield input[type=password], .roundfield input[type=number], #compose-message .roundfield select {
  1135. font-size: 100%;
  1136. width: 492px;
  1137. padding: 3px;
  1138. margin: 0;
  1139. border: 1px solid gray;
  1140. border-radius: 3px;
  1141. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  1142. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1143. border: 1px solid #1c252b;
  1144. height: 30px;
  1145. color: #6d6d6d;
  1146. }
  1147. #newlink-with-image-upload .image-upload-drop-target {
  1148. position: relative;
  1149. content: '';
  1150. width: 100%;
  1151. box-sizing: border-box;
  1152. padding: 20px 10px;
  1153. border: 1px dashed #3f4950!important;
  1154. background-color: #fafafa;
  1155. text-align: center;
  1156. border-radius: 3px;
  1157. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  1158. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1159. border: 1px solid #1c252b;
  1160. height: 80px;
  1161. }
  1162. .roundfield {
  1163. width: 500px;
  1164. border-radius: 4px;
  1165. padding: 5px 10px 10px 10px;
  1166. font-size: large;
  1167. background: url(%%bg%%);
  1168. font-family: bankgothic, sans-serif;
  1169. }
  1170. ul.tabmenu.formtab {
  1171. display: block;
  1172. padding-left: 10px;
  1173. font-size: larger;
  1174. margin: 10px 470px;
  1175. padding: 8px 15px 13px 15px;
  1176. }
  1177. h1 {
  1178. font-size: 18px;
  1179. font-weight: normal;
  1180. margin: 10px 300px;
  1181. }
  1182. .formtabs-content {
  1183. width: 520px;
  1184. border-top: 4px solid #20282d;
  1185. padding-top: 10px;
  1186. margin: 10px 300px;
  1187. }
  1188.  
  1189. .content.submit .info-notice {
  1190. background-color: #E4F2FB;
  1191. border: 1px solid #1c252b;
  1192. padding: 9px;
  1193. margin-bottom: 12px;
  1194. font-size: larger;
  1195. margin: 10px 300px;
  1196. }
  1197. .content {
  1198. z-index: 1;
  1199. margin: 50px 5px 0 20px;
  1200. }
  1201. #newlink-with-image-upload .file-upload-button {
  1202. display: inline-block;
  1203. cursor: pointer;
  1204. padding-right: 12px;
  1205. font-size: small;
  1206. line-height: 40px!important;
  1207. vertical-align: middle;
  1208. }
  1209. .linefield .title {
  1210. color: #bbbbbb;
  1211. font-weight: bold;
  1212. padding: 1px 10px;
  1213. font-family: bankgothic, sans-serif;
  1214. font-size: 20px;
  1215. }
  1216. .linefield {
  1217. width: 514px;
  1218. padding: 7px 5px;
  1219. font-size: large;
  1220. background: url(%%bg%%);
  1221. margin-bottom: 10px;
  1222. }
  1223. .linefield textarea, .linefield input[type=text], .linefield input[type=password] {
  1224. font-size: 100%;
  1225. width: 492px;
  1226. padding: 3px;
  1227. margin: 0;
  1228. border: 1px solid gray;
  1229. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  1230. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1231. text-shadow: 1px 1px #1f272b;
  1232. border: 1px solid #1c252b;
  1233. color: #bbbbbb;
  1234.  
  1235. }
  1236. .sheets .col {
  1237. width: 98%;
  1238. }
  1239. .subreddit-rule-form .form-group-kind label {
  1240. margin-right: 20px;
  1241. color: #bbbbbb;
  1242. }
  1243. .subreddit-rules-page .md-container .md h2 {
  1244. font-size: 1.7142857142857142em;
  1245. line-height: 1.25em;
  1246. margin-top: 0em;
  1247. margin-bottom: 0em;
  1248. font-weight: 300;
  1249. color: #bbbbbb;
  1250. }
  1251. .c-form-control {
  1252. display: block;
  1253. width: 100%;
  1254. font-size: 14px;
  1255. height: 34px;
  1256. line-height: 20px;
  1257. background-image: none;
  1258. border: 1px solid #ccc;
  1259. border-radius: 4px;
  1260. transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  1261. color: #bbbbbb;
  1262. padding: 0px 10px 0px;
  1263. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1264. border-color: rgb(0,0,0);
  1265. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  1266. }
  1267. #items-required {
  1268. padding-bottom: 10px;
  1269. margin: 10px 300px;
  1270. }
  1271. button, html input[type="button"], input[type="reset"], input[type="submit"] {
  1272. -webkit-appearance: button;
  1273. cursor: pointer;
  1274. padding: 2px 6px 3px;
  1275. margin: 10px 300px;
  1276. }
  1277. .icon-menu li {
  1278. margin: 6px 0px;
  1279. padding: 10px 10px;
  1280. margin-top: 0px;
  1281. margin-left: 0px;
  1282. text-shadow: 1px 1px #1f272b;
  1283. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  1284. background: -webkit-linear-gradient(top,#3d4850 3%,#313d45 4%,#232b30 100%);
  1285. border-radius: 3px;
  1286. border: 1px solid #1c252b;
  1287. }
  1288.  
  1289. .new-comment .usertext-body {
  1290. /* background-color: #3e484f; */
  1291. margin: -1px 0;
  1292. border: 0px #444 solid;
  1293. background: url(%%bg%%);
  1294. /* min-height: 80px!important;*/
  1295. overflow: visible!important;
  1296. /* box-shadow: 0px 1px 10px #131313; */
  1297. border-radius: 3px;
  1298. top: 2px;
  1299. padding: 10px;
  1300. margin-right: 18px;
  1301. }
  1302. #newlink-with-image-upload .file-upload-button {
  1303. display: inline-block;
  1304. cursor: pointer;
  1305. padding-right: 12px;
  1306. vertical-align: middle;
  1307. letter-spacing: -2px;
  1308. font-size: 12px;
  1309. line-height: 40px;
  1310. text-transform: uppercase;
  1311. transition: background .2s ease-in-out;
  1312. height: 40px!important;
  1313. width: 141px;
  1314. outline-color: rgb(0,0,0);
  1315. font-family: bankgothic, sans-serif;
  1316. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  1317. background: -webkit-linear-gradient(top,#3d4850 3%,#313d45 4%,#232b30 100%);
  1318. border-radius: 3px;
  1319. border: 1px solid #1c252b;
  1320. text-shadow: 1px 1px #1f272b;
  1321. font-weight: bold;
  1322. color: #9fa8b0;
  1323. outline: 0;
  1324. padding: 0px 10px;
  1325. }
  1326. .usertext-edit textarea {
  1327. width: 500px;
  1328. height: 100px;
  1329. border-radius: 3px 3px 3px 3px;
  1330. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  1331. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1332. text-shadow: 1px 1px #1f272b;
  1333. border: 1px solid #1c252b;
  1334. font-size: 10px;
  1335. color: #bbbbbb;
  1336. }
  1337. .md {
  1338. color: #bbbbbb;
  1339. max-width: 60em;
  1340. overflow-wrap: break-word;
  1341. font-size: 11px;
  1342. }
  1343. .gold-accent.comment-visits-box {
  1344. color: #bbbbbb;
  1345. margin: 0px 5px 15px;
  1346. padding: 7px 10px 7px 7px;
  1347. max-width: 550px;
  1348. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  1349. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1350. border: 1px solid #1c252b;
  1351. }
  1352. .linkinfo {
  1353. padding: 40px;
  1354. background-color: #EFF7FF;
  1355. font-family: bankgothic, sans-serif;
  1356. font-size: larger;
  1357. border-radius: 3px;
  1358. float: left;
  1359. margin-top: 140px;
  1360. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  1361. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1362. text-shadow: 1px 1px #1f272b;
  1363. border: 1px solid #1c252b;
  1364. color: #bbbbbb;
  1365. z-index: 9999;
  1366. position: relative;
  1367. margin-right: 15px;
  1368. }
  1369. .titlebox:before {
  1370. content: "Subreddit Info";
  1371. display: block;
  1372. margin: 40px 0px;
  1373. }
  1374. button, html input[type="button"], input[type="reset"], input[type="submit"] {
  1375. -webkit-appearance: button;
  1376. cursor: pointer;
  1377. padding: 2px 6px 3px;
  1378. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  1379. background: -webkit-linear-gradient(top,#3d4850 3%,#313d45 4%,#232b30 100%);
  1380. border-radius: 3px;
  1381. border: 1px solid #1c252b;
  1382. text-shadow: 1px 1px #1f272b;
  1383. font-weight: bold;
  1384. color: #9fa8b0;
  1385. }
  1386. div.menuarea.modtools{
  1387. padding: 9px 0px 5px;
  1388. margin: 0px 350px 5px 5px!important;
  1389. left: 0px;
  1390. position: relative;
  1391. border-radius: 3px 3px 3px 3px;
  1392. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  1393. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1394. border: 1px solid #1c252b;
  1395. }
  1396. body.mod-toolbox .tb-general-button, body.mod-toolbox li a.tb-general-button {
  1397. color: rgb(105, 105, 105);
  1398. font-size: 11px;
  1399. text-align: center;
  1400. font-weight: normal;
  1401. border-width: 1px 1px 1px 2px;
  1402. border-color: rgb(182, 201, 221);
  1403. border-style: solid;
  1404. padding: 1px 5px;
  1405. text-decoration: none;
  1406. background: -webkit-linear-gradient(top,#3d4850 3%,#313d45 4%,#232b30 100%);
  1407. border-radius: 3px;
  1408. border: 1px solid #1c252b;
  1409. }
  1410.  
  1411. .side .titlebox .md h1, .submit-link:before, .titlebox:before, .sidecontentbox .title h1 {
  1412. color: #bbbbbb;
  1413. cursor: default;
  1414. font: 600 20px/0px bankgothic, sans-serif;
  1415. letter-spacing: -0.5px;
  1416. text-align: center;
  1417. text-transform: uppercase;
  1418. transform: scaleY(1.2);
  1419. word-spacing: 1px;
  1420. }
  1421.  
  1422. textarea#wiki_page_content {
  1423. font: normal small bankgothic, sans-serif;
  1424. border-radius: 3px 3px 3px 3px;
  1425. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  1426. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1427. border: 1px solid #1c252b;
  1428. color: #bbbbbb;
  1429. width: 96%!important;
  1430. }
  1431. .wiki-page .wiki-page-content #wiki_revision_reason {
  1432. padding: 2px;
  1433. margin-left: 0;
  1434. width: 96%!important;
  1435. border-radius: 3px 3px 3px 3px;
  1436. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  1437. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1438. border: 1px solid #1c252b;
  1439. color: #bbbbbb;
  1440. }
  1441. .md-container-small {
  1442. border-radius: 3px 3px 3px 3px;
  1443. /* background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);*/
  1444. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1445. border: 1px solid #1c252b;
  1446. color: #bbbbbb;
  1447. }
  1448. div.reddit-infobar.md-container-small {
  1449. border: 1px solid #1c252b;
  1450. color: #bbbbbb;
  1451. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  1452. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1453. border-radius: 3px;
  1454. padding-right: 25px;
  1455. margin-right: 370px;
  1456. }
  1457. .wiki-page .wiki-page-content {
  1458. margin: 15px;
  1459. margin-right: 380px;
  1460. }
  1461. .modtools-page>div.content {
  1462. font-family: bankgothic, sans-serif;
  1463. margin: 0;
  1464. margin-right: 300px;
  1465. padding: 15px 20px;
  1466. margin-top: 53px;
  1467. }
  1468. .entry {
  1469. overflow: hidden;
  1470. margin-left: 3px;
  1471. opacity: 1;
  1472. margin-top: 10px;
  1473. }
  1474. #noresults {
  1475. margin-right: 310px;
  1476. margin-top: 50px;
  1477. margin-left: 20px;
  1478. }
  1479. .error {
  1480. color: red;
  1481. font-size: small;
  1482. font-family: bankgothic, sans-serif;
  1483. }
  1484. .subreddit-rule-form .c-form-group .label {
  1485. color: #b5b3ac;
  1486. font-size: 16px;
  1487. font-family: bankgothic, sans-serif;
  1488. }
  1489. .pagename {
  1490. font-weight: bold;
  1491. margin-right: 1ex;
  1492. font-variant: small-caps;
  1493. font-size: 1.2em;
  1494. vertical-align: bottom;
  1495. color: #bbbbbb;
  1496. }
  1497. .pagename a {
  1498. color: white;
  1499. }
  1500. .flairlist .flaircell input[type="text"] {
  1501. width: 28ex;
  1502. border-radius: 3px 3px 3px 3px;
  1503. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  1504. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1505. text-shadow: 1px 1px #1f272b;
  1506. border: 1px solid #1c252b;
  1507. color: #bbbbbb;
  1508. }
  1509. .usertable>.toggle {
  1510. margin: 1em 0 0.5em;
  1511. letter-spacing: -2px;
  1512. font-size: 12px;
  1513. line-height: 45px;
  1514. text-transform: uppercase;
  1515. transition: background .2s ease-in-out;
  1516. height: 45px;
  1517. width: 222px;
  1518. outline-color: rgb(0,0,0);
  1519. font-family: bankgothic, sans-serif;
  1520. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  1521. background: -webkit-linear-gradient(top,#e66a6a 3%,#ff1126 4%,#302323 100%);
  1522. border-radius: 3px;
  1523. border: 1px solid #1c252b;
  1524. text-shadow: 1px 1px #1f272b;
  1525. font-weight: bold;
  1526. color: #9fa8b0;
  1527. outline: 0;
  1528. padding: 0px 10px;
  1529. display: block;
  1530. }
  1531. .md a {
  1532. color: #797979;
  1533. text-decoration: none;
  1534. font-size: 12px;
  1535. }
  1536. .wiki-page .pageactions .wikiaction-current {
  1537. color: red!important;
  1538. padding: 0px 25px 1px 25px;
  1539. background: -webkit-linear-gradient(top,#3d4850 3%,#313d45 4%,#232b30 100%);
  1540. border: 1px solid #1c252b;
  1541. border-radius: 3px;
  1542. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  1543. font-family: bankgothic, sans-serif;
  1544. outline-color: rgb(0,0,0);
  1545. transition: background .2s ease-in-out;
  1546. }
  1547. .wiki-page .pageactions .wikiaction {
  1548. display: inline-block;
  1549. margin: 2px;
  1550. padding-top: 2px;
  1551. padding-bottom: 3px;
  1552. border-radius: 3px;
  1553. padding-right: 10px;
  1554. padding-left: 10px;
  1555. color: white;
  1556. padding: 0px 25px 1px 25px;
  1557. background: -webkit-linear-gradient(top,#3d4850 3%,#313d45 4%,#232b30 100%);
  1558. border: 1px solid #1c252b;
  1559. border-radius: 3px;
  1560. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  1561. font-family: bankgothic, sans-serif;
  1562. outline-color: rgb(0,0,0);
  1563. transition: background .2s ease-in-out;
  1564. }
  1565. body.mod-toolbox #tb-bottombar {
  1566. bottom: 0px;
  1567. position: fixed;
  1568. text-align: left;
  1569. margin-left: 0px;
  1570. margin-right: 0px;
  1571. height: 22px;
  1572. background-color: rgba(206, 227, 248, 0.86);
  1573. font-size: 11px;
  1574. color: rgb(105, 105, 105);
  1575. left: 0px;
  1576. right: 0px;
  1577. z-index: 2147483646 !important;
  1578. box-sizing: initial !important;
  1579. border-top: 1px solid rgb(182, 201, 221);
  1580. padding: 0px !important;
  1581. background: -webkit-linear-gradient(top,#3d4850 3%,#313d45 4%,#232b30 100%);
  1582. border: 1px solid #1c252b;
  1583. border-radius: 3px;
  1584. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  1585. font-family: bankgothic, sans-serif;
  1586. outline-color: rgb(0,0,0);
  1587. transition: background .2s ease-in-out;
  1588. }
  1589. .mod-toolbox .tb-popup {
  1590. font-size: 11px;
  1591. max-width: 1000px;
  1592. background-color: rgb(255, 255, 255);
  1593. box-shadow: rgba(160, 177, 193, 0.4) 0px 1px 3px 1px;
  1594. position: absolute;
  1595. z-index: 2147483640;
  1596. border-width: 0px;
  1597. border-style: initial;
  1598. border-color: initial;
  1599. border-image: initial;
  1600. padding: 0px !important;
  1601. margin-top: -19px;
  1602. margin-left: -15px;
  1603. border-radius: 3px 3px 3px 3px;
  1604. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  1605. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1606. text-shadow: 1px 1px #1f272b;
  1607. border: 1px solid #1c252b;
  1608. }
  1609. .mod-toolbox #tb-my-subreddits a {
  1610. font-size: 11px;
  1611. color: rgb(255, 255, 255);
  1612. }
  1613.  
  1614. .tb-popup-header {
  1615. right: 0px;
  1616. left: 0px;
  1617. text-align: left;
  1618. position: relative;
  1619. height: 20px;
  1620. line-height: 20px;
  1621. display: block;
  1622. background-color: rgb(206,227,248);
  1623. box-sizing: content-box;
  1624. font-size: small;
  1625. border-width: 0px;
  1626. border-style: initial;
  1627. border-color: initial;
  1628. border-image: initial;
  1629. padding: 0px 33px 0px 5px;
  1630. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  1631. background: -webkit-linear-gradient(top,#3d4850 3%,#313d45 4%,#232b30 100%);
  1632. border-radius: 3px;
  1633. border: 1px solid #1c252b;
  1634. text-shadow: 1px 1px #1f272b;
  1635. font-weight: bold;
  1636. color: #9fa8b0;
  1637. }
  1638. .mod-toolbox .tb-popup .tb-popup-header .buttons a.close {
  1639. display: inline-block;
  1640. height: 100%;
  1641. padding: 1px 11px;
  1642. color: #9fa8b0;
  1643. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  1644. background: -webkit-linear-gradient(top,#3d4850 3%,#313d45 4%,#232b30 100%);
  1645. border-radius: 3px;
  1646. border: 1px solid #1c252b;
  1647. }
  1648. .mod-toolbox #tb-toolbar-mysubs, .mod-toolbox #tb-personal-notes-button {
  1649. border-radius: 3px 3px 3px 3px;
  1650. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  1651. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1652. text-shadow: 1px 1px #1f272b;
  1653. border: 1px solid #1c252b;
  1654. color: #bbbbbb;
  1655. }
  1656. .mod-toolbox #tb-toolbar-mysubs:hover, .mod-toolbox #tb-personal-notes-button:hover {
  1657. border-radius: 3px 3px 3px 3px;
  1658. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  1659. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1660. text-shadow: 1px 1px #1f272b;
  1661. border: 1px solid #1c252b;
  1662. color: #ffffff;
  1663. }
  1664. body.mod-toolbox .tb-page-overlay a, body.mod-toolbox .tb-popup a, body.mod-toolbox .tb-toolbar a {
  1665. color: #ffffff;
  1666. box-sizing: initial !important;
  1667. }
  1668. input#tb-livefilter-input{
  1669. border-radius: 3px 3px 3px 3px;
  1670. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  1671. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1672. text-shadow: 1px 1px #1f272b;
  1673. border: 1px solid #1c252b;
  1674. color: #ffffff;
  1675. }
  1676. .reddit-infobar .md {
  1677. color: #bbbbbb;
  1678. font-variant: small-caps;
  1679. }
  1680. div.linefield-content { font-variant: small-caps;}
  1681. a.bylink.comments.empty.may-blank { color: #FFFFFF; }
  1682. a.bylink.comments.may-blank { color: #FFFFFF; }
  1683. .midcol {
  1684. float: left;
  1685. margin-right: 7px;
  1686. margin-left: 7px;
  1687. background: transparent;
  1688. overflow: hidden;
  1689. margin-top: 15px;
  1690. }
  1691. .link .rank {
  1692. float: left;
  1693. margin-top: 33px;
  1694. color: #c6c6c6;
  1695. font-family: bankgothic, sans-serif;
  1696. font-size: medium;
  1697. text-align: right;
  1698. }
  1699.  
  1700. .flair, .linkflairlabel{
  1701. display: inline-block;
  1702. margin-right: .5em;
  1703. padding: 1px 5px;
  1704. background: #f5f5f500;
  1705. color: #f00;
  1706. border: 1px solid #1c252b;
  1707. border-radius: 3px;
  1708. unicode-bidi: isolate;
  1709. font-family: bankgothic,sans-serif;
  1710. }
  1711. ::-webkit-scrollbar {
  1712. width: 1em;
  1713. }
  1714. ::-webkit-scrollbar-thumb {
  1715. background-color: #252e34;
  1716. outline: 1px solid #000000;
  1717. box-shadow: inset 0px 0px 14px 0px rgb(95, 107, 114);
  1718. }
  1719. ::-webkit-scrollbar-track {
  1720. box-shadow: inset 0 0 6px rgb(0, 0, 0);
  1721. background-color: rgb(32, 40, 45);
  1722. }
  1723. ::selection {
  1724. background: rgba(191, 228, 255, 0.21);
  1725. color: #c1c1c1;
  1726. text-shadow: none;
  1727. }
  1728. .subreddit-stylesheet-source {
  1729. padding: 0.5em;
  1730. overflow-x: auto;
  1731. margin: 10px 7px;
  1732. font-size: medium;
  1733. font-family: bankgothic, sans-serif;
  1734. border-radius: 3px 3px 3px 3px;
  1735. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  1736. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1737. text-shadow: 1px 1px #1f272b;
  1738. border: 1px solid #1c252b;
  1739. color:#bbbbbb;
  1740. }
  1741. .CodeMirror-lines {
  1742. cursor: text;
  1743. min-height: 1px;
  1744. border-radius: 3px 3px 3px 3px;
  1745. background: -webkit-linear-gradient(top,#20282d 3%,#252e34 51%,#222a30 100%);
  1746. box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
  1747. text-shadow: 1px 1px #1f272b;
  1748. border: 1px solid #1c252b;
  1749. }
  1750. .new-comment .md :not(pre)>code, .link .md :not(pre)>code, .usertext.border .md :not(pre)>code, .new-comment .md pre, .link .md pre, .usertext.border .md pre {
  1751. background-color: #414b52;
  1752. }
  1753. .link .flair {
  1754. font-size: 12px;
  1755. margin-top: 0px;
  1756. }
  1757. .res-commentBoxes .comment .comment, .res-commentBoxes .comment .comment .comment .comment, .res-commentBoxes .comment .comment .comment .comment .comment .comment, .res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment, .res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  1758. background-color: rgb(63, 73, 80)!important; border-color: rgba(230, 230, 230, 0)!important;
  1759. }
  1760. .res-commentBoxes .comment .comment .comment, .res-commentBoxes .comment .comment .comment .comment .comment, .res-commentBoxes .comment .comment .comment .comment .comment .comment .comment, .res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  1761. background-color: rgb(63, 73, 80)!important;
  1762. }
  1763. .res-commentBoxes .comment {
  1764. overflow: hidden;
  1765. margin: 0px 8px 8px 10px !important;
  1766. border-width: 1px !important;
  1767. border-style: solid !important;
  1768. border-color: rgba(230, 230, 230, 0)!important;
  1769. border-image: initial !important;
  1770. padding: 5px 8px 5px 5px !important;
  1771. }
  1772. .res-commentBoxes .comment.spam {
  1773. background-image: linear-gradient(rgb(32, 40, 45),rgb(37, 46, 52));
  1774. }
Add Comment
Please, Sign In to add comment