Guest User

toneD CSS reddit theme.

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