Difference between revisions of "Team:KU Leuven/research/results/css"

(Undo revision 183088 by VinnieVD (talk))
 
Line 1: Line 1:
 
<html>
 
<html>
−
<head>
 
−
<link rel="stylesheet" href="https://2015.igem.org/Team:TU_Delft/bootstrap.min.css?action=raw&ctype=text/css" type="text/css">
 
−
<script type="text/javascript" src="https://2015.igem.org/Team:TU_Delft/bootstrap.min.js?action=raw&ctype=text/javascript"></script>
 
  
 +
<style>
  
 +
p {
 +
    font-size:1.5em;
 +
}
  
 +
h4 {
 +
    font-size:1em;
 +
text-align:left
  
 +
}
 +
/*********************/
 +
/*      PAGES      */
 +
/********************/
  
 +
/* in this section the parts of the page are defined in space and background */
  
−
<body>
+
.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      */
 +
/********************/
 +
 +
.summaryheader {
 +
    position: relative;
 +
    display:block;
 +
    width:100%;
 +
    top:0;
 +
    left:0;
 +
    overflow:hidden;
 +
}
 +
 +
.summaryimg {
 +
    position:relative;
 +
    width:100%;
 +
    height:200px;
 +
    overflow:hidden;
 +
    opacity:0.5;
 +
    top:-60%;
 +
    left:0;
 +
    vertical-align:top;
 +
}
 +
 +
 +
.summarytext1, .summarytext2, .summarytext3 {
 +
    position: relative;
 +
    border:0;
 +
    top:0;
 +
    left:0;
 +
    padding:5% 2% auto;
 +
    margin:0;
 +
    width:100%;
 +
    z-index:2;
 +
    display: block;
 +
    background-color: #f3efe7;
 +
    box-shadow: 0px 0px 10px 10px #f3efe7;
 +
    height:auto;
 +
}
 +
 +
.head {
 +
    position:absolute; 
 +
    height:20%;
 +
    width:100%;
 +
    top:25%;
 +
    align:center;
 +
    font-size:2.5em;
 +
    z-index:2;
 +
    opacity:1;
 +
}
 +
 +
 +
.head h2{
 +
    opacity:1;
 +
    color:black;
 +
}
 +
 +
.part {
 +
    position:relative; 
 +
    height:90%;
 +
    width:65%;
 +
    padding:5% 0%;
 +
    left:17.5%;
 +
    top:20px;
 +
    align:center;
 +
}
 +
 +
 +
 +
table {
 +
    padding: 2.5px; width: 90%;
 +
    background-color: #f3efe7;
 +
    border-collapse: collapse;
 +
}
 +
 +
tr {
 +
    border-bottom: 5px solid white;
 +
    font-size:1.2em;
 +
}
 +
 +
th {
 +
    font-variant: small-caps;
 +
    font-size:1.3em;
 +
}
 +
 +
.highlight {
 +
    background-color: transparent;
 +
}
 +
 +
p>a {
 +
    background-color: transparent;
 +
    color:#4A4A4A;
 +
    font-size:1.1em;
 +
    font-weight: normal;
 +
}
 +
 +
/*********************/
 +
/* subsections references */
 +
/*********************/
 +
 +
.subsectionwrapper {
 +
    display:table;
 +
    table-layout: fixed;
 +
    width:70%;
 +
    margin:auto;
 +
}
 +
 +
.subimgrow, .subtextrow {
 +
    display: table-row;
 +
    width:15%;
 +
    vertical-align:top;
 +
    wrap-text: normal;
 +
    color: #808080;
 +
    font-family: 'Handlee';
 +
}
 +
 +
.whitespace {
 +
    display: table-cell;
 +
    width:20px;
 +
}
 +
 +
.subimg, .subtext {
 +
    display: table-cell;
 +
}
 +
 +
.subtext p {
 +
    margin:5% 0%;
 +
}
 +
 +
.readmorebutton {
 +
    display: table-cell;
 +
    text-align:left;
 +
    margin:5% 0%;
 +
}
 +
 +
 +
#image1{
 +
position:relative;
 +
width:50%;
 +
}
 +
 +
#image2{
 +
position:relative;
 +
width:80%;
 +
}
 +
 +
#image3{
 +
position:relative;
 +
width:40%;
 +
}
 +
 +
#image4{
 +
position:relative;
 +
width:70%;
 +
}
 +
 +
 +
@media screen and (max-width: 1000px) {
 +
 +
.part {
 +
    position:relative; 
 +
    height:90%;
 +
    width:95%;
 +
    padding:5% 0%;
 +
    left:2.5%;
 +
    top:20px;
 +
    align:center;
 +
}
 +
 +
}
 +
 +
</style>
  
−
</body>
 
 
</html>
 
</html>

Latest revision as of 16:18, 9 September 2015