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

 
(40 intermediate revisions by one other user not shown)
Line 158: Line 158:
  
 
.datatable p{
 
.datatable p{
     text-align:left;
+
     text-align:justify;
     padding:5%;
+
     padding:5% 5% 1% 5%;
     margin:1%;
+
     margin:1% 1% 0% 1%;
 
}
 
}
.datatable table {
+
.datatable table, tr {
 
     border-bottom: 1px solid #fcb314;
 
     border-bottom: 1px solid #fcb314;
 
     border-collapse: collapse;
 
     border-collapse: collapse;
     margin: 2% auto;
+
     margin: 0%;
 +
    position:relative;
 
     width:100%;
 
     width:100%;
 
}
 
}
Line 312: Line 313:
 
.widebox .whiterow {
 
.widebox .whiterow {
 
background-color: #FFF;
 
background-color: #FFF;
 +
width:50%;
 
}
 
}
  
Line 346: Line 348:
 
}
 
}
  
.togglebar .datatable table{
+
.togglebar .datatable {
 
width: 90%;
 
width: 90%;
 
}
 
}
Line 359: Line 361:
 
}
 
}
  
.toggleone, .toggletwo, .togglethree, .togglefour, .togglefive , .togglesix , .toggleseven, .toggleeight, .togglenine, .togglethreehalf,.togglefourhalf{
+
.toggleone, .toggletwo, .togglethree, .togglefour, .togglefive , .togglesix , .toggleseven, .toggleeight, .togglenine, .togglethreehalf, .togglefourhalf, .toggleten, .toggleeleven, .toggletwelve, .toggle13, .toggle14, .toggle15{
 
       width: 100%;
 
       width: 100%;
 
         text-align: center;
 
         text-align: center;
Line 378: Line 380:
 
/* All the elements in the navigation bar are defined in this section */
 
/* All the elements in the navigation bar are defined in this section */
  
/*Hello, perhaps a minor problem still but instead of changing all my code i tried to find the correct items in the bar and restyle them to there original styling (see beneath). When comparing we saw that the iGEM still looks like it is in a different font (when i inspect this it look like it has the correct font)
+
/*Hi vincent especially for you a German word ;) Schmetterling
 
+
 
*/
 
*/
 
#top_menu_under, #top_menu_14 {
 
#top_menu_under, #top_menu_14 {
Line 584: Line 585:
 
     background-color: #f3efe7;
 
     background-color: #f3efe7;
 
     overflow:hidden;
 
     overflow:hidden;
 +
}
 +
 +
 +
.nontransparent {
 +
    top:0;
 +
    position: relative;
 +
    border:0;
 +
    display: block;
 +
background-color:rgba(243,239,231,0.95);
 +
    padding:0;
 +
    width:100%;
 +
    height:auto;
 +
    overflow:hidden;
 +
}
 +
 +
.nonpart {
 +
    position: relative;
 +
    margin: 5% 20% 0% auto;
 +
    border:0;
 +
    top:0;
 +
    padding:0;
 +
    width:60%;
 +
    display: block;
 +
    border: 5px solid #f3efe7;
 +
    background-color: #FFF;
 +
    border-radius: 20px;
 +
    background-color:rgba(243,239,231,0.95);
 +
    color: #808080;
 +
    font-family: 'Handlee';
 +
}
 +
 +
.nonpart h3, .nonpart p, .nonpart h2, .nonpart a {
 +
    background-color:rgba(243,239,231,0.95);
 
}
 
}
  
Line 657: Line 691:
 
     z-index:1;
 
     z-index:1;
 
     position:relative;
 
     position:relative;
     top:-40px;
+
     top:-50px;
 
     left: -4.5%;
 
     left: -4.5%;
 
     display: inline-block;
 
     display: inline-block;
Line 785: Line 819:
 
     height:20%;
 
     height:20%;
 
     width:100%;
 
     width:100%;
     top:25%;
+
     top:15%;
 
     align:center;
 
     align:center;
 
     font-size:2.5em;
 
     font-size:2.5em;
