LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

CSS
 * {
 /* outline: 1px solid salmon; */
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
a {
  text-decoration: none;
  color: peachpuff;
}
body {
  font: 100%/1.5 verdana, sans-serif;
  background-color: #C27A44;
} 
.main-container {
  width: 980px;
  background-color: #fff;
  margin: 0 auto;
  max-width: 100%;
  clear: both;
  overflow: hidden;
}
.content {
 overflow: auto;
 padding: 1em;
}
.content_box,
#content_box {
  float: left;
  width: 652px; 
}
.title a {
  color: #cff;
}
.title,
.readMore {
  display: block;
  position: static;
  text-align: center;
}
.effeckt-caption {
  position: relative;
  float: left;
  overflow: hidden;
  /* width: 48%; */
  width: 20.6%;
  /* margin: 0 4% 1rem 0; */
  margin: 0 2.4% 1rem 0;
} 
.effeckt-caption:nth-of-type(4n+1) {
  clear: left;
  /* outline: 1px solid red; */
}
.effeckt-caption img {
  /* -webkit-transition: 500ms; */
  /* -o-transition: 500ms; */
  -webkit-transition: 500ms;
  transition: 500ms;
}
.effeckt-caption img {
  width: 100%;
  display: block;
}
.effeckt-caption figcaption {
  position: absolute;
  /* -webkit-transition: 500ms; */
  /* -o-transition: 500ms; */
  -webkit-transition: 500ms;
  transition: 500ms;
  width: 100%;
}
.effeckt-caption figcaption {
  background: rgba(0,0,0,0.8);
  color: white;
  padding: .5rem;
}
.effeckt-figcaption-wrap {
  height: 100%;
}
.effeckt-caption[data-effeckt-type="cover-fade"] figcaption {
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
}
.effeckt-caption[data-effeckt-type="cover-fade"]:hover figcaption {
  opacity: 1;
}
.effeckt-caption figcaption h2 {
  margin: 0;
  font-size: .875rem;
}
.effeckt-caption figcaption p {
  margin: 0;
} 
.readMore {
  font-size: small;
  padding-top: .5rem;
}
/* .readMore {
  display: none;
} */

Description

Try to help someone on forum
Term
Mon, 12/25/2017 - 13:10

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv