Team:NYMU-Taipei/gallery.css

From 2014.igem.org

Revision as of 02:47, 17 October 2014 by Hiwang123 (Talk | contribs)

.main-img{

  height: 450px;
  width: 800px;
  border: solid 10px rgb(255, 255, 255);
  box-shadow: 2px 2px 6px 2px rgb(143, 121, 121);
  margin: 10px auto;
  white-space: nowrap;
  overflow:hidden;
  position:relative;
  background-size: cover;

}

.g-thumb{

  text-align:center;
  max-width: 900px;
  margin: 0 auto;

}

.g-thumb>img{

  width: 96px;
  height: 54px;
  margin: 5px auto;
  border: 1px rgb(0,0,0) solid;
  opacity: 0.7;

} .g-thumb>img:hover{

  opacity: 1;

}

.main-img>div:not(.g-left):not(.g-right){

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

}

.g-left{

  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 45%;
  z-index:5;
  background: url('/wiki/images/0/09/NYMU14_next.png') no-repeat center;
  background-color: rgba(0,0,0,0.6);
  border-radius: 20px;
  background-size: 30%;

} .g-right{

  width: 40px;
  height: 40px;
  position: absolute;
  background: gray;
  left: 0;
  top: 45%;
  z-index: 5;
  background: url('/wiki/images/8/8c/NYMU14_prev.png') no-repeat center;
  background-color: rgba(0,0,0,0.6);
  border-radius: 20px;
  background-size: 30%;

}