|
|
Line 126: |
Line 126: |
| text-align:justify; | | text-align:justify; |
| font-size:1.1rem; | | font-size:1.1rem; |
− | }
| |
− | /*comic_use*/
| |
− | #margin{
| |
− | position: relative;
| |
− | width: 72.8vw;
| |
− | height: 77vw;
| |
− | }
| |
− | #margin h1{
| |
− | font-size:3vw;
| |
− | }
| |
− | .comic1 {
| |
− | position: absolute;
| |
− | width: 21.84vw;
| |
− | height: 8.32vw;
| |
− | z-index: 0;
| |
− | background: url('https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--botany_garden.jpeg');
| |
− | background-size: 21.84vw 8.32vw;
| |
− | border:solid;
| |
− | left:3.12vw;
| |
− | top:3.12vw;
| |
− | }
| |
− |
| |
− | .comic2 {
| |
− | position: absolute;
| |
− | width: 21.84vw;
| |
− | height: 8.2vw;
| |
− | z-index: 0;
| |
− | background: url('https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--botany_garden.jpeg');
| |
− | background-size: 21.84vw 8.2vw;
| |
− | border:solid;
| |
− | left:-0.8%;
| |
− | top:105%;
| |
− |
| |
− | }
| |
− |
| |
− | .comic3 {
| |
− | position: absolute;
| |
− | width: 28vw;
| |
− | height: 16.7vw;
| |
− | z-index: 1;
| |
− | background: url('https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--botany_garden.jpeg');
| |
− | background-size: 28vw 16.7vw;
| |
− | border:solid;
| |
− | -webkit-clip-path: polygon(0 0, 100% 0, 58% 100%, 0% 100%);
| |
− | clip-path: polygon(0 0, 100% 0, 58% 100%, 0% 100%);
| |
− | top:-2.2%;
| |
− | left:102%;
| |
− | }
| |
− | .comic123helper {
| |
− | position: absolute;
| |
− | width: 49.84vw;
| |
− | height: 16.8vw;
| |
− | z-index: 2;
| |
− | -webkit-clip-path: polygon(0 0, 100% 0, 76.5% 100%, 0% 100%);
| |
− | clip-path: polygon(0 0, 100% 0, 76.5% 100%, 0% 100%);
| |
− | left:4.3%;
| |
− | top:4.01%;
| |
− | }
| |
− | .comic123cover {
| |
− | position: absolute;
| |
− | width: 49.8vw;
| |
− | height: 16.8vw;
| |
− | z-index: 2;
| |
− | background: #dddddd !important;
| |
− | border-color: black !important;
| |
− | border:solid;
| |
− | -webkit-clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%);
| |
− | clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%);
| |
− | opacity: 0.85;
| |
− | visibility: hidden;
| |
− | }
| |
− |
| |
− | .comic123helper:hover .comic123cover {
| |
− | visibility: visible;
| |
− |
| |
− | }
| |
− |
| |
− | .ceducation{
| |
− | position:absolute;
| |
− | left:30%;
| |
− | top:42%;
| |
− | color: black !important;
| |
− | opacity: 1;
| |
− | z-index: 3;
| |
− | transition: 0.05s;
| |
− | transition-timing-function: ease-in;
| |
− | visibility: hidden;
| |
− | }
| |
− |
| |
− | .comic123cover:hover .ceducation{
| |
− | position:absolute;
| |
− | top:32%;
| |
− | visibility: visible;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | .line1{
| |
− | position:absolute;
| |
− | width:27.04vw;
| |
− | height:1.04vw;
| |
− | border: solid ;
| |
− | z-index: 2;
| |
− | transform:rotate(-54.8deg) ;
| |
− | top:33%;
| |
− | left:37.8%;
| |
− | }
| |
− | .comic4 {
| |
− | position: absolute;
| |
− | width: 26vw;
| |
− | height: 16.95vw;
| |
− | z-index: 1;
| |
− | border:solid;
| |
− | -webkit-clip-path: polygon(45% 0, 100% 0, 100% 100%, 0% 100%);
| |
− | clip-path: polygon(45% 0, 100% 0, 100% 100%, 0% 100%);
| |
− | top:-1%;
| |
− | left:185%;
| |
− | }
| |
− | .line2{
| |
− | position:absolute;
| |
− | width:27.04vw;
| |
− | height:1.04vw;
| |
− | border: solid ;
| |
− | z-index: 2;
| |
− | transform:rotate(-55.5deg) ;
| |
− | top:40%;
| |
− | left:-29%;
| |
− | }
| |
− | .educationfigure{
| |
− | position:relative;
| |
− | width: 19.76vw;
| |
− | top: 1.56vw;
| |
− | left: 2.08vw;
| |
− | }
| |
− | .comic5 {
| |
− | position: absolute;
| |
− | width: 33.28vw;
| |
− | height: 13.52vw;
| |
− | z-index: 1;
| |
− | border:solid;
| |
− | -webkit-clip-path: polygon(0 0, 45% 0, 100% 100%, 0% 100%);
| |
− | clip-path: polygon(0 0, 45% 0, 100% 100%, 0% 100%);
| |
− | top:220%;
| |
− | left:-0.5%;
| |
− | }
| |
− | .line3{
| |
− | position:absolute;
| |
− | width:24.96vw;
| |
− | height:1.04vw;
| |
− | border: solid ;
| |
− | z-index: 2;
| |
− | transform:rotate(36.4deg) ;
| |
− | top:40%;
| |
− | right:-9%;
| |
− | }
| |
− | .inclusivityfigure{
| |
− | position: relative;
| |
− | width: 20.8vw;
| |
− | }
| |
− | .comic6 {
| |
− | position: absolute;
| |
− | width: 48.36vw;
| |
− | height: 13.52vw;
| |
− | z-index: 1;
| |
− | background: url('https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--botany_garden.jpeg');
| |
− | background-size: 48.36vw 13.52vw;
| |
− | border:solid;
| |
− | -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 38% 100%);
| |
− | clip-path: polygon(0 0, 100% 0, 100% 100%, 38% 100%);
| |
− | top:220%;
| |
− | left:81%;
| |
− | }
| |
− | .comic6cover{
| |
− | position: absolute;
| |
− | width: 48.36vw;
| |
− | height: 13.468vw;
| |
− | z-index: 1;
| |
− | background: #dddddd !important;
| |
− | border-color: black !important;
| |
− | background-size: 48.36vw 13.468vw;
| |
− | border:solid;
| |
− | -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 38% 100%);
| |
− | clip-path: polygon(0 0, 100% 0, 100% 100%, 38% 100%);
| |
− | opacity: 0.85;
| |
− | top:-1%;
| |
− | left:-0.4%;
| |
− | visibility:hidden;
| |
− | }
| |
− | .comic6:hover .comic6cover{
| |
− | visibility:visible;
| |
− | }
| |
− | .cinclusivity{
| |
− | position:absolute;
| |
− | left:48%;
| |
− | top:33%;
| |
− | color: black !important;
| |
− | opacity: 1;
| |
− | z-index: 3;
| |
− | transition: 0.05s;
| |
− | transition-timing-function: ease-in;
| |
− | visibility: hidden;
| |
− | }
| |
− |
| |
− | .comic6cover:hover .cinclusivity{
| |
− | position:absolute;
| |
− | top:23%;
| |
− | visibility: visible;
| |
− | }
| |
− | .line4{
| |
− | position:absolute;
| |
− | width:24.96vw;
| |
− | height:1.04vw;
| |
− | border: solid ;
| |
− | z-index: 2;
| |
− | transform:rotate(36.4deg) ;
| |
− | top:44%;
| |
− | left:-9.1%;
| |
− | }
| |
− | .comic7 {
| |
− | position: absolute;
| |
− | width: 39.52vw;
| |
− | height: 21.84vw;
| |
− | z-index: 1;
| |
− | background: url('https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--botany_garden.jpeg');
| |
− | background-size: 38.52vw 21.84vw;
| |
− | border:solid;
| |
− | -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
| |
− | clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
| |
− | top:400%;
| |
− | left:-0.5%;
| |
− | }
| |
− | .comic7cover {
| |
− | position: absolute;
| |
− | width: 39.52vw;
| |
− | height: 21.84vw;
| |
− | z-index: 1;
| |
− | background: #dddddd !important;
| |
− | border-color: black !important;
| |
− | background-size: 38.52vw 21.84vw;
| |
− | border:solid;
| |
− | -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
| |
− | clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
| |
− | top:-0.8%;
| |
− | left:-0.4%;
| |
− | opacity: 0.8;
| |
− | visibility:hidden;
| |
− | }
| |
− | .comic7:hover .comic7cover{
| |
− | visibility:visible;
| |
− | }
| |
− | .centrepreneurship{
| |
− | position:absolute;
| |
− | left:9%;
| |
− | top:44%;
| |
− | color: black !important;
| |
− | opacity: 1;
| |
− | z-index: 3;
| |
− | transition: 0.05s;
| |
− | transition-timing-function: ease-in;
| |
− | visibility: hidden;
| |
− | }
| |
− |
| |
− | .comic7cover:hover .centrepreneurship{
| |
− | position:absolute;
| |
− | top:34%;
| |
− | visibility: visible;
| |
− | }
| |
− | .line5{
| |
− | position:absolute;
| |
− | width:29.12vw;
| |
− | height:1.04vw;
| |
− | border: solid ;
| |
− | z-index: 2;
| |
− | transform:rotate(-61.5deg) ;
| |
− | top:48%;
| |
− | right:-23.3%;
| |
− | }
| |
− | .comic8 {
| |
− | position: absolute;
| |
− | width: 31.4vw;
| |
− | height: 11.44vw;
| |
− | z-index: 1;
| |
− | background: url('https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--botany_garden.jpeg');
| |
− | background-size: 31.4vw 11.44vw;
| |
− | border:solid;
| |
− | -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
| |
− | clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
| |
− | top:400%;
| |
− | left:161%;
| |
− | }
| |
− | .comic8cover {
| |
− | position: absolute;
| |
− | width: 31.3vw;
| |
− | height: 11.44vw;
| |
− | z-index: 1;
| |
− | background: #dddddd !important;
| |
− | border-color: black !important;
| |
− | background-size: 31.4vw 11.44vw;
| |
− | border:solid;
| |
− | -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
| |
− | clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
| |
− | top:-1.3%;
| |
− | left:-0.4%;
| |
− | opacity: 0.8;
| |
− | visibility:hidden;
| |
− | }
| |
− | .comic8:hover .comic8cover{
| |
− | visibility:visible;
| |
− | }
| |
− |
| |
− | .csustainable{
| |
− | position:absolute;
| |
− | left:28%;
| |
− | top:8%;
| |
− | color: black !important;
| |
− | opacity: 1;
| |
− | z-index: 3;
| |
− | transition: 0.05s;
| |
− | transition-timing-function: ease-in;
| |
− | visibility: hidden;
| |
− | line-height:150%
| |
− | }
| |
− |
| |
− | .comic8cover:hover .csustainable{
| |
− | position:absolute;
| |
− | top:-2%;
| |
− | visibility: visible;
| |
− | }
| |
− | .line6{
| |
− | position:absolute;
| |
− | width:20.8vw;
| |
− | height:1.04vw;
| |
− | border: solid ;
| |
− | z-index: 2;
| |
− | transform:rotate(-61.3deg) ;
| |
− | top:48%;
| |
− | left:-25.7%;
| |
− | }
| |
− | .comic9 {
| |
− | position: absolute;
| |
− | width: 37.232vw;
| |
− | height: 9.88vw;
| |
− | z-index: 1;
| |
− | border:solid;
| |
− | -webkit-clip-path: polygon(14.8% 0, 100% 0, 100% 100%, 0 100%);
| |
− | clip-path: polygon(14.8% 0, 100% 0, 100% 100%, 0 100%);
| |
− | top:550%;
| |
− | left:134%;
| |
− | }
| |
− | .line7{
| |
− | position:absolute;
| |
− | width:20.8vw;
| |
− | height:1.04vw;
| |
− | border: solid ;
| |
− | z-index: 2;
| |
− | transform:rotate(-61deg) ;
| |
− | top:48%;
| |
− | left:-22.7%;
| |
− | }
| |
− | .entrepreneurshipfigure{
| |
− | position: relative;
| |
− | width: 18.72vw;
| |
− | left: 14.56vw;
| |
− | }
| |
− | .comic10 {
| |
− | position: absolute;
| |
− | width: 18.72vw;
| |
− | height: 16.64vw;
| |
− | z-index: 1;
| |
− | background: url('https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--botany_garden.jpeg');
| |
− | background-size: 18.72vw 16.64vw;
| |
− | border:solid;
| |
− | top:680%;
| |
− | left:-0.5%;
| |
− | }
| |
− | .comic10cover {
| |
− | position: absolute;
| |
− | width: 18.72vw;
| |
− | height: 16.64vw;
| |
− | z-index: 1;
| |
− | background: #dddddd !important;
| |
− | border-color: black !important;
| |
− | background-size: 18.72vw 16.64vw;
| |
− | border:solid;
| |
− | top:-1%;
| |
− | left:-0.7%;
| |
− | opacity: 0.8;
| |
− | visibility:hidden;
| |
− | }
| |
− | .comic10:hover .comic10cover{
| |
− | visibility:visible;
| |
− | }
| |
− | .ccollaborations{
| |
− | position:absolute;
| |
− | left:3%;
| |
− | top:41%;
| |
− | color: black !important;
| |
− | opacity: 1;
| |
− | z-index: 3;
| |
− | transition: 0.05s;
| |
− | transition-timing-function: ease-in;
| |
− | visibility: hidden;
| |
− | line-height:150%;
| |
− | font-size:2.5vw !important;
| |
− | }
| |
− |
| |
− | .comic10cover:hover .ccollaborations{
| |
− | position:absolute;
| |
− | top:31%;
| |
− | visibility: visible;
| |
− | }
| |
− | .comic11 {
| |
− | position: absolute;
| |
− | width: 27.04vw;
| |
− | height: 16.64vw;
| |
− | z-index: 1;
| |
− | background: url('https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--botany_garden.jpeg');
| |
− | background-size: 27.04vw 16.64vw;
| |
− | border:solid;
| |
− | top:680%;
| |
− | left:90%;
| |
− | }
| |
− | .comic11cover {
| |
− | position: absolute;
| |
− | width: 27.04vw;
| |
− | height: 16.64vw;
| |
− | z-index: 1;
| |
− | background: #dddddd !important;
| |
− | border-color: black !important;
| |
− | background-size: 27.04vw 16.64vw;
| |
− | border:solid;
| |
− | top:-1%;
| |
− | left:-0.5%;
| |
− | opacity: 0.8;
| |
− | visibility:hidden;
| |
− | display: flex;
| |
− | justify-content: center;
| |
− | }
| |
− | .comic11:hover .comic11cover{
| |
− | visibility:visible;
| |
− | }
| |
− | .cintergrated{
| |
− | position:absolute;
| |
− | top:41%;
| |
− | color: black !important;
| |
− | opacity: 1;
| |
− | z-index: 3;
| |
− | transition: 0.05s;
| |
− | transition-timing-function: ease-in;
| |
− | visibility: hidden;
| |
− | line-height:150%;
| |
− | letter-spacing:0.35rem;
| |
− | font-size:2.5vw !important;
| |
− | }
| |
− |
| |
− | .comic11cover:hover .cintergrated{
| |
− | position:absolute;
| |
− | top:31%;
| |
− | visibility: visible;
| |
− | }
| |
− | .comic12 {
| |
− | position: absolute;
| |
− | width: 18.72vw;
| |
− | height: 16.64vw;
| |
− | z-index: 1;
| |
− | background: url('https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--botany_garden.jpeg');
| |
− | background-size: 18.72vw 16.64vw;
| |
− | border:solid;
| |
− | top:680%;
| |
− | left:220%;
| |
− | }
| |
− | .comic12cover {
| |
− | position: absolute;
| |
− | width: 18.72vw;
| |
− | height: 16.64vw;
| |
− | z-index: 1;
| |
− | background: #dddddd !important;
| |
− | border-color: black !important;
| |
− | background-size: 18.72vw 16.64vw;
| |
− | border:solid;
| |
− | top:-1%;
| |
− | left:-0.7%;
| |
− | opacity: 0.8;
| |
− | visibility:hidden;
| |
− | }
| |
− | .comic12:hover .comic12cover{
| |
− | visibility:visible;
| |
− | }
| |
− | .cpartnership{
| |
− | position:absolute;
| |
− | left:13%;
| |
− | top:41%;
| |
− | color: black !important;
| |
− | opacity: 1;
| |
− | z-index: 3;
| |
− | transition: 0.05s;
| |
− | transition-timing-function: ease-in;
| |
− | visibility: hidden;
| |
− | line-height:150%;
| |
− | font-size:2.5vw !important;
| |
− | }
| |
− |
| |
− | .comic12cover:hover .cpartnership{
| |
− | position:absolute;
| |
− | top:31%;
| |
− | visibility: visible;
| |
| } | | } |
| </style> | | </style> |