(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...") |
|||
Line 1: | Line 1: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
body { | body { | ||
− | + | margin: 0; | |
− | + | overflow: hidden; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #webgl-output{ | |
− | + | position: absolute; | |
− | + | z-index: -1; | |
− | + | ||
− | + | ||
} | } | ||
+ | #indexTitle1{ | ||
+ | /*background-color: antiquewhite;*/ | ||
+ | width: 100%; | ||
+ | float: left; | ||
+ | position: absolute; | ||
+ | left: 7%; | ||
+ | top: 32.5%; | ||
+ | margin: 0; | ||
+ | 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: 500px; | |
− | + | float: left; | |
− | + | position: absolute; | |
− | + | /* position: relative; */ | |
− | + | left: 7%; | |
− | + | top: 35%; | |
− | + | margin: 0; | |
− | + | font-size: 7vh; | |
− | + | /* font-family: "Cambria"; */ | |
− | + | font-weight: bold ; | |
− | + | cursor: default; | |
− | + | color: white; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | text-shadow: 0 0 25px #fff; | |
− | + | /*color:#ffffff;*/ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | letter-spacing:5px; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #indexTitle3{ | |
− | + | /*background-color: antiquewhite;*/ | |
− | + | width: 100%; | |
− | + | float: left; | |
− | + | position: absolute; | |
− | + | left: 7%; | |
− | + | top: 55%; | |
− | + | margin: 0; | |
− | + | 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: 100px; | |
− | + | top: 730px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .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); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } |
Revision as of 08:04, 5 October 2019
body { margin: 0; overflow: hidden; }
- webgl-output{
position: absolute; z-index: -1;
}
- indexTitle1{
/*background-color: antiquewhite;*/ width: 100%; float: left; position: absolute; left: 7%; top: 32.5%; margin: 0; 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: 500px; float: left; position: absolute; /* position: relative; */ left: 7%; top: 35%; margin: 0; font-size: 7vh; /* font-family: "Cambria"; */ font-weight: bold ; cursor: default; color: white;
text-shadow: 0 0 25px #fff; /*color:#ffffff;*/
letter-spacing:5px;
}
- indexTitle3{
/*background-color: antiquewhite;*/ width: 100%; float: left; position: absolute; left: 7%; top: 55%; margin: 0; 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: 100px; top: 730px;
} .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);
}