styling changes

This commit is contained in:
EduardSkibidiGooner 2024-09-19 18:23:02 +03:00
parent 70b16c063a
commit f48e257462
2 changed files with 14 additions and 14 deletions

View file

@ -14,15 +14,18 @@
color: #e0ceed;
}
.container {
width: 80%;
margin: 20px auto;
width: 210mm;
margin: 0 auto;
padding: 20mm;
}
.sitemap {
background-color: #151217;
color: #e0ceed;
padding: 20px;
border-radius: 10px;
height: 100%;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 20px;
box-sizing: border-box;
}
h1 {
text-align: center;
@ -32,15 +35,17 @@
font-weight: bold;
}
.section {
margin-bottom: 10px;
margin-bottom: 20px;
}
.section > .title {
.title {
background-color: #211d26;
padding: 10px;
border-radius: 8px;
border: 1px solid #3b3442;
cursor: pointer;
margin-top: 10px;
color: #e0ceed;
font-size: 16px;
}
.section-content {
display: none;
@ -50,12 +55,6 @@
border-radius: 8px;
margin-top: 5px;
}
.section-content .title {
margin-top: 5px;
}
.section-content .title + .section-content {
padding-left: 20px;
}
.section-content a {
display: block;
text-decoration: none;
@ -65,6 +64,7 @@
border-radius: 8px;
border: 1px solid #3b3442;
margin-top: 5px;
font-size: 14px;
}
.section-content a:hover {
background-color: #2c282f;
@ -82,7 +82,7 @@
<div class="title" onclick="toggleContent(this)">CS</div>
<div class="section-content">
<div class="section">
<a href="https://prigoana.lol/CS/ProblemSolvingProcess/">Problem Solving Process</a>
<a href="https://prigoana.lol/CS/ProblemSolvingProcess/">Problem Solving Process</a>
</div>
</div>
</div>