Team:UNITN-Trento/CSS/Home

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
#tn-central-container,
+
.tn-parts-container {
-
#tn-content-wrap,
+
width: 960px;
-
#tn-content {
+
margin: 0 auto;
-
    padding-bottom: 0 !important;
+
padding: 0;
 +
vertical-align: top;
}
}
-
.grid {
+
.tn-parts-container .menu {
-
    width: 960px;
+
display: inline-block;
-
    margin: 0 auto;
+
-
    padding-bottom: 2em;
+
-
}
+
-
.column {
+
height: 300px;
-
    display: inline-block;
+
width: 200px;
-
    vertical-align: top;
+
 
-
}
+
margin: 10px;
 +
 
 +
background-color: #989898;
 +
border: 5px solid white;
 +
border-radius: 1em;
 +
box-shadow: 2px 2px 4px #323232;
-
.wrap,
+
vertical-align: top;
-
.cell {
+
-
    display: block;
+
}
}
-
.column.first .cell {
+
.tn-parts-container .content {
-
    height: 222px;
+
display: inline-block;
-
    width: 324px;
+
-
    background-color: #005e20;
+
width: 715px;
-
    /*background-image: url(https://static.igem.org/mediawiki/2013/a/af/Tn-2013-boxbgs-Box-verde.png);
+
-
    background-position: bottom;
+
-
    background-repeat: no-repeat;*/
+
-
    border: 3px solid white;
+
-
    box-shadow: 2px 2px 4px #323232;
+
margin: 0 10px 10px 10px;
-
}
+
margin-left: 0;
-
.column.first .cell.first {
+
vertical-align: top;
-
    margin: 17px 7px 9px 17px;
+
}
}
-
.column.first .cell.second {
+
.tn-parts-container .content .box {
-
    margin: 9px 7px 9px 17px;
+
position: relative;
-
}
+
display: block;
-
.column.first .cell.third {
+
margin-top: 0;
-
    margin: 9px 7px 0px 17px;
+
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;
}
}
-
.column.second .cell {
+
.tn-parts-container .content .box .label {
-
    width: 574px;
+
position: absolute;
 +
top: 10px;
 +
right: -85px;
-
    background-color: #355667;
+
height: 100px;
-
    /*background-image: url(https://static.igem.org/mediawiki/2013/d/dd/Tn-2013-boxbgs-Box-video.jpg);
+
width: 75px;
-
    background-position: bottom;
+
-
    background-repeat: no-repeat;*/
+
-
    border: 3px solid white;
+
 +
    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;
     box-shadow: 2px 2px 4px #323232;
}
}
-
.column.second .cell.first {
+
.tn-parts-container .content .box .title {
-
    height: 412px;
+
display: block;
-
    margin: 17px 17px 9px 0;
+
-
}
+
-
.column.second .cell.second {
+
margin: 0 13px;
-
    height: 268px;
+
-
    margin: 9px 17px 0px 0;
+
-
}
+
-
.row.second {
+
     border-bottom: 3px solid white;
-
     height: 215px;
+
-
    width: 915px;
+
-
    margin: 9px 17px 0 17px;
+
-
    background-color: #323232;
+
font-family: "Boogaloo",sans-serif;
-
    border: 3px solid white;
+
font-size: 3em;
 +
}
-
    box-shadow: 2px 2px 4px #323232;
+
.tn-parts-container .content .box .part-box {
 +
/*background-color: #f0f0f0;*/
 +
font-family: "Cabin";
}
}
-
/*PRE-FOOTER*/
+
.part-box {
 +
padding: 10px;
 +
}
-
.pre-footer {
+
.part-box table {
-
     width: 960px;
+
     width: 100% !important;
-
    margin: 0 auto;
+
margin: 0 auto !important;
 +
background: transparent;
 +
border-radius: 1em;
}
}
-
.pre-footer .sheet {
+
.part-box td {
-
     width: 915px;
+
     background-color: rgba(50,50,50,.3);
-
     min-height: 100px;
+
     border-radius: 0.3em;
 +
vertical-align: top;
 +
color: white;
 +
box-shadow: 0 0 2px rgba(250,250,250,1);
 +
}
-
    margin-left: 17px;
+
.part-box table .grade {
 +
width: 100px;
 +
text-align: center;
 +
vertical-align: top !important;
 +
}
-
    background-color: #989898;
+
.part-box table .grade img {
-
     border: 3px solid white;
+
    display: inline-block !important;
 +
     margin: 0 !important;
 +
width: 25px;
 +
vertical-align: top !important;
 +
}
-
    box-shadow: 2px -2px 4px #323232;
+
.part-box table .code {
 +
width: 100px;
 +
font-weight: bold;
 +
}
 +
 
 +
.part-box table .code a {
 +
color: white;
 +
text-decoration: none;
 +
}
-
    text-align: justify;
+
.part-box table .code a:hover {
 +
color: #a9a9a9;
}
}
-
.pre-footer .sheet .container {
+
.part-box table .name {
-
     margin: 20px;
+
     font-style: italic;
-
    padding: 25px;
+
-
   
+
-
    background-color: rgba(250,250,250,.7);
+
-
    border-radius: 10px;
+
}
}
-
.pre-footer .silhouette {
+
.part-box table .descr {
-
     display: block;
+
     font-size: 0.9em;
-
    margin: 0 auto;
+
text-align: justify;
}
}

Revision as of 15:07, 20 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; 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; }

Retrieved from "http://2013.igem.org/Team:UNITN-Trento/CSS/Home"