Browse Source

Added ability to have hidden content, opened by clicking/taping on it

old
Jean 1 year ago
parent
commit
a084be2599
Signed by: easthighNerd <jean@easthighnerd.net> GPG Key ID: F4B3EACD21AEFFF4
1 changed files with 88 additions and 2 deletions
  1. +88
    -2
      res/css/vtuber.css

+ 88
- 2
res/css/vtuber.css View File

@@ -24,7 +24,7 @@ nav {
top: 0%;
left: 0%;
right: 0%;
max-height: 10%;
height: 4%;
text-align: center;
padding: 1%;
z-index: 1;
@@ -140,6 +140,7 @@ main .right {
border-color: #B3AFAE;
border-width: 2pt;
border-radius: 1%;
/* padding-top: 2.4%; */
}

.model_image {
@@ -155,11 +156,96 @@ main .right {
/* background-image: linear-gradient(to bottom right, white, lightgray); */
background-image: linear-gradient(to bottom right,#0087ED, #3BC18E);
margin-bottom: 2.2%;
/* display: none; */
margin-left: auto;
margin-right: auto;
}

.dropdown {
margin-top: 2.4%;
margin-bottom: 0.2%;
}

.dropdown_content {
display: none;
}

.dropdown:focus .dropdown_content {
display: block;
}

#credits {
display: none;
position: fixed;
top: 5.519%;
left: 0%;
right: 0%;
height: 4%;
text-align: left;
padding: 1%;
margin-top: 1%;
background-image: linear-gradient(to right, black, rgb(75, 75, 75));
}

#credits:target {
display: block;
}

#model_1 {
display: none;
}

#model_1:target {
display: block;
}

#model_2 {
display: none;
}

#model_2:target {
display: block;
}

#model_3 {
display: none;
}

#model_3:target {
display: block;
}

#model_4 {
display: none;
}

#model_4:target {
display: block;
}

#model_5 {
display: none;
}

#model_5:target {
display: block;
}

#model_6 {
display: none;
}

#model_6:target {
display: block;
}

#model_7 {
display: none;
}

#model_7:target {
display: block;
}

.hidden {
display: none;
}


Loading…
Cancel
Save