Team:UNITN-Trento/CSS/Parts

From 2013.igem.org

(Difference between revisions)
Line 14: Line 14:
margin: 10px;
margin: 10px;
-
/*background-color: #989898;*/
+
background-color: #989898;
 +
border: 5px solid white;
 +
border-radius: 1em;
 +
box-shadow: 2px 2px 4px #323232;
vertical-align: top;
vertical-align: top;
Line 22: Line 25:
display: inline-block;
display: inline-block;
-
width: 725px;
+
width: 715px;
margin: 0 10px 10px 10px;
margin: 0 10px 10px 10px;
Line 37: Line 40:
margin-bottom: 30px;
margin-bottom: 30px;
 +
    min-height: 300px;
width: 615px;
width: 615px;
Line 42: Line 46:
vertical-align: top;
vertical-align: top;
-
background-color: rgba(84,168,77,.8);
+
background-color: rgba(40, 128, 197,.8);
border: 5px solid white;
border: 5px solid white;
border-radius: 1em;
border-radius: 1em;
box-shadow: 2px 2px 4px #323232;
box-shadow: 2px 2px 4px #323232;
 +
color: white;
}
}
.tn-parts-container .content .box .label {
.tn-parts-container .content .box .label {
position: absolute;
position: absolute;
-
top: 0;
+
top: 10px;
-
right: -100px;
+
right: -85px;
-
height: 200px;
+
height: 100px;
-
width: 100px;
+
width: 75px;
-
/*background: #545454;*/
+
    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;
}
}
Line 62: Line 72:
display: block;
display: block;
-
margin: 10px;
+
margin: 0 13px;
-
margin-left: 0.5em;
+
 
 +
    border-bottom: 3px solid white;
font-family: "Boogaloo",sans-serif;
font-family: "Boogaloo",sans-serif;
Line 86: Line 97:
.part-box td {
.part-box td {
-
     background-color: rgba(50,50,50,.1);
+
     background-color: rgba(50,50,50,.3);
     border-radius: 0.3em;
     border-radius: 0.3em;
vertical-align: top;
vertical-align: top;
 +
color: white;
 +
box-shadow: 0 0 2px rgba(250,250,250,1);
}
}

Revision as of 14:03, 19 September 2013

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

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

height: 300px; width: 200px;

margin: 10px;

background-color: #989898; border: 5px solid white; border-radius: 1em; box-shadow: 2px 2px 4px #323232;

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-top: 0; margin-bottom: 30px;

   min-height: 300px;

width: 615px;

/*background: #323232;*/ vertical-align: top;

background-color: rgba(40, 128, 197,.8); border: 5px solid white; border-radius: 1em; 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 .title { display: block;

margin: 0 13px;

   border-bottom: 3px solid white;

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

.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(50,50,50,.3);
   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; }

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

.part-box table .name {

   font-style: italic;

}

.part-box table .descr {

   font-size: 0.9em;

text-align: justify; }