SHARE
TWEET

Untitled

a guest Apr 24th, 2019 72 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Stilig for WillBoard */
  2.  
  3. body {
  4.     background-color: #f2f2f2;
  5.     color: #717171;
  6.     font-size: 13px;
  7. }
  8.  
  9. a {
  10.     color: #999999;
  11. }
  12.  
  13.     a:hover {
  14.         color: #5f5f65;
  15.     }
  16.  
  17. body > nav {
  18.     background: linear-gradient(rgb(76, 83, 93), rgba(61, 68, 78, 0.9));
  19.     box-shadow: 0 2px 5px rgba(0,0,0,.3);
  20.     line-height: 32px;
  21.     padding: 0 12px
  22. }
  23.  
  24.         body > nav > ul > li.separateBefore {
  25.             border-left: 0;
  26.         }
  27.  
  28.         body > nav > ul > li.separateAfter {
  29.             border-right: 0;
  30.         }
  31.  
  32.         body > nav > ul > li > a,
  33.         body > nav > ul > li > ul > li > a {
  34.             font-weight: 700;
  35.             color: #babcbe;
  36.         }
  37.  
  38.             body > nav > ul > li > a:hover,
  39.             body > nav > ul > li > ul > li > a:hover {
  40.                 background-color: transparent;
  41.                 color: #999999;
  42.             }
  43.  
  44.     body > nav > aside > label[for=back] > a,
  45.     body > nav > aside > label[for=administration] > a {
  46.         color: #babcbe;
  47.     }
  48.  
  49.     body > nav > aside > label {
  50.         width: 32px;
  51.         color: #babcbe;
  52.         border-right: 0;
  53.     }
  54.  
  55.     body > nav aside > label:first-of-type {
  56.         border: 0;
  57.     }
  58.  
  59.     body > nav aside > label:first-child {
  60.         border-left: 0;
  61.     }
  62.  
  63.     body > nav > aside > label:hover {
  64.         background-color: transparent;
  65.         color: #999999;
  66.     }
  67.  
  68.     body > nav > aside > label[for=back] > a:hover,
  69.     body > nav > aside > label[for=administration] > a:hover {
  70.         color: #999999;
  71.     }
  72.  
  73.     body > nav > aside > input[type=checkbox][id=boardmenu]:checked ~ label[for=boardmenu],
  74.     body > nav > aside > input[type=checkbox][id=synchronization]:checked ~ label[for=synchronization],
  75.     body > nav > aside > input[type=checkbox][id=informations]:checked ~ label[for=informations],
  76.     body > nav > aside > input[type=checkbox][id=settings]:checked ~ label[for=settings] {
  77.         background-color: transparent;
  78.         color: #fff;
  79.         text-shadow: 0 0 5px #fff;
  80.         font-weight: 700;
  81.     }
  82.  
  83.     body > nav > aside > input[type=checkbox][id=synchronization]:checked ~ label[for=synchronization].synchronized {
  84.         background-color: transparent;
  85.         color: #2ecc71;
  86.         text-shadow: 0 0 5px #2ecc71;
  87.         font-weight: 700;
  88.     }
  89.  
  90.     body > nav > aside > section.boardmenu,
  91.     body > nav > aside > section.synchronization,
  92.     body > nav > aside > section.informations,
  93.     body > nav > aside > section.settings {
  94.         color: #717171;
  95.         background-color: #ffffff;
  96.         border: 1px solid #ebebeb;
  97.         box-shadow: rgba(0,0,0,.3) 0 0 8px;
  98.         margin-top: 44px;
  99.         margin-right: 12px;
  100.         max-height: 80%;
  101.     }
  102.         body > nav > aside > section.boardmenu,
  103.         body > nav > aside > section.synchronization {
  104.             width: 160px;
  105.             min-width: 160px;
  106.         }
  107.  
  108.         body > nav > aside > section.boardmenu a {
  109.             color: #999999;
  110.         }
  111.  
  112.             body > nav > aside > section.boardmenu a:hover {
  113.                 background-color: transparent;
  114.                 color: #5f5f65;
  115.             }
  116.  
  117.         body > nav > aside > section.settings > .setting > label > input[type=checkbox]:checked ~ span:first-of-type {
  118.             background: #ebebeb;
  119.             color: #717171;
  120.         }
  121.  
  122.         body > nav > aside > section.settings > .setting > label > span:last-of-type {
  123.             background: #ebebeb;
  124.         }
  125.  
  126.         body > nav > aside > section.settings > .setting > label > span:last-of-type {
  127.             color: #717171;
  128.         }
  129.  
  130.         body > nav > aside > section.settings > .setting > label > span {
  131.             color: #717171;
  132.         }
  133.  
  134.         body > nav > aside > section.settings > .setting > label {
  135.             border: 1px solid #ebebeb;
  136.         }
  137.  
  138.             body > nav > aside > section.settings > .setting > label > span:first-of-type {
  139.                 border-right: 1px solid #ebebeb;
  140.             }
  141.  
  142.         body > nav > aside > section.settings > .setting > input {
  143.             color: #717171;
  144.             border: 1px solid #ebebeb;
  145.         }
  146.  
  147.         body > nav > aside > section.settings > .setting select {
  148.             border: 1px solid #ebebeb;
  149.             background: #ebebeb;
  150.             color: #717171;
  151.         }
  152.  
  153.         body > nav > aside > section.settings > .setting > input[type=range] {
  154.             border: 1px solid #ebebeb;
  155.         }
  156.  
  157.             body > nav > aside > section.settings > .setting > input[type=range]::-webkit-slider-thumb {
  158.                 background: #ebebeb;
  159.             }
  160.  
  161.             body > nav > aside > section.settings > .setting > input[type=range]::-moz-range-thumb {
  162.                 background: #ebebeb;
  163.             }
  164.  
  165.             body > nav > aside > section.settings > .setting > input[type=range]::-ms-thumb {
  166.                 background: #ebebeb;
  167.             }
  168.  
  169.         body > nav > aside > section.settings > .setting > textarea {
  170.             color: #717171;
  171.             border: 1px solid #ebebeb;
  172.         }
  173.  
  174. section.op .info span svg,
  175. section.reply .info span svg {
  176.     fill: #999999;
  177. }
  178.  
  179. section.reply {
  180.     background: #ffffff;
  181.     padding: 0;
  182.     border: 1px solid #ebebeb;
  183.     box-shadow: -1px 1px 1px rgba(0, 0, 0, .08);
  184.     color: #717171;
  185. }
  186.     section.reply.curb {
  187.         padding: 0;
  188.     }
  189.  
  190.     section.reply > .info > time {
  191.         color: #717171;
  192.     }
  193.  
  194.     section.op .message {
  195.         padding: 12px 18px 12px 18px;
  196.     }
  197.     section.reply .message {
  198.         padding: 12px 18px 12px 18px;
  199.     }
  200.     section.op > .content > .file {
  201.         padding: 6px 20px 6px 13px;
  202.     }
  203.  
  204.     section.op > .replyOmitted {
  205.         padding: 0 0 0 18px;
  206.         font-size: 12px;
  207.         font-style: italic;
  208.     }
  209.  
  210.     section.reply > .content > .file {
  211.         padding: 6px 20px 10px 13px
  212.     }
  213.  
  214.     section.op > .info a,
  215.     section.reply > .info a {
  216.         color: #999999;
  217.     }
  218.  
  219.     section.op > .info a.mentionlink,
  220.     section.reply > .info a.mentionlink {
  221.         text-decoration: underline;
  222.     }
  223.  
  224.     section.op > .info a.name,
  225.     section.reply > .info a.name {
  226.         color: #49637d;
  227.         font-weight: 700;
  228.     }
  229.  
  230.     section.op > .info a.name[href],
  231.     section.reply > .info a.name[href] {
  232.         color: #49637d;
  233.         text-decoration: underline;
  234.     }
  235.  
  236.  
  237.     section.op > .info a.name:hover,
  238.     section.reply > .info a.name:hover {
  239.         color: #49637d;
  240.     }
  241.  
  242.         section.op > .info a:hover,
  243.         section.reply > .info a:hover {
  244.             color: #5f5f65;
  245.         }
  246.  
  247.     section.reply > .info,
  248.     .boardlink > section.op > .info {
  249.         background: rgba(239, 239, 239, .2);
  250.         border-bottom: 1px solid #fff;
  251.         box-shadow: inset rgba(0,0,0,.05) 0 -1px 2px;
  252.     }
  253.  
  254.     section.op > .info,
  255.     section.reply > .info,
  256.     .boardlink > section.op > .info {
  257.         line-height: 29px;
  258.         padding: 0 13px 0 0;
  259.     }
  260.  
  261.     section.op > .contentLong,
  262.     section.reply > .contentLong {
  263.         max-height: 260px;
  264.     }
  265.  
  266.  
  267. .boardlink {
  268.     background: #ffffff;
  269.     border: 1px solid #ebebeb;
  270.     padding: 0;
  271.     margin-right: 6px;
  272.     box-shadow: rgba(0,0,0,.3) 0 0 5px;
  273. }
  274.     .boardlink > section.reply {
  275.         background: transparent;
  276.         box-shadow: none;
  277.         border: 0;
  278.         padding: 0;
  279.         width: 100%;
  280.     }
  281.  
  282.     .boardlink > section.op > .info {
  283.         border-top: 0;
  284.         margin-top: 0;
  285.     }
  286.     .boardlink > section.op > .content > .file {
  287.         padding: 12px 18px 6px 12px;
  288.     }
  289.  
  290.  
  291. .message a {
  292.     color: #999999;
  293. }
  294.  
  295. .message a[href] {
  296.     color: #999999;
  297. }
  298.  
  299. .message a[href]:hover {
  300.     color: #5f5f65;
  301. }
  302.  
  303. .message blockquote {
  304.     color: #009933;
  305. }
  306.  
  307. section.op > .info {
  308.     background-color: transparent;
  309.     color: #717171;
  310. }
  311.  
  312. main, header, footer, body > aside, main.catalog {
  313.     padding-left: 16px;
  314.     padding-right: 40px;
  315.     box-sizing: border-box;
  316. }
  317.  
  318. article {
  319.     padding: 10px 0;
  320. }
  321.  
  322. section.reply > .info > label,
  323. section.op > .info > label {
  324.     color: #999999;
  325. }
  326.  
  327. section.reply > .info > label:hover,
  328. section.op > .info > label:hover {
  329.     background-color: transparent;
  330.     color: #5f5f65;
  331. }
  332.  
  333. section.reply > .info a.button:hover,
  334. section.op > .info a.button:hover {
  335.     background-color: transparent;
  336.     color: #5f5f65;
  337. }
  338.  
  339. section.op > .info > input[type=checkbox][id|=options]:checked ~ label[for|=options],
  340. section.op > .info > input[type=checkbox][id|=administration]:checked ~ label[for|=administration],
  341. section.reply > .info > input[type=checkbox][id|=options]:checked ~ label[for|=options],
  342. section.reply > .info > input[type=checkbox][id|=administration]:checked ~ label[for|=administration] {
  343.     background-color: transparent;
  344.     font-weight: 700;
  345.     text-shadow: 0 0 5px #5f5f65;
  346.     color: #5f5f65;
  347. }
  348.  
  349.  
  350. section.op > .info > label[for|=options],
  351. section.reply > .info > label[for|=options] {
  352.     -webkit-transform: rotate(90deg);
  353.     font-size: 13px;
  354.     margin-right: -6px;
  355. }
  356.  
  357. section.op > .info > aside.options,
  358. section.reply > .info > aside.options {
  359.     top: 26px;
  360.     left: 6px;
  361.     box-shadow: 0 0 4px rgba(0,0,0,.2);
  362. }
  363.  
  364. section.op > .info > aside,
  365. section.reply > .info > aside {
  366.     border: 1px solid #ebebeb;
  367.     background: #ffffff;
  368.     color: #999999;
  369. }
  370.     section.op > .info > aside.options a,
  371.     section.reply > .info > aside.options a {
  372.         color: #999999;
  373.         line-height: 24px;
  374.         padding: 0 10px;
  375.     }
  376.  
  377.         section.op > .info > aside.options a:hover,
  378.         section.reply > .info > aside.options a:hover {
  379.             background-color: transparent;
  380.             color: #5f5f65;
  381.         }
  382.  
  383. section.op.hover {
  384.     background: transparent;
  385.     border: 0;
  386. }
  387.  
  388. section.reply.hover {
  389.     background: #ffffff;
  390.     border-width: 1px;
  391.     outline: 2px solid rgba(153, 153, 153, .5);
  392. }
  393.  
  394. footer {
  395.     border-top: 0;
  396.     background: transparent;
  397.     color: #717171;
  398.     text-align: left;
  399. }
  400.  
  401.     footer > aside {
  402.         display: none;
  403.     }
  404.  
  405.     footer > nav {
  406.         display: inline-flex;
  407.         border: 1px solid #ebebeb;
  408.         box-shadow: -1px 1px 1px rgba(0, 0, 0, .08);
  409.         background: #ffffff;
  410.         margin-left: 4px;
  411.         margin-right: 4px;
  412.     }
  413.  
  414.         footer > nav > a:hover {
  415.             background-color: transparent;
  416.             color: #5f5f65;
  417.         }
  418.  
  419.         footer > nav > a {
  420.             background-color: transparent;
  421.             color: #999999;
  422.             padding: 2px 6px;
  423.         }
  424.  
  425.             footer > nav > a:not([href]) {
  426.                 background-color: transparent;
  427.                 color: #717171;
  428.                 font-weight: bold;
  429.             }
  430.  
  431. header > h1 {
  432.     color: #717171;
  433.     font-weight: bold;
  434. }
  435.  
  436.  
  437. body > nav > label[for=menu] {
  438.     color: #babcbe;
  439.     border: 0;
  440. }
  441.  
  442. body > nav > input[type=checkbox][id=menu]:checked ~ label[for=menu] {
  443.     background-color: transparent;
  444.     border: 0;
  445.     color: #fff;
  446.     text-shadow: 0 0 5px #fff;
  447.     font-weight: 700
  448. }
  449.  
  450. body > nav > label[for=menu]:hover {
  451.     background: transparent;
  452.     border: 0;
  453.     color: #999999;
  454. }
  455.  
  456. .message code {
  457.     background-color: rgba(255,255,255,.1);
  458.     border: 1px solid #ebebeb;
  459.     margin: 8px 4px;
  460. }
  461.  
  462. main.catalog > article.thread {
  463.     background-color: #ffffff;
  464.     box-shadow: -1px 1px 1px rgba(0, 0, 0, .08);
  465.     color: #717171;
  466.     border: 1px solid #ebebeb;
  467.     width: 260px;
  468.     min-height: 340px;
  469.     max-height: 340px;
  470.     padding: 0;
  471. }
  472.  
  473. main.catalog > article.thread > section.op > .info {
  474.     border-top: none;
  475.     border-bottom: 1px solid #fff;
  476.     background: rgba(239, 239, 239, .2);
  477.     box-shadow: inset rgba(0,0,0,.05) 0 -1px 2px;
  478.     margin-top: 0;
  479.     padding: 0;
  480. }
  481.  
  482. main.catalog > article.thread > section.op > .content {
  483.     max-height: 308px;
  484. }
  485.  
  486. main.catalog > article.thread > section.op > .content > .message {
  487.     padding: 6px 8px;
  488. }
  489.  
  490. main.catalog > article.thread > section.op > .content > .file a {
  491.     margin: 8px auto;
  492. }
  493.  
  494. main.catalog > article.thread > section.op > .content > .file a > img,
  495. main.catalog > article.thread > section.op > .content > .file a > video {
  496.     box-shadow: 0 0 5px rgba(0, 0, 0, .25);
  497.     max-width: 240px;
  498.     max-height: 160px;
  499. }
  500.  
  501. section.post {
  502.     color: #717171;
  503.     box-shadow: none;
  504. }
  505.     section.post.fixed {
  506.         right: 44px;
  507.     }
  508.  
  509.     #top > section > form > table > tbody {
  510.         display: flex;
  511.         flex-direction: column;
  512.     }
  513.  
  514.     tr[data-field="options"] { order: 1; }
  515.     tr[data-field="message"] { order: 2; }
  516.     tr[data-field="captcha"] { order: 3; }
  517.     tr[data-field="file"] { order: 4; }
  518.     tr[data-field="password"] { order: 5; }
  519.  
  520.     tr[data-field="file"],
  521.     tr[data-field="options"] {
  522.         height: 30px;
  523.     }
  524.     tr[data-field="password"] {
  525.         height: 29px;
  526.     }
  527.  
  528.     section.post .captcha.classiccaptcha input[type=text] {
  529.         height: 29px;
  530.         line-height: 29px;
  531.         padding: 0 8px;
  532.     }
  533.     section.post table tr.captcha > td {
  534.         display: inline;
  535.     }
  536.     section.post .captcha.classiccaptcha label {
  537.         color: #999999;
  538.     }
  539.     section.post .captcha.classiccaptcha label:hover {
  540.         color: #5f5f65;
  541.     }
  542.  
  543.     section.post table tr td > input[type="file"] {
  544.         padding: 4px 8px;
  545.     }
  546.  
  547.     section.post table tr td > textarea {
  548.         padding: 8px;
  549.     }
  550.  
  551.     section.post table tr th label {
  552.         padding: 0 8px;
  553.     }
  554.  
  555.     section.post table tr th label,
  556.     section.post table tr td > input[type=checkbox] + label[for] {
  557.         line-height: 29px;
  558.         height: 29px;
  559.         font-size: 14px;
  560.     }
  561.  
  562.     section.post table {
  563.         background-color: #ffffff;
  564.         border: 1px solid #ebebeb;
  565.         box-shadow: rgba(0,0,0,.2) 0 0 5px;
  566.     }
  567.  
  568.         section.post table tr {
  569.             border-bottom: 1px solid #ebebeb;
  570.         }
  571.  
  572.             section.post table tr th label {
  573.                 color: #717171;
  574.             }
  575.  
  576.         section.post table td > textarea {
  577.             color: #717171;
  578.         }
  579.  
  580.         section.post table tr td > input[type=password],
  581.         section.post table tr td > input[type=text] {
  582.             color: #717171;
  583.         }
  584.  
  585.         section.post table td > input[type="file"] {
  586.             color: #717171;
  587.         }
  588.  
  589.         section.post table tr td > input[type=checkbox] + label[for] {
  590.             width: 29px;
  591.             padding: 0;
  592.             color: #999999;
  593.             margin: 0;
  594.             margin-left: 1px;
  595.         }
  596.  
  597.         section.post table tr td > input[type=checkbox] + label[for="optionspoiler"] {
  598.             margin-left: -2px;
  599.         }
  600.  
  601.         section.post table td > input[type=checkbox]:checked + label[for] {
  602.             color: #999999;
  603.         }
  604.  
  605.         section.post table tr td > input[type=checkbox]:checked + label[for] {
  606.             background-color: transparent;
  607.             text-shadow: 0 0 5px rgba(95, 95, 101, 0.7);
  608.             font-weight: 700;
  609.             color: #5f5f65;
  610.         }
  611.  
  612.  
  613.     section.post input[type=submit] {
  614.         color: #999999;
  615.         background-color: transparent;
  616.         border: 0;
  617.         bottom: 1px;
  618.         box-shadow: none;
  619.         z-index: 11;
  620.         height: 29px;
  621.         line-height: 29px;
  622.         padding: 0 8px !important;
  623.         right: 1px;
  624.     }
  625.  
  626.     section.post input.fast[type=submit] {
  627.         right: 31px;
  628.     }
  629.  
  630.  
  631.     section.post aside.closeQuick {
  632.         bottom: 1px;
  633.         z-index: 11;
  634.         color: #999999;
  635.         border: 0;
  636.         right: 1px !important;
  637.         width: 29px;
  638.         height: 29px;
  639.         line-height: 29px;
  640.         font-size: 14px;
  641.     }
  642.  
  643.     section.post aside.closeFast {
  644.         color: #999999;
  645.         background-color: transparent;
  646.         border-bottom: 0;
  647.         top: 1px;
  648.         box-shadow: none;
  649.         z-index: 11;
  650.         padding: 0;
  651.         right: 1px;
  652.         left: unset;
  653.         width: 29px;
  654.         line-height: 29px;
  655.         height: 29px;
  656.         font-size: 14px;
  657.     }
  658.  
  659.  
  660.     section.post aside.moveFast {
  661.         border-left: 0;
  662.         top: 1px;
  663.         z-index: 11;
  664.         color: #999999;
  665.         right: 31px;
  666.         left: 127px;
  667.         width: calc(100% - 158px);
  668.         line-height: 29px;
  669.         height: 29px;
  670.         font-size: 14px;
  671.     }
  672.  
  673.  
  674.     section.post table tr td > input[type=checkbox] + label[for]:hover,
  675.     section.post input[type=submit]:hover,
  676.     section.post aside.closeQuick:hover,
  677.     section.post aside.closeFast:hover,
  678.     section.post aside.moveFast:hover {
  679.         color: #5f5f65;
  680.     }
  681.     section.post table tr td > input[type=password] {
  682.         width: 76px;
  683.         height: 29px;
  684.         line-height: 29px;
  685.         padding: 0 4px;
  686.         margin-left: 1px;
  687.     }
  688.  
  689.  
  690. section.search {
  691.     color: #717171;
  692.     box-shadow: rgba(0,0,0,.2) 0 0 5px;
  693. }
  694.  
  695.     section.search table {
  696.         background-color: #ffffff;
  697.         border: 1px solid #ebebeb;
  698.     }
  699.  
  700.     section.search table tr td input[type="text"],
  701.     section.search table tr td input[type="number"] {
  702.         background-color: transparent;
  703.         padding: 0 8px;
  704.         color: #717171;
  705.     }
  706.  
  707.     section.search table tr th label {
  708.         width: 72px;
  709.         padding: 0 8px;
  710.         color: #717171;
  711.     }
  712.  
  713.     section.search table tr td label {
  714.         margin-right: -2px;
  715.         width: 44px;
  716.         text-align: center;
  717.         padding: 0 6px;
  718.         color: #999999;
  719.     }
  720.  
  721.     section.search table tr {
  722.         border-bottom: 1px solid #ebebeb;
  723.         height: 30px;
  724.         line-height: 30px;
  725.     }
  726.  
  727.     section.search table tr:last-of-type {
  728.         height: 29px;
  729.     }
  730.  
  731.     section.search table tr td input[type="text"],
  732.     section.search table tr td input[type="number"],
  733.     section.search table tr th label,
  734.     section.search table tr td label  {
  735.         height: 29px;
  736.         line-height: 29px;
  737.     }
  738.  
  739.     section.search input[type=submit] {
  740.         color: #999999;
  741.         background-color: transparent;
  742.         border-top: 0;
  743.         bottom: 0;
  744.         box-shadow: none;
  745.         height: 30px;
  746.         line-height: 30px;
  747.         padding-right: 8px;
  748.     }
  749.  
  750.     section.search table tr td > input[type=radio]:checked + label[for] {
  751.         background-color: transparent;
  752.         font-weight: 700;
  753.         color: #5f5f65;
  754.         text-shadow: 0 0 5px rgba(95, 95, 101, 0.7);
  755.     }
  756.  
  757.     section.search table tr td > input[type=radio] + label[for]:hover,
  758.     section.search table tr td label:hover,
  759.     section.search input[type=submit]:hover {
  760.         color: #5f5f65;
  761.     }
  762.  
  763. #top > h1 {
  764.     right: 50px;
  765.     font-size: 26px;
  766.     color: #999999;
  767.     transform-origin: top right;
  768.     position: fixed;
  769.     -webkit-transform-origin: top right;
  770.     -webkit-transform: rotate(-90deg);
  771.     top: 90px;
  772.     width: auto;
  773. }
  774.  
  775. header {
  776.     padding-top: 40px;
  777. }
  778.  
  779.  
  780. @media only screen and (max-width: 720px) {
  781.  
  782.     body > nav > input[type=checkbox][id=menu]:checked ~ ul  {
  783.         box-shadow: rgba(0,0,0,.3) 0 0 8px;
  784.         margin-left: 12px;
  785.         margin-top: 52px;
  786.     }
  787.  
  788.     body > nav > ul > li:first-child {
  789.         border-left: 0;
  790.     }
  791.  
  792.     body > nav > ul > li {
  793.         border-right: 0;
  794.     }
  795.  
  796.         body > nav > ul > li > a,
  797.         body > nav > ul > li > ul > li > a {
  798.             color: #999999;
  799.         }
  800.  
  801.             body > nav > ul > li > a:hover,
  802.             body > nav > ul > li > ul > li > a:hover {
  803.                 background-color: transparent;
  804.                 color: #5f5f65;
  805.             }
  806.  
  807.     body > nav > ul {
  808.         background-color: #ffffff;
  809.         border: 1px solid #ebebeb;
  810.         min-width: 160px;
  811.         margin-top: 38px;
  812.         margin-left: 6px;
  813.         max-height: 80%
  814.     }
  815.  
  816.         body > nav > ul > li,
  817.         body > nav > ul > li.separateBefore,
  818.         body > nav > ul > li.separateAfter {
  819.             border-right: 0;
  820.             border-left: 0;
  821.         }
  822.  
  823.     section.op > .content > .file {
  824.         background: transparent;
  825.     }
  826.  
  827.     section.op > .content > .file a > img,
  828.     section.op > .content > .file a > video {
  829.         box-shadow: rgba(0,0,0,.25) 0 0 5px;
  830.     }
  831.  
  832.     body > nav {
  833.         line-height: 40px
  834.     }
  835.  
  836.     body > nav > aside > label {
  837.         width: 40px;
  838.     }
  839.  
  840.     body > nav > aside > section.boardmenu,
  841.     body > nav > aside > section.synchronization,
  842.     body > nav > aside > section.informations,
  843.     body > nav > aside > section.settings {
  844.         margin-top: 52px;
  845.         max-height: 80%;
  846.         margin-right: 12px;
  847.     }
  848.  
  849.     main, footer, body > aside, main.catalog {
  850.         padding: 0 8px;
  851.     }
  852.  
  853.     header {
  854.         padding: 30px 10px;
  855.     }
  856.  
  857.     footer {
  858.         padding: 14px;
  859.     }
  860.  
  861.     #top > h1 {
  862.         position: static;
  863.         -webkit-transform: unset;
  864.         width: unset;
  865.         right: unset;
  866.         margin-top: 38px;
  867.     }
  868.  
  869.     section.post.fixed {
  870.         right: 12px;
  871.     }
  872.  
  873.     main.catalog > article.thread {
  874.         width: 160px;
  875.         min-height: 260px;
  876.         max-height: 260px;
  877.     }
  878.  
  879.     main.catalog > article.thread > section.op > .content > .file a > img,
  880.     main.catalog > article.thread > section.op > .content > .file a > video {
  881.         max-width: 150px;
  882.         max-height: 100px;
  883.     }
  884.  
  885.     main.catalog > article.thread > section.op > .content {
  886.         max-height: 228px;
  887.     }
  888. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top