From 47e5e619d35f9b936c97ba4304325d69e18f0e1c Mon Sep 17 00:00:00 2001 From: Siri Reiter Date: Thu, 3 Mar 2016 15:54:45 +0100 Subject: Position and styling of inline header (and link). --- test.scss | 29 ++++++++++++++++++++--------- 1 file changed, 20 insertions(+), 9 deletions(-) (limited to 'test.scss') diff --git a/test.scss b/test.scss index 70b74ef..75ff386 100644 --- a/test.scss +++ b/test.scss @@ -41,27 +41,38 @@ } .inlinepage { + position: relative; +//set to make inline header position work border: 0; padding: 0; margin: 0 0 1em 0; - background-color: none; + background-color: transparent; height: 18em; overflow: hidden; } -.inlinepage .header a { - font-weight: normal; - color: white; - background-color: lightblue; - display: block; - padding: 0.5em; -} - //set to annull style.css .inlinecontent { margin-top: 0; } +.inlineheader { + display: block; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + a { + font-weight: normal; + color: white; + background-color: lightblue; + display: block; + padding: 0.5em; + opacity: 0.8; + } +} + + .inlinecontent p { margin-bottom: 0; margin-top: 0; -- cgit v1.2.3