Allen850413 (Talk | contribs) |
Allen850413 (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | |||
− | |||
<html> | <html> | ||
− | < | + | <style> |
+ | /*DEFAULT WIKI SETTINGS*/ | ||
+ | /*DONT TOUCH*/ | ||
+ | /*************************************************************************************************************************************************************************************************************************************************************************************************************************************/ | ||
+ | #home_logo, #sideMenu { display:none; } | ||
+ | #sideMenu, #top_title, .patrollink {display:none;} | ||
+ | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | ||
+ | body {background-color:white; } | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
+ | |||
+ | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;} | ||
+ | /*mobile*/ | ||
+ | /* 1800px */ | ||
+ | /************************************************/ | ||
+ | @media only screen and (max-width: 1800px) { | ||
+ | .igem_2018_team_content { width: 85%;} | ||
+ | .igem_2018_team_menu {display:block;} | ||
+ | } | ||
+ | /* 1400px */ | ||
+ | /************************************************/ | ||
+ | @media only screen and (max-width: 1400px) { | ||
+ | .igem_2018_team_menu .menu_item { font-size:100%;} | ||
+ | .igem_2018_team_menu .submenu .submenu_item { font-size:90%;} | ||
+ | .igem_2018_team_menu {display:block;} | ||
+ | } | ||
+ | @media only screen and (max-width: 1001px) { | ||
+ | .igem_2018_team_menu {display:block;} | ||
+ | } | ||
+ | /* 1000px */ | ||
+ | /************************************************/ | ||
+ | @media only screen and (max-width: 1000px) { | ||
+ | .igem_2018_team_content {width:100%; margin-left:0px;} | ||
+ | .igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;} | ||
+ | .igem_2018_team_mobile_bar {display:block;} | ||
+ | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; } | ||
+ | |||
+ | } | ||
+ | @media only screen and (max-width: 500px) { | ||
+ | .igem_2018_team_menu {min-width:100%; width:100%; } | ||
+ | } | ||
+ | /*************************************************************************************************************************************************************************************************************************************************************************************************************************************/ | ||
+ | /*DEFAULT WIKI SETTINGS ENDS HERE*/ | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'CCUfontsBold'; | ||
+ | src: url('https://static.igem.org/mediawiki/2018/c/c2/T--CCU_Taiwan--CCUfontsBold.eot') ; | ||
+ | src: url('https://static.igem.org/mediawiki/2018/4/42/T--CCU_Taiwan--CCUfontsBold.ttf') format('truetype'), | ||
+ | url('https://static.igem.org/mediawiki/2018/6/68/T--CCU_Taiwan--CCUfontsBold.svg') format('svg'), | ||
+ | url('https://static.igem.org/mediawiki/2018/6/68/T--CCU_Taiwan--CCUfontsBold.svg') format('svg'), | ||
+ | url('https://static.igem.org/mediawiki/2018/d/dc/T--CCU_Taiwan--CCUfontsBold.woff') format('woff'); | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | margin-top: 14px!important; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | margin: 0!important; | ||
+ | padding: 0!important; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .backgroundAboutUs { | ||
+ | width:100%; | ||
+ | height: 100%; | ||
+ | background-color:#FFE8D3; | ||
+ | font: inherit!important; | ||
+ | } | ||
+ | |||
+ | .backgroundProject { | ||
+ | width:100%; | ||
+ | height: 100%; | ||
+ | background-color:#E2FFD3; | ||
+ | font: inherit!important; | ||
+ | } | ||
+ | |||
+ | .backgroundParts { | ||
+ | width:100%; | ||
+ | height: 100%; | ||
+ | background-color:#D3FFF5; | ||
+ | font: inherit!important; | ||
+ | } | ||
+ | |||
+ | .backgroundModeling { | ||
+ | width:100%; | ||
+ | height: 100%; | ||
+ | background-color:#E8D3FF; | ||
+ | font: inherit!important; | ||
+ | } | ||
+ | |||
+ | .backgroundDrylab { | ||
+ | width:100%; | ||
+ | height: 100%; | ||
+ | background-color:#FFD3E3; | ||
+ | font: inherit!important; | ||
+ | } | ||
+ | |||
+ | .backgroundHP { | ||
+ | width:100%; | ||
+ | height: 100%; | ||
+ | background-color:#FCFFD3; | ||
+ | font: inherit!important; | ||
+ | } | ||
+ | |||
+ | .backgroundNotebook { | ||
+ | width:100%; | ||
+ | height: 100%; | ||
+ | background-color:#D3E3FF; | ||
+ | font: inherit!important; | ||
+ | } | ||
+ | |||
+ | header{ | ||
+ | margin:0 auto; | ||
+ | top:2vh; | ||
+ | width:100%; | ||
+ | position: fixed; | ||
+ | z-index:10; | ||
+ | } | ||
+ | |||
+ | header a { | ||
+ | text-decoration:none!important; | ||
+ | } | ||
+ | |||
+ | nav { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | height:7vh; | ||
+ | width: 100%; | ||
+ | background:#41ce6f; | ||
+ | box-shadow:0px 4px 6px 0px #444444; | ||
+ | } | ||
+ | .front { | ||
+ | z-index:11; | ||
+ | } | ||
+ | .title { | ||
+ | float:left; | ||
+ | display: inline-block; | ||
+ | position: relative; | ||
+ | padding-top:10px; | ||
+ | left:4vw; | ||
+ | width: 13.5vw; | ||
+ | height: 5.5vh; | ||
+ | text-align:center; | ||
+ | margin-left:0vw; | ||
+ | margin-right:0vw; | ||
+ | list-style-type: none; | ||
+ | font-size: 18px!important; | ||
+ | color: #F8F8FF; | ||
+ | line-height:25px; | ||
+ | } | ||
+ | #home_button{ | ||
+ | position:absolute; | ||
+ | left:0vw; | ||
+ | width:5.5vw; | ||
+ | height:7vh; | ||
+ | text-align:center; | ||
+ | z-index:10; | ||
+ | background:#9c957e; | ||
+ | } | ||
+ | #home_button img { | ||
+ | height:4.5vh!important; | ||
+ | width:2vw; | ||
+ | margin-top:1.2vh; | ||
+ | } | ||
+ | |||
+ | .img_title { | ||
+ | height:4vh; | ||
+ | padding-right: 1vw; | ||
+ | } | ||
+ | |||
+ | |||
+ | .sub { | ||
+ | display: none; | ||
+ | position:absolute; | ||
+ | text-align: center; | ||
+ | right:0vw; | ||
+ | top:6.2vh; | ||
+ | width:13.5vw!important; | ||
+ | height:40vh; | ||
+ | margin: 0 auto; | ||
+ | padding:0; | ||
+ | z-index:9!important; | ||
+ | background:#36BF36; | ||
+ | box-shadow:3px 3px 3px 0px #444444; | ||
+ | } | ||
+ | |||
+ | #sub_home{ | ||
+ | height:32.5vh; | ||
+ | } | ||
+ | |||
+ | #sub_project{ | ||
+ | height:40.5vh; | ||
+ | } | ||
+ | |||
+ | #sub_parts{ | ||
+ | height:32.5vh; | ||
+ | } | ||
+ | |||
+ | #sub_modeling{ | ||
+ | height:32.5vh; | ||
+ | } | ||
+ | |||
+ | #sub_drylab{ | ||
+ | height:24.5vh; | ||
+ | } | ||
+ | |||
+ | #sub_human_practice{ | ||
+ | height:32.5vh; | ||
+ | } | ||
+ | |||
+ | #sub_notebook{ | ||
+ | height:40.5vh; | ||
+ | } | ||
+ | |||
+ | .sub a { | ||
+ | color: #F5F5F5; | ||
+ | } | ||
+ | |||
+ | .sub li { | ||
+ | float:none; | ||
+ | margin: auto; | ||
+ | height: 8vh; | ||
+ | width: 13.5vw; | ||
+ | display:block!important; | ||
+ | border-top-style:solid; | ||
+ | border-top-width:1px; | ||
+ | border-top-color: #F8F8FF; | ||
+ | } | ||
+ | .sub a { | ||
+ | font-size:15px; | ||
+ | line-height:8vh; | ||
+ | } | ||
+ | nav a { | ||
+ | color:#fcfcfc; | ||
+ | font-family: 'CCUfontsBold', Arial, sans-serif; | ||
+ | font-size: 1.5vw; | ||
+ | } | ||
+ | .title:hover { | ||
+ | background-color:#36BF36; | ||
+ | transition: 500ms; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | |||
+ | .list { | ||
+ | -webkit-animation: fadein 2s; | ||
+ | } | ||
+ | .list:hover { | ||
+ | background-color:#000; | ||
+ | transition: 500ms; | ||
+ | } | ||
+ | |||
+ | .col-sm-3 { | ||
+ | position:relative; | ||
+ | min-height:1px; | ||
+ | padding-right:15px; | ||
+ | padding-left:15px | ||
+ | } | ||
+ | |||
+ | |||
+ | .first { | ||
+ | font-size: 40px!important; | ||
+ | color: #000; | ||
+ | z-index: 5; | ||
+ | font-family: 'CCUfontsBold', Arial, sans-serif!important; | ||
+ | } | ||
+ | .second { | ||
+ | font-size: 25px!important; | ||
+ | color: #000; | ||
+ | font-family: 'CCUfontsBold', Arial, sans-serif!important; | ||
+ | } | ||
+ | .description { | ||
+ | font-size: 18px!important; | ||
+ | color: #000; | ||
+ | font-family: 'CCUfontsBold', Arial, sans-serif; | ||
+ | } | ||
+ | |||
+ | .content { | ||
+ | width:75vw; | ||
+ | padding-top: 10vh; | ||
+ | padding-left: 8vw; | ||
+ | padding-right: 2vw; | ||
+ | left:25vw; | ||
+ | position: relative; | ||
+ | list-style-type:decimal; | ||
+ | box-sizing:border-box; | ||
+ | z-index:5; | ||
+ | background-color: white; | ||
+ | margin-top: 7px!important; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | .content p { | ||
+ | padding-right: 6vw; | ||
+ | color: #3D3D3D; | ||
+ | line-height: 1.6!important; | ||
+ | word-spacing: normal!important; | ||
+ | } | ||
+ | |||
+ | .content li { | ||
+ | color: #3D3D3D; | ||
+ | line-height: 1.6!important; | ||
+ | font-size: 18px!important; | ||
+ | word-spacing: normal!important; | ||
+ | } | ||
+ | |||
+ | .polaroid .container p { | ||
+ | padding-right: 6vw; | ||
+ | color: #3D3D3D; | ||
+ | line-height: 1.6!important; | ||
+ | word-spacing: normal!important; | ||
+ | font-size: 14px!important; | ||
+ | } | ||
+ | |||
+ | nav hr { | ||
+ | position:relative; | ||
+ | border: 0; | ||
+ | height: 1.5px; | ||
+ | width: 20%; | ||
+ | top: -2.7vh; | ||
+ | left: 12.18vw; | ||
+ | background-image: linear-gradient(to right, rgba(54, 191, 54, 0.5), rgba(225, 255, 255, 1), rgba(54, 191, 54, .5)); | ||
+ | transform:rotate(90deg); | ||
+ | -o-transform:rotate(90deg); | ||
+ | -moz-transform:rotate(90deg); | ||
+ | -webkit-transform:rotate(90deg); | ||
+ | } | ||
+ | .sub hr { | ||
+ | position:absolute; | ||
+ | border: 0; | ||
+ | height: 2px; | ||
+ | width: 10%; | ||
+ | top:15vh; | ||
+ | left:13.5vw; | ||
+ | background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); | ||
+ | transform:rotate(90deg); | ||
+ | -o-transform:rotate(90deg); | ||
+ | -moz-transform:rotate(90deg); | ||
+ | -webkit-transform:rotate(90deg); | ||
+ | -webkit-animation: fadein 2s; | ||
+ | } | ||
+ | |||
+ | .IPli { | ||
+ | font-size:15px!important; | ||
+ | } | ||
+ | |||
+ | .footer { | ||
+ | height: 110px; | ||
+ | background-color: #333F50; | ||
+ | } | ||
+ | |||
+ | #BSlogo { | ||
+ | position: absolute; | ||
+ | width: 6%; | ||
+ | height: auto; | ||
+ | z-index: 90; | ||
+ | margin-left: 150px; | ||
+ | margin-top: 4px; | ||
+ | } | ||
+ | |||
+ | #CCUlogo { | ||
+ | position: absolute; | ||
+ | width: 6%; | ||
+ | height: auto; | ||
+ | z-index: 90; | ||
+ | margin-left: 275px; | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | |||
+ | #CCUTEAMlogo { | ||
+ | position: absolute; | ||
+ | width: 6%; | ||
+ | height: auto; | ||
+ | z-index: 90; | ||
+ | margin-left: 430px; | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | |||
+ | #img_title { | ||
+ | position: absolute; | ||
+ | width: 60vw; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadein { | ||
+ | from { opacity: 0; } | ||
+ | to { opacity: 1; } | ||
+ | } | ||
+ | |||
+ | .polaroid { | ||
+ | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); | ||
+ | margin:0 auto; | ||
+ | position: relative; | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | .polaroid img { | ||
+ | width: calc(100% - 20px); | ||
+ | max-width: calc(100% - 20px); | ||
+ | max-height: 100%; | ||
+ | padding: 10px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #Interlab1 { | ||
+ | width: calc(50% + 20px); | ||
+ | } | ||
+ | |||
+ | .polaroid .container { | ||
+ | padding-left: 15px; | ||
+ | padding-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | #Interlab2 { | ||
+ | width: calc(80% + 20px); | ||
+ | } | ||
+ | |||
+ | #Interlab3 { | ||
+ | width: calc(80% + 20px); | ||
+ | } | ||
+ | |||
+ | #Interlab4-1 { | ||
+ | width: 48%; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #Interlab4-2 { | ||
+ | width: 50%; | ||
+ | display: inline-block; | ||
+ | margin-left: 6px; | ||
+ | } | ||
+ | |||
− | + | #Interlab6-1 { | |
+ | width: 48.7%; | ||
+ | float: left; | ||
+ | } | ||
− | + | #Interlab6-2 { | |
− | + | width: 50%; | |
− | + | display: inline-block; | |
− | + | margin-left: 10px; | |
− | + | } | |
− | + | ||
− | + | #Interlab8 { | |
− | + | width: calc(60% + 20px); | |
− | + | margin:0 auto; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .second #ca1:before { | |
− | + | height: 50px; | |
− | + | display: block; | |
− | + | } | |
− | + | ||
− | + | .second #ca2:before { | |
− | + | height: 50px; | |
− | + | display: block; | |
+ | } | ||
− | + | .second #ca3:before { | |
+ | height: 50px; | ||
+ | display: block; | ||
+ | } | ||
− | + | .second #ca4:before { | |
− | + | height: 50px; | |
− | + | display: block; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .second #ca5:before { | |
− | + | height: 50px; | |
− | + | display: block; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #Judging li { | |
− | + | font-family: 'CCUfontsBold', Arial, sans-serif; | |
− | + | font-size: 30px!important; | |
− | + | } | |
− | + | ||
+ | </style> | ||
</html> | </html> |
Revision as of 08:19, 13 October 2018