Team:UNITN-Trento/CSS/Home

From 2013.igem.org

(Difference between revisions)
m
Line 20: Line 20:
}
}
-
.column.first .wrap.first {
+
.column.first .cell {
-
     height: 686px;
+
     height: 222px;
     width: 324px;
     width: 324px;
-
    margin: 0 7px 7px 17px;
 
     background-color: #005e20;
     background-color: #005e20;
-
     background-image: url(https://static.igem.org/mediawiki/2013/a/af/Tn-2013-boxbgs-Box-verde.png);
+
     /*background-image: url(https://static.igem.org/mediawiki/2013/a/af/Tn-2013-boxbgs-Box-verde.png);
     background-position: bottom;
     background-position: bottom;
-
     background-repeat: no-repeat;
+
     background-repeat: no-repeat;*/
     border: 3px solid white;
     border: 3px solid white;
Line 34: Line 33:
}
}
-
.column.first .wrap.first .container {
+
.column.first .cell.first {
-
    height: 646px;
+
     margin: 20px 7px 3px 17px;
-
    width: 284px;
+
-
 
+
-
     margin: 10px;
+
-
    padding: 10px;
+
-
 
+
-
    background-color: rgba(255,255,255,.5);
+
-
    border-radius: 10px;
+
-
 
+
-
    font-family: arial;
+
-
    font-size: 14px;
+
-
    text-align: justify;
+
}
}
-
.column.first .wrap.first .container p {
+
.column.first .cell.second {
-
     line-height: 17px;
+
     margin: 3px 7px 3px 17px;
}
}
-
.column.first .wrap.second {
+
.column.first .cell.third {
-
    height: 215px;
+
     margin: 3px 7px 7px 17px;
-
    width: 324px;
+
-
     margin: 14px 7px 0 17px;
+
-
 
+
-
    background-color: #ffa018;
+
-
    background-image: url(https://static.igem.org/mediawiki/2013/0/08/Tn-2013-boxbgs-Box-vending.png);
+
-
    background-position: bottom;
+
-
    background-repeat: no-repeat;
+
-
    border: 3px solid white;
+
-
 
+
-
    box-shadow: 2px 2px 4px #323232;
+
}
}
-
.column.first .wrap.second .container {
+
.column.second .cell {
-
    height: 175px;
+
-
    width: 284px;
+
-
 
+
-
    margin: 10px;
+
-
    padding: 10px;
+
-
 
+
-
    background-color: rgba(255,255,255,.5);
+
-
    border-radius: 10px;
+
-
 
+
-
    font-size: 14px;
+
-
}
+
-
 
+
-
.column.second .cell.first {
+
-
    height: 398px;
+
     width: 574px;
     width: 574px;
-
    margin: 0 0 7px 7px;
 
     background-color: #355667;
     background-color: #355667;
-
     background-image: url(https://static.igem.org/mediawiki/2013/d/dd/Tn-2013-boxbgs-Box-video.jpg);
+
     /*background-image: url(https://static.igem.org/mediawiki/2013/d/dd/Tn-2013-boxbgs-Box-video.jpg);
     background-position: bottom;
     background-position: bottom;
-
     background-repeat: no-repeat;
+
     background-repeat: no-repeat;*/
     border: 3px solid white;
     border: 3px solid white;
Line 94: Line 57:
}
}
-
.column.second .wrap.second {
+
.column.second .cell.first {
     height: 268px;
     height: 268px;
-
    width: 574px;
+
     margin: 17px 17px 7px 7px;
-
     margin: 14px 0 7px 7px;
+
-
 
+
-
    background-color: #dc2c2c;
+
-
    background-image: url(https://static.igem.org/mediawiki/2013/8/86/Tn-2013-boxbgs-Box-slides.png);
+
-
    background-position: bottom;
+
-
    background-repeat: no-repeat;
+
-
    border: 3px solid white;
+
-
 
+
-
    box-shadow: 2px 2px 4px #323232;
+
}
}
-
.column.second .wrap.second .container {
+
.column.second .cell.second {
-
     height: 228px;
+
     height: 398px;
-
    width: 534px;
+
     margin: 7px 17px 7px 7px;
-
 
+
-
     margin: 10px;
+
-
    padding: 10px;
+
-
 
+
-
    background-color: rgba(255,255,255,.5);
+
-
    border-radius: 10px;
+
-
 
+
-
    font-size: 14px;
+
}
}
-
.column.second .row.third .cell {
+
.row.second {
-
    display: inline-block;
+
-
 
+
     height: 215px;
     height: 215px;
-
     width: 277px;
+
     width: 918px;
-
     margin: 7px 0 0 7px;
+
     margin: 7px 17px 17px 17px;
-
     background-color: #2d59de;
+
     background-color: #323232;
-
    background-image: url(https://static.igem.org/mediawiki/2013/4/44/Tn-2013-boxbgs-Box-blu-piccoli.jpg);
+
-
    background-position: bottom;
+
-
    background-repeat: no-repeat;
+
     border: 3px solid white;
     border: 3px solid white;
Line 155: Line 96:
     box-shadow: 2px -2px 4px #323232;
     box-shadow: 2px -2px 4px #323232;
 +
 +
    text-align: justify;
}
}

Revision as of 11:46, 20 September 2013

  1. tn-central-container,
  2. tn-content-wrap,
  3. tn-content { 
   padding-bottom: 0 !important;

}

.grid { 

   width: 960px;
   margin: 0 auto;

}

.column { 

   display: inline-block;
   vertical-align: top;

}

.wrap, .cell { 

   display: block;

}

.column.first .cell { 

   height: 222px;
   width: 324px;

   background-color: #005e20;
   /*background-image: url(Tn-2013-boxbgs-Box-verde.png);
   background-position: bottom;
   background-repeat: no-repeat;*/
   border: 3px solid white;

   box-shadow: 2px 2px 4px #323232;

}

.column.first .cell.first { 

   margin: 20px 7px 3px 17px;

}

.column.first .cell.second { 

   margin: 3px 7px 3px 17px;

}

.column.first .cell.third { 

   margin: 3px 7px 7px 17px;

}

.column.second .cell { 

   width: 574px;

   background-color: #355667;
   /*background-image: url(Tn-2013-boxbgs-Box-video.jpg);
   background-position: bottom;
   background-repeat: no-repeat;*/
   border: 3px solid white;

   box-shadow: 2px 2px 4px #323232;

}

.column.second .cell.first { 

   height: 268px;
   margin: 17px 17px 7px 7px;

}

.column.second .cell.second { 

   height: 398px;
   margin: 7px 17px 7px 7px;

}

.row.second { 

   height: 215px;
   width: 918px;
   margin: 7px 17px 17px 17px;

   background-color: #323232;
   border: 3px solid white;

   box-shadow: 2px 2px 4px #323232;

}

/*PRE-FOOTER*/

.pre-footer { 

   width: 920px;
   margin: 0 auto;

}

.pre-footer .sheet { 

   min-height: 100px;

   padding: 40px;

   background-color: #f0f0f0;
   border: 3px solid white;
   border-bottom: none;
   border-radius: 50px;

   box-shadow: 2px -2px 4px #323232;

   text-align: justify;

}

.pre-footer .silhouette { 

   display: block;
   margin: 0 auto;

}

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