"

From 2014.igem.org

body{ overflow-x:hidden; }

.jumbotron{

 height: 250px;
 background: black; 
 color: white;

}

h1, h2, h3, h4, h5, h6 { border-bottom: none; }

h2{

   padding-top: 80px; margin-top: -80px;

}

p{

text-align: justify;

}

/* Sidebar styles */ li.list-group{

border-style: solid; }

li.list-group-item {

 border: none;  
 font-family: Arial;
 margin-top:0px;
 margin-bottom:0px;

margin-left: -20%;

 padding-top: 0px;
 padding-bottom:0px;

width: 60%; }

li.list-group-item > a{

    color: #000000;  
white-space:normal;

}

li.list-group-item:hover > a:hover{

 border-width:thin;
 border-left-style:solid;
 border-left-color: #accfcf;
 color: #000000;      
 font-weight:500;
 border-width:1px;
 background-color:#ffffff;
 

}

li.list-group-item.active > a, li.list-group-item.active > a:hover, li.list-group-item.active > a:focus {

 border-width:3px;
 border-left-style:solid;
 border-left-color: #accfcf;  
 color: #000000;  
 font-weight: bold;
 padding: 3px 8px;

}

/*End of sidebar*/

1. ref{

    background: #97c3c3;

}

1. ref p{

font-size: 75%; }

1. btnRow{

   padding-top: 30px; 
   padding-bottom: 30px;

}

.toLesson{

   background: black;
   color: white;

}

.btn-group > a{ color: #ffffff; } .toClass{

    background: #97c3c3;

}

.siders{ width:50%; }

.system{

height: 50%; }