easyALBUM.css — CSS stylesheet, 4 kB (4283 bytes)

Contenuto del file

/* [easyALBUM] v 1.1.7 Copyright 2006, Thierry Koblentz - TJKDesign.com. all rights reserved. */
/* ie7 fix from v1.1.6 */
* {margin:0;padding:0}
html {font-size:100.1%;height:100.01%;}/* very important for Safari */
h1,h2 {font-size:1.1em;padding:5px 10px}
h1 {border-top:1px solid #fff;border-bottom:1px solid #666;color:#fff;background:red}
h2 {font-weight:bold;padding:6px 30px;margin:10px 0;border-bottom:4px solid #fff;background: url(../img/h2.jpg) no-repeat 0 50%}
h2 a {color:red}
body {margin:3px;background:#fff;font: 1em/1.2 Georgia,"Times New Roman",Times,serif;height:100%}
p {margin:20px 20px 0 0}
acronym {border-bottom:1px dotted #333;cursor:help}
dt {margin:10px 0 5px 0}
dl ul {margin-left:30px}
code {color:blue;font-size:1.3em}
* html code {font-size:1.05em}
/********************** Main document *******************/
#header {background:red url(../img/banner.jpg) repeat-x;height:138px /* important for NN6 */}
#header img {vertical-align:bottom /* display:block breaks IE Mac */}
#wrapper {position:relative /* the DDs would bleed through */;border:2px solid #fff;border-right:3px solid #ccc;border-bottom:3px solid #999}
#bothcolumns {}
/* the Gallery (Unordered List) - position:relative is for ie7 */
#gallery {position:relative;float:left;margin-top:3px;overflow:hidden;height:405px /* FF .8 */;width:222px;background:#000;border:3px solid #000;z-index:1/* IE Mac */}
#gallery li {display:inline;overflow:hidden;height:75px}
#gallery li img {border:3px solid #000;width:105px;height:75px;display:block;margin:0 auto;position:relative;z-index:10}
/* overflow:hidden will break FF 0.8 */ 
#gallery li a {display:block;float:left;height:81px !important /* IE5 Mac */;width:111px;position:relative;color:#fff}
#gallery li a:hover {color:#000;background:#fff} 
#gallery li a:hover img,
#gallery li a:focus img,#gallery li a:active img {border-color:#fff}
#gallery span {position:absolute;top:0;left:0;margin-top:2.2em;padding:0 3px;z-index:1}
#content {margin:10px 10px 20px 270px}
#footer {clear:left;padding:10px 0 10px 20px;border-top:3px double #fff;background:#000;color:#fff}
#footer p {display:inline}
#footer img {border:0;vertical-align:middle;margin-right:15px}
#footer a {color:#fff}
.note {font-style:italic;color:#999}
dd a,.note a {color:red}
/************************ The stuff *********************/
.transparent {opacity:.2;-moz-opacity:0.2}
.nonOpaque {opacity:1;-moz-opacity:1}
a.transparent {cursor:default}
a.nonOpaque {cursor:pointer}
#zDIV_slideShow a {color:#000;background-color:#fff}
#zDIV_slideShow {display:none;position:absolute;left:0;top:0 !important;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;text-align:center;margin:0;z-index:10/* IE Mac */}
/* new style (not for IE 5 WIN or Mac) to center the whole thing if we deal with fixed height images */
@media screen {#zDIV_slideShow {top:50% !important;height:440px;margin-top:-220px}}
#zA_previous,#zA_next,#zA_close {background:transparent !important}
#zA_previous img,#zA_next img,#zA_close img {border:0 !important;margin:5px 2px;margin-bottom:-20px/* to make sure FF doesn't show only the bottom part of these images (top part being hidden by the viewport) ONLY NEEDED if vertical centering is not applied */}
#zA_title {display:block;font-size:1.1em;margin:20px auto 9px/* top margin to compensate for the negative margin on the image ONLY NEEDED if vertical centering is not applied */;padding:5px;width:90%;background-color:transparent !important;cursor:default;text-decoration:none}
#zDIV_slideShow #zA_description {color:red;padding:9px 3px;border:2px solid #000;width:350px;margin:0 auto;display:block}
#zDIV_counter {display:block;width:10em;margin:9px auto;background:#333;color:#fff;padding:3px;font: .9em Arial, Helvetica, sans-serif}
#zIMG {margin-top:15px;padding:3px;background:#fff;border:2px solid #000}
#zDIV_slideShow {padding-bottom:50px !important} /* to make sure FF does not cut-off the description below the image */
.hand {cursor:pointer}
* html #gallery {width:222px}
/* for IE5 both Win and Mac - will be reset in the IE6 CCS */
* html #zDIV_slideShow {background-color:#ececec}
/* for IE5 Win and Mac that don't do opacity at all IE */
* html a.transparent {visibility:hidden}
* html a.nonOpaque {visibility:visible}