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

From 2013.igem.org

Revision as of 11:31, 13 September 2013 by Ggirelli (Talk | contribs)

.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, .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;
   border-radius: 1em;
   -webkit-box-shadow: 0 8px 6px -6px black;
   -moz-box-shadow: 0 8px 6px -6px black;
   box-shadow: 0 8px 6px -6px black;
   background-image: url(http://i40.tinypic.com/wlvibc.png);

}

.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: rgba(250,250,250,0.6);

}

.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: 400px;
   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 {

   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: #944024 !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;

}