members.lumbung.space/members_lumbung_space/static/css/lumbung.css

240 lines
3.4 KiB
CSS
Raw Normal View History

2022-01-12 15:00:12 +00:00
@font-face {
font-family: "Gudea";
src:
2022-01-12 15:00:12 +00:00
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:
2022-01-12 15:00:12 +00:00
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:
2022-01-12 15:00:12 +00:00
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;
2022-01-13 09:51:37 +00:00
}
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
#not-footer {
flex: 1;
2022-01-12 15:00:12 +00:00
}
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 {
2022-01-13 10:29:32 +00:00
margin: 60px 0 !important;
2022-01-12 15:00:12 +00:00
}
}
.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;
}
2022-01-13 10:03:57 +00:00
.column a:link, footer a:link {
2022-01-12 15:00:12 +00:00
color: #333;
background-color: transparent;
2022-01-13 11:11:05 +00:00
text-decoration: none;
2022-01-12 15:00:12 +00:00
}
2022-01-13 10:03:57 +00:00
.column a:visited, footer a:visited {
2022-01-12 15:00:12 +00:00
color: #333;
background-color: transparent;
2022-01-13 11:11:05 +00:00
text-decoration: none;
2022-01-12 15:00:12 +00:00
}
footer {
background-color: #AFAFAF !important;
2022-01-12 15:00:12 +00:00
padding: 1rem 1.5rem !important;
}
footer .content span {
padding-right: 0.5rem;
}
2022-01-12 15:00:12 +00:00
.container {
padding-bottom: 2rem !important;
}
2022-01-13 09:51:37 +00:00
2022-01-13 13:29:48 +00:00
#formlogo.logo{
background-color: white;
border: 1px solid black;
transform: rotate(5deg);
margin: 0 auto 2em auto !important;
width: 75%;
position: relative;
2022-01-13 13:31:34 +00:00
bottom: 2em;
2022-01-13 13:29:48 +00:00
padding: 0.8em
}
@media all and (min-width: 768px) {
#formlogo.logo {
2022-01-13 13:29:48 +00:00
width: 50%;
}
2022-01-13 13:29:48 +00:00
.signup-form-box {
max-width: 70%;
margin: auto;
margin-top: 4em;
}
}
2022-01-17 14:19:29 +00:00
@media all and (min-width: 1216px) {
.column {
margin-left: -10px !important;
margin-right: -10px !important;
}
}
2022-01-13 13:29:48 +00:00
.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;
2022-01-17 13:55:56 +00:00
margin-right: 1em;
2022-01-13 13:29:48 +00:00
}
.form-body {
overflow-x: auto;
}
.form-body button{
margin-bottom: 1em;
}
2022-01-13 13:34:18 +00:00
.form-body .button#submit {
2022-01-13 13:29:48 +00:00
padding: 0 4em !important;
color: white;
background-color: #AFAFAF;
}
.button {
font-family: "Gudea", "sans-serif" !important;
}
2022-01-13 13:29:48 +00:00
.app_icon:hover {
transform: rotate(-15deg);
}
.app_name {
font-weight: bold;
font-size: 18px;
margin-bottom: 0.2em;
}
.app_name:hover {
text-decoration: underline;
}
.app_description {
font-size: 14px;
}
@media all and (min-width: 768px) {
.app_description {
2022-05-25 12:43:52 +00:00
padding-left: 24px;
padding-right: 24px;
}
}
.tools .app_description a:link {
text-decoration: underline;
}