Template:NEAU-China/CSS

  • {margin:0;padding:0;border:0;}

body { font-family: arial, 宋体, serif; font-size:12px;} ul,li{margin:0;padding:0;border:0; list-style:none;} .clear{ clear:both; overflow:hidden; height:0px;} /*导航*/

  1. navytt { height: 80px; width:963px; margin:auto; list-style-type: none; line-height:80px;overflow:hidden; background:#004869;}
  1. navytt a {display: block; width: 120px; text-align:center;}
  1. navytt a:link {
color:#EEE; text-decoration:none;}
  1. navytt a:visited {
color:#EEE;text-decoration:none;

}

  1. navytt a:hover {color:#FFF;text-decoration:none;}
  1. navytt li {
float: left; width: 120px;

}


  1. navytt li ul {
line-height:34px; 
list-style-type: none;
text-align:left;
left: -999px;
width: 820px; //注意,这里一定要设置宽度;
position: absolute;
background:#ff7f00;

}

  1. navytt li ul li{float: left;width: 120px;

}


  1. navytt li ul a{ font-size:16px;
display: block; width: 120px; text-align:center; font-weight:500;

}

  1. navytt li ul a:link {
color:#F1F1F1; text-decoration:none;

}

  1. navytt li ul a:visited {
color:#F1F1F1;text-decoration:none;

}

  1. navytt li:hover ul {
left:35%;

}

  1. navytt li.sfhover ul {
left:35%;

}

  1. content {
clear: left;

} .aaa{ clear:left; position:relative; overflow:hidden; height:114px; background-color:#004869;} .bbb{ width:100%; height:34px; background-color:#ff7f00; position:absolute; bottom:0px;}

/*内容*/ .neirong{ width:100%; height:100%; background-color:#004870;} .neironga{ width:963px; margin:auto; height:100%; background-color:#fff;} .neirong .neironga1{ width:963px; height:100%;} .neirong .neironga2{ width:963px; height:27px; clear:left;} .neirong .neironga3{ width:963px; height:287px; clear:left;} .neirong .neironga3 li{ float:left;} .neirong .neironga41{ font-family:Arial, Helvetica, sans-serif; font-size:32px; line-height:40px; color:#000;} .neirong .neironga4{ padding:15px;} .neirong .neironga42{ width:100%; height:1px; background-color:#ff7f00;} .neirong .neironga43{text-align:justify; text-justify:inter-ideograph; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:28px; margin-top:10px;} /*页底*/ .foot{ width:100%; height:253px; background-color:#002337;} .foot .foot1 .foot11{ width:100%; height:3px; background-color:#ff7a03; } .foot .foot1{ width:100%; height:15px;background-image:url(NEAU15_a06.png); background-repeat:no-repeat; background-position:center;} .foot .foot2 li{ clear:left;} .foot .foot2 .foot21{ margin-top:8px; text-align:center; line-height:32px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:30px;} .foot .foot2 .foot22{ text-align:center; line-height:32px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:26px;} .foot .foot2 .foot23{ text-align:center; line-height:32px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:18;} .foot .foot2 .foot24{ text-align:center; line-height:32px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:18px;} .foot .foot3{ width:394px; height:78px; margin:auto;}

/*safety*/ .neirong .a01{ width:500px; height:628px; margin:auto; } .neirong .a02{ width:891px; height:100%; margin:auto; background-color:#969696; border:solid #000 1px; padding:20px;} .neirong .a021{ font-family:Arial, Helvetica, sans-serif; font-size:32px; line-height:40px;} .neirong .a022{ font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:28px; } .neirong .a023{ font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:28px; background-image:url(NEAU15_b02.png); background-repeat:no-repeat; background-position:left; text-indent:20px;} .neirong .neironga431{ font-weight:700; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:28px; margin-top:10px;} .neirong .neironga431 a{ text-decoration:none; color:#0202ff;} .neirong .neironga432{ font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:28px; } .neirong .neironga4321{ font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:28px; background-image:url(NEAU15_b03.png); background-repeat:no-repeat; background-position:inherit; text-indent:20px; }

/*Medal criteria*/ .neirong .medal{ border-bottom:solid #e3e3e3 1px;font-weight:700; font-family:Arial, Helvetica, sans-serif; font-size:32px; line-height:40px; text-indent:10px; margin-top:10px; } .neirong .medal_a{ border-bottom:solid #e3e3e3 1px; width:913px; height:100%; padding:20px;} .neirong .medal_a1b{ float:left; width:913px;} .neirong .medal_a1{ float:left; width:670px;} .neirong .medal_a11{font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:28px; color:#ff0000;} .neirong .medal_a12{font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:28px; color:#0000ff;} .neirong .medal_a122{font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:28px; color:#000;} .neirong .medal_a2{ float:right; width:130px;}

/*HUMAN PRACE*/ .neirong .neironga43hei{ text-align:justify; text-justify:inter-ideograph; padding:10px; background-color:#b4b4b4; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:28px; margin-top:10px;} .neirong .lunbo1{ width:702px; height:482px; background-color:#de2300; margin:auto; padding:4px;}

/*轮播*/ .aqq{width:100%; height:482px; position:relative; overflow:hidden;} .wrapper{width:100%; height:482px; } .btns{position:absolute;bottom:20px;left:50%;margin-left:-106px; } .btns a{float:left;width:20px;height:20px; background-image:url(NEAU15_011.png); margin:0 px;} .btns .current{ background-image:url(https://static.igem.org/mediawiki/2015/4/4e/NEAU15_010.png);}

.neirong .kuai{ width:928px; margin:auto; height:100%;} .neirong .kuai1{ float:left; width:430px; margin:auto; border: solid #fe0000 2px; padding:10px; height:316px;} .neirong .kuai1:hover{ border: solid #009 2px; background-color:#999;} .neirong .kuai2:hover{ border: solid #009 2px; background-color:#999;} .neirong .kuai2{ float:right; width:430px; margin:auto; border: solid #fe0000 2px; padding:10px; height:316px;} .neirong .kuai11{ color:#c02a27; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:40px;} .neirong .kuai22{ text-align:justify; text-justify:inter-ideograph; overflow:hidden; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:28px;}

/*timeline*/ .neirong .timeline{ background-repeat:no-repeat; background-image:url(NEAU15_d02.png); background-position:center; width:963px; height:255px; padding-top:181px;} .neirong .timeline1 ul{ width:822px; height:36px; margin-left:30px;} .neirong .timeline1 li{ font-family:Arial, Helvetica, sans-serif; color:#FFF;} .neirong .timeline li:hover{ background-image:url(NEAU15_t01.png); background-repeat:no-repeat; background-position:center;} .neirong .timeline11{line-height:36px; float:left; width:156px; text-align:center;} .neirong .timeline11 a{ text-decoration:none; color:#FFF; display:block; width:156px; height:36px;} .neirong .timeline12{line-height:36px; float:left; width:150px; text-align:center;} .neirong .timeline12 a{ text-decoration:none; color:#FFF; display:block; width:150px; height:36px;}

.neirong .timeline13{ float:left; width:180px; text-align:center;} .neirong .timeline13 a{ text-decoration:none; color:#FFF; display:block; width:180px; height:36px;}

.neirong .timeline14{ float:left; width:210px; text-align:center;} .neirong .timeline14 a{ text-decoration:none; color:#FFF; display:block; width:210px; height:36px;}

.neirong .timeline15{ float:left; width:126px; text-align:center;} .neirong .timeline15 a{ text-decoration:none; color:#FFF; display:block; width:126px; height:36px;}


.neirong .timeline2{ height:36px; margin-top:39px; margin-left:483px;} .neirong .timeline21{ line-height:36px; float:left; width:117px; text-align:center;} .neirong .timeline21 a{ text-decoration:none; color:#FFF; display:block; width:117px; height:36px;} .neirong .timeline22{ line-height:36px; float:left; width:117px; text-align:center;} .neirong .timeline22 a{ text-decoration:none; color:#FFF; display:block; width:117px; height:36px;}

.neirong .timeline3{ height:36px; margin-top:67px; margin-left:25px;} .neirong .timeline31{ line-height:36px; float:left; width:202px; text-align:center;} .neirong .timeline31 a{ text-decoration:none; color:#FFF; display:block; width:202px; height:36px;} .neirong .timeline32{ line-height:36px; float:left; width:250px; text-align:center;} .neirong .timeline32 a{ text-decoration:none; color:#FFF; display:block; width:250px; height:36px;} .neirong .timeline33{ float:left; width:150px; text-align:center;} .neirong .timeline33 a{ text-decoration:none; color:#FFF; display:block; width:150px; height:36px;}

.neirong .timeline34{ line-height:36px; float:left; width:130px; text-align:center;} .neirong .timeline34 a{ text-decoration:none; color:#FFF; display:block; width:123px; height:36px;}

.neirong .timeline35{ float:left; width:132px; text-align:center;} .neirong .timeline35 a{ text-decoration:none; color:#FFF; display:block; width:132px; height:36px;}


.neirong .hongzi{ width:963px; height:100%; background-image:url(NEAU15_e01.png); background-repeat:repeat-y; padding-bottom:20px;} .neirong .hongzi1{font-family:Arial, Helvetica, sans-serif; font-size:32px; line-height:70px; text-indent:10px;} .neirong .hongzi2 li{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:42px;} .neirong .hongzi2{ text-indent:10px;} .neirong .hongzi3{ text-align:justify; text-justify:inter-ideograph; padding:10px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:28px; color:#000;} .neirong .hongzi1y{ clear:left; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:36px; text-indent:10px;}





.zuoyou .zuoyou1{ width:460px; float:left;} .zuoyou .zuoyou2{ float:left; width:460px;} .zuoyou .zuoyou21{ text-align:justify; text-justify:inter-ideograph; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:40px; color:#ff0000;} .zuoyou .zuoyou22{ text-align:justify; text-justify:inter-ideograph; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:28wpx; }


.zuoyouy .zuoyouy1{ width:460px; float:right;} .zuoyouy .zuoyouy2{ float:left; width:460px;} .zuoyouy .zuoyouy21{ text-align:justify; text-justify:inter-ideograph; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:40px; color:#ff0000;} .zuoyouy .zuoyouy22{ text-align:justify; text-justify:inter-ideograph; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:28px; }

/*左导航*/

  1. nav {left:5px;list-style: none;margin: 0;position: fixed;top: 220px;}
  2. nav li {margin-bottom: 2px;}
  3. nav a {border-radius: 10px; background: #ededed;color: #666;display: block; font-size: 14px;padding: 5px 10px;text-decoration: none;text-transform: uppercase;}
  4. nav a:hover {background: #dedede;}
  5. nav .current a {background: #86A1C0;color: #ededed;}
  6. container {margin: 0 auto; width: 800px;}

.section {border-bottom: 5px solid #ccc;min-height: 60vh;padding: 50px 20px;} .section p:last-child { margin-bottom: 0;} div#templatemo_about .about_icon:hover{ background:none;} 

 #contentSub,  #footer-box,  #menubar,#siteSub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
   display:none;
 }

/*achievement*/ .neirong .medal{ border-bottom:solid #e3e3e3 1px;font-weight:700; font-family:Arial, Helvetica, sans-serif; font-size:32px; line-height:40px; text-indent:10px; margin-top:10px; } .neirong .medal_a{ border-bottom:solid #e3e3e3 1px; width:918px; height:100%; padding:20px;} .neirong .medal_a1b{ float:left; width:913px;} .neirong .medal_a1{ float:left; width:670px;} .neirong .medal_a11{font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:28px; color:#ff0000;} .neirong .medal_a12{ text-align:justify; text-justify:inter-ideograph; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:28px; color:#000;} .neirong .medal_a122{ text-align:justify; text-justify:inter-ideograph; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:28px; color:#000;} .neirong .medal_a2{ float:right; width:130px;}

/*返回顶部*/ #back-to-top{ position:fixed; bottom:100px; right:60px; } #back-to-top a{ text-align:center; text-decoration:none; color:#d1d1d1; display:block; width:80px; /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ -moz-transition:color 1s; -webkit-transition:color 1s; -o-transition:color 1s; } #back-to-top a:hover{ color:#979797; } #back-to-top a span{ background:#d1d1d1; border-radius:6px; display:block; height:80px; width:80px; background:#d1d1d1 url(NEAU15_arrow-up.png) no-repeat center center; margin-bottom:5px; -moz-transition:background 1s; -webkit-transition:background 1s; -o-transition:background 1s; } #back-to-top a:hover span{ background:#979797 url(NEAU15_arrow-up.png) no-repeat center center; }

/*首页轮播*/ .fullSlide {width:100%; position:relative; height:319px;} .fullSlide .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullSlide .bd ul { width:100% !important; } .fullSlide .bd li { width:100% !important; height:319px; overflow:hidden; text-align:center; } .fullSlide .bd li a { display:block; height:410px; } .fullSlide .bd li img{ width:100%;} .fullSlide .hd { width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; } .fullSlide .hd ul { text-align:center; } .fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000; filter:alpha(opacity=50); opacity:0.5; line-height:999px; } .fullSlide .hd ul .on { background:#ff7f02; } .fullSlide .prev,.fullSlide .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%; z-index:1; width:40px; height:60px; background:url(NEAU15_slider-arrow.png) -126px -137px #000 no-repeat; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none; } .fullSlide .next { left:auto; right:15%; background-position:-6px -137px; }

/*danjihou*/ .neirong .neironga434{ font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; margin-top:10px;} .neirong .danji{ width:726px; height:366px; margin:auto; margin-top:10px; margin-bottom:10px;} .neirong .danji1{ width:726px; height:487px; margin:auto; margin-top:10px; margin-bottom:10px;}

.neirong .mingxie{ width:963px; clear:left;} .neirong .mingxie1{ float:left; width:227px; } .neirong .mingxie2{ text-align:justify; text-justify:inter-ideograph; float:left; width:696px; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:28px; }