diff client/digitallibrary/greyskin/diginew.css @ 411:80dcfa0ce225

support for bird's eye view; arrows for navigation
author hertzhaft
date Tue, 20 Dec 2005 17:33:39 +0100
parents e9bfc85f2df5
children de930d030a53
line wrap: on
line diff
--- a/client/digitallibrary/greyskin/diginew.css	Tue Dec 20 17:32:22 2005 +0100
+++ b/client/digitallibrary/greyskin/diginew.css	Tue Dec 20 17:33:39 2005 +0100
@@ -21,6 +21,38 @@
 	padding: 0px;
 	}
 
+a.arrow {
+	display: block;
+	position: absolute;
+	border: none;
+	z-index: 150;
+	}
+
+a.arrow:hover {
+/*	background-color: lightgray; */
+	background-repeat: no-repeat;
+	}
+	
+a#up:hover {
+	background-image: url('up.png');
+	background-position: center;
+	}
+
+a#down:hover {
+	background-image: url('down.png');
+	background-position: center;
+	}
+
+a#left:hover {
+	background-image: url('left.png');
+	background-position: middle;
+	}
+
+a#right:hover {
+	background-image: url('right.png');
+	background-position: middle;
+	}
+
 /* Images */
 
 img.logo {
@@ -30,10 +62,19 @@
 img.png {
 	border: none;
 	}
-	
+
 img.png:hover {
 	background-image: url('corona.png');
 	}
+	
+img#bird-image {
+	border: none;
+	position: absolute;
+	bottom: 10px;
+	right:  10px;
+	visibility: hidden;
+	z-index: 1;
+	}
 
 /* DIVs */
 
@@ -61,10 +102,12 @@
 
 div#overlay {
 	position: absolute;
-	background: transparent;
+	/* background: transparent; */
 	border: 2px solid lightcyan;
-	z-index: 20;
+	z-index: 100;
 	visibility: hidden;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
 	}
 
 div#buttons {
@@ -84,9 +127,30 @@
 
 div#zoom {
 	position: absolute;
-	border: 2px solid #ffff80;
+	border: 2px solid #ffa060;
+	visibility: hidden;
+	z-index: 200;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	}
+
+/* 
+div#bird-frame {
+	position: absolute;
+	border: 2px solid lightcyan;
 	visibility: hidden;
 	}
+*/
+
+div#bird-area {
+	position: absolute;
+	border: 2px solid #ffa060;
+	visibility: hidden;
+	background-color: transparent;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	z-index: 10;
+	}
 
 div#about {
 	position: absolute;
@@ -116,14 +180,17 @@
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	color: lightgreen;
 	border: 1px dotted lightcyan;
-	background: transparent;
+	background-color: transparent;
 	}
 
-p.debug {
+div#debug p.debug, h1 {
 	font-weight: bold;
 	color: lightcyan;
-	margin: 0px;
-	padding: 0px;
 	}
 
+div#debug p, h1 {
+	margin: 0px;
+	padding: 2px 0px;
+	font-size: 9px;
+	}