Team:UNITN-Trento/CSS/Gallery

From 2013.igem.org

  1. tn-content .container {
   background-color: rgb(32,86,54);
   background-image: url(Tn-2013-boxbg-Onda-Watermelon.png);

}

.jms-slideshow .step {

   height: 480px !important;
   width: 1000px !important;
   background-size: 100% 100%;
   border-radius: 20px;

}

.container .sheet {

   overflow-x: scroll;

}

.container .sheet .thumbs {

   white-space: nowrap;

}

.container .sheet .thumb {

   display: inline-block;
   margin: 0 0.5em;
   width: 200px;
   height: 100px;
   
   background-color: black;
   box-shadow: 1px 1px 2px black;
   text-align: center;

}

.container .sheet .thumb img {

   max-height: 100px;
   max-width: 200px;

}

  1. jms-slideshow .jms-dots {
   display: none;

}

/*Navigation arrows*/

  1. tn-central-container #tn-content-wrap #tn-content .container .sheet-2 {
   position: relative;
   
   margin: -2em 0 1em 0;
   padding: 0.5em;
   
   background-color: rgba(255,255,255,.6);
   
   text-align: center;

}

  1. tn-central-container #tn-content-wrap #tn-content .container .sheet-2 .tn-arr-prev,
  2. tn-central-container #tn-content-wrap #tn-content .container .sheet-2 .tn-arr-next {
   position: absolute;
   bottom: 0.8em;
   width: 174px;
   
   border: none;
   box-shadow: none;

}

.container .sheet-2 .tn-arr-prev {

   left: 2em;

}

.container .sheet-2 .tn-arr-next {

   right: 2em;

}