(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{Uppsala}} | + | {{Uppsala/CSS}} |
+ | {{Uppsala/Navbar}} | ||
<html> | <html> | ||
− | <div class="column full_size"> | + | <head> |
+ | <style> | ||
+ | |||
+ | |||
+ | .woof { background-image: url("https://static.igem.org/mediawiki/2017/2/29/Uppsala_notebook_background.svg"); | ||
+ | background-repeat: repeat; | ||
+ | background-size: 100%; | ||
+ | height:100%; | ||
+ | padding:100px; | ||
+ | } | ||
+ | |||
+ | div.bookie { | ||
+ | |||
+ | margin:100px auto; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2017/c/ca/Uppsala_notebook_book.svg); | ||
+ | background-repeat:no-repeat; | ||
+ | background-size:100%; | ||
+ | background-position:50% 0%; | ||
+ | } | ||
+ | |||
+ | .pointy{ | ||
+ | height:50px; | ||
+ | } | ||
+ | |||
+ | .entry{ margin-top:10%; | ||
+ | height:700px; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | <div class="woof"> | ||
+ | <div class="container bookie"> | ||
+ | <div id="dairy" class="carousel slide"> | ||
+ | <ol class="carousel-indicators"> | ||
+ | <li data-target="#dairy" data-slide-to="0" class="active"></li> | ||
+ | <li data-target="#dairy" data-slide-to="1"></li> | ||
+ | <li data-target="#dairy" data-slide-to="2"></li> | ||
+ | <li data-target="#dairy" data-slide-to="3"></li> | ||
+ | <!--<li data-target="#dairy" data-slide-to="#"></li>--> | ||
+ | |||
+ | </ol> | ||
+ | |||
+ | <div class="carousel-inner"> | ||
+ | <div class="item active"> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="row entry"> | ||
+ | <div class="col-sm-1"> | ||
+ | </div> | ||
+ | <div class="col-sm-4"> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in mauris viverra, | ||
+ | tincidunt ligula eget, volutpat enim. Etiam nibh nisl, interdum at auctor et, pharetra | ||
+ | vitae massa. Suspendisse potenti. Sed bibendum felis vel congue suscipit. | ||
+ | Mauris id orci purus. Morbi condimentum molestie tempus. In a dolor in eros | ||
+ | lobortis dapibus. Quisque non eros pharetra ante efficitur ornare accumsan sit | ||
+ | amet nibh. Maecenas eget facilisis tortor. Mauris a bibendum nulla, a convallis | ||
+ | orci. Morbi aliquet sem augue, eget laoreet risus ullamcorper a. Proin in tempor | ||
+ | ex, ac vestibulum nisl. Phasellus scelerisque, nunc id porta suscipit, lacus nulla | ||
+ | tempor dui, a pulvinar justo ipsum maximus sem. Pellentesque hendrerit maximus justo. | ||
+ | Vestibulum est risus, pharetra ut est sed, venenatis scelerisque magna. | ||
+ | Etiam ullamcorper lacus neque, nec vestibulum eros congue sit amet.</p> | ||
+ | </div> | ||
+ | <div class="col-sm-2"> | ||
+ | </div> | ||
+ | <div class="col-sm-4"> | ||
+ | <p>Maecenas tristique accumsan libero. Etiam vel dui at lectus luctus rutrum. | ||
+ | Nunc egestas risus in sem fringilla vehicula. Praesent sollicitudin risus | ||
+ | in purus luctus laoreet. Aenean rhoncus neque eget sem scelerisque semper eu et sapien. | ||
+ | Phasellus vitae laoreet risus. Nullam a egestas quam. Nulla quis felis lobortis, | ||
+ | dignissim elit a, dignissim sapien. Duis at egestas felis. Aliquam posuere ligula | ||
+ | malesuada gravida aliquet. Suspendisse lobortis purus quam, eu hendrerit eros ornare non. | ||
+ | Praesent ultricies magna sed odio tristique tempus vitae et tortor. | ||
+ | Donec vel massa porttitor, iaculis augue sit amet, volutpat massa. | ||
+ | Vivamus nibh erat, lobortis nec urna ac, sollicitudin pellentesque dolor. | ||
+ | Praesent nec tempor quam.</p> | ||
+ | </div> | ||
+ | <div class="col-sm-1"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="item"> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="row entry"> | ||
+ | <div class="col-sm-1"> | ||
+ | </div> | ||
+ | <div class="col-sm-4"> | ||
+ | <p>Maecenas tristique accumsan libero. Etiam vel dui at lectus luctus rutrum. | ||
+ | Nunc egestas risus in sem fringilla vehicula. Praesent sollicitudin risus | ||
+ | in purus luctus laoreet. Aenean rhoncus neque eget sem scelerisque semper eu et sapien. | ||
+ | Phasellus vitae laoreet risus. Nullam a egestas quam. Nulla quis felis lobortis, | ||
+ | dignissim elit a, dignissim sapien. Duis at egestas felis. Aliquam posuere ligula | ||
+ | malesuada gravida aliquet. Suspendisse lobortis purus quam, eu hendrerit eros ornare non. | ||
+ | Praesent ultricies magna sed odio tristique tempus vitae et tortor. | ||
+ | Donec vel massa porttitor, iaculis augue sit amet, volutpat massa. | ||
+ | Vivamus nibh erat, lobortis nec urna ac, sollicitudin pellentesque dolor. | ||
+ | Praesent nec tempor quam.Suspendisse lobortis purus quam, eu hendrerit eros ornare non. | ||
+ | Praesent ultricies magna sed odio tristique tempus vitae et tortor. | ||
+ | Donec vel massa porttitor, iaculis augue sit amet, volutpat massa. | ||
+ | Vivamus nibh erat, lobortis nec urna ac, sollicitudin pellentesque dolor. | ||
+ | Praesent nec tempor quam.</p> | ||
+ | </div> | ||
+ | <div class="col-sm-2"> | ||
+ | </div> | ||
+ | <div class="col-sm-4"> | ||
+ | <p>Pellentesque at mollis erat. Nunc tincidunt ligula eu orci gravida fringilla. | ||
+ | Nullam commodo cursus nulla, pellentesque fermentum dui malesuada vel. | ||
+ | Ut semper mauris nisi, a vulputate nunc lacinia sed. Nullam vel ex lorem. | ||
+ | Praesent consequat diam vitae metus vehicula, ac blandit neque bibendum. | ||
+ | Etiam mattis erat eget ex consectetur, vel mattis sapien volutpat. | ||
+ | Fusce pretium risus in orci feugiat, nec facilisis libero tempus. | ||
+ | Suspendisse quis turpis vel turpis volutpat cursus. Phasellus ac | ||
+ | sagittis turpis, eu pretium quam. Vivamus accumsan mauris at semper facilisis.</p> | ||
+ | </div> | ||
+ | <div class="col-sm-1"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="item"> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="row entry"> | ||
+ | <div class="col-sm-1"> | ||
+ | </div> | ||
+ | <div class="col-sm-4"> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | <div class="col-sm-2"> | ||
+ | </div> | ||
+ | <div class="col-sm-4"> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | <div class="col-sm-1"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="item"> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="row entry"> | ||
+ | <div class="col-sm-1"> | ||
+ | </div> | ||
+ | <div class="col-sm-4"> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | <div class="col-sm-2"> | ||
+ | </div> | ||
+ | <div class="col-sm-4"> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | <div class="col-sm-1"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--<div class="item"> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-1"> | ||
+ | </div> | ||
+ | <div class="col-sm-4"> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | <div class="col-sm-2"> | ||
+ | </div> | ||
+ | <div class="col-sm-4"> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | <div class="col-sm-1"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div>--> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <a class="left carousel-control" href="#dairy" data-slide="prev" style="background-image:none;width:50px;margin:30%2%;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/a/a9/Uppsala_notebook_arrow_right.svg" class="img-responsive pointy"></img> | ||
+ | </a> | ||
+ | |||
+ | <a class="right carousel-control pointy" href="#dairy" data-slide="next" style="background-image:none;width:50px;margin:30%2%;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/a/a9/Uppsala_notebook_arrow_right.svg" class="img-responsive pointy"></img> | ||
+ | </a> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--<div class="column full_size"> | ||
<h1>Notebook</h1> | <h1>Notebook</h1> | ||
Line 34: | Line 233: | ||
</ul> | </ul> | ||
− | </div> | + | </div>--> |
</html> | </html> |
Revision as of 16:55, 15 October 2017