flash.moe/public/endix.css

112 lines
2.1 KiB
CSS
Raw Normal View History

2020-08-20 00:02:37 +00:00
@import "css/electrolize/style.css";
* {
margin: 0;
padding: 0;
box-sizing: border-box;
position: relative;
outline-style: none;
}
html,
body {
width: 100%;
height: 100%;
}
body {
background-color: #111;
color: #fff;
font-size: 12px;
line-height: 20px;
font-family: Tahoma, Geneva, 'Dejavu Sans', Arial, Helvetica, sans-serif;
}
h1 {
font-family: 'Electrolize', Verdana, 'Dejavu Sans', Arial, Helvetica, sans-serif;
}
.background {
z-index: 0;
position: fixed;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
overflow: hidden;
}
.background img {
width: 100%;
height: 100%;
object-fit: cover;
filter: blur(20px);
transform: scale(1.1);
}
.container {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.container-content {
flex: 1 1 auto;
display: flex;
justify-content: flex-start;
align-items: flex-start;
overflow: auto;
scrollbar-color: rgba(0, 0, 0, .3) rgba(0, 0, 0, .2);
}
.container-content > * {
flex: 0 0 auto;
}
.header {
flex: 0 0 auto;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .1));
}
.header h1 {
font-size: 3em;
line-height: 1.2em;
text-shadow: 0 1px 5px #111;
margin: 10px 14px 0;
}
.head-nav {
display: flex;
margin: 4px 6px;
}
.head-nav a {
display: block;
color: inherit;
text-decoration: none;
margin: 2px;
padding: 6px 10px 4px;
border-radius: 4px;
text-shadow: 0 1px 5px #111;
transition: background-color .2s;
}
.head-nav a:hover,
.head-nav a:focus {
background-color: rgba(255, 255, 255, .2);
}
.head-nav a:active {
background-color: rgba(255, 255, 255, .1);
}
.head-nav-title {
font-size: 20px;
line-height: 20px;
padding-top: 2px;
font-family: 'Electrolize', Verdana, 'Dejavu Sans', Arial, Helvetica, sans-serif;
}
.head-nav-desc {
font-size: .9em;
}