dracublog/exampleSite/resources/_gen/assets/css/main.css_48b060fe05b0a273d1...

1 line
5.7 KiB
Plaintext
Raw Normal View History

:root{--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir, "Nimbus Sans L", Roboto, Noto, "Segoe UI", Arial, Helvetica, "Helvetica Neue", sans-serif;--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;--base-fontsize: 1.15rem;--header-scale: 1.25;--line-height: 1.618;--bg: #282a36;--accent-bg: #282a36;--text: #f8f8f2;--text-light: #6272a4;--border: #44475a;--accent: #bd93f9;--accent-light: #bd93f9;--code: #ff79c6;--preformatted: #ccc;--marked: #f1fa8c}img,video{opacity:.6}*{font-family:var(--sans-font)}html{font-size:16px}body{color:var(--text);background:var(--bg);font-size:var(--base-fontsize);line-height:var(--line-height);margin:0}main{margin:1rem auto 0;max-width:45rem;padding:0 .5rem}header{background:var(--accent-bg);border-bottom:1px solid var(--border);padding:1.5rem 15rem;margin-bottom:3rem}@media only screen and (max-width:1200px){header{padding:1rem}nav{text-align:center}}header h1,header p{margin:0}header h2{text-align:center;line-height:1.1}nav{font-size:1rem;line-height:2;padding:1rem 0}nav a{margin:1rem 1rem 0 0;border:1px solid var(--border);border-radius:5px;color:var(--text)!important;display:inline-block;padding:.1rem 1rem;text-decoration:none;transition:.4s}nav a:hover{color:var(--accent)!important;border-color:var(--accent)}nav a.current:hover{text-decoration:none}footer{margin-top:4rem;padding:2rem 1rem 1.5rem;color:var(--text-light);font-size:.9rem;text-align:center;border-top:1px solid var(--border)}h1{font-size:calc(var(--base-fontsize) * var(--header-scale) * var(--header-scale) * var(--header-scale) * var(--header-scale));margin-top:calc(var(--line-height) * 1.5rem)}h2{font-size:calc(var(--base-fontsize) * var(--header-scale) * var(--header-scale) * var(--header-scale));margin-top:calc(var(--line-height) * 1.5rem)}h3{font-size:calc(var(--base-fontsize) * var(--header-scale) * var(--header-scale));margin-top:calc(var(--line-height) * 1.5rem)}h4{font-size:calc(var(--base-fontsize) * var(--header-scale));margin-top:calc(var(--line-height) * 1.5rem)}h5{font-size:var(--base-fontsize);margin-top:calc(var(--line-height) * 1.5rem)}h6{font-size:calc(var(--base-fontsize)/var(--header-scale));margin-top:calc(var(--line-height) * 1.5rem)}a,a:visited{color:var(--accent)}a:hover{text-decoration:none}a button,button,input[type=submit],input[type=reset],input[type=button]{border:none;border-radius:5px;background:var(--accent);font-size:1rem;color:var(--bg);padding:.7rem .9rem;margin:.5rem 0;transition:.4s}a button[disabled],button[disabled],input[type=submit][disabled],input[type=reset][disabled],input[type=button][disabled]{cursor:default;opacity:.5;cursor:not-allowed}abbr{cursor:help}button:focus,button:enabled:hover,input[type=submit]:focus,input[type=submit]:enabled:hover,input[type=reset]:focus,input[type=reset]:enabled:hover,input[type=button]:focus,input[type=button]:enabled:hover{opacity:.8}details{padding:.6rem 1rem;background:var(--accent-bg);border:1px solid var(--border);border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}details[open]{padding-bottom:.75rem}details[open] summary{margin-bottom:.5rem}details[open]>*:last-child{margin-bottom:0}table{border-collapse:collapse;width:100%}td,th{border:1px solid var(--border);text-align:left;padding:.5rem}th{background:var(--accent-bg);font-weight:700}tr:nth-child(even){background:var(--accent-bg)}table caption{font-weight:700;margin-bottom:.5rem}ol,ul{padding-left:3rem}textarea,select,input{font-size:inherit;font-family:inherit;padding:.5rem;margin-bottom:.5rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:5px;box-shadow:none;box-sizing:border-box;width:60%}textarea{width:80%}@media only screen and (max-width:720px){textarea,select,input{width:100%}}input[type=checkbox],input[type=radio]{width:auto}input[type=file]{border:0}fieldset{border:0;padding:0;margin:0}hr{color:var(--border);border-top:1px;margin:1rem auto}mark{padding:2px 5px;border-radius:4px;background:var(--marked)}main img,main video{max-width:100%;border-radius:5px}figure{margin:0}figc