mirror of
https://github.com/Piwigo/Piwigo.git
synced 2026-05-04 04:22:53 +02:00
0a4b49abd8
template generic blocks) - new color for A:hover and its solid border-bottom, dotted border-bottom for A (same color as link color) - background color and border color for form input fields (input, select, textarea) to accentuate contrast with page background. - clear:both on #imageHeaderBar H1 let it be center on page - in infoTable keys are right aligned and values are left aligned (more beautiful, isn't it?) - add "set as representative" button to cclear template in picture.tpl. representative.png picture taken from Gorilla theme. - invisible horizontal rule on picture.tpl to separate user comments from the beginning of the page git-svn-id: http://piwigo.org/svn/trunk@847 68402e56-0260-453c-a942-63ccdbb3a9ee
130 lines
2.1 KiB
CSS
130 lines
2.1 KiB
CSS
#imageHeaderBar {
|
|
padding: 2px 10px;
|
|
margin: 4px 0;
|
|
}
|
|
#imageHeaderBar .browsePath { float: left; }
|
|
#imageHeaderBar .imageNumber { float: right; }
|
|
|
|
#imageHeaderBar H1 {
|
|
margin: 1ex 0; /* override default-layout for less bottom-margin */
|
|
clear: both;
|
|
}
|
|
|
|
#imageToolBar {
|
|
text-align: left;
|
|
position: relative;
|
|
clear: both;
|
|
margin: 4px 0; padding: 0;
|
|
}
|
|
|
|
/* Moi, je preferais les boutons "imgPrec" et "imgSuiv" au milieu, au-dessus
|
|
de l'image...
|
|
|
|
#imageToolBar IMG, #imageToolBar A {
|
|
display: inline;
|
|
border: none; margin: auto; padding: 0;
|
|
}
|
|
|
|
#imageToolBar .randomButtons {
|
|
position: absolute;
|
|
left: 0;
|
|
}
|
|
#imageToolBar .randomButtons IMG {
|
|
padding: 0 4px; /* au pire: 3 * (4+24+4) = 96 < 100 * /
|
|
}
|
|
|
|
#imageToolBar .prevNnext {
|
|
text-align: center;
|
|
}
|
|
#imageToolBar .prevNnext IMG {
|
|
padding: 0 100px;
|
|
}
|
|
*/
|
|
|
|
#imageToolBar {
|
|
height: 28px;
|
|
}
|
|
#imageToolBar A, #imageToolBar IMG {
|
|
display: block;
|
|
border: none;
|
|
margin: 0; padding: 0;
|
|
}
|
|
#imageToolBar A { width: 48px; }
|
|
#imageToolBar IMG { margin: 2px auto; }
|
|
#imageToolBar .randomButtons A { float: left; }
|
|
#imageToolBar .navButtons A { float: right; }
|
|
|
|
#theImage {
|
|
clear: left;
|
|
}
|
|
|
|
#theImage * {
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.navThumb.prev {
|
|
float: left;
|
|
}
|
|
|
|
.navThumb.next {
|
|
float: right;
|
|
}
|
|
|
|
TABLE.infoTable {
|
|
margin: auto;
|
|
}
|
|
TABLE.infoTable .value {
|
|
text-align: left;
|
|
}
|
|
|
|
TABLE.infoTable .label {
|
|
font-weight: bold;
|
|
text-align: right;
|
|
padding-right: 0.5em;
|
|
}
|
|
|
|
TABLE.infoTable TD.value UL {
|
|
margin: 0;
|
|
padding: 0 0 0 1.5em;
|
|
list-style-type: square;
|
|
}
|
|
|
|
#comments {
|
|
text-align: left;
|
|
}
|
|
|
|
#comments .comment {
|
|
margin: 3ex 0;
|
|
}
|
|
|
|
#comments H2 {
|
|
margin: 1ex 0;
|
|
}
|
|
|
|
#comments P {
|
|
margin: 0;
|
|
}
|
|
|
|
#comments .author {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#comments BLOCKQUOTE {
|
|
margin: 1ex 0 1ex 2em;
|
|
padding: 4px 4px 0 /* IE bug */ 4px;
|
|
}
|
|
|
|
#comments BLOCKQUOTE P {
|
|
margin: 0;
|
|
padding-bottom: 4px; /* IE bug follow-up */
|
|
}
|
|
#comments BLOCKQUOTE P+P {
|
|
margin-top: 1ex;
|
|
}
|
|
|
|
#comments P.userCommentDelete {
|
|
float: right;
|
|
margin: 0;
|
|
}
|