#CACHE{3600*24*30} #HTTP_HEADER{Content-Type: text/css;} /* * Thumbnails Navigation Gallery with jQuery * * Credits Mary Lou from Codrops * http://tympanus.net/codrops/2010/07/29/thumbnails-navigation-gallery/ * */ *{ margin:0; padding:0; } body{ font-family:Helvetica, sans-serif; font-size:16px; color:#CONFIG{tng/body_textcolor,'#FFF'}; background-color:#CONFIG{tng/body_bgcolor,'#000'}; overflow:hidden; } h1, h2{ margin:20px; font-size:40px; } h2{ margin:20px; font-size:24px; } .st_overlay{ width:100%; height:100%; position:fixed; top:0px; left:0px; background:transparent [url((#CHEMIN{images/pattern.png})) repeat-x bottom left]; opacity:#CONFIG{tng/overlay_opacity,'0.3'}; } .st_main img.st_preview{ position:absolute; left:0px; top:0px; width:100%; height:100%; } ul.st_navigation{ position:absolute; width:100%; top:140px; left:-300px; list-style:none; } ul.st_navigation li { float:left; clear:both; margin-bottom:8px; position:relative; width:100%; } ul.st_navigation li span.st_link{ background-color:#CONFIG{tng/menu_bgcolor,'#000'}; color:#CONFIG{tng/menu_textcolor,'#FFF'}; float:left; position:relative; line-height:50px; padding:0px 20px; -moz-box-shadow:0px 0px 2px #CONFIG{tng/menu_bgshadow,'#000'}; -webkit-box-shadow:0px 0px 2px #CONFIG{tng/menu_bgshadow,'#000'}; box-shadow:0px 0px 2px #CONFIG{tng/menu_bgshadow,'#000'}; opacity:#CONFIG{tng/menu_opacity,'0.8'}; } ul.st_navigation li span.st_arrow_down, ul.st_navigation li span.st_arrow_up{ position:absolute; margin-left:15px; width:40px; height:50px; cursor:pointer; -moz-box-shadow:0px 0px 2px #CONFIG{tng/menu_bgshadow,'#000'}; -webkit-box-shadow:0px 0px 2px #CONFIG{tng/menu_bgshadow,'#000'}; box-shadow:0px 0px 2px #CONFIG{tng/menu_bgshadow,'#000'}; } ul.st_navigation li span.st_arrow_down{ background:#CONFIG{tng/menu_bgcolor_arrow,'#000'} [ url((#CHEMIN{images/icons/down.png})) no-repeat center center]; } ul.st_navigation li span.st_arrow_up{ background:#CONFIG{tng/menu_bgcolor_arrow,'#000'} [ url((#CHEMIN{images/icons/up.png})) no-repeat center center]; } .st_wrapper{ display:none; position: absolute; width:100%; height:126px; overflow-y:hidden; top:50px; left:0px; } .st_thumbs{ height:126px; margin: 0; } .st_thumbs img{ float:left; margin:3px 3px 0px 0px; cursor:pointer; -moz-box-shadow:1px 1px 5px #000; -webkit-box-shadow:1px 1px 5px #000; box-shadow:1px 1px 5px #000; opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); } .st_loading{ position:fixed; top:10px; right:0px; background:#000 [url((#CHEMIN{images/icons/loader.gif})) no-repeat 10px 50%]; padding:15px 40px 15px 60px; -moz-box-shadow:0px 0px 2px #000; -webkit-box-shadow:0px 0px 2px #000; box-shadow:0px 0px 2px #000; opacity:0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); } .st_about{ display:none; position:absolute; top:50px; left:0px; opacity:#CONFIG{tng/footer_opacity,'0.6'}; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); } .st_subcontent{ background:#CONFIG{tng/footer_bgcolor,'#000'}; color:#CONFIG{tng/footer_textcolor,'#FFF'}; padding:30px; -moz-box-shadow:0px 0px 10px #CONFIG{tng/footer_bgcolor,'#000'}; -webkit-box-shadow:0px 0px 10px #CONFIG{tng/footer_bgcolor,'#000'}; box-shadow:0px 0px 10px #CONFIG{tng/footer_bgcolor,'#000'}; } .st_subcontent a{ color:#CONFIG{tng/footer_linkcolor,'#AAA'}; } .st_subcontent a:hover{ color:#CONFIG{tng/footer_link_hover_color,'#DDD'}; border-bottom:1px dotted #CONFIG{tng/footer_link_hover_color,'#DDD'}; } span.reference{ font-family:Arial; position:fixed; left:10px; bottom:10px; font-size:11px; } span.reference a{ color:#CONFIG{tng/body_link_hover_color,'#AAA'}; text-decoration:none; margin-right:20px; } span.reference a:hover{ color:#CONFIG{tng/body_link_hover_color,'#DDD'}; }