Team:UNITN-Trento/CSS/Project pages

From 2013.igem.org

(Difference between revisions)
 
(52 intermediate revisions not shown)
Line 1: Line 1:
-
@import url(http://fonts.googleapis.com/css?family=Boogaloo);
+
#tn-content .container {
-
@import url(http://fonts.googleapis.com/css?family=Quattrocento);
+
    margin: auto;
 +
    padding: 0;
 +
    width: 960px;
-
#tn-content h1 {
+
    /*background-color: rgb(105, 18, 28);*/
-
     border: none;
+
    /*background-image: url(https://static.igem.org/mediawiki/2013/f/fd/Tn-2013-boxbg-Onda-intro1b.png);*/
-
     font-family: 'Boogaloo', cursive;
+
    background-position: top center;
-
     font-size: 2.5em;
+
    background-repeat: no-repeat;
 +
     border: 3px solid white;
 +
     box-shadow: 2px 2px 4px #323232;
 +
 
 +
     text-align:justify;
}
}
-
#tn-content {
+
#tn-content .container .sheet {
-
     font-family: 'Quattrocento', serif;
+
     margin: 2em;
 +
    padding: 1em;
 +
 
 +
    background: rgba(255,255,255,0.7);
 +
    border-radius: 1em;
 +
 
 +
    text-align: justify;
}
}
-
#tn-content .subtitle {
+
#tn-content .container .sheet .tn-doublephoto-wrap {
-
     font-weight: bold;
+
     text-align: center;
}
}
-
#tn-content .quote {
+
#tn-content .container .sheet .tn-doublephoto-wrap > img {
-
     font-size: 0.8em;
+
     display: block;
-
     font-style: italic;
+
 
 +
    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: 330px;
 +
    width: auto;
 +
}
 +
 
 +
#tn-content .container .sheet .tn-doublephoto-wrap .photo {
 +
    display: inline-block;
 +
 
 +
    height: 330px;
 +
    width: auto;
}
}

Latest revision as of 09:32, 26 September 2013

  1. tn-content .container {
   margin: auto;
   padding: 0;
   width: 960px;
   /*background-color: rgb(105, 18, 28);*/
   /*background-image: url(https://static.igem.org/mediawiki/2013/f/fd/Tn-2013-boxbg-Onda-intro1b.png);*/
   background-position: top center;
   background-repeat: no-repeat;
   border: 3px solid white;
   box-shadow: 2px 2px 4px #323232;
   text-align:justify;

}

  1. tn-content .container .sheet {
   margin: 2em;
   padding: 1em;
   background: rgba(255,255,255,0.7);
   border-radius: 1em;
   text-align: justify;

}

  1. tn-content .container .sheet .tn-doublephoto-wrap {
   text-align: center;

}

  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: 330px;
   width: auto;

}

  1. tn-content .container .sheet .tn-doublephoto-wrap .photo {
   display: inline-block;
   height: 330px;
   width: auto;

}