source: extensions/gally/gally-default/css/picture.css @ 10554

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

  see the release_notes.txt file for more informations
----------------------------------------------------------------------------- */



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

.browsePath {
  margin:0px;
  padding:0px;
  padding-left:5px;
  float:left;
}

.imageNumber {
  float:right;
  margin:2px;
  padding:0px;
  padding-right:3px;
  padding-left:6px;
  font-size:90%;
}

#imageToolBar {
  position:absolute;
  overflow:hidden;
  display:block;
  height:35px;
  width:100%;
  /*visibility:hidden;*/
  z-index:100;
}

.randomButtons {
  left:0px;
  position:absolute;
  top:5px;
  margin-left:5px;
  z-index:110;
}

.navButtons {
  right:0px;
  margin-right:5px;
  position:absolute;
  top:5px;
  z-index:100;
  width:auto;
}

.navButton  {
  float:right;
}

#imageToolBarContainer {
  visibility:hidden;
}

.imageToolBarBg, #imageToolBarContainer,
.navThumbPrevBg, .navThumbNextBg  {
  position:absolute;
  top:0px;
  display:block;
  width:100%;
  height:100%;
  text-align:center;
}

#navThumbPrev, #navThumbNext {
  background-image:url(./../icon/1x1transp.gif);
  background-repeat:repeat;
  position:absolute;
  overflow:hidden;
  display:block;
  /*height:100%;*/
  width:200px;
  /*visibility:hidden;*/
  z-index:110;
}

#navThumbPrev {
  left:0px;
}

#navThumbNext {
  right:0px;
}

 #navThumbPrevContainer, #navThumbNextContainer {
  position:absolute;
  top:0px;
  width:100%;
  height:100%;
  text-align:center;
  border-collapse:collapsed;
  vertical-align:middle;
  visibility:hidden;
}

.navThumbNextBg, .navThumbPrevBg {
  /*opacity:0.5;
  filter:alpha(opacity:50);*/
  z-index:-1;
}

.navThumbPrevBg, #navThumbPrevContainer {
  left:0px;
}

.navThumbNextBg, #navThumbNextContainer {
  right:0px;
}


#theImageHigh {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  z-index:9000;
}

#theImgHighBg {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
}

#theImgHighContainer {
  position:absolute;
  width:160px;
  height:80px;
  background:#FFFFFF url(./../icon/processing.gif) no-repeat scroll 72px 32px;
}

#theImgHighContainer2 {
  overflow:hidden;
  width:100%;
  height:100%;
}

#theImgHigh {
  position:relative;
}

#theImgHighCloseButton, #theImgHighZoomButton {
  position:absolute;
  z-index:9050;
}

.pointer {
  cursor:pointer;
}


#theImg {
  position:relative;
  left:0px;
}

#theImgContainer {
  margin-left:auto;
  margin-right:auto;
  margin-top:12px;
  margin-bottom:25px;
  overflow:hidden;
}

#theImage, #theImageTable {
  width:100%;
  /*height:100%;*/
  text-align:center;
  z-index:-1;
}

#theImage {
  position:absolute;
  top:30px;
  text-align:center;
  padding-bottom:80px;
}

#theImage p {
  padding:0px 30px 20px 30px;
  margin:4px;
}

#theImageTableMouseAreaLeft, #theImageTableMouseAreaRight {
  width:40px;
}

.infoTable {
  margin:auto;
}

.infoTable tr {
  vertical-align:top;
}

#imageInfos {
  background-image:url(./../icon/1x1transp.gif);
  background-repeat:repeat;
  width:100%;
  clear:both;
}

#imageInfosContainer {
  min-height:200px;
}

#rateForm input[type="button"] {
  cursor:pointer;
  border:none;
}

div.imageInfosBg {
  position:absolute;
  width:100%;
  height:100%;
  z-index:-1;
  left:0px;
}

/*
  comments
*/
#theComments {
  width:100%;
  clear:both;
}

#theCommentList {
  overflow-y:scroll;
  overflow-x:hidden;
  height:80%;
  width:49.75%;
  position:absolute;
  display:block;
}

#theCommentContainer {
  width:100%;
}

#theCommentContainer h4 {
  margin:4px;
}

#theCommentContainer table tr {
  vertical-align:top;
}

#theCommentBG {
  height:100%;
  position:absolute;
  width:100%;
  z-index:-1;
}

.navigationBar {
  padding-left:2px;
}

.commentList {
  margin: 0px;
  padding: 0px 0px 0px 36px;
}

/*
  metadata
*/
.imageMeta {
  width:100%;
  clear:both;
}

.displaymeta {
  padding-bottom:10px;
}

.imageMetaBg {
  position:absolute;
  width:100%;
  height:100%;
  z-index:-1;
}


/*
 tabs
*/
#theTabsContainer {
  position:fixed;
  z-index:850;
  width:100%;
  bottom:18px;
  /* to be fully functionnal, the tabs height must be set in the default.conf
   * file (tabsHidden & tabsVisible properties)
   */
  height:21px;
}

#theTabs {
  visibility:hidden;
}

#theTabsBg {
  display:block;
  height:100%;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1;
}

#theTabsheets {
  margin:0px;
  padding:0px;
  height:20px;
}

#theTabsheets li.tab {
  float:left;
  display:block;
  margin:0 0 0 20px;
}


.ui-tabs-selected {
}

div.ui-tabs-hide {
  display: none;
}

/*
 * vd language switch plugin compatibility inside theme.css file
 * PWG Stuff plugin compatibility
*/

/*
 * Comment editor compatibility
*/
div#ce-content.content, div#ce-message-block.content {
  margin:50px auto auto;
  width:75%;
  overflow:hidden;
}

div#ce-content table {
  margin:auto;
}

div#ce-content h2, div#ce-message-block h2 {
  margin-top:0px;
}

div#ce-comments {
  padding:8px;
}

/*
 * trick necessary for IE7.0
*/
#theTabsContainer{ visibility:visible; background:url(./../icon/1x1transp.gif) }
#imageToolBar { visibility:visible; background:url(./../icon/1x1transp.gif) }