changeset 134:3ed09527e348

Work on the party display system CSS.
author Matti Hamalainen <ccr@tnsp.org>
date Tue, 22 Oct 2013 21:50:02 +0300
parents cf53c6c7b797
children eecac02579c4
files fap.css
diffstat 1 files changed, 73 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- a/fap.css	Tue Oct 22 21:49:37 2013 +0300
+++ b/fap.css	Tue Oct 22 21:50:02 2013 +0300
@@ -401,3 +401,76 @@
 		visibility: hidden;
 	}
 }
+
+
+div.showView {
+	position: absolute;
+	top: 2em;
+	bottom: 2em;
+	left: 2em;
+	right: 2em;
+	
+	background: rgba(0,0,0,0.5);
+	border-radius: 2em;
+	border: 5pt dashed rgba(0,255,0,0.7);
+}
+
+div.showHeader, div.compoHeader {
+	padding: 10pt;
+	z-index: 0;
+	text-align: center;
+	color: #0f0;
+}
+
+div.showHeader .title, div.compoHeader .title {
+	font-size: 32pt;
+}
+
+div.showText, div.compoNext {
+	z-index: 5;
+	font-size: 64pt;
+	text-align: center;
+	color: #0f0;
+}
+
+div.compoNext .entryIndex {
+	position: absolute;
+	top: 1.5em;
+	left: 20pt;
+	font-size: 128pt;
+	color: rgba(0,255,0,0.3);
+}
+
+div.compoNext .entryInfo {
+	position: absolute;
+	top: 50%;
+	right: 20pt;
+	width: 10em;
+	font-size: 24pt;
+	padding: 5pt;
+	border-radius: 10pt;
+	box-shadow: 2px 2px 4px rgba(0,255,0,0.5) inset, -2px -2px 4px rgba(0,255,0,0.5) inset;
+}
+
+
+div.compoPrev {
+	position: absolute;
+	left: 1em;
+	bottom: 1em;
+	min-width: 30%;
+	color: #0f0;
+	font-size: 16pt;
+	font-weight: bold;
+
+	padding: 10pt;
+	border-radius: 10pt;
+	box-shadow: 2px 2px 4px rgba(0,255,0,0.5) inset, -2px -2px 4px rgba(0,255,0,0.5) inset;
+	
+	text-align: right;
+}
+
+div.compoPrev .title {
+	border-bottom: 2px solid #0f0;
+	text-align: left;
+}
+