Difference between revisions of "Template:KU Leuven/project/css"

 
(7 intermediate revisions by 3 users not shown)
Line 50: Line 50:
 
}
 
}
  
−
#footer {
+
 
−
    top:0;
+
−
    opacity:0.90;
+
−
    position:relative;
+
−
    display: block;
+
−
    height:240px;
+
−
    width:100%;
+
−
    background-color: #f3efe7;
+
−
}
+
  
 
/*********************/
 
/*********************/
Line 105: Line 97:
 
#scrolldown img {
 
#scrolldown img {
 
     position:relative;
 
     position:relative;
−
     height:100%;
+
     height:40%;
 
}
 
}
  
Line 194: Line 186:
 
/*********************/
 
/*********************/
  
−
.subsectionwrapper {
+
/*********************/
−
     display:table;
+
/*    Summary      */
−
     width:70%;
+
/********************/
−
     margin:auto;
+
     
−
}
+
.summary {
−
 
+
     position: relative;
−
.subimgrow, .subtextrow {
+
     margin: 5% 20% 0% auto;
−
     display: table-row;
+
     border:0;
−
     width:15%;
+
    top:0;
−
     vertical-align:top;
+
     padding:0;
−
     wrap-text: normal;
+
     width:60%;
 +
     display: block;
 +
     background-color: #f3efe7;
 
     color: #808080;
 
     color: #808080;
 
     font-family: 'Handlee';
 
     font-family: 'Handlee';
 +
    font-size:1.2em;
 
}
 
}
  
−
.whitespace {
+
#more1 {  
−
     display: table-cell;
+
     display:inline-block;  
−
    width:20px;
+
 
}
 
}
  
−
.subimg, .subtext {
+
#more2 {  
−
     display: table-cell;
+
     display:inline-block;  
 
}
 
}
  
−
.subtext p {
+
#more3 {  
−
     margin:5% 0%;
+
     display:inline-block;  
 
}
 
}
  
−
.readmorebutton {
+
#more4 {  
−
     display: table-cell;
+
     display:inline-block;  
−
    text-align:left;
+
−
    margin:5% 0%;
+
 
}
 
}
  
 +
#more5 { 
 +
    display:inline-block;
 +
}
 +
 +
#comingsoon {
 +
    position:relative;
 +
    display:inline-block; 
 +
    font-size: 3.0em;
 +
    font-weight: bold;
 +
    color: #4A4A4A;
 +
    background-color:#f3efe7;
 +
    font-family: 'Handlee';
 +
    text-align:center;
 +
    padding:5% 0;
 +
    bottom:5%;
 +
    opacity:0.95;
 +
}
  
 
/*********************/
 
/*********************/
−
/* footer */
+
/* subsections references */
 
/*********************/
 
/*********************/
  
−
.sponsorsleft {
+
.subsectionwrapper {
−
     position:absolute;
+
     display:table;
−
     height:60%;
+
     background-color: #ddd1b8;
−
     width:35%;
+
     table-layout: fixed;
−
     display: inline;
+
     width:70%;
−
    left:0;
+
     margin:auto;
−
     bottom:0;
+
 
}
 
}
  
−
#LRD {
+
 
−
     position:absolute;
+
 
−
     width:45%;
+
.subtextrow, .subimgrowm, .subimgreadmore {
−
     display: inline;
+
     display: table-row;
−
     left:20%;
+
     width:15%;
−
     top: 5%;
+
     vertical-align:top;
 +
     wrap-text: normal;
 +
     color: #808080;
 
}
 
}
−
#kuleuven {
+
 
−
     position:absolute;
+
.subimgrow {
−
     width:35%;
+
     display: table-row;
−
     display: inline;
+
     width:15%;
−
     left:20%;
+
     background-color: #f3efe7;
−
    bottom:14%;
+
     wrap-text: normal;
 
}
 
}
  
−
#youreca {
+
.subimgrowm {
−
    position:absolute;
+
     display:none;
−
    width:35%;
+
−
     display: inline;
+
−
    right:5%;
+
−
    bottom:15%;
+
 
}
 
}
  
−
#eppendorf {
+
 
−
    position:absolute;
