1er commit

Theme zenphoto
This commit is contained in:
2016-10-20 20:07:26 +02:00
commit 5cbd6357ed
81 changed files with 8984 additions and 0 deletions

BIN
css/Archive.zip Normal file

Binary file not shown.

93
css/cbStyles/colorbox.css Executable file
View File

@@ -0,0 +1,93 @@
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*
The following provides PNG transparency support for IE6
Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

51
css/dark.css Normal file
View File

@@ -0,0 +1,51 @@
@import url('style.css');
/* Dark-style css */
body,.caption{background-color:#e7e7e2;color:#ccc;}
#minigal .caption {background-color:transparent!important;}
h1,h2,h3,h4{color:#eee;}
.wrapper#menu,.wrapper#thumbstrip{background:#e7e7e2;}
#main-menu ul li a:hover,#main-menu ul li span:hover,#main-menu ul li a.active,#main-menu ul li.active a,.button:hover,#controls a:hover{color:#fff;}
#site-title h1 a{color:#fff;}
#search input.pushbutton:hover {background:#ccc;}
#search ul {border-color:#444;background-color:#222;}
div#album-wrap ul li a.album-thumb {border-color:#333;background:#333;}
div#album-wrap ul li a.album-thumb:hover {border-color:#444;background:#444;}
div.paging ul li{border-color:#444;}
div.paging ul li.current,div.paging ul li.current,div.paging ul a:hover {color:#fff;}
#news-cat-list .news-cat-active,a.news-cat-active {color:#fff;}
input,textarea,.disabled_input,select {color:#eee!important;background:#444!important;border-color:#000!important;}
input:hover,input:focus,textarea:hover,textarea:focus{border-color:#222!important;}
input.button:hover,input.button:focus,input[type=submit]:hover,input[type=submit]:focus,input[type=reset]:hover,input[type=reset]:focus,#rating input[type=button]:hover,#rating input[type=button]:focus{background:#111!important;color:#ccc!important;}
form strong,.errorlist li{color:red;}
#admin, #admin_data{background:#222;}
#admin h3:hover {color:#86a1b6;}
.alt-thumbs li div.zoomlink{background:#111;color:#fff;}
div.navigation a.pageLink,#pagedthumbsnav-prev a,#pagedthumbsnav-next a,.jcarousel-next-horizontal,.jcarousel-prev-horizontal {background-color:#222;}
#pagedthumbsnav-prev a:hover,#pagedthumbsnav-next a:hover,.jcarousel-next-horizontal:hover,.jcarousel-prev-horizontal:hover{background-color:#444;}
#pagedthumbsimages img:hover,.jcarousel-list li img:hover,#pagedthumbsnav-active img,.jcarousel-list li .activecarouselimage{border-color:#fff!important;}
#minigal div.navigation a.pageLink {background-color:#222;}
div.caption-container {color:#eee;}
div.photo-index {color:#888;}
div.loader {background-image:url(../images/loading.gif);}
div.slideshow img {border-color:#333;}
ul.thumbs li.selected a.thumb {background:#fff;}
.treeview a.selected,.treeview li.selected a{color:#fff!important;}
.wrapper#menu,
.breadcrumbs,
.wrapper#thumbstrip,
.wrapper#footer,
#sidebar,
div.paging,
div.extra-content,
#comment-wrap,
#comments,
#admin, #admin_data,
#minigal-thumbwrap,
div.controls,div.download,
#imagemetadata td,
.passwordform,
.comment,
div#album-wrap.withsidebar.subalbums ul
{border-color:#444;}

195
css/slideshow.css Executable file
View File

@@ -0,0 +1,195 @@
body {
background-color: #000;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
a {
text-decoration: none;
color: #aaa;
}
a:hover {
text-decoration: none;
color: #fff;
}
h4 {
margin: 25px;
font-weight: normal;
font-size: 14px;
}
.imgdesc {
margin: 25px;
font-weight: normal;
font-size: 14px;
}
#slideshowpage {
position: relative;
padding-top: 0px;
margin: 0 auto;
width: 100%;
text-align:center;
border: 0px solid white;
font-size: 0.8em;
color: #fff;
}
#slideshow {
color: white;
text-align: center;
margin: 0 auto;
padding-bottom: 30px;
}
#slideshow a img {
border: 0;
}
#controls {
position: relative;
background-color: transparent;
border: 0px solid #ddd;
text-align: center;
margin: 0 auto;
top: 0px;
padding: 0;
width: 217px;
height: 42px;
font-size: 0.8em;
}
#controls2 {
background-color: transparent;
border: 0px solid #ddd;
text-align: center;
margin: 0 auto;
padding: 0;
width: 217px;
height: 42px;
font-size: 0.8em;
}
#prev {
display: block;
width: 46px;
height: 41px;
margin: 0px;
padding: 0;
float: left;
background-image:url(slideshow-controls.png);
background-position: 0 0;
}
#prev:hover {
background-image:url(slideshow-controls.png);
background-position: 0 -43px;
}
#prev:active {
background-image:url(slideshow-controls.png);
background-position: 0 -86px;
}
#stop {
display: block;
width: 41px;
height: 41px;
margin: 0px;
padding: 0;
float: left;
background-image:url(slideshow-controls.png);
background-position: -46px 0px;
}
#stop:hover {
background-image:url(slideshow-controls.png);
background-position: -46px -43px;
}
#stop:active {
background-image:url(slideshow-controls.png);
background-position: -46px -86px;
}
#pause {
display: block;
width: 39px;
height: 41px;
margin: 0px;
padding: 0;
float: left;
background-image:url(slideshow-controls.png);
background-position: -85px 0px;
}
#pause:hover {
background-image:url(slideshow-controls.png);
background-position: -85px -43px;
}
#pause:active {
background-image:url(slideshow-controls.png);
background-position: -85px -86px;
}
#play {
display: block;
width: 41px;
height: 41px;
margin: 0px;
padding: 0;
float: left;
background-image:url(slideshow-controls.png);
background-position: -126px 0px;
}
#play:hover {
background-image:url(slideshow-controls.png);
background-position: -126px -43px;
}
#play:active {
background-image:url(slideshow-controls.png);
background-position: -126px -86px;
}
#next {
display: block;
width: 50px;
height: 41px;
margin: 0px;
padding: 0;
float: left;
background-image:url(slideshow-controls.png);
background-position: -167px 0px;
}
#next:hover {
background-image:url(slideshow-controls.png);
background-position: -167px -43px;
}
#next:active {
background-image:url(slideshow-controls.png);
background-position: -167px -86px;
}
#slides {
width: 100%;
}
.slideimage {
width: 100%;
text-align: center;
margin: 0 auto;
position: relative;
left: 0px;
}
#speedcontrol {
float:right;
}

