Difference between revisions of "Template:Missouri Rolla"

m (Undo revision 357914 by KMGC65 (talk))
m
 
(34 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
−
/* latin-ext */
 
 
@font-face {
 
@font-face {
 
   font-family: 'Inder';
 
   font-family: 'Inder';
 
   font-style: normal;
 
   font-style: normal;
 
   font-weight: 400;
 
   font-weight: 400;
−
   src: local('Inder'), local('Inder-Regular'), url(https://static.igem.org/mediawiki/2016/7/79/T--Missouri_Rolla--Inder_Regular.ttf) format('ttf');
+
   src: local('Inder'), local('Inder-Regular'), url('https://static.igem.org/mediawiki/2016/7/79/T--Missouri_Rolla--Inder_Regular.ttf');
 
}
 
}
 
@font-face {
 
@font-face {
Line 12: Line 11:
 
   font-style: normal;
 
   font-style: normal;
 
   font-weight: 400;
 
   font-weight: 400;
−
   src: local('Nosifer'), local('Nosifer-Regular'), url(https://static.igem.org/mediawiki/2016/f/f6/T--Missouri_Rolla--Nosifer_Regular.ttf) format('ttf');
+
   src: local('Nosifer'), local('Nosifer-Regular'), url('https://static.igem.org/mediawiki/2016/f/f6/T--Missouri_Rolla--Nosifer_Regular.ttf');
 
}
 
}
 
@font-face {
 
@font-face {
Line 18: Line 17:
 
   font-style: normal;
 
   font-style: normal;
 
   font-weight: 400;
 
   font-weight: 400;
−
   src: local('Open Sans'), local('OpenSans'), url(https://static.igem.org/mediawiki/2016/4/4a/T--Missouri_Rolla--OpenSans_Regular.ttf) format('ttf');
+
   src: local('Open Sans'), local('OpenSans'), url('https://static.igem.org/mediawiki/2016/4/4a/T--Missouri_Rolla--OpenSans_Regular.ttf');
 
}
 
}
 
</style>
 
</style>
Line 188: Line 187:
 
html, body {
 
html, body {
 
   height: auto;
 
   height: auto;
 +
}
 +
.within-accordion h3:hover {
 +
  cursor: pointer;
 
}
 
}
 
html, body, #globalWrapper, #content, #bodyContent, #mw-content-text, .content_wrapper {
 
html, body, #globalWrapper, #content, #bodyContent, #mw-content-text, .content_wrapper {
Line 234: Line 236:
 
   text-decoration: none;
 
   text-decoration: none;
 
   font-weight: normal;
 
   font-weight: normal;
 +
}
 +
.mstigem a:hover {
 +
  text-decoration: underline;
 
}
 
}
 
.mstigem p {
 
.mstigem p {
Line 246: Line 251:
 
}
 
}
 
.mstigem h1 {
 
.mstigem h1 {
−
   margin: 0;
+
   margin-top: 1px;
 +
  margin-bottom: 1px;
 
   margin-left: auto;
 
   margin-left: auto;
 
   margin-right: auto;
 
   margin-right: auto;
 
   padding-top: 1vw;
 
   padding-top: 1vw;
−
   padding-bottom: 6px;
+
   padding-bottom: 5px;
 
   background-color: white;
 
   background-color: white;
 
   font-family: 'Inder', sans-serif;
 
   font-family: 'Inder', sans-serif;
Line 261: Line 267:
 
}
 
}
 
.mstigem h3 {
 
.mstigem h3 {
−
   margin: 0;
+
   margin: 1px;
 
   margin-left: auto;
 
   margin-left: auto;
 
   margin-right: auto;
 
   margin-right: auto;
Line 278: Line 284:
 
   margin-left: auto;
 
   margin-left: auto;
 
   margin-right: auto;
 
   margin-right: auto;
−
   padding-left: 15px;
+
   padding: 15px;
−
  padding-right: 15px;
+
 
   font-family: 'Open Sans', sans-serif;
 
   font-family: 'Open Sans', sans-serif;
 
   font-size: 13pt;
 
   font-size: 13pt;
Line 347: Line 352:
 
   vertical-align: top;
 
   vertical-align: top;
 
   background-color: black;
 
   background-color: black;
 +
}
 +
#bat1, #bat2 {
 +
  position:absolute;
 +
  top: 2px;
 +
  right: 2.5vw;
 +
  background-color: black;
 +
}
 +
#bat1 {
 +
  -webkit-transition: opacity 0.3s ease-in-out;
 +
  -moz-transition: opacity 0.3s ease-in-out;
 +
  -o-transition: opacity 0.3s ease-in-out;
 +
  transition: opacity 0.3s ease-in-out;
 +
}
 +
#bat1:hover {
 +
  opacity: 0;
 
}
 
}
 
