Team:UNITN-Trento/CSS/Project/Bacillus

From 2013.igem.org

(Difference between revisions)
(Created page with "#tn-content .container { background-color: rgb(208,146,32); background-image: url(https://static.igem.org/mediawiki/2013/c/c6/Tn-2013-boxbg-onda-Gold.png); } /*Navigation arro...")
 
(9 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 34: Line 50:
.container .sheet-2 .tn-arr-next {
.container .sheet-2 .tn-arr-next {
     right: 2em;
     right: 2em;
 +
}
 +
 +
#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);
 +
}
 +
 +
#tn-central-container #tn-content-wrap #tn-content .container .sheet a:hover {
 +
color:black;
 +
}
 +
 +
#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);
 +
}
 +
 +
#tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-effect-link a:hover {
 +
color:black;
 +
}
 +
 +
#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;
 +
}
 +
 +
#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;
 +
}
 +
 +
#tn-content .container .sheet .tn-doublephoto-wrap .plot {
 +
display: inline-block;
 +
height: auto;
 +
width: 49%;
 +
}
 +
 +
#tn-content .container .sheet .tn-doublephoto-wrap .photo {
 +
display: inline-block;
 +
height: 330px;
 +
width: auto;
}
}

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; }

Retrieved from "http://2013.igem.org/Team:UNITN-Trento/CSS/Project/Bacillus"