|
|
Line 14: |
Line 14: |
| } | | } |
| .title { | | .title { |
− | height: 150px; | + | height: 240px; |
| width: 960px; | | width: 960px; |
| margin-right: auto; | | margin-right: auto; |
Line 27: |
Line 27: |
| float: right; | | float: right; |
| height: 80px; | | height: 80px; |
− | width: 600px; | + | width: 960px; |
| margin-top: 35px; | | margin-top: 35px; |
| font-size: 16px; | | font-size: 16px; |
Line 36: |
Line 36: |
| font-style: normal; | | font-style: normal; |
| line-height: 40px; | | line-height: 40px; |
− | padding-right: 20px;
| |
− | margin-right: 20px;
| |
| text-align: center; | | text-align: center; |
| } | | } |
Line 58: |
Line 56: |
| text-transform: capitalize; | | text-transform: capitalize; |
| text-align: center !important; | | text-align: center !important; |
− | padding-top: 160px; | + | padding-top: 0px; |
| font-size: larger; | | font-size: larger; |
| margin-bottom: 3px; | | margin-bottom: 3px; |
Line 109: |
Line 107: |
| body { | | body { |
| margin: 0; | | margin: 0; |
− | }
| + | font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif; |
− | article,
| + | |
− | aside,
| + | |
− | details,
| + | |
− | figcaption,
| + | |
− | figure,
| + | |
− | footer,
| + | |
− | header,
| + | |
− | hgroup,
| + | |
− | main,
| + | |
− | menu,
| + | |
− | nav,
| + | |
− | section,
| + | |
− | summary {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | audio,
| + | |
− | canvas,
| + | |
− | progress,
| + | |
− | video {
| + | |
− | display: inline-block;
| + | |
− | vertical-align: baseline;
| + | |
− | }
| + | |
− | audio:not([controls]) {
| + | |
− | display: none;
| + | |
− | height: 0;
| + | |
− | }
| + | |
− | [hidden],
| + | |
− | template {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | a {
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− | a:active,
| + | |
− | a:hover {
| + | |
− | outline: 0;
| + | |
− | }
| + | |
− | abbr[title] {
| + | |
− | border-bottom: 1px dotted;
| + | |
− | }
| + | |
− | b,
| + | |
− | strong {
| + | |
− | font-weight: bold;
| + | |
− | }
| + | |
− | dfn {
| + | |
− | font-style: italic;
| + | |
− | }
| + | |
− | h1 {
| + | |
− | margin: .67em 0;
| + | |
− | font-size: 2em;
| + | |
− | }
| + | |
− | mark {
| + | |
− | color: #000;
| + | |
− | background: #ff0;
| + | |
− | }
| + | |
− | small {
| + | |
− | font-size: 80%;
| + | |
− | }
| + | |
− | sub,
| + | |
− | sup {
| + | |
− | position: relative;
| + | |
− | font-size: 75%;
| + | |
− | line-height: 0;
| + | |
− | vertical-align: baseline;
| + | |
− | }
| + | |
− | sup {
| + | |
− | top: -.5em;
| + | |
− | }
| + | |
− | sub {
| + | |
− | bottom: -.25em;
| + | |
− | }
| + | |
− | img {
| + | |
− | border: 0;
| + | |
− | }
| + | |
− | svg:not(:root) {
| + | |
− | overflow: hidden;
| + | |
− | }
| + | |
− | figure {
| + | |
− | margin: 1em 40px;
| + | |
− | }
| + | |
− | hr {
| + | |
− | height: 0;
| + | |
− | -webkit-box-sizing: content-box;
| + | |
− | -moz-box-sizing: content-box; | + | |
− | box-sizing: content-box;
| + | |
− | }
| + | |
− | pre {
| + | |
− | overflow: auto;
| + | |
− | }
| + | |
− | code,
| + | |
− | kbd,
| + | |
− | pre,
| + | |
− | samp {
| + | |
− | font-family: monospace, monospace;
| + | |
− | font-size: 1em;
| + | |
− | }
| + | |
− | button,
| + | |
− | input,
| + | |
− | optgroup,
| + | |
− | select,
| + | |
− | textarea {
| + | |
− | margin: 0;
| + | |
− | font: inherit;
| + | |
− | color: inherit;
| + | |
− | }
| + | |
− | button {
| + | |
− | overflow: visible;
| + | |
− | }
| + | |
− | button,
| + | |
− | select {
| + | |
− | text-transform: none;
| + | |
− | }
| + | |
− | button,
| + | |
− | html input[type="button"],
| + | |
− | input[type="reset"],
| + | |
− | input[type="submit"] {
| + | |
− | -webkit-appearance: button;
| + | |
− | cursor: pointer;
| + | |
− | }
| + | |
− | button[disabled],
| + | |
− | html input[disabled] {
| + | |
− | cursor: default;
| + | |
− | }
| + | |
− | button::-moz-focus-inner,
| + | |
− | input::-moz-focus-inner {
| + | |
− | padding: 0;
| + | |
− | border: 0;
| + | |
− | }
| + | |
− | input {
| + | |
− | line-height: normal;
| + | |
− | }
| + | |
− | input[type="checkbox"],
| + | |
− | input[type="radio"] {
| + | |
− | -webkit-box-sizing: border-box;
| + | |
− | -moz-box-sizing: border-box;
| + | |
− | box-sizing: border-box;
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− | input[type="number"]::-webkit-inner-spin-button,
| + | |
− | input[type="number"]::-webkit-outer-spin-button {
| + | |
− | height: auto;
| + | |
− | }
| + | |
− | input[type="search"] {
| + | |
− | -webkit-box-sizing: content-box;
| + | |
− | -moz-box-sizing: content-box;
| + | |
− | box-sizing: content-box;
| + | |
− | -webkit-appearance: textfield;
| + | |
− | }
| + | |
− | input[type="search"]::-webkit-search-cancel-button,
| + | |
− | input[type="search"]::-webkit-search-decoration {
| + | |
− | -webkit-appearance: none;
| + | |
− | }
| + | |
− | fieldset {
| + | |
− | padding: .35em .625em .75em;
| + | |
− | margin: 0 2px;
| + | |
− | border: 1px solid #c0c0c0;
| + | |
− | }
| + | |
− | legend {
| + | |
− | padding: 0;
| + | |
− | border: 0;
| + | |
− | }
| + | |
− | textarea {
| + | |
− | overflow: auto;
| + | |
− | }
| + | |
− | optgroup {
| + | |
− | font-weight: bold;
| + | |
− | }
| + | |
− | table {
| + | |
− | border-spacing: 0;
| + | |
− | border-collapse: collapse;
| + | |
− |
| + | |
− | }
| + | |
− | td,
| + | |
− | th {
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− |
| + | |
− |
| + | |
− | body {
| + | |
− | font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
| + | |
− | font-size: 12px;
| + | |
− | line-height: 1.42857143;
| + | |
− | color: #333;
| + | |
− | background-color: #fff;
| + | |
− | }
| + | |
− | input,
| + | |
− | button,
| + | |
− | select,
| + | |
− | textarea {
| + | |
− | font-family: inherit;
| + | |
− | font-size: inherit;
| + | |
− | line-height: inherit;
| + | |
| } | | } |
| a { | | a { |
Line 316: |
Line 122: |
| } | | } |
| | | |
− | body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,form{
| |
− | margin:0;
| |
− | }
| |
− | h4,h5,h6{
| |
− | font-size:1em;
| |
− | }
| |
− | ul,ol{
| |
− | padding-left:0;
| |
− | list-style-type:none;
| |
− | }
| |
− |
| |
− |
| |
− | /*common*/
| |
− | *:focus {outline: none;}
| |
− |
| |
− | /* display */
| |
− | .dn { display: none; }
| |
− | .di { display: inline; }
| |
− | .db { display: block; }
| |
− | .dib { display: inline-block; } /* if the element is block level(eg. div, li), using 'inline-any' instead */
| |
− |
| |
− |
| |
− | .fl{float:left;}
| |
− | .fr{float:right;}
| |
− |
| |
− | /* setting margin */
| |
− | .auto { margin-left: auto; margin-right: auto; }
| |
− |
| |
− | /* overflow */
| |
− | .ovh { overflow: hidden; }
| |
− |
| |
− | /* position */
| |
− | .rel { position: relative; }
| |
− | .abs { position: absolute; }
| |
− |
| |
− | /* font-family */
| |
− | .fw { font-family: 'Microsoft Yahei'; }
| |
− | .fs { font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif; }
| |
− |
| |
− |
| |
− | /* font-style */
| |
− | .n { font-weight: normal; font-style: normal; }
| |
− | .b { font-weight: bold; }
| |
− | .i { font-style: italic; }
| |
− |
| |
− | /* text-align */
| |
− | .tc { text-align: center; }
| |
− | .tr { text-align: right; }
| |
− | .tl { text-align: left; }
| |
− | .tj { text-align: justify; }
| |
− |
| |
− | /* fix*/
| |
− | .fix { *zoom:1; }
| |
− | .fix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
| |
− |
| |
− | /*table*/
| |
− | table {
| |
− | width: 100%;
| |
− | border-collapse: collapse;
| |
− | }
| |
− |
| |
− | /* margin */
| |
− | .m0 { margin:0 !important; }
| |
− | .ml0 { margin-left: 0}
| |
− | .ml1 { margin-left: 1px; }
| |
− | .ml2 { margin-left: 2px; }
| |
− | .ml5 { margin-left: 5px; }
| |
− | .ml10 { margin-left: 10px; }
| |
− | .ml15 { margin-left: 15px; }
| |
− | .ml20 { margin-left: 20px; }
| |
− | .ml25 { margin-left: 25px;}
| |
− | .ml30 { margin-left: 30px; }
| |
− |
| |
− | .mr1 { margin-right: 1px; }
| |
− | .mr2 { margin-right: 2px; }
| |
− | .mr5 { margin-right: 5px; }
| |
− | .mr10 { margin-right: 10px; }
| |
− | .mr15 { margin-right: 15px; }
| |
− | .mr20 { margin-right: 20px; }
| |
− | .mr30 { margin-right: 30px; }
| |
− |
| |
− | .mt1 { margin-top: 1px; }
| |
− | .mt2 { margin-top: 2px; }
| |
− | .mt5 { margin-top: 5px; }
| |
− | .mt10 { margin-top: 10px; }
| |
− | .mt15 { margin-top: 15px; }
| |
− | .mt20 { margin-top: 20px; }
| |
− | .mt25 { margin-top: 25px; }
| |
− | .mt30 { margin-top: 30px; }
| |
− |
| |
− | .mb1 { margin-bottom: 1px; }
| |
− | .mb2 { margin-bottom: 2px; }
| |
− | .mb5 { margin-bottom: 5px; }
| |
− | .mb10 { margin-bottom: 10px; }
| |
− | .mb15 { margin-bottom: 15px; }
| |
− | .mb20 { margin-bottom: 20px; }
| |
− | .mb25 { margin-bottom: 25px; }
| |
− | .mb30 { margin-bottom: 30px; }
| |
− |
| |
− | /* padding */
| |
− | .p0 { padding: 0; }
| |
− | .p1 { padding: 1px; }
| |
− | .pl1 { padding-left: 1px; }
| |
− | .pt1 { padding-top: 1px; }
| |
− | .pr1 { padding-right: 1px; }
| |
− | .pb1 { padding-bottom: 1px; }
| |
− |
| |
− | .p2 { padding: 2px; }
| |
− | .pl2 { padding-left: 2px; }
| |
− | .pt2 { padding-top: 2px; }
| |
− | .pr2 { padding-right: 2px; }
| |
− | .pb2 { padding-bottom: 2px; }
| |
− |
| |
− | .pl5 { padding-left: 5px; }
| |
− | .p5 { padding: 5px; }
| |
− | .pt5 { padding-top: 5px; }
| |
− | .pr5 { padding-right: 5px; }
| |
− | .pb5 { padding-bottom: 5px; }
| |
− |
| |
− | .p10 { padding: 10px; }
| |
− | .pl10 { padding-left: 10px; }
| |
− | .pt10 { padding-top: 10px; }
| |
− | .pr10 { padding-right: 10px; }
| |
− | .pb10 { padding-bottom: 10px; }
| |
− |
| |
− | .p15 { padding: 15px; }
| |
− | .pl15 { padding-left: 15px; }
| |
− | .pt15 { padding-top: 15px; }
| |
− | .pr15 { padding-right: 15px; }
| |
− | .pb15 { padding-bottom: 15px; }
| |
− |
| |
− | .p20 { padding: 20px; }
| |
− | .pl20 { padding-left: 20px; }
| |
− | .pt20 { padding-top: 20px; }
| |
− | .pr20 { padding-right: 20px; }
| |
− | .pb20 { padding-bottom: 20px; }
| |
− |
| |
− | .p30 { padding: 30px; }
| |
− | .pl30 { padding-left: 30px; }
| |
− | .pt30 { padding-top: 30px; }
| |
− | .pr30 { padding-right: 30px; }
| |
− | .pb30 { padding-bottom: 30px; }
| |
− |
| |
− | /* vertical-align */
| |
− | .vm { vertical-align: middle; }
| |
− | .vtb { vertical-align: text-bottom; }
| |
− | .vb { vertical-align: bottom; }
| |
− | .vt { vertical-align: top; }
| |
− | .vn { vertical-align: -2px; }
| |
− |
| |
− | .bgnone{background:none !important;}
| |
− | .bnone{border:none !important;}
| |
− |
| |
− |
| |
− |
| |
− | body{
| |
− | font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
| |
− | }
| |
| .container{ | | .container{ |
| width: 1200px; | | width: 1200px; |
Line 542: |
Line 190: |
| margin-left: auto; | | margin-left: auto; |
| } | | } |
− | <!--Menu Part-> | + | <!--Menu Part--> |
| .dropdown { | | .dropdown { |
− | position: relative;
| + | position: relative; |
− | display: inline-block; | + | display: inline-block; |
| + | background-color: white; |
| + | color: #040059; |
| + | float: left; |
| + | } |
| + | .dropdownPlus{ |
| + | float: left; |
| + | height: 80px !important; |
| + | min-width:50px !important; |
| + | display: inline-block !important; |
| + | margin-left:10px !important; |
| + | margin-right:3px !important; |
| + | padding-top: 35px !important; |
| + | } |
| + | .dropdownPlus span a{ |
| + | color: #1C2C77 !important; |
| + | } |
| + | .dropdownPlus span a:hover{ |
| + | color: white !important; |
| } | | } |
| .dropdown span{ | | .dropdown span{ |
Line 551: |
Line 217: |
| } | | } |
| .dropdown-content { | | .dropdown-content { |
− | display: none;
| + | display: none; |
− | position: absolute;
| + | position: absolute; |
− | background-color: #f9f9f9;
| + | background-color: #f9f9f9; |
− | min-width: 192px;
| + | min-width: 195px; |
− | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
| + | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); |
− | padding: 12px 0px;
| + | padding: 12px 0px; |
− | text-align: left !important;
| + | text-align: left !important; |
| + | } |
| + | .dropdown span:hover{ |
| + | background-color: #040059; |
| + | color: white; |
| } | | } |
| .dropdown:hover .dropdown-content { | | .dropdown:hover .dropdown-content { |
Line 566: |
Line 236: |
| padding-left: 16px; | | padding-left: 16px; |
| line-height: 35px !important; | | line-height: 35px !important; |
| + | margin: 0px !important; |
| + | } |
| + | .dropdown-content p a{ |
| + | color: #040059 !important; |
| } | | } |
| .dropdown-content p:nth-child(2n){ | | .dropdown-content p:nth-child(2n){ |
Line 571: |
Line 245: |
| } | | } |
| .dropdown-content p:hover{ | | .dropdown-content p:hover{ |
− | background-color: black !important; | + | background-color: #85cafa !important; |
| } | | } |
| .dropdown-content p:hover a{ | | .dropdown-content p:hover a{ |
| color: white !important; | | color: white !important; |
− | } | + | } |
| + | .logo-title{ |
| + | text-align: center; |
| + | } |
| + | .logo-title img{ |
| + | |
| + | } |
| </style> | | </style> |
| <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css"> | | <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css"> |
Line 581: |
Line 261: |
| <body> | | <body> |
| <div class="title"> | | <div class="title"> |
− | <div class="logo"><img src="https://static.igem.org/mediawiki/2018/f/f4/T--BCU--zuizhonglogo.jpg" style="width: 200px;height: 116px;float:left;" /></div>
| |
| <div class="nav"> | | <div class="nav"> |
− | <div class="dropdown" style="min-width:50px !important;display: inline-block !important;margin-left:10px;margin-right:10px; "> | + | <div class="dropdown dropdownPlus"> |
− | <span><a style="color: #1C2C77;" href="https://2018.igem.org/Team:BCU">HOME</a></span> | + | <span><a href="https://2018.igem.org/Team:BCU">HOME</a></span> |
| </div> | | </div> |
− | <div style="min-width:40px !important;display: inline-block !important;text-align:center; ">|</div>
| + | <div class="dropdown dropdownPlus"> |
− | <div class="dropdown" style="min-width:50px !important;display: inline-block !important;"> | + | <span><a href="https://2018.igem.org/Team:BCU/Team">TEAM</a></span> |
− | <span>TEAM</span> | + | |
− | <div class="dropdown-content">
| + | |
− | <p><a href="https://2018.igem.org/Team:BCU/Team">Team</a></p>
| + | |
− | <p><a href="https://2018.igem.org/Team:BCU/Collaborations">Collaborations</a></p>
| + | |
− | </div>
| + | |
| </div> | | </div> |
− | <div style="min-width:40px !important;display: inline-block !important;text-align:center; ">|</div>
| + | <div class="dropdown dropdownPlus"> |
− | <div class="dropdown" style="min-width:50px !important;display: inline-block !important; "> | + | |
| <span>PROJECT</span> | | <span>PROJECT</span> |
| <div class="dropdown-content"> | | <div class="dropdown-content"> |
| <p><a href="https://2018.igem.org/Team:BCU/Description">Description</a></p> | | <p><a href="https://2018.igem.org/Team:BCU/Description">Description</a></p> |
− | <p><a href="https://2018.igem.org/Team:BCU/Design">Design</a></p>
| |
− | <p><a href="https://2018.igem.org/Team:BCU/Experiments">Experiments</a></p>
| |
− | <p><a href="https://2018.igem.org/Team:BCU/Notebook">Notebook</a></p>
| |
− | <p><a href="https://2018.igem.org/Team:BCU/InterLab">InterLab</a></p>
| |
− | <p><a href="https://2018.igem.org/Team:BCU/Model">Model</a></p>
| |
− | <p><a href="https://2018.igem.org/Team:BCU/Results">Results</a></p>
| |
− | <p><a href="https://2018.igem.org/Team:BCU/Demonstrate">Demonstrate</a></p>
| |
− | <p><a href="https://2018.igem.org/Team:BCU/Improve">Improve</a></p>
| |
− | <p><a href="https://2018.igem.org/Team:BCU/Attributions">Attributions</a></p>
| |
| </div> | | </div> |
| </div> | | </div> |
− | <div style="min-width:40px !important;display: inline-block !important;text-align:center; ">|</div>
| + | <div class="dropdown dropdownPlus"> |
− | <div class="dropdown" style="min-width:50px !important;display: inline-block !important; "> | + | <span>EXPERIMENT</span> |
− | <span>PARTS</span> | + | |
| <div class="dropdown-content"> | | <div class="dropdown-content"> |
− | <p><a href="https://2018.igem.org/Team:BCU/Parts">Parts</a></p> | + | <p><a href="https://2018.igem.org/Team:BCU/Design">Design</a></p> |
− | <p><a href="https://2018.igem.org/Team:BCU/Basic_Part">Basic_Part</a></p> | + | <p><a href="https://2018.igem.org/Team:BCU/Improve">Materials&Reagents</a></p> |
− | <p><a href="https://2018.igem.org/Team:BCU/Composite_Part">Composite_Part</a></p> | + | <p><a href="https://2018.igem.org/Team:BCU/Demonstrate">Methods</a></p> |
− | <p><a href="https://2018.igem.org/Team:BCU/Part_Collection">Part_Collection</a></p> | + | <p><a href="https://2018.igem.org/Team:BCU/Results">Results</a></p> |
| </div> | | </div> |
| </div> | | </div> |
− | <div style="min-width:40px !important;display: inline-block !important;text-align:center; ">|</div>
| + | <div class="dropdown dropdownPlus" > |
− | <div class="dropdown" style="min-width:50px !important;display: inline-block !important; "> | + | <span><a href="https://2018.igem.org/Team:BCU/Parts">PARTS</a></span> |
− | <span><a style="color: #1C2C77;" href="https://2018.igem.org/Team:BCU/Safety">SAFETY</a></span> | + | |
| </div> | | </div> |
− | <!--<div style="min-width:40px !important;display: inline-block !important;text-align:center; ">|</div>--> | + | <img class="dropdownPlus" style="padding-top: 0px !important;width: 83px !important;" src="https://static.igem.org/mediawiki/2018/c/cd/T--BCU--LOGOHEAD.png" /> |
− | <div class="dropdown" style="min-width:50px !important;display: inline-block !important;">
| + | <div class="dropdown dropdownPlus" > |
− | <span>HUMAN PARCTICES</span>
| + | <span><a href="https://2018.igem.org/Team:BCU/InterLab">INTERLAB</a></span> |
− | <div class="dropdown-content">
| + | |
− | <p><a href="https://2018.igem.org/Team:BCU/Human_Practices">Human_Practices</a></p>
| + | |
− | <p><a href="https://2018.igem.org/Team:BCU/Public_Engagement">Public_Engagement</a></p>
| + | |
− | </div>
| + | |
| </div> | | </div> |
− | <div style="min-width:40px !important;display: inline-block !important;text-align:center; ">|</div>
| + | <div class="dropdown dropdownPlus"> |
− | <div class="dropdown" style="min-width:50px !important;display: inline-block !important; "> | + | <span><a href="https://2018.igem.org/Team:BCU/Notebook">NOTEBOOK</a></span> |
− | <span>AWRADS</span> | + | |
− | <div class="dropdown-content">
| + | |
− | <p><a href="https://2018.igem.org/Team:BCU/Applied_Design">Applied_Design</a></p>
| + | |
− | <p><a href="https://2018.igem.org/Team:BCU/Entrepreneurship">Entrepreneurship</a></p>
| + | |
− | <p><a href="https://2018.igem.org/Team:BCU/Hardware">Hardware</a></p>
| + | |
− | <p><a href="https://2018.igem.org/Team:BCU/Measurement">Measurement</a></p>
| + | |
− | <p><a href="https://2018.igem.org/Team:BCU/Model">Model</a></p>
| + | |
− | <p><a href="https://2018.igem.org/Team:BCU/Plant">Plant</a></p>
| + | |
− | <p><a href="https://2018.igem.org/Team:BCU/Software">Software</a></p>
| + | |
− | </div>
| + | |
| </div> | | </div> |
| + | <div class="dropdown dropdownPlus"> |
| + | <span><a href="https://2018.igem.org/Team:BCU/Attributions">ATTRIBUTION</a></span> |
| + | </div> |
| + | <div class="dropdown dropdownPlus"> |
| + | <span><a href="https://2018.igem.org/Team:BCU/Model">MEDAL</a></span> |
| + | </div> |
| + | |
| + | </div> |
| + | <div class="logo-title"> |
| + | <img src="https://static.igem.org/mediawiki/2018/thumb/7/70/T--BCU--LOGOTITLE.png/320px-T--BCU--LOGOTITLE.png"/> |
| </div> | | </div> |
| </div> | | </div> |