|
|
| (8 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| | + | {{CCU_Taiwan/css}} |
| | + | |
| | <html> | | <html> |
| | | | |
| − | <style> | + | <head> |
| − | /*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;}
| + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| − | /*mobile*/
| + | <script> |
| − | /* 1800px */ | + | $(document).ready(function(){ |
| − | /************************************************/
| + | |
| − | @media only screen and (max-width: 1800px) {
| + | $("#Home").hover(function(e){ |
| − | .igem_2018_team_content { width: 85%;}
| + | $("#sub_home").stop(true,false,true).slideToggle(300); |
| − | .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%; }
| + | |
| | | | |
| − | }
| + | $("#Project").hover(function(){ |
| − | @media only screen and (max-width: 500px) {
| + | $("#sub_project").stop(true,false,true).slideToggle(300); |
| − | .igem_2018_team_menu {min-width:100%; width:100%; } | + | }); |
| − | }
| + | |
| − | /*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
| + | $("#Parts").hover(function(){ |
| − | /*DEFAULT WIKI SETTINGS ENDS HERE*/
| + | $("#sub_parts").stop(true,false,true).slideToggle(300); |
| | + | }); |
| | + | |
| | + | $("#Modeling").hover(function(){ |
| | + | $("#sub_modeling").stop(true,false,true).slideToggle(300); |
| | + | }); |
| | + | |
| | + | $("#Drylab").hover(function(){ |
| | + | $("#sub_drylab").stop(true,false,true).slideToggle(300); |
| | + | }); |
| | + | |
| | + | $("#Human_Practice").hover(function(){ |
| | + | $("#sub_human_practice").stop(true,false,true).slideToggle(300); |
| | + | }); |
| | + | |
| | + | $("#Notebook").hover(function(){ |
| | + | $("#sub_notebook").stop(true,false,true).slideToggle(300); |
| | + | }); |
| | | | |
| − | @font-face {
| + | $("#home_button").hover(function(){ |
| − | font-family: 'CCUfontsBold';
| + | $(this).css("background","black") |
| − | src: url('https://static.igem.org/mediawiki/2018/c/c2/T--CCU_Taiwan--CCUfontsBold.eot') ;
| + | },function(){ |
| − | src: url('https://static.igem.org/mediawiki/2018/4/42/T--CCU_Taiwan--CCUfontsBold.ttf') format('truetype'),
| + | $(this).css("background","#31a97e") |
| − | 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');
| + | |
| − | } | + | |
| | | | |
| − | #globalWrapper {
| + | // The function actually applying the offset |
| − | padding-bottom: 0px!important;
| + | function offsetAnchor() { |
| | + | if (location.hash.length !== 0) { |
| | + | window.scrollTo(window.scrollX, window.scrollY - 90); |
| | + | } |
| | } | | } |
| | | | |
| − | #top_menu_14 { | + | // Captures click events of all <a> elements with href starting with # |
| − | border-bottom:0!important; | + | $(document).on('click', 'a[href^="#"]', function(event) { |
| − | } | + | // Click events are captured before hashchanges. Timeout |
| | + | // causes offsetAnchor to be called after the page jump. |
| | + | window.setTimeout(function() { |
| | + | offsetAnchor(); |
| | + | }, 0); |
| | + | }); |
| | | | |
| − | #content {
| + | // Set the offset when entering page with hash present in the url |
| − | margin-top: 0px!important;
| + | window.setTimeout(offsetAnchor, 0); |
| − | height: 100%!important;
| + | |
| | + | $(document).scroll(function () { // remove "$" |
| | + | var y = $(this).scrollTop(); |
| | + | if (y > 300) { |
| | + | $('.indicator').fadeIn(); |
| | + | } |
| | + | else { |
| | + | $('.indicator').fadeOut(); |
| | + | } |
| | + | }); |
| | + | |
| | + | </script> |
| | + | <style> |
| | + | .mdl1 { |
| | + | color:red!important; |
| | + | padding-left:4vw!important; |
| | + | margin-left:1vw!important; |
| | + | font-size:20px; |
| | } | | } |
| − | | + | .mdl2 { |
| − | body {
| + | color:red!important; |
| − | margin: 0!important;
| + | padding-left:4vw!important; |
| − | padding: 0!important;
| + | margin-left:1vw!important; |
| − | width: 100%;
| + | font-size:20px; |
| | } | | } |
| − | | + | .mdl3 { |
| − | ul {
| + | color:red!important; |
| − | list-style-image: url('https://static.igem.org/mediawiki/2018/c/ce/T--CCU_Taiwan--CCUbullet.png');
| + | |
| − | }
| + | |
| − | | + | |
| − | .photointerlab {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/a/ab/T--CCU_Taiwan--CCUInterlabphoto.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | | + | |
| − | .phototeam {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/5/50/T--CCU_Taiwan--CCUteamphoto.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | | + | |
| − | .photoAttributions {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/c/c9/T--CCU_Taiwan--CCUteam2photo.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | | + | |
| − | .photomedal {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/4/43/T--CCU_Taiwan--CCUmedalphoto.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | | + | |
| − | .photoDescription {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/9/99/T--CCU_Taiwan--CCUDescriptionphoto.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | | + | |
| − | .photoDesign {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/4/42/T--CCU_Taiwan--CCUDesignphoto.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | .photoResult {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/4/4f/T--CCU_Taiwan--CCUResultphoto.png");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | | + | |
| − | .photoDemonstration {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/b/b2/T--CCU_Taiwan--CCUDemonstrationphoto1.png");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | .photoModeling {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/6/66/T--CCU_Taiwan--CCUModelingphoto.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | .photoHumanPractices {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/c/c2/T--CCU_Taiwan--CCUphotoHumanPractices.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | .photoPublic {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/f/f1/T--CCU_Taiwan--CCUphotoPublic.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | .photoEntrepreneurship {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/0/01/T--CCU_Taiwan--CCUphotoEntrepreneurship.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | .photoIntergrate {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/4/47/T--CCU_Taiwan--CCUphotoIntergrate.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | .photoBasicPart {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/0/06/T--CCU_Taiwan--CCUBasicPartphoto.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | .photoComposite {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/2/24/T--CCU_Taiwan--CCUCompositephoto.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | .photoBinding {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/5/56/T--CCU_Taiwan--CCUBindingphoto.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | .photoNotebook {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/6/66/T--CCU_Taiwan--CCUNotebookphoto.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | .photoProtocols {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/b/bc/T--CCU_Taiwan--CCUProtocolsphoto.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | .photoCollaborations {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/0/09/T--CCU_Taiwan--CCUCollaborationsphoto.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | .photoDryLab {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/5/51/T--CCU_Taiwan--CCUDryLabphoto.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | .photoMaterials {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/7/73/T--CCU_Taiwan--CCUMaterialsphoto.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | .photoEngagingExperts {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/9/9e/T--CCU_Taiwan--CCUEngagingExpertsphoto.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | .photoSafety {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/d/dd/T--CCU_Taiwan--CCUSafetyphoto.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | .photoLine {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/9/92/T--CCU_Taiwan--CCUEngineeringphoto.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | .photoPolymer {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/f/fd/T--CCU_Taiwan--CCUPolymerphoto.jpg");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | | + | |
| − | .photoParts {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/6/69/T--CCU_Taiwan--CCUPartsphoto.png");
| + | |
| − | min-height: 470px;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: top;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: 110% auto;
| + | |
| − | z-index: 70;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .backgroundAboutUs {
| + | |
| − | width:100%;
| + | |
| − | height: 100%;
| + | |
| − | background-color:#55c97e;
| + | |
| − | font: inherit!important;
| + | |
| − | text-decoration-color:#55c97e;
| + | |
| − | }
| + | |
| − | | + | |
| − | .backgroundProject {
| + | |
| − | width:100%;
| + | |
| − | height: 100%;
| + | |
| − | background-color:#74cf7e;
| + | |
| − | font: inherit!important;
| + | |
| − | text-decoration-color:#74cf7e;
| + | |
| − | }
| + | |
| − | | + | |
| − | .backgroundParts {
| + | |
| − | width:100%;
| + | |
| − | height: 100%;
| + | |
| − | background-color:#92cd7e;
| + | |
| − | font: inherit!important;
| + | |
| − | text-decoration-color:#92cd7e;
| + | |
| − | }
| + | |
| − | | + | |
| − | .backgroundModeling {
| + | |
| − | width:100%;
| + | |
| − | height: 100%;
| + | |
| − | background-color:#a6ca7e;
| + | |
| − | font: inherit!important;
| + | |
| − | text-decoration-color:#c8a77e;
| + | |
| − | }
| + | |
| − | | + | |
| − | .backgroundDrylab {
| + | |
| − | width:100%;
| + | |
| − | height: 100%;
| + | |
| − | background-color:#bec37e;
| + | |
| − | font: inherit!important;
| + | |
| − | text-decoration-color:#bec37e;
| + | |
| − | }
| + | |
| − | | + | |
| − | .backgroundHP {
| + | |
| − | width:100%;
| + | |
| − | height: 100%;
| + | |
| − | background-color:#d1c17e;
| + | |
| − | font: inherit!important;
| + | |
| − | text-decoration-color:#d1c17e;
| + | |
| − | }
| + | |
| − | | + | |
| − | .backgroundNotebook {
| + | |
| − | width:100%;
| + | |
| − | height: 100%;
| + | |
| − | background-color:#d1ad7e;
| + | |
| − | font: inherit!important;
| + | |
| − | text-decoration-color:#d1ad7e;
| + | |
| − | }
| + | |
| − | | + | |
| − | header{
| + | |
| − | margin:0 auto;
| + | |
| − | top:1.5vh;
| + | |
| − | width:100%;
| + | |
| − | position: fixed;
| + | |
| − | z-index:6;
| + | |
| − | }
| + | |
| − | | + | |
| − | header a {
| + | |
| − | text-decoration:none!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | nav {
| + | |
| − | margin:0;
| + | |
| − | padding:0;
| + | |
| − | height:7vh;
| + | |
| − | width: 100%;
| + | |
| − | box-shadow:0px 4px 6px 0px #7D7D7C;
| + | |
| − |
| + | |
| − | }
| + | |
| − | .front {
| + | |
| − | z-index:7;
| + | |
| − | }
| + | |
| − | .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:6;
| + | |
| − | background:#31a97e;
| + | |
| − | }
| + | |
| − | #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;
| + | |
| − | box-shadow:3px 3px 3px 0px #7D7D7C;
| + | |
| − | }
| + | |
| − | | + | |
| − | #sub_home{
| + | |
| − | height:32.5vh;
| + | |
| − | background:#55c97e;
| + | |
| − | }
| + | |
| − | | + | |
| − | #sub_project{
| + | |
| − | height:40.5vh;
| + | |
| − | background:#74cf7e;
| + | |
| − | }
| + | |
| − | | + | |
| − | #sub_parts{
| + | |
| − | height:24.5vh;
| + | |
| − | background:#92cd7e;
| + | |
| − | }
| + | |
| − | | + | |
| − | #sub_modeling{
| + | |
| − | height:24.5vh;
| + | |
| − | background:#a6ca7e;
| + | |
| − | }
| + | |
| − | | + | |
| − | #sub_drylab{
| + | |
| − | height:24.5vh;
| + | |
| − | background:#bec37e;
| + | |
| − | }
| + | |
| − | | + | |
| − | #sub_human_practice{
| + | |
| − | height:40.5vh;
| + | |
| − | background:#d1c17e;
| + | |
| − | }
| + | |
| − | | + | |
| − | #sub_notebook{
| + | |
| − | height:40.5vh;
| + | |
| − | background:#d1ad7e;
| + | |
| − | }
| + | |
| − | | + | |
| − | .sub a {
| + | |
| − | color: #F5F5F5;
| + | |
| − | }
| + | |
| − | | + | |
| − | .sub li {
| + | |
| − | float:none;
| + | |
| − | margin: auto;
| + | |
| − | /*margin-top: 1vh;*/
| + | |
| − | 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:#567256;
| + | |
| − | transition: 500ms;
| + | |
| − | }
| + | |
| − | 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);
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .indicator {
| + | |
| − | z-index:1;
| + | |
| − | position: fixed;
| + | |
| − | top:18vh;
| + | |
| − | font-family: 'CCUfontsBold', Arial, sans-serif;
| + | |
| − | font-size: 18px;
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerAboutUs {
| + | |
| − | width:18vw;
| + | |
| − | height:10vh;
| + | |
| − | background:#55c97e;
| + | |
| − | -webkit-clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
| + | |
| − | clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
| + | |
| − | transition: 500ms;
| + | |
| − | stroke: #282828;
| + | |
| − | stroke-width: 1px;
| + | |
| − | z-index:1;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerProject {
| + | |
| − | width:18vw;
| + | |
| − | height:10vh;
| + | |
| − | background:#74cf7e;
| + | |
| − | -webkit-clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
| + | |
| − | clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
| + | |
| − | transition: 500ms;
| + | |
| − | stroke: #282828;
| + | |
| − | stroke-width: 1px;
| + | |
| − | z-index:1;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerParts {
| + | |
| − | width:18vw;
| + | |
| − | height:10vh;
| + | |
| − | background:#92cd7e;
| + | |
| − | -webkit-clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
| + | |
| − | clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
| + | |
| − | transition: 500ms;
| + | |
| − | stroke: #282828;
| + | |
| − | stroke-width: 1px;
| + | |
| − | z-index:1;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerModeling {
| + | |
| − | width:18vw;
| + | |
| − | height:10vh;
| + | |
| − | background:#a6ca7e;
| + | |
| − | -webkit-clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
| + | |
| − | clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
| + | |
| − | transition: 500ms;
| + | |
| − | stroke: #282828;
| + | |
| − | stroke-width: 1px;
| + | |
| − | z-index:1;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerModeling1 {
| + | |
| − | width:18vw;
| + | |
| − | height:10vh;
| + | |
| − | background:#a6ca7e;
| + | |
| − | -webkit-clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
| + | |
| − | clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
| + | |
| − | transition: 500ms;
| + | |
| − | stroke: #282828;
| + | |
| − | stroke-width: 1px;
| + | |
| − | z-index:1;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerDrylab {
| + | |
| − | width:18vw;
| + | |
| − | height:10vh;
| + | |
| − | background:#bec37e;
| + | |
| − | -webkit-clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
| + | |
| − | clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
| + | |
| − | transition: 500ms;
| + | |
| − | stroke: #282828;
| + | |
| − | stroke-width: 1px;
| + | |
| − | z-index:1;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerHP {
| + | |
| − | width:18vw;
| + | |
| − | height:10vh;
| + | |
| − | background:#d1c17e!important;
| + | |
| − | -webkit-clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
| + | |
| − | clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
| + | |
| − | transition: 500ms;
| + | |
| − | stroke: #282828;
| + | |
| − | stroke-width: 1px;
| + | |
| − | z-index:1;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .pointerNotebook {
| + | |
| − | width:18vw;
| + | |
| − | height:10vh;
| + | |
| − | background:#d1ad7e;
| + | |
| − | -webkit-clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
| + | |
| − | clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
| + | |
| − | transition: 500ms;
| + | |
| − | stroke: #282828;
| + | |
| − | stroke-width: 1px;
| + | |
| − | z-index:1;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerAboutUs a {
| + | |
| − | line-height:11vh;
| + | |
| − | margin-left: 14px;
| + | |
| − | font-size:1.5vw;
| + | |
| − | color:black;
| + | |
| − | position: relative;
| + | |
| − | transition: 500ms;
| + | |
| − | z-index:1;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerAboutUs:hover {
| + | |
| − | width:20vw;
| + | |
| − | z-index:1;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerAboutUs a:hover {
| + | |
| − | line-height:11vh;
| + | |
| − | margin-left: 14px;
| + | |
| − | font-size:1.5vw;
| + | |
| − | letter-spacing: 5px;
| + | |
| − | color:black;
| + | |
| − | position: relative;
| + | |
| − | z-index:1;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .pointerProject a {
| + | |
| − | line-height:11vh;
| + | |
| − | margin-left: 14px;
| + | |
| − | font-size:1.2vw;
| + | |
| − | color:black;
| + | |
| − | position: relative;
| + | |
| − | transition: 500ms;
| + | |
| − | z-index:1;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerProject:hover {
| + | |
| − | width:20vw;
| + | |
| − | z-index:1;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerProject a:hover {
| + | |
| − | line-height:11vh;
| + | |
| − | margin-left: 14px;
| + | |
| − | font-size:1.2vw;
| + | |
| − | letter-spacing: 1.5px;
| + | |
| − | color:black;
| + | |
| − | position: relative;
| + | |
| − | z-index:1;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerParts a {
| + | |
| − | line-height:11vh;
| + | |
| − | margin-left: 14px;
| + | |
| − | font-size:1.5vw;
| + | |
| − | color:black;
| + | |
| − | position: relative;
| + | |
| − | transition: 500ms;
| + | |
| − | z-index:1;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerParts:hover {
| + | |
| − | width:20vw;
| + | |
| − | z-index:1;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerParts a:hover {
| + | |
| − | line-height:11vh;
| + | |
| − | margin-left: 14px;
| + | |
| − | font-size:1.5vw;
| + | |
| − | letter-spacing: 5px;
| + | |
| − | color:black;
| + | |
| − | position: relative;
| + | |
| − | z-index:1;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | .pointerModeling a {
| + | |
| − | line-height:11vh;
| + | |
| − | margin-left: 14px;
| + | |
| − | font-size:1.5vw;
| + | |
| − | color:black;
| + | |
| − | position: relative;
| + | |
| − | transition: 500ms;
| + | |
| − | z-index:1;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | .pointerModeling1 a {
| + | |
| − | line-height:11vh;
| + | |
| − | margin-left: 14px;
| + | |
| − | font-size:1.5vw;
| + | |
| − | color:black;
| + | |
| − | position: relative;
| + | |
| − | transition: 500ms;
| + | |
| − | z-index:1;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerModeling:hover {
| + | |
| − | width:20vw;
| + | |
| − | z-index:1;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerModeling1:hover {
| + | |
| − | width:20vw;
| + | |
| − | z-index:1;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerModeling a:hover {
| + | |
| − | line-height:11vh;
| + | |
| − | margin-left: 14px;
| + | |
| − | font-size:1.5vw;
| + | |
| − | letter-spacing: 5px;
| + | |
| − | color:black;
| + | |
| − | position: relative;
| + | |
| − | z-index:1;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | .pointerModeling1 a:hover {
| + | |
| − | line-height:11vh;
| + | |
| − | margin-left: 14px;
| + | |
| − | font-size:1.5vw;
| + | |
| − | letter-spacing: 2px;
| + | |
| − | color:black;
| + | |
| − | position: relative;
| + | |
| − | z-index:1;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .pointerDrylab a {
| + | |
| − | line-height:11vh;
| + | |
| − | margin-left: 14px;
| + | |
| − | font-size:1.5vw;
| + | |
| − | color:black;
| + | |
| − | position: relative;
| + | |
| − | transition: 500ms;
| + | |
| − | z-index:1;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerDrylab:hover {
| + | |
| − | width:20vw;
| + | |
| − | z-index:1;
| + | |
| − | }
| + | |
| − | .pointerDrylab a:hover {
| + | |
| − | line-height:11vh;
| + | |
| − | margin-left: 14px;
| + | |
| − | font-size:1.5vw;
| + | |
| − | letter-spacing: 5px;
| + | |
| − | color:black;
| + | |
| − | position: relative;
| + | |
| − | z-index:1;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | .pointerHP a {
| + | |
| − | line-height:11vh;
| + | |
| − | margin-left: 14px;
| + | |
| − | font-size:1.5vw;
| + | |
| − | color:black;
| + | |
| − | position: relative;
| + | |
| − | transition: 500ms;
| + | |
| − | z-index:1;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerHP:hover {
| + | |
| − | width:20vw;
| + | |
| − | z-index:1;
| + | |
| − | }
| + | |
| − | .pointerHP a:hover {
| + | |
| − | line-height:11vh;
| + | |
| − | margin-left: 14px;
| + | |
| − | font-size:1.5vw;
| + | |
| − | letter-spacing: 3px;
| + | |
| − | color:black;
| + | |
| − | position: relative;
| + | |
| − | z-index:1;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .indicator #pca a:hover {
| + | |
| − | letter-spacing: 1px!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .indicator #nchu a:hover {
| + | |
| − | letter-spacing: 1px!important;
| + | |
| − | }
| + | |
| − | .pointerNotebook a {
| + | |
| − | line-height:11vh;
| + | |
| − | margin-left: 14px;
| + | |
| − | font-size:1.5vw;
| + | |
| − | color:black;
| + | |
| − | position: relative;
| + | |
| − | transition: 500ms;
| + | |
| − | z-index:1;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pointerNotebook:hover {
| + | |
| − | width:20vw;
| + | |
| − | z-index:1;
| + | |
| − | }
| + | |
| − | .pointerNotebook a:hover {
| + | |
| − | line-height:11vh;
| + | |
| − | margin-left: 14px;
| + | |
| − | font-size:1.5vw;
| + | |
| − | letter-spacing: 5px;
| + | |
| − | color:black;
| + | |
| − | position: relative;
| + | |
| − | z-index:1;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .col-sm-3 {
| + | |
| − | position:relative;
| + | |
| − | min-height:1px;
| + | |
| − | padding-right:15px;
| + | |
| − | padding-left:15px
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .first {
| + | |
| − | font-size: 40px!important;
| + | |
| − | color: #3D3D3D!important;
| + | |
| − | z-index: 3;
| + | |
| − | font-family: 'CCUfontsBold', Arial, sans-serif!important;
| + | |
| − | text-decoration: underline;
| + | |
| − | }
| + | |
| − | .second {
| + | |
| − | font-size: 28px!important;
| + | |
| − | color: #3d3d3d!important;
| + | |
| − | font-family: 'CCUfontsBold', Arial, sans-serif!important;
| + | |
| − | text-decoration: none!important;
| + | |
| − | }
| + | |
| − | .description {
| + | |
| − | font-size: 18px!important;
| + | |
| − | color: #000;
| + | |
| − | font-family: 'CCUfontsBold', Arial, sans-serif;
| + | |
| − | }
| + | |
| − | | + | |
| − | .content {
| + | |
| − | width:92vw;
| + | |
| − | padding-left: 2vw;
| + | |
| − | padding-right: 2vw;
| + | |
| − | padding-top:5vh;
| + | |
| − | position: relative;
| + | |
| − | list-style-type:decimal;
| + | |
| − | box-sizing:border-box;
| + | |
| − | z-index:0;
| + | |
| − | background-color: white;
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | .content p {
| + | |
| − | padding-right: 2vw;
| + | |
| − | padding-left: 20vw;
| + | |
| − | 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;
| + | |
| − | padding-right: 2vw;
| + | |
| − | margin-left: 20vw;
| + | |
| − | }
| + | |
| − | | + | |
| − | .content a {
| + | |
| − | padding-right: 2vw;
| + | |
| − | margin-left: 20vw;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .polaroid .container p {
| + | |
| − | color: #3D3D3D;
| + | |
| − | line-height: 1.6!important;
| + | |
| − | word-spacing: normal!important;
| + | |
| − | font-size: 14px!important;
| + | |
| − | font-weight: bold;
| + | |
| − | padding-left: 1vw!important;
| + | |
| − | text-align: inherit!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .IPli {
| + | |
| − | font-size:15px!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .footer {
| + | |
| − | height: 110px;
| + | |
| − | background-color: #333F50;
| + | |
| − | right: 0;
| + | |
| − | bottom: 0;
| + | |
| − | left: 0;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | | + | |
| − | #BSlogo {
| + | |
| − | position: absolute;
| + | |
| − | width: 6%;
| + | |
| − | height: auto;
| + | |
| − | margin-left: 150px;
| + | |
| − | margin-top: 4px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #CCUlogo {
| + | |
| − | position: absolute;
| + | |
| − | width: 6%;
| + | |
| − | height: auto;
| + | |
| − | margin-left: 275px;
| + | |
| − | margin-top: 10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #CCUTEAMlogo {
| + | |
| − | position: absolute;
| + | |
| − | width: 6%;
| + | |
| − | height: auto;
| + | |
| − | 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);
| + | |
| − | position: relative;
| + | |
| − | background-color: white;
| + | |
| − | margin-left: 20vw;
| + | |
| − | margin-right: 2vw;
| + | |
| − | }
| + | |
| − | | + | |
| − | .polaroid img {
| + | |
| − | width: calc(100% - 20px);
| + | |
| − | max-width: calc(100% - 20px);
| + | |
| − | max-height: 100%;
| + | |
| − | padding: 10px;
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | | + | |
| − | #Interlab1 {
| + | |
| − | width: calc(40% + 20px);
| + | |
| − | margin-left: 28vw!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .polaroid .container {
| + | |
| − | padding-left: 5px;
| + | |
| − | padding-bottom: 5px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | | + | |
| − | #Interlab2 {
| + | |
| − | width: calc(60% + 20px);
| + | |
| − | }
| + | |
| − | | + | |
| − | #Interlab3 {
| + | |
| − | width: calc(60% + 20px);
| + | |
| − | }
| + | |
| − | | + | |
| − | #Interlab4-1 {
| + | |
| − | width: 35%;
| + | |
| − | float: left;
| + | |
| − | }
| + | |
| − | | + | |
| − | #Interlab4-2 {
| + | |
| − | width: 36.5%;
| + | |
| − | display: inline-block;
| + | |
| − | margin-left: 6px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | #Interlab6-1 {
| + | |
| − | width: 35%;
| + | |
| − | float: left;
| + | |
| − | }
| + | |
| − | | + | |
| − | #Interlab6-2 {
| + | |
| − | width: 36%;
| + | |
| − | display: inline-block;
| + | |
| − | margin-left: 10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #Interlab8 {
| + | |
| − | width: calc(50% + 20px);
| + | |
| − | margin-left: 28vw!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .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;
| + | |
| − | margin-left: 0!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | ol .descriptions {
| + | |
| − | margin-left: 0!important;
| + | |
| − | color: #3D3D3D;
| + | |
| − | line-height: 1.6!important;
| + | |
| − | word-spacing: normal!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | #Demonstrate1 {
| + | |
| − | width: calc(60% + 20px);
| + | |
| − | margin-left: 28vw!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .content .table {
| + | |
| − | margin-left: 20vw!important;
| + | |
| − | font-size: 18px!important;
| + | |
| − | color: #3D3D3D;
| + | |
| − | line-height: 1.6!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .parttable {
| + | |
| − | margin-left: 0!important;
| + | |
| − | font-size: 18px!important;
| + | |
| − | color: #3D3D3D;
| + | |
| − | line-height: 1.6!important;
| + | |
| − | text-align: center;
| + | |
| − | font-weight: bold;
| + | |
| − | text-decoration-color:#92cd7e!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .parttable a {
| + | |
| − | color: #92cd7e;
| + | |
| − | }
| + | |
| − | | + | |
| − | .parttable th {
| + | |
| − | background:#92cd7e;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .parttable a {
| + | |
| − | padding-left: 0!important;
| + | |
| − | margin-left: 0!important;
| + | |
| − | padding-right: 0!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .parttable table {
| + | |
| − | margin-left: 5vw!important;
| + | |
| − | width: 80%;
| + | |
| − | }
| + | |
| − | | + | |
| − | .table #swotstrong1 {
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | .medal_bronze{
| + | |
| − | width:80vw;
| + | |
| − | height:20vh;
| + | |
| − | position:relative;
| + | |
| − | left:18vw;
| + | |
| − | margin:0vh;
| + | |
| − | background: -webkit-linear-gradient(#EE7700,#FFFFE0);
| + | |
| − | background: -o-linear-gradient(#EE7700,#FFFFE0);
| + | |
| − | background: -moz-linear-gradient(#EE7700,#FFFFE0);
| + | |
| − | background: linear-gradient(#EE7700,#FFFFE0);
| + | |
| − | -webkit-clip-path: polygon(75% 0%, 78% 53%, 75% 100%, 0% 100%, 3% 53%, 0% 0%);
| + | |
| − | clip-path: polygon(75% 0%, 78% 53%, 75% 100%, 0% 100%, 3% 53%, 0% 0%);
| + | |
| − | }
| + | |
| − | .medal_bronze p {
| + | |
| − | padding-top:2vh;
| + | |
| − | padding-right:0;
| + | |
| − | padding-left:5vw;
| + | |
| − | }
| + | |
| − | | + | |
| − | .medal_silver{
| + | |
| − | width:80vw;
| + | |
| − | height:20vh;
| + | |
| − | position:relative;
| + | |
| − | left:18vw;
| + | |
| − | margin:0vh;
| + | |
| − | background: -webkit-linear-gradient(#C0C0C0,#F8F8FF);
| + | |
| − | background: -o-linear-gradient(#C0C0C0,#F8F8FF);
| + | |
| − | background: -moz-linear-gradient(#C0C0C0,#F8F8FF);
| + | |
| − | background: linear-gradient(#C0C0C0,#F8F8FF);
| + | |
| − | -webkit-clip-path: polygon(75% 0%, 78% 53%, 75% 100%, 0% 100%, 3% 53%, 0% 0%);
| + | |
| − | clip-path: polygon(75% 0%, 78% 53%, 75% 100%, 0% 100%, 3% 53%, 0% 0%);
| + | |
| − | }
| + | |
| − | .medal_silver p {
| + | |
| − | padding-top:2vh;
| + | |
| − | padding-right:0;
| + | |
| − | padding-left:5vw;
| + | |
| − | }
| + | |
| − | | + | |
| − | .medal_gold{
| + | |
| − | width:80vw;
| + | |
| − | height:20vh;
| + | |
| − | position:relative;
| + | |
| − | left:18vw;
| + | |
| − | margin:0vh;
| + | |
| − | background: -webkit-linear-gradient(#FFD700,#FFFACD);
| + | |
| − | background: -o-linear-gradient(#FFD700,#FFFACD);
| + | |
| − | background: -moz-linear-gradient(#FFD700,#FFFACD);
| + | |
| − | background: linear-gradient(#FFD700,#FFFACD);
| + | |
| − | -webkit-clip-path: polygon(75% 0%, 78% 53%, 75% 100%, 0% 100%, 3% 53%, 0% 0%);
| + | |
| − | clip-path: polygon(75% 0%, 78% 53%, 75% 100%, 0% 100%, 3% 53%, 0% 0%);
| + | |
| − | }
| + | |
| − | .medal_gold p {
| + | |
| − | padding-top:2vh;
| + | |
| − | padding-right:0;
| + | |
| − | padding-left:5vw;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .content .structuregraph {
| + | |
| − | width: 70%;
| + | |
| − | margin-left: 20vw;
| + | |
| − | }
| + | |
| − | | + | |
| − | .structuregraph .transform {
| + | |
| − | position: absolute;
| + | |
| − | top: 10%;
| + | |
| − | left: 20px;
| + | |
| − | padding: 20px;
| + | |
| − | width: 60%;
| + | |
| − | }
| + | |
| − | | + | |
| − | .structuregraph .Enzyme {
| + | |
| − | position: absolute;
| + | |
| − | top: 47%;
| + | |
| − | left: 30px;
| + | |
| − | padding: 20px;
| + | |
| − | width: 80%;
| + | |
| − | }
| + | |
| − | | + | |
| − | .structuregraph .Polymer {
| + | |
| − | position: absolute;
| + | |
| − | top: 62%;
| + | |
| − | padding-left: 180px;
| + | |
| − | width: 50%;
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | .structuregraph .HP {
| + | |
| − | position: absolute;
| + | |
| − | top: 84%;
| + | |
| − | left: 35px;
| + | |
| − | padding: 20px;
| + | |
| − | width: 50%;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .container #Home {
| + | |
| − | background:#55c97e;
| + | |
| − | }
| + | |
| − | .container #Project {
| + | |
| − | background:#74cf7e;
| + | |
| − | }
| + | |
| − | | + | |
| − | .container #Parts {
| + | |
| − | background:#92cd7e;
| + | |
| − | }
| + | |
| − | | + | |
| − | .container #Modeling {
| + | |
| − | background:#a6ca7e;
| + | |
| − | }
| + | |
| − | | + | |
| − | .container #Drylab {
| + | |
| − | background:#bec37e;
| + | |
| − | }
| + | |
| − | | + | |
| − | .container #Human_Practice {
| + | |
| − | background:#d1c17e;
| + | |
| − | }
| + | |
| − | | + | |
| − | .container #Notebook {
| + | |
| − | background:#d1ad7e;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | #Judging a {
| + | |
| − | margin-left: 0!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .flip {margin-left:20vw; padding:5px; padding-left:3vw;padding-right:3vw;text-align:center;background:#d1c17e;cursor:pointer;font-family:'Arial'; width:60.1vw;}
| + | |
| − | .panel {margin-left:20vw; padding:10px;padding-left:3vw;padding-right:3vw;background:#FFFACD;border:solid 1px #c3c3c3;display:none;font-family:'Arial'; width:60vw;}
| + | |
| − | | + | |
| − | #judge {
| + | |
| − | margin-left:30vw;
| + | |
| − | }
| + | |
| − | | + | |
| − | .st {
| + | |
| − | list-style-type:disc;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mdl { | + | |
| − | color:red!important;
| + | |
| | padding-left:4vw!important; | | padding-left:4vw!important; |
| − | margin-left:0vw!important; | + | margin-left:1vw!important; |
| | font-size:20px; | | font-size:20px; |
| | } | | } |
| | + | </style> |
| | + | </head> |
| | | | |
| − | .bigtitle {
| + | <body> |
| − | position: absolute;
| + | <header> |
| − | top: 360px;
| + | <nav> |
| − | margin-left : 25px;
| + | <div class="container"> |
| − | font-size: 100px;
| + | <ul class="front"> |
| − | color: white;
| + | |
| − | opacity: 0.7;
| + | <div id="home_button" style="cursor:pointer;" onclick="location.href= |
| − | overflow: visible!important;
| + | 'https://2018.igem.org/Team:CCU_Taiwan';"> <img src="https://static.igem.org/mediawiki/2018/0/08/T--CCU_Taiwan--home_button.png"></img></div> |
| − | font-family: 'CCUfontsBold', Arial, sans-serif!important
| + | |
| − | }
| + | |
| | | | |
| − | #fb {
| + | <li class="title" style="cursor:pointer;" id="Home"><img class="img_title" src="https://static.igem.org/mediawiki/2018/2/24/T--CCU_Taiwan--aboutus.png"></img><a>About Us</a> |
| − | margin-left: 0!important;
| + | <ul class="sub" id="sub_home" style="cursor:default;"> |
| − | margin-right: 0!important;
| + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Team"><li class="list" id="home1">Team</li></a> |
| − | padding-right:0!important;
| + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Attributions"><li class="list" id="home2">Attributions</li></a> |
| − | }
| + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Medal"><li class="list" id="home3">Medals</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Judge"><li class="list" id="home4">For Judges</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Achievements"><li class="list" id="home5">Achievements</li></a> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="title" style="cursor:pointer;" id="Project"><img class="img_title" src="https://static.igem.org/mediawiki/2018/6/6f/T--CCU_Taiwan--project.png"></img><a>Project</a> |
| | + | <ul class="sub" id="sub_project" style="cursor:default;"> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Description"><li class="list" id="project1">Description</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Applied_Design"><li class="list" id="project2">Design</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Results"><li class="list" id="project3">Results</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Demonstrate"><li class="list" id="project4">Demonstration</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/InterLab"><li class="list" id="project5">InterLab</li></a> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="title" style="cursor:pointer;" id="Parts"><img class="img_title" src="https://static.igem.org/mediawiki/2018/1/17/T--CCU_Taiwan--part.png"></img><a>Parts</a> |
| | + | <ul class="sub" id="sub_parts" style="cursor:default;"> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Parts"><li class="list" id="parts1">Overview</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Basic_Part"><li class="list" id="parts1">Basic Part</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Composite_Part"><li class="list" id="parts2">Composite Part</li></a> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="title" style="cursor:pointer;" id="Modeling"><img class="img_title" src="https://static.igem.org/mediawiki/2018/0/09/T--CCU_Taiwan--model.png"></img><a>Modeling</a> |
| | + | <ul class="sub" id="sub_modeling" style="cursor:default;"> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Model"><li class="list" id="model1">Overview</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Binding"><li class="list" id="model2">Binding Model</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Polymer"><li class="list" id="model3">Polymer Model</li></a> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="title" style="cursor:pointer;" id="Drylab"><img class="img_title" src="https://static.igem.org/mediawiki/2018/f/fc/T--CCU_Taiwan--Dry_lab.png"></img><a>Product</a> |
| | + | <ul class="sub" id="sub_drylab" style="cursor:default;"> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Our_Plan"><li class="list" id="drylab1">Analysis</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Engineering"><li class="list" id="drylab2">Production Line</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Safety"><li class="list" id="drylab3">Safety</li></a> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="title" style="cursor:pointer;" id="Human_Practice"><img class="img_title" src="https://static.igem.org/mediawiki/2018/9/96/T--CCU_Taiwan--humanpractice.png"></img><a>HP</a> |
| | + | <ul class="sub" id="sub_human_practice" style="cursor:default;"> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Human_Practices"><li class="list" id="human_practice1">Human Practice</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Public_Engagement"><li class="list" id="human_practice2">Public Engagement</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Entrepreneurship"><li class="list" id="human_practice3">Entrepreneurship</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/engaging_experts"><li class="list" id="human_practice4">Engaging Experts</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Integrate"><li class="list" id="human_practice5">Integrated HP</li></a> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="title" style="cursor:pointer;" id="Notebook"><img class="img_title" src="https://static.igem.org/mediawiki/2018/c/c9/T--CCU_Taiwan--notebook.png"></img><a>Notebook</a> |
| | + | <ul class="sub" id="sub_notebook" style="cursor:default;"> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Notebook"><li class="list" id="notebook1">Overview</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Collaborations"><li class="list" id="notebook2">Collaborations</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Protocols"><li class="list" id="notebook3">Protocols</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Experiments"><li class="list" id="notebook4">Experiments</li></a> |
| | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Materials"><li class="list" id="notebook5">Materials</li></a> |
| | + | </ul> |
| | + | </li> |
| | + | </ul> |
| | + | </div> |
| | + | </nav> |
| | | | |
| − | #Design1 {
| + | </header> |
| − | width: 30%;
| + | |
| − | margin-left: 10px;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| | | | |
| − | #Design2 {
| + | <div class="indicator"> |
| − | width: 50%;
| + | |
| − | margin-left: 30vw;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | #Design3 {
| + | |
| − | width: 30%;
| + | |
| − | margin-left: 10px;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| | | | |
| | + | <div class="pointerProject" id="2"><a href="#ca1">Bronze Medal</a></div> |
| | + | <div class="pointerProject" id="3"><a href="#ca2">Sliver Medal</a></div> |
| | + | <div class="pointerProject" id="4"><a href="#ca3">Gold Medal</a></div> |
| | | | |
| − | #Line1 {
| + | </div> |
| − | width: 30%;
| + | <div class="backgroundAboutUs"> |
| − | margin-left: 30vw;
| + | <div class="photomedal"><h1 class="bigtitle">MEDALS<h1></div> |
| − | display: inline-block;
| + | <div class="bcg"></div> |
| − | }
| + | <div class="content"> |
| − | #Line2 {
| + | <br><p class="second" id="ca1">Bronze Medal Achievements</p> |
| − | width: 30%;
| + | <div class="medal_bronze"><p class="second">Registration and Giant Jamboree Attendence</p><p class="description">We had registered CCU Taiwan for iGEM, and had the summer as our great iGEM season.</p></div> |
| − | margin-left: 30vw;
| + | <div class="medal_bronze"><p class="second">Competition Deliverables</p><p class="description"> We had completed all the competition deliverables.</p></div> |
| − | display: inline-block;
| + | <div class="medal_bronze" style="height:25vh!important;"><p class="second">Attributions</p><p class="description">We had written the Team Members and Attributions in our wiki page.</p> |
| − | }
| + | <a class="mdl1" href="https://2018.igem.org/Team:CCU_Taiwan/Team">»Team</a><a class="mdl1" href="https://2018.igem.org/Team:CCU_Taiwan/Attributions">»Attributions</a> |
| − | #Line3 {
| + | </div> |
| − | width: 30%;
| + | <div class="medal_bronze" style="height:25vh!important;"><p class="second">Characterization / Contribution</p><p class="description">We had completed all experiments of InterLab.</p> |
| − | margin-left: 30vw;
| + | <a class="mdl1" href="https://2018.igem.org/Team:CCU_Taiwan/InterLab">»InterLab</a> |
| − | display: inline-block;
| + | </div><br><br> |
| − | }
| + | |
| − | #Line4 {
| + | <p class="second" id="ca2"><br>Silver Medal Achievements</p> |
| − | width: 30%;
| + | <div class="medal_silver"><p class="second">Validated Part /Validated Contribution</p><p class="description">We had allowed the rule to submit our biobricks.</p></div> |
| − | margin-left: 30vw;
| + | <div class="medal_silver" style="height:25vh!important;"><p class="second">Collaboration</p><p class="description">We had collaborated with other registered iGEM teams, see more details in Collaborations.</p> |
| − | display: inline-block;
| + | <a class="mdl2" href="https://2018.igem.org/Team:CCU_Taiwan/Collaborations">»Collaborations</a> |
| − | }
| + | </div> |
| | + | <div class="medal_silver" style="height:30vh!important;"><p class="second">Human Practice</p><p class="description">The action we took in Human Practice were making our project go well.<br> |
| | + | Found more detail in Human Practice.</p> |
| | + | <a class="mdl2" href="https://2018.igem.org/Team:CCU_Taiwan/Human_Practices">»Human Practice</a> |
| | + | </div><br><br> |
| | + | |
| | + | <p class="second" id="ca3"><br>Gold Medal Achievements</p> |
| | + | <div class="medal_gold" style="height:35vh!important;"><p class="second">Integrated Human Practice</p><p class="description">We had contacted with experts and gained lots of advices about improving our production line,<br> we also visited politician to issue about environmental protect. <br>And the details are in the Integrated Human Pratice.</p> |
| | + | <a class="mdl3" href="https://2018.igem.org/Team:CCU_Taiwan/Intergrate">»Intergrate</a> |
| | + | </div> |
| | + | <div class="medal_gold" style="height:25vh!important;"><p class="second">Model Your Project</p><p class="description">We had designed some Models to make our project progress more smoothly. </p> |
| | + | <a class="mdl3" href="https://2018.igem.org/Team:CCU_Taiwan/Model">»Model</a> |
| | + | </div> |
| | + | <div class="medal_gold" style="height:25vh!important;"><p class="second">Demonstration of Your Work</p><p class="description">Our production can demonstrate in standard solution.</p> |
| | + | <a class="mdl3" href="https://2018.igem.org/Team:CCU_Taiwan/Demonstrate">»Demonstrate</a> |
| | + | </div> |
| | + | <br> |
| | + | <br><br> |
| | + | <br> |
| | + | </div> |
| | + | </div> |
| | + | </body> |
| | + | <footer class="footer"> |
| | + | <a href="http://huitong.com.tw"> |
| | + | <img id="BSlogo" src="https://static.igem.org/mediawiki/2018/0/07/T--CCU_Taiwan--CCUP1.png" align="bottom"> |
| | + | </a> |
| | | | |
| − | .row #halftext { | + | <a href="https://www.facebook.com/ccuigemteam/?ref=br_rs"> |
| − | display: inline-block;
| + | <img id="CCUTEAMlogo" src="https://static.igem.org/mediawiki/2018/e/e3/T--CCU_Taiwan--CCUP2.png" align="bottom"> |
| − | width: 50%;
| + | </a> |
| − | vertical-align: top;
| + | |
| − | }
| + | |
| | | | |
| − | .row #halftext2 {
| + | <a href="http://ewww.ccu.edu.tw/"> |
| − | display: inline-block;
| + | <img id="CCUlogo" src="https://static.igem.org/mediawiki/2018/8/89/T--CCU_Taiwan--CCUP3.png" align="bottom"> |
| − | width: 50%;
| + | </a> |
| − | margin-left: 20vw;
| + | </footer> |
| − | vertical-align: top;
| + | |
| − | }
| + | |
| − | | + | |
| − | .row #halftext3 {
| + | |
| − | display: inline-block;
| + | |
| − | width: 65%;
| + | |
| − | vertical-align: top;
| + | |
| − |
| + | |
| − | }
| + | |
| − | | + | |
| − | #Analysis1 {
| + | |
| − | width: 40%;
| + | |
| − | margin-left: 20vw;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | | + | |
| − | #Analysis2 {
| + | |
| − | width: 27%;
| + | |
| − | margin-left: 10px;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | | + | |
| − | #Analysis3 {
| + | |
| − | width: 27%;
| + | |
| − | margin-left: 10px;
| + | |
| − | margin-left: 20vw;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | | + | |
| − | .thecard p {
| + | |
| − | font-size: 13px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .thecard1 p {
| + | |
| − | font-size: 13px;
| + | |
| − | }
| + | |
| − | | + | |
| − | a:hover .card-outmore { | + | |
| − | background: #2C3E50;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | | + | |
| − | a:hover .thecard {
| + | |
| − | box-shadow: 0 10px 50px rgba(0,0,0,.6);
| + | |
| − | }
| + | |
| − | | + | |
| − | a:hover .thecard1 {
| + | |
| − | box-shadow: 0 10px 50px rgba(0,0,0,.6);
| + | |
| − | }
| + | |
| − | | + | |
| − | .thecard {
| + | |
| − | width: 300px;
| + | |
| − | margin-left: 20vw;
| + | |
| − | padding-bottom: 20px;
| + | |
| − | box-shadow: 0 1px 30px rgba(0,0,0,.4);
| + | |
| − | display: block;
| + | |
| − | background-color: #fff;
| + | |
| − | border-radius: 4px;
| + | |
| − | transition: 400ms ease;
| + | |
| − | display: inline-block;
| + | |
| − | align: top;
| + | |
| − | }
| + | |
| − | | + | |
| − | .thecard1 {
| + | |
| − | width: 300px;
| + | |
| − | margin-left: 10px!important;
| + | |
| − | padding-bottom: 20px;
| + | |
| − | box-shadow: 0 1px 30px rgba(0,0,0,.4);
| + | |
| − | display: block;
| + | |
| − | background-color: #fff;
| + | |
| − | border-radius: 4px;
| + | |
| − | transition: 400ms ease;
| + | |
| − | display: inline-block;
| + | |
| − | align: top;
| + | |
| − | }
| + | |
| − | .card-img {
| + | |
| − | height: 225px;
| + | |
| − | text-align:center!important;
| + | |
| − | margin: 0 auto;
| + | |
| − | }
| + | |
| − | | + | |
| − | .card-img img {
| + | |
| − | width:100%;
| + | |
| − | border-radius: 4px 4px 0px 0px;
| + | |
| − | text-align:center;
| + | |
| − | overflow: hidden!important;
| + | |
| − | margin: 0 auto;
| + | |
| − | }
| + | |
| − | | + | |
| − | .card-caption {
| + | |
| − | position: relative;
| + | |
| − | background: #ffffff;
| + | |
| − | padding: 15px 25px 5px 25px;
| + | |
| − | border-radius: 0px 0px 4px 4px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .card-outmore {
| + | |
| − | padding: 10px 25px 10px 25px;
| + | |
| − | border-radius: 0px 0px 4px 4px;
| + | |
| − | border-top: 1px solid #e0e0e0;
| + | |
| − | background: #efefef;
| + | |
| − | color: #222;
| + | |
| − | display: inline-table;
| + | |
| − | width: 100%;
| + | |
| − | box-sizing: border-box;
| + | |
| − | transition: 400ms ease;
| + | |
| − | }
| + | |
| − | .card-outmore h5 {
| + | |
| − | float: left;
| + | |
| − | }
| + | |
| − | .card-outmore i {
| + | |
| − | float: right;
| + | |
| − | }
| + | |
| − | | + | |
| − | .thecard span.date {
| + | |
| − | font-size: 10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .thecard h1 {
| + | |
| − | font-size: 22px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .thecard h5 {
| + | |
| − | margin:0;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .thecard1 span.date {
| + | |
| − | font-size: 10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .thecard1 h1 {
| + | |
| − | font-size: 22px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .thecard1 h5 {
| + | |
| − | margin:0;
| + | |
| − | }
| + | |
| − | | + | |
| − | #like-btn {
| + | |
| − | font-size: 18px;
| + | |
| − | background: #446CB3;
| + | |
| − | color: #fff;
| + | |
| − | padding: 13px 15px;
| + | |
| − | border-radius: 50em;
| + | |
| − | position: absolute;
| + | |
| − | right: 20px;
| + | |
| − | top: -22px;
| + | |
| − | box-shadow: 0 2px 1px rgba(0,0,0,.2);
| + | |
| − | transition: 400ms ease;
| + | |
| − | font-family: 'CCUfontsBold', Arial, sans-serif!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | #like-btn:hover {
| + | |
| − | font-size: 18px;
| + | |
| − | background: #3B5998;
| + | |
| − | color: #fff;
| + | |
| − | padding: 13px 15px;
| + | |
| − | border-radius: 50em;
| + | |
| − | position: absolute;
| + | |
| − | right: 20px;
| + | |
| − | top: -22px;
| + | |
| − | box-shadow: 0 4px 5px rgba(0,0,0,.3);
| + | |
| − | }
| + | |
| − | | + | |
| − | #outmore-icon {
| + | |
| − | border:1px solid ;
| + | |
| − | padding: 1px 6px;
| + | |
| − | border-radius: 50em;
| + | |
| − | }
| + | |
| − | | + | |
| − | .thecard .card {
| + | |
| − | margin-left: 0!important;
| + | |
| − | padding-left: 0!important;
| + | |
| − | text-align: left!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .thecard .second {
| + | |
| − | margin-left: 0!important;
| + | |
| − | padding-left: 0!important;
| + | |
| − | text-align: left!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .thecard .description {
| + | |
| − | margin-left: 0!important;
| + | |
| − | padding-left: 0!important;
| + | |
| − | text-align: left!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .thecard1 .description {
| + | |
| − | margin-left: 0!important;
| + | |
| − | padding-left: 0!important;
| + | |
| − | text-align: left!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .thecard1 .card {
| + | |
| − | margin-left: 0!important;
| + | |
| − | padding-left: 0!important;
| + | |
| − | text-align: left!important;
| + | |
| − | }
| + | |
| − | .row .thecard {
| + | |
| − | vertical-align: top;
| + | |
| − | }
| + | |
| − | | + | |
| − | .row .thecard1 {
| + | |
| − | vertical-align: top;
| + | |
| − | }
| + | |
| − | | + | |
| − | #arrow1 {
| + | |
| − | position: absolute;
| + | |
| − | z-index: 70;
| + | |
| − | width: 69%;
| + | |
| − | margin-left: 17vw;
| + | |
| − | margin-top: 15vh;
| + | |
| − | }
| + | |
| − | | + | |
| − | .container1{
| + | |
| − | background:#eee;
| + | |
| − | width:60%;
| + | |
| − | margin-left: 20vw;
| + | |
| − | }
| + | |
| − | .articles{
| + | |
| − | display:flex;
| + | |
| − | overflow:hidden;
| + | |
| − | flex-wrap:wrap;
| + | |
| − | align-items:stretch;
| + | |
| − | }
| + | |
| − | .articleShort{
| + | |
| − | display:flex;
| + | |
| − | //flex: 0 1 50%; //controll the width, default 1 1 0%
| + | |
| − | flex:1 1 0%; //really buggy in safari IOS
| + | |
| − |
| + | |
| − | }
| + | |
| − | .articleMain{ | + | |
| − | display:flex;
| + | |
| − | flex: 1 1 100%; //controll the width, default 1 1 0%
| + | |
| − | }
| + | |
| − | .card1{ | + | |
| − | display:flex;
| + | |
| − | align-items: center;
| + | |
| − | overflow:hidden;
| + | |
| − | background-color:white;
| + | |
| − | //padding:15px;
| + | |
| − | margin: 15px;
| + | |
| − |
| + | |
| − | .card-content1{
| + | |
| − | display:flex;
| + | |
| − | flex-direction:column;
| + | |
| − | align-items:flex-start;
| + | |
| − | flex: 1 1 auto;
| + | |
| − |
| + | |
| − | h3,p{
| + | |
| − | max-width: calc(100% - 30px);
| + | |
| − | padding-left:30px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | .card-image1{
| + | |
| − | min-width:262px;
| + | |
| − | a{
| + | |
| − | img{
| + | |
| − | //min-width:162px;
| + | |
| − | display: block;
| + | |
| − | max-width: 100%; | + | |
| − | height: auto;
| + | |
| − | | + | |
| − | }
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | @media screen and (max-width: 992px) {
| + | |
| − | .articleShort{
| + | |
| − | flex:1 1 100%;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 480px) {
| + | |
| − | .card1{flex-direction:column;
| + | |
| − | .card-content1{
| + | |
| − | h3,p{text-align:center;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | .card-image{
| + | |
| − | | + | |
| − | img{
| + | |
| − | | + | |
| − | }
| + | |
| − | }
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | #hp1 {
| + | |
| − | width: auto;
| + | |
| − | height: 200px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .backgroundHP .thecard a {
| + | |
| − | padding-right: 0!important;
| + | |
| − | margin-left: 0!important;
| + | |
| − | text-decoration: none!important;
| + | |
| − | color: white;
| + | |
| − | }
| + | |
| − | | + | |
| − | .backgroundHP .thecard {
| + | |
| − | width: 800px!important;
| + | |
| − | margin-left: 25vw;
| + | |
| − | }
| + | |
| − | #Public1 {
| + | |
| − | width: 30%;
| + | |
| − | margin-left: 10px;
| + | |
| − | display: inline-block!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | #Public2 {
| + | |
| − | width: 35%;
| + | |
| − | margin-left: 20vw;
| + | |
| − | display: inline-block!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | #Public3 {
| + | |
| − | width: 35%;
| + | |
| − | margin-left: 10px;
| + | |
| − | display: inline-block!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | body {font-family: Verdana, sans-serif; margin:0}
| + | |
| − | .mySlides {display: none}
| + | |
| − | img {vertical-align: middle;}
| + | |
| − | | + | |
| − | /* Slideshow container */
| + | |
| − | .slideshow-container {
| + | |
| − | max-width: 1000px;
| + | |
| − | position: relative;
| + | |
| − | margin: auto;
| + | |
| − | border:1px solid ;
| + | |
| − |
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Next & previous buttons */
| + | |
| − | .prev, .next {
| + | |
| − | cursor: pointer;
| + | |
| − | position: absolute;
| + | |
| − | top: 50%;
| + | |
| − | width: auto;
| + | |
| − | padding: 16px!important;;
| + | |
| − | margin-top: -22px!important;;
| + | |
| − | color: #d1c17e;
| + | |
| − | font-weight: bold;
| + | |
| − | font-size: 60px;
| + | |
| − | transition: 0.6s ease;
| + | |
| − | border-radius: 0 3px 3px 0;
| + | |
| − | padding-right: 0!important;
| + | |
| − | margin-left: 0!important;
| + | |
| − | text-decoration: none!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Position the "next button" to the right */
| + | |
| − | .next {
| + | |
| − | right: 0;
| + | |
| − | border-radius: 3px 0 0 3px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* Caption text */ | + | |
| − | .text { | + | |
| − | color: #f2f2f2;
| + | |
| − | font-size: 15px;
| + | |
| − | padding: 8px 12px;
| + | |
| − | position: absolute;
| + | |
| − | bottom: 8px;
| + | |
| − | width: 100%;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Number text (1/3 etc) */
| + | |
| − | .numbertext { | + | |
| − | color: #f2f2f2;
| + | |
| − | font-size: 12px;
| + | |
| − | padding: 8px 12px;
| + | |
| − | position: absolute;
| + | |
| − | top: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* The dots/bullets/indicators */ | + | |
| − | .dot {
| + | |
| − | cursor: pointer;
| + | |
| − | height: 15px;
| + | |
| − | width: 15px;
| + | |
| − | margin: 0 2px;
| + | |
| − | background-color: #bbb;
| + | |
| − | border-radius: 50%;
| + | |
| − | display: inline-block;
| + | |
| − | transition: background-color 0.6s ease;
| + | |
| − | }
| + | |
| − | | + | |
| − | .active, .dot:hover {
| + | |
| − | background-color: #717171;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Fading animation */ | + | |
| − | .fade {
| + | |
| − | -webkit-animation-name: fade;
| + | |
| − | -webkit-animation-duration: 1.5s;
| + | |
| − | animation-name: fade;
| + | |
| − | animation-duration: 1.5s;
| + | |
| − | }
| + | |
| − | | + | |
| − | @-webkit-keyframes fade {
| + | |
| − | from {opacity: .4}
| + | |
| − | to {opacity: 1}
| + | |
| − | }
| + | |
| − | | + | |
| − | @keyframes fade {
| + | |
| − | from {opacity: .4}
| + | |
| − | to {opacity: 1}
| + | |
| − | }
| + | |
| − | | + | |
| − | /* On smaller screens, decrease text size */
| + | |
| − | @media only screen and (max-width: 300px) {
| + | |
| − | .prev, .next,.text {font-size: 11px}
| + | |
| − | }
| + | |
| − | | + | |
| − | .survey {
| + | |
| − | width:50%!important;
| + | |
| − | margin-left: 28vw;
| + | |
| − | }
| + | |
| − | | + | |
| − | #Model1 {
| + | |
| − | width: 30%;
| + | |
| − | margin-left: 10px;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | | + | |
| − | #Bind1 {
| + | |
| − | width: 70%;
| + | |
| − | margin-left: 20vw;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | #Bind2 {
| + | |
| − | width: 50%;
| + | |
| − | margin-left: 25vw;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | #Bind3 {
| + | |
| − | width: 30%;
| + | |
| − | margin-left: 20vw;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | #Bind4 {
| + | |
| − | width: 35%;
| + | |
| − | margin-left: 15px;
| + | |
| − | display: inline-block!important;
| + | |
| − | }
| + | |
| − | #Bind5 {
| + | |
| − | width: 70%;
| + | |
| − | margin-left: 20vw;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | #Bind6 {
| + | |
| − | width: 70%;
| + | |
| − | margin-left: 20vw;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | #Bind7 {
| + | |
| − | width: 25%;
| + | |
| − | margin-left: 20vw;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | | + | |
| − | #Bind8 {
| + | |
| − | width: 40%;
| + | |
| − | margin-left: 5px;
| + | |
| − | display: inline-block!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | #twopics {
| + | |
| − | display: inline-block!important;
| + | |
| − | width:45%;
| + | |
| − | }
| + | |
| − | | + | |
| − | #twopics2 {
| + | |
| − | display: inline-block!important;
| + | |
| − | width:25%;
| + | |
| − | vertical-align: middle;
| + | |
| − | }
| + | |
| − | #twopics3 {
| + | |
| − | display: inline-block!important;
| + | |
| − | width:60%;
| + | |
| − | margin-left: 20%;
| + | |
| − | }
| + | |
| − | | + | |
| − | .indicator #Polymer1 {
| + | |
| − | font-size: 1vw!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | #Basic1 {
| + | |
| − | width: 40%;
| + | |
| − | margin-left: 20vw;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | | + | |
| − | #Basic2 {
| + | |
| − | width: 30%;
| + | |
| − | margin-left: 20px;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | #Basic3 {
| + | |
| − | width: 40%;
| + | |
| − | margin-left: 20vw;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | #Basic4 {
| + | |
| − | width: 30%;
| + | |
| − | margin-left: 20px;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | #Basic5 {
| + | |
| − | width: 30%;
| + | |
| − | margin-left: 10px;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | | + | |
| − | #Composite1 {
| + | |
| − | width: 50%;
| + | |
| − | margin-left: 25vw;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | #Composite2 {
| + | |
| − | width: 50%;
| + | |
| − | margin-left: 25vw;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | #Composite3 {
| + | |
| − | width: 50%;
| + | |
| − | margin-left: 25vw;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | #Composite4 {
| + | |
| − | width: 30%;
| + | |
| − | margin-left: 20vw;
| + | |
| − | display: inline-block;
| + | |
| − | vertical-align: top;
| + | |
| − | }
| + | |
| − | #Composite5 {
| + | |
| − | width: 30%;
| + | |
| − | margin-left: 10px;
| + | |
| − | display: inline-block;
| + | |
| − | vertical-align: top;
| + | |
| − | }
| + | |
| − | | + | |
| − | #like-btn a {
| + | |
| − | padding-right: 0!important;
| + | |
| − | margin-left: 0!important;
| + | |
| − | text-decoration: none!important;
| + | |
| − | color: white;
| + | |
| − | }
| + | |
| − | .backgroundProject #like-btn {
| + | |
| − | right: 0px!important;
| + | |
| − | top: 0px!important;
| + | |
| − | position: relative!important;
| + | |
| − | margin-left: 20vw!important;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | #Demonstrate2 {
| + | |
| − | width: 40%;
| + | |
| − | margin-left: 35vw;
| + | |
| − | display: inline-block;
| + | |
| − | vertical-align: top;
| + | |
| − | }
| + | |
| − | #Demonstrate3 {
| + | |
| − | width: 30%;
| + | |
| − | margin-left: 23vw;
| + | |
| − | display: inline-block;
| + | |
| − | vertical-align: top;
| + | |
| − | }
| + | |
| − | #Demonstrate4 {
| + | |
| − | width: 30%;
| + | |
| − | margin-left: 10px;
| + | |
| − | display: inline-block;
| + | |
| − | vertical-align: top;
| + | |
| − | }
| + | |
| − | #Demonstrate5 {
| + | |
| − | width: 50%;
| + | |
| − | margin-left: 30vw;
| + | |
| − | display: inline-block;
| + | |
| − | vertical-align: top;
| + | |
| − | }
| + | |
| − | #Demonstrate6 {
| + | |
| − | width: 30%;
| + | |
| − | margin-left: 30vw;
| + | |
| − | display: inline-block;
| + | |
| − | vertical-align: top;
| + | |
| − | }
| + | |
| − | #Demonstrate7 {
| + | |
| − | width: 30%;
| + | |
| − | margin-left: 10px;
| + | |
| − | display: inline-block;
| + | |
| − | vertical-align: top;
| + | |
| − | }
| + | |
| − | #Demonstrate8 {
| + | |
| − | width: 50%;
| + | |
| − | margin-left: 20vw;
| + | |
| − | display: inline-block;
| + | |
| − | vertical-align: top;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .description a {
| + | |
| − | padding-left: 0!important;
| + | |
| − | margin-left: 0!important;
| + | |
| − | padding-right: 0!important;
| + | |
| − | }
| + | |
| − | .polaroid #production {
| + | |
| − | width: 60%;
| + | |
| − | display: inline-block;
| + | |
| − | vertical-align: middle;
| + | |
| − | }
| + | |
| − | </style> | + | |
| − | </html> | + | |
