Team:UNITN-Trento/CSS/Project/Bacillus

From 2013.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 26: Line 26:
     border: none;
     border: none;
     box-shadow: none;
     box-shadow: none;
 +
}
 +
 +
#tn-central-container #tn-content-wrap #tn-content .container .sheet-2 {
 +
position: relative;
 +
margin: -1em 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;
}
}
Line 70: Line 86:
#tn-content .container .sheet .tn-doublephoto-wrap .plot {
#tn-content .container .sheet .tn-doublephoto-wrap .plot {
display: inline-block;
display: inline-block;
-
height: 330px;
+
height: auto;
-
width: auto;
+
width: 49%;
}
}

Latest revision as of 09:51, 30 September 2013

  1. tn-content .container {
   background-color: rgb(208,146,32);
   background-image: url(Tn-2013-boxbg-onda-Gold.png);

}

/*Navigation arrows*/

  1. tn-central-container #tn-content-wrap #tn-content .container .sheet-2 {
   position: relative;
   
   margin: -1em 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;

}

  1. tn-central-container #tn-content-wrap #tn-content .container .sheet-2 {

position: relative; margin: -1em 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, #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;

}

  1. tn-central-container #tn-content-wrap #tn-content .container .sheet a:link, #tn-central-container #tn-content-wrap #tn-content .container .sheet a:visited {

color:rgb(208,146,32); }

  1. tn-central-container #tn-content-wrap #tn-content .container .sheet a:hover {

color:black; }

  1. tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-effect-link a:link, #tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-effect-link a:visited {

color:rgb(208,146,32); }

  1. tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-effect-link a:hover {

color:black; }

  1. tn-central-container #tn-content-wrap #tn-content .container .sheet > img {

display: block; margin: 1em auto; width: 800px; border: 3px solid white; box-shadow: 2px 2px 4px #323232; }

  1. tn-content .container .sheet .tn-doublephoto-wrap > img {

display: block; margin: 1em auto; width: 800px; border: 3px solid white; box-shadow: 2px 2px 4px #323232; }

  1. tn-content .container .sheet .tn-doublephoto-wrap .plot {

display: inline-block; height: auto; width: 49%; }

  1. tn-content .container .sheet .tn-doublephoto-wrap .photo {

display: inline-block; height: 330px; width: auto; }