72 lines
1.3 KiB
SCSS
72 lines
1.3 KiB
SCSS
.container {
|
|
position: relative;
|
|
width: 80vw;
|
|
height: 90vh;
|
|
margin-top: 5vh;
|
|
margin-left: auto; margin-right: auto;
|
|
|
|
display: grid;
|
|
grid-template-columns: 1.5fr 4fr 2fr auto;
|
|
grid-template-rows: 1fr 1.5em 5fr auto 1fr;
|
|
grid-auto-rows: 1fr;
|
|
grid-auto-flow: row;
|
|
grid-template-areas:
|
|
"name name pets pets"
|
|
"quotes quotes quotes quotes"
|
|
"cbox main main navigation"
|
|
"cbox main main sitecount"
|
|
"blinker blinker blinker blinker";
|
|
|
|
grid-gap: 10px;
|
|
}
|
|
|
|
.container>* {
|
|
background-color: #222;
|
|
color: white;
|
|
text-shadow: 2px 2px 5px white;
|
|
border: 2px black solid;
|
|
overflow: scroll;
|
|
|
|
box-shadow: 0px 0px 20px -5px black;
|
|
}
|
|
.container a { color: white; }
|
|
|
|
.main { grid-area: main; }
|
|
|
|
#cbox {
|
|
grid-area: cbox;
|
|
height: 100%;
|
|
}
|
|
|
|
.navigation {
|
|
grid-area: navigation;
|
|
padding: 5px;
|
|
}
|
|
|
|
.sitecount { grid-area: sitecount; }
|
|
|
|
#blinkerscroll {
|
|
grid-area: blinker;
|
|
background-color: transparent;
|
|
border: transparent;
|
|
image-rendering: pixelated;
|
|
box-shadow: initial;
|
|
}
|
|
|
|
.quotes {
|
|
grid-area: quotes;
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
.name {
|
|
display: inline;
|
|
grid-area: name;
|
|
background: linear-gradient(90deg, red, blue) !important;
|
|
font-size: 5em;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.pets { grid-area: pets; }
|
|
#statuscafe, #statuscafe a { color: black; }
|