source: extensions/Metal/theme.css @ 18097

/* -----------------------------------------------------------------------------
  Wall
  Theme for Piwigo
  ------------------------------------------------------------------------------
  file: Wall/theme.css
  file version: 0.1
  date: 2011-05-27
  ------------------------------------------------------------------------------
  author: Sixpo
  << May the Little SpaceFrog be with you >>
----------------------------------------------------------------------------- */
/* text color */
BODY, H1, H3, DT,
INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
color:#3F3F3F;/*couleur du texte*/
}


#content {
text-align:justify;
}

H2, #menubar DT, .throw {
background-image:url(Images/tableh1_bg.png); /* gris tres clair color:#dedede;  */
}

.infoTable, .infoTable2 {
background-color: none;
background-image: none;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

#theImage p {
background-color: none;
background-image: none;
margin:auto;
width:40%;
}

#theImage p, .thumbnails SPAN.thumbLegend {
background-color: none;
background-image: none;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
margin-top: 10px;
}


#content .additional_info {
background-color: grey;
background-image: url(Images/mur1.jpg);
background-color:#404040;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

#content .navigationBar {
color: #aaaaaa;
padding:0px;margin:0px;
display:block;
background-color:#303030;
font-size:90%;
}

#content .pageNumberSelected {
color: #000000;
}


.tabsheet li,
.tabsheet li a {
 color: #fff#48e;
 }
.tabsheet li a:hover { 
color: #fff48e; 
}

/* backgrounds */
BODY {
background-image:url(Images/mur.jpg);
}

H3, #the_page, #imageToolBar A:hover, .row1  {
background: transparent;
}

#menubar DL, #content, #imageToolBar, .header_notes, .content {
background: transparent;
}

H2, #menubar DT, .throw, #imageHeaderBar  {
background-color: #303030;          /*background-image: url(images/tableh1_bg.png);*/
}



#imageHeaderBar H2 {
background-image: url(Images/mur6.jpg);
border: none;
}

 #imageHeaderBar {
  background-image: url(images/tableh2_bg.png);
  background-repeat: repeat-x;
  background-position: center;
} 
.tabsheet li {
 background-color: #3f3f3f; 
 }

.selected_tab {
 background-color: #5f5f5f !important; 
 }

/* borders */
#menubar DL, #content, .content,#comments DIV.comment BLOCKQUOTE {
border: none;
}

#imageHeaderBar {
border-top: 5px solid #000000;
background-image: url(Images/mur6.jpg);
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px
}

#menubar DL {
margin-bottom:-1px;
border:1px solid #303030;
background-image: url(Images/mur1.jpg);
} 


 H2, #menubar DT, #imageToolBar {
  border-bottom: 0px solid #cc0000;
} 
#theImage img {
 border: 8px solid #333333;/*cadre des photos moyenne*/ 
 margin-top: 10px;
 margin-bottom: 10px;
 }



FIELDSET, INPUT , SELECT, TEXTAREA,
#content DIV.comment  A.illustration IMG, #infos {
border: 1px solid gray;
}

#content DIV.thumbnailCategory {
border: none;border:  4px #808080  outset ;
background-image:url(Images/mur5.jpg);
}

FIELDSET :disabled, INPUT:disabled, SELECT:disabled, TEXTAREA:disabled{color:#404040; background-color:#808080;}

#comments DIV.comment BLOCKQUOTE {
 border-left: 15px solid #696969;
 background-color: #404040;
 }



#content UL.thumbnails SPAN.wrap2{
border: none; /* thumbnails border color and style */
 -moz-border-radius: 8px; /* round corners with Geko */
 border-radius: 8px 8px;/* round corners with CSS3 compliant browsers */
 background-image:url(Images/mur3.jpg);
  width :140px;
 height : 140px;
 margin-top:15px;
 }
 
#mbIdentification dt{
color: #FFFFFF;
}

.thumbnails .wrap1 {
    display: inline-block;
    margin: 0 10px 5px;
    text-align: center;
    vertical-align: top;
}

#content UL.thumbnails .wrap2 a{
 width :142px;
 height : auto;
 margin:auto;
 
 }
 
#content UL.thumbnails LI SPAN.wrap1 SPAN.wrap2:hover {
border-color: none;   /* thumbnails border color when mouse cursor is over it */
background-image:url(Images/mur4.jpg);
}

.thumbName{
background-image:url(Images/mur6.jpg);
}


ul.tabsheet {
 border-color: #fff48e;
 }
.tabsheet li { 
border: 1px solid #fff48e;
}
.tabsheet li:hover {
 border-color: #fff48e !important;
 }

/* links */
A, INPUT.rateButton {
color: #FFFFFF;/*texte lien menu pas selectionner*/
background: transparent;border: none;
}

A:hover {
color: #CC6600;/*texte lien menu selectionner*/
border: none;
}