446
css/style.css Normal file
View File

@@ -0,0 +1,446 @@
* {padding:0;margin:0;}
html {margin-bottom:1px!important;height:100%!important;height:auto;}
.clr{clear:both}
:focus{outline:none;}
img,a img{border:0;}
ul.hor-list,ul.hor-list li{display:inline;margin-left:0!important;}
body{font:12px Arial,Helvetica,sans-serif;line-height:18px;overflow:-moz-scrollbars-vertical;}
a,a:active{text-decoration:none;}
a:focus,a:hover{text-decoration:underline;}
h1,h2,h3,h4{margin:10px 0;font-family:Georgia,"Times New Roman",Times,serif;}
h1{font-size:26px;}
h2{font-size:22px;font-weight:normal;}
h3{font-size:18px;font-weight:normal;}
h4{font-size:13px;font-weight:normal;margin:5px 0 0 0;font-style:italic;}
div.wrapper{width:100%;clear:both;padding:15px 0;float:left;position:relative;}
div.centered{width:800px;margin:0 auto;padding:0 20px;}
.wrapper#menu{border-bottom:1px solid;padding:10px 0;}
.wrapper#site-title-wrap{padding:10px 0 0 0;}
.wrapper#minigal{padding:0 0 15px 0;}
.breadcrumbs{font-size:16px;font-family:Georgia,"Times New Roman",Times,serif;padding-bottom:5px;border-bottom:1px solid;overflow:hidden;}
.wrapper#thumbstrip{overflow:hidden;padding:20 0 15px 0!important;border-top:1px solid;border-bottom:1px solid;margin-top:10px;}
.wrapper#thumbstrip .centered{width:90%;overflow:hidden;padding:0!important;}
.wrapper#footer {border-top:1px solid;font-size:11px;padding-top:5px;margin-top:15px;}
#main-menu{float:left;width:100%;}
#main-menu ul{display:block;float:left;}
#main-menu ul li{margin-right:5px;padding:0;display:block;float:left;list-style-type:none;background:none;}
#main-menu ul li a,#main-menu ul li span{text-decoration:none;font-family:Georgia,"Times New Roman",Times,serif;display:block;float:left;padding:3px 7px;text-transform:uppercase;}
#main-menu ul li a:hover,#main-menu ul li span:hover{text-decoration:none;cursor:pointer;}
#main-menu ul li a.active,#main-menu ul li.active a{font-weight:bold;text-decoration:none;}
#login_menu{float:right!important;}
#login_menu li{float:right;margin-left:5px;padding:0;display:block;list-style-type:none;background:none;}
.button,#controls a{text-decoration:none;font-size:10px;text-transform:uppercase;}
.button:hover,#controls a:hover{text-decoration:underline;cursor:pointer;}
#site-title{text-align:left;margin-top:15px;}
#site-title h1{line-height:1.5;font-size:42px;font-weight:normal;}
#site-title h1 a{text-decoration:none;letter-spacing:-2px;}
#site-title h1 a:hover{text-decoration:none;}
#logo{margin:0;}
#minigal-title{margin:0;font-size:14px;font-style:italic;float:right;width:75%;text-align:right;font-family:Georgia,"Times New Roman",Times,serif;padding:0 5px 15px 0;}
#sidebar{float:right;width:200px;padding:0 0 15px 30px;border-left:1px solid;}
#sidebar h4,.extra-content h4{margin:15px 0 10px 0;}
#sidebar ul#latestnews li{list-style:none;margin-bottom:25px;}
#sidebar p.readmorelink,.latestnews-cats{display:none;}
.latestnews-desc{}
.latestnews-date{font-style:italic;font-size:11px;margin:-5px 0 5px 0;}
.withsidebar{width:550px;margin:0;clear:none;}
#album-wrap{clear:both;width:800px;margin:0 auto;}
#album-wrap.withsidebar{width:550px;margin:0;clear:none;}
div#album-wrap ul{margin:0;padding:0;overflow:hidden;}
div#album-wrap ul li{height:220px;width:246px;display:block;float:left;margin:10px 30px 10px 0;list-style-type:none;}
div#album-wrap.subalbums ul li{height:140px;}
div#album-wrap.withsidebar.subalbums ul {margin-bottom:35px;border-bottom:1px solid #444;}
div#album-wrap ul li.lastcol{margin-right:0!important;}
div#album-wrap ul li:hover {}
div#album-wrap ul li a.album-thumb {padding:3px;display:block;border:1px solid;}
div#album-wrap ul li a.album-thumb:focus {outline:none;}
div#album-wrap ul li a.album-thumb:hover {}
div#album-wrap div {margin:5px 0;}
div#album-wrap ul li h4 {margin:5px 0 0 0;}
div#album-wrap ul.subalbums li h4 {margin:0 0 0 2px;font-size:10px;text-transform:uppercase;font-style:normal;}
#slideshowlink{float:right;margin-left:15px;font-size:12px;}
#albumdesc{margin-bottom:5px;}
#navbar-prev{float:left;}
#navbar-next{float:right;}
div.paging{width:100%;border-top:1px solid;padding-top:10px;float:left;margin-top:10px;}
div.paging ul{list-style:none;float:left;}
div.paging ul li{font-size:10px;margin:0;padding:1px 5px;list-style:none;display:block;margin-right:2px;float:left;border:solid 1px;}
div.paging ul a,div#pagination ul li.current span{}
div.paging ul .disabledlink{}
div.paging ul li.current,div.paging ul li.current {display:block;}
div.paging ul a:link,div.paging ul a:visited{display:block;float:left;text-decoration:none;}
div.paging ul a:hover{}
#albumjump{float:right;}
#news-cat-list,.news-cat-list {font-size:10px;list-style-image:none;margin:0 0 20px 0!important;padding:0!important;list-style-position:outside;list-style-type:none;}
#news-cat-list li,.news-cat-list li{margin:0!important;padding:0!important;text-transform:uppercase;}
#news-cat-list a {}
#news-cat-list small{font-size:9px;}
#news-cat-list .news-cat-active,a.news-cat-active {text-decoration:underline;}
.readmorelink{display:none;}
#img-sidebar{float:left;width:275px;}
#img-full{float:right;width:490px;}
#img-wrap{margin-bottom:15px;}
.img-desc{margin:10px 0;}
.img-date{font-style:italic;}
#imagemetadata{margin:10px 0 20px 0;}
.metadata_title{display:block;font-weight:bold;margin-bottom:5px;}
#imagemetadata td {padding:3px 0;border-bottom:1px solid;}
#img-prev-left{float:left;text-align:right;}
#img-next-right{float:right;text-align:left;}
div#post{text-align:left;margin:0 0 20px 0;}
div#post p,div#post ul,div#post ol,div#post pre{margin-bottom:15px;}
div#post ul ul,div#post ol ol{margin-bottom:0;}
div#post ul,div#post ol{margin-left:25px;}
div#post blockquote{margin-bottom:15px;font-family:Georgia,Serif;font-size:13px;font-style:italic;}
div.extra-content{width:210px;float:right;margin:0 0 20px 25px;padding-left:25px;border-left:1px solid;}
div.extra-content ul{margin-left:0!important;padding:0!important;}
div.news-truncate{clear:left;}
div.newsarticlecredit{margin:-5px 0 10px 0;font-style:italic;font-size:11px;}
.zenpage_customimage_right,.zenpage_thumb_right{float:right;margin:0 0 15px 20px;}
.zenpage_customimage_left,.zenpage_thumb_left{float:left;margin:0 20px 15px 0;}
#foot-left{float:left;margin:5px 0 20px 0;}
#foot-right{float:right;margin:5px 0 20px 0;}
ul.flags{margin:5px 0 15px -5px;}
form td{padding:5px;vertical-align:top;text-align:left;}
input,textarea,.disabled_input,select {font-size:11px;font-weight:normal!important;border:1px solid!important;padding:4px 5px!important;}
input:hover,input:focus,textarea:hover,textarea:focus{border:1px solid!important;}
input.button:hover,input.button:focus,input[type=submit]:hover,input[type=submit]:focus,input[type=reset]:hover,input[type=reset]:focus,#rating input[type=button]:hover,#rating input[type=button]:focus{cursor:pointer!important;}
form strong{font-weight:bold;}
#rating-wrap{margin:5px 0 15px 0;}
#rating-wrap form{float:left;margin-right:10px;}
#comment-wrap{overflow:hidden;position:relative;text-align:left;clear:both;margin:10px 0 20px 0;padding-top:10px;border-top:1px solid;}
#comment-wrap h3{font-size:14px;font-style:italic;}
#comment-wrap h4{font-size:12px;font-style:italic;}
#commententry{text-align:left;width:450px;}
#commentcontent h3:first-child{float:right;}
#comments{position:absolute;top:60px;right:0;width:350px;}
#comment_toggle{margin-bottom:10px;float:right;}
.comment,#showlatestcomments li{margin-bottom:13px;padding-bottom:13px;border-bottom:1px solid;}
.commentinfo h4{margin-bottom:3px;}
#commentform {text-align:left;}
#commentform table{float:left;width:400px;}
#commentform table td{padding:2px 10px 2px 0;text-align:left;}
#commentform .pushbutton{margin-top:10px;margin-bottom:15px;padding:3px 10px;float:left;}
#commentform textarea{width:370px;float:left;}
#commentform .inputbox{width:200px;}
.errorlist{list-style-position:inside;margin-left:10px;}
#admin, #admin_data{position:fixed;right:0px;top:0px;width:120px;border-bottom:1px solid;border-left:1px solid;z-index:2;padding:2px;}
#admin_data{top:10px;padding-top:20px;z-index:1;line-height:1.6em;}
#admin_data ul{padding:5px 0;}
#admin h3 {font-weight:normal;font-size:13px;margin:0;padding:3px;}
form#mailform{}
form#mailform table{margin:15px 0;}
form#mailform table td{text-align:left;}
.alt-thumbs{clear:left;}
.alt-thumbs li{position:relative;list-style:none;display:inline-block;vertical-align:top;text-align:center;margin:0 20px 20px 0;zoom:1;*display:inline; /* Last two for stupid IE */}
.zoom-overlay{position:absolute;top:4px;right:0;width:100%;display:block;text-align:center;}
#archive-bar {width:540px;height:60px;margin-top:-15px;}
#album-jump{float:right}
#album-jump select option{padding:0 5px;}
#search-top{float:left;margin:0;width:280px;}
/* Search Box
------------------------------ */
#search {float:left;text-align:left;margin:0;padding:0;position:relative;}
#search_input{width:165px;float:left;}
#search input.pushbutton {font:11px/16px arial,helvetica,sans-serif;padding:3px 8px!important;}
#search input.pushbutton:hover {cursor:pointer;}
#search a {text-decoration:none;}
#search a img{float:left;margin:0 2px;}
#search ul {border-left:1px solid;border-right:1px solid;border-bottom:1px solid;position:absolute;left:0;z-index:1000;text-align:left;list-style:none;margin:-2px 0 0 0;overflow:visible;padding:10px;}
#searchfields_icon {}
.passwordform{margin:10px;padding:10px;border:1px solid;}
#tag_cloud {}
#tag_cloud ul li {display:inline;list-style-type:none;}
/* Paged thumbs nav plugin & jCarousel plugin*/
#pagedthumbsnav {width:490px;height:85px;}
#pagedthumbsimages img,.jcarousel-list li img {padding:0px;margin:0 5px;float:left;border:1px solid transparent;}
#pagedthumbsimages img:hover,.jcarousel-list li img:hover {border:1px solid;}
#pagedthumbsnav-active img {border: 1px solid;}
#pagedthumbsnav-prev a,.jcarousel-prev-horizontal {background-image: url(../images/arrow-left.png);}
#pagedthumbsnav-next a,.jcarousel-next-horizontal {background-image: url(../images/arrow-right.png);}
#pagedthumbsnav-prev a,#pagedthumbsnav-next a,.jcarousel-next-horizontal,.jcarousel-prev-horizontal {
width: 16px;
width:25px;
height: 67px;
line-height: 67px;
display: block;
position: relative;
margin: 0 3px;
padding:0 6px;
background-position:center center;
background-repeat:no-repeat;
}
#pagedthumbsnav-prev {float: left;margin-right:10px;}
#pagedthumbsnav-next {float: right;}
#pagedthumbsnav-prevdisabled,#pagedthumbsnav-nextdisabled {display:none;}
.jcarousel-container{width:385px;margin:0 auto;height:85px;}
.jcarousel-clip {width:385px;height: 85px;margin: 0 auto;}
.jcarousel-list {height: 85px;margin-top:0px;}
.jcarousel-list li { width:65px;height:85px;margin:0 1px;}
.jcarousel-next-horizontal {position:absolute;top:0;right:-55px;cursor:pointer;}
.jcarousel-prev-horizontal {position: absolute;top:0;left:-55px;cursor:pointer;}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active,
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {visibility:hidden;}
/* Galleriffic */
div.container {overflow: hidden;display:none;}
#homegal-wrap{width:100%;position:relative;clear:both;}
#home-left{position:absolute;width:360px;width:362px;top:0;left:0;}
#home-right{position:absolute;width:415px;width:417px;top:0;right:0;}
#minigal-thumbwrap{position:absolute;left:-7px;bottom:0;width:360px;padding-bottom:20px;border-bottom:1px solid;}
div.content,#minigal {display: none;clear: both;position:relative;}
div.content a, div.navigation a {text-decoration: none;}
div.navigation a.pageLink {height: 77px;line-height: 77px;} /*overriden in header.php*/
#minigal div.navigation a.pageLink {height: 67px;line-height: 67px;}
div.controls {margin-top: 10px;height: 23px;padding-top:5px;border-top:1px solid;}
div.ss-controls,.details-link {float: left;}
div.nav-controls,.download-link {float: right;}
div.nav-controls .next{margin-left:10px;}
div.slideshow-container,
div.loader,
div.slideshow a.advance-link {width: 480px; /* This should be set to be at least the width of the largest image in the slideshow with padding */}
#minigal div.slideshow-container,
#minigal div.loader,
#minigal div.slideshow a.advance-link {width: 415px;width:417px; /* This should be set to be at least the width of the largest image in the slideshow with padding */}
div.loader,
div.slideshow a.advance-link,
div.caption-container {height: 480px; /* This should be set to be at least the height of the largest image in the slideshow with padding */}
#minigal div.loader,
#minigal div.slideshow a.advance-link,
#minigal div.caption-container {height: 261px; /* This should be set to be at least the height of the largest image in the slideshow with padding */}
div.slideshow-container {
position: relative;
clear: both;
float: right;
height: 480px;
}
#minigal div.slideshow-container {height: 261px;}
div.loader {
position: absolute;
top: 0;
left: 0;
background-image: url(../images/loader.gif);
background-repeat: no-repeat;
background-position: center;
}
div.slideshow span.image-wrapper {
display: block;
position: absolute;
top: 0;
left: 0;
}
#minigal div.slideshow span.image-wrapper {
right: 0;
}
div.slideshow a.advance-link {
display: block;
line-height: 480px; /*This should be set to be at least the height of the largest image in the slideshow with padding */
text-align: center;
}
#minigal div.slideshow a.advance-link {
line-height: 261px; /*This should be set to be at least the height of the largest image in the slideshow with padding */
cursor:default;
text-align:right;
}
div.slideshow a.advance-link:focus {outline: none;}
div.slideshow img {/*border-style: solid;border-width: 3px;*/}
div.caption-container {float: left;position: relative;}
#minigal div.caption-container {position: absolute;top:0;right:0;float:none;}
span.image-caption {display: block;position: absolute;bottom:5px;left: 0;overflow:hidden;background:url(../images/iefill.gif);}
#minigal span.image-caption {bottom:3px;left: 5px;}
div.caption-container, span.image-caption {width: 275px;}
#minigal div.caption-container, #minigal span.image-caption {width: 415px;}
div.image-title {font-weight: bold;font-size: 16px;margin-bottom:5px;}
div.image-desc {margin-bottom: 5px;}
div.download {margin-top: 10px;overflow:hidden;padding-top:5px;border-top:1px solid;}
#minigal div.download {
width:415px;
}
#minigal div.download a{
display:block;
width:415px;
}
div.photo-index {
position: absolute;
bottom: 0;
left: 0;
padding: 0 12px;
}
div.navigation-container {
float: left;
position: relative;
left: 50%;
}
div.navigation {
float: left;
position: relative;
left: -50%;
}
div.navigation a.pageLink {
display: block;
position: relative;
float: left;
margin: 2px 3px;
width: 16px;
padding:0 6px;
background-position:center center;
background-repeat:no-repeat;
}
#minigal div.navigation a.pageLink {
display: block;
position: relative;
float: left;
margin: 0 3px 0 0;
width: 16px;
padding:0 6px;
background-position:center center;
background-repeat:no-repeat;
}
div.navigation a.pageLink:focus {
outline: none;
}
ul.thumbs {
position: relative;
float: left;
margin: 0;
padding: 0;
}
ul.thumbs li {
float: left;
padding: 0;
margin: auto 2px;
list-style: none;
}
a.thumb {
padding: 1px;
display: block;
}
a.thumb:focus {
outline: none;
}
ul.thumbs img {
border: none;
display: block;
}
div.gallery-gutter {
clear: both;
padding-bottom: 20px;
}
div.navigation a.prev {background-image: url(../images/arrow-left.png);}
div.navigation a.next {background-image: url(../images/arrow-right.png);}
#cbCover {position:absolute;left:0;top:0;width:100%;height:100%;}
/* END Galleriffic */
/* Treeview */
.treeview, .treeview ul {
padding: 0;
margin: 0;
list-style: none;
line-height:1;
}
.treeview ul {
margin-top: 4px;
}
.treeview .hitarea {
background: url(../images/treeview-default.gif) -64px -25px no-repeat;
height: 16px;
width: 16px;
margin-left: -16px;
float: left;
cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
display: inline;
float:none;
}
.treeview li {
margin: 0;
padding: 5px 0 5px 16px;
}
.treeview li li{
margin: 0;
padding: 5px 0 5px 20px;
}
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { cursor: pointer; }
.treeview li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/treeview-default.gif); }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

