"
Team:UNITN-Trento/CSS/Parts
From 2013.igem.org
| Line 37: | Line 37: | ||
margin-bottom: 30px; | margin-bottom: 30px; | ||
| - | + | width: 615px; | |
| - | width: | + | |
/*background: #323232;*/ | /*background: #323232;*/ | ||
vertical-align: top; | vertical-align: top; | ||
| + | |||
| + | background-color: rgba(84,168,77,.8); | ||
| + | border: 5px solid white; | ||
| + | border-radius: 1em; | ||
| + | box-shadow: 2px 2px 4px #323232; | ||
} | } | ||
| Line 59: | Line 63: | ||
margin: 10px; | margin: 10px; | ||
| + | margin-left: 0.5em; | ||
font-family: "Boogaloo",sans-serif; | font-family: "Boogaloo",sans-serif; | ||
| Line 66: | Line 71: | ||
.tn-parts-container .content .box .part-box { | .tn-parts-container .content .box .part-box { | ||
/*background-color: #f0f0f0;*/ | /*background-color: #f0f0f0;*/ | ||
| + | font-family: "Cabin"; | ||
} | } | ||
| Line 73: | Line 79: | ||
.part-box table { | .part-box table { | ||
| + | width: 100%; | ||
margin: 10px !important; | margin: 10px !important; | ||
background: transparent; | background: transparent; | ||
| + | border-radius: 1em; | ||
} | } | ||
.part-box td { | .part-box td { | ||
| + | background-color: rgba(50,50,50,.1); | ||
| + | border-radius: 0.3em; | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
| Line 87: | Line 97: | ||
.part-box table .code { | .part-box table .code { | ||
width: 100px; | width: 100px; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | .part-box table .name { | ||
| + | font-style: italic; | ||
} | } | ||
.part-box table .descr { | .part-box table .descr { | ||
| + | font-size: 0.9em; | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
Revision as of 13:42, 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;*/
vertical-align: top; }
.tn-parts-container .content { display: inline-block;
width: 725px;
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;
width: 615px;
/*background: #323232;*/ vertical-align: top;
background-color: rgba(84,168,77,.8); border: 5px solid white; border-radius: 1em; box-shadow: 2px 2px 4px #323232; }
.tn-parts-container .content .box .label { position: absolute; top: 0; right: -100px;
height: 200px; width: 100px;
/*background: #545454;*/ }
.tn-parts-container .content .box .title { display: block;
margin: 10px; margin-left: 0.5em;
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%;
margin: 10px !important; background: transparent; border-radius: 1em; }
.part-box td {
background-color: rgba(50,50,50,.1); border-radius: 0.3em;
vertical-align: top; }
.part-box table .grade { width: 100px; }
.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; }
