source: extensions/gally/gally-default/css/thumbnails.css

/* -----------------------------------------------------------------------------
  GALLY
  Template for Piwigo
  ------------------------------------------------------------------------------
  file: gally/content.css
  file version: 1.1.0
  ------------------------------------------------------------------------------
  author: grum at grum.dnsalias.com
  << May the Little SpaceFrog be with you >>
  ------------------------------------------------------------------------------
  CSS file for the categories pages

  see the release_notes.txt file for more informations
----------------------------------------------------------------------------- */
#thumbContents {
  margin:0px;
  margin-top:4px;
  margin-bottom:4px;
  border-collapse:collapse;
  width:100%;
}

#thumbContainer {
  position:relative;
  text-align:center;
  width:auto;
  vertical-align:top;
}

/*
  images thumbnails
*/
#thumbnails {
  position:relative;
  width: auto;
  text-align:center;
}

div ul.thumbnails {
/*  margin:0px;
  padding:0px;
  list-style: none;
  float:left; */
  margin:0px;
  padding:0px;
  padding-left:8px;
  overflow:hidden;
  list-style:none;
  text-align:center;
}

div ul.thumbnails li {
  margin:0px;
  padding:0px;
  float:left;
}


span.wrap1 {
  display:block;
  overflow:hidden;
  border-collapse:collapse;
  font-size:90%;
}

#additional_infoTOP span.wrap2, #additional_infoBOTTOM span.wrap2 {
  width:140px;
}

table.wrap1 {
  display:block;
  overflow:hidden;
  border-collapse:collapse;
}

table.wrap1 tr {
  text-align:center;
  vertical-align:middle;
}

.wrap2 {
  display:block;
  width:235px;
}

/*
  categories thumbnails
*/
ul.thumbnailCategories {
  margin:0px;
  padding:0px;
  padding-left:8px;
  overflow:hidden;
  list-style:none;
  text-align:center;
  position:relative;
  top:-8px;
}

ul.thumbnailCategories li {
  float:left;
  /*border:1px #ff0000 solid;*/
  width:49%;
  min-width:350px;
  text-align:left;
  /*height:200px;*/
  overflow:hidden;
}

.thumbnailCategory {
  display:block;
  padding:4px;
  margin:0px;
  margin-right:8px;
  margin-top:8px;
}

.illustration {
  float:left;
  min-width:140px;
}

.description {
  min-height:140px;
  overflow:auto;
  padding-left:8px;
}

.description h3 {
  margin:0px;
}

p.thumbCatDescNfoDate, p.thumbCatDescNbImg {
  margin:0px;
  font-size:80%;
}

p.thumbCatDesc {
  margin:0px;
  padding-top:4px;
}

/*
  page : title bar
*/
#titrePageID {
  height:31px;
}

.titrePage {
  margin:0px;
  padding:0px;
  padding-left:30px;
}

.titrePage .categoryActions {
  float:right;
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: auto;
}

.categoryActions li {
  display: inline;
}

#menuswitcher {
  position:relative;
  left:-15px;
  top:2px;
  float:left;
  cursor:pointer;
}

/*
  page : content
*/
#subContent {
  width:auto;
  display:block;
  min-height:550px;
  padding-bottom:30px;
}


#content h2 {
  font-size:12px;
  margin:0px;
  padding-top:8px;
  padding-bottom:8px;
}

.additional_info {
  width:234px;
  margin:0px;
  padding-right:8px;
  padding-left:8px;
  text-align:justify;
  vertical-align:top;
  visibility:hidden;
}

#additional_infoTOP, #additional_infoBOTTOM {
  margin:8px 8px 16px;
  padding:8px;
  visibility:hidden;
}

#additional_infoTOP ul.thumbnails, #additional_infoBOTTOM ul.thumbnails {
  list-style:none;
}

#additional_infoTOP ul.thumbnails li, #additional_infoBOTTOM ul.thumbnails li {
  float:left;
  width:140px;
  margin:5px;
  height:170px;
}

.navigationBar {
  padding:8px;
  text-align:right;
  clear:both;
}

/*
  page content : title bar
*/
#titreContent1 {
  padding-left:60px;
  height:auto;
}
#titreContent1 h2 {
  padding-top:2px;
  padding-bottom:2px;
}

/*
 page content : calendar bar
*/
.calendarBar {
  margin-top:-1px;
  padding:0px;
  padding-left:60px;
  position:relative;
  left:-4px;
}

.calItem, .calItemEmpty, .calItemP, .calItemN {
  display:inline-block;
  text-align:center;

  margin-left:4px;
  padding-left:4px;
  padding-right:4px;
}

.calendarCalBar {
  margin-top:15px;
}

.calCalHead {
  margin:0px;
}

.calCal {
  margin-left:15px;
}

.calCalNbImg {
  font-size:80%;
  left:-3px;
  position:relative;
  top:-3px;
}

/* calendar */
table.calMonth {
  margin-top:30px;
  margin-bottom:20px;
  position:relative;
  border-collapse:collapse;
}

table.calMonth thead {
  text-align:center;
}

table.calMonth tbody td.calDayCellFull, table.calMonth tbody td.calDayCellEmpty {
  height:98px;
  width:96px;
  font-family:sans-serif;
  font-size:18px;
  text-align:left;
  vertical-align:top;
}

div.calImg {
  height:80px;
  width:80px;
  overflow:hidden;
  z-index:1;
}

.calBackDate {
  position:absolute;
  z-index:2;
}

.calForeDate {
  position:absolute;
  z-index:3;
  margin:1px;
}