Last-Modified: Sun, 15 Feb 2009 17:56:24 GMT ETag: "1e08fc-1411-462f8c9ce6200" Accept-Ranges: bytes Content-Length: 5137 Connection: close Content-Type: text/css /* CSS Name:Phoen1x (based on ngg_dkret3) Description: NextGEN dkret3 style with a shadow effect Author: Jörn Kretzschmar (based on Alex Rabes Default Style) Version: 1.3 This is a template stylesheet that can be used with NextGEN Gallery. I tested the styles with the theme dkret3. Modify it when your theme struggle with it, it's only a template design */ /* ----------- Album Styles Extend -------------*/ .ngg-albumoverview { margin-top: 10px; width: 100%; clear:both; display:block !important; } .ngg-album { height: 100%; padding: 5px; margin: 20px; border: 1px solid #0070ff; overflow:hidden; } .ngg-albumtitle { text-align: left; font-weight: bold; margin:0px; padding:0px; font-size: 1.4em; margin-bottom: 10px; } .ngg-thumbnail { float: left; margin-right: 12px; } .post .content .ngg-thumbnail img { background-color:#FFFFFF; border:1px solid #0070ff; margin:4px 0px 4px 5px; padding:4px; position:relative; } .post .content .ngg-thumbnail img:hover { background-color: #0066CC; } .ngg-description { text-align: left; } /* ----------- Album Styles Compact -------------*/ .ngg-album-compact { float:left; height:180px; padding-right:6px !important; margin:0px !important; text-align:left; width:120px; } .ngg-album-compactbox { background:transparent url(albumset.gif) no-repeat scroll 0%; height:86px; margin:0pt 0pt 6px !important; padding:12px 0pt 0pt 7px !important; width:120px; } .ngg-album-compactbox .Thumb { border:1px solid #000000; margin:0px !important; padding:0px !important; width:91px; height:68px; } .ngg-album-compact h4 { font-size:15px; font-weight:bold; margin-bottom:0px; margin-top:0px; width:110px; } .ngg-album-compact p { font-size:11px; margin-top:2px; } /* ----------- Gallery style -------------*/ .ngg-galleryoverview { margin-top: 10px; width: 100%; clear:both; display:block !important; } .ngg-gallery-thumbnail-box { float: left; } .ngg-gallery-thumbnail { float: left; background: url(shadowAlpha.png) no-repeat bottom right !important; background: url(shadow.gif) no-repeat bottom right; margin: 10px 0 0 17px !important; } .post .content .ngg-gallery-thumbnail img { margin: -6px 6px 6px -6px; background-color:#FFFFFF; border:1px solid #0070ff; display:block; padding:4px; position:relative; } .post .content .ngg-gallery-thumbnail img:hover { background-color: #0066CC; } .ngg-gallery-thumbnail span { display:none; } .ngg-clear { clear: both; } /* ----------- Gallery navigation -------------*/ .ngg-navigation { font-size:0.9em !important; clear:both !important; display:block !important; padding-top:15px; text-align:center; } .ngg-navigation span { font-weight:bold; margin:0pt 6px; } .ngg-navigation a.page-numbers, a.next, a.prev, span.page-numbers, span.next, span.prev { border:1px solid #0070ff; margin-right:3px; padding:3px 7px; } .ngg-navigation a.page-numbers:hover, a.next:hover, a.prev:hover, span.page-numbers:hover, span.next:hover, span.prev:hover { background-color: #0066CC; color: #FFFFFF !important; text-decoration: none !important; } /* ----------- Image browser style -------------*/ .ngg-imagebrowser { } .ngg-imagebrowser h3 { text-align:center; } .ngg-imagebrowser img { border:1px solid #0070ff; margin-top: 10px; margin-bottom: 10px; width: 100%; display:block !important; padding:5px; } .ngg-imagebrowser-nav { padding:5px; margin-left:10px; } .ngg-imagebrowser-nav .back { float:left; border:1px solid #0070ff; margin-right:3px; padding:3px 7px; } .ngg-imagebrowser-nav .next { float:right; border:1px solid #0070ff; margin-right:3px; padding:3px 7px; } .ngg-imagebrowser-nav .counter { text-align:center; font-size:0.9em !important; } /* ----------- Slideshow -------------*/ .slideshow { margin-left: auto; margin-right: auto; text-align:center; } .slideshowlink { } /* ----------- Single picture -------------*/ .ngg-singlepic { background-color:#FFFFFF; border:1px solid #0070ff; display:block; margin:5px; padding:4px; position:relative; } .ngg-left { float: left; } .ngg-right { float: right; } /* ----------- Sidebar widget -------------*/ .ngg-widget, .ngg-widget-slideshow { /* border: 2px solid #0070ff; */ overflow: hidden; margin:5px 0 0 0; padding:0px 0px 0px 0pt; text-align: center; } .ngg-widget img { border:2px solid #0070ff; margin:0pt 2px 2px 0px; padding:1px; } /* ----------- Related images -------------*/ .ngg-related-gallery { background:#F9F9F9; border:1px solid #E0E0E0; overflow:hidden; margin-bottom:1em; margin-top:1em; padding:5px; } .ngg-related-gallery img { border: 1px solid #0070ff; float: left; margin: 0pt 3px; padding: 2px; height: 50px; width: 50px; } .ngg-related-gallery img:hover { border: 1px solid #000000; }