Difference between revisions of "Template:KU Leuven/team/members/css"

 
(16 intermediate revisions by the same user not shown)
Line 22: Line 22:
 
     border:0;
 
     border:0;
 
     background-color: #f3efe7;
 
     background-color: #f3efe7;
−
     box-shadow: 0px 0px 10px 10px #f3efe7;
+
}
 +
 
 +
#teamtablem {
 +
     position: relative;
 +
    display: none;
 +
    width:100%; 
 +
    text-align:center;
 +
    margin:0;
 +
    padding:5% 0;
 +
    border:0;
 +
    background-color: #f3efe7;
 
}
 
}
  
Line 49: Line 59:
 
}
 
}
  
−
#summarywrapper {
 
−
    top:0;
 
−
    position: relative;
 
−
    border:0;
 
−
    display: block;
 
−
    opacity:0.95;
 
−
    padding:0;
 
−
    width:100%;
 
−
    height:auto;
 
−
    background-color: #f3efe7;
 
−
    overflow:hidden;
 
−
}
 
−
 
−
 
−
/*********************/
 
−
/*      Head        */
 
−
/*********************/
 
−
 
−
.summaryheader {
 
−
    position: relative;
 
−
    display:block;
 
−
    width:100%;
 
−
    top:0;
 
−
    left:0;
 
−
    overflow:hidden;
 
−
}
 
−
 
−
.summaryimg {
 
−
    position:relative;
 
−
    width:100%;
 
−
    height:200px;
 
−
    overflow:hidden;
 
−
    opacity:0.7;
 
−
    top:0;
 
−
    left:0;
 
−
    vertical-align:top;
 
−
}
 
−
 
−
.summaryimg img{
 
−
    position:absolute;
 
−
    top:-200px;
 
−
    left:0;
 
−
}
 
−
 
−
.head {
 
−
    position:absolute; 
 
−
    height:20%;
 
−
    width:100%;
 
−
    top:50px;
 
−
    align:center;
 
−
    font-size:2.5em;
 
−
    z-index:2;
 
−
}
 
  
 
/*********************/
 
/*********************/
Line 111: Line 68:
 
     display: table;
 
     display: table;
 
     table-layout: fixed;
 
     table-layout: fixed;
−
     width:80%;
+
     width:90%;
 
     text-align:center;
 
     text-align:center;
 
     vertical-align: top;  
 
     vertical-align: top;  
 +
}
 +
 +
.fourthrow, .fifthrow, .sixthrow {
 +
    position: relative;
 +
    display: table;
 +
    table-layout: fixed;
 +
    width:90%;
 +
    left:5%;
 +
    text-align:center;
 +
    vertical-align: top;
 
}
 
}
  
Line 132: Line 99:
 
}
 
}
  
−
.whiterow {
+
#teamtable .whiterow {
 
     position: relative;
 
     position: relative;
 
     display: table;
 
     display: table;
Line 216: Line 183:
 
     width:50%;
 
     width:50%;
 
     top:5%;
 
     top:5%;
 +
}
 +
 +
#teamtablem #jasper, #teamtablem #laetitia, #teamtablem #laura, #teamtablem #laurens {
 +
    position: relative;
 +
    display: table-cell;
 +
    width:2.8%;
 +
    top:0%;
 
}
 
}
  
Line 227: Line 201:
 
     display: table-cell;
 
     display: table-cell;
 
     width:17%;
 
     width:17%;
 +
}
 +
 +
.bigpicturem {
 +
    position:relative;
 +
    display: table-cell;
 +
    width:10%;
 
}
 
}
  
 
.bigpicture img {
 
.bigpicture img {
 +
    border-radius: 50px 0% 0% 50px;
 +
}
 +
 +
.bigpicturem img {
 
     border-radius: 50px 0% 0% 50px;
 
     border-radius: 50px 0% 0% 50px;
 
}
 
}
Line 237: Line 221:
 
     display:table-cell;
 
     display:table-cell;
 
     width:17%;
 
     width:17%;
 +
    vertical-align:top;
 +
    padding:1%;
 +
}
 +
 +
.infom{
 +
    position:relative;
 +
    display:table-cell;
 +
    width:33%;
 
     vertical-align:top;
 
     vertical-align:top;
 
     padding:1%;
 
     padding:1%;
Line 246: Line 238:
  
 
.info img{
 
.info img{
 +
    position:absolute;
 +
    width:100%;
 +
    visibility:hidden;
 +
}
 +
 +
.infom p{
 +
    text-align:left;
 +
}
 +
 +
.infom img{
 
     position:absolute;
 
     position:absolute;
 
     width:100%;
 
     width:100%;
Line 339: Line 341:
 
}
 
}
  
−
/*********************/
 
−
/* Back */
 
−
/*********************/
 
−
 
−
.subsections {
 
−
    position: relative;
 
−
    display: block;
 
−
    margin:0 auto;
 
−
    border:0;
 
−
    padding:0;
 
−
    width:100%;
 
−
    opacity:0.95;
 
−
    background-color: #f3efe7;
 
−
}
 
−
 
−
.subsectionwrapper {
 
−
    display:table;
 
−
    width:15%;
 
−
    margin:auto;
 
−
}
 
−
 
−
.subimgrow, .subtextrow {
 
−
    display: table-row;
 
−
    width:100%;
 
−
    vertical-align:top;
 
−
    wrap-text: normal;
 
−
    font-family: 'Handlee';
 
−
}
 
−
 
−
.whitespace {
 
−
    display: table-cell;
 
−
    width:40px;
 
−
}
 
−
 
−
.subimg {
 
−
    height:80px;
 
−
    display: table-cell
 
−
}
 
−
 
−
.subtext {
 
−
    position: absolute;
 
−
    left: 45%;
 
−
    bottom: -10%;
 
−
    z-index:1;
 
−
}
 
−
 
−
.subtext p {
 
−
    margin:5% 0%;
 
−
}
 
  
 
@media screen and (max-width: 1000px) {
 
@media screen and (max-width: 1000px) {
Line 403: Line 356:
 
.row {
 
.row {
 
width:95%;
 
width:95%;
 +
left:2.5%;
 
}
 
}
  
Line 410: Line 364:
  
 
.info {
 
.info {
−
width:35%;
+
width:55%;
 
}
 
}
  
−
.info q {
+
#teamtable {
 
display:none;
 
display:none;
 
}
 
}
  
−
.cartoon {
+
#teamtablem {
−
width:0;
+
display:table;
−
}
+
−
 
+
−
.cartoon p {
+
−
width:0;
+
−
 
+
 
}
 
}
  

Latest revision as of 02:44, 18 September 2015