Position and styling of inline header (and link).

1 files changed, 20 insertions, 9 deletions

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;