[solved] Theme CSS3

Phoca Gallery - image gallery extension
sapo
Phoca Enthusiast
Phoca Enthusiast
Posts: 75
Joined: 13 Apr 2011, 16:28

[solved] Theme CSS3

Post by sapo »

Hi
the CSS3 Theme looks very nice.
But I'm not able to change there anything. Also I don't found the background picture "shadow1".
Can you help me? Thanks a lot
Last edited by sapo on 06 Dec 2012, 17:12, edited 1 time in total.
sapo
Phoca Enthusiast
Phoca Enthusiast
Posts: 75
Joined: 13 Apr 2011, 16:28

Re: Theme CSS3

Post by sapo »

found it.
it is under options / costum css.
If you like a grey css, try this:

Code: Select all

#phocagallery .pg-cats-name, 
#phocagallery .pg-name, 
#phocagallery-statistics .pg-name{   color:#f4dd1d;  text-align:left;  font-weight: bold;  text-shadow: 1px 1px 1px #404040;  margin: 1px 10px;  text-transform: uppercase; }  
#phocagallery .star-rating-small {  margin: 1px 10px; }  
#phocagallery .pg-cats-name.small {  float: right;  margin-top: -30px;  padding-left: 20px; }  
#phocagallery .pg-cats-name.medium {  float: right;  margin-bottom: 5px;  padding-left: 20px; }   
#phocagallery .pg-cats-name a:link, 
#phocagallery .pg-cats-name a:focus, 
#phocagallery .pg-cats-name a:visited, 
#phocagallery .pg-cats-name a {  color:#f4dd1d;  text-decoration: none; }
#phocagallery .detail, 
#phocagallery-statistics .detail{   margin: 1px 10px; }  .pg-category-view .pg-cats-box-float {  width: 33%; }  
#phocagallery .pg-cats-box,
#phocagallery .phocagallery-box-file.pg-box-backbtn, 
#phocagallery .phocagallery-box-file.pg-box-subfolder, 
#phocagallery .phocagallery-box-file.pg-box-parentfolder, 
#phocagallery .phocagallery-box-file.pg-box-image, 
#phocagallery-statistics .phocagallery-box-file.pg-box-mv, 
#phocagallery-statistics .phocagallery-box-file.pg-box-la {  -moz-border-radius:  3px;  -webkit-border-radius: 3px;  -khtml-border-radius: 3px;  border-radius:   3px;  -moz-box-shadow:  inset 0px 0px 10px 8px #4e4e4e, 2px 2px 2px 1px #c0c0c0;  -webkit-box-shadow: inset 0px 0px 10px 8px #4e4e4e, 2px 2px 2px 1px #c0c0c0;  -khtml-box-shadow:  inset 0px 0px 10px 8px #4e4e4e, 2px 2px 2px 1px #c0c0c0;  box-shadow:   inset 0px 0px 10px 8px #4e4e4e, 2px 2px 2px 1px #c0c0c0;  -webkit-transition: all 1s ease-in-out;  -moz-transition: all 1s ease-in-out;  -o-transition: all 1s ease-in-out;  -ms-transition: all 1s ease-in-out;  transition: all 1s ease-in-out;  padding: 3px;  margin: 7px;  background-color: #f9f9f9;  background: #404040;  text-align: center; } 
#phocagallery .pg-cats-box.small,
#phocagallery 
#phocagallery-categories-detail.pg-cats-cv .pg-cats-box {  text-align: left; }  
#phocagallery .pg-cats-box:hover, 
#phocagallery .phocagallery-box-file.pg-box-backbtn:hover, 
#phocagallery .phocagallery-box-file.pg-box-subfolder:hover,
#phocagallery .phocagallery-box-file.pg-box-parentfolder:hover,
#phocagallery .phocagallery-box-file.pg-box-image:hover,
#phocagallery-statistics .phocagallery-box-file.pg-box-mv:hover,
#phocagallery-statistics .phocagallery-box-file.pg-box-la:hover  {  -moz-box-shadow:  inset 0px 0px 10px 8px #4e4e4e, 2px 2px 2px 1px #f4dd1d;  -webkit-box-shadow: inset 0px 0px 10px 8px #4e4e4e, 2px 2px 2px 1px #f4dd1d;  -khtml-box-shadow:  inset 0px 0px 10px 8px #4e4e4e, 2px 2px 2px 1px #f4dd1d;  box-shadow:   inset 0px 0px 10px 8px #4e4e4e, 2px 2px 2px 1px #f4dd1d; } 
#phocagallery-statistics a img.pg-image,
#phocagallery a img.pg-image, 
#phocagallery a img.pg-cat-image,
#phocagallery a img.pg-cats-image,
#phocagallery .phocagallery-box-file-third a img.pg-image, 
#phocagallery .phocagallery-box-file-third a img.pg-cat-image {  -moz-border-radius:2px;  -webkit-border-radius:2px;  -khtml-border-radius:2px;  border-radius:
2px;  -moz-box-shadow:  0px 0px 2px 1px #ccc;  -webkit-box-shadow: 0px 0px 2px 1px #ccc;  -khtml-box-shadow:  0px 0px 2px 1px #ccc;  box-shadow:   0px 0px 2px 1px #ccc;  border: 0; } 
#PhocaGalleryobjectPicture, .pg-detail-image {  -moz-box-shadow:  0px 0px 3px 2px #ccc;  -webkit-box-shadow: 0px 0px 3px 2px #ccc;  -khtml-box-shadow:  0px 0px 3px 2px #ccc;  box-shadow:   0px 0px 3px 2px #ccc; } 
#phocagallery .pg-cats-box-img{  padding: 10px; }  
#phocagallery .pg-cat-tags {  text-align: right;  font-size:x-small;  margin: 0px 10px; }  .bgPhocaClass{  background:#404040;  z-index:1000;  -moz-border-radius:2px;  -webkit-border-radius:2px;  -khtml-border-radius:2px;  border-radius:2px;  -moz-box-shadow:  0px 0px 2px 1px #ccc;  -webkit-box-shadow: 0px 0px 2px 1px #ccc;  -khtml-box-shadow:  0px 0px 2px 1px #ccc;  box-shadow:   0px 0px 2px 1px #ccc; } .fgPhocaClass{  background:#404040;  z-index:1000; } .fontPhocaClass{  color:#777;  z-index:1001; } .capfontPhocaClass, .capfontclosePhocaClass{  color:#777;  z-index:
1001;  font-weight: bold; } 
Post Reply