170 lines
2.8 KiB
CSS
170 lines
2.8 KiB
CSS
body {
|
|
background: rgba(20,21,22,0.9);
|
|
margin-top: 0px;
|
|
margin-right: 0px;
|
|
margin-bottom: 0px;
|
|
margin-left: 0px;
|
|
font-family: 'Noto Sans';
|
|
}
|
|
|
|
.ark-classic-shadow {
|
|
box-shadow:
|
|
0 0 1px #000000,
|
|
0 0 2px #040506,
|
|
0 0 3px #091011,
|
|
0 0 5px #141516;
|
|
}
|
|
|
|
.ark-classic-shadow-inblock {
|
|
box-shadow:
|
|
0 0 1px #000000,
|
|
0 0 2px #040506,
|
|
0 0 3px #091011,
|
|
0 0 5px #141516;
|
|
}
|
|
|
|
|
|
.ark-content {
|
|
margin-right: 0.5em;
|
|
margin-left: 0.5em;
|
|
min-height: 80vh;
|
|
}
|
|
|
|
.ark-hero {
|
|
background-color: rgb(29, 29, 29, 0.9);
|
|
color: white;
|
|
height: 100%;
|
|
width: 100%;
|
|
min-height: 80vh;
|
|
display: inline-flex;
|
|
margin: 0.25em 0.25em 0.25em 0.25em;
|
|
}
|
|
|
|
.ark-hero-right {
|
|
width: 45%;
|
|
margin-right: 0.5em;
|
|
margin-left: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
margin-top: 0.5em;
|
|
font-family: 'Noto Sans';
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
overflow: hidden;
|
|
align-items: center;
|
|
}
|
|
|
|
.ark-hero-left {
|
|
width: 45%;
|
|
margin-right: 0.5em;
|
|
margin-left: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
margin-top: 0.5em;
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
justify-content: flex-end;
|
|
overflow: hidden;
|
|
font-family: 'Noto Sans';
|
|
align-items: center;
|
|
}
|
|
|
|
.ark-hero-img {
|
|
width: 40%;
|
|
height: fit-content;
|
|
}
|
|
|
|
.ark-nav {
|
|
background-color: rgb(29, 29, 29, 0.9);
|
|
position: fixed;
|
|
z-index: 10;
|
|
height: 3em;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
.ark-button {
|
|
border-radius: 0;
|
|
border: 0;
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
padding-top: 1em;
|
|
padding-bottom: 1em;
|
|
font-family: 'Noto Sans';
|
|
}
|
|
.ark-button-single {
|
|
margin: 0.25em 0.25em 0.25em 0.25em;
|
|
}
|
|
.ark-button-nav {
|
|
|
|
}
|
|
|
|
.ark-button-neon {
|
|
color: white;
|
|
background-color: rgb(29, 29, 29, 0.9);
|
|
}
|
|
|
|
.ark-button-neon:hover {
|
|
color: white;
|
|
background-color: rgb(92, 50, 17, 0.9);
|
|
box-shadow:
|
|
0 0 1px #dece21,
|
|
0 0 2px #dece21,
|
|
0 0 4px #dece21,
|
|
0 0 8px #5c3211,
|
|
0 0 16px #5c3211,
|
|
0 0 18px #5c3211,
|
|
0 0 20px #5c3211,
|
|
0 0 30px #5c3211;
|
|
text-shadow:
|
|
0 0 1px #dece21,
|
|
0 0 2px #dece21,
|
|
0 0 4px #dece21,
|
|
0 0 8px #5c3211,
|
|
0 0 16px #5c3211,
|
|
0 0 18px #5c3211;
|
|
transition: 0.25s;
|
|
z-index: 101;
|
|
}
|
|
|
|
@media (pointer: coarse) and (hover: none){
|
|
.is-mobile {
|
|
display:inline;
|
|
}
|
|
.is-pc{
|
|
display:none;
|
|
}
|
|
.ark-nav-mobile {
|
|
display:inline;
|
|
}
|
|
.ark-nav-pc{
|
|
display:none;
|
|
}
|
|
.ark-nav {
|
|
bottom: 0;
|
|
}
|
|
.ark-content {
|
|
margin-top: 0.5em;
|
|
margin-bottom: 3.5em;
|
|
}
|
|
}
|
|
|
|
@media (pointer: fine) and (hover: hover) {
|
|
.is-pc{
|
|
display:inline;
|
|
}
|
|
.is-mobile{
|
|
display:none;
|
|
}
|
|
.ark-nav-mobile {
|
|
display:inline;
|
|
}
|
|
.ark-nav-pc{
|
|
display:none;
|
|
}
|
|
.ark-nav {
|
|
top: 0;
|
|
}
|
|
.ark-content {
|
|
margin-top: 3.5em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
} |