Team:Peking/firsttry/css/1001home.css

From 2014.igem.org

  1. title {

width: 100%; z-index: 0; }

  1. title img {

width: 60%; height: 100px; }

  1. mid1 {

width: 100%; float: left; margin-bottom: 30px; }

  1. mid1 #mid1left {

width: 58%; float: left; background-image: url(Peking2014wcg_algal.jpg); background-repeat: no-repeat; background-size: 100% 100%; position: relative; border-radius: 15px; }

  1. mid1 #mid1left #cover {

background-color: rgba(0,0,0,0.6);

       filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);

color: #FFFFFF; opacity: 0.8; bottom: 0px; width: 100%; position: absolute; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; }

  1. mid1 #mid1left #cover .habstract {

line-height: 60px;

       color:white;

}

  1. mid1 #mid1left #cover #pabstract {

padding-right: 2em; padding-left: 2em; text-align: left; }

  1. mid1 #mid1right {

width: 40%; float: right; position: relative; }

  1. mid1 #mid1right #slider #SliderName_2 img {

border-radius: 15px;

}




  1. mid2 {

float: left; width: 100%; }


  1. mainbody #mid2 #mid2left {

width: 37%; float: left; margin-top: 50px; }

  1. mainbody #mid2 p {

text-align: left; padding-top: 27px; padding-right: 27px; padding-bottom: 27px; padding-left: 32px; color: #FFFFFF; }

  1. mainbody .subgroupl {

background-image: url(Peking2014wcg_lframe.png); background-repeat: no-repeat; background-size: 100% 100%; }

  1. mainbody #mid2 #mid2center img {

width: 24%; float: left; margin-left: 0.5%; }

  1. mainbody #mid2 #mid2right {

width: 37%; float: right; }

  1. mainbody .subgroupr {

background-image: url(Peking2014wcg_rframe.png); background-repeat: no-repeat; background-size: 100% 100%; }


  1. mid3 {

float: left; width: 100%; margin-top: 15px; }

  1. mainbody #mid3 p {

text-align: left; padding-top: 27px; padding-right: 27px; padding-bottom: 27px; padding-left: 32px; color: #FFFFFF; }

  1. mainbody #mid3 #mid3left {

width: 37%; float: left; }

  1. mainbody #mid3 #mid3center img {

width: 24%; float: left; margin-left: 0.5%; }

  1. mainbody #mid3 #mid3right {

width: 37%; float: right; }