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

 
(44 intermediate revisions by 2 users 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 291: Line 292:
 
.widebox p {
 
.widebox p {
 
     font-style: italic;
 
     font-style: italic;
−
     margin:5% 5% 5% 5%;
+
     margin:5% auto;
 
}
 
}
  
 
.widebox h2 {
 
.widebox h2 {
−
     margin:5% 5% 5% 5%;
+
     margin:5% auto;
 
}
 
}
  
Line 307: Line 308:
 
display: block;
 
display: block;
 
opacity: 0.7;
 
opacity: 0.7;
−
left: 12.5%;
+
margin: 5% auto;
 +
}
 +
 
 +
.widebox .whiterow {
 +
background-color: #FFF;
 +
width:50%;
 
}
 
}
  
Line 342: Line 348:
 
}
 
}
  
−
.togglebar .datatable table{
+
.togglebar .datatable {
 
width: 90%;
 
width: 90%;
 
}
 
}
Line 355: 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 374: 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 580: 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 653: 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 781: 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,018: Line 1,056:
  
 
.logonormal2 {
 
.logonormal2 {
−
     width:10%;
+
     width:7%;
 
     position:relative;
 
     position:relative;
 
     display:table-cell;
 
     display:table-cell;
Line 1,055: Line 1,093:
  
 
#novolab {
 
#novolab {
−
height:75px;
+
height:50px;
 
}
 
}
  
Line 1,063: Line 1,101:
  
 
.logonormal .whiterow {
 
.logonormal .whiterow {
 +
height:25px;
 +
}
 +
 +
.logonormal2 .whiterow {
 
height:25px;
 
height:25px;
 
}
 
}
Line 1,077: 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,267: 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,290: Line 1,343:
  
 
.logonormal .whiterow {
 
.logonormal .whiterow {
 +
height:15px;
 +
}
 +
 +
.logonormal, .logenormal2 {
 +
margin:0;
 +
}
 +
 +
.logonormal2 .whiterow {
 
height:15px;
 
height:15px;
 
}
 
}
Line 1,301: 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