shared-assets/assets/css/main.css

104 lines
1.3 KiB
CSS
Raw Normal View History

2020-05-29 16:13:08 +00:00
/* Fonts */
@font-face {
font-family: roboto;
2020-09-21 20:23:46 +00:00
src: url(/fonts/Roboto-Regular.ttf)
2020-05-29 16:13:08 +00:00
}
@font-face {
font-family: overpass;
2020-09-22 15:34:54 +00:00
src: url(/fonts/Overpass-Regular.ttf)
2020-05-29 16:13:08 +00:00
}
/* Element styling */
html {
background-color: #212121;
color: #ffffff;
font-family: Overpass;
}
footer {
width: 100%;
}
h1, h2, h3 {
font-family: Roboto;
margin-bottom: 2px;
}
a {
color: white;
}
2020-09-21 16:35:25 +00:00
.page-title {
color: #9b59b6;
}
2020-05-29 16:13:08 +00:00
ul {
margin-top: 2px;
}
/* Layouting */
2020-09-23 15:07:38 +00:00
* {
/* To fix sizing issues */
box-sizing: border-box;
}
2020-05-29 16:13:08 +00:00
.container {
display: flex;
justify-content: center;
width: 100%;
}
.horizontal {
flex-direction: row;
}
2020-09-22 15:34:54 +00:00
.horizontal-center {
display: flex;
justify-content: center;
width: 100%;
2020-09-22 15:34:54 +00:00
}
2020-05-29 16:13:08 +00:00
.vertical {
display: flex;
flex-direction: column;
2020-09-22 15:34:54 +00:00
width: 100% !important;
2020-05-29 16:13:08 +00:00
}
.subbar-link {
padding: 5px;
}
.title-sub {
margin-top: 0px;
margin-bottom: 10px;
2020-09-22 15:34:54 +00:00
color: white;
2020-05-29 16:13:08 +00:00
}
.title-sub-subbar {
margin-top: -20px;
}
/* Text styling */
.highlight {
background-color: #373737;
padding: 4px;
}
.quote {
border-left: 2px;
border-left-style: solid;
border-color: gray;
padding-left: 4px;
}
2020-09-23 15:07:38 +00:00
.warning {
border-left: 2px;
border-left-style: solid;
border-color: gray;
padding-left: 4px;
color: #f1c40f;
}