Team:NYMU-Taipei/gallery.css

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
   height: 450px;
   height: 450px;
   width: 800px;
   width: 800px;
-
   border: solid 1px;
+
   border: solid 10px rgb(255, 255, 255);
 +
  box-shadow: 2px 2px 6px 2px rgb(143, 121, 121);
   margin: 10px auto;
   margin: 10px auto;
   white-space: nowrap;
   white-space: nowrap;

Revision as of 07:41, 31 July 2014

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

}

.g-thumb{

  text-align:center;

}

.g-thumb>img{

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

}

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

}