Team:NYMU-Taipei/gallery.css

From 2014.igem.org

(Difference between revisions)
m
Line 25: Line 25:
}
}
-
#g-left{
+
.g-left{
   width: 40px;
   width: 40px;
   height: 40px;
   height: 40px;
   position: absolute;
   position: absolute;
-
  background: gray;
 
   right: 0;
   right: 0;
   top: 45%;
   top: 45%;
   z-index:5;
   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{
+
.g-right{
   width: 40px;
   width: 40px;
   height: 40px;
   height: 40px;
Line 42: Line 45:
   top: 45%;
   top: 45%;
   z-index: 5;
   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%;
}
}

Revision as of 07:22, 31 July 2014

.main-img{

  height: 360px;
  width: 660px;
  border: solid 1px;
  margin: 10px auto;
  white-space: nowrap;
  overflow:hidden;
  position:relative;

}

.g-thumb{

  text-align:center;

}

.g-thumb>img{

  width: 60px;
  height: 60px;
  margin: 5px auto;

}

.main-img>div{

  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%;

}