#imageToolBar A, #imageToolBar A:hover,
A.navThumb, A.navThumb:hover {
border-bottom: none;
}


/* others */
#menubar ul, #menubar form, #menubar p { 
text-align:left;
}

#menubar ul {
margin-left:8px;
}

.pleaseNote {
background: #9c9c9c;
color: #ffff99;
padding: 1ex;
font-weight: bold;
}

#menubar .menuInfoCatByChild, #menubar .menuInfoCat {
font-size:80%;
font-style:normal;
position:relative;
top:-4px;
}

#imageHeaderBar {
background-image: none;
}

#the_page {  /* border: 0px solid #e0e0e0; padding-top: 5px; padding-bottom:30px; */
text-align:center;display:block;
}

#menubar p.totalImages {
text-align:right;
margin:2px;
font-size:80%;
}

/*calendar elements*/
SPAN.calItemEmpty {
 color: silver;
 }

SPAN.calItem, SPAN.calItemEmpty{
border: 1px solid gray;
}

.virtual_cat { 
background: #3f3f3f !important;
 }
.qsearch {
 font-size: 80%; 
 font-style: normal; 
 }
#mbMenu #quicksearch > p {
 text-align: left; 
 }


/* button image in menu bar : no border */
#menubar .button {
  border: none;
  margin:0px;
  margin-top:-4px;
  margin-bottom:-3px;
  padding:0px;
}
#menubar dt {
  text-align: left;
  height:21px;
}

div.illustration img {
 width :100px;
 height : 76px;
 margin-top:10px;
 box-shadow: 8px 8px 12px #000000;
 -webkit-box-shadow: 8px 8px 12px #000000;
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */  
 border: ridge 1px;
 border-radius:1em;
 border-color:#3f3f3f;
}

.thumbLink {
  border:2px #333333 solid;
}

.content ul.thumbnails img, #linkPrev img, #linkNext img {
  border:1px #333333 solid;
  cellpadding:25px;
}

#content UL.thumbnail IMG {
  border: 1px solid #a0a0a0;
}

#imageToolBar a {
  width:30px;
}

form#quickconnect fieldset {
  border:1px #101010 solid;
}

.rateButtonStarFull {
  background: url('icon/rating-stars.png') no-repeat scroll;
  background-position:-16px center;
  width:16px;
}

.rateButtonStarEmpty {
  background: url('icon/rating-stars.png') no-repeat scroll; 
  background-position:0 center;
  width:16px;
}

.header_notes {
  background-image:url(icon/note.png);
}


.content h2 {
  margin-bottom:0px;
}

.content ul.thumbnails {
  border:1px solid #303030;
  margin:0pt;
  padding:8px;
}

.content div.titrePage {
  padding:0px;
  margin:0px;
  min-height:32px;
  display:block;
  background-color:#303030;
}

.description {
  text-align:left;
}


#linkPrev img, #linkNext img {
  margin:0px;
  margin-top:20px;
  padding:0px;
}
#linkPrev img {
  margin-left:10px;
}
 #linkNext img {
  margin-right:10px;
}

ul.categoryActions {
  height:28px;
  padding:2px;
}

#content .additional_info {
  margin:20px 0px ;
  padding:8px;
}

div.description div.text {
  text-align:justify;
}

div.description div.text p {
  padding-right:6px;
  position:relative;
  top:-6px;
}

div.description div.text p.Nb_images {
  border-bottom:1px #303030 dotted;/*cares autour des miniatures*/
  font-style:italic;
  font-size:85%;
  text-align:right;
}


/* -----------------------------------------------------------------------------
    Calendar
----------------------------------------------------------------------------- */
.content div.calendarViews {
  margin-top:-22px;
}

/* month calendar */
.calBackDate {
  color: #000;
  padding-left:10px;
  padding-top:7px;
}
.calForeDate {
  color: #fff;
  padding-left:11px;
  padding-top:6px;
}

td.calDayCellFull, td.calDayCellEmpty, td.calDayCellBlank
{
  font-size:18px;
  font-weight:bold;
  text-align:left;
  vertical-align:top;
}

table.calMonth tbody td.calDayCellEmpty, table.calMonth tbody td.calDayCellBlank
{
  width:84px;
  height:97px;
}

table.calMonth tbody td.calDayCellFull
{
  width:96px;
  height:97px;
}


td.calDayCellEmpty {
  padding-left:12px;
  padding-top:7px;
  color:#303030;
}

td.calDayCellEmpty, td.calDayCellFull {
  border:1px solid #101010;
}

table.calMonth tbody td {
  margin:8px;
}

table.calMonth tbody td div.calImg {
  left:8px;
  top:8px;
}

td.calDayHead {
  font-size:14px;
  padding-bottom:12px;
  font-weight:normal;
}

/* lists */
span.calItem, span.calItemEmpty {
  display:inline-table;
  margin:1px;
  min-width:15px;
  padding-left:2px;
  padding-right:2px;
}