1
0
Fork 0
mirror of https://github.com/Lynnesbian/FediBooks/ synced 2024-10-31 21:58:58 +00:00
FediBooks/static/style.css

159 lines
2.1 KiB
CSS
Raw Normal View History

body {
font-family: "Roboto", sans-serif;
2019-08-30 03:56:28 +00:00
margin: 2%;
background-color: #282c37;
color: white;
2019-08-29 05:08:11 +00:00
}
* {
box-sizing: border-box;
}
.container {
background-color: #444a5c;
padding:10px;
}
.light {
2019-08-29 01:14:42 +00:00
background-color: #4d5366;
}
.column {
flex-grow: 1;
flex-basis: 0;
padding: 10px;
}
.large {
font-size: 1.2em;
}
2019-08-29 05:08:11 +00:00
.small {
font-size: 0.8em;
}
2019-08-29 01:14:42 +00:00
.centred {
text-align: center;
}
.thin {
font-weight: 300;
}
.subtle {
color: #dddddd;
}
.row {
display: flex;
}
2019-08-29 01:35:06 +00:00
.full-width {
width: 100%;
}
.bot-icon {
width: 100px;
height: 100px;
2019-08-30 03:34:59 +00:00
background: center/contain url("https://cloud.lynnesbian.space/s/JZCPTs3DzMLAspC/preview");
}
.bot-icon, .bot-text, .bot-actions {
display: inline-block;
align-self: center;
}
.bot-text {
flex-grow: 1;
margin: 0 0 10px 10px;
}
.bot-name {
font-size: 1.8em;
margin: 10px 0;
}
.bot-actions {
margin-right: 10px;
}
2019-08-29 01:35:06 +00:00
.button {
color: white;
line-height:1.2em;
padding:10px;
text-decoration: none;
display: inline-block;
margin: 5px 0;
transition: 0.2s linear;
2019-08-29 01:35:06 +00:00
border:none;
}
2019-08-29 01:35:06 +00:00
.button:visited {
color:white;
}
2019-08-30 03:18:51 +00:00
input.button, button.button {
2019-08-29 01:35:06 +00:00
font-size: 1em;
2019-08-29 05:08:11 +00:00
cursor: pointer;
2019-08-29 01:35:06 +00:00
}
2019-08-29 01:35:06 +00:00
.btn-primary {
background-color: #9370db;
border-color: #9370db;
}
2019-08-29 01:35:06 +00:00
.btn-primary:hover {
background-color: #7859b6;
border-color: #7859b6;
}
2019-08-29 01:35:06 +00:00
.btn-secondary {
background-color: #999;
}
2019-08-29 01:35:06 +00:00
.btn-secondary:hover {
background-color: #777;
}
2019-08-29 01:35:06 +00:00
.btn-large {
font-size: 1.6em;
}
.btn-dangerous {
background-color: #e22;
}
.btn-dangerous:hover {
background-color: #c22;
}
a {
color: mediumpurple;
text-decoration: none;
}
a:visited {
color: white;
}
h1 {
font-size: 4em;
2019-08-29 01:14:42 +00:00
margin-top: 10px !important;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
margin: 0;
}
2019-08-29 01:35:06 +00:00
form {
text-align: justify;
display:inline-block;
}
label.important {
font-size: 1.4em;
margin: 10px 0;
font-weight: 300;
display:block;
}
2019-08-29 13:51:31 +00:00
input, select {
2019-08-29 05:08:11 +00:00
font-size: 1.2em;
line-height:1.4em;
border: 3px grey solid;
border-radius: none;
padding: 3px;
}
2019-08-29 13:51:31 +00:00
input:focus, select:focus {
2019-08-29 05:08:11 +00:00
border: 3px mediumpurple solid;
}
2019-08-29 13:51:31 +00:00
label, input {
flex-basis: 0;
}
label {
flex-grow: 1;
}
form .row {
margin: 10px 0;
}