Difference between revisions of "Template:BioMarvel"

Line 29: Line 29:
 
border-bottom:0px;  
 
border-bottom:0px;  
 
color: #635d5d;
 
color: #635d5d;
−
font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif;
+
font-family: "Arial Black", Gadget, sans-serif;
 
padding: 10px 0px;
 
padding: 10px 0px;
 
}
 
}
Line 40: Line 40:
 
border-bottom:0px;  
 
border-bottom:0px;  
 
color: #928b8b;   
 
color: #928b8b;   
−
font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif;
+
font-family: "Arial Black", Gadget, 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: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif;
+
font-family: Arial, Helvetica, 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: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif;
+
font-family: Arial, Helvetica, sans-serif;
 
padding:0px 20px;
 
padding:0px 20px;
 
}
 
}
Line 264: Line 264:
 
}
 
}
  
−
h1, h2, h3, h4, h5, h6, a {
+
h1, h2, h3, h4 {
−
font-family: 'MavenPro-Regular','MavenPro-Bold', sans-serif;
+
font-family: 'Quicksand', sans-serif;
 
color: black;
 
color: black;
 
}
 
}
−
 
−
ul, li, p{
 
−
font-family: 'MavenPro-Regular','MavenPro-Bold', sans-serif;
 
−
}
 
−
 
  
 
img.mTitle-logo {
 
img.mTitle-logo {
Line 283: Line 278:
 
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 300: Line 283:
 
.mHeader{
 
.mHeader{
 
width: auto;
 
width: auto;
−
min-width: 480px;
+
min-width: 540px;
 
min-height: 130px;
 
min-height: 130px;
 
margin-left: auto;
 
margin-left: auto;
Line 365: Line 348:
 
#topMenu a {
 
#topMenu a {
 
text-decoration: none;
 
text-decoration: none;
−
font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif;
 
 
}
 
}
 
#topMenu ul {
 
#topMenu ul {
Line 380: Line 362:
 
text-align: left;
 
text-align: left;
 
position: relative;
 
position: relative;
−
font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif;
 
 
}
 
}
 
#topMenu li{
 
#topMenu li{
Line 395: Line 376:
 
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 415: Line 397:
 
}
 
}
 
ul.submenuC {
 
ul.submenuC {
 +
font-family: sans-serif;
 
font-size: 14px;
 
font-size: 14px;
 
}
 
}
Line 467: Line 450:
 
margin-top: 20px;
 
margin-top: 20px;
 
background-color: #203864;
 
background-color: #203864;
−
font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif;
 
 
}
 
}
 
.topMenuCen {
 
.topMenuCen {
Line 477: Line 459:
 
#topMenu a {
 
#topMenu a {
 
text-decoration: none;
 
text-decoration: none;
−
font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif;
 
 
}
 
}
 
#topMenu ul {
 
#topMenu ul {
Line 492: Line 473:
 
text-align: center;
 
text-align: center;
 
position: relative;
 
position: relative;
−
font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif;
 
 
}
 
}
 
.menuLink, .submenuLink {
 
.menuLink, .submenuLink {
Line 501: Line 481:
 
.menuLink {
 
.menuLink {
 
color: white;
 
color: white;
 +
font-family: sans-serif;
 
font-size: 16px;
 
font-size: 16px;
 
cursor: default;
 
cursor: default;
Line 534: Line 515:
 
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 553: Line 535:
 
width: auto;
 
width: auto;
 
max-width: 1080px;
 
max-width: 1080px;
−
min-width: 480px;
+
min-width: 540px;
 
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%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 30px;}
+
.mSection h1 { font-size: 210%;}
−
#mSection h2 { font-size: 190%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 30px;}
+
.mSection h2 { font-size: 190%;}
−
#mSection h3 { font-size: 170%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 30px;}
+
.mSection h3 { font-size: 170%;}
−
#mSection h4 { font-size: 150%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 30px;}
+
.mSection h4 { font-size: 150%;}
−
#mSection h5 { font-size: 140%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 30px;}
+
.mSection h5 { font-size: 140%;}
−
#mSection h6 { font-size: 130%;font-family: 'MavenPro-Regular', 'MavenPro-Bold', 'Arial', sans-serif; margin-bottom: 30px;}
+
.mSection h6 { font-size: 130%;}
−
#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{
−
max-width: 95%;
+
width: 95%;
−
display: block;
+
max-width: 1000px;
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;

Revision as of 02:32, 1 October 2018

≡