mirror of
https://github.com/Piwigo/Piwigo.git
synced 2026-05-04 12:32:48 +02:00
fcd667ac80
It's div based and informations are in a list The hack is to fix height for Geko only Opera 7 doesn't display very well git-svn-id: http://piwigo.org/svn/trunk@845 68402e56-0260-453c-a942-63ccdbb3a9ee
116 lines
2.4 KiB
CSS
116 lines
2.4 KiB
CSS
/* $Id$ */
|
|
#content {
|
|
margin-left: 14em;
|
|
margin-right: 1em;
|
|
margin-bottom: 1em; /* when it's longer than menu bar */
|
|
}
|
|
|
|
#content H2 {
|
|
margin-bottom: 1ex;
|
|
}
|
|
|
|
#content H3 {
|
|
margin-bottom: 1ex;
|
|
}
|
|
|
|
#content UL.thumbnails {
|
|
margin: 0; padding: 0;
|
|
list-style-type: none;
|
|
text-align: center; /*eventuellement */
|
|
}
|
|
|
|
#content LI.thumbnails {
|
|
display: inline;
|
|
padding: 0; text-indent: 0;
|
|
margin: 0 10px 10px 10px;
|
|
}
|
|
#content UL.thumbnails UL {
|
|
margin: 0; padding: 0; text-indent: 0;
|
|
list-style-type: none;
|
|
}
|
|
#content UL.thumbnails UL LI {
|
|
text-align: center;
|
|
}
|
|
#content UL.thumbnails div {
|
|
margin: 0;
|
|
vertical-align: top; /*geko doesn't eat that :-(*/
|
|
text-align: center;
|
|
width: 128px;
|
|
}
|
|
/* IE block level element inline-block hack */
|
|
* html #content UL.thumbnails div {display:inline-block;}
|
|
* html #content UL.thumbnails div {display:inline;}
|
|
/* end of IE hack*/
|
|
/* for non-IE */
|
|
#content UL.thumbnails li>div {display:table-cell;display:inline-table;}
|
|
|
|
/* Geko hack to get thumbnails top aligned*/
|
|
/* not proud of that still looking for a better one */
|
|
#content UL.thumbnails li>div {height:150px;}
|
|
/* endof Geko hack*/
|
|
|
|
/* align top with geko */
|
|
/*#content UL.thumbnails li>div>div {
|
|
display: block;
|
|
position: relative;
|
|
height:128px;
|
|
}
|
|
#content UL.thumbnails li>div>div>a { position: absolute; top: 0; }
|
|
#content UL.thumbnails li>div img.thumbnail { position: relative; left: -50%; }
|
|
#content UL.thumbnails li>div ul {position: absolute; bottom: 0;}
|
|
doesn't work :-((*/
|
|
|
|
/*#content UL.thumbnails LI>SPAN { vertical-align: baseline; }*/
|
|
#content UL.thumbnails LI IMG.thumbnail { margin-bottom: .4ex; }
|
|
|
|
#content UL.thumbnails IMG.thumbnail { border: 1px solid #000000; }
|
|
|
|
/*#content UL.thumbnails SPAN A:first-child { border: none }*/
|
|
|
|
|
|
#content .navigationBar, #content .additional_info {
|
|
margin: 10px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
#content .pageNumberSelected {
|
|
font-style: italic;
|
|
}
|
|
|
|
#content .additional_info {
|
|
font-size: 110%;
|
|
}
|
|
|
|
#content FORM {
|
|
text-align: left;
|
|
}
|
|
|
|
/* content defaults */
|
|
#content dl, dd { margin: 10px; }
|
|
#content dt {
|
|
margin-bottom: 5px;
|
|
font-style: italic;
|
|
font-size: 110%;
|
|
}
|
|
|
|
/* actions */
|
|
ul.categoryActions {
|
|
text-align: center;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-indent: 0;
|
|
}
|
|
|
|
#content div.titrePage ul.categoryActions {
|
|
float: right;
|
|
}
|
|
|
|
#content ul.categoryActions>li {
|
|
display: inline;
|
|
}
|
|
|
|
#content ul.categoryActions a img, ul.categoryActions a {
|
|
border: none;
|
|
}
|
|
|