Jennydchoi (Talk | contribs) (Undo revision 493406 by Jennydchoi (talk)) |
|||
(66 intermediate revisions by 2 users not shown) | |||
Line 29: | Line 29: | ||
border-bottom:0px; | border-bottom:0px; | ||
color: #635d5d; | color: #635d5d; | ||
− | font-family: | + | font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; |
padding: 10px 0px; | padding: 10px 0px; | ||
} | } | ||
Line 40: | Line 40: | ||
border-bottom:0px; | border-bottom:0px; | ||
color: #928b8b; | color: #928b8b; | ||
− | font-family: | + | font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; |
padding: 5px 0px; | padding: 5px 0px; | ||
} | } | ||
Line 47: | Line 47: | ||
.igem_2018_team_content .igem_2018_team_column_wrapper p { | .igem_2018_team_content .igem_2018_team_column_wrapper p { | ||
font-size: 130%; | font-size: 130%; | ||
− | font-family: | + | font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; |
padding: 5px 0px; | padding: 5px 0px; | ||
text-align: left; | text-align: left; | ||
Line 105: | Line 105: | ||
.igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol { | .igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol { | ||
font-size: 130%; | font-size: 130%; | ||
− | font-family: | + | font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; |
padding:0px 20px; | padding:0px 20px; | ||
} | } | ||
Line 264: | Line 264: | ||
} | } | ||
− | h1, h2, h3, h4 { | + | h1, h2, h3, h4, h5, h6, a { |
− | font-family: ' | + | font-family: 'MavenPro-Regular','MavenPro-Bold', sans-serif; |
color: black; | color: black; | ||
} | } | ||
+ | |||
+ | ul, li, p{ | ||
+ | font-family: 'MavenPro-Regular','MavenPro-Bold', sans-serif; | ||
+ | } | ||
+ | |||
img.mTitle-logo { | img.mTitle-logo { | ||
Line 274: | Line 279: | ||
margin-top: 20px; | margin-top: 20px; | ||
} | } | ||
+ | |||
a, a:visited, a:active, a:link{ | a, a:visited, a:active, a:link{ | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
+ | |||
+ | @font-face{ | ||
+ | font-family: 'MavenPro-Regular'; | ||
+ | src: url('https://static.igem.org/mediawiki/2018/e/e1/T--Biomarvel--MavenPro-Regular.ttf'); | ||
+ | } | ||
+ | |||
+ | @font-face{ | ||
+ | font-family: 'MavenPro-Bold'; | ||
+ | src: url('https://static.igem.org/mediawiki/2018/5/58/T--Biomarvel--MavenPro-Bold.ttf'); | ||
+ | } | ||
+ | |||
+ | |||
Line 283: | Line 301: | ||
.mHeader{ | .mHeader{ | ||
width: auto; | width: auto; | ||
− | min-width: | + | min-width: 540px; |
min-height: 130px; | min-height: 130px; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.mBtn-menu { | .mBtn-menu { | ||
Line 342: | Line 350: | ||
max-width: 300px; | max-width: 300px; | ||
margin-top: 20px; | margin-top: 20px; | ||
+ | margin-left: 30px; | ||
position: relative; | position: relative; | ||
float: left; | float: left; | ||
Line 348: | Line 357: | ||
#topMenu a { | #topMenu a { | ||
text-decoration: none; | text-decoration: none; | ||
+ | font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; | ||
} | } | ||
#topMenu ul { | #topMenu ul { | ||
Line 362: | Line 372: | ||
text-align: left; | text-align: left; | ||
position: relative; | position: relative; | ||
+ | font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; | ||
} | } | ||
#topMenu li{ | #topMenu li{ | ||
Line 376: | Line 387: | ||
width: 100% | width: 100% | ||
color: white; | color: white; | ||
− | |||
font-size: 16px; | font-size: 16px; | ||
border-bottom: 2px solid white; | border-bottom: 2px solid white; | ||
Line 397: | Line 407: | ||
} | } | ||
ul.submenuC { | ul.submenuC { | ||
− | |||
font-size: 14px; | font-size: 14px; | ||
} | } | ||
Line 409: | Line 418: | ||
background-color: #203864; | background-color: #203864; | ||
} | } | ||
+ | .mMomenu{ | ||
+ | height: 110px; | ||
+ | } | ||
+ | |||
a:active{ | a:active{ | ||
color: #c79e19; | color: #c79e19; | ||
+ | } | ||
+ | img.mTitle-logoside { | ||
+ | height: 60px; | ||
+ | width: auto; | ||
+ | margin-top: 30px; | ||
+ | margin-bottom: 29px; | ||
+ | margin-left: -23px; | ||
} | } | ||
Line 424: | Line 444: | ||
.mHeader_logo_box{ | .mHeader_logo_box{ | ||
− | width: | + | width: 390px; |
height: 100px; | height: 100px; | ||
margin-left: auto; | margin-left: auto; | ||
Line 450: | Line 470: | ||
margin-top: 20px; | margin-top: 20px; | ||
background-color: #203864; | background-color: #203864; | ||
+ | font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; | ||
} | } | ||
.topMenuCen { | .topMenuCen { | ||
width: 1080px; | width: 1080px; | ||
+ | height: 50px; | ||
margin-left: auto; | margin-left: auto; | ||
− | margin- | + | margin-right: auto; |
} | } | ||
#topMenu a { | #topMenu a { | ||
text-decoration: none; | text-decoration: none; | ||
+ | font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; | ||
} | } | ||
#topMenu ul { | #topMenu ul { | ||
Line 472: | Line 495: | ||
text-align: center; | text-align: center; | ||
position: relative; | position: relative; | ||
+ | font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; | ||
} | } | ||
.menuLink, .submenuLink { | .menuLink, .submenuLink { | ||
Line 480: | Line 504: | ||
.menuLink { | .menuLink { | ||
color: white; | color: white; | ||
− | |||
font-size: 16px; | font-size: 16px; | ||
cursor: default; | cursor: default; | ||
Line 514: | Line 537: | ||
overflow: hidden; | overflow: hidden; | ||
transition: height .2s; | transition: height .2s; | ||
− | |||
font-size: 13px; | font-size: 13px; | ||
background-color: #203864; | background-color: #203864; | ||
Line 526: | Line 548: | ||
.submenuLink:hover { | .submenuLink:hover { | ||
color: #c79e19 !important; | color: #c79e19 !important; | ||
+ | } | ||
+ | |||
+ | img.mTitle-logoside { | ||
+ | height: 60px; | ||
+ | width: auto; | ||
+ | margin-top: 39px; | ||
+ | margin-bottom: 20px; | ||
+ | margin-left: -30px; | ||
} | } | ||
Line 534: | Line 564: | ||
width: auto; | width: auto; | ||
max-width: 1080px; | max-width: 1080px; | ||
− | min-width: | + | min-width: 540px; |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
} | } | ||
+ | .menuIconBox{ | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
.menuIcon{ | .menuIcon{ | ||
− | + | display: block; | |
− | + | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
} | } | ||
− | + | #mSection{ | |
width: auto; | width: auto; | ||
margin-left: 10px; | margin-left: 10px; | ||
margin-right: 10px; | margin-right: 10px; | ||
− | margin-top: | + | margin-top: 40px; |
margin-bottom: 20px; | margin-bottom: 20px; | ||
+ | font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; | ||
} | } | ||
− | + | #mSection h1 { font-size: 210%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 30px; color: #203864; line-height: 100%;} | |
− | + | #mSection h2 { font-size: 190%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 30px; color: #203864; line-height: 100%;} | |
− | + | #mSection h3 { font-size: 170%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 30px; color: #203864; line-height: 100%;} | |
− | + | #mSection h4 { font-size: 150%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 30px; color: #203864; line-height: 100%;} | |
− | + | #mSection h5 { font-size: 140%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 30px; color: #203864; line-height: 100%;} | |
− | + | #mSection h6 { font-size: 130%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 30px; color: #203864; line-height: 100%;} | |
− | + | #mSection p{ font-size: 145%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 10px;} | |
+ | #mSection ul{margin-bottom: 15px;} | ||
+ | #mSection li{font-size: 145%; margin-bottom: 10px;} | ||
+ | |||
+ | #mSection a{font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif;} | ||
+ | |||
+ | .mSectionLi{font-size: 130%;} | ||
.myimg{ | .myimg{ | ||
− | width: 95%; | + | max-width: 95%; |
− | + | display: block; | |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | .myVideo{ | ||
+ | max-width: 95%; | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 40px; | ||
+ | } | ||
+ | |||
+ | .mNoteBookJH{ | ||
+ | width: 100%; | ||
+ | height: 40px; | ||
+ | display: block; | ||
+ | margin-top: 20px; | ||
+ | padding-left: 10px; | ||
+ | } | ||
+ | .mNoteBookJ{ | ||
+ | display: none; | ||
+ | width: 100%; | ||
+ | margin-bottom: 20px; | ||
+ | padding-left: 15px; | ||
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
− | |||
<body> | <body> | ||
<header class="mHeader"> | <header class="mHeader"> | ||
<div class="mHeader_logo_box"> | <div class="mHeader_logo_box"> | ||
− | <a href="https://2018.igem.org/Team:BioMarvel"><img class="mTitle-logo" src="https://static.igem.org/mediawiki/2018/archive/e/ec/20180918033248%21T--Biomarvel--TitleLogo.png" herf="https://2018.igem.org/Team:BioMarvel"></a> | + | <a href="https://2018.igem.org/Team:BioMarvel"> |
+ | <img class="mTitle-logo" src="https://static.igem.org/mediawiki/2018/archive/e/ec/20180918033248%21T--Biomarvel--TitleLogo.png" herf="https://2018.igem.org/Team:BioMarvel"> | ||
+ | <img class="mTitle-logoside" src="https://static.igem.org/mediawiki/2018/8/83/T--Biomarvel--sp8.gif"> | ||
+ | </a> | ||
<div class="mBtn-menu">≡</div> | <div class="mBtn-menu">≡</div> | ||
</div> | </div> | ||
Line 585: | Line 653: | ||
<a class="menuLink">PROJECT▾</a> | <a class="menuLink">PROJECT▾</a> | ||
<ul class="submenuC"> | <ul class="submenuC"> | ||
− | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Description" | + | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Description" style="margin-top: 10px;">Description</a></li> |
− | + | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Demonstrate">Demonstrate</a></li> | |
− | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel | + | |
− | + | ||
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Parts">Parts</a></li> | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Parts">Parts</a></li> | ||
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Application">Application</a></li> | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Application">Application</a></li> | ||
Line 598: | Line 664: | ||
<ul> | <ul> | ||
<li class="topMenuLi"> | <li class="topMenuLi"> | ||
− | <a class="menuLink"> | + | <a class="menuLink" style="min-width: 75px;">LAB▾ </a> |
<ul class="submenuC"> | <ul class="submenuC"> | ||
− | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/WET_LAB/Experiments" | + | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/WET_LAB/Experiments" style="margin-top: 18px; line-height: 100%; margin-bottom: 8px;">Experiments<br> & Results</a></li> |
− | + | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/InterLab">InterLab</a></li> | |
− | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel | + | |
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/WET_LAB/Safety">Safety</a></li> | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/WET_LAB/Safety">Safety</a></li> | ||
</ul> | </ul> | ||
Line 613: | Line 678: | ||
<a class="menuLink">HUMAN PRACTICES▾</a> | <a class="menuLink">HUMAN PRACTICES▾</a> | ||
<ul class="submenuC"> | <ul class="submenuC"> | ||
− | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/ | + | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Public_Engagement" style="margin-top: 10px;">Public Engagement</a></li> |
− | + | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Human_Practices">Integrated Practices</a></li> | |
− | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Human_Practices | + | |
− | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 626: | Line 689: | ||
<a class="menuLink">NOTEBOOK▾</a> | <a class="menuLink">NOTEBOOK▾</a> | ||
<ul class="submenuC"> | <ul class="submenuC"> | ||
− | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Notebook/Lab_Journal">Lab Journal</a></li> | + | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Notebook/Lab_Journal" style="margin-top: 10px;">Lab Journal</a></li> |
− | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Notebook/Reference"> | + | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Notebook/Reference">References</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
Line 637: | Line 700: | ||
<a class="menuLink">PEOPLE▾</a> | <a class="menuLink">PEOPLE▾</a> | ||
<ul class="submenuC"> | <ul class="submenuC"> | ||
− | <li><a class="submenuLink longLink" href="https://2018.igem.org/ Team:BioMarvel/People/Team">Team</a></li> | + | <li><a class="submenuLink longLink" href="https://2018.igem.org/ Team:BioMarvel/People/Team" style="margin-top: 10px;">Team</a></li> |
− | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/ | + | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Attributions">Attribution</a></li> |
− | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/ | + | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Collaborations">Collaboration</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
− | <div class="mMenu_left"> | + | <div class="mMenu_left mMomenu"> |
<ul> | <ul> | ||
<li class="topMenuLi"> | <li class="topMenuLi"> | ||
− | <a class="menuLink" href="https://2018.igem.org/Team:BioMarvel/Achievement" style="cursor: pointer;"> | + | <a class="menuLink" href="https://2018.igem.org/Team:BioMarvel/Achievement" style="cursor: pointer;">ACHIEVEMENT</a> |
</li> | </li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
− | <div class="mMenu_left"> | + | <div class="mMenu_left mMomenu"> |
<ul> | <ul> | ||
<li class="topMenuLi"> | <li class="topMenuLi"> | ||
− | <a class="menuLink" href="https://2018.igem.org/Team:BioMarvel/ | + | <a class="menuLink" href="https://2018.igem.org/Team:BioMarvel/Entrepreneurship" style="cursor: pointer;">ENTREPRENEURSHIP</a> |
</li> | </li> | ||
</ul> | </ul> |
Latest revision as of 08:52, 25 November 2018