148 lines
2.5 KiB
CSS
148 lines
2.5 KiB
CSS
/* NAV */
|
|
|
|
.nav > #life {
|
|
background-color: rgb(var(--primary-rgb));
|
|
border-color: rgb(var(--secondary-rgb));
|
|
flex-grow: 4;
|
|
width: 90%;
|
|
border-right-width: 0px;
|
|
font-size: 140%;
|
|
}
|
|
|
|
.nav > #life:hover {
|
|
flex-grow: 5;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
/* DOCS */
|
|
|
|
.content > #Doc{
|
|
background-color: rgb(var(--background-rgb));
|
|
background-image: url(../img/sky.jpeg);
|
|
background-size: cover;
|
|
height: 100vh;
|
|
}
|
|
|
|
.content > #Doc > .fade {
|
|
background-image: radial-gradient(rgba(0,0,0,0) 50%, black);
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.content > #Doc > .fade > .star {
|
|
background-image: url(../img/star.png);
|
|
background-size: cover;
|
|
|
|
width: 100px; /* potřeba udělat relativni vůči stránce */
|
|
height: 100px;
|
|
position: absolute;
|
|
}
|
|
|
|
#Doc > .fade > #phrack{
|
|
margin-top: 10vh;
|
|
margin-left: 40vw;
|
|
}
|
|
|
|
#Doc > .fade > #Secrets{
|
|
margin-top: 30vh;
|
|
margin-left: 15vw;
|
|
}
|
|
|
|
#Doc > .fade > #HTB{
|
|
margin-top: 40vh;
|
|
margin-left: 65vw;
|
|
}
|
|
|
|
#Doc > .fade > #bin{
|
|
margin-top: 60vh;
|
|
margin-left: 20vw;
|
|
}
|
|
|
|
#Doc > .fade > #archive{
|
|
margin-top: 70vh;
|
|
margin-left: 25vw;
|
|
}
|
|
|
|
#Doc > .fade > #fingerprint{
|
|
margin-top: 80vh;
|
|
margin-left: 55vw;
|
|
}
|
|
|
|
|
|
/* TERMINAL */
|
|
|
|
.content > #terminal {
|
|
background-color: rgb(var(--background-rgb));
|
|
display: flex;
|
|
justify-content: center;
|
|
justify-items: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.content > #terminal > .block {
|
|
background-color: rgb(var(--secondary-background-rgb));
|
|
margin: 20px;
|
|
overflow: auto;
|
|
height: 100vh;
|
|
|
|
resize: both;
|
|
width: 100%;
|
|
overflow: auto;
|
|
|
|
border-style: solid;
|
|
border-width: 15px;
|
|
border-color: rgb(var(--secondary-rgb));
|
|
border-radius: 15px;
|
|
|
|
text-align: left;
|
|
|
|
justify-content: center;
|
|
}
|
|
|
|
.content > #terminal > .block > p {
|
|
color: rgb(var(--detail-rgb));
|
|
margin: 10px;
|
|
font-family: "Source Code Pro", monospace;
|
|
}
|
|
|
|
.content > #terminal > .block > p > b{
|
|
color: rgb(var(--primary-rgb));
|
|
|
|
}
|
|
|
|
.content > #terminal > .block > .neofetch {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.neofetch > .logo {
|
|
white-space: pre;
|
|
color: rgb(var(--primary-rgb));
|
|
margin: 10px;
|
|
font-family: "Source Code Pro", monospace;
|
|
font-weight: bold;
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
|
|
.neofetch > .text {
|
|
color: rgb(var(--detail-rgb));
|
|
margin: 10px;
|
|
font-family: "Source Code Pro", monospace;
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
|
|
.neofetch > .text > b {
|
|
color: rgb(var(--primary-rgb));
|
|
font-family: "Source Code Pro", monospace;
|
|
}
|
|
|
|
#terminal > .block > table {
|
|
color: rgb(var(--detail-rgb));
|
|
margin: 10px;
|
|
}
|
|
|
|
|