(Created page with "@font-face { font-family: 'icomoon'; src:url('../fonts/icomoon.eot?rretjt'); src:url('../fonts/icomoon.eot?#iefixrretjt') format('embedded-opentype'), url('../fonts/icomo...") |
|||
(19 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
body { | 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); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } |
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);
}