EduardPrigoana/prigoana.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

styling changes

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
CS/ProblemSolvingProcess/index.html
View file

@ -58,7 +58,7 @@
</style> </style>
</head> </head>
<body> <body>
<div style="height: 20mm;"></div>
<div class="poster"> <div class="poster">
<h1>Problem Solving Process</h1> <h1>Problem Solving Process</h1>

26
index.html
View file

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