embed water.css
bel
parent
0a700f19c8
commit
072e4b279d
109
config/config.go
109
config/config.go
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,251 @@
|
|||
body{
|
||||
font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;word-wrap:break-word;color:#dbdbdb;background:#421531;text-rendering:optimizeLegibility
|
||||
}.button,button,input,textarea{
|
||||
transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease
|
||||
}h1{
|
||||
font-size:2.2em;margin-top:0
|
||||
}h1,h2,h3,h4,h5,h6{
|
||||
margin-bottom:12px
|
||||
}h1,h2,h3,h4,h5,h6,strong{
|
||||
color:#fff
|
||||
}b,h1,h2,h3,h4,h5,h6,strong,th{
|
||||
font-weight:600
|
||||
}q:after,q:before{
|
||||
content:none
|
||||
}blockquote,q{
|
||||
border-left:4px solid #adb4a0;margin:1.5em 0;padding:.5em 1em;font-style:italic
|
||||
}blockquote>footer{
|
||||
font-style:normal;border:0
|
||||
}address,blockquote cite{
|
||||
font-style:normal
|
||||
}a[href^=mailto\:]:before{
|
||||
content:"📧 "
|
||||
}a[href^=tel\:]:before{
|
||||
content:"📞 "
|
||||
}a[href^=sms\:]:before{
|
||||
content:"💬 "
|
||||
}mark{
|
||||
background-color:#8fae83;border-radius:2px;padding:0 2px;color:#000
|
||||
}.button,button,input[type=button],input[type=checkbox],input[type=radio],input[type=range],input[type=submit],select{
|
||||
cursor:pointer
|
||||
}input:not([type=checkbox]):not([type=radio]),select{
|
||||
display:block
|
||||
}.button,button,input,select,textarea{
|
||||
color:#fff;background-color:#300330;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none
|
||||
}.button,button,input,select,textarea{
|
||||
-webkit-appearance:none
|
||||
}textarea{
|
||||
margin-right:0;width:100%;box-sizing:border-box;resize:vertical
|
||||
}select{
|
||||
background:#300330 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;padding-right:35px
|
||||
}select::-ms-expand{
|
||||
display:none
|
||||
}select[multiple]{
|
||||
padding-right:10px;background-image:none;overflow-y:auto
|
||||
}.button,button,input[type=button],input[type=submit]{
|
||||
padding-right:30px;padding-left:30px
|
||||
}.button:hover,button:hover,input[type=button]:hover,input[type=submit]:hover{
|
||||
background:#55354c
|
||||
}.button:focus,button:focus,input:focus,select:focus,textarea:focus{
|
||||
box-shadow:0 0 0 2px #adb4a0
|
||||
}input[type=checkbox],input[type=radio]{
|
||||
position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0
|
||||
}input[type=radio]{
|
||||
border-radius:50%
|
||||
}input[type=checkbox]:checked,input[type=radio]:checked{
|
||||
background:#55354c
|
||||
}input[type=checkbox]:checked:before,input[type=radio]:checked:before{
|
||||
content:"•";display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)
|
||||
}input[type=checkbox]:checked:before{
|
||||
content:"✔";transform:translateY(-50%) translateY(.5px) translateX(-6px)
|
||||
}.button:active,button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=submit]:active{
|
||||
transform:translateY(2px)
|
||||
}.button:disabled,button:disabled,input:disabled,select:disabled,textarea:disabled{
|
||||
cursor:not-allowed;opacity:.5
|
||||
}::-webkit-input-placeholder{
|
||||
color:#a9a9a9
|
||||
}:-ms-input-placeholder{
|
||||
color:#a9a9a9
|
||||
}::-ms-input-placeholder{
|
||||
color:#a9a9a9
|
||||
}::placeholder{
|
||||
color:#a9a9a9
|
||||
}fieldset{
|
||||
border:1px solid #adb4a0;border-radius:6px;margin:0 0 6px;padding:10px
|
||||
}legend{
|
||||
font-size:.9em;font-weight:600
|
||||
}input[type=range]{
|
||||
margin:10px 0;padding:10px 0;background:transparent
|
||||
}input[type=range]:focus{
|
||||
outline:none
|
||||
}input[type=range]::-webkit-slider-runnable-track{
|
||||
width:100%;height:9.5px;transition:.2s;background:#300330;border-radius:3px
|
||||
}input[type=range]::-webkit-slider-thumb{
|
||||
box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px
|
||||
}input[type=range]:focus::-webkit-slider-runnable-track{
|
||||
background:#300330
|
||||
}input[type=range]::-moz-range-track{
|
||||
width:100%;height:9.5px;transition:.2s;background:#300330;border-radius:3px
|
||||
}input[type=range]::-moz-range-thumb{
|
||||
box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb
|
||||
}input[type=range]::-ms-track{
|
||||
width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent
|
||||
}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{
|
||||
background:#300330;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d
|
||||
}input[type=range]::-ms-thumb{
|
||||
box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb
|
||||
}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{
|
||||
background:#300330
|
||||
}a{
|
||||
text-decoration:none;color:#7fc090
|
||||
}a:hover{
|
||||
text-decoration:underline
|
||||
}code,samp,time{
|
||||
background:#300330;color:#dcff7f;padding:2.5px 5px;border-radius:6px;font-size:1em
|
||||
}pre>code{
|
||||
padding:10px;display:block;overflow-x:auto
|
||||
}var{
|
||||
color:#8a9e84;font-style:normal;font-family:monospace
|
||||
}kbd{
|
||||
background:#300330;border:1px solid #dbdbdb;border-radius:2px;color:#dbdbdb;padding:2px 4px
|
||||
}img{
|
||||
max-width:100%;height:auto
|
||||
}hr{
|
||||
border:none;border-top:1px solid #dbdbdb
|
||||
}table{
|
||||
border-collapse:collapse;margin-bottom:10px;width:100%
|
||||
}td,th{
|
||||
padding:6px;text-align:left
|
||||
}thead{
|
||||
border-bottom:1px solid #dbdbdb
|
||||
}tfoot{
|
||||
border-top:1px solid #dbdbdb
|
||||
}tbody tr:nth-child(2n){
|
||||
background-color:#3e0a2b
|
||||
}::-webkit-scrollbar{
|
||||
height:10px;width:10px
|
||||
}::-webkit-scrollbar-track{
|
||||
background:#300330;border-radius:6px
|
||||
}::-webkit-scrollbar-thumb{
|
||||
background:#55354c;border-radius:6px
|
||||
}::-webkit-scrollbar-thumb:hover{
|
||||
background:#6e4562
|
||||
}::-moz-selection{
|
||||
background-color:#200220
|
||||
}::selection{
|
||||
background-color:#200220
|
||||
}details{
|
||||
display:flex;flex-direction:column;align-items:flex-start;background-color:#3e0a2b;padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden
|
||||
}details[open]{
|
||||
padding:10px
|
||||
}details>:last-child{
|
||||
margin-bottom:0
|
||||
}details[open] summary{
|
||||
margin-bottom:10px
|
||||
}summary{
|
||||
display:list-item;background-color:#300330;padding:10px;margin:-10px -10px 0
|
||||
}details>:not(summary){
|
||||
margin-top:0
|
||||
}summary::-webkit-details-marker{
|
||||
color:#dbdbdb
|
||||
}footer{
|
||||
border-top:1px solid #300330;padding-top:10px;font-size:.8em;color:#787878
|
||||
}
|
||||
|
||||
button, input, select, textarea {
|
||||
background-color: #300330;
|
||||
}
|
||||
thead, tr:nth-child(2n) {
|
||||
background-color:#3e0a2b;
|
||||
background-color:#300330 !important;
|
||||
}
|
||||
nav {
|
||||
display: block;
|
||||
background: #300330;
|
||||
padding: .5pt;
|
||||
border-radius: 6px;
|
||||
}
|
||||
nav li li li li {
|
||||
display: none;
|
||||
}
|
||||
img {
|
||||
max-height: 400px;
|
||||
}
|
||||
body {
|
||||
/*font-size: 125%;*/
|
||||
background: #3b242b;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
height: calc(100vh - 1em);
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
body > .form {
|
||||
flex-grow: 2;
|
||||
}
|
||||
body > .form > form {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
body > .form > form > textarea ,
|
||||
body > .form > form > div {
|
||||
flex-grow: 2;
|
||||
}
|
||||
rendered > h2:nth-child(2) {
|
||||
margin: 0;
|
||||
position: fixed;
|
||||
padding: .25em;
|
||||
width: 100%;
|
||||
background: #3b242b;
|
||||
top: 0;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6, h7, h8 {
|
||||
position: relative;
|
||||
}
|
||||
.comment {
|
||||
display: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
right: 100%;
|
||||
padding-right: 1em;
|
||||
width: 10em;
|
||||
top: 0;
|
||||
text-align: right;
|
||||
font-size: 12pt;
|
||||
}
|
||||
body > h2:first-of-type {
|
||||
margin: 0;
|
||||
margin-bottom: .5em;
|
||||
padding: .3em 0 .3em 0;
|
||||
background-color: #3b242b;
|
||||
z-index: 999;
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
h1:hover > .comment,
|
||||
h2:hover > .comment,
|
||||
h3:hover > .comment,
|
||||
h4:hover > .comment,
|
||||
h5:hover > .comment,
|
||||
h6:hover > .comment,
|
||||
h7:hover > .comment,
|
||||
h8:hover > .comment,
|
||||
.comment:focus,
|
||||
.comment:focus-within {
|
||||
display: inline-flex;
|
||||
}
|
||||
.attachments > details > form {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
}
|
||||
.attachments > details > form > input:first-of-type {
|
||||
flex-grow: 2;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue