Team:UNITN-Trento/CSS/Project/Datapage

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
#tn-content .container {
 +
    background-color: rgb(105, 18, 28);
 +
    background-image: url(https://static.igem.org/mediawiki/2013/f/fd/Tn-2013-boxbg-Onda-intro1b.png);
 +
}
 +
.tn-doublephoto-wrap a {
.tn-doublephoto-wrap a {
     position: relative;
     position: relative;

Revision as of 10:57, 26 September 2013

  1. tn-content .container {
   background-color: rgb(105, 18, 28);
   background-image: url(Tn-2013-boxbg-Onda-intro1b.png);

}

.tn-doublephoto-wrap a {

   position: relative;

}

.tn-doublephoto-wrap a:link, .tn-doublephoto-wrap a:visited {

   display: inline-block;
   border: 3px solid white;
   box-shadow: 1px 1px 2px #323232;

}

.tn-doublephoto-wrap a:hover {

   border-color: #dadada;
   box-shadow: 1px 1px 2px #323232 inset;

}

.tn-doublephoto-wrap a .text {

   position: absolute;
   top: 5px;
   left: 5px;
   
   padding: 0.2em;
   
   background-color: rgba(50,50,50,.3);
   border-radius: 0.3em;
   
   color: white;
   font-family: "Boogaloo", arial;
   font-size: 2em;
   text-shadow: 0 0 2px black;

}

.tn-doublephoto-wrap a:hover .text {

   background-color: rgba(250,250,250,.5);
   border-radius: 0.3em;
   color: #323232;
   text-shadow: none;

}