SHARE
TWEET

Glass

a guest Feb 22nd, 2019 101 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Glass for WillBoard */
  2.  
  3. body {
  4.     background-image: url(/boards/dev/src/190222132037802576.jpg);
  5.     background-color: #111;
  6.     background-repeat: no-repeat;
  7.     background-position: center top;
  8.     background-size: cover;
  9.     background-attachment: fixed;
  10.     color: #fff;
  11.     font-size: 10pt;
  12. }
  13.  
  14. a {
  15.     color: #c8c8d9;
  16. }
  17.  
  18.     a:hover {
  19.         color: #e6e6ee;
  20.     }
  21.  
  22. body > nav {
  23.     background: rgba(40,42,46,.9);
  24.     box-shadow: 0 3px 3px 0 rgba(0,0,0,.4);
  25.     line-height: 32px;
  26.     padding-left: 20px;
  27.     padding-right: 20px
  28. }
  29.  
  30.         body > nav > ul > li.separateBefore {
  31.             border-left: 0;
  32.         }
  33.  
  34.         body > nav > ul > li.separateAfter {
  35.             border-right: 0;
  36.         }
  37.  
  38.         body > nav > ul > li > a, body > nav > ul > li > ul > li > a {
  39.             color: #c8c8d9;
  40.         }
  41.  
  42.             body > nav > ul > li > a:hover, body > nav > ul > li > ul > li > a:hover {
  43.                 background-color: transparent;
  44.                 color: #e6e6ee;
  45.             }
  46.  
  47.     body > nav > aside > label[for=back] > a, body > nav > aside > label[for=administration] > a {
  48.         color: #c8c8d9;
  49.     }
  50.  
  51.     body > nav > aside > label {
  52.         color: #c8c8d9;
  53.         border-right: 0;
  54.     }
  55.    
  56.     body > nav aside > label:first-of-type {
  57.         border: 0;
  58.     }
  59.  
  60.     body > nav aside > label:first-child {
  61.         border-left: 0;
  62.     }
  63.  
  64.     body > nav > aside > label:hover {
  65.         background-color: transparent;
  66.         color: #e6e6ee;
  67.     }
  68.  
  69.     body > nav > aside > label[for=back] > a:hover,
  70.     body > nav > aside > label[for=administration] > a:hover {
  71.         color: #e6e6ee;
  72.     }
  73.  
  74.     body > nav > aside > label[for=synchronization].synchronized {
  75.     }
  76.  
  77.     body > nav > aside > input[type=checkbox][id=boardmenu]:checked ~ label[for=boardmenu],
  78.     body > nav > aside > input[type=checkbox][id=synchronization]:checked ~ label[for=synchronization],
  79.     body > nav > aside > input[type=checkbox][id=informations]:checked ~ label[for=informations],
  80.     body > nav > aside > input[type=checkbox][id=settings]:checked ~ label[for=settings] {
  81.         background-color: rgba(64,67,73,.9);
  82.     }
  83.  
  84.     body > nav > aside > section.boardmenu,
  85.     body > nav > aside > section.synchronization,
  86.     body > nav > aside > section.informations,
  87.     body > nav > aside > section.settings {
  88.         color: #fff;
  89.         background-color: rgba(64,67,73,.9);
  90.         border: 0;
  91.         box-shadow: -3px 3px 3px rgba(0,0,0,.4);
  92.         margin-top: 32px;
  93.         max-height: calc(100% - 31px);
  94.     }
  95.  
  96.         body > nav > aside > section.boardmenu a {
  97.             color: #c8c8d9;
  98.         }
  99.  
  100.             body > nav > aside > section.boardmenu a:hover {
  101.                 background-color: transparent;
  102.                 color: #e6e6ee;
  103.             }
  104.  
  105.         body > nav > aside > section.settings > .setting > label > input[type=checkbox]:checked ~ span:first-of-type {
  106.             background: rgba(40,42,46,.9);
  107.             color: #fff;
  108.         }
  109.  
  110.         body > nav > aside > section.settings > .setting > label > span:last-of-type {
  111.             background: rgba(40,42,46,.9);
  112.         }
  113.  
  114.         body > nav > aside > section.settings > .setting > label > span:last-of-type {
  115.             color: #fff;
  116.         }
  117.  
  118.         body > nav > aside > section.settings > .setting > label > span {
  119.             color: #fff;
  120.         }
  121.  
  122.         body > nav > aside > section.settings > .setting > label {
  123.             border: 1px solid rgba(200,200,217,.05);
  124.         }
  125.  
  126.             body > nav > aside > section.settings > .setting > label > span:first-of-type {
  127.                 border-right: 1px solid rgba(200,200,217,.05);
  128.             }
  129.  
  130.         body > nav > aside > section.settings > .setting > input {
  131.             color: #fff;
  132.             border: 1px solid rgba(200,200,217,.05);
  133.         }
  134.  
  135.         body > nav > aside > section.settings > .setting select {
  136.             border: 1px solid rgba(200,200,217,.05);
  137.             background: rgba(64,67,73,.9);
  138.             color: #fff;
  139.         }
  140.  
  141.         body > nav > aside > section.settings > .setting > input[type=range] {
  142.             border: 1px solid rgba(200,200,217,.05);
  143.         }
  144.  
  145.             body > nav > aside > section.settings > .setting > input[type=range]::-webkit-slider-thumb {
  146.                 background: rgba(40,42,46,.9);
  147.             }
  148.  
  149.             body > nav > aside > section.settings > .setting > input[type=range]::-moz-range-thumb {
  150.                 background: rgba(40,42,46,.9);
  151.             }
  152.  
  153.             body > nav > aside > section.settings > .setting > input[type=range]::-ms-thumb {
  154.                 background: rgba(40,42,46,.9);
  155.             }
  156.  
  157.         body > nav > aside > section.settings > .setting > textarea {
  158.             color: #fff;
  159.             border: 1px solid rgba(200,200,217,.05);
  160.         }
  161.  
  162. section.op .info span svg,
  163. section.reply .info span svg {
  164.     fill: #c8c8d9;
  165. }
  166.  
  167.  
  168. section.reply {
  169.     background: rgba(40,42,46,.9);
  170.     padding: 0.2em 0.3em 0.5em 0.6em;
  171.     border: 1px solid rgba(200,200,217,.05);
  172.     color: #fff;
  173. }
  174.     section.reply > .info > time {
  175.         color: #fff;
  176.     }
  177.    
  178.     section.op .message, section.reply .message {
  179.         padding: 4px 10px;
  180.     }
  181.  
  182.     section.op > .info a.name,
  183.     section.reply > .info a.name {
  184.         color: #fff;
  185.         font-weight: bold;
  186.     }
  187.  
  188.  
  189.     section.op > .info a.backlink,
  190.     section.reply > .info a.backlink {
  191.         color: #fff;
  192.         text-decoration: underline;
  193.     }
  194.  
  195.     section.op > .info a.name[href], section.reply > .info a.name[href] {
  196.         color: #fff;
  197.         text-decoration: underline;
  198.     }
  199.  
  200.     section.op > .info a.mentionlink,
  201.     section.reply > .info a.mentionlink {
  202.         color: #c8c8d9;
  203.         text-decoration: underline;
  204.     }
  205.  
  206.     section.op > .info a,
  207.     section.reply > .info a {
  208.         color: #c8c8d9;
  209.     }
  210.  
  211.         section.op > .info a:hover,
  212.         section.reply > .info a:hover {
  213.             color: #e6e6ee;
  214.         }
  215.  
  216.         section.op > .info a.name:hover,
  217.         section.reply > .info a.name:hover {
  218.             color: #fff;
  219.         }
  220.  
  221.     section.op > .info,
  222.     section.reply > .info {
  223.         border-bottom: none;
  224.     }
  225.  
  226.     section.op > .contentLong,
  227.     section.reply > .contentLong {
  228.         max-height: 260px;
  229.     }
  230.  
  231.  
  232. .boardlink {
  233.     background: rgba(64,67,73,.9);
  234.     border: 1px solid rgba(200,200,217,.05);
  235.     box-shadow: 2px 2px 2px 0 rgba(0,0,0,.25)
  236. }
  237.     .boardlink > section.reply {
  238.         background: transparent;
  239.         border-width: 1px;
  240.     }
  241.    
  242.     .boardlink section.op > .info {
  243.         border-top: 0;
  244.         margin-top: 0;
  245.     }
  246.  
  247.  
  248. .message a {
  249.     color: #c8c8d9;
  250. }
  251.  
  252. .message a[href] {
  253.     color: #c8c8d9;
  254. }
  255.  
  256. .message a[href]:hover {
  257.     color: #e6e6ee;
  258. }
  259.  
  260. .message mark {
  261.     text-shadow: none;
  262. }
  263.  
  264. .message blockquote {
  265.     color: #b5bd68
  266. }
  267.  
  268. section.op {
  269.     text-shadow: 1px 1px 1px #000, 0px 0px 4px rgba(0,0,0,.5)
  270. }
  271.  
  272. section.op > .info {
  273.     background-color: transparent;
  274.     color: #fff;
  275.     border-top: 1px solid rgba(200,200,217,.05);
  276.     margin-top: 8px;
  277. }
  278.  
  279. main, header, footer, body > aside {
  280.     padding-left: 16px;
  281.     padding-right: 16px;
  282.     box-sizing: border-box;
  283. }
  284.  
  285. section.reply > .info > label,
  286. section.op > .info > label {
  287.     color: #c8c8d9;
  288. }
  289.  
  290. section.reply > .info > label:hover,
  291. section.op > .info > label:hover {
  292.     background-color: transparent;
  293.     color: #e6e6ee;
  294. }
  295.  
  296. section.reply > .info a.button:hover,
  297. section.op > .info a.button:hover {
  298.     background-color: transparent;
  299.     color: #e6e6ee;
  300. }
  301.  
  302. section.op > .info > input[type=checkbox][id|=options]:checked ~ label[for|=options], section.op > .info > input[type=checkbox][id|=administration]:checked ~ label[for|=administration],
  303. section.reply > .info > input[type=checkbox][id|=options]:checked ~ label[for|=options], section.reply > .info > input[type=checkbox][id|=administration]:checked ~ label[for|=administration] {
  304.     background-color: transparent;
  305.     color: #e6e6ee;
  306. }
  307.  
  308. section.op > .info > aside,
  309. section.reply > .info > aside {
  310.     border: 1px solid rgba(200,200,217,.05);
  311.     background: rgba(64,67,73,.9);
  312.     box-shadow: 2px 2px 2px 0 rgba(0,0,0,.25);
  313.     color: #c8c8d9;
  314.     text-shadow: none
  315. }
  316.     section.op > .info > aside.options a,
  317.     section.reply > .info > aside.options a {
  318.         color: #c8c8d9;
  319.     }
  320.  
  321.         section.op > .info > aside.options a:hover,
  322.         section.reply > .info > aside.options a:hover {
  323.             background-color: transparent;
  324.             color: #e6e6ee;
  325.         }
  326.  
  327. section.op.hover {
  328.     background: transparent;
  329.     border: 0;
  330. }
  331.  
  332. section.reply.hover {
  333.     background: rgba(64,67,73,.9);
  334.     border: 1px solid rgba(200,200,217,.05);
  335. }
  336.  
  337. footer {
  338.     border-top: 1px solid rgba(200,200,217,.05);
  339.     background: transparent;
  340.     color: #fff;
  341.     margin-top: 16px;
  342. }
  343.  
  344.     footer > aside {
  345.         color: #fff;
  346.     }
  347.  
  348.     footer > nav {
  349.         display: inline-block;
  350.         background: rgba(40,42,46,.9);
  351.         padding: 4px;
  352.         border: 1px solid rgba(200,200,217,.05);
  353.     }
  354.  
  355.         footer > nav > a:hover {
  356.             background-color: transparent;
  357.             color: #e6e6ee;
  358.         }
  359.  
  360.         footer > nav > a {
  361.             background-color: transparent;
  362.             color: #c8c8d9;
  363.         }
  364.  
  365.             footer > nav > a:not([href]) {
  366.                 background-color: transparent;
  367.                 color: #fff;
  368.                 font-weight: bold;
  369.             }
  370.  
  371. header > h1 {
  372.     color: #fff;
  373.     text-shadow: 2px 2px 4px #000;
  374.     font-weight: bold;
  375. }
  376.  
  377. body > aside > p,
  378. footer > aside > p {
  379.     text-shadow: 1px 1px 1px #000, 0px 0px 4px rgba(0,0,0,.5)
  380. }
  381.  
  382.  
  383. body > nav > label[for=menu] {
  384.     color: #c8c8d9;
  385.     border: 0
  386. }
  387.  
  388. body > nav > input[type=checkbox][id=menu]:checked ~ label[for=menu] {
  389.     background-color: rgba(64,67,73,.9);
  390.     border: 0
  391. }
  392.  
  393. body > nav > label[for=menu]:hover {
  394.     background: transparent;
  395.     border: 0;
  396.     color: #e6e6ee;
  397. }
  398.  
  399.  
  400.  
  401. @media only screen and (max-width: 720px) {
  402.     body > nav > ul > li:first-child {
  403.         border-left: 0;
  404.     }
  405.  
  406.     body > nav > ul > li {
  407.         border-right: 0;
  408.     }
  409.  
  410.         body > nav > ul > li > a,
  411.         body > nav > ul > li > ul > li > a {
  412.             color: #c8c8d9;
  413.         }
  414.  
  415.             body > nav > ul > li > a:hover,
  416.             body > nav > ul > li > ul > li > a:hover {
  417.                 background-color: transparent;
  418.                 color: #e6e6ee;
  419.             }
  420.  
  421.     body > nav > ul {
  422.         background-color: rgba(64,67,73,.9);
  423.         border: 0;
  424.         box-shadow: 3px 3px 3px rgba(0,0,0,.4);
  425.     }
  426.  
  427.         body > nav > ul > li,
  428.         body > nav > ul > li.separateBefore,
  429.         body > nav > ul > li.separateAfter {
  430.             border-right: 0;
  431.             border-left: 0;
  432.         }
  433.        
  434.     section.op > .content > .file {
  435.         background: rgba(40,42,46,.9);
  436.     }
  437.    
  438.     body > nav {
  439.         line-height: 40px
  440.     }
  441.    
  442.     body > nav > aside > section.boardmenu,
  443.     body > nav > aside > section.synchronization,
  444.     body > nav > aside > section.informations,
  445.     body > nav > aside > section.settings {
  446.         margin-top: 40px;
  447.         max-height: calc(100% - 39px)
  448.     }
  449. }
  450.  
  451. .message code {
  452.     background-color: rgba(255, 255, 255, 0.1);
  453. }
  454.  
  455. main.catalog > article.thread {
  456.     background-color: rgba(40,42,46,.9);
  457.     color: #fff;
  458.     border: 1px solid rgba(200,200,217,.05);
  459. }
  460.  
  461. main.catalog > article.thread > section.op {
  462.     text-shadow: none;
  463. }
  464.  
  465. main.catalog > article.thread > section.op > .info {
  466.     border-top: none;
  467.     margin-top: 0;
  468. }
  469.  
  470.  
  471.  
  472.  
  473. section.post {
  474.     color: #fff;
  475. }
  476.  
  477.     section.post table {
  478.         background-color: rgba(40,42,46,.9);
  479.     }
  480.  
  481.         section.post table tr {
  482.             border-bottom: 1px solid rgba(200,200,217,.05);
  483.         }
  484.  
  485.             section.post table tr th label {
  486.                 color: #fff;
  487.             }
  488.  
  489.         section.post table td > textarea {
  490.             color: #fff;
  491.         }
  492.  
  493.         section.post table tr td > input[type=password], section.post table tr td > input[type=text] {
  494.             color: #fff;
  495.         }
  496.  
  497.         section.post table td > input[type="file"] {
  498.             color: #fff;
  499.         }
  500.  
  501.         section.post table tr td > input[type=checkbox] + label[for] {
  502.             color: #c8c8d9;
  503.         }
  504.  
  505.         section.post table td > input[type=checkbox]:checked + label[for] {
  506.             color: #c8c8d9;
  507.         }
  508.  
  509.         section.post table tr td > input[type=checkbox]:checked + label[for] {
  510.             background-color: transparent;
  511.             text-shadow: 0 0 5px #c8c8d9, 0 0 5px #c8c8d9;
  512.         }
  513.  
  514.  
  515.     section.post input[type=submit] {
  516.         color: #c8c8d9;
  517.         background-color: rgba(40,42,46,.9);
  518.         border-top: 1px solid rgba(200,200,217,.05);
  519.         border-left: none;
  520.     }
  521.  
  522.     section.post aside.closeQuick {
  523.         color: #c8c8d9;
  524.         border-right: 1px solid rgba(200,200,217,.05);
  525.     }
  526.  
  527.     section.post aside.closeFast {
  528.         color: #c8c8d9;
  529.         background-color: rgba(40,42,46,.9);
  530.         border-bottom: 1px solid rgba(200,200,217,.05);
  531.     }
  532.  
  533.     section.post aside.moveFast {
  534.         border-left: 1px solid rgba(200,200,217,.05);
  535.         color: #c8c8d9;
  536.     }
  537.  
  538.     section.post table tr td > input[type=checkbox] + label[for]:hover,
  539.     section.post input[type=submit]:hover,
  540.     section.post aside.closeQuick:hover,
  541.     section.post aside.closeFast,
  542.     section.post aside.moveFast:hover {
  543.         color: #e6e6ee;
  544.     }
  545.  
  546.  
  547. section.search {
  548.     color: #fff;
  549. }
  550.  
  551.     section.search table {
  552.         background-color: rgba(40,42,46,.9);
  553.     }
  554.    
  555.     section.search table tr td input[type="text"],
  556.     section.search table tr td input[type="number"] {
  557.         background-color: transparent;
  558.         color: #fff;
  559.     }
  560.    
  561.     section.search table tr th label {
  562.         color: #fff;
  563.     }
  564.    
  565.     section.search table tr td label {
  566.         color: #c8c8d9;
  567.     }
  568.    
  569.     section.search table tr {
  570.             border-bottom: 1px solid rgba(200,200,217,.05);
  571.     }
  572.    
  573.     section.search input[type=submit] {
  574.         color: #c8c8d9;
  575.         background-color: rgba(40,42,46,.9);
  576.         border-top: 1px solid rgba(200,200,217,.05);
  577.         border-left: none;
  578.     }
  579.    
  580.     section.search table tr td > input[type=radio]:checked + label[for] {
  581.         background-color: transparent;
  582.         text-shadow: 0 0 5px #c8c8d9, 0 0 5px #c8c8d9;
  583.     }
  584.    
  585.     section.search table tr td > input[type=radio] + label[for]:hover,
  586.     section.search table tr td label:hover,
  587.     section.search input[type=submit]:hover {
  588.         color: #e6e6ee;
  589.     }
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