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

 
(46 intermediate revisions by 2 users not shown)
Line 11: Line 11:
 
/********************/
 
/********************/
 
/* in this section the parts of the page are defined in space and background */
 
/* in this section the parts of the page are defined in space and background */
−
 
−
.main-nav {
 
−
    position:fixed;
 
−
    width:100%;
 
−
    height: 30px;
 
−
    top: 17px;
 
−
    left:0;
 
−
    display: block;
 
−
    background-color: #ddd1b8;
 
−
    z-index: 5;
 
−
}
 
  
  
Line 33: 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 39: Line 38:
 
     position: relative;
 
     position: relative;
 
     display: table;
 
     display: table;
−
     width:50%;   
+
     width:65%;   
 
     text-align:center;  
 
     text-align:center;  
 
     margin: 2.5% 0 0 0;
 
     margin: 2.5% 0 0 0;
−
     left: 17.5%;
+
     left: 15.5%;
 
     border:0;
 
     border:0;
 
     background-color: #f3efe7;
 
     background-color: #f3efe7;
Line 51: Line 50:
 
     position: relative;
 
     position: relative;
 
     display: table;
 
     display: table;
−
     width:50%;   
+
     width:65%;   
 
     text-align:center;  
 
     text-align:center;  
 
     margin: 2.5% 0 0 0;
 
     margin: 2.5% 0 0 0;
−
     left: 32.5%;
+
     left: 21.5%;
 
     border:0;
 
     border:0;
 
     background-color: #f3efe7;
 
     background-color: #f3efe7;
Line 60: 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 122: 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 143: Line 99:
 
}
 
}
  
−
.whiterow {
+
#teamtable .whiterow {
 
     position: relative;
 
     position: relative;
 
     display: table;
 
     display: table;
Line 227: 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 238: 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 248: 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 257: 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 266: Line 257:
 
     display:table-cell;
 
     display:table-cell;
 
     width:17%;
 
     width:17%;
 +
    vertical-align:top;
 +
    padding:1%;
 +
}
 +
 +
.cartoon p {
 +
    text-align:justify;
 
}
 
}
  
Line 344: 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) {
 
.part {
 
.part {
−
   width:100%;
+
   width:95%;
−
   left:0%;
+
   left:2.5%;
 
}
 
}
  
Line 403: Line 351:
 
   width:95%;
 
   width:95%;
 
   left:2.5%;
 
   left:2.5%;
 +
    margin: 5% 0 0 0;
 
}
 
}
  
 
.row {
 
.row {
 
width:95%;
 
width:95%;
 +
left:2.5%;
 
}
 
}
  
Line 414: Line 364:
  
 
.info {
 
.info {
−
width:20%;
+
width:55%;
 
}
 
}
−
.cartoon {
+
 
 +
#teamtable {
 
display:none;
 
display:none;
 
}
 
}
  
−
.cartoon img {
+
#teamtablem {
−
display:none;
+
display:table;
 
}
 
}
  

Latest revision as of 02:44, 18 September 2015