Team:UNITN-Trento/CSS/Project pages

From 2013.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 1: Line 1:
-
#tn-content h1 {
+
#tn-content .container {
-
     padding-top: 0;
+
     margin: auto;
-
     border: none;
+
     padding: 0;
-
     font-family: 'Boogaloo', cursive;
+
     width: 960px;
-
    font-size: 2.5em;
+
-
}
+
-
#tn-content p {
+
    /*background-color: rgb(105, 18, 28);*/
-
     line-height: 1.2em;
+
     /*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;
-
#tn-content {
+
     text-align:justify;
-
    font-family: 'Kameron', serif;
+
-
     font-size: 16px;
+
}
}
-
#tn-content .quote {
+
#tn-content .container .sheet {
-
    display: block;
+
     margin: 2em;
-
     margin-top: 0.5em;
+
     padding: 1em;
-
     margin-bottom: 1em;
+
-
    font-family: 'Open Sans Condensed', sans-serif;
+
-
    font-size: 1.2em;
+
-
    font-style: italic;
+
-
}
+
-
#tn-content .subtitle {
+
     background: rgba(255,255,255,0.7);
-
     display: block;
+
     border-radius: 1em;
-
    margin-top: 1.5em;
+
-
    margin-bottom: 0.5em;
+
-
     font-family: 'Open Sans Condensed', sans-serif;
+
-
    font-size: 1.2em;
+
-
    font-weight: bold;
+
-
}
+
-
#tn-content .sub-subtitle {
+
     text-align: justify;
-
    display: block;
+
-
    margin-top: 1.5em;
+
-
    margin-bottom: 0.5em;
+
-
    font-family: 'Open Sans Condensed', sans-serif;
+
-
    font-size: 1em;
+
-
     font-weight: bold;
+
}
}
-
#tn-content .ref {
+
#tn-content .container .sheet .tn-doublephoto-wrap {
-
     font-size: 0.8em;
+
     text-align: center;
-
    font-style: italic;
+
}
}
-
#tn-content .caption {
+
#tn-content .container .sheet .tn-doublephoto-wrap > img {
     display: block;
     display: block;
-
    width: 80%;
 
-
    padding: 0.5em;
 
-
    margin: 0 auto;
 
-
    margin-bottom: 1em;
 
-
    font-size: 0.9em;
 
-
}
 
-
#tn-content .caption.center {
 
-
    text-align: center;
 
-
}
 
-
 
-
#tn-content img {
 
-
    display: block;
 
     margin: 1em auto;
     margin: 1em auto;
-
     margin-bottom: 0.2em;
+
     width: 800px;
 +
   
 +
    border: 3px solid white;
 +
    box-shadow: 2px 2px 4px #323232;
}
}
-
#tn-content table {
+
#tn-content .container .sheet .tn-doublephoto-wrap .plot {
 +
    display: inline-block;
 +
 
 +
    height: 330px;
     width: auto;
     width: auto;
-
    margin: 0.5em auto;
 
}
}
-
#tn-content table td,
+
#tn-content .container .sheet .tn-doublephoto-wrap .photo {
-
#tn-content table th {
+
     display: inline-block;
-
     padding: 0.5em;
+
-
}
+
-
#tn-content table th {
+
     height: 330px;
-
     text-align: center;
+
     width: auto;
-
}
+
-
 
+
-
#tn-content table td.center {
+
-
    text-align: center;
+
-
}
+
-
 
+
-
#tn-content table td.right {
+
-
    text-align: right;
+
-
}
+
-
 
+
-
#tn-content .container {
+
-
     width: 960px;
+
-
    margin: auto;
+
-
    padding: 0;
+
-
 
+
-
    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;
+
-
}
+
-
 
+
-
#tn-content .container .sheet {
+
-
    margin: 2em;
+
-
    padding: 1em;
+
-
 
+
-
    background: rgba(255,255,255,0.7);
+
-
    border-radius: 1em;
+
-
 
+
-
    text-align: justify;
+
}
}

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;

}