Team:UNITN-Trento/CSS/Products

From 2013.igem.org

(Difference between revisions)
(Replaced content with ".container { background-color: #d09220 !important; background-image: url(https://static.igem.org/mediawiki/2013/c/c6/Tn-2013-boxbg-onda-Gold.png) !important; background...")
Line 3: Line 3:
     background-image: url(https://static.igem.org/mediawiki/2013/c/c6/Tn-2013-boxbg-onda-Gold.png) !important;
     background-image: url(https://static.igem.org/mediawiki/2013/c/c6/Tn-2013-boxbg-onda-Gold.png) !important;
     background-position: 0 30px !important;
     background-position: 0 30px !important;
 +
}
 +
 +
.silhouette img {
 +
    margin-bottom: 0 !important;
 +
}
 +
 +
.container {
 +
    text-align: center;
 +
}
 +
 +
.container .menu {
 +
    margin: 0 auto;
 +
    width: 300px;
 +
}
 +
 +
.container .menu a {
 +
    display: inline-block;
 +
   
 +
    margin: 20px auto;
 +
    padding: 4px;
 +
    min-width: 92px;
 +
    max-width: 110px;
 +
   
 +
    background-color: rgba(250,250,250,.8);
 +
    border: 3px solid transparent;
 +
    border-radius: 5px;
 +
   
 +
    color: #d09220;
 +
    font-family: "Boogaloo", sans-serif;
 +
    font-size: 1.2em;
 +
    text-align: center;
 +
    text-decoration: none;
 +
}
 +
 +
.container .menu a:hover {
 +
    background-color: transparent;
 +
    border-color: white;
 +
    color: white;
 +
    text-shadow: 0 0 2px black;
}
}

Revision as of 08:01, 25 September 2013

.container {

   background-color: #d09220 !important;
   background-image: url(Tn-2013-boxbg-onda-Gold.png) !important;
   background-position: 0 30px !important;

}

.silhouette img {

   margin-bottom: 0 !important;

}

.container {

   text-align: center;

}

.container .menu {

   margin: 0 auto;
   width: 300px;

}

.container .menu a {

   display: inline-block;
   
   margin: 20px auto;
   padding: 4px;
   min-width: 92px;
   max-width: 110px;
   
   background-color: rgba(250,250,250,.8);
   border: 3px solid transparent;
   border-radius: 5px;
   
   color: #d09220;
   font-family: "Boogaloo", sans-serif;
   font-size: 1.2em;
   text-align: center;
   text-decoration: none;

}

.container .menu a:hover {

   background-color: transparent;
   border-color: white;
   color: white;
   text-shadow: 0 0 2px black;

}