Template:UESTC-China/css/test3style

body {

   width: 100%;
   height: 5000pX;
   background: url('https://static.igem.org/mediawiki/2017/7/72/T--UESTC-China--bg_5.jpg');
   /*		https://static.igem.org/mediawiki/2017/7/7e/T--UESTC-China--texture.png*/
   repeat: no-repeat;
   background-attachment:fixed;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background.jpg', sizingMethod='scale');
   -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background.jpg', sizingMethod='scale');
   background-size: cover;
   -moz-background-size: cover;
   -webkit-background-size: cover;

}

1. wrapper

{

   position:absolute;
   width: 1300px;
   height: 5000pX;
   margin: 0;
   padding: 0;

} p {

   position: absolute;
   font-family:aladin,Lucida Bright, DejaVu Serif, Georgia, serif;
   text-align: center;
   font-size: 25px;
   color:rgba(0,0,0,1.00);
   top:10px;
   left:45%;
   width: 100px;

} a{

   text-decoration:none;
   color:rgba(0,0,0,1.00);

} /************************************************** nav part************************************************** */

1. wrapper_nav

{

   position: absolute;
   left: 14.9%;
   right: 0;
   z-index: 3;
   height: 200px;
   top:60px;
   margin:0;
   padding: 0;

}

1. mynav

{ height:50px; line-height: 35px; text-align: center; font-size: 12px; position: relative; z-index: 4; top:86px; background-color:#ffffff; margin:0; padding: 0; width: 82.45%; border-style: solid; border-width: 0px 1px 1px 1px; box-shadow: 5px 5px 10px #888888; }

1. goup a:link,#goup a:visited

{

   display:block;
   font-weight:bold;
   color:#FFFFFF;
   background-color:#bebebe;
   text-align:center;
   padding:4px;
   text-decoration:none;
   text-transform:uppercase;

}

1. goup a:hover,#goupa:active

{

   background-color:#cc0000;

}

1. logo

{

   position: absolute;
   z-index: -1;
   height: 150px;
   top:25px;
   background-color:transparent;
   margin:0;
   padding: 0;
   width: 150px;
   left: 86.7%;

}

1. logo img

{

   height: 100%;
   width: 100%;
   margin:0;
   padding: 0;

} /************************************************** content part************************************************** */

1. mycontent

{

   width: 70%;
   height:4500px;
   position: absolute;
   z-index: 2;
   left: 15%;
   right: 15%;
   bottom: 0px;
   top: 200px;
   margin:0;
   padding: 0;
   /*		this is shadow*/
   background-color:#ffffff;
   border-style: solid;
   border-width: 0px 1px 1px 1px;
   box-shadow: 5px 5px 5px #888888;

}

1. firstpage

{

   position: absolute;

top:1%;

   width: 100%;
   height: 33.3%;

}

1. firstpage_img_wrapper

{

   position: absolute;
   left: 10%;
   right:10%;
   height: 100%;

}

1. firstpage_img

{

   position: absolute;
   width: 100%;
   height: 100%;

}

1. secondpage

{ position: absolute; top: 33.33333%; height: 33.33333%; width: 100%; }

1. thirdpage

{ position: absolute; top: 66.66666%; height: 33.33333%; width: 100%; } /************************************************** footer part************************************************** */

1. footer

{

   position: absolute;
   z-index: 3;
   height: 100px;
   width: 100%;
   bottom:0px;
   top:4930px;
   background-color: blue;
   margin:0;
   padding: 0;

}

/************************************************** widgets part************************************************** */

1. goup

{

   width: 50px;
   height: 50px;
   z-index: 100;
   float: right;
   background: rgba(0,0,0,1.00);
   bottom: 20px;
   position: fixed;
   right: 20px;

}

1. goup>a

{

   position: absolute;
   width: 100%;
   height: 100%;

}

1. goup>a>img

{

   width: 50px;
   height: 50px;

} a:visited { color:#000000; }