Team:UNITN-Trento/CSS/Gallery

From 2013.igem.org

(Difference between revisions)
(Thumbnails style)
 
(6 intermediate revisions not shown)
Line 1: Line 1:
 +
#tn-content .container {
 +
    background-color: rgb(32,86,54);
 +
    background-image: url(https://static.igem.org/mediawiki/2013/9/91/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 {
.container .sheet .thumb {
     display: inline-block;
     display: inline-block;
Line 15: Line 36:
     max-height: 100px;
     max-height: 100px;
     max-width: 200px;
     max-width: 200px;
 +
}
 +
 +
#jms-slideshow .jms-dots {
 +
    display: none;
 +
}
 +
 +
/*Navigation arrows*/
 +
 +
#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;
 +
}
 +
 +
#tn-central-container #tn-content-wrap #tn-content .container .sheet-2 .tn-arr-prev,
 +
#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;
}
}

Latest revision as of 14:05, 28 September 2013

  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;

}