Difference between revisions of "Template:KU Leuven/research/idea/css"

 
(43 intermediate revisions by 2 users not shown)
Line 7: Line 7:
 
}
 
}
  
−
/*********************/
+
h4 {
−
/*      PAGES      */
+
    font-size:1em;
−
/********************/
+
text-align:left
  
−
/* 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;
 
 
}
 
}
−
 
−
.subsections {
 
−
    position: relative;
 
−
    display: block;
 
−
    top:0;
 
−
    width:90%;
 
−
    height:auto;
 
−
    padding:5% 5% 0% 5%;
 
−
    opacity:0.95;
 
−
    background-color: #f3efe7; 
 
−
}
 
−
 
−
 
−
#footer {
 
−
    opacity:0.95;
 
−
    position:relative;
 
−
    display: block;
 
−
    height:250px;
 
−
    width:100%;
 
−
    background-color: #f3efe7;
 
−
}
 
−
 
 
/*********************/
 
/*********************/
 
/*    Summary      */
 
/*    Summary      */
Line 83: Line 50:
 
     box-shadow: 0px 0px 10px 10px #f3efe7;
 
     box-shadow: 0px 0px 10px 10px #f3efe7;
 
     height:auto;
 
     height:auto;
−
}
 
−
 
−
.summarytext1 {
 
−
    min-height:43%;
 
−
}
 
−
 
−
.summarytext2 {
 
−
    height:68%;
 
−
}
 
−
 
−
.summarytext3 {
 
−
    height:8%;
 
 
}
 
}
  
Line 153: Line 108:
 
}
 
}
  
−
/*********************/
 
−
/* subsections references */
 
−
/*********************/
 
  
−
.subsectionwrapper {
+
#image1{
−
    display:table;
+
position:relative;
−
    table-layout: fixed;
+
width:50%;
−
    width:70%;
+
−
    margin:auto;
+
 
}
 
}
  
−
.subimgrow, .subtextrow {
+
#image2{
−
    display: table-row;
+
position:relative;
−
    width:15%;
+
width:80%;
−
    vertical-align:top;
+
−
    wrap-text: normal;
+
−
    color: #808080;
+
−
    font-family: 'Handlee';
+
 
}
 
}
  
−
.whitespace {
+
#image3{
−
    display: table-cell;
+
position:relative;
−
    width:20px;
+
width:40%;
 
}
 
}
  
−
.subimg, .subtext {
+
#image4{
−
    display: table-cell;
+
position:relative;
 +
width:70%;
 
}
 
}
  
−
.subtext p {
 
−
    margin:5% 0%;
 
−
}
 
  
−
.readmorebutton {
+
@media screen and (max-width: 1000px) {
−
    display: table-cell;
+
−
    text-align:left;
+
−
    margin:5% 0%;
+
−
}
+
  
−
.enhance{
+
.part {
−
     display: none;
+
     position:relative;  
−
     position:absolute;
+
     height:90%;
−
     width:100%;
+
     width:95%;
−
     height:100%;
+
     padding:5% 0%;
−
     background-color: white;
+
     left:2.5%;
−
}
+
     top:20px;
−
.img{
+
−
    position:absolute;
+
−
     width:20%;
+
 
     align:center;
 
     align:center;
−
  }
+
}
  
 +
}
  
 
</style>
 
</style>
  
 
</html>
 
</html>

Latest revision as of 19:50, 10 September 2015