Team:UNITN-Trento/CSS/Project/Fruit ripening

From 2013.igem.org

(Difference between revisions)
Line 70: Line 70:
.jms-slideshow .step table td:not(.title):not(.image) {
.jms-slideshow .step table td:not(.title):not(.image) {
-
     width: 400px;
+
     width: 300px;
     padding: 0 1em;
     padding: 0 1em;
Line 91: Line 91:
.jms-slideshow .step table .image img {
.jms-slideshow .step table .image img {
 +
    width: 500px;
     border-radius: 1em;
     border-radius: 1em;
}
}

Revision as of 14:23, 13 September 2013

.tn-title {

   display: block;
   margin-bottom: 0;
   color: #bf1b39;
   font-family: "Boogaloo",Helvetica,sans-serif;
   font-variant: small-caps;
   font-size: 3em;
   
   text-align: center;

}

/*jmslideshow*/

.jms-slideshow {

   margin: 2em auto !important;

}

.jms-slideshow, .jms-wrapper {

   width: 100%;
   height: 600px;
   font-size: 16px;
   background-image: url(Tn-2013-mainbg-Wood_pattern_2.jpg);
   border: 0;
   border-radius: 1em;
   box-shadow: 2px 2px 4px #323232 !important;

}

.jms-slideshow .step {

   height: 700px;
   height: 450px;
   font-size: 1.5em;
   text-align: center;
   -webkit-box-shadow: 0 8px 6px -6px black;
   -moz-box-shadow: 0 8px 6px -6px black;

}

.jms-slideshow .step .title {

   height: 1em;
   font-family: "Contrail One";
   font-size: 2.5em;
   font-weight: bold;
   text-align: center;
   text-shadow: 1px 1px 2px #323232;

}

.jms-slideshow .step table {

   width: 100%;
   height: 100%;
   border-radius: 1em;
   background-color: transparent;
   color: white;

}

.jms-slideshow .step table th {

   height: 1em;
   width: 160px;
   font-size: 0.9em;
   font-variant: small-caps;
   text-align: right;
   vertical-align: top;

}

.jms-slideshow .step table td:not(.title):not(.image) {

   width: 300px;
   padding: 0 1em;
   font-size: 0.8em;
   text-align: justify;

}

.jms-slideshow .step table .image {

   position: relative;
   padding: 0;
   text-align: center;
   vertical-align: top;
   background-color: transparent;

}

.jms-slideshow .step table .image img {

   width: 500px;
   border-radius: 1em;

}

.jms-slideshow .step table td:not(.image), .jms-slideshow .step table th {

   vertical-align: middle;

}

.jms-slideshow .jms-dots > span {

   background-color: #f3d19a !important;

}

.jms-slideshow .jms-dots .jms-dots-current > span {

   background-color: #ac5b3d !important;

}

/*hashtags*/ .jms-slideshow .color-1,

  1. tn-content .color-1 a {
   background-color: #000000!important;

}

.jms-slideshow .color-2,

  1. tn-content .color-2 a {
   background-color: #68C9B6!important;

}

.jms-slideshow .color-3,

  1. tn-content .color-3 a {
   background-color: #D67500!important;

}

.jms-slideshow .color-4,

  1. tn-content .color-4 a {
   background-color: #7F0A06!important;

}

.jms-slideshow .color-5,

  1. tn-content .color-5 a {
   background-color: #BA301B!important;

}

.jms-slideshow .color-6,

  1. tn-content .color-6 a {
   background-color: #97D900!important;

}

.jms-slideshow .color-7,

  1. tn-content .color-7 a {
   background-color: #239435!important;

}

.jms-slideshow .color-8,

  1. tn-content .color-8 a {
   background-color: #C7004C!important;

}