506 lines
8.5 KiB
CSS
506 lines
8.5 KiB
CSS
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 {
|
|
|
|
}
|