Line 11: | Line 11: | ||
<script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/bootstrap-js?action=raw&ctype=text/javascript"</script> | <script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/bootstrap-js?action=raw&ctype=text/javascript"</script> | ||
+ | <style> | ||
+ | /* apply a natural box layout model to all elements, but allowing components to change */ | ||
+ | html { | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | *, *:before, *:after { | ||
+ | box-sizing: inherit; | ||
+ | } | ||
+ | body { | ||
+ | background-color: #F5F7FA; | ||
+ | line-height: 1.2; | ||
+ | } | ||
+ | /** | ||
+ | * For modern browsers | ||
+ | * 1. The space content is one way to avoid an Opera bug when the | ||
+ | * contenteditable attribute is included anywhere else in the document. | ||
+ | * Otherwise it causes space to appear at the top and bottom of elements | ||
+ | * that are clearfixed. | ||
+ | * 2. The use of `table` rather than `block` is only necessary if using | ||
+ | * `:before` to contain the top-margins of child elements. | ||
+ | */ | ||
+ | .cf:before, | ||
+ | .cf:after { | ||
+ | content: " "; /* 1 */ | ||
+ | display: table; /* 2 */ | ||
+ | } | ||
+ | |||
+ | .cf:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * For IE 6/7 only | ||
+ | * Include this rule to trigger hasLayout and contain floats. | ||
+ | */ | ||
+ | .cf { | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | .wrapper { | ||
+ | width: 100%; | ||
+ | max-width: 810px; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | margin-top: 60px; | ||
+ | margin-bottom: 200px; | ||
+ | background-color: #343243; | ||
+ | } | ||
+ | .content { | ||
+ | padding: 0 15px; | ||
+ | width: 620px; | ||
+ | } | ||
+ | .content h1 { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .sidebar { | ||
+ | padding: 20px; | ||
+ | width: 190px; | ||
+ | background-color: #434A54; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | .sidebar h3 { | ||
+ | margin: 0; | ||
+ | } | ||
+ | .content, | ||
+ | .sidebar { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* The sticky */ | ||
+ | .sidebar { | ||
+ | position: -webkit-sticky; | ||
+ | position: sticky; | ||
+ | top: 15px; | ||
+ | } | ||
+ | #overview {color: #fff; background-color: #1E88E5;} | ||
+ | #medal-requirements {color: #fff; background-color: #673ab7;} | ||
+ | #bronze {color: #fff; background-color: #ff9800;} | ||
+ | #silver {color: #fff; background-color: #00bcd4;} | ||
+ | #gold {color: #fff; background-color: #009688;} | ||
+ | </style> | ||
</head> | </head> | ||
Revision as of 14:05, 14 August 2016