Mercurial > hg > digilib
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; + }