Difference between revisions of "Template:US AFRL CarrollHS/Layout!"

 
(130 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
<nav class="navbar navbar-dark bg-dark">
 
<a class="navbar-brand" href="#">Navbar</a>
 
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 
    <span class="navbar-toggler-icon"></span>
 
  </button>
 
  
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+
<style>
    <ul class="navbar-nav mr-auto">
+
 
      <li class="nav-item active">
+
.background {
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+
background-color: #FFF;
      </li>
+
width: 100%;
      <li class="nav-item">
+
bottom: 0px;
        <a class="nav-link" href="#">Link</a>
+
}
      </li>
+
 
      <li class="nav-item dropdown">
+
.row { margin-left: 5% !important; margin-right: 5% !important; width: 90%;}
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
 
          Dropdown
+
.background h1 {color: #C8102E; font-family: Michroma, Montserrat, Ariel, sans-serif !important; width: 80%; right:10%; left:10%; font-size: 2.5em;}
        </a>
+
 
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
.background h2 {color: #EDB2BC; font-family: Montserrat, Ariel, sans-serif; font-size: 1.875em;
          <a class="dropdown-item" href="#">Action</a>
+
}
          <a class="dropdown-item" href="#">Another action</a>
+
 
          <div class="dropdown-divider"></div>
+
.background h2 a {color: #EDB2BC; font-family: Montserrat, Ariel, sans-serif; font-size: 1.375em !important; font-weight: bold;
          <a class="dropdown-item" href="#">Something else here</a>
+
}
        </div>
+
 
      </li>
+
 
      <li class="nav-item">
+
.background h3 {color: #001438; font-family: Montserrat, Ariel, sans-serif; font-size: 1.375em;
        <a class="nav-link disabled" href="#">Disabled</a>
+
}
      </li>
+
 
    </ul>
+
.background h4 {font-family: Montserrat, Ariel, sans-serif;font-size: em;
    <form class="form-inline my-2 my-lg-0">
+
}
      <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
+
 
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+
.background h5 {font-family: Montserra, Ariel, sans-serif;font-size: em;
    </form>
+
}
   </div></nav>
+
 
 +
.background h6 {font-family: Montserrat, Ariel, sans-serif;font-size: em;
 +
}
 +
 
 +
.background body {color: #001438; font-family: Montserrat, Ariel, sans-serif;font-size: em;
 +
}
 +
 
 +
.background p {color: #001438; font-family: Montserrat, Ariel, sans-serif !important; margin-top: 5px; margin-bottom: 5px; font-size: 1em !important;}
 +
.background li {color: #001438; font-family: Montserrat, Ariel, sans-serif !important; font-size: em;
 +
}
 +
 
 +
.background p a {font-family: Montserrat, Ariel, sans-serif !important;font-size: 1em !important;
 +
color: #001438; font-weight: bold;}
 +
 
 +
.container {width: 100%;}
 +
 
 +
 
 +
 
 +
.background2 {
 +
background-color: #001438;
 +
width:100%;
 +
}
 +
 
 +
.background2 h1 {color: #C8102E; font-family: Michroma, Montserrat, Ariel, sans-serif !important; width: 80%; right:10%; left:10%; font-size: 2.5em;
 +
}
 +
 
 +
.background2 h2 {color: #EDB2BC;  font-family: Montserrat, Ariel, sans-serif; font-size: 1.875em;
 +
}
 +
 
 +
.background2 h2 a {color: #EDB2BC;  font-family: Montserrat, Ariel, sans-serif; font-size: 1.475em; font-weight: bold;
 +
}
 +
 
 +
.background2 h3 {color: #FFF; font-family: Montserrat, Ariel, sans-serif; font-size: 1.375em;
 +
}
 +
 
 +
.background2 h4 {font-family: Montserrat, Ariel, sans-serif;font-size: em;
 +
}
 +
 
 +
.background2 h5 {font-family: Montserrat, Ariel, sans-serif;font-size: em;
 +
}
 +
 
 +
.background2 h6 {font-family: Montserrat, Ariel, sans-serif;font-size: em;
 +
}
 +
 
 +
.background2 body {font-family: Montserrat, Ariel, sans-serif;font-size: em;
 +
}
 +
 
 +
.background2 p {color: #FFF; font-family: Montserrat, Ariel, sans-serif !important; margin-top: 5px; margin-bottom: 5px; font-size: 1em !important;}
 +
.background2 li {color: #FFF; font-family: Montserrat, Ariel, sans-serif !important; font-size: em;
 +
}
 +
 
 +
.background2 p a {font-family: Montserrat, Ariel, sans-serif !important;font-size: 1em !important;
 +
color: #FFF; font-weight: bold;}
 +
 
 +
 
 +
p.card-text {color: #001438; font-family: Montserrat, Ariel, sans-serif !important; margin-top: 5px; margin-bottom: 5px; font-size: 0.85em !important;}
 +
p.card-title {color: #001438; font-family: Montserrat, Ariel, sans-serif !important; margin-top: 5px; margin-bottom: 5px; font-size: 1em;font-weight: bold;}
 +
 +
/* Classes for Figures*/
 +
 
 +
 
 +
.label p {font-family: Montserrat, Ariel, sans-serif;font-size: 0.7em !important;
 +
font-weight: bold; margin-bottom:15px;}
 +
 
 +
.text-center img {margin-top:15px;}
 +
 
 +
 
 +
@font-face {
 +
  font-family: 'Montserrat';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: url('https://static.igem.org/mediawiki/2018/d/d0/T--US_AFRL_CarrollHS--montserrant-regular.eot');
 +
  src: local('Montserrat Regular'), local('Monsterrat-Regular'),
 +
url('https://static.igem.org/mediawiki/2018/d/d0/T--US_AFRL_CarrollHS--montserrant-regular.eot') format('embedded-opentype'),
 +
url('https://static.igem.org/mediawiki/2018/e/e7/T--US_AFRL_CarrollHS--montserrant-regular.woff') format('woff'), url('https://static.igem.org/mediawiki/2018/a/a1/T--US_AFRL_CarrollHS--montserrant-regular.ttf') format('truetype'), url('https://static.igem.org/mediawiki/2018/c/c2/T--US_AFRL_CarrollHS--montserrant-regular.svg') format('svg');
 +
}
 +
 
 +
@font-face {
 +
  font-family: 'Montserrat';
 +
  font-style: italic;
 +
  font-weight: 400;
 +
  src: url('https://static.igem.org/mediawiki/2018/9/98/T--US_AFRL_CarrollHS--montserrant-italic.eot');
 +
  src: local('Montserrat Italic'), local('Monsterrat-Italic'),
 +
url('https://static.igem.org/mediawiki/2018/9/98/T--US_AFRL_CarrollHS--montserrant-italic.eot') format('embedded-opentype'), url('https://static.igem.org/mediawiki/2018/3/3f/T--US_AFRL_CarrollHS--montserrant-italic.woff') format('woff'), url('https://static.igem.org/mediawiki/2018/2/22/T--US_AFRL_CarrollHS--montserrant-italic.ttf') format('truetype'), url('https://static.igem.org/mediawiki/2018/6/68/T--US_AFRL_CarrollHS--montserrant-italic.svg') format('svg');
 +
}
 +
 
 +
@font-face {
 +
  font-family: 'Montserrat';
 +
  font-style: normal;
 +
  font-weight: 700;
 +
  src: url('https://static.igem.org/mediawiki/2018/0/03/T--US_AFRL_CarrollHS--montserrant-bold.eot');
 +
  src: local('Montserrat Bold'), local('Monsterrat-Bold'),
 +
url('https://static.igem.org/mediawiki/2018/0/03/T--US_AFRL_CarrollHS--montserrant-bold.eot') format('embedded-opentype'), url('https://static.igem.org/mediawiki/2018/4/44/T--US_AFRL_CarrollHS--montserrant-bold.woff') format('woff'), url('https://static.igem.org/mediawiki/2018/0/09/T--US_AFRL_CarrollHS--montserrant-bold.ttf') format('truetype'), url('https://static.igem.org/mediawiki/2018/2/25/T--US_AFRL_CarrollHS--montserrant-bold.svg') format('svg');
 +
}
 +
 
 +
@font-face {
 +
  font-family: 'Michroma';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: url('https://static.igem.org/mediawiki/2018/a/ad/T--US_AFRL_CarrollHS--michroma-regular.eot');
 +
   src: local('Michroma'),
 +
url('https://static.igem.org/mediawiki/2018/a/ad/T--US_AFRL_CarrollHS--michroma-regular.eot') format('embedded-opentype'),
 +
url('https://static.igem.org/mediawiki/2018/c/c0/T--US_AFRL_CarrollHS--michroma-regular.woff') format('woff'), url('https://static.igem.org/mediawiki/2018/a/ab/T--US_AFRL_CarrollHS--michroma-regular.ttf') format('truetype'), url('https://static.igem.org/mediawiki/2018/5/50/T--US_AFRL_CarrollHS--michroma-regular.svg') format('svg');
 +
}
 +
 
 +
</style>
 +
 
 
</html>
 
</html>

Latest revision as of 02:27, 18 October 2018