|
|
Line 644: |
Line 644: |
| width: 100% | | width: 100% |
| } | | } |
− |
| |
− | /*header .site-logo {
| |
− | float: left;
| |
− | left: 10px;
| |
− | width: 35%;
| |
− | position: absolute;
| |
− | top: 5px;
| |
− | }
| |
− | header .site-logo img {
| |
− | width:30%
| |
− | }*/
| |
− |
| |
− | /*CSS for Navibar*/
| |
− | header .site-nav { float: right; position: relative; width: 80%; }
| |
− | header .site-nav img { width: 100%;margin:0 0 30px 0; }
| |
− | header .site-nav ul { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; list-style: none; font-family: 'Gamja Flower';font-size:18px;}
| |
− | header .site-nav ul li { position: absolute; transform: translate(-50%,-50%); }
| |
− | header .site-nav ul li.home { top: 40px; left: 0%; }
| |
− | header .site-nav ul li.project { top: 40px; left: 8%; }
| |
− | header .site-nav ul li.experiment { top: 40px; left: 20%; }
| |
− | header .site-nav ul li.model { top: 40px; left: 31%; }
| |
− | header .site-nav ul li.humanPractice { top: 40px; left: 41%; }
| |
− | header .site-nav ul li.demonstrate { top: 40px; left: 55%; }
| |
− | header .site-nav ul li.safety { top: 40px; left: 67%; }
| |
− | header .site-nav ul li.attribution { top: 40px; left: 79%; }
| |
− | header .site-nav ul li.team { top: 40px; left: 90%; }
| |
− | header .site-nav ul li:hover ul { display: block; background-color: aliceblue; padding: 2px;}
| |
− | header .site-nav ul li a { display: block; font-size: .95em; padding-bottom: .1em; text-decoration: none; letter-spacing: .15em; text-transform: uppercase; color: black; -webkit-transition: color .3s; transition: color .3s; z-index:20;}
| |
− | header .site-nav ul li a:hover { border-bottom: 1px solid red; background-color: #FEFEFE; color: #C4C4C4; cursor: pointer; }
| |
− | header .site-nav ul li ul { top: auto; left: 0; display: none; width: auto; height: auto; background-color: aliceblue; padding: 2px;}
| |
− | header .site-nav ul li ul li { position: static; transform: none; }
| |
− |
| |
− |
| |
− | .title { position: relative; z-index: 1;text-align: center;margin:0 100px 0 100px; }
| |
− | .title-content{background-position: center;text-align: center;text-align: center;font-family: Arial, 'Gamja Flower', "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetical, "sans-serif"}
| |
− | .description{margin:60px ;font-size:25px;}
| |
− | .flowchart{
| |
− | text-align: center;
| |
− | margin:100px;
| |
− | }
| |
− | .line{
| |
− | height: 30px;
| |
− | border-style: solid;
| |
− | border-color: black;
| |
− | border-width: 1px 0 0 0;
| |
− | border-radius: 20px;
| |
− | background-color: inherit;
| |
− | }
| |
− | .line:before{
| |
− | display: block;
| |
− | content: "";
| |
− | height: 30px;
| |
− | margin-top: -31px;
| |
− | border-style: solid;
| |
− | border-color: black;
| |
− | border-width: 0 0 1px 0;
| |
− | border-radius: 20px;
| |
− | }
| |
− | /*CSS End*/
| |
| | | |
| .mobile-actions, .navbar-drawer, .navbar-drawer-bar { | | .mobile-actions, .navbar-drawer, .navbar-drawer-bar { |
Line 1,970: |
Line 1,911: |
| } | | } |
| </style> | | </style> |
| + | </div><div name="topBar" type="NavTheme" id="f_a7eefaef-c78a-4fe1-925d-f515062961c4" class="css-NavbarSection-192rqjg0 s-nav navigator css-qca40n"><div class="s-navbar-desktop s-navbar-desktop-normal s-bg-light-text"><div class="s-nav-inner"> |
| + | <div class="s-logo"><div class="css-LogoImageContainerDiv-192rqjg1 css-enscdp"><div class="s-logo-image-normal"><div class="s-logo-image image1"><div class="s-component s-image"><div><div class="s-component-content"><div><img src="//res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_300,w_300,f_auto,q_auto/v1/1518694/RDFZ_logo_v1qehu.png" alt="" title="" class="crop-default" data-description=""></div></div></div></div></div></div> |
| + | <div class="s-logo-image-alternative"><div class="s-logo-image image1"><div class="s-component s-image"><div><div class="s-component-content"><div><img src="//res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_300,w_300,f_auto,q_auto/v1/1518694/RDFZ_logo_v1qehu.png" alt="" title="" class="crop-default" data-description=""></div></div></div></div></div> |
| + | <div class="s-logo-image image2"><div class="s-component s-image"><div><div class="s-component-content"><div><img src="//res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_300,w_300,f_auto,q_auto/v1/1518694/RDFZ_logo_v1qehu.png" alt="" title="" class="crop-default" data-description=""></div></div></div></div></div></div></div></div> |
| + | |
| + | <div class="s-nav-items-and-links"> |
| + | <ul class="s-uncollapsed-nav "> |
| + | <li class="s-nav-li selected"> |
| + | <div class="s-nav-link-container"> |
| + | <a target="_self" href="/"><span class="s-font-body">Home</span></a></div> |
| + | </li> |
| + | <li class="s-nav-li"><div class="s-nav-link-container"><a target="_self" href="/events"><span class="s-font-body">Project</span></a></div> |
| + | |
| + | </li> |
| | | |
− | <header> | + | <li class="s-nav-li"><div class="s-nav-link-container"><a target="_self" href="/events"><span class="s-font-body">Experiment</span></a></div> |
− | <div class="site-logo">
| + | |
− | <img src="https://static.igem.org/mediawiki/2017/5/57/RDFZ_logo.png">
| + | </li> |
− | </div>
| + | <li class="s-nav-li s-nav-ellipsis hidden s-navbar-dropdown _down"><div class="s-nav-link-container"><a> |
− | | + | <span class="s-font-body">… <!-- --> <i style="display:inline" class="fa fa-angle-down"></i></span></a></div><ul class="s-collapsed-nav"> |
− | <nav class="site-nav">
| + | |
− |
| + | <li class="s-nav-li selected"><div class="s-nav-link-container"><a target="_self" href="/"><span class="s-font-body">Home</span></a></div></li> |
− | <ul>
| + | <li class="s-nav-li"><div class="s-nav-link-container"><a target="_self" href="/events"><span class="s-font-body">Project</span></a></div></li> |
− | <li class="home">
| + | <li class="s-nav-li"><div class="s-nav-link-container"><a target="_self" href="/events"><span class="s-font-body">Experiment</span></a></div></li> |
− | <a href="https://2018.igem.org/Team:RDFZ-China">HOME</a>
| + | |
− |
| + | </ul> |
− | </li>
| + | </li></ul></div> |
− |
| + | <ul class="s-nav-icons"><li class="s-nav-li"></li></ul><div class="s-nav-btn"><div class="css-ButtonWrapperDiv-ngb74c0 css-uhh9t8"><div class="s-button s-component"><div><div class="s-component-content"><a class="s-common-button s-font-body s-action-button" href="https://2018.igem.org/Team:RDFZ-China" data-component="button" target="_blank">Xscape</a></div></div></div></div></div></div></div><div class="s-navbar-desktop s-navbar-desktop-fixed strikingly-fixed s-bg-light-text _alternativeNavBackgroundColorIsDifferentFromNormal"><div class="s-nav-inner"> |
− | <li class="project">
| + | <div class="s-logo"><div class="css-LogoImageContainerDiv-192rqjg1 css-enscdp"><div class="s-logo-image-normal"><div class="s-logo-image image1"><div class="s-component s-image"><div><div class="s-component-content"><div><img src="//res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_300,w_300,f_auto,q_auto/v1/1518694/RDFZ_logo_v1qehu.png" alt="" title="" class="crop-default" data-description=""></div></div></div></div></div></div><div class="s-logo-image-alternative"><div class="s-logo-image image1"><div class="s-component s-image"><div><div class="s-component-content"><div><img src="//res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_300,w_300,f_auto,q_auto/v1/1518694/RDFZ_logo_v1qehu.png" alt="" title="" class="crop-default" data-description=""></div></div></div></div></div><div class="s-logo-image image2"><div class="s-component s-image"><div><div class="s-component-content"><div><img src="//res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_300,w_300,f_auto,q_auto/v1/1518694/RDFZ_logo_v1qehu.png" alt="" title="" class="crop-default" data-description=""></div></div></div></div></div></div></div></div><div class="s-nav-items-and-links"><ul class="s-uncollapsed-nav "><li class="s-nav-li selected"> |
− | <a href="https://2017.igem.org/Team:RDFZ-China/Description">PROJECT </a>
| + | <div class="s-nav-link-container"><a target="_self" href="/"><span class="s-font-body">Home</span></a></div> |
− | <ul>
| + | </li><li class="s-nav-li"><div class="s-nav-link-container"><a target="_self" href="/events"><span class="s-font-body">Events</span></a></div></li><li class="s-nav-li s-nav-ellipsis hidden s-navbar-dropdown _down"><div class="s-nav-link-container"><a><span class="s-font-body">… <!-- --> <i style="display:inline" class="fa fa-angle-down"></i></span></a></div><ul class="s-collapsed-nav"><li class="s-nav-li selected"><div class="s-nav-link-container"><a target="_self" href="/"><span class="s-font-body">Home</span></a></div></li><li class="s-nav-li"><div class="s-nav-link-container"><a target="_self" href="/events"><span class="s-font-body">Events</span></a></div></li></ul></li></ul></div> |
− | <li><a href="https://2018.igem.org/Team:RDFZ-China/Description">BACKGROUND</a></li>
| + | <ul class="s-nav-icons"><li class="s-nav-li"></li></ul><div class="s-nav-btn"><div class="css-ButtonWrapperDiv-ngb74c0 css-uhh9t8"><div class="s-button s-component"><div><div class="s-component-content"><a class="s-common-button s-font-body s-action-button" href="https://2018.igem.org/Team:RDFZ-China" data-component="button" target="_blank">Xscape</a></div></div></div></div></div></div></div><div class="s-navbar-mobile-header"><div class="s-logo-image image1"><div class="s-component s-image"><div><div class="s-component-content"><div><img src="//res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_300,w_300,f_auto,q_auto/v1/1518694/RDFZ_logo_v1qehu.png" alt="" title="" class="crop-default" data-description=""></div></div></div></div></div></div></div><div class="css-S5PageWrapperDiv-evtmtg0 css-1c86csr"> |
− | <li><a href="https://2018.igem.org/Team:RDFZ-China/Description">PROJECT</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:RDFZ-China/Improve">IMPROVE</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− |
| + | |
− | <li class="experiment">
| + | |
− | <a href="https://2017.igem.org/Team:RDFZ-China/Applied_Design">EXPERIMENT</a>
| + | |
− | <ul>
| + | |
− | <li><a href="https://2018.igem.org/Team:RDFZ-China/Experiments">EXPERIMENT</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:RDFZ-China/InterLab">INTERLAB</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− |
| + | |
− | <li class="model">
| + | |
− | <a href="https://2018.igem.org/Team:RDFZ-China/Model">MODEL</a>
| + | |
− | <ul>
| + | |
− | <li><a href="https://2018.igem.org/Team:RDFZ-China/Model">MODEL</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:RDFZ-China/Measurement">MEASUREMENT</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− |
| + | |
− | <li class="humanPractice">
| + | |
− | <a href="https://2018.igem.org/Team:RDFZ-China/Human_Practices">HUMAN<br>PRACTICE</a>
| + | |
− | <ul>
| + | |
− | <li><a href="https://2018.igem.org/Team:RDFZ-China/Human_Practices">HUMAN PRACTICE</a></li> | + | |
− | <li><a href="https://2018.igem.org/Team:RDFZ-China/Public_Engagement">ENGAGEMENT</a></li> | + | |
− | <li><a href="https://2017.igem.org/Team:RDFZ-China/Engagement">GOLD INTEGRATED</a></li> | + | |
− | </ul>
| + | |
− | </li>
| + | |
− |
| + | |
− | <li class="demonstrate"><a href=" https://2018.igem.org/Team:RDFZ-China/Demonstrate">DEMONSTRATE</a>
| + | |
− | <ul>
| + | |
− | <li><a href=" https://2018.igem.org/Team:RDFZ-China/Demonstrate">DEMONSTRATE</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:RDFZ-China/Applied_Design">APPLIED DESIGN</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− |
| + | |
− | <li class="safety"><a href="https://2018.igem.org/Team:RDFZ-China/Safety">SAFETY</a>
| + | |
− | </li>
| + | |
− |
| + | |
− | <li class="attribution"><a href="https://2018.igem.org/Team:RDFZ-China/Attributions">Attribution</a>
| + | |
− | <ul>
| + | |
− | <li><a href="https://2018.igem.org/Team:RDFZ-China/Attributions">ATTRIBUTION</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:RDFZ-China/Collaborations">COLLABORATION</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− |
| + | |
− | <li class="team"><a href="https://2017.igem.org/Team:RDFZ-China/Model">TEAM</a>
| + | |
− | <ul>
| + | |
− | <li><a href="https://2017.igem.org/Team:RDFZ-China/Hardware">MEMBERS</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:RDFZ-China/Hardware">SCHOOLS</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− |
| + | |
− | </ul>
| + | |
− | </nav>
| + | |
− | </header>
| + | |
− | | + | |
− | </div><div name="topBar" type="NavTheme" id="f_a7eefaef-c78a-4fe1-925d-f515062961c4" class="css-NavbarSection-192rqjg0 s-nav navigator css-qca40n"><div class="s-navbar-desktop s-navbar-desktop-normal s-bg-light-text"><div class="s-nav-inner"><div class="s-logo"><div class="css-LogoImageContainerDiv-192rqjg1 css-enscdp"><div class="s-logo-image-normal"><div class="s-logo-image image1"><div class="s-component s-image"><div><div class="s-component-content"><div><img src="//res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_300,w_300,f_auto,q_auto/v1/1518694/RDFZ_logo_v1qehu.png" alt="" title="" class="crop-default" data-description=""></div></div></div></div></div></div><div class="s-logo-image-alternative"><div class="s-logo-image image1"><div class="s-component s-image"><div><div class="s-component-content"><div><img src="//res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_300,w_300,f_auto,q_auto/v1/1518694/RDFZ_logo_v1qehu.png" alt="" title="" class="crop-default" data-description=""></div></div></div></div></div><div class="s-logo-image image2"><div class="s-component s-image"><div><div class="s-component-content"><div><img src="//res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_300,w_300,f_auto,q_auto/v1/1518694/RDFZ_logo_v1qehu.png" alt="" title="" class="crop-default" data-description=""></div></div></div></div></div></div></div></div><div class="s-nav-items-and-links"><ul class="s-uncollapsed-nav "><li class="s-nav-li selected"><div class="s-nav-link-container"><a target="_self" href="/"><span class="s-font-body">Home</span></a></div></li><li class="s-nav-li"><div class="s-nav-link-container"><a target="_self" href="/events"><span class="s-font-body">Events</span></a></div></li><li class="s-nav-li s-nav-ellipsis hidden s-navbar-dropdown _down"><div class="s-nav-link-container"><a><span class="s-font-body">… <!-- --> <i style="display:inline" class="fa fa-angle-down"></i></span></a></div><ul class="s-collapsed-nav"><li class="s-nav-li selected"><div class="s-nav-link-container"><a target="_self" href="/"><span class="s-font-body">Home</span></a></div></li><li class="s-nav-li"><div class="s-nav-link-container"><a target="_self" href="/events"><span class="s-font-body">Events</span></a></div></li></ul></li></ul></div><ul class="s-nav-icons"><li class="s-nav-li"></li></ul><div class="s-nav-btn"><div class="css-ButtonWrapperDiv-ngb74c0 css-uhh9t8"><div class="s-button s-component"><div><div class="s-component-content"><a class="s-common-button s-font-body s-action-button" href="https://2018.igem.org/Team:RDFZ-China" data-component="button" target="_blank">Xscape</a></div></div></div></div></div></div></div><div class="s-navbar-desktop s-navbar-desktop-fixed strikingly-fixed s-bg-light-text _alternativeNavBackgroundColorIsDifferentFromNormal"><div class="s-nav-inner"><div class="s-logo"><div class="css-LogoImageContainerDiv-192rqjg1 css-enscdp"><div class="s-logo-image-normal"><div class="s-logo-image image1"><div class="s-component s-image"><div><div class="s-component-content"><div><img src="//res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_300,w_300,f_auto,q_auto/v1/1518694/RDFZ_logo_v1qehu.png" alt="" title="" class="crop-default" data-description=""></div></div></div></div></div></div><div class="s-logo-image-alternative"><div class="s-logo-image image1"><div class="s-component s-image"><div><div class="s-component-content"><div><img src="//res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_300,w_300,f_auto,q_auto/v1/1518694/RDFZ_logo_v1qehu.png" alt="" title="" class="crop-default" data-description=""></div></div></div></div></div><div class="s-logo-image image2"><div class="s-component s-image"><div><div class="s-component-content"><div><img src="//res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_300,w_300,f_auto,q_auto/v1/1518694/RDFZ_logo_v1qehu.png" alt="" title="" class="crop-default" data-description=""></div></div></div></div></div></div></div></div><div class="s-nav-items-and-links"><ul class="s-uncollapsed-nav "><li class="s-nav-li selected"><div class="s-nav-link-container"><a target="_self" href="/"><span class="s-font-body">Home</span></a></div></li><li class="s-nav-li"><div class="s-nav-link-container"><a target="_self" href="/events"><span class="s-font-body">Events</span></a></div></li><li class="s-nav-li s-nav-ellipsis hidden s-navbar-dropdown _down"><div class="s-nav-link-container"><a><span class="s-font-body">… <!-- --> <i style="display:inline" class="fa fa-angle-down"></i></span></a></div><ul class="s-collapsed-nav"><li class="s-nav-li selected"><div class="s-nav-link-container"><a target="_self" href="/"><span class="s-font-body">Home</span></a></div></li><li class="s-nav-li"><div class="s-nav-link-container"><a target="_self" href="/events"><span class="s-font-body">Events</span></a></div></li></ul></li></ul></div><ul class="s-nav-icons"><li class="s-nav-li"></li></ul><div class="s-nav-btn"><div class="css-ButtonWrapperDiv-ngb74c0 css-uhh9t8"><div class="s-button s-component"><div><div class="s-component-content"><a class="s-common-button s-font-body s-action-button" href="https://2018.igem.org/Team:RDFZ-China" data-component="button" target="_blank">Xscape</a></div></div></div></div></div></div></div><div class="s-navbar-mobile-header"><div class="s-logo-image image1"><div class="s-component s-image"><div><div class="s-component-content"><div><img src="//res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_300,w_300,f_auto,q_auto/v1/1518694/RDFZ_logo_v1qehu.png" alt="" title="" class="crop-default" data-description=""></div></div></div></div></div></div></div><div class="css-S5PageWrapperDiv-evtmtg0 css-1c86csr">
| + | |
| <div class="s-navbar-container"> | | <div class="s-navbar-container"> |
| <div class="navbar-drawer-bar"> | | <div class="navbar-drawer-bar"> |