-->

Saturday, April 25, 2015

FREE Black and Pink Custom Galleries CSS Code

For anyone who wants their galleries like this...

#




Just copy n' paste this to your custom css code:

/* Gallery */
.photo_gallery_preview {
  color:#FFCCFF;
  width:100px;
  height:150px;
  padding:3px;
  font-weight:bold;
  text-shadow:-4px 8px 9px #000;
  font-size:12px;
  background:rgba(0,0,0,1);
  outline:1px solid #000 -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  -o-transition:all .5s ease;
  transition:all .5s ease;
}

.photo_gallery_preview:hover {
  font-weight:bold;
  font-style:none;
  color:#FFF;
  padding:5px;
  background:rgba(204,0,102,1);
  -webkit-box-shadow:inset 0 10px 10px 0 #000;
  -moz-box-shadow:inset 0 5px 5px 0 #000;
  box-shadow:inset 0 5px 5px 0 #000;
  text-shadow:-4px 8px 9px #000;
  font-size:12px;
  position:relative;
  -moz-box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
  -webkit-box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
  box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
  -o-box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
  -ms-box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
}

img {
  outline:1px solid #728F8F;
}

.photo_gallery_preview .photo_gallery_count {
  font-size:15px;
}

.photo_gallery_preview a,.photo_gallery_preview a:link,.photo_gallery_preview a:active,.photo_gallery_preview a:hover,.photo_gallery_preview a:visited {
  color:#FCFCFC;
  text-decoration:none;
  white-space:nowrap;
}

No comments:

Post a Comment