/* Gorilla stylesheet ================== stylesheet & artwork (c) 2003 Jakub 'jimmac' Steiner bugs/TODO: * navbuttons overlap minithubroll if there's many images */ body { background-color: #dedfce; margin: 0px 50px 0px 50px; width: auto; /* margin: auto; width: 780px; */ font-family: "Bitstream Vera Sans", sans-serif; font-size: 10pt; } img { border: 0px; } a { } a:hover { } h1.title { background-color: black; font-size: 16pt; color: #808080; width: 100%; margin-bottom: 0px; padding: 5px; } .title a { display: block; position:relative; width:100%; height:48px; margin:0; padding:0; } .title a span { /* this overlays text below with an image */ display: block; position:absolute; left:0; top:0; z-index:1; width:400px; height:48px; margin:0; padding:0; background-image: url("title.png"); background-attachment: top left; background-repeat: no-repeat; } div.thumbroll { position: relative; margin: 10px 0px 4px 0px; min-height: 28px; } a#minus,a#plus { display: block; position: relative; float: left; width:24px; height:24px; margin:0px; padding:0px; } a#minus { background: url("minus.png") top left no-repeat; } a#plus { background: url("plus.png") top left no-repeat; } .navigation { background-color: #505050; width: 100%; padding: 5px; font-size: 10px; clear: both; } .navigation a { color: #a0a0a0; font-weight: bold; } div.footer { font-size: 9px; background-color: #d9dac9; width: 100%; margin-top: 2em; padding: 5px 5px 20px 5px; clear: both; } div.year { font-size: 11pt; float: left; margin: 10px; } div.month { margin: 0px 0px 0px 2em; padding: 2px; } div.month h4 { margin: 0px 0px 3px 0px; } /* ul won't work on safari with float: left */ div.month p { margin: 2px; padding: 0px 0px 0px 6px; list-style: none; font-size: 10px; } div#image { position: relative; display: block; clear: both; margin-left: auto; margin-right: auto; /* border: 1px solid black; */ min-height: 480px; /* only works in gecko :/ */ height: 500px; } img#preview { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin-left: auto; margin-right: auto; /* margin-left: -320px; later fixed by javascript; what a kludge this was */ } div.comment { margin: 2em 0px; color: #808080; font-size: 9px; } div.comment span { color: black; font-weight: bold; font-size: 10px; } div.prevthumb,div.nextthumb { position: absolute; margin-bottom: 1em; width: 120px; height: 140px; } div.prevthub { top: 0px; left: 0px; text-align: right; } div.nextthumb { margin-left: auto; right: 0px; top: 0px; } div.nextthumb a,div.prevthumb a { text-decoration: none; } div#mqhq a { display: block; border: 2px solid black; padding: 2px; font-size: 10px; font-weight: bold; background-color: #d1940c; color: black; float: left; width: 48px; text-align: center; margin: 2px; } div.navbuttons { position: absolute; top: 140px; left: 50%; margin-left: -50px; width: 64px; height: 32px; z-index: 1; } div.navbuttonsshell { position: relative; width: 100%; margin: 2px; } div.navbuttonsshell a#previcon { display: block; position: absolute; width: 24px; height: 24px; margin: 2px; padding: 0; top: 0px; left: 0px; color: #f6f6f6; font-size: 30px; /* make unreadable */ text-indent: 2em; /* push it off screen, since khtml doesn't do 0px fonts */ overflow: hidden; /* hide the oveflow text */ background: url("left.png") top left no-repeat; /* have a pixmap */ } div.navbuttonsshell a#nexticon { display: block; position: absolute; width: 24px; height: 24px; margin: 2px 4px 2px auto; padding: 0; right: 4px; top: 0px; color: #f6f6f6; font-size: 30px; /* make unreadable */ text-indent: 2em; /* push it off screen, since khtml doesn't do 0px fonts */ overflow: hidden; /* hide the overflow text */ background: url("right.png") top left no-repeat; /* have a pixmap */ } div#mqhq { margin: 2px 2px 4px 0px; height: 32px; } div.stylenavbar { position:relative; /* left: 0px; right: auto; top:auto; bottom:0px; */ margin: 2px; font-size: 9px; }