Team:UNITN-Trento/CSS/Products

From 2013.igem.org

(Difference between revisions)
(Created page with "tn-content .container { background-color: rgb(41, 137, 72); background-image: url(https://static.igem.org/mediawiki/2013/8/80/Tn-2013_Onda-iproducts.png)!important; }")
 
(15 intermediate revisions not shown)
Line 1: Line 1:
-
tn-content .container {
+
#tn-content .container {
-
      background-color: rgb(41, 137, 72);
+
    background-color: rgb(208,146,32);
-
      background-image: url(https://static.igem.org/mediawiki/2013/8/80/Tn-2013_Onda-iproducts.png)!important;
+
    background-image: url(https://static.igem.org/mediawiki/2013/c/c6/Tn-2013-boxbg-onda-Gold.png);
 +
}
 +
 
 +
.silhouette img {
 +
    display: block;
 +
    margin: 0 auto;
 +
    margin-bottom: 0 !important;
 +
width: 92%;
 +
margin-top: -22px;
 +
}
 +
 
 +
.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;
}
}

Latest revision as of 12:06, 3 October 2013

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

}

.silhouette img {

   display: block;
   margin: 0 auto;
   margin-bottom: 0 !important;

width: 92%; margin-top: -22px; }

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

}