View source for Template:KU Leuven/journal/newsfeed/css

<html>

<style>


/*********************/
/*     Summary      */
/********************/

.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:-60%;
    left:0;
    vertical-align:top;
}

#showclass {
    position:fixed;
    display:table;
    right:5%;
    bottom:30%;
    width:7.5%;
    z-index: 4;
}

#showclassm {
    position:fixed;
    display:table;
    visibility:hidden;
    left:10%;
    bottom:0%;
    width:80%;
    z-index: 4;
}

.img {
    display:table-cell;
    position:relative;
    width:40%;
}

.imgm {
    display:none;
    position:relative;
    width:12.5%;
}

.partwrapper {
    border: 2.5px solid #8B7A57;
    display: table;
    position: relative;
    width: 90%;
}

.summarytext, .summarytext1, .summarytext2, .summarytext3 {
    position: relative;
    border:0;
    top:0;
    left:0;
    padding:5% 0 auto;
    margin:0;
    width:100%;
    z-index:2;
    display: block;
    background-color: #f3efe7;
    box-shadow: 0px 0px 10px 10px #f3efe7;
    height:auto;
    padding:5%;
    text-align:left;
}

#table {
    position:relative;
    display: table;
    width:60%;
    left:10%;
    padding:10%;
    border-style:solid;
    border-color:transparent;
    border-left-color:#ddd1b8;
    border-width:20px;
}

.circle {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 3;
    background-color: #8b7a57;
    display: inline-block;
    left: 0;
    top: 10px;
}

#table h2 {
    margin:5% 0%;
    left:-5%;
    display:inline-block;
}

.time {
    position:relative;
    left:-20%;
}

.partimg {
    position:relative;
    display:inline-block;
    width:10%;
    height:90%;
    vertical-align:middle;
    padding:2% 0% 2% 2%;
}

.partimg img{
    vertical-align: middle;
}

.partnews {
    position:relative;
    display:inline-block;
    width:80%;
    padding:2%;
    vertical-align:middle;
}

.head { 
    position:absolute;   
    height:20%;
    width:100%;
    top:25%;
    align:center;
    font-size:2.5em;
    z-index:2;
}

.part {
    position:relative;
    display: table-row;   
    padding:1% 0%;
    width:50%;
    left:0;
    top:0;
    align:center;
    border-width: 2.5px;
    border-color: #8b7a57;
}
.evo, .lab, .wiki, .model, .general, .literature, .art, .social {
    position:relative;
    display: table-cell;
    vertical-align: middle;
    border-style: solid;
    border-width: 2.5px;
    border-top-width: 2.5px;
    border-bottom-width: 2.5px;
    border-color: #8b7a57;
}

.parttextfirst{
    border-width: 2.5px;
    border-bottom-width: 2.5px;
    border-color: #8b7a57;  
}

.parttextlast {
    border-width: 2.5px;
    border-top-width: 2.5px;
    border-color: #8b7a57;  
}

@media screen and (max-width: 1000px) {
#table {
    position:relative;
    display: table;
    width:95%;
    left:2.5%;
    padding:2.5%;
    border-style:solid;
    border-color:transparent;
    border-left-color:#ddd1b8;
    border-width:15px;
}

.time {
    position:relative;
    left:-6%;
}

#showclass {
    visibility:hidden;
}

#showclassm {
    visibility:visible;
}

.img {
    display:table-cell;
    position:relative;
    width:12.5%;
}

}

</style>

</html>