Team:SMTexas

From 2014hs.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/* Removing wiki-like stuff */
+
<html>
-
/****************************/
+
<html lang="en">
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
<head>
-
    display:none;}
+
  <meta charset="utf-8">
 +
  <title>Bootstrap 3, from LayoutIt!</title>
 +
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
  <meta name="description" content="">
 +
  <meta name="author" content="">
-
/* Redesigning the topmenu */
+
<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
-
/***************************/
+
<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
-
body {
+
<!--script src="js/less-1.3.3.min.js"></script-->
-
    margin: 10px 0 0 0;
+
<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
-
    padding: 0;}
+
-
#top-section {
+
<link href="css/bootstrap.min.css" rel="stylesheet">
-
    width: 965px;
+
<link href="css/style.css" rel="stylesheet">
-
    height: 0;
+
-
    margin: 0 auto;
+
-
    padding: 0;
+
-
    border: none;}
+
-
#menubar {
+
-
    font-size: 65%;
+
-
    top: -14px;}
+
-
.left-menu:hover {
+
-
    background-color: transparent;}
+
-
#menubar li a {
+
-
    background-color: transparent;}
+
-
#menubar:hover {
+
-
    color: white;}
+
-
#menubar li a {
+
-
    color: transparent;}
+
-
#menubar:hover li a {
+
-
    color: white;}
+
-
#menubar > ul > li:last-child {
+
-
    display:none;}
+
-
/* Redesigning Table Of Content */
+
  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
-
/********************************/
+
  <!--[if lt IE 9]>
-
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
+
     <script src="js/html5shiv.js"></script>
-
    text-align: left;}
+
  <![endif]-->
-
#toctitle {
+
-
    margin: 5px 0;}
+
-
.toc, #toc {
+
-
    background-color: #F6F6F6;
+
-
    border: 1px solid #CCCCCC;
+
-
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
+
-
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/
+
-
    float: left;
+
-
    width: 228px;
+
-
    display: block;
+
-
    overflow: hidden;
+
-
    padding: 0;}
+
-
#toc ul, .toc ul {
+
-
    margin: 0 5px 5px 5px;}
+
-
.toc ul li {
+
-
    padding-left: 12px;
+
-
    text-indent: -12px;
+
-
     /*width: 200px;*/}
+
-
.toc ul li ul li {
+
-
    padding-left: 30px;
+
-
    text-indent: -24px;
+
-
    /*width: 170px;*/}
+
-
#toc ul ul, .toc ul ul {
+
-
    margin: 0;}
+
-
.toc {
+
-
    margin-left: -250px;
+
-
    margin-top: 20px;}
+
-
.stickBelowNavigation {
+
-
    position: fixed;
+
-
      top: 35px;
+
-
      left: 50%;
+
-
    margin-left: -462px;}
+
-
.tochidden {
+
-
    position: static;
+
-
    margin-left: -250px;}
+
-
/* Font style and general */
+
  <!-- Fav and touch icons -->
-
/**************************/
+
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
-
#content {
+
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
-
    font-family: 'Lucida Sans Unicode',sans-serif;
+
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
-
    font-size: 14px;
+
  <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
-
    color: #444444;}
+
  <link rel="shortcut icon" href="img/favicon.png">
-
p {
+
 
-
    margin: 0;}
+
<script type="text/javascript" src="js/jquery.min.js"></script>
-
#innercontent p {
+
<script type="text/javascript" src="js/bootstrap.min.js"></script>
-
    margin: 0.6em 0;}
+
<script type="text/javascript" src="js/scripts.js"></script>
-
h2, h3, h4, h5, h6 {
+
</head>
-
    border: none;
+
-
    font-weight: lighter;
+
-
    color: #444444;}
+
-
h1 {
+
-
    border: none;
+
-
    color: #383838;
+
-
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
+
-
    font-size: 35px;
+
-
    margin: 5px 0 0 0;
+
-
    font-weight: bold;}
+
-
h2 {
+
-
    background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;
+
-
    border: none;
+
-
    padding: 20px 0 5px;
+
-
    font-family: Arial;
+
-
    font-size: 24px;
+
-
    font-weight: bold;
+
-
    clear: right;
+
-
    margin-bottom: 0;}
+
-
#bodyContent h1, #bodyContent h2 {
+
-
    margin-bottom: 0;}
