Biomod/2012/Potsdam/DnanoPROT/css

From OpenWetWare
Jump to navigationJump to search

<html> <head> <style type="text/css">

html,body {height:100%;margin:0;padding:0;}


body {

      /*background-image: url(http://openwetware.org/images/e/ee/UP12_background.jpg);
       background-repeat:repeat-y repeat-x; */       

} .gradient_golden {

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0e8cd0, endColorstr=#104871)";
  background-image: -ms-linear-gradient(top, #0e8cd0 0%, #104871 100%);
  background-image: -moz-linear-gradient(top, #0e8cd0 0%, #104871 100%);
  background-image: -o-linear-gradient(top, #0e8cd0 0%, #104871 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0e8cd0), color-stop(1, #104871));
  background-image: -webkit-linear-gradient(top, #0e8cd0 0%, #104871 100%);
  background-image: linear-gradient(to bottom, #0e8cd0 0%, #104871 100%);

}

  1. sidebar-main{
visibility:hidden;

}

  1. content {
   left: 50%;
   margin-left: -480px;
   width: 975px;

}

  1. igem_home {
  font-size: 95%;
  left: 425px;
  position: absolute;
  top: -4px;

}

.gradient_grey{

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#E6E6E6)";
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
  background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
  background-image: -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E6E6E6)); 
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%);

}

.white_bg {

 background-color: white;

}

.box_round {

  width: 955px;
  padding: 5px;
  border-radius: 5px;
  box-shadow:5px 5px 5px #666;

}

.box_round p {

  text-align:justify;

}

.no_padding {

  padding: 0px;

}

.nav_menu {

  width: 965px;
  height: 35px;
  box-shadow:5px 5px 5px #666;

}

  1. menu .selected {
  background-color:#B41111;
  height: 27px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;

}

  1. menu {
 display: block;
 margin: 0px;
 padding: 8px;
 position:relative;
 left: 50%;
 text-align: center;

}

  1. menu ul {
 margin: 0px;

}

  1. menu li {
 list-style: none outside none;
 float:left;
 padding-left: 15px;
 padding-right: 15px;
 margin-right:25px;
 margin-left:25px;
 font-weight: 900;

}

  1. menu li ul{
 list-style: none outside none;
 display:none;
 position: absolute; 
 margin : 0px;
 padding: 0px;

}

  1. menu ul ul {
 padding: 0px;

}

  1. menu li ul li{
 margin : 0px;
 width:inherit;
 font-weight: normal;

}

  1. menu li ul li:hover {
 height:auto;
 float:none;
 text-align:left;

}


  1. menu ul li {
 clear: both;

}

  1. menu a {
 display: block;
 color: white;

}

  1. menu a:hover {
  text-decoration:none;

}

  1. menu li:hover {
  background-color:#B41111;
  height: 27px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;

}


  1. menu li:hover ul {
   display:block;

}

.box_round table {

 background-color: transparent;

}

.block {

display: inline-block;
width : 350px;
height : 200px;

}

table {

 background-color: transparent;

}

table th {

 padding-left: 5px;
 padding-right: 5px;

}

  1. content {
 border: none;
 background-color: transparent;

}

  1. catlinks {
 border:none;
 background-color: transparent;

}


  1. footer-box {
 border:none;
 background-color: transparent;

}

  1. footer {
background-color: transparent;
border: none;

} .center_box {

  text-align: center;

}

  1. p-logo {
 display:none;

}

  1. top-section {
border: none;
height:0px;

}

.firstHeading{

display: none;
padding:0px;

}

  1. banner-wrap {
 padding: 0px;

}

  1. portfolio {
z-index: -200;
height: 280px;

}

  1. portfolio img{
 box-shadow:5px 5px 5px #666;
 width:965px;
 height: 280px;

}

.rollover {

  width: 975px;
  text-align: center;

}

.rollover a{

  display: inline-block;  
  width : 200px;
  margin: 20px;
  height : 200px;
  border-radius : 12px;
  margin: 20px 20px 20px 20px;
  box-shadow:5px 5px 5px #666;

}


  1. rollover-image {
  background-image:url(http://openwetware.org/images/7/77/UP12_Video1.jpg);
  background-position: -0px -0px; 

}

  1. rollover-image:hover {
  background-image:url(http://openwetware.org/images/4/46/UP12_Video2.jpg);
  background-position: 0px -0px;

}

  1. rollover-image-2 {
  background-image:url(http://openwetware.org/images/6/6d/Project1.jpg);
  background-position: 200px -0px;

}

  1. rollover-image-2:hover {
  background-image:url(http://openwetware.org/images/d/d1/Project2.jpg);
  background-position: 200px -0px; 

}

  1. rollover-image-3 {
 background-image:url(http://openwetware.org/images/9/94/UP12_Lab1.jpg);
 background-position: 400px -0px;

}

  1. rollover-image-3:hover {
 background-image:url(http://openwetware.org/images/5/58/Up12_Lab2.jpg);
 background-position: 400px -000px; 

}

  1. rollover-image-8 {
 background-image:url(http://openwetware.org/images/c/cf/UP12_Team1.jpg);
 background-position: 600px -0px;

}

  1. rollover-image-8:hover {
 background-image:url(http://openwetware.org/images/5/5c/UP12_Team2.jpg); */
 background-position: 600px -0px;

}

  1. totop {
 /* background-image:url(http://2012.igem.org/wiki/images/0/0d/Pfeil.png); */
  filter:alpha(opacity=50);
  height: 76px;
  width: 75px;
  position: fixed;
  right: 10px;
  z-index: -20;

}

  1. search-controls {
  width: auto;
  top: -4px;
  right: 200px;
  z-index: 15;

}

input.searchButton {

  color: #ffffff;

}

  1. menu_center {
  float:right;
  position:relative;
  left:-50%;
  text-align:left;

}

input.searchButton:hover {

  color: #B41111;

}

</style> </head> </html>