Line 1,059: Line 1,093:
  
 
#novolab {
 
#novolab {
height:75px;
+
height:50px;
 
}
 
}
  
Line 1,067: Line 1,101:
  
 
.logonormal .whiterow {
 
.logonormal .whiterow {
 +
height:25px;
 +
}
 +
 +
.logonormal2 .whiterow {
 
height:25px;
 
height:25px;
 
}
 
}
Line 1,081: Line 1,119:
 
}
 
}
  
#eppendorf, #bioke, #kuleuven, #lrd, #youreca, #sigma, #egilab, #kolo, #thermofisher, #solvay, #medicine, #bioscenter, #imec, #genzyme, #gips, #regensys, #gimv, #machery, #vwr, #saillart, #novolab, #lgc {
+
#eppendorf, #bioke, #kuleuven, #lrd, #youreca, #sigma, #egilab, #kolo, #thermofisher, #solvay, #medicine, #bioscenter, #imec, #genzyme, #gips, #regensys, #gimv, #machery, #vwr, #saillart, #novolab, #lgc, #sopach {
 
     opacity: 0.4;
 
     opacity: 0.4;
 
}
 
}
  
#eppendorf:hover, #bioke:hover, #kuleuven:hover, #lrd:hover, #youreca:hover, #sigma:hover, #egilab:hover, #kolo:hover, #thermofisher:hover, #solvay:hover, #medicine:hover, #bioscenter:hover, #imec:hover, #genzyme:hover, #gips:hover, #regensys:hover, #gimv:hover, #machery:hover, #vwr:hover, #saillart:hover, #egilab:hover, #novolab:hover, #lgc:hover {
+
#eppendorf:hover, #bioke:hover, #kuleuven:hover, #lrd:hover, #youreca:hover, #sigma:hover, #egilab:hover, #kolo:hover, #thermofisher:hover, #solvay:hover, #medicine:hover, #bioscenter:hover, #imec:hover, #genzyme:hover, #gips:hover, #regensys:hover, #gimv:hover, #machery:hover, #vwr:hover, #saillart:hover, #egilab:hover, #novolab:hover, #lgc:hover, #sopach:hover {
 
     opacity: 1;
 
     opacity: 1;
 
}
 
}
Line 1,271: Line 1,309:
 
.quote{
 
.quote{
 
width:95%;
 
width:95%;
 +
}
 +
 +
.head {
 +
    position:absolute; 
 +
    height:20%;
 +
    width:90%;
 +
    left:0;
 +
    top:10%;
 +
    z-index:2;
 +
    opacity:1;
 
}
 
}
  
 
.head h2{
 
.head h2{
 
     font-size: 2.0em;
 
     font-size: 2.0em;
 +
text-align: left;
 
}
 
}
  
Line 1,294: Line 1,343:
  
 
.logonormal .whiterow {
 
.logonormal .whiterow {
 +
height:15px;
 +
}
 +
 +
.logonormal, .logenormal2 {
 +
margin:0;
 +
}
 +
 +
.logonormal2 .whiterow {
 
height:15px;
 
height:15px;
 
}
 
}
Line 1,305: Line 1,362:
 
#switchbox {
 
#switchbox {
 
width:30%;
 
width:30%;
 +
}
 +
 +
.summaryimg {
 +
    position:relative;
 +
    width:200%;
 +
    height:200px;
 +
    overflow:hidden;
 +
    opacity:0.5;
 +
    top:-60%;
 +
    left:0;
 +
    vertical-align:top;
 +
}
 +
 +
.nonpart {
 +
    position: relative;
 +
    margin: 5% 5% 0% auto;
 +
    border:0;
 +
    top:0;
 +
    padding:0;
 +
    width:90%;
 +
    display: block;
 +
    background-color:rgba(243,239,231,0.95);
 +
    color: #808080;
 +
    font-family: 'Handlee';
 
}
 
}
  

Latest revision as of 19:35, 20 November 2015