Difference between revisions of "Template:Uo2015-styles"

(Created page with "<style> /* ====== iGEM Wiki Reset ====== */ body { top: -5px; } →‎Body is offset down for some stupid reason: #top-section, .firstHeading, #contentSub, #footer-box, #catlin...")
 
 
(24 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
<html>
 +
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700|Raleway:400,700' rel='stylesheet' type='text/css'>
 
<style>
 
<style>
−
/* ====== iGEM Wiki Reset ====== */
+
 
−
body { top: -5px; } /* Body is offset down for some stupid reason */
+
* {
−
#top-section, .firstHeading, #contentSub, #footer-box, #catlinks { display: none; }
+
  box-sizing: border-box;
−
body, html, #globalWrapper, #content { padding: 0; margin: 0; width: 100%; border: 0; background: none; }
+
}
 +
*[hidden] {
 +
  display: none;
 +
}
 +
body {
 +
  margin: 0px;
 +
}
 +
#bodyContent ul {
 +
  list-style: square;
 +
}
 +
a:hover {
 +
  text-decoration: underline !important;
 +
}
 +
hr {
 +
  background-color: transparent;
 +
  border: 0;
 +
  border-bottom: 1px dashed #cd00cd;
 +
  margin: 30px;
 +
}
 +
p,
 +
#bodyContent li,
 +
#bodyContent td {
 +
  font: 15px "Open Sans", Helvetica, sans-serif;
 +
  margin-bottom: 10px;
 +
}
 +
table {
 +
  margin: auto;
 +
}
 +
thead td {
 +
  border-bottom: 1px solid #cd00cd;
 +
  font-weight: bold;
 +
}
 +
h1 {
 +
  color: #333;
 +
  font: 28px Raleway;
 +
  margin: 8px 0px;
 +
}
 +
h2 {
 +
  color: #333;
 +
  font: 22px Raleway;
 +
}
 +
h3 {
 +
  color: #b800b8;
 +
  font: 16px normal "Open Sans", Helvetica, sans-serif;
 +
  text-align: middle;
 +
}
 +
.uocover {
 +
  background-repeat: no-repeat;
 +
  background-position: center bottom;
 +
  background-size: cover;
 +
  background-image: url("https://static.igem.org/mediawiki/2015/9/9f/Uo2015-cover.jpg");
 +
  border-bottom: 2px solid #cd00cd;
 +
  height: 700px;
 +
  overflow: hidden;
 +
  position: relative;
 +
}
 +
.uocover .uocover-content {
 +
  margin: auto;
 +
  margin-top: 120px;
 +
  text-align: right;
 +
  width: 700px;
 +
}
 +
.uocover .uocover-content span {
 +
  background-color: rgba(240,240,240,0.75);
 +
  padding: 0px 3px;
 +
}
 +
.uocover .uocover-content .big {
 +
  color: #333;
 +
  font: 800 46px Raleway;
 +
}
 +
.uocover .uocover-content .small {
 +
  color: #90008f;
 +
  font: 18px/24px "Open Sans";
 +
}
 +
.noborder nav {
 +
  border-bottom: 0;
 +
}
 +
nav {
 +
  border-bottom: 2px solid #cd00cd;
 +
  font-family: Raleway;
 +
  font-size: 17px;
 +
  margin-bottom: 15px;
 +
  padding: 10px;
 +
  text-align: center;
 +
}
 +
nav.noborder {
 +
  border-bottom: 0;
 +
}
 +
nav a {
 +
  color: #ae00ae !important;
 +
  margin-right: 30px;
 +
  text-decoration: none;
 +
}
 +
nav a:last-child {
 +
  margin-right: 0px;
 +
}
 +
.uowrapper {
 +
  margin: auto;
 +
  max-width: 1148px;
 +
  width: 90%;
 +
}
 +
.uomenu {
 +
  float: left;
 +
  margin-top: 9px;
 +
  padding-right: 15px;
 +
  text-align: right;
 +
  width: 24%;
 +
}
 +
.uomenu header {
 +
  border-bottom: 1px dotted #666;
 +
  font: 18px Raleway;
 +
  padding: 15px 0px;
 +
}
 +
.uomenu a {
 +
  color: #666;
 +
  display: block;
 +
  font: 14px Raleway;
 +
  margin: 15px 0px;
 +
  text-decoration: none;
 +
}
 +
.uocontent {
 +
  float: left;
 +
  width: 75%;
 +
}
 +
figure {
 +
  border: 1px solid #999;
 +
  border-radius: 7px;
 +
  font-size: 0px;
 +
  margin: 10px auto;
 +
  max-width: 70%;
 +
  padding: 7px;
 +
  text-align: center;
 +
}
 +
figure img {
 +
  max-width: 100%;
 +
}
 +
figure p {
 +
  color: #666;
 +
  font: 14px Raleway;
 +
  text-align: center;
 +
}
 +
figure.full {
 +
  max-width: 100%;
 +
}
 +
 
 +
 
 +
 
 
</style>
 
</style>
 +
</html>

Latest revision as of 19:32, 18 September 2015