Team:SYSU-Software/home.css

From 2014.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 4: Line 4:
#content1{
#content1{
-
margin:0 auto;  
+
margin:0 auto;
}
}
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("https://static.igem.org/mediawiki/2014/3/3a/Bg.png");
+
background-image: url("https://static.igem.org/mediawiki/2014/a/ae/SYSU-Software_homebg_03.png");
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: 0px 180px;
background-position: 0px 180px;
Line 26: Line 26:
max-width: 1920px;  
max-width: 1920px;  
min-width: 1360px;
min-width: 1360px;
-
background-image: url("https://static.igem.org/mediawiki/2014/8/87/Top.png");  
+
background-image: url("https://static.igem.org/mediawiki/2014/f/fa/SYSU-Software_top.png");  
background-repeat: repeat-x;
background-repeat: repeat-x;
margin: 0 auto;  
margin: 0 auto;  
Line 37: Line 37:
height: 90px;
height: 90px;
width: 100%;
width: 100%;
-
text-align: center;
 
-
display: inline;
 
float: right;
float: right;
}
}
Line 44: Line 42:
#igem-logo-img1{
#igem-logo-img1{
position: absolute;
position: absolute;
-
top: 50%;  
+
right: 30px;
-
margin-top: -18.5px;
+
        top: 30px;
}
}
Line 53: Line 51:
     font-size: 136px;
     font-size: 136px;
font-family: Arial, Helvetica, Microsoft Sans Serif;
font-family: Arial, Helvetica, Microsoft Sans Serif;
-
     top: 330px;
+
     top: 400px;
     left:  250px;
     left:  250px;
font-weight: bold;
font-weight: bold;
Line 69: Line 67:
#address1{
#address1{
-
position: absolute;
+
    position: fixed;
     color: #c2c3c4;
     color: #c2c3c4;
     font-size: 13px;
     font-size: 13px;
Line 113: Line 111:
}
}
.project a.icon{
.project a.icon{
-
     background:transparent url("https://static.igem.org/mediawiki/2014/8/86/Icon_Project.png") no-repeat 0px 0px;
+
     background:transparent url("https://static.igem.org/mediawiki/2014/3/38/SYSU-Software_icon_Project.png") no-repeat 0px 0px;
}
}
.doc a.icon{
.doc a.icon{
-
     background:transparent url("https://static.igem.org/mediawiki/2014/9/9c/Icon_Doc.png") no-repeat 0px 0px;
+
     background:transparent url("https://static.igem.org/mediawiki/2014/e/e6/SYSU-Software_icon_Doc.png") no-repeat 0px 0px;
}
}
.require a.icon{
.require a.icon{
-
     background:transparent url("https://static.igem.org/mediawiki/2014/2/2f/Icon_Require.png") no-repeat 0px 0px;
+
     background:transparent url("https://static.igem.org/mediawiki/2014/6/64/SYSU-Software_icon_Require.png") no-repeat 0px 0px;
}
}
.hp a.icon{
.hp a.icon{
-
     background:transparent url("https://static.igem.org/mediawiki/2014/1/15/Icon_Hp.png") no-repeat 0px 0px;
+
     background:transparent url("https://static.igem.org/mediawiki/2014/9/9d/SYSU-Software_icon_Hp.png") no-repeat 0px 0px;
}
}
.team a.icon{
.team a.icon{
-
     background:transparent url("https://static.igem.org/mediawiki/2014/b/b9/Icon_Team.png") no-repeat 0px 0px;
+
     background:transparent url("https://static.igem.org/mediawiki/2014/7/7d/SYSU-Software_icon_Team.png") no-repeat 0px 0px;
}
}
Line 154: Line 152:
     text-transform: uppercase;
     text-transform: uppercase;
     border: none;
     border: none;
 +
    padding: none;
}
}
Line 161: Line 160:
     position: absolute;
     position: absolute;
     top: 60px;
     top: 60px;
-
     left: 22px;
+
     left: 3px;
     display: none;
     display: none;
}
}
.item ul li a{
.item ul li a{
 +
    height: 24px;
     font-size: 18px;
     font-size: 18px;
font-family: Microsoft Sans Serif, Arial, Helvetica;
font-family: Microsoft Sans Serif, Arial, Helvetica;
Line 178: Line 178:
.item ul li a:hover{
.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;
font-weight: 700;
color:#fff;
color:#fff;
-
text-shadow:0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de;
+
text-shadow:0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #ff00de, 0 0 60px #ff00de;
 +
   
 +
}
 +
 
 +
p {
 +
    line-height: 0.8em;
 +
    margin: 0.3em 0 0.3em 0;
}
}

Latest revision as of 07:53, 3 October 2014

  • {

margin:0; padding:0; }

  1. content1{

margin:0 auto; }

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

  1. top1{
       position: absolute;

top: 0px;

       height: 10px;
       width: 100%;

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

  1. igem-logo1{
       background-color: #f7f7f5;

position: relative; height: 90px; width: 100%; float: right; }

  1. igem-logo-img1{

position: absolute; right: 30px;

       top: 30px;

}

  1. flameTitle{

position: absolute;

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

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

   top: 400px;
   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. address1{
    position: fixed;
   color: #c2c3c4;
   font-size: 13px;

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

   bottom: 0px;
   right:  0px;

font-weight: bold; }

.navigation1{

   margin: 0px auto;

} .navigation1 .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("SYSU-Software_icon_Project.png") no-repeat 0px 0px;

} .doc a.icon{

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

} .require a.icon{

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

} .hp a.icon{

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

} .team a.icon{

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

}

.navigation1 .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;
   border: none;
   padding: none;

}

.item ul{ text-align: center;

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

}

.item ul li a{

   height: 24px;
   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{


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 60px #ff00de;

}

p {

   line-height: 0.8em;
   margin: 0.3em 0 0.3em 0;

}