1er commit
Theme zenphoto
This commit is contained in:
505
css/theme.css
Normal file
505
css/theme.css
Normal 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 {
|
||||
|
||||
Reference in New Issue
Block a user