Difference between revisions of "Team:DTU-Denmark/achievements"
| 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