505
css/theme.css Normal file
View File

@@ -0,0 +1,505 @@
p {
margin: 0;
padding: 0;
}
h4 {
margin: 0;
padding: 0;
}
a img {
padding: 0;
}
.center_albums {
width: 890px;
margin-right: auto;
margin-left: auto;
}
.center_search {
float: left;
width: 72%;
margin-left: 15px;
}
#sidebar {
margin-left: 75%;
padding-right: 20px;
top: 184px;
}
#sidebar h4{
padding-bottom: 10px;
margin-bottom: 20px;
}
#sidebar ul {
}
ul#listArchive, #pages ul {
list-style-type: none;
}
ul#listArchive li, #pages li {
padding-left:22px;
background: url(../images/icon_bullet.png) 0 5px no-repeat;
line-height: 24px;
}
ul#listArchive li a, #pages li a {
text-decoration: none;
}
ul#listArchive li a:hover, #pages li a:hover {
text-decoration: underline;
}
.titreBar{
color: #736c4d;
text-shadow: 0px 0px 3px #d9d3c1;
font: normal large "Lucida Grande", Lucida, Verdana, sans-serif;
padding-bottom: 10px;
border-bottom-style: solid;
border-bottom-width: thin;
margin-bottom: 20px;
}
.margeTop {
margin-top: 2em;
}
#albums {
}
#latest {
float: left;
margin-bottom: 2em;
}
#txt {
float: left;
margin-bottom: 2em;
padding-top: 180px;
margin-right: 1em;
}
#info {
float: left;
width: 42%;
}
ul#links {
clear: both;
list-style-type: none;
}
/* headline */
#headline {
padding: 0;
float: left;
}
#headline h3 {
margin-bottom: 1em;
}
.headline-text {
margin-left: 1em;
}
.clear {
clear: both;
margin-top: 2em;
padding-top: 2em;
}
/* paging */
div.paging{width:100%;padding-top:10px;float:left;margin-top:10px;
margin-bottom: 10px;
}
div.paging ul{list-style:none;float:left;}
div.paging ul li{font-size:10px;margin:0;padding:1px 5px;list-style:none;display:block;margin-right:2px;float:left;border:solid 1px #d7d8d4;}
div.paging ul a,div#pagination ul li.current span{}
div.paging ul .disabledlink{}
div.paging ul li.current,div.paging ul li.current {display:block;}
div.paging ul a:link,div.paging ul a:visited{display:block;float:left;text-decoration:none;}
div.paging ul a:hover{}
#albumjump{
float:right;
margin-right: 20px;
}
#albumjump404{
padding: 20px;
margin-top: 20px;
margin-right: 20px;
margin-left: 20px;
color: black;
}
#albumjump404 select{
margin-left: 10px;
}
#albumjump404 p{
margin: 0;
padding: 0 0 12px;
}
/* prec / suiv */
.imgnav, #slideshowlink {
float: right;
position: relative;
width: 140px;
text-align: center;
}
/*
.imgnav {
float: right;
width: 140px;
text-align: center;
margin-top: 5px;
color: #0c2601;
padding: 0;
margin: 0;
}
*/
.imgnav .imgprevious a, .imgnav .imgnext a {
font: normal 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
display: block;
width: 50%;
height: 100%;
float: left;
text-decoration: none;
color: #666;
}
.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover {
text-decoration: none;
color: #aaa;
}
.imgnav .imgprevious a {
float: left;
}
.imgnav .imgnext a {
float: right;
}
/* image.php */
.desc_image {
text-align: center;
margin-top: 1em;
margin-bottom: 2em;
}
#idtag {
margin-left: 15em;
}
ul.hor-list,ul.hor-list li{
display:inline;
margin-left:0!important;
padding-left:0!important;
}
#narrow {
margin: 2em auto 0;
width: 530px;
padding-bottom: 1em;
}
/* menu onglet image.php */
#mes_contenus{
width: 550px;
margin: 0;
padding: 0;
}
#mes_onglets{
width: 550px;
margin: 0;
padding: 0;
font-size: 9pt;
}
#mes_onglets ul{
list-style: none;
padding: 0;
margin: 0;
}
#mes_onglets li {
}
#mes_onglets li a {
text-decoration: none;
color: #666;
}
#mes_onglets li a:hover {
color: #222;
}
.mon_onglet{
float: left;
padding: 4px 8px;
/*margin-right: 5px;*/
margin-bottom: -1px;
/*color: #9C3;*/
color: #666;
cursor: pointer;
-moz-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.mon_onglet:hover{
/*color: #7a2;*/
color: #222;
background: #e7e7e2;
}
.mon_onglet_selected{
float: left;
padding: 4px 6px;
/*margin-right: 5px;*/
margin-bottom: -1px;
background: #f3f3ef;
cursor: pointer;
font-weight: bold;
-moz-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
/* copier l'URL */
#d_clip_button {
width: 50px;
text-align: left;
margin: 0px;
padding: 0px;
text-decoration: none;
color: #666;
}
#d_clip_button.hover { text-decoration: none; color: #222;
background-color: #f3f3ef;
}
#d_clip_button.active { text-decoration: none; color: #666; }
.mon_contenu{
background: #f3f3ef;
padding: 10px;
font-size: 9pt;
}
#exifdata table {
width: 100%;
}
#exifdata td {
text-align: center;
padding: 2px;
}
/* footer */
#footer {
font: 8pt "Lucida Grande", Lucida, Verdana, sans-serif;
}
#foot-left{float:left;margin:5px 0 20px 10px;}
#foot-right{float:right;margin:5px 10px 20px 0;}
/* admin */
#admin, #admin_data{
position:fixed;right:0px;top:0px;width:120px;border-bottom:1px solid;border-left:1px solid;z-index:2;padding:2px;
}
#admin_data{
top:10px;padding-top:20px;z-index:1;line-height:1.6em;
}
#admin_data ul{
padding:5px 0;
}
#admin h3 {
font-weight:normal;font-size:13px;margin:0;padding:3px;
}
/* Search Box
------------------------------ */
#search {float:left;text-align:left;margin: 0 0 1em;padding:0;position:relative;
}
#search_input{width:130px;float:left;
background: url(../images/search_icon.gif) no-repeat 5px 5px!important;padding-left:20px!important;
}
#search input.pushbutton {
/*font:11px/16px arial,helvetica,sans-serif;padding:3px 8px!important;
visibility: hidden;
*/
width:20px; height: 20px;border:0;background: transparent url(../images/search2.png) no-repeat 0 4px; text-indent: -9999px; cursor:pointer;
}
#search input.pushbutton:hover {cursor:pointer;}
#search a {text-decoration:none;}
#search a img{float:left;margin:0 2px;border: 0;}
#searchform ul {border-left:1px solid;border-right:1px solid;border-bottom:1px solid;/*position:absolute;left: 5px;*/z-index:1000;text-align:left;list-style:none;overflow:visible;padding:10px;
background-color: #f8f8f4;
opacity: 1;
font: 8pt "Lucida Grande", Lucida, Verdana, sans-serif;
border-color: #ccc;
margin: 0;
}
#searchform {
margin-bottom: 2em;
}
#searchform img {
border-style: none;
vertical-align: middle;
margin: 0;
padding: 0;
}
#searchfields_icon {
}
.tagMatches {
position:absolute;
z-index: 1001;
top: 25px;
right: 60px;
background-color: #f8f8f4;
}
._tag_suggestion {
background-color: transparent!important;
padding-left: 10px;
}
ul#links {
}
ul#searchextrashow {
width: 170px;
}
ul#searchextrashow li, ul#searchextrashow li:hover {
letter-spacing: 0px;
margin-left: 0px;
margin-top: 0;
font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
ul#searchextrashow li:hover {
}
/* tags */
#tag_cloud {
padding: 0;
margin-top: 15px;
}
/*
#tag_cloud ul {
padding: 0;
}
#tag_cloud ul li {
display:inline;
list-style-type:none;
font-size: smaller;
}
*/
ul.hor-list, ul.hor-list li {
display: inline;
margin-left: 0 !important;
margin-right: 2px;
padding-right: 0;
padding-left: 0;
}
/* loupe colorbox */
div.album-tools{
position: absolute;
z-index: 99;
opacity: 0.5;
}
div.album-tools:hover{
opacity: 1;
}
a.album-tool img{border:0;}
a.album-tool{display:block;}
/* password */
.post {
margin-top: 13em;
margin-right: 6em;
margin-left: 6em;
-webkit-border-radius: 12px 12px 8px 8px;
-moz-border-radius: 12px 12px 8px 8px;
border-radius: 12px 12px 8px 8px;
border: thin solid #a0966c;
padding: 1em;
}
.post p {
padding-bottom: 2em;
}
/* comment */
#comments {
margin-right: 1em;
margin-left: 1em;
}
.comment {
background-color: #e6e7e2;
margin-bottom:8px;
padding: 2px 8px;
}
#commentcontent h3 {
display: none;
}
.commentinfo h4 {
font-size: 10pt;
margin-top: 4px;
}
.commenttext {
margin-bottom: 8px;
margin-top: 2px;
}
#commententry {
margin-top: 3em;
margin-right: 1em;
margin-left: 1em;
}
.addComment {
font-size: 12pt;
margin-bottom: 12px;
}
.inputbox {
width: 200px;
padding: 2px;
margin-bottom: 5px !important;
margin-left: 8px;
}
.disabled_input {
padding: 2px;
margin-left: 8px;
margin-bottom: 4px;
}
.textarea_inputbox {
width: 80%;
}
/* */
#info ul {
list-style-type: none;
}
#info li {
font: 18pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
letter-spacing: 3px;
clear: both;
}
#info li a {
text-decoration: none;
}
#info li:hover {
letter-spacing: 8px;
}
#txt {
font: 14pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
letter-spacing: 2px;
}
/* page.php */
#post h2 {
margin-bottom: 16px;
}
#post ul {
list-style-type: disc;
padding-left: 1em;
}
#post li {
}
#post p {