Difference between revisions of "Template:BioMarvel"

(Undo revision 184117 by Csw2669 (talk))
Line 29: Line 29:
 
border-bottom:0px;  
 
border-bottom:0px;  
 
color: #635d5d;
 
color: #635d5d;
font-family: "Arial Black", Gadget, sans-serif;
+
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: "Arial Black", Gadget, sans-serif;
+
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: Arial, Helvetica, sans-serif;
+
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: Arial, Helvetica, sans-serif;
+
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: 'Quicksand', sans-serif;
+
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 278: Line 283:
 
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 300:
 
.mHeader{
 
.mHeader{
 
width: auto;
 
width: auto;
min-width: 540px;
+
min-width: 480px;
 
min-height: 130px;
 
min-height: 130px;
 
margin-left: auto;
 
margin-left: auto;
Line 348: Line 365:
 
#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 380:
 
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 395:
 
width: 100%
 
width: 100%
 
color: white;
 
color: white;
font-family: sans-serif;
 
 
font-size: 16px;
 
font-size: 16px;
 
border-bottom: 2px solid white;
 
border-bottom: 2px solid white;
Line 397: Line 415:
 
}
 
}
 
ul.submenuC {
 
ul.submenuC {
font-family: sans-serif;
 
 
font-size: 14px;
 
font-size: 14px;
 
}
 
}
Line 450: Line 467:
 
margin-top: 20px;
 
margin-top: 20px;
 
background-color: #203864;
 
background-color: #203864;
 +
font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif;
 
}
 
}
 
.topMenuCen {
 
.topMenuCen {
Line 459: Line 477:
 
#topMenu a {
 
#topMenu a {
 
text-decoration: none;
 
text-decoration: none;
 +
font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif;
 
}
 
}
 
#topMenu ul {
 
#topMenu ul {
Line 473: Line 492:
 
text-align: center;
 
text-align: center;
 
position: relative;
 
position: relative;
 +
font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif;
 
}
 
}
 
.menuLink, .submenuLink {
 
.menuLink, .submenuLink {
Line 481: Line 501:
 
.menuLink {
 
.menuLink {
 
color: white;
 
color: white;
font-family: sans-serif;
 
 
font-size: 16px;
 
font-size: 16px;
 
cursor: default;
 
cursor: default;
Line 515: Line 534:
 
overflow: hidden;
 
overflow: hidden;
 
transition: height .2s;
 
transition: height .2s;
font-family: sans-serif;
 
 
font-size: 13px;
 
font-size: 13px;
 
background-color: #203864;
 
background-color: #203864;
Line 535: Line 553:
 
width: auto;
 
width: auto;
 
max-width: 1080px;
 
max-width: 1080px;
min-width: 540px;
+
min-width: 480px;
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;
background-color: #f8fafc;
 
 
}
 
}
.mSection{
+
 
 +
.menuIconBox{
 +
margin-left: auto;
 +
margin-right: auto;
 +
margin-top: 10px;
 +
margin-bottom: 10px;
 +
}
 +
.menuIcon{
 +
display: block;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 
 +
#mSection{
 
width: auto;
 
width: auto;
 
margin-left: 10px;
 
margin-left: 10px;
 
margin-right: 10px;
 
margin-right: 10px;
 +
margin-top: 40px;
 +
margin-bottom: 20px;
 +
font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif;
 
}
 
}
  
.mSection h1 { font-size: 210%;}
+
#mSection h1 { font-size: 210%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 30px;}
.mSection h2 { font-size: 190%;}
+
#mSection h2 { font-size: 190%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 30px;}
.mSection h3 { font-size: 170%;}
+
#mSection h3 { font-size: 170%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 30px;}
.mSection h4 { font-size: 150%;}
+
#mSection h4 { font-size: 150%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 30px;}
.mSection h5 { font-size: 140%;}
+
#mSection h5 { font-size: 140%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 30px;}
.mSection h6 { font-size: 130%;}
+
#mSection h6 { font-size: 130%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 30px;}
 +
#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%;}
  
.mHomeLeftBox{
 
width: 45%;
 
float: left;
 
}
 
.mHomeRightBox{
 
width: 45%;
 
float: right;
 
}
 
 
.myimg{
 
.myimg{
width: 95%;
+
max-width: 95%;
max-width: 1000px;
+
display: block;
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;

Revision as of 02:35, 1 October 2018