Team:UNITN-Trento/CSS/Parts
From 2013.igem.org
.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 #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 .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; 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; }