Difference between revisions of "Template:KU Leuven/main/css"
(43 intermediate revisions by 2 users not shown) | |||
Line 39: | Line 39: | ||
opacity:0.95; | opacity:0.95; | ||
background-color: #f3efe7; | background-color: #f3efe7; | ||
− | + | z-index:2; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
Line 56: | Line 46: | ||
/*********************/ | /*********************/ | ||
− | + | #topimg { | |
+ | position:fixed; | ||
+ | z-index: 0; | ||
+ | width: 100%; | ||
+ | height:100%; | ||
+ | |||
+ | } | ||
#hiddenimg { | #hiddenimg { | ||
Line 70: | Line 66: | ||
display:block; | display:block; | ||
position:relative; | position:relative; | ||
− | left: | + | left:10px; |
width:100%; | width:100%; | ||
background-color: #f3efe7; | background-color: #f3efe7; | ||
Line 81: | Line 77: | ||
display:block; | display:block; | ||
color: #FFFFFF; | color: #FFFFFF; | ||
− | z-index:1; | + | z-index:1; |
− | + | ||
− | + | ||
} | } | ||
Line 107: | Line 101: | ||
z-index:1; | z-index:1; | ||
position:relative; | position:relative; | ||
− | top: | + | top:-20px; |
left: -4.5%; | left: -4.5%; | ||
display: inline-block; | display: inline-block; | ||
Line 126: | Line 120: | ||
opacity: 0.95; | opacity: 0.95; | ||
right:-10px; | right:-10px; | ||
− | top:- | + | top:-20px; |
bottom:0; | bottom:0; | ||
width:17%; | width:17%; | ||
Line 205: | Line 199: | ||
/* subsections references */ | /* subsections references */ | ||
/*********************/ | /*********************/ | ||
+ | |||
+ | .subtext { | ||
+ | position:relative; | ||
+ | margin: 5% 5px 5% 0; | ||
+ | } | ||
.subsectionwrapper { | .subsectionwrapper { | ||
− | display:table; | + | display:table; |
table-layout: fixed; | table-layout: fixed; | ||
width:70%; | width:70%; | ||
Line 213: | Line 212: | ||
} | } | ||
− | + | .subtextrow { | |
display: table-row; | display: table-row; | ||
width:15%; | width:15%; | ||
Line 219: | Line 218: | ||
wrap-text: normal; | wrap-text: normal; | ||
color: #808080; | color: #808080; | ||
+ | background: #ddd1b8; | ||
+ | border-radius: 30px 30px 0px 0px; | ||
+ | } | ||
+ | |||
+ | .subimgrowm { | ||
+ | display: table-row; | ||
+ | width:15%; | ||
+ | vertical-align:top; | ||
+ | wrap-text: normal; | ||
+ | color: #808080; | ||
+ | } | ||
+ | |||
+ | .subimgreadmore { | ||
+ | display: table-row; | ||
+ | width:15%; | ||
+ | vertical-align:top; | ||
+ | wrap-text: normal; | ||
+ | color: #808080; | ||
+ | background-color: #ddd1b8; | ||
+ | } | ||
+ | |||
+ | .subimgrow { | ||
+ | display: table-row; | ||
+ | width:15%; | ||
+ | background: linear-gradient(#f3efe7,#ddd1b8); | ||
+ | wrap-text: normal; | ||
} | } | ||
Line 228: | Line 253: | ||
.whitespace { | .whitespace { | ||
display: table-cell; | display: table-cell; | ||
+ | background-color: #f3efe7; | ||
width:5%; | width:5%; | ||
} | } | ||
+ | .subtext { | ||
+ | background-color: #ddd1b8; | ||
+ | border-radius: 20px 20px 0px 0px; | ||
+ | } | ||
+ | |||
+ | .subtext h2 { | ||
+ | font-size: 2.0em; | ||
+ | } | ||
.subtext p { | .subtext p { | ||
− | margin:5% | + | margin:5% 5% 5% 5%; |
+ | text-align: justify; | ||
+ | font-size: 1.0em; | ||
} | } | ||
Line 268: | Line 304: | ||
} | } | ||
− | .subtextrow, .subimgrow { | + | .subtextrow, .subimgrow, .subimgreadmore { |
display:none; | display:none; | ||
} | } | ||
+ | |||
.subimgrowm { | .subimgrowm { | ||
Line 277: | Line 314: | ||
wrap-text: normal; | wrap-text: normal; | ||
color: #808080; | color: #808080; | ||
+ | } | ||
+ | |||
+ | .subtextm a { | ||
+ | margin: 5%; | ||
} | } | ||
.subimg { | .subimg { | ||
display: table-cell; | display: table-cell; | ||
− | width: | + | width:50px; |
− | min-height: | + | min-height:50px; |
} | } | ||
− | . | + | .subtext { |
position:relative; | position:relative; | ||
display: table-cell; | display: table-cell; | ||
width:80%; | width:80%; | ||
vertical-align:middle; | vertical-align:middle; | ||
+ | background-color:transparent; | ||
} | } | ||
+ | |||
Line 304: | Line 347: | ||
} | } | ||
− | . | + | |
+ | .subtextm a:hover { | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
Line 310: | Line 354: | ||
} | } | ||
+ | |||
+ | #eppendorf, #bioke, #kuleuven, #lrd, #youreca, #sigma, #egilab, #kolo, #thermofisher, #solvay, #medicine, #bioscenter, #imec, #genzyme, #gips, #regensys, #gimv, #machery, #vwr, .logosmall{ | ||
+ | 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, .logosmall:hover { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 16:32, 10 September 2015