Difference between revisions of "Template:TecCEM/Header"

(Created page with "<html> <link href="https://2018.igem.org/Template:TecCEM/CSSvendor?action=raw&ctype=text/css" rel="stylesheet" /> <link href="css/main.css" rel="stylesheet"> <head> <meta...")
 
Line 2: Line 2:
 
<link href="https://2018.igem.org/Template:TecCEM/CSSvendor?action=raw&ctype=text/css" rel="stylesheet" />
 
<link href="https://2018.igem.org/Template:TecCEM/CSSvendor?action=raw&ctype=text/css" rel="stylesheet" />
 
<link href="css/main.css" rel="stylesheet">
 
<link href="css/main.css" rel="stylesheet">
 +
<stlye>
 +
html {
 +
  position: relative;
 +
  min-height: 100%;
 +
}
 +
body {
 +
  margin-bottom: 60px; /* Margin bottom by footer height */
 +
}
 +
.footer {
 +
  position: absolute;
 +
  bottom: 0;
 +
  width: 100%;
 +
  height: 60px; /* Set the fixed height of the footer here */
 +
  line-height: 60px; /* Vertically center the text there */
 +
  background-color: #f5f5f5;
 +
}
  
 +
 +
/* Custom page CSS
 +
-------------------------------------------------- */
 +
/* Not required for template or sticky footer method. */
 +
 +
.container {
 +
  width: auto;
 +
  max-width: 680px;
 +
  padding: 0 15px;
 +
}
 +
</stlye>
 
<head>
 
<head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">

Revision as of 02:54, 24 September 2018

html { position: relative; min-height: 100%; } body { margin-bottom: 60px; /* Margin bottom by footer height */ } .footer { position: absolute; bottom: 0; width: 100%; height: 60px; /* Set the fixed height of the footer here */ line-height: 60px; /* Vertically center the text there */ background-color: #f5f5f5; } /* Custom page CSS -------------------------------------------------- */ /* Not required for template or sticky footer method. */ .container { width: auto; max-width: 680px; padding: 0 15px; }