Something went wrong. Try again.
Lightweight and easily self-hostable Git forge.
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242@import "/static/css/dropdown.css";@import "/static/css/navbar.css";@import "/static/css/footer.css";
:root { --bg-col: #093D59; --bg-lighter: #165e85; --link-col: #7ac7f7; --hover-col: #2d467c; --success: rgb(139, 219, 157); --warning: #F0EE7F; --error: #f65f5f; --form-border: 1px dotted var(--link-col); --solid-border: 1px solid var(--link-col); --text-col: rgb(202, 242, 255); --heading-font: "Archivo"; --text-font: "Archivo", sans-serif; --gap: 1vh;}
@font-face { font-family: "Archivo"; src: local("Archivo"), url("/static/fonts/Archivo-Variable.woff2") format("woff"), url("/static/fonts/Archivo-Italic-Variable.woff2") format("woff"); font-weight: 400;}
* { box-sizing: border-box;}
html,body { background: var(--bg-col); color: var(--text-col); font-family: var(--text-font); margin-inline: auto; max-width: 75%; padding: var(--gap);}
h1,h2,h3,h4,h5,h6 { font-family: var(--heading-font);}
a { color: var(--link-col);}
hr { display: block; height: 2px; border: 0; border-top: 1px solid var(--text-col); border-bottom: 3px solid var(--bg-lighter); margin: var(--gap) 0 0 0; padding: 0;}
code { color: white; font-size: large;}
form { width: fit-content; padding: var(--gap); border: var(--form-border);
display: flex; flex-direction: column; align-items: baseline; flex-wrap: wrap; gap: var(--gap);
&>* { margin: 0; }
&.non-chalant { padding: 0; border: none; }}
input,textarea,button,select { border: 1px solid var(--link-col); background-color: var(--bg-lighter); color: var(--text-col); padding: 2px; border-radius: 0; padding: var(--gap); font: var(--font);
button:hover, input[type="submit"]:hover { transform: scale(101%); background-color: var(--hover-col); color: var(--text-col); }
&:active:not(select, textarea, input), input[type="submit"] { border: 1px outset var(--link-col); background-color: var(--text-col); color: var(--bg-col); box-sizing: border-box; }
&:focus, &:active { outline: none; }}
input[type="checkbox"],input[type="radio"] { appearance: none; -webkit-appearance: none;
border: var(--solid-border);
width: 1rem; height: 1rem;
background: var(--bg-lighter); cursor: pointer; position: relative;}
input[type="checkbox"]:checked,input[type="radio"]:checked { background-color: var(--link-col); color: var(--bg-col); border: 1px solid var(--text-col);}
input[type="checkbox"]:checked::before,input[type="radio"]:checked::before { content: "v"; position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%;}
input[type="radio"] { border-radius: 50%; aspect-ratio: 1/1; margin: auto;}
button,input[type="submit"] { border-radius: 0; border-width: 1px; border-color: var(--link-col) var(--hover-col) var(--hover-col) var(--link-col); border-style: solid;}
hr,br { color: var(--bg-lighter); margin-bottom: var(--gap);}
.warning,[warning] { color: black !important; background-color: var(--warning); border: 1px dashed var(--warning);}
.message,[message] { background-color: var(--success); color: var(--bg-lighter); border: 1px dotted white;}
.error,[error] { background-color: var(--error); color: white; border: 1px dotted white; padding: var(--gap);}
[warning],[message],[error] { margin: 0;}
.warning,.message,.error { margin-block: var(--gap);}
.warning,[warning],.message,[message],.error,[error] { padding: var(--gap);}
.right { margin-left: auto;}
.inline { display: flex; flex-direction: row; align-items: center; gap: var(--gap);}
@media screen and (max-width: 1000px) {
html, body { max-width: 95%; }}
@media screen and (max-width: 700px) {
html, body { max-width: 100%; }}