Difference between revisions of "Template:WLC-Milwaukee/header"

Line 6: Line 6:
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
   <link href="https://static.igem.org/mediawiki/2018/5/5b/T--WLC-Milwaukee--fonts.css.txt" rel="stylesheet">
 
   <link href="https://static.igem.org/mediawiki/2018/5/5b/T--WLC-Milwaukee--fonts.css.txt" rel="stylesheet">
−
  <link href="https://static.igem.org/mediawiki/2018/4/4f/T--WLC-Milwaukee--main.css.txt" rel="stylesheet">
+
 
 
     <link href="https://static.igem.org/mediawiki/2018/e/e3/T--WLC-Milwaukee--header.css.txt" rel="stylesheet">
 
     <link href="https://static.igem.org/mediawiki/2018/e/e3/T--WLC-Milwaukee--header.css.txt" rel="stylesheet">
 
   <title>PLACEHOLDER</title>
 
   <title>PLACEHOLDER</title>
Line 65: Line 65:
 
   <!--HEADER STYLE-->
 
   <!--HEADER STYLE-->
 
   <style>
 
   <style>
 +
 +
/*Main Vars*/
 +
:root{
 +
  --primary-color: #654ea3;
 +
  --primary-dark: #4b3191;
 +
  --primary-light: #9981db;
 +
  --primary-test: #DAD3EE;
 +
  --gray: #F3F3F3;
 +
  --gray-dark: rgb(214, 214, 214);
 +
}
 +
 +
html, body {
 +
    height: 100%;
 +
    min-width: 330px;
 +
 +
  }
 +
 
 +
 +
  body {
 +
    display: flex;
 +
    flex-direction: column;
 +
    font-family: 'Open Sans'
 +
  }
 +
  .content {
 +
    margin-top: 60px;
 +
    flex: 1 0 auto;
 +
    z-index: 0;
 +
  }
 +
  .footer {
 +
    flex-shrink: 0;
 +
  }
 +
 +
 +
 +
 +
body{
 +
  margin: 0;
 +
}
 +
 +
/*Main content container*/
 +
/*keeps content centered*/
 +
div.container{
 +
  max-width: 55em;
 +
  margin: 5vmax auto;
 +
  padding: 0 4vmax;
 +
}
 +
 +
 +
div.row{
 +
    display: inline-block;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
 +
/*full width container*/
 +
div.col-lg{
 +
color: #0e0e0e;
 +
  width: 100%;
 +
}
 +
 +
div.container img
 +
{
 +
  max-width: 100%;
 +
  display: block;
 +
  margin: 0 auto;
 +
}
 +
 +
 +
/*Half width container*/
 +
div.col-md{
 +
  color: #0e0e0e;
 +
  width: calc(50% - 1.5em);
 +
  float: left;
 +
  padding-right: 1.5em;
 +
}
 +
 +
/*one third width container*/
 +
div.col-sm{
 +
  color: #0e0e0e;
 +
  width: calc(33% - 1.5em);
 +
  float: left;
 +
  padding-right: 1.5em;
 +
}
 +
 +
h1,h2,h3{
 +
  font-family: sans-serif;
 +
  font-weight: lighter;
 +
}
 +
 +
p{
 +
 +
  line-height: 1.5em;
 +
  font-size: 1.1em;
 +
}
 +
 +
/* Use a media query to add a break point at 800px: */
 +
@media screen and (max-width: 800px) {
 +
  div.col-md, div.col-sm{
 +
    width: 100%;
 +
  }
 +
}
 +
 +
 +
/*ICONS*/
 +
.material-icons {
 +
  font-family: 'Material Icons';
 +
  font-weight: normal;
 +
  font-style: normal;
 +
  font-size: 24px;  /* Preferred icon size */
 +
  display: inline-block;
 +
  line-height: 1;
 +
  text-transform: none;
 +
  letter-spacing: normal;
 +
  word-wrap: normal;
 +
  white-space: nowrap;
 +
  direction: ltr;
 +
 +
  /* Support for all WebKit browsers. */
 +
  -webkit-font-smoothing: antialiased;
 +
  /* Support for Safari and Chrome. */
 +
  text-rendering: optimizeLegibility;
 +
 +
  /* Support for Firefox. */
 +
  -moz-osx-font-smoothing: grayscale;
 +
 +
  /* Support for IE. */
 +
  font-feature-settings: 'liga';
 +
}
 +
/*END ICONS*/
 +
 
#home_logo, #sideMenu, #top_title, .patrollink  {display:none;}
 
#home_logo, #sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}

Revision as of 05:55, 13 October 2018

PLACEHOLDER