Team:SYSU-Software/home.css

From 2014.igem.org

(Difference between revisions)
(Created page with "*{ margin:0; padding:0; } #content{ margin:0 auto; } body{ font-family: Arial, Helvetica, Microsoft Sans Serif; background-color: #f7f7f5; background-image: url("../image...")
Line 10: Line 10:
font-family: Arial, Helvetica, Microsoft Sans Serif;
font-family: Arial, Helvetica, Microsoft Sans Serif;
background-color: #f7f7f5;
background-color: #f7f7f5;
-
background-image: url("../images/bg.png");
+
background-image: url("https://static.igem.org/mediawiki/2014/3/3a/Bg.png");
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: 0px 180px;
background-position: 0px 180px;
Line 23: Line 23:
max-width: 1920px;  
max-width: 1920px;  
min-width: 1360px;
min-width: 1360px;
-
background-image: url("../images/top.png");  
+
background-image: url("https://static.igem.org/mediawiki/2014/8/87/Top.png");  
background-repeat: repeat-x;
background-repeat: repeat-x;
margin: 0 auto;  
margin: 0 auto;  
Line 109: Line 109:
}
}
.project a.icon{
.project a.icon{
-
     background:transparent url(../images/icon_Project.png) no-repeat 0px 0px;
+
     background:transparent url("https://static.igem.org/mediawiki/2014/8/86/Icon_Project.png") no-repeat 0px 0px;
}
}
.doc a.icon{
.doc a.icon{
-
     background:transparent url(../images/icon_Doc.png) no-repeat 0px 0px;
+
     background:transparent url("https://static.igem.org/mediawiki/2014/9/9c/Icon_Doc.png") no-repeat 0px 0px;
}
}
.require a.icon{
.require a.icon{
-
     background:transparent url(../images/icon_Require.png) no-repeat 0px 0px;
+
     background:transparent url("https://static.igem.org/mediawiki/2014/2/2f/Icon_Require.png") no-repeat 0px 0px;
}
}
.hp a.icon{
.hp a.icon{
-
     background:transparent url(../images/icon_Hp.png) no-repeat 0px 0px;
+
     background:transparent url("https://static.igem.org/mediawiki/2014/1/15/Icon_Hp.png") no-repeat 0px 0px;
}
}
.team a.icon{
.team a.icon{
-
     background:transparent url(../images/icon_Team.png) no-repeat 0px 0px;
+
     background:transparent url("https://static.igem.org/mediawiki/2014/b/b9/Icon_Team.png") no-repeat 0px 0px;
}
}

Revision as of 10:33, 1 October 2014

  • {

margin:0; padding:0; }

  1. content{

margin:0 auto; }

body{ font-family: Arial, Helvetica, Microsoft Sans Serif; background-color: #f7f7f5; background-image: url("Bg.png"); background-repeat: no-repeat; background-position: 0px 180px; width：100%; height:100%; overflow: show; margin: auto; }

  1. top{

height:10px; max-width: 1920px; min-width: 1360px; background-image: url("Top.png"); background-repeat: repeat-x; margin: 0 auto; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1360px?"1360px":""); }

  1. igem-logo{

position: relative; height: 90px; width: 200px; text-align: center; display: inline; float: right; }

  1. igem-logo-img{

position: absolute; top: 50%; margin-top: -18.5px; }

  1. flameTitle{

position: absolute; 

   color: #2f2826;
   font-size: 136px;

font-family: Arial, Helvetica, Microsoft Sans Serif; 

   top: 330px;
   left:  250px;

font-weight: bold; }

  1. flameContent{

position: absolute; 

   color: #2f2826;
   font-size: 32px;

font-family: Arial, Helvetica, Microsoft Sans Serif; 

   top: 470px;
   left:  250px;

font-weight: bold; }

  1. address{

position: absolute; 

   color: #c2c3c4;
   font-size: 13px;

font-family: Arial, Helvetica, Microsoft Sans Serif; 

   bottom: 0px;
   right:  0px;

font-weight: bold; }

.navigation{ 

   margin: 0px auto;

} .navigation .item{ 

   position: absolute;

} .project{ 

   top: 150px;
   left: 140px;

} .doc{ 

  top: 50px;
  left: 380px;

} .require{ 

  top: 66px;
  left: 625px;

} .hp{ 

  top:185px;
  left:830px;

} .team{ 

  top:360px;
  left:970px;

} a.icon{ 

   width: 68px;
   height: 117px;
   position: absolute;
   top: 0px;
   left: 0px;
   cursor: pointer;

} .project a.icon{ 

   background:transparent url("Icon_Project.png") no-repeat 0px 0px;

} .doc a.icon{ 

   background:transparent url("Icon_Doc.png") no-repeat 0px 0px;

} .require a.icon{ 

   background:transparent url("Icon_Require.png") no-repeat 0px 0px;

} .hp a.icon{ 

   background:transparent url("Icon_Hp.png") no-repeat 0px 0px;

} .team a.icon{ 

   background:transparent url("Icon_Team.png") no-repeat 0px 0px;

}

.navigation .item a.active{ 

  background-position: 68px 117px;

}

.item img.circle{ 

   position: absolute;
   top: 0px;
   left: 0px;
   width: 0px;
   height: 0px;

}

.item h2{ 

   position:absolute;
   width:210px;
   height:52px;
   color: #3b3533;
   font-size: 19px;

font-family: Microsoft Sans Serif, Arial, Helvetica; font-weight: 700; 

   top: 0px;
   left: 60px;
   text-indent: 10px;
   line-height: 52px;
   text-transform: uppercase;

}

.item ul{ text-align: center; 

   list-style: none;
   position: absolute;
   top: 60px;
   left: 22px;
   display: none;

}

.item ul li a{ 

   font-size: 18px;

font-family: Microsoft Sans Serif, Arial, Helvetica; font-weight: 700; 

   text-decoration: none;
   color: #3b3533;
   padding: 1px;
   float: left;
   clear: both;
   width: 155px;

}

.item ul li a:hover{ 

  /* background-color:#fff;
   color:#444;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   border-radius:5px;
   -moz-box-shadow:1px 1px 4px #666;
   -webkit-box-shadow:1px 1px 4px #666;
   box-shadow:1px 1px 4px #666;*/

font-family: Microsoft Sans Serif, Arial, Helvetica; font-weight: 700; color:#fff; text-shadow:0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de; }

Retrieved from "http://2014.igem.org/Team:SYSU-Software/home.css"