.content_wrapper p {
 
.content_wrapper p {
Line 366: Line 386:
 
   display: none;
 
   display: none;
 
   font-family: 'Open Sans', sans-serif;
 
   font-family: 'Open Sans', sans-serif;
−
   line-length: 160%;
+
   position: absolute;
 +
  left: 100%;
 +
  width: 100%;
 +
  height: 100%;
 +
  padding: 3px;
 
}
 
}
 
.team-face:hover p {
 
.team-face:hover p {
Line 388: Line 412:
 
   text-align: right;
 
   text-align: right;
 
   margin-right: 0;
 
   margin-right: 0;
 +
}
 +
.gelpic {
 +
  display: block;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  width: 40%;
 +
  min-width: 300px;
 +
  margin-bottom: 1px;
 +
  margin-top: 1px;
 
}
 
}
 
@media screen and (min-width: 1366px) {
 
@media screen and (min-width: 1366px) {
 +
  #bat1, #bat2 {
 +
    height: 7.1vw;
 +
  }
 
   .mstigem hr {
 
   .mstigem hr {
 
     width: 1000px;
 
     width: 1000px;
Line 410: Line 446:
 
     width: 1000px;
 
     width: 1000px;
 
     font-size: 14pt;
 
     font-size: 14pt;
 +
  }
 +
  .refs {
 +
    font-size: 12pt;
 
   }
 
   }
 
   #menu {
 
   #menu {
Line 436: Line 475:
 
   .team-face p {
 
   .team-face p {
 
     font-size: 12pt;
 
     font-size: 12pt;
−
    padding: 10px;
 
 
   }
 
   }
 
}
 
}
 
@media screen and (max-width: 1365px) {
 
@media screen and (max-width: 1365px) {
 +
  #bat1, #bat2 {
 +
    height: 76px;
 +
  }
 
   .mstigem hr {
 
   .mstigem hr {
 
     width: 95%;
 
     width: 95%;
Line 516: Line 557:
 
   .mstigem p {
 
   .mstigem p {
 
     font-size: 12pt;
 
     font-size: 12pt;
 +
  }
 +
  .refs {
 +
    font-size: 10pt;
 
   }
 
   }
 
   #logo2, #flashlight {
 
   #logo2, #flashlight {
Line 546: Line 590:
 
   .team-face p {
 
   .team-face p {
 
     font-size: 10pt;
 
     font-size: 10pt;
−
    padding: 3px;
 
 
   }
 
   }
 
   .mstigem h3 {
 
   .mstigem h3 {
Line 576: Line 619:
 
   .mstigem p {
 
   .mstigem p {
 
     font-size: 13pt;
 
     font-size: 13pt;
 +
  }
 +
  .mstigem p {
 +
    font-size: 11pt;
 
   }
 
   }
 
   #credit {
 
   #credit {
Line 582: Line 628:
 
   .team-face p {
 
   .team-face p {
 
     font-size: 11pt;
 
     font-size: 11pt;
−
    padding: 6px;
 
 
   }
 
   }
 
   .mstigem h3 {
 
   .mstigem h3 {
Line 597: Line 642:
 
     margin-left: -18%;
 
     margin-left: -18%;
 
   }
 
   }
 +
}
 +
@media screen and (max-width: 325px) {
 +
  #bat1, #bat2 {
 +
  height: 50px;
 +
}
 
}
 
}
 
</style>
 
</style>

Latest revision as of 17:40, 19 October 2016