"
Team:SUSTC-Shenzhen/WikiPlay/index.htm
From 2014.igem.org
| Line 1: | Line 1: | ||
| - | + | ||
| - | + | ||
<head> | <head> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
| Line 230: | Line 229: | ||
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> | <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> | ||
</body> | </body> | ||
| - | |||
Revision as of 13:44, 21 June 2014
<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <link rel="shortcut icon" href="/favicon.ico">
<title>Cover Template for Bootstrap</title>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<style>/* * Globals */
/* Links */ a, a:focus, a:hover {
color: #fff;
}
/* Custom default button */ .btn-default, .btn-default:hover, .btn-default:focus {
color: #333; text-shadow: none; /* Prevent inheritence from `body` */ background-color: #fff; border: 1px solid #fff;
}
/*
* Base structure */
html, body {
height: 100%; background-color: #333;
} body {
color: #fff; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.5); box-shadow: inset 0 0 100px rgba(0,0,0,.5);
}
/* Extra markup and styles for table-esque vertical and horizontal centering */ .site-wrapper {
display: table; width: 100%; height: 100%; /* For at least Firefox */ min-height: 100%;
} .site-wrapper-inner {
display: table-cell; vertical-align: top;
} .cover-container {
margin-right: auto; margin-left: auto;
}
/* Padding for spacing */ .inner {
padding: 30px;
}
/*
* Header */
.masthead-brand {
margin-top: 10px; margin-bottom: 10px;
}
.masthead-nav > li {
display: inline-block;
} .masthead-nav > li + li {
margin-left: 20px;
} .masthead-nav > li > a {
padding-right: 0; padding-left: 0; font-size: 16px; font-weight: bold; color: #fff; /* IE8 proofing */ color: rgba(255,255,255,.75); border-bottom: 2px solid transparent;
} .masthead-nav > li > a:hover, .masthead-nav > li > a:focus {
background-color: transparent; border-bottom-color: rgba(255,255,255,.25);
} .masthead-nav > .active > a, .masthead-nav > .active > a:hover, .masthead-nav > .active > a:focus {
color: #fff; border-bottom-color: #fff;
}
@media (min-width: 768px) {
.masthead-brand {
float: left;
}
.masthead-nav {
float: right;
}
}
/*
* Cover */
.cover {
padding: 0 20px;
} .cover .btn-lg {
padding: 10px 20px; font-weight: bold;
}
/*
* Footer */
.mastfoot {
color: #999; /* IE8 proofing */ color: rgba(255,255,255,.5);
}
/*
* Affix and center */
@media (min-width: 768px) {
/* Pull out the header and footer */
.masthead {
position: fixed;
top: 0;
}
.mastfoot {
position: fixed;
bottom: 0;
}
/* Start the vertical centering */
.site-wrapper-inner {
vertical-align: middle;
}
/* Handle the widths */
.masthead,
.mastfoot,
.cover-container {
width: 100%; /* Must be percentage or pixels for horizontal alignment */
}
}
@media (min-width: 992px) {
.masthead,
.mastfoot,
.cover-container {
width: 700px;
}
}</style>
</head>
<body>
Cover
Cover your page.
Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.
<a href="#" class="btn btn-lg btn-default">Learn more</a>
Cover template for <a href="http://getbootstrap.com">Bootstrap</a>, by <a href="https://twitter.com/mdo">@mdo</a>.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> </body>
