fin
*anna*
4 years ago
parent
a9ffa8f873
commit
5d143f6668
Binary file not shown.
@ -0,0 +1,190 @@
|
||||
@font-face {
|
||||
font-family: sinistre;
|
||||
src: url(fonts/Sinistre-StCaroline.woff),
|
||||
url(fonts/Sinistre-StCaroline.otf);
|
||||
}
|
||||
@font-face {
|
||||
font-family: jolybolditalic;
|
||||
src: url(fonts/JolyDisplay-BoldDisplayItalic.woff),
|
||||
url(fonts/JolyDisplay-BoldDisplayItalic.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: jolyregularitalic;
|
||||
src: url(fonts/JolyDisplay-RegularDisplayItalic.woff),
|
||||
url(fonts/JolyDisplay-RegularDisplayItalic.otf);
|
||||
}
|
||||
@font-face {
|
||||
font-family: jolyregular;
|
||||
src: url(fonts/JolyDisplay-RegularDisplay.woff),
|
||||
url(fonts/JolyDisplay-RegularDisplay.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: jolyheavyitalic;
|
||||
src: url(fonts/JolyDisplay-HeavyDisplayItalic.woff),
|
||||
url(fonts/JolyDisplay-HeavyDisplayItalic.otf);
|
||||
}
|
||||
|
||||
/*light violet:#d166ff/ violet:#c94dff */
|
||||
|
||||
body{
|
||||
font-size: 1.5vw;
|
||||
margin:2.5%;
|
||||
font-family: jolyregular;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
::-moz-selection { /* Code for Firefox */
|
||||
color: #c94dff;
|
||||
background-color: white;
|
||||
|
||||
}
|
||||
::selection {
|
||||
color: #c94dff;
|
||||
background-color: white;
|
||||
|
||||
}
|
||||
|
||||
#info_text::-moz-selection { /* Code for Firefox */
|
||||
background-color: white;
|
||||
color:black;
|
||||
}
|
||||
#info_text::selection {
|
||||
background-color: white;
|
||||
color:black;
|
||||
}
|
||||
img.inText{
|
||||
height:3vw;
|
||||
}
|
||||
#info_button{
|
||||
left:4%;
|
||||
position: fixed;
|
||||
font-size: 4vw;
|
||||
color:#c94dff ;
|
||||
z-index: 5;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.blur_background {
|
||||
filter: blur(2px);
|
||||
}
|
||||
|
||||
#info_text{
|
||||
position: fixed;
|
||||
font-size: 1.5vw;
|
||||
z-index: 10;
|
||||
color:#c94dff ;
|
||||
font-family: jolyregular;
|
||||
background-color: white;
|
||||
top:20%;
|
||||
right:20%;
|
||||
left:20%;
|
||||
padding: 20px;
|
||||
border:1px #c94dff solid;
|
||||
-webkit-box-shadow: 10px 10px 0px 0px #c94dff ;
|
||||
-moz-box-shadow: 10px 10px 0px 0px #c94dff ;
|
||||
box-shadow: 10px 10px 0px 0px #c94dff;
|
||||
}
|
||||
a {
|
||||
color:#c94dff ;
|
||||
}
|
||||
.title{
|
||||
font-family: jolybolditalic;
|
||||
}
|
||||
|
||||
.mid_text{
|
||||
font-size: 3.2vw;
|
||||
}
|
||||
.block1{
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
.amanda_intro {
|
||||
position: relative;
|
||||
background: #ffffff;
|
||||
color: #000000;
|
||||
font-family: sinistre;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
width: 80%;
|
||||
height: 12%;
|
||||
right: 4%;
|
||||
float: right;
|
||||
border-radius: 15px;
|
||||
padding: 20px;
|
||||
border: #000000 solid 1px;
|
||||
}
|
||||
.amanda_intro:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
z-index: 1;
|
||||
border-style: solid;
|
||||
border-width: 0 20px 20px 0;
|
||||
border-color: transparent #ffffff transparent transparent;
|
||||
bottom: -20px;
|
||||
left: 80%;
|
||||
margin-left: -10px;
|
||||
}
|
||||
.amanda_intro:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 0;
|
||||
z-index: 0;
|
||||
border-style: solid;
|
||||
border-width: 0 21px 21px 0;
|
||||
border-color: transparent #000000 transparent transparent;
|
||||
bottom: -22px;
|
||||
left: 80%;
|
||||
margin-left: -10px;
|
||||
display: block;
|
||||
}
|
||||
.scene1{
|
||||
height: 500px;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top:10%;
|
||||
margin-bottom: 4%;
|
||||
}
|
||||
|
||||
#amanda_img{
|
||||
margin-left:85%;
|
||||
padding-top: 20px;
|
||||
height: 7vw;
|
||||
}
|
||||
#tree_img{
|
||||
position: absolute;
|
||||
height: 8vw;
|
||||
left:9%;
|
||||
}
|
||||
svg {
|
||||
position: absolute;
|
||||
top:250px;
|
||||
z-index:-1;
|
||||
}
|
||||
|
||||
/* scroll bar */
|
||||
/* width */
|
||||
::-webkit-scrollbar {
|
||||
color:white;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
/* Track */
|
||||
::-webkit-scrollbar-track {
|
||||
background: white;
|
||||
}
|
||||
|
||||
/* Handle */
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #c94dff;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
/* Handle on hover */
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: white;
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Loading…
Reference in New Issue