(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
body { | body { | ||
margin: 0; | margin: 0; | ||
− | |||
} | } | ||
#webgl-output{ | #webgl-output{ | ||
position: absolute; | position: absolute; | ||
z-index: -1; | z-index: -1; | ||
+ | } | ||
+ | #indexTitle1{ | ||
+ | /*background-color: antiquewhite;*/ | ||
+ | width: 100%; | ||
+ | float: left; | ||
+ | position: absolute; | ||
+ | margin: 10vh 0vw 0vh 0vw; | ||
+ | font-size: 1.75vh; | ||
+ | /* font-family: "Cambria"; */ | ||
+ | font-weight: bold; | ||
+ | cursor: default; | ||
+ | color: white; | ||
+ | letter-spacing:2px; | ||
+ | text-shadow: 0 0 25px #fff; | ||
} | } | ||
+ | #indexTitle2{ | ||
+ | /*background-color: antiquewhite;*/ | ||
+ | width: 5vh; | ||
+ | float: left; | ||
+ | position: absolute; | ||
+ | /* position: relative; */ | ||
+ | margin: 13vh 0vw 0vh 0vw; | ||
+ | font-size: 7vh; | ||
+ | /* font-family: "Cambria"; */ | ||
+ | font-weight: bold ; | ||
+ | cursor: default; | ||
+ | color: white; | ||
+ | |||
+ | text-shadow: 0 0 25px #fff; | ||
+ | /*color:#ffffff;*/ | ||
+ | |||
+ | letter-spacing:5px; | ||
+ | line-height:7vh; | ||
+ | } | ||
+ | |||
+ | #indexTitle3{ | ||
+ | /*background-color: antiquewhite;*/ | ||
+ | width: 100%; | ||
+ | float: left; | ||
+ | position: absolute; | ||
+ | margin: 29vh 0vw 0vh 0vw; | ||
+ | font-size: 1.75vh; | ||
+ | /* font-family: "Cambria"; */ | ||
+ | font-weight: bold; | ||
+ | cursor: default; | ||
+ | color: white; | ||
+ | letter-spacing:2px; | ||
+ | text-shadow: 0 0 25px #fff; | ||
+ | } | ||
.findMore1{ | .findMore1{ | ||
position: absolute; | position: absolute; | ||
float: left; | float: left; | ||
− | left: | + | left: 80px; |
− | top: | + | top: 600px; |
} | } | ||
Line 18: | Line 65: | ||
list-style-type: none; | list-style-type: none; | ||
} | } | ||
+ | |||
div.findMore1 li a{ | div.findMore1 li a{ | ||
font-family: "Cambria"; | font-family: "Cambria"; |
Latest revision as of 09:01, 6 October 2019
body { margin: 0; }
- webgl-output{
position: absolute; z-index: -1;
}
- indexTitle1{
/*background-color: antiquewhite;*/ width: 100%; float: left; position: absolute; margin: 10vh 0vw 0vh 0vw; font-size: 1.75vh; /* font-family: "Cambria"; */ font-weight: bold; cursor: default; color: white; letter-spacing:2px; text-shadow: 0 0 25px #fff;
}
- indexTitle2{
/*background-color: antiquewhite;*/ width: 5vh; float: left; position: absolute; /* position: relative; */ margin: 13vh 0vw 0vh 0vw; font-size: 7vh; /* font-family: "Cambria"; */ font-weight: bold ; cursor: default; color: white;
text-shadow: 0 0 25px #fff; /*color:#ffffff;*/
letter-spacing:5px; line-height:7vh;
}
- indexTitle3{
/*background-color: antiquewhite;*/ width: 100%; float: left; position: absolute; margin: 29vh 0vw 0vh 0vw; font-size: 1.75vh; /* font-family: "Cambria"; */ font-weight: bold; cursor: default; color: white; letter-spacing:2px; text-shadow: 0 0 25px #fff;
} .findMore1{
position: absolute; float: left; left: 80px; top: 600px;
} .findmore2{
list-style-type: none;
}
div.findMore1 li a{
font-family: "Cambria"; font-weight: bold; font-size: 18px; letter-spacing:2px; border: 1px solid; border-radius:10px; border-color: white; text-align: center; width: 280px; height: 40px; line-height: 40px; background-color: rgba(0,0,0,0); position: absolute; color:white; text-decoration: none; transition: color 200ms,background-color 200ms;
} div.findMore1 li a:hover{
color:black; background-color: rgba(255,255,255,1);
}