Team:UNITN-Trento/CSS/Parts

From 2013.igem.org

(Difference between revisions)

Revision as of 07:32, 27 September 2013

.tn-parts-container { width: 960px; margin: 0 auto; padding: 0; vertical-align: top; }

.tn-parts-container .content { display: inline-block;

width: 715px;

margin: 0 10px 10px 10px; margin-left: 0;

vertical-align: top; }

.tn-parts-container .content .box { position: relative; display: block;

   margin-left: 10px;

margin-top: 0; margin-bottom: 30px;

   min-height: 300px;

width: 830px;

vertical-align: top;

background-color: rgb(32,86,54);

   background-image: url( );

border: 5px solid white; box-shadow: 2px 2px 4px #323232; color: white; }

.tn-parts-container .content .box .label { position: absolute; top: 10px; right: -85px;

height: 100px; width: 75px;

   background: rgb(130, 20, 16);
   border: 5px solid white;
   border-left: 0;
   border-top-right-radius: 1em;
   border-bottom-right-radius: 1em;
   box-shadow: 2px 2px 4px #323232;

}

.tn-parts-container .content .box #label1 { background-image: url(); }

.tn-parts-container .content .box #label2 { background-image: url(); }

.tn-parts-container .content .box #label3 { background-image: url(); }

.tn-parts-container .content .box #label4 { background-image: url(); }

.tn-parts-container .content .box .title { display: block;

margin: 0 13px;

   border-bottom: 3px solid white;

font-family: "Boogaloo",sans-serif; font-size: 3em; }

.tn-parts-container .content .box .title a {

   color: white;

}

.tn-parts-container .content .box .title a:hover {

   text-decoration: none;

}

.tn-parts-container .content .box .part-box { /*background-color: #f0f0f0;*/ font-family: "Cabin"; }

.part-box { padding: 10px; }

.part-box table {

   width: 100% !important;

margin: 0 auto !important; background: transparent; border-radius: 1em; }

.part-box td {

   background-color: rgba(100,100,100,.5);
   border-radius: 0.3em;

vertical-align: top; color: white; box-shadow: 0 0 2px rgba(250,250,250,1); }

.part-box table .grade { width: 100px; text-align: center; vertical-align: top !important; }

.part-box table .grade img {

   display: inline-block !important;
   margin: 0 !important;

width: 25px; vertical-align: top !important; }

.part-box table .code { width: 100px; font-weight: bold; }

.part-box table .code a { color: white; text-decoration: none; }

.part-box table .code a:hover { color: #a9a9a9; }

.part-box table .name {

   font-style: italic;

}

.part-box table .descr {

   font-size: 0.9em;

text-align: justify; }

.tn-parts-container .legend {

   width: 910px;

   margin: 1em auto;
   margin-left: 10px;

   background-color:  rgb(143,11,25);
   background-image: url( );
   border: 5px solid white;
   box-shadow: 2px 2px 4px #323232;

}

.tn-parts-container .legend .sheet {

   margin: 10px;
   padding: 10px;
   
   background-color: rgba(250,250,250,.6);
   border-radius: 10px;
   
   font-family: "Cabin", sans-serif;
   text-align: justify;

}

.tn-parts-container .legend .sheet img {

   display: inline !important;
   height: 2em;

}

.tn-parts-container .legend .sheet ul {

   list-style: none;

}

.tn-parts-container .legend .sheet ul {

   margin-left: 0;

}

@@ Line 4: / Line 4: @@
 	padding: 0;
 	vertical-align: top;
-}
-.tn-parts-container .menu {
-	display: inline-block;
-	height: 300px;
-	width: 200px;
-	margin: 0 10px;
-	/*background-color: #989898;
-	border: 5px solid white;
-	border-radius: 1em;
-	box-shadow: 2px 2px 4px #323232;*/
-	vertical-align: top;
-}
-.tn-parts-container .menu a {
-    display: block;
-    margin: 0 0 5px 0;
-    padding: 0.5em 0;
-    background-color: #323232;
-    border-bottom: 4px solid #121212;
-    border-radius: 0.5em;
-    box-shadow: 2px 2px 4px #323232;
-    color: white;
-    font-family: "Boogaloo", sans-serif;
-    font-size: 1.2em;
-    text-align: center;
-}
-.tn-parts-container .menu a:hover {
-    background-color: #121212;
-    border-bottom: 4px solid #323232;
-    box-shadow: inset 2px 2px 4px black;
-    text-decoration: none;
 }
@@ Line 68: / Line 28: @@
 	width: 830px;
-	/*background: #323232;*/
 	vertical-align: top;
-	background-color: rgba(42, 164, 63,.95);
+	background-color:  rgb(32,86,54);
+    background-image: url( https://static.igem.org/mediawiki/2013/9/91/Tn-2013-boxbg-Onda-Watermelon.png);
 	border: 5px solid white;
 	box-shadow: 2px 2px 4px #323232;
@@ Line 194: / Line 154: @@
      margin-left: 10px;
-     background-color: #76091c;
+     background-color:  rgb(143,11,25);
+    background-image: url( https://static.igem.org/mediawiki/2013/d/de/Tn-2013-boxbg-Onda-GrapeRed.png);
      border: 5px solid white;
      box-shadow: 2px 2px 4px #323232;