Team:UNITN-Trento/CSS/Project pages

From 2013.igem.org

(Difference between revisions)
 
(15 intermediate revisions not shown)
Line 1: Line 1:
-
#tn-content h1 {
 
-
    padding-top: 0;
 
-
    border: none;
 
-
    font-family: 'Boogaloo', cursive;
 
-
    font-size: 2.5em;
 
-
}
 
-
 
-
#tn-content p {
 
-
    line-height: 1.2em;
 
-
}
 
-
 
-
#tn-content {
 
-
    font-family: 'Kameron', serif;
 
-
    font-size: 16px;
 
-
}
 
-
 
-
#tn-content .quote {
 
-
    display: block;
 
-
    margin-top: 0.5em;
 
-
    margin-bottom: 1em;
 
-
    font-family: 'Open Sans Condensed', sans-serif;
 
-
    font-size: 1.2em;
 
-
    font-style: italic;
 
-
}
 
-
 
-
#tn-content .subtitle {
 
-
    display: block;
 
-
    margin-top: 1.5em;
 
-
    margin-bottom: 0.5em;
 
-
    font-family: 'Open Sans Condensed', sans-serif;
 
-
    font-size: 1.2em;
 
-
    font-weight: bold;
 
-
}
 
-
 
-
#tn-content .ref {
 
-
    font-size: 0.8em;
 
-
    font-style: italic;
 
-
}
 
-
 
-
#tn-content .caption {
 
-
    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;
 
-
    width: 80%!important;
 
-
    margin: 1em auto;
 
-
    margin-bottom: 0.2em;
 
-
}
 
-
 
-
#tn-content table {
 
-
    width: auto;
 
-
    margin: 0.5em auto;
 
-
}
 
-
 
-
#tn-content table td,
 
-
#tn-content table th {
 
-
    padding: 0.5em;
 
-
}
 
-
 
-
#tn-content table th {
 
-
    text-align: center;
 
-
}
 
-
 
-
#tn-content table td.center {
 
-
    text-align: center;
 
-
}
 
-
 
-
#tn-content table td.right {
 
-
    text-align: right;
 
-
}
 
-
 
#tn-content .container {
#tn-content .container {
-
    width: 960px;
 
     margin: auto;
     margin: auto;
     padding: 0;
     padding: 0;
 +
    width: 960px;
-
     background-color: #ef485b;
+
     /*background-color: rgb(105, 18, 28);*/
-
     background-image: url(https://static.igem.org/mediawiki/2013/f/fd/Tn-2013-boxbg-Onda-intro1b.png);
+
     /*background-image: url(https://static.igem.org/mediawiki/2013/f/fd/Tn-2013-boxbg-Onda-intro1b.png);*/
     background-position: top center;
     background-position: top center;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     border: 3px solid white;
     border: 3px solid white;
     box-shadow: 2px 2px 4px #323232;
     box-shadow: 2px 2px 4px #323232;
 +
     text-align:justify;
     text-align:justify;
}
}
Line 98: Line 18:
     padding: 1em;
     padding: 1em;
-
     background: rgba(255,255,255,0.5);
+
     background: rgba(255,255,255,0.7);
     border-radius: 1em;
     border-radius: 1em;
Line 104: Line 24:
}
}
-
#tn-content img {
+
#tn-content .container .sheet .tn-doublephoto-wrap {
 +
    text-align: center;
 +
}
 +
 
 +
#tn-content .container .sheet .tn-doublephoto-wrap > img {
     display: block;
     display: block;
-
     border: 5px solid #037691;
+
 
 +
    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;

}