Adjust z-indexes and add nice button class
This commit is contained in:
parent
cebb060352
commit
6ff0b2ef88
2 changed files with 16 additions and 3 deletions
16
css/base.css
16
css/base.css
|
|
@ -47,7 +47,7 @@ main {
|
||||||
main h1, main h2, main h3 {
|
main h1, main h2, main h3 {
|
||||||
font-family: MonTrappist;
|
font-family: MonTrappist;
|
||||||
color: white;
|
color: white;
|
||||||
z-index: 2;
|
z-index: 20;
|
||||||
}
|
}
|
||||||
|
|
||||||
main h1 {
|
main h1 {
|
||||||
|
|
@ -90,6 +90,7 @@ main p {
|
||||||
}
|
}
|
||||||
|
|
||||||
section {
|
section {
|
||||||
|
position: relative ;
|
||||||
max-width: 1400px;
|
max-width: 1400px;
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
text-align:justify;
|
text-align:justify;
|
||||||
|
|
@ -97,7 +98,7 @@ section {
|
||||||
margin-bottom: 100px;
|
margin-bottom: 100px;
|
||||||
padding: 2%;
|
padding: 2%;
|
||||||
padding-left: 0px;
|
padding-left: 0px;
|
||||||
z-index: 1;
|
z-index: 1000;
|
||||||
box-shadow: -5px 5px 0px var(--accent-yellow), -10px 10px 0px var(--accent-orange), -15px 15px 0px var(--accent-violet);
|
box-shadow: -5px 5px 0px var(--accent-yellow), -10px 10px 0px var(--accent-orange), -15px 15px 0px var(--accent-violet);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -164,6 +165,17 @@ main > *.draggable:not(.sticker) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn-nice {
|
||||||
|
color: #FFFFFF;
|
||||||
|
text-shadow: -5px 5px 0px var(--accent-orange), -10px 10px 0px var(--accent-violet);
|
||||||
|
color: var(--accent-yellow);
|
||||||
|
font-size: 1.2em;
|
||||||
|
text-align: center;
|
||||||
|
margin: auto;
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
#camp {
|
#camp {
|
||||||
font-family: segoesc;
|
font-family: segoesc;
|
||||||
float: left;
|
float: left;
|
||||||
|
|
|
||||||
|
|
@ -4,6 +4,7 @@ main img.draggable {
|
||||||
max-width: 200px;
|
max-width: 200px;
|
||||||
max-height: 200px;
|
max-height: 200px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -12,7 +13,7 @@ main img.draggable {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
z-index: 10;
|
z-index: 1;
|
||||||
filter: drop-shadow(5px 3px 2px #000000b7);
|
filter: drop-shadow(5px 3px 2px #000000b7);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue