Team:McMaster-Ontario/css

From 2012.igem.org

(Difference between revisions)
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
-
 
+
<!--Change from iGEM template to more generic style-->
-
html,body {height:100%;margin:0;padding:0;}
+
#content         { border:           none;
-
 
+
                  background-color: transparent; }
-
 
+
#catlinks       { border:           none;
-
body {
+
                  background-color: transparent; }
-
background-image: url(http://2012.igem.org/wiki/images/3/33/Antibody.jpg);
+
#p-logo         { display:         none;       }
-
        background-repeat:repeat-y repeat-x;
+
#top-section     { border:           none;
-
       
+
                  height:           0px;         }
-
}
+
.firstHeading   { display:         none;
-
.gradient_golden {
+
                  padding:         0px;         }
-
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E1A946, endColorstr=#B28336)";
+
#footer-box     { border:           none;
-
  background-image: -ms-linear-gradient(top, #E1A946 0%, #B28336 100%);
+
                  background-color: transparent; }
-
  background-image: -moz-linear-gradient(top, #E1A946 0%, #B28336 100%);
+
#search-controls { width:           auto;
-
  background-image: -o-linear-gradient(top, #E1A946 0%, #B28336 100%);
+
                  top:             -4px;
-
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E1A946), color-stop(1, #B28336));
+
                  right:           200px;
-
  background-image: -webkit-linear-gradient(top, #E1A946 0%, #B28336 100%);
+
                  z-index:         15;         }
-
  background-image: linear-gradient(to bottom, #E1A946 0%, #B28336 100%);
+
input.searchButton:hover { color:   #B41111;     }
-
}
+
input.searchButton {       color:   #ffffff;     }
-
 
+
-
#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 {
+
-
  padding: 5px;
+
-
  border-radius: 5px;
+
-
  box-shadow:5px 5px 5px #666;
+
-
}
+
-
 
+
-
.box_round p {
+
-
  text-align:justify;
+
-
}
+
-
 
+
-
.no_padding {
+
-
  padding: 0px;
+
-
}
+
-
 
+
-
.nav_menu {
+
-
  height: 35px;
+
-
  box-shadow:5px 5px 5px #666;
+
-
}
+
-
 
+
-
#menu .selected {
+
-
  background-color:#B41111;
+
-
  height: 27px;
+
-
  border-top-right-radius: 5px;
+
-
  border-top-left-radius: 5px;
+
-
}
+
-
 
+
-
#menu {
+
-
  display: block;
+
-
  margin: 0px;
+
-
  padding: 8px;
+
-
  position:relative;
+
-
  left: 50%;
+
-
  text-align: center;
+
-
}
+
-
 
+
-
#menu ul {
+
-
  margin: 0px;
+
-
 
+
-
}
+
-
 
+
-
#menu li {
+
-
  list-style: none outside none;
+
-
  float:left;
+
-
  padding-left: 15px;
+
-
  padding-right: 15px;
+
-
  margin-right:25px;
+
-
  margin-left:25px;
+
-
  font-weight: 900;
+
-
}
+
-
 
+
-
#menu li ul{
+
-
  list-style: none outside none;
+
-
  display:none;
+
-
  position: absolute;
+
-
  margin : 0px;
+
-
  padding: 0px;
+
-
}
+
-
 
+
-
#menu ul ul {
+
-
  padding: 0px;
+
-
}
+
-
 
+
-
#menu li ul li{
+
-
  margin : 0px;
+
-
  width:inherit;
+
-
  font-weight: normal;
+
-
}
+
-
 
+
-
#menu li ul li:hover {
+
-
  height:auto;
+
-
  float:none;
+
-
  text-align:left;
+
-
}
+
-
 
+
-
 
+
-
#menu ul li {
+
-
  clear: both;
+
-
}
+
-
 
+
-
#menu a {
+
-
  display: block;
+
-
  color: white;
+
-
}
+
-
 
+
-
#menu a:hover {
+
-
  text-decoration:none;
+
-
}
+
-
 
+
-
#menu li:hover {
+
-
  background-color:#B41111;
+
-
  height: 27px;
+
-
  border-top-right-radius: 5px;
+
-
  border-top-left-radius: 5px;
+
-
}
+
-
 
+
-
 
+
-
#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;
+
-
}
+
-
 
+
-
#content {
+
-
  border: none;
+
-
  background-color: transparent;
+
-
}
+
-
 
+
-
#catlinks {
+
-
  border:none;
+
-
  background-color: transparent;
+
-
}
+
-
 
+
-
 
+
-
#footer-box {
+
-
  border:none;
+
-
  background-color: transparent;
+
-
}
+
-
 
+
-
 
+
-
.center_box {
+
-
  text-align: center;
+
-
}
+
-
 
+
-
#p-logo {
+
-
  display:none;
+
-
}
+
-
 
+
-
#top-section {
+
-
border: none;
+
-
height:0px;
+
-
}
+
-
 
+
-
.firstHeading{
+
-
display: none;
+
-
padding:0px;
+
-
}
+
-
 
+
-
#banner-wrap {
+
-
  padding: 0px;
+
-
 
+
-
}
+
-
 
+
-
#portfolio {
+
-
z-index: -200;
+
-
height: 280px;
+
-
}
+
-
 
+
-
#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;
+
-
}
+
-
 
+
-
 
+
-
#rollover-image {
+
-
  background-image:url(http://2012.igem.org/wiki/images/e/ea/UP12Buttons.jpg);
+
-
  background-position: -88px -200px;
+
-
}
+
-
 
+
-
#rollover-image:hover {
+
-
  background-image:url(http://2012.igem.org/wiki/images/1/1f/UP12Buttons_red.jpg);
+
-
  background-position: -177px -100px;
+
-
}
+
-
 
+
-
#rollover-image-2 {
+
-
  background-image:url(http://2012.igem.org/wiki/images/e/ea/UP12Buttons.jpg);
+
-
  background-position: -328px -200px;
+
-
}
+
-
 
+
-
#rollover-image-2:hover {
+
-
  background-image:url(http://2012.igem.org/wiki/images/1/1f/UP12Buttons_red.jpg);
+
-
  background-position: -401px -100px;
+
-
}
+
-
 
+
-
#rollover-image-3 {
+
-
  background-image:url(http://2012.igem.org/wiki/images/e/ea/UP12Buttons.jpg);
+
-
  background-position: -572px -200px;
+
-
}
+
-
 
+
-
#rollover-image-3:hover {
+
-
  background-image:url(http://2012.igem.org/wiki/images/1/1f/UP12Buttons_red.jpg);
+
-
  background-position: -640px -100px;
+
-
}
+
-
 
+
-
#rollover-image-4 {
+
-
  background-image:url(http://2012.igem.org/wiki/images/e/ea/UP12Buttons.jpg);
+
-
  background-position: -812px -440px;
+
-
}
+
-
 
+
-
#rollover-image-4:hover {
+
-
  background-image:url(http://2012.igem.org/wiki/images/1/1f/UP12Buttons_red.jpg);
+
-
  background-position: -869px -356px;
+
-
}
+
-
 
+
-
#rollover-image-5 {
+
-
  background-image:url(http://2012.igem.org/wiki/images/0/0d/SocialBrick12.jpg)
+
-
}
+
-
 
+
-
#rollover-image-5:hover {
+
-
  background-image:url(http://2012.igem.org/wiki/images/b/b2/SocialBrick22.jpg)
+
-
}
+
-
 
+
-
#rollover-image-6 {
+
-
  background-image:url(http://2012.igem.org/wiki/images/e/ea/UP12Buttons.jpg);
+
-
  background-position: -328px -440px;
+
-
}
+
-
 
+
-
#rollover-image-6:hover {
+
-
  background-image:url(http://2012.igem.org/wiki/images/1/1f/UP12Buttons_red.jpg);
+
-
  background-position: -385px -356px;
+
-
}
+
-
 
+
-
#rollover-image-7 {
+
-
  background-image:url(http://2012.igem.org/wiki/images/e/ea/UP12Buttons.jpg);
+
-
  background-position: -100px -440px;
+
-
}
+
-
 
+
-
#rollover-image-7:hover {
+
-
  background-image:url(http://2012.igem.org/wiki/images/1/1f/UP12Buttons_red.jpg);
+
-
  background-position: -169px -356px;
+
-
}
+
-
 
+
-
#rollover-image-8 {
+
-
  background-image:url(http://2012.igem.org/wiki/images/b/b3/Virusmodule1-2-1.jpg);
+
-
}
+
-
 
+
-
#rollover-image-8:hover {
+
-
  background-image:url(http://2012.igem.org/wiki/images/a/af/Virusmodule1-1.jpg);
+
-
}
+
-
 
+
-
#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;
+
-
}
+
-
 
+
-
#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;
+
-
}
+
-
 
+
</style>
</style>
</head>
</head>
</html>
</html>

Revision as of 01:58, 15 February 2013