img{ border: none; /* display: block; */ margin: 0px auto; } /*********************************** * deGallery default classes * * Set * * gallery.customClassPrefix * * -or- * * gallery.customClassSuffix * * for per-gallery custom css * * * * ####### NOTE ####### * * The following MUST be * * inserted into the * * of EVERY page containing * * this gallery script in * * order to keep indicator * * number widhts consistent * * Don't forget to add * * any custome classes * * (Thanks MS IE fuckers) * * ##################### * * * * ******** ***********************************/ .deGallery{ } .deGallery img{ display: block; } .deGalleryScreen{ /* background-color: #333333; */ height: 320px; /*** IMPORTANT to prevent flickering ***/ text-align: center; } .deGalleryCaption{ /* font-family: Arial,Helvetica,Geneva; */ color: #000000; text-align: center; /* background: url(bg_trans.png) scroll repeat top left; */ font-size: 1.2em; padding: 3px 0px 3px 0px; } .deGalleryControl{ /* font-family: Arial,Helvetica,Geneva; */ text-align: center; padding: 2px 0px 2px 0px; background: url(bg_control.jpg) scroll repeat-x top left; } .deGalleryLoading{ color: #CFB884; /* font-size: .8em; */ } .deGallery .deGalleryControl a.deGalleryIndicator{ color: #CFB884; border: 1px solid #888888; margin: 3px; padding: 0px 2px; width: 20px; display: inline-block; /* required, see notes above for IE<8 kludge */ text-decoration: none; font-size: 1.5em; } .deGallery .deGalleryControl a.deGalleryIndicator:hover{ border: 1px solid #ffffff; cursor: pointer; text-decoration: none; } .deGallery .deGalleryControl a.deGalleryIndicatorActive{ border: 1px solid #ffffff; color: #ffffff; } .deGallery a.deGalleryFalsePlayButton{ float: left; /* font-size: .8em; */ color: #CFB884; margin: 0px 3px; padding: 3px 2px 0px 2px; text-decoration: none; } .deGallery a.deGalleryPlayButton{ float: right; /* font-size: .8em; */ color: #CFB884; margin: 0px 3px; padding: 3px 2px 0px 2px; text-decoration: none; font-size: 1.5em; } .deGallery a.deGalleryPlayButton:hover{ color: #ffffff; cursor: pointer; text-decoration: none; } .deGallery a.deGalleryPageBack{ float: left; color: #CFB884; padding: 0px 5px 0px 5px; text-decoration: none; font-size: 2em; } .deGallery a.deGalleryPageBack:hover{ color: #ffffff; cursor: pointer; text-decoration: none; } .deGallery a.deGalleryPageNext{ float: right; color: #CFB884; padding: 0px 5px 0px 5px; text-decoration: none; font-size: 2em; } .deGallery a.deGalleryPageNext:hover{ color: #ffffff; cursor: pointer; text-decoration: none; } .deGallery a.deGalleryImageNext{ float: right; color: #CFB884; padding: 0px 0px 0px 5px; text-decoration: none; font-size: 2em; } .deGallery a.deGalleryImageNext:hover{ color: #ffffff; cursor: pointer; text-decoration: none; } .deGallery a.deGalleryImageBack{ float: left; color: #CFB884; padding: 0px 5px 0px 0px; text-decoration: none; font-size: 2em; } .deGallery a.deGalleryImageBack:hover{ color: #ffffff; cursor: pointer; text-decoration: none; } /*********** * Galleries *****************/ #g1{ width: 480px; } #g2{ width: 700px; } /*********** * g2 custom css * by setting * gallery2.customClassPrefix = 'my'; *****************************************/ .mydeGalleryScreen{ border-bottom: 1px solid #ffffff; min-height: 438px; /*** IMPORTANT to prevent flickering ***/ } .mydeGalleryCaption{ font-family: Arial,Helvetica,Geneva; color: #ffffff; /* font-size: .8em; */ font-weight: bold; text-align: center; background: url(../images/bg_trans.png) scroll repeat top left; } .mydeGalleryControl{ font-family: Arial,Helvetica,Geneva; text-align: center; padding: 2px 0px 2px 0px; background-color: #000000; border-top: 1px solid #ffffff; } .mydeGalleryLoading{ color: #ffffff; /* font-size: .8em; */ } .mydeGalleryIndicator{ color: #ffffff; /* font-size: .8em; */ border: 1px solid #888888; margin: 3px; padding: 0px 2px; width: 20px; display: inline-block; } .mydeGalleryIndicator:hover{ border: 1px solid #ff0000; cursor: pointer; } .mydeGalleryIndicatorActive{ color: #ffffff; } .mydeGalleryPlayButton{ float: right; /* font-size: .8em; */ color: #ffffff; margin: 0px 3px; padding: 1px 2px 0px 2px; } .mydeGalleryPlayButton:hover{ color: #ffffff; cursor: pointer; } .mydeGalleryPageBack{ float: left; color: #ffffff; padding: 0px 5px 0px 5px; width: 25px; } .mydeGalleryPageBack:hover{ color: #ffffff; cursor: pointer; } .mydeGalleryPageNext{ float: right; color: #ffffff; padding: 0px 5px 0px 5px; } .mydeGalleryPageNext:hover{ color: #ffffff; cursor: pointer; } .mydeGalleryImageNext{ float: right; color: #ffffff; padding: 0px 0px 0px 5px; } .mydeGalleryImageNext:hover{ color: #ffffff; cursor: pointer; } .mydeGalleryImageBack{ float: left; color: #ffffff; padding: 0px 5px 0px 0px; } .mydeGalleryImageBack:hover{ color: #ffffff; cursor: pointer; }