Team:UNITN-Trento/CSS/Project pages

From 2013.igem.org

(Difference between revisions)

Latest revision as of 09:32, 26 September 2013

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;

}

tn-content .container .sheet {

   margin: 2em;
   padding: 1em;

   background: rgba(255,255,255,0.7);
   border-radius: 1em;

   text-align: justify;

}

tn-content .container .sheet .tn-doublephoto-wrap {

   text-align: center;

}

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;

}

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;

}

@@ Line 1: / Line 1: @@
-#tn-content h1 {
+#tn-content .container {
-     border: none;
+     margin: auto;
-     font-family: 'Boogaloo', cursive;
+     padding: 0;
-     font-size: 2.5em;
+     width: 960px;
-}
-#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;
+    text-align:justify;
 }
-#tn-content {
+#tn-content .container .sheet {
-     font-family: 'Kameron', serif;
+     margin: 2em;
-     font-size: 16px;
+    padding: 1em;
+    background: rgba(255,255,255,0.7);
+     border-radius: 1em;
+    text-align: justify;
 }
-#tn-content .quote {
+#tn-content .container .sheet .tn-doublephoto-wrap {
-    display: block;
+     text-align: center;
-    margin-top: 0.5em;
-    margin-bottom: 1em;
-    font-family: 'Open Sans Condensed', sans-serif;
-    font-size: 1.2em;
-     font-style: italic;
 }
-#tn-content .subtitle {
+#tn-content .container .sheet .tn-doublephoto-wrap > img {
      display: block;
-     margin-top: 1.5em;
-     margin-bottom: 0.5em;
+     margin: 1em auto;
-     font-family: 'Open Sans Condensed', sans-serif;
+     width: 800px;
-     font-size: 1.2em;
-     font-weight: bold;
+     border: 3px solid white;
+     box-shadow: 2px 2px 4px #323232;
 }
-#tn-content .ref {
+#tn-content .container .sheet .tn-doublephoto-wrap .plot {
-     font-size: 0.8em;
+     display: inline-block;
-     font-style: italic;
+    height: 330px;
+     width: auto;
 }
-#tn-content .caption {
+#tn-content .container .sheet .tn-doublephoto-wrap .photo {
-     display: block;
+     display: inline-block;
-     padding: 0.5em;
-     margin: 0.5em;
+     height: 330px;
+     width: auto;
 }