Team:Potsdam Bioware/css

From 2012.igem.org

(Difference between revisions)
 
(92 intermediate revisions not shown)
Line 4: Line 4:
html,body {height:100%;margin:0;padding:0;}
html,body {height:100%;margin:0;padding:0;}
 +
body {
body {
background-image: url(https://static.igem.org/mediawiki/2012/3/33/Antibody.jpg);
background-image: url(https://static.igem.org/mediawiki/2012/3/33/Antibody.jpg);
 +
        background-repeat:repeat-y repeat-x;
 +
       
}
}
.gradient_golden {
.gradient_golden {
Line 16: Line 19:
   background-image: -webkit-linear-gradient(top, #E1A946 0%, #B28336 100%);
   background-image: -webkit-linear-gradient(top, #E1A946 0%, #B28336 100%);
   background-image: linear-gradient(to bottom, #E1A946 0%, #B28336 100%);
   background-image: linear-gradient(to bottom, #E1A946 0%, #B28336 100%);
 +
}
 +
 +
#igem_home {
 +
  font-size: 95%;
 +
  left: 425px;
 +
  position: absolute;
 +
  top: -4px;
}
}
Line 28: Line 38:
}
}
-
#no_gradient {
+
.white_bg {
-
  background-color: #ffffff;
+
  background-color: white;
-
]
+
}
.box_round {
.box_round {
Line 36: Line 46:
   border-radius: 5px;
   border-radius: 5px;
   box-shadow:5px 5px 5px #666;
   box-shadow:5px 5px 5px #666;
 +
}
 +
 +
.box_round p {
 +
  text-align:justify;
 +
}
 +
 +
.no_padding {
 +
  padding: 0px;
}
}
.nav_menu {
.nav_menu {
   height: 35px;
   height: 35px;
-
  padding: 0 20px;
 
   box-shadow:5px 5px 5px #666;
   box-shadow:5px 5px 5px #666;
}
}
 +
#menu .selected {
 +
  background-color:#B41111;
 +
  height: 27px;
 +
  border-top-right-radius: 5px;
 +
  border-top-left-radius: 5px;
 +
}
#menu {
#menu {
Line 49: Line 72:
   margin: 0px;
   margin: 0px;
   padding: 8px;
   padding: 8px;
 +
  position:relative;
 +
  left: 50%;
   text-align: center;
   text-align: center;
}
}
Line 62: Line 87:
   padding-left: 15px;
   padding-left: 15px;
   padding-right: 15px;
   padding-right: 15px;
-
   margin-right:5px;
+
   margin-right:25px;
-
   margin-left:5px;
+
   margin-left:25px;
 +
  font-weight: 900;
}
}
Line 71: Line 97:
   position: absolute;  
   position: absolute;  
   margin : 0px;
   margin : 0px;
 +
  padding: 0px;
 +
}
 +
 +
#menu ul ul {
   padding: 0px;
   padding: 0px;
}
}
Line 77: Line 107:
   margin : 0px;
   margin : 0px;
   width:inherit;
   width:inherit;
 +
  font-weight: normal;
}
}
#menu li ul li:hover {
#menu li ul li:hover {
   height:auto;
   height:auto;
 +
  float:none;
 +
  text-align:left;
}
}
Line 103: Line 136:
   border-top-left-radius: 5px;
   border-top-left-radius: 5px;
}
}
 +
#menu li:hover ul {
#menu li:hover ul {
Line 180: Line 214:
.rollover {
.rollover {
   width: 975px;
   width: 975px;
 +
  text-align: center;
}
}
.rollover a{   
.rollover a{   
   display: inline-block;   
   display: inline-block;   
-
   width : 235px;
+
   width : 200px;
-
   height : 235px;
+
  margin: 20px;
 +
   height : 200px;
   border-radius : 12px;
   border-radius : 12px;
-
   margin-right: 5px;
+
   margin: 20px 20px 20px 20px;
 +
  box-shadow:5px 5px 5px #666;
}  
}  
-
 
#rollover-image {
#rollover-image {
-
   background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg) 86 200 ;
+
   background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg);
 +
  background-position: -88px -200px;
}
}
#rollover-image:hover {
#rollover-image:hover {
   background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg);
   background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg);
 +
  background-position: -177px -100px;
}
}
#rollover-image-2 {
#rollover-image-2 {
   background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg);
   background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg);
 +
  background-position: -328px -200px;
}
}
#rollover-image-2:hover {
#rollover-image-2:hover {
   background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg);
   background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg);
 +
  background-position: -401px -100px;
}
}
#rollover-image-3 {
#rollover-image-3 {
   background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg);
   background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg);
 +
  background-position: -572px -200px;
}
}
#rollover-image-3:hover {
#rollover-image-3:hover {
   background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg);
   background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg);
 +
  background-position: -640px -100px;
}
}
#rollover-image-4 {
#rollover-image-4 {
   background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg);
   background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg);
 +
  background-position: -812px -440px;
}
}
#rollover-image-4:hover {
#rollover-image-4:hover {
   background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg);
   background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg);
 +
  background-position: -869px -356px;
}
}
#rollover-image-5 {
#rollover-image-5 {
-
   background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg);
+
   background-image:url(https://static.igem.org/mediawiki/2012/0/0d/SocialBrick12.jpg)
}
}
#rollover-image-5:hover {
#rollover-image-5:hover {
-
   background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg);
+
   background-image:url(https://static.igem.org/mediawiki/2012/b/b2/SocialBrick22.jpg)
}
}
#rollover-image-6 {
#rollover-image-6 {
   background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg);
   background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg);
 +
  background-position: -328px -440px;
}
}
#rollover-image-6:hover {
#rollover-image-6:hover {
   background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg);
   background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg);
 +
  background-position: -385px -356px;
}
}
#rollover-image-7 {
#rollover-image-7 {
   background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg);
   background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg);
 +
  background-position: -100px -440px;
}
}
#rollover-image-7:hover {
#rollover-image-7:hover {
   background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg);
   background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg);
 +
  background-position: -169px -356px;
}
}
#rollover-image-8 {
#rollover-image-8 {
-
   background-image:url(https://static.igem.org/mediawiki/2012/e/ea/UP12Buttons.jpg);
+
   background-image:url(https://static.igem.org/mediawiki/2012/b/b3/Virusmodule1-2-1.jpg);
}
}
#rollover-image-8:hover {
#rollover-image-8:hover {
-
   background-image:url(https://static.igem.org/mediawiki/2012/1/1f/UP12Buttons_red.jpg);
+
   background-image:url(https://static.igem.org/mediawiki/2012/a/af/Virusmodule1-1.jpg);
 +
}
 +
 
 +
#totop {
 +
  background-image:url(https://static.igem.org/mediawiki/2012/0/0d/Pfeil.png);
 +
  filter:alpha(opacity=50);
 +
  height: 76px;
 +
  width: 75px;
 +
  position: fixed;
 +
  right: 10px;
 +
  z-index: -20;
 +
}
 +
 
 +
#search-controls {
 +
  width: auto;
 +
  top: -4px;
 +
  right: 200px;
 +
  z-index: 15;
 +
}
 +
 
 +
input.searchButton {
 +
  color: #ffffff;
 +
}
 +
 
 +
#menu_center {
 +
  float:right;
 +
  position:relative;
 +
  left:-50%;
 +
  text-align:left;
 +
}
 +
 
 +
input.searchButton:hover {
 +
  color: #B41111;
}
}

Latest revision as of 17:13, 20 October 2012