+
-
h3 {
+
-
    font-size: 30px;
+
-
    padding: 15px 0 5px 0;}
+
-
h4 {
+
-
        font-weight: bold;}
+
-
ul {
+
-
    list-style-position: inside;
+
-
    margin: 0;}
+
-
a, a:visited, a:active {
+
-
    color: #3366CC;}
+
-
pre {
+
-
    overflow: auto;
+
-
    font-size: 12px;}
+
-
div.tright, div.floatright {
+
-
    border: none;
+
-
    margin: 10px 0 10px 20px;}
+
-
div.tleft, div.floatleft {
+
-
    border: none;
+
-
    margin: 10px 20px 10px 0;}
+
-
div.tnone {
+
-
    border: none;}
+
-
iframe {
+
-
    margin: 1px;}
+
-
hr {
+
-
    height: 0;
+
-
    border-top: 1px solid #AAA;
+
-
    border-bottom: 1px solid #FFF;}
+
-
.clear {
+
-
    clear: both;
+
-
    height: 0;
+
-
    padding: 0;
+
-
    margin: 0;
+
-
    border: none;
+
-
    visibility: hidden;}
+
-
.superscript {
+
-
    font-size: 80%;
+
-
    position: relative;
+
-
        top: -5px;}
+
-
.subscript {
+
-
    font-size: 80%;
+
-
    position: relative;
+
-
        top: 5px;}
+
-
.farve1 {
+
-
        background-color: #FFCC00;}
+
-
.farve2 {
+
-
        background-color: #FF9900;}
+
-
.farve3 {
+
-
        background-color: #FF6600;}
+
-
.farve4 {
+
-
        background-color: #FF0000;}
+
-
.farve5 {
+
-
        background-color: #990000;}
+
-
.farve6 {
+
-
        background-color: #FF0099;}
+
-
.farve7 {
+
-
        background-color: #CC3399;}
+
-
.farve8 {
+
-
        background-color: #990066;}
+
-
.farve9 {
+
-
        background-color: #660066;}
+
-
.farve10 {
+
-
        background-color: #990099;}
+
-
.farve11 {
+
-
        background-color: #3366CC;}
+
-
.farve12 {
+
-
        background-color: #33CCFF;}
+
-
.farve13 {
+
-
        background-color: #99CC33;}
+
-
.farve14 {
+
-
        background-color: #66CC00;}
+
-
.coloredBg {
+
-
    font-size: 12px;
+
-
    font-weight: normal;
+
-
    color: #FFFFFF;
+
-
    padding: 5px;}
+
-
/* Layout */
+
<body>
-
/**********/
+
<div class="container">
-
body, #heading, #innercontent {
+
<div class="row clearfix">
-
    background: url("https://static.igem.org/mediawiki/2011/b/ba/DTU-Denmark2011-bg2.jpg") repeat #D7D7D7;}
+
<div class="col-md-12 column">
-
#content, #globalWrapper {
+
<div class="page-header">
-
    border: none;
+
<h1>
-
    width: 100%;
+
SMTexas <small>iGEM 2014</small>
-
    margin: 0;
+
</h1>
-
    padding: 0;}
+
</div>
-
.centering {
+
<div class="carousel slide" id="carousel-336666">
-
    margin: 0 auto;
+
<ol class="carousel-indicators">
-
    width: 965px;}
+
<li data-slide-to="0" data-target="#carousel-336666">
-
#header {
+
</li>
-
    background: url("https://static.igem.org/mediawiki/2011/2/2d/DTU-Denmark2011-5element.png") no-repeat right -30px #990000;
+
<li data-slide-to="1" data-target="#carousel-336666" class="active">
-
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+
</li>
-
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */
+
<li data-slide-to="2" data-target="#carousel-336666">
-
    height: 100px;
+
</li>
-
    width: 100%;
+
</ol>
-
    border-top: 1px solid #660000;
+
<div class="carousel-inner">
-
    border-bottom: 1px solid #660000;}
+
<div class="item">
-
#header .centering {
+
<img alt="" src="http://lorempixel.com/1600/500/sports/1">
-
    background: url("https://static.igem.org/mediawiki/2011/3/3a/DTU-Denmark2011-temp-header2.png") no-repeat top left transparent;
+
<div class="carousel-caption">
-
    /*background: url("https://static.igem.org/mediawiki/2011/5/54/DTU-Denmark2011-temp-header.png") no-repeat top left transparent;*/
+
<h4>
-
    height: 100px;}
+
First Thumbnail label
-
#heading {
+
</h4>
-
    height: 50px;
+
<p>
-
    border-top: 1px solid #FFFFFF;}
+
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
-
#innercontent {
+
</p>
-
    padding: 1px;} /* Important!*/
+
</div>
-
.whitebox {
+
</div>
-
    background: url("https://static.igem.org/mediawiki/2011/e/ed/DTU-Denmark2011-innercontent-bg.png") repeat-x #FFFFFF;
+
<div class="item active">
-
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+
<img alt="" src="http://lorempixel.com/1600/500/sports/2">
-
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
+
<div class="carousel-caption">
-
    border: 1px solid #FFFFFF;
+
<h4>
-
    /*text-align: justify;*/
+
Second Thumbnail label
-
    margin: 14px 0;}
+
</h4>
-
.article {
+
<p>
-
    padding: 0 20px 10px 270px;
+
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
-
    width: 673px;}
+
</p>
-
.whitebox a {
+
</div>
-
    font-weight: bold;}
+
</div>
-
#toc a {
+
<div class="item">
-
    font-weight: normal;}
+
<img alt="" src="http://lorempixel.com/1600/500/sports/3">
-
 
+
<div class="carousel-caption">
-
/* Frontpage only */
+
<h4>
-
/******************/
+
Third Thumbnail label
-
.smallBox {
+
</h4>
-
    width: 270px;
+
<p>
-
    padding: 0 20px 10px;
+
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
-
    float: left;
+
</p>
-
    margin-right: 15px;}
+
</div>
-
.lastSmallBox {
+
</div>
-
    width: 269px;
+
</div> <a class="left carousel-control" href="#carousel-336666" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-336666" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
-
    margin-right: 0;}
+
</div>
-
body.page-Team_DTU-Denmark div.whitebox:first-child {
+
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation">
-
    display: none;}
+
<div class="navbar-header">
-
 
+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#">Brand</a>
-
/* For overview pages */
+
</div>
-
/**********************/
+
-
.overviewPage {
+
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-
    margin-left: -250px;}
+
<ul class="nav navbar-nav">
-
.overviewBox {
+
<li class="active">
-
    width: 450px;}
+
<a href="#">Link</a>
-
.left {
+
</li>
-
    float: left;}
+
<li>
-
.right {
+
<a href="#">Link</a>
-
    float:right;}
+
</li>
-
 
+
<li class="dropdown">
-
/* Footer */
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
-
/**********/
+
<ul class="dropdown-menu">
-
#footer-panel {
+
<li>
-
    background: #333333;
+
<a href="#">Action</a>
-
    border-top: 1px solid #D9D9D9;}
+
</li>
-
#bodyContent {
+
<li>
-
    background: #333333;}
+
<a href="#">Another action</a>
-
#footer-panel h4 {
+
</li>
-
    color: #999999;
+
<li>
-
    font-weight: bold;}
+
<a href="#">Something else here</a>
-
#footer-panel p {
+
</li>
-
    color: #CCCCCC;}
+
<li class="divider">
-
div.footerBox {
+
</li>
-
    border-right: 1px solid;
+
<li>
-
    float: left;
+
<a href="#">Separated link</a>
-
    margin: 10px 20px 10px 0;
+
</li>
-
    padding: 0 20px 0 0;
+
<li class="divider">
-
    width: 294px;
+
</li>
-
    min-height: 270px;}
+
<li>
-
div.footerBox:last-child {
+
<a href="#">One more separated link</a>
-
    border: none;
+
</li>
-
    margin: 10px 0;
+
</ul>
-
    padding: 0;}
+
</li>
-
img.sponsorImage{
+
</ul>
-
    float: left;
+
<form class="navbar-form navbar-left" role="search">
-
    width: 84px;
+
<div class="form-group">
-
    padding: 0;
+
<input class="form-control" type="text">
-
    margin: 0;
+
</div> <button type="submit" class="btn btn-default">Submit</button>
-
    border: 0px solid #444444;}
+
</form>
-
img.hasPicOnRight {
+
<ul class="nav navbar-nav navbar-right">
-
    padding-right: 10px;
+
<li>
-
    border-right-width: 1px;}
+
<a href="#">Link</a>
-
img.hasPicOnLeft {
+
</li>
-
    padding-left: 10px;}
+
<li class="dropdown">
-
img.hasPicOnTop {
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
-
    margin-top: 20px;
+
<ul class="dropdown-menu">
-
}
+
<li>
-
 
+
<a href="#">Action</a>
-
/* Slider (thanks to flowplayer.org) */
+
</li>
-
/*************************************/
+
<li>
-
.scrollable {
+
<a href="#">Another action</a>
-
/* required settinsg */
+
</li>
-
position: relative;
+
<li>
-
overflow :hidden;
+
<a href="#">Something else here</a>
-
    margin-top: 14px;
+
</li>
-
    width: 963px;
+
<li class="divider">
-
    height: 370px;
+
</li>
-
    border: 1px solid #FFFFFF;
+
<li>
-
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+
<a href="#">Separated link</a>
-
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
+
</li>
-
    background: #FFFFFF;}
+
</ul>
-
.scrollable .items {
+
</li>
-
/* this cannot be too large */
+
</ul>
-
width: 50000px;
+
</div>
-
position: absolute;}
+
-
.items div {
+
</nav>
-
float: left;
+
</div>
-
width: 963px;
+
</div>
-
height: 370px;}
+
<div class="row clearfix">
-
.prev {
+
<div class="col-md-12 column">
-
        background: url(https://static.igem.org/mediawiki/2011/8/81/DTU-Denmark2011-slider-prev.png) no-repeat;
+
<p>
-
        height: 74px;
+
Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Aliquam eget sapien sapien. Curabitur in metus urna. In hac habitasse platea dictumst. Phasellus eu sem sapien, sed vestibulum velit. Nam purus nibh, lacinia non faucibus et, pharetra in dolor. Sed iaculis posuere diam ut cursus. <em>Morbi commodo sodales nisi id sodales. Proin consectetur, nisi id commodo imperdiet, metus nunc consequat lectus, id bibendum diam velit et dui.</em> Proin massa magna, vulputate nec bibendum nec, posuere nec lacus. <small>Aliquam mi erat, aliquam vel luctus eu, pharetra quis elit. Nulla euismod ultrices massa, et feugiat ipsum consequat eu.</small>
-
        width: 74px;
+
</p>
-
        position: absolute;
+
</div>
-
            left: -518px; /* ceil(963/2) + 74/2 = 482 + 37 = 519 */
+
</div>
-
            top: 310px;
+
</div>
-
        margin-left: 50%;
+
</body>
-
        cursor: pointer;}
+
</html>
-
.next {
+
-
        background: url(https://static.igem.org/mediawiki/2011/5/56/DTU-Denmark2011-slider-next.png) no-repeat;
+
-
        height: 74px;
+
-
        width: 74px;
+
-
        margin-right: 50%;
+
-
        position: absolute;
+
-
            right: -519px; /* floor(963/2) + 74/2 = 481 + 37 = 518 */
+
-
            top: 310px;
+
-
        cursor: pointer;}
+
-
.disabled {
+
-
        visibility: hidden;}
+
-
/* position and dimensions of the navigator */
+
-
.navi {
+
-
    left: -56px;
+
-
    margin-left: 50%;
+
-
    position: absolute;
+
-
    top: 505px;
+
-
    width: 112px;}
+
-
.navi a {
+
-
width: 8px;
+
-
height: 8px;
+
-
float: left;
+
-
margin: 3px;
+
-
background: url(https://static.igem.org/mediawiki/2011/7/7e/DTU-Denmark2011-slider-navigator-red.png) 0 0 no-repeat;
+
-
/*background: url(https://static.igem.org/mediawiki/2011/2/22/DTU-Denmark2011-slider-navigator-dark.png) 0 0 no-repeat;*/
+
-
display: block;
+
-
font-size: 1px;}
+
-
.navi a:hover {
+
-
background-position: 0 -8px;}
+
-
.navi a.active {
+
-
background-position: 0 -16px;}
+
-
 
+
-
/* Tooltips (thanks to flowplayer.org) */
+
-
/*********************************************/
+
-
/*.tooltip {
+
-
        z-index: 2;
+
-
display:none;
+
-
background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png);
+
-
font-size:14px;
+
-
height:70px;
+
-
width:160px;
+
-
padding:25px;
+
-
color:#fff;}
+
-
*/
+
-
 
+
-
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */
+
-
/*********************************************/
+
-
li.navitem1 > a, li.navitem1 > span {
+
-
    border-bottom: 1px solid #660066;}
+
-
li.navitem2 > a, li.navitem2 > span {
+
-
    border-bottom: 1px solid #990099;}
+
-
li.navitem3 > a, li.navitem3 > span {
+
-
    border-bottom: 1px solid #3366CC;}
+
-
li.navitem4 > a, li.navitem4 > span {
+
-
    border-bottom: 1px solid #33CCFF;}
+
-
li.navitem5 > a, li.navitem5 > span {
+
-
    border-bottom: 1px solid #99CC33;}
+
-
li.navitem6 > a, li.navitem6 > span {
+
-
    border-bottom: 1px solid #FFCC00;}
+
-
 
+
-
.page-Team_DTU-Denmark li.home a,
+
-
 
+
-
.page-Team_DTU-Denmark_Vision li.vision a,
+
-
 
+
-
.page-Team_DTU-Denmark_Project li.project a,
+
-
.page-Team_DTU-Denmark_Bioinformatic li.project a,
+
-
.page-Team_DTU-Denmark_Project_testing_sRNA li.project a,
+
-
.page-Team_DTU-Denmark_Project_improving_araBAD li.project a,
+
-
.page-Team_DTU-Denmark_Modeling li.project a,
+
-
.page-Team_DTU-Denmark_Data li.project a,
+
-
.page-Team_DTU-Denmark_Attributions li.project a,
+
-
 
+
-
.page-Team_DTU-Denmark_Technical_stuff li.technical_stuff a,
+
-
.page-Team_DTU-Denmark_Parts li.technical_stuff a,
+
-
.page-Team_DTU-Denmark_Notebook li.technical_stuff a,
+
-
.page-Team_DTU-Denmark_Protocols li.technical_stuff a,
+
-
.page-Team_DTU-Denmark_Technical_stuff_math li.technical_stuff a,
+
-
.page-Team_DTU-Denmark_Matlab li.technical_stuff a,
+
-
.page-Team_DTU-Denmark_Safety li.technical_stuff a,
+
-
 
+
-
.page-Team_DTU-Denmark_Background li.background a,
+
-
.page-Team_DTU-Denmark_Background_sRNA li.background a,
+
-
.page-Team_DTU-Denmark_Background_the_natural_system li.background a,
+
-
.page-Team_DTU-Denmark_Background_synthetic_biology li.background a,
+
-
 
+
-
.page-Team_DTU-Denmark_Team li.team a,
+
-
 
+
-
ul.topnav > li > a:hover {
+
-
/*background: url(https://static.igem.org/mediawiki/2011/f/f5/Topnav_hover.gif) no-repeat center -1px;*/
+
-
        padding-bottom: 1px;
+
-
        border-bottom-width: 5px;}
+
-
 
+
-
#navigation,.navigation {
+
-
    height: 35px;}
+
-
.navigation {
+
-
    background: url("https://static.igem.org/mediawiki/2011/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #222222;
+
-
    z-index: 1;
+
-
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
+
-
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
+
-
    position: relative;
+
-
    border-bottom: 1px solid #000000;}
+
-
.stickToTop {
+
-
    position: fixed;
+
-
    top:0;
+
-
    width:100%;}
+
-
ul.topnav {
+
-
list-style: none;
+
-
padding: 0;
+
-
margin: 0;
+
-
float: left;
+
-
width: 100%;
+
-
font-size: 15px;
+
-
}
+
-
ul.topnav li {
+
-
float: left;
+
-
margin: 0;
+
-
padding: 0;
+
-
position: relative; /*--Declare X and Y axis base for sub navigation--*/
+
-
}
+
-
ul.topnav li a {
+
-
padding: 6px 20px 5px 20px;
+
-
color: #fff;
+
-
display: block;
+
-
text-decoration: none;
+
-
float: left;
+
-
}
+
-
ul.topnav > li > a {
+
-
    height: 23px;
+
-
    overflow: hidden;}
+
-
ul.topnav li:first-child a{
+
-
padding-left: 0;
+
-
}
+
-
ul.topnav li span { /*--Drop down trigger styles--*/
+
-
/*width: 17px;*/
+
-
/*height: 34px;*/
+
-
/*float: left;*/
+
-
/*background: url(https://static.igem.org/mediawiki/2011/4/45/Subnav_btn.gif) no-repeat center top;*/
+
-
        color: #CCCCCC;
+
-
}
+
-
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
+
-
ul.topnav li ul.subnav {
+
-
    z-index: 1; //Stay on top of slider
+
-
list-style: none;
+
-
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
+
-
left: 0; top: 35px;
+
-
background: #333;
+
-
margin: 0; padding: 0;
+
-
display: none;
+
-
float: left;
+
-
border: 1px solid #111;
+
-
        border-radius: 0 0 5px 5px;
+
-
}
+
-
ul.topnav li ul.subnav li {
+
-
margin: 0; padding: 0;
+
-
border-top: 1px solid #252525; /*--Create bevel effect--*/
+
-
border-bottom: 1px solid #444; /*--Create bevel effect--*/
+
-
clear: both;
+
-
        list-style: none outside none;
+
-
}
+
-
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {
+
-
        width: 160px;
+
-
}
+
-
ul.topnav li ul.subnav li:last-child{
+
-
        border-radius: 0 0 5px 5px;
+
-
}
+
-
html ul.topnav li ul.subnav li a {
+
-
float: left;
+
-
/*background: #333 url(https://static.igem.org/mediawiki/2011/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/
+
-
    padding-left: 10px;
+
-
    padding-right: 10px;
+
-
    width: 140px;
+
-
}
+
-
html ul.topnav li ul.subnav li a:last-child{
+
-
        border-radius: 0 0 5px 5px;
+
-
}
+
-
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
+
-
background: #222 /*url(https://static.igem.org/mediawiki/2011/4/4b/Dropdown_linkbg.gif) no-repeat 10px center*/;
+
-
}
+

Revision as of 19:05, 4 April 2014

Bootstrap 3, from LayoutIt!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eget sapien sapien. Curabitur in metus urna. In hac habitasse platea dictumst. Phasellus eu sem sapien, sed vestibulum velit. Nam purus nibh, lacinia non faucibus et, pharetra in dolor. Sed iaculis posuere diam ut cursus. Morbi commodo sodales nisi id sodales. Proin consectetur, nisi id commodo imperdiet, metus nunc consequat lectus, id bibendum diam velit et dui. Proin massa magna, vulputate nec bibendum nec, posuere nec lacus. Aliquam mi erat, aliquam vel luctus eu, pharetra quis elit. Nulla euismod ultrices massa, et feugiat ipsum consequat eu.