Difference between revisions of "Template:Team:TU Darmstadt/Viki"

Line 5: Line 5:
 
<link rel="stylesheet" type="text/css"  
 
<link rel="stylesheet" type="text/css"  
 
href="https://2016.igem.org/Template:Team:TU_Darmstadt/Css?action=raw&ctype=text/css" />
 
href="https://2016.igem.org/Template:Team:TU_Darmstadt/Css?action=raw&ctype=text/css" />
−
 
−
 
−
 
−
 
 
<!-- START Scrollbox -->
 
<!-- START Scrollbox -->
 
<script type="text/javascript" src="https://2016.igem.org/Template:Team:TU_Darmstadt/Js?
 
<script type="text/javascript" src="https://2016.igem.org/Template:Team:TU_Darmstadt/Js?
Line 14: Line 10:
 
<!-- END Scrollbox -->
 
<!-- END Scrollbox -->
 
<style>@import 'https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister';</style>
 
<style>@import 'https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister';</style>
 +
<style>
 +
#slick-menu {
 +
  list-style-type: none;
 +
  overflow: hidden;
 +
  text-align: right;
 +
  float: right;
 +
  margin: 0;
 +
  padding: 0; }
 +
 +
#slick-menu > li {
 +
  display: inline-block;
 +
  margin: 0 5px;
 +
  padding: 5px 0; }
 +
 +
#slick-menu > li > a {
 +
  display: block;
 +
  padding: 10px;
 +
  margin: 0;
 +
  text-transform: uppercase;
 +
  color: #6e6e6e;
 +
  border-radius: 2px;
 +
  text-decoration: none; }
 +
 +
#slick-menu > li > a:hover {
 +
  background-color: #c8c8c8;
 +
  color: white; }
 +
 +
@media only screen and (max-width: 1250px) {
 +
  #slick-menu {
 +
    padding-top: 60px;
 +
    margin-bottom: 22px;
 +
    float: left;
 +
    text-align: center;
 +
    width: 100%; } }
 +
 +
@media only screen and (max-width: 1250px) {
 +
  #slick-menu > li {
 +
    width: 100%;
 +
    padding: 7px 0;
 +
    margin: 0; } }
 +
 +
.open-nav {
 +
  max-height: 400px !important; }
 +
 +
.open-nav .mobile-toggle {
 +
  transform: rotate(-90deg);
 +
  -webkit-transform: rotate(-90deg); }
 +
 +
.mobile-toggle {
 +
  display: none;
 +
  cursor: pointer;
 +
  font-size: 20px;
 +
  position: absolute;
 +
  right: 22px;
 +
  top: 17px;
 +
  width: 30px;
 +
  transition: all 200ms ease-in; }
 +
 +
@media only screen and (max-width: 1250px) {
 +
  .mobile-toggle {
 +
    display: block; } }
 +
 +
.mobile-toggle span {
 +
  width: 30px;
 +
  height: 4px;
 +
  margin-bottom: 6px;
 +
  border-radius: 1000px;
 +
  background: #c8c8c8;
 +
  display: block; }
 +
</style>
 
</head>
 
</head>
 
</html>
 
</html>

Revision as of 14:20, 12 October 2016