Difference between revisions of "Template:KU Leuven/project/css"
(12 intermediate revisions by 4 users not shown) | |||
Line 50: | Line 50: | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/*********************/ | /*********************/ | ||
Line 105: | Line 97: | ||
#scrolldown img { | #scrolldown img { | ||
position:relative; | position:relative; | ||
− | height: | + | height:40%; |
} | } | ||
Line 124: | Line 116: | ||
z-index:1; | z-index:1; | ||
position:relative; | position:relative; | ||
− | + | top:-40px; | |
display: inline-block; | display: inline-block; | ||
width:15%; | width:15%; | ||
Line 134: | Line 126: | ||
width:80%; | width:80%; | ||
left:10%; | left:10%; | ||
+ | top:0; | ||
} | } | ||
Line 188: | Line 181: | ||
} | } | ||
+ | |||
+ | /*********************/ | ||
+ | /* subsections references */ | ||
+ | /*********************/ | ||
+ | |||
+ | /*********************/ | ||
+ | /* Summary */ | ||
+ | /********************/ | ||
+ | |||
+ | .summary { | ||
+ | position: relative; | ||
+ | margin: 5% 20% 0% auto; | ||
+ | border:0; | ||
+ | top:0; | ||
+ | padding:0; | ||
+ | width:60%; | ||
+ | display: block; | ||
+ | background-color: #f3efe7; | ||
+ | color: #808080; | ||
+ | font-family: 'Handlee'; | ||
+ | font-size:1.2em; | ||
+ | } | ||
+ | |||
+ | #more1 { | ||
+ | display:inline-block; | ||
+ | } | ||
+ | |||
+ | #more2 { | ||
+ | display:inline-block; | ||
+ | } | ||
+ | |||
+ | #more3 { | ||
+ | display:inline-block; | ||
+ | } | ||
+ | |||
+ | #more4 { | ||
+ | display:inline-block; | ||
+ | } | ||
+ | |||
+ | #more5 { | ||
+ | display:inline-block; | ||
+ | } | ||
+ | |||
+ | #comingsoon { | ||
+ | position:relative; | ||
+ | display:inline-block; | ||
+ | font-size: 3.0em; | ||
+ | font-weight: bold; | ||
+ | color: #4A4A4A; | ||
+ | background-color:#f3efe7; | ||
+ | font-family: 'Handlee'; | ||
+ | text-align:center; | ||
+ | padding:5% 0; | ||
+ | bottom:5%; | ||
+ | opacity:0.95; | ||
+ | } | ||
/*********************/ | /*********************/ | ||
Line 195: | Line 244: | ||
.subsectionwrapper { | .subsectionwrapper { | ||
display:table; | display:table; | ||
+ | background-color: #ddd1b8; | ||
+ | table-layout: fixed; | ||
width:70%; | width:70%; | ||
margin:auto; | margin:auto; | ||
} | } | ||
− | . | + | |
+ | |||
+ | .subtextrow, .subimgrowm, .subimgreadmore { | ||
display: table-row; | display: table-row; | ||
width:15%; | width:15%; | ||
Line 205: | Line 258: | ||
wrap-text: normal; | wrap-text: normal; | ||
color: #808080; | color: #808080; | ||
− | |||
} | } | ||
+ | |||
+ | .subimgrow { | ||
+ | display: table-row; | ||
+ | width:15%; | ||
+ | background-color: #f3efe7; | ||
+ | wrap-text: normal; | ||
+ | } | ||
+ | |||
+ | .subimgrowm { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
.whitespace { | .whitespace { | ||
display: table-cell; | display: table-cell; | ||
− | width: | + | background-color: #f3efe7; |
+ | width:5%; | ||
} | } | ||
− | + | .subtext h2 { | |
− | + | font-size: 2.0em; | |
} | } | ||
.subtext p { | .subtext p { | ||
− | margin:5% | + | margin:5% 5% 5% 5%; |
+ | text-align: justify; | ||
+ | font-size: 1.0em; | ||
+ | } | ||
+ | |||
+ | .subtext a:hover { | ||
+ | text-decoration:none; | ||
} | } | ||
Line 225: | Line 296: | ||
text-align:left; | text-align:left; | ||
margin:5% 0%; | margin:5% 0%; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 1000px) { | ||
+ | |||
+ | .summary { | ||
+ | margin: 5% 5% 0% auto; | ||
+ | border:0; | ||
+ | top:0; | ||
+ | padding:0; | ||
+ | width:90%; | ||
} | } | ||
/*********************/ | /*********************/ | ||
− | /* | + | /* subsections references */ |
/*********************/ | /*********************/ | ||
− | . | + | .subsectionwrapper { |
− | + | display:table; | |
− | + | table-layout: fixed; | |
− | width: | + | width:100%; |
− | + | margin:auto; | |
− | + | ||
− | + | ||
} | } | ||
− | + | .subtextrow, .subimgrow, .subimgreadmore { | |
− | + | display:none; | |
− | + | ||
− | display: | + | |
− | + | ||
− | + | ||
} | } | ||
− | + | .subimgrowm { | |
− | + | display: table-row; | |
− | width: | + | width:15%; |
− | + | wrap-text: normal; | |
− | + | color: #808080; | |
− | + | ||
} | } | ||
− | + | .subimg { | |
− | + | display: table-cell; | |
− | + | width:80px; | |
− | display: | + | min-height:80px; |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .subtext { | |
− | + | position:relative; | |
− | position: | + | display: table-cell; |
− | + | width:80%; | |
− | display: | + | vertical-align:middle; |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | .whitespace { | |
− | + | display: table-cell; | |
− | width: | + | width:5%; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | .subtext a { | ||
+ | position:relative; | ||
+ | margin: 5% 5px 5% 0; | ||
} | } | ||
− | . | + | .subtext a:hover { |
− | + | text-decoration:none; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 18:48, 9 September 2015