Mercurial > hg > de.mpg.mpiwg.itgroup.digilib.core
diff src/de/mpg/mpiwg/itgroup/digilib/icons/greyskin/diginew.css @ 1:83c58ea33792
first release (continued)
author | dwinter |
---|---|
date | Mon, 03 Jan 2011 09:11:25 +0100 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/de/mpg/mpiwg/itgroup/digilib/icons/greyskin/diginew.css Mon Jan 03 09:11:25 2011 +0100 @@ -0,0 +1,276 @@ +/* Styles for Digilib NG */ +/* (c) 2005 by Martin Raspe <hertzhaft@biblhertz.it> */ +/* Bibliotheca Hertziana (Max-Planck-Institute for Art History), Rome */ + +body { + background-color: #E0E0E0; + color: black; + font-size: 8pt; + margin-left: 8px; + margin-top: 8px; + padding: 0px; + } + +code { + font-family: monospace; + color: blue; + } + +pre { color: #006060; } + + +a.icon { + margin: 0px; + padding: 0px; + } + +a.arrow { + display: block; + position: absolute; + border: none; + z-index: 50; + background-repeat: no-repeat; + background-position: center; + } + +a#up:hover { + background-image: url('up.png'); + } + +a#down:hover { + background-image: url('down.png'); + } + +a#left:hover { + background-image: url('left.png'); + } + +a#right:hover { + background-image: url('right.png'); + } + +/* Images */ + +img.logo { + border: none; + } + +img.png { + border: none; + } + +img.png:hover { + background-image: url('corona.png'); + } + +img#bird-image { + border: none; + position: fixed; + bottom: 8px; + right: 48px; + visibility: hidden; + z-index: 1; + } + +/* DIVs */ + +div.button { + padding: 0px; + } + +div.separator { + margin-bottom: 4px; + border-top: 2px solid lightgrey; + } + +div.mark { + position: absolute; + color: white; + background: url('mark-bg-16.png'); + font-family: Verdana, Arial, Helvetica, sans-serif; + font-weight: bold; + font-size:11px; + height: 15px; + width: 16px; + padding-top: 1px; + text-align: center; + z-index: 10; + visibility: hidden; + /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='mark-bg-16.png') */ + } + +div#bg { + position: absolute; + background-color: grey; + background-repeat:no-repeat; + cursor: move; + visibility: hidden; +} + +div#scaler { + margin-right: 50px; + /* position: absolute; + left: 8px; + top: 8px; + bottom: 8px; + right: 44px; +*/ /* overflow: auto; */ + } + +div#scaler img { + cursor: default; +} + +div#overlay, div#bird-overlay { + position: fixed; + background-color: transparent; + border: none; + z-index: 100; + visibility: hidden; + /* box-sizing: border-box; + -moz-box-sizing: border-box; */ + } + +div#buttons { + position: fixed; + right: 5px; + top: 5px; + padding: 3px; +/* background-color: #E0E0E0; */ + background-color: lightgrey; + } + +div#dloptions { + position: fixed; + right: 5px; + top: 5px; + padding: 3px; +/* background-color: #E0E0E0; */ + background-color: lightgrey; + visibility: hidden; + } + +div#zoom { + position: absolute; + /* border: 2px solid #ffa060; */ + border: 2px solid #ff0000; + z-index: 200; + visibility: hidden; + /* box-sizing: border-box; + -moz-box-sizing: border-box; */ + } + +div#bird-area { + position: fixed; + /* border: 2px solid #ffa060; */ + border: 2px solid #ff0000; + background-color: transparent; + /* box-sizing: border-box; + -moz-box-sizing: border-box; */ + z-index: 10; + visibility: hidden; + } + +div#calibration { + background: url('blue.png'); + position: absolute; + top: 0px; + width: 400px; + padding: 0px; + visibility: hidden; + z-index: 1000; + } + +div#calibration div { + width: 100%; + height: 100%; + margin: 0px; + padding: 0px; + font-family: Verdana, Arial, Helvetica, sans-serif; + text-align: center; + color: lightcyan; + border: 1px solid lightcyan; + background: url('ruler-top.gif') 0px -1px repeat-x; + z-index: 1001; + } + +p.cm { + font-weight: bold; + } + +div.popup-menu { + position: absolute; + top: 0px; + padding: 0px 2px; + font-family: Verdana, Arial, Helvetica, sans-serif; + border: 2px solid lightcyan; + background-color: lightgrey; + text-align: center; + visibility: hidden; + z-index: 1005; + } + +div.popup-menu p { + margin: 2px 0px; + padding: 0px; + } + +div.popup-menu p:hover { + background-color: #ffa060; + } + +div.popup-menu a { + text-decoration: none; + color: black; + } + +div#about { + position: absolute; + width: 200px; + top: 100px; + left: 350px; + height: 200px; + padding: 0px 2px; + font-family: Verdana, Arial, Helvetica, sans-serif; + border: 2px solid lightcyan; + background-color: lightgrey; + text-align: center; + visibility: hidden; + z-index: 1000; + } + +div#about p { + margin: 6px; + } + + +/* DEBUG elements */ + +div#debug { + position: absolute; + width: 150px; + top: 50px; + right: 36px; + bottom: 50px; + overflow: auto; + padding: 0px 2px; + font-family: Verdana, Arial, Helvetica, sans-serif; + color: lightgreen; + border: 1px dotted black; + background-color: transparent; + visibility: hidden; + } + +div#debug p.debug, h1 { + font-weight: bold; + color: lightcyan; + } + +div#debug p, h1 { + margin: 0px; + padding: 2px 0px; + font-size: 9px; + background-color: black; + } + +