218 lines
3.1 KiB
CSS
218 lines
3.1 KiB
CSS
|
|
@font-face {
|
|
font-family: "Gudea";
|
|
src:
|
|
url("/static/fonts/Gudea-Regular.ttf") format("ttf"),
|
|
url("/static/fonts/Gudea-Regular.woff2") format("woff2");
|
|
font-weight: 400;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Gudea";
|
|
src:
|
|
url("/static/fonts/Gudea-Italic.ttf") format("ttf"),
|
|
url("/static/fonts/Gudea-Italic.woff2") format("woff2");
|
|
font-weight: 400;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Gudea";
|
|
src:
|
|
url("/static/fonts/Gudea-Bold.ttf") format("ttf"),
|
|
url("/static/fonts/Gudea-Bold.woff2") format("woff2");
|
|
font-weight: 700;
|
|
}
|
|
|
|
body {
|
|
font-family: "Gudea", "sans-serif";
|
|
color: #333;
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
body {
|
|
display: flex;
|
|
min-height: 100vh;
|
|
flex-direction: column;
|
|
}
|
|
|
|
#not-footer {
|
|
flex: 1;
|
|
}
|
|
|
|
input {
|
|
display: block;
|
|
margin-top: 5px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
th, td {
|
|
padding: 15px;
|
|
}
|
|
|
|
input {
|
|
border: 2px solid currentcolor;
|
|
}
|
|
|
|
input:invalid {
|
|
border: 2px dashed red;
|
|
}
|
|
|
|
input:invalid:focus {
|
|
background-image: linear-gradient(magenta, pink);
|
|
}
|
|
|
|
.error {
|
|
color: red;
|
|
}
|
|
|
|
#welcome-message img {
|
|
width: 50%;
|
|
}
|
|
|
|
@media all and (max-width: 768px) {
|
|
.site img {
|
|
width: 48px;
|
|
}
|
|
.logo {
|
|
margin: 60px 0 !important;
|
|
}
|
|
|
|
}
|
|
|
|
.logo {
|
|
margin: 80px 0;
|
|
}
|
|
|
|
.logo img {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: block;
|
|
width: auto;
|
|
height: auto;
|
|
max-width : 100%
|
|
}
|
|
|
|
.site {
|
|
font-size: 15px;
|
|
text-align: center;
|
|
}
|
|
|
|
.site img {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
nav strong{
|
|
color: #333;
|
|
font-size: 21px;
|
|
}
|
|
|
|
.navbar-menu.is-active {
|
|
border: 1px black solid;
|
|
}
|
|
|
|
.container {
|
|
padding: 0 30px
|
|
}
|
|
|
|
.column {
|
|
margin-bottom: 20px !important;
|
|
}
|
|
|
|
.column a:link, footer a:link {
|
|
color: #333;
|
|
background-color: transparent;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.column a:visited, footer a:visited {
|
|
color: #333;
|
|
background-color: transparent;
|
|
text-decoration: none;
|
|
}
|
|
|
|
footer {
|
|
background-color: #AFAFAF !important;
|
|
padding: 1rem 1.5rem !important;
|
|
}
|
|
|
|
footer .content span {
|
|
padding-right: 0.5rem;
|
|
}
|
|
|
|
.container {
|
|
padding-bottom: 2rem !important;
|
|
}
|
|
|
|
#formlogo.logo{
|
|
background-color: white;
|
|
border: 1px solid black;
|
|
transform: rotate(5deg);
|
|
margin: 0 auto 2em auto !important;
|
|
width: 75%;
|
|
position: relative;
|
|
bottom: 2em;
|
|
padding: 0.8em
|
|
}
|
|
|
|
@media all and (min-width: 768px) {
|
|
#formlogo.logo{
|
|
width: 50%;
|
|
}
|
|
.signup-form-box {
|
|
max-width: 70%;
|
|
margin: auto;
|
|
margin-top: 4em;
|
|
}
|
|
|
|
}
|
|
|
|
@media all and (min-width: 1216px) {
|
|
.column {
|
|
margin-left: -10px !important;
|
|
margin-right: -10px !important;
|
|
}
|
|
}
|
|
|
|
|
|
.signup-form-box {
|
|
margin: auto;
|
|
margin-top: 4em;
|
|
border: #333 2px solid;
|
|
}
|
|
|
|
.form-header {
|
|
background-color: #BCE1D1;
|
|
height: 3.6em;
|
|
}
|
|
|
|
.form-body p,.form-body form {
|
|
margin-left: 1em;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.form-body {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.form-body button{
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.form-body .button#submit {
|
|
padding: 0 4em !important;
|
|
color: white;
|
|
background-color: #AFAFAF;
|
|
}
|
|
|
|
.button {
|
|
font-family: "Gudea", "sans-serif" !important;
|
|
}
|
|
|
|
/* grey out sounds.lumbung.space since it's not working yet */
|
|
[src="https://members.lumbung.space/static/svg/tv_lumbung.svg"] {
|
|
opacity: 0.5;
|
|
} |