You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
1.3 KiB
80 lines
1.3 KiB
::root { |
|
--font-mono: 0.5; |
|
--font-casl: 0.49; |
|
--font-wght: 400; |
|
--font-slnt: 0; |
|
--font-rep-roman: 1; |
|
} |
|
|
|
body { |
|
font-family: 'Recursive', monospace; |
|
font-variation-settings: var(--font-mono), var(--font-casl), var(--font-wght), var(--font-slnt), var(--font-rep-roman); |
|
background: lightgrey; |
|
margin: 0; |
|
} |
|
|
|
nav { |
|
padding: 1ch; |
|
background-color: white; |
|
display: flex; |
|
border: 1px #666 solid; |
|
border-radius: 0 0 1ch 1ch; |
|
box-shadow: 0.5ch 0.5ch 1ch #bbb; |
|
} |
|
nav > * { |
|
position: relative; |
|
transform: translateX(50%); |
|
} |
|
|
|
main { |
|
display: flex; |
|
flex-direction: column; |
|
position: absolute; |
|
top: 25%; |
|
left: 50%; |
|
margin-right: -50%; |
|
transform: translate(-50%, -50%); |
|
} |
|
|
|
th, td { |
|
padding: 0 0.5ch; |
|
} |
|
|
|
.section { |
|
border: 1px #666 solid; |
|
border-radius: 1ch; |
|
background: white; |
|
box-shadow: 0.5ch 0.5ch 1ch #bbb; |
|
padding: 1ch; |
|
margin-bottom: 2ch; |
|
} |
|
|
|
h4 { |
|
margin: 0 0 1ch 0; |
|
} |
|
|
|
.cl-form { |
|
display: flex; |
|
flex-direction: column; |
|
} |
|
.cl-from { |
|
display: flex; |
|
margin-bottom: 1ch; |
|
} |
|
.cl-to { |
|
display: flex; |
|
margin-bottom: 1ch; |
|
} |
|
.cl-submit { |
|
width: 100%; |
|
} |
|
.cl-form-deco { |
|
margin: 0 1ch; |
|
|
|
} |
|
#id_to { flex-grow: 1;} |
|
|
|
.ov-domains { |
|
display: flex; |
|
flex-direction: column; |
|
}
|
|
|