+
.whitespace {
−
    width:20%;
+
     display: table-cell;
−
     display: inline;
+
     background-color: #f3efe7;
−
     right:7%;
+
     width:5%;
−
     top: 0%;
+
 
}
 
}
  
−
#bioke {
+
.subtext h2 {
−
     position:absolute;
+
     font-size: 2.0em;
−
    width:15%;
+
−
    display: inline;
+
−
    right:7%;
+
−
    top: 20%;
+
 
}
 
}
  
−
#footercenter {
+
.subtext p {
−
     position:absolute;
+
     margin:5% 5% 5% 5%;
−
    height:100%;
+
     text-align: justify;
−
    display: inline;
+
     font-size: 1.0em;
−
    left:35%;
+
−
     right:35%;
+
−
     bottom:0;
+
 
}
 
}
  
−
 
+
.subtext a:hover {
−
#bioscenter {
+
     text-decoration:none;
−
     position:absolute;
+
−
    width:60%;
+
−
    display: block;
+
−
    left:15%;
+
−
    bottom:50%;
+
−
    z-index:2;
+
 
}
 
}
  
−
#bioscenter img{
+
.readmorebutton {
−
     position:absolute;
+
     display: table-cell;
−
     left:0;
+
     text-align:left;
−
     bottom:0;
+
     margin:5% 0%;
−
    z-index:2;
+
 
}
 
}
  
−
#footerimg {
+
@media screen and (max-width: 1000px) {
−
    position:absolute;
+
 
−
    width:100%;
+
.summary {
−
     height:20%;
+
     margin: 5% 5% 0% auto;
−
     display: block;
+
     border:0;
−
     left:0;
+
     top:0;
−
     right:0;
+
     padding:0;
−
     bottom:0;
+
     width:90%;
 
}
 
}
  
−
#footerimg img{
 
−
    position:absolute;
 
−
    bottom:0;
 
−
    left:0;
 
−
    opacity: 0.5;
 
−
    z-index:1;
 
  
 +
/*********************/
 +
/* subsections references */
 +
/*********************/
 +
 +
.subsectionwrapper {
 +
    display:table;
 +
    table-layout: fixed;
 +
    width:100%;
 +
    margin:auto;
 
}
 
}
  
−
.sponsorsright {
+
.subtextrow, .subimgrow, .subimgreadmore {
−
    position:absolute;
+
     display:none;
−
    height:60%;
+
−
    width:35%;
+
−
     display: inline;
+
−
    right:0;
+
−
    bottom:0;
+
 
}
 
}
  
−
#medicine {
+
.subimgrowm  {
−
     position:absolute;
+
     display: table-row;
−
     width:25%;
+
     width:15%;
−
     display: inline;
+
     wrap-text: normal;
−
     right:20%;
+
     color: #808080;
−
    bottom:5%;
+
 
}
 
}
  
−
#solvay {
+
.subimg {
−
     position:absolute;
+
     display: table-cell;
−
     width:40%;
+
     width:80px;
−
    display: inline;
+
     min-height:80px;
−
    left:5%;
+
−
     bottom:0;
+
 
}
 
}
  
−
#thermofisher {
+
.subtext {
−
     position:absolute;
+
     position:relative;
−
    width:35%;
+
     display: table-cell;
−
     display: inline;
+
     width:80%;
−
     left:5%;
+
     vertical-align:middle;
−
     top: 0;
+
 
}
 
}
  
−
#kolo {
+
 
−
     position:absolute;
+
.whitespace {
−
     width:30%;
+
     display: table-cell;
−
    display: inline;
+
     width:5%;
−
    right:20%;
+
−
    top:0;
+
 
}
 
}
  
−
#sigma {
+
 
−
     position:absolute;
+
.subtext a {
−
     width:20%;
+
     position:relative;
−
    display: inline;
+
     margin: 5% 5px 5% 0;
−
    right:25%;
+
−
    bottom:70%;
+
 
}
 
}
  
−
#egilabo {
+
.subtext a:hover {
−
     position:absolute;
+
     text-decoration:none;
−
    width:15%;
+
−
    display: inline;
+
−
    left:15%;
+
−
    bottom:57%;
+
 
}
 
}
  

Latest revision as of 18:48, 9 September 2015