6 tiles skin CSS

.journaltop {display: none;}
.journaltop span{display: none;}
.journaltop img{display: none; }
.journaltop a{display: none;}
.journaltop h2{display: none;}
.list{display: none;}
.commentslink{display: none;}

.journalbox{
border:none;
background-color: transparent;
background-position: center;
position:relative;
z-index: 1;
width: 700px;
height: 350px;
width: auto;
margin: auto;
margin-top: 0;
text-align:center!important;
}

.journaltext{
font-family: "Raleway";
color: #000;
font-size: 14px;
text-align:center!important;
padding:0px;
margin:0px;
}
b{color:#bff1ff;}

.journaltext h1{
font-family: "Quicksand";
color: #fff;
font-size: 15px;
margin: 0 0px 3px 0px;
text-align:center;
font-weight: normal!important;
}

.journaltext h2{
font-family: "Quicksand";
color: #fff;
font-size: 15px;
margin: 0 0px 3px 0px;
text-align: center;
font-weight: normal!important;
}
.journaltext h3{
font-family: "Quicksand";
color: #fff;
font-size: 14px;
margin: 0 0px 3px 0px;
font-weight: normal!important;
}

.journaltext h4{
font-family: "Quicksand";
color: #24a0e2;
font-size: 14px;
margin: 0 0px 3px 0px;
font-weight: normal!important;
}
.journaltext h5{
font-family: "Quicksand";
color: #8ef0ff;
font-size: 11px;
margin: 0 0px 3px 0px;
font-weight: normal!important;
}

a {
color: #8ef0ff;
text-decoration: none;
transition: all 0.3s;
font-weight:normal;
}

a:hover {
text-decoration: none;
font-weight:normal;
color: #24a0e2;
}

a.external{color: a1b1f4; font-weight:normal; text-decoration: none;}
a.external:hover{color: #24a0e2;}
a.external:after{display:none;}

.shadow-holder{
margin: 0px;
padding: 0px;
}
.shadow{padding: 0px;}
.shadow:hover{padding: 0px;}
.embedded-image-deviation {vertical-align: middle;margin: 0px;padding: 0px;}
.embedded-image-deviation img {vertical-align: middle;}
.embedded-image-deviation img:hover {
vertical-align: middle;}
.embedded-image-deviation:hover {
vertical-align: middle;}
a img{vertical-align: middle;}
a img:hover{vertical-align: middle;}

.lit{
padding: 0px;
width: 100px;
height: 100px;
background: #000;
border: none;
vertical-align: middle;
}

.lit q strong{
margin: 5px;
padding: 2px;
padding-top: 5px;
font-family: "Quicksand";
font-weight: normal;
color: #fff;
font-size: 13px;}

.lit q{
margin-left: -20px;
margin-bottom:5px;
margin-right:5px;
padding: 0px;
font-family: "Quicksand";
color: #24a0e2;
font-size: 10px;
text-shadow: none;
}

.lit strong:not(:first-child){border: none;}
a.lit q{text-shadow: none;}
.lit img {display: none;}

.text blockquote{
font-family: "Quicksand";
font-size: 11px;
border: 1px solid #24a0e2;
color: #24a0e2;
margin: 2px;
padding: 5px;
float: center;
}
.text blockquote a, .text blockquote a.external{font-size: 11px; color: #fff;}
.text blockquote a:hover, .text blockquote a.external:hover{color: #24a0e2}

ul { color: #24a0e2;
list-style-type: circle;
list-style-position: inside;
margin: 0;
padding: 0;
}
ol { color: #1264e8;
list-style-position: inside;
margin: 0;
padding: 0;
}

.user-symbol::before { background-color: transparent; color: #1264e8;}

.wrap {
width:auto!important;
float: center;
text-align: center;
margin:0 0 0 0px;
padding: 0 0px 0 0px;
height: 350px;}

/****************************************************************/
/****************************************************************/

.flexbox {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
width: 100%;
max-width: 522px;
margin: auto;
margin-bottom:1px;
}

.flexbox .cover:nth-child(2), .flexbox .cover:nth-child(3){
margin: 0 0 0 1px;
}

.cover2{
width: 100%;
max-width: 100%;
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 172px;
background: transparent;
border: 1px solid transparent;
}

.title2{
font-family: "Quicksand";
font-size: 10px;
text-align:center!important;
color: #fff;
transition: all 0.5s;
opacity: 1;
position: relative;
left: 0px;
top: 0px;
margin: 0px 0 0 0;
width: 172px;
float: center;}

.cover{
width: 100%;
max-width: 100%;
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 172px;
background: transparent;
border: 1px solid #636684;
}

.text .cover:hover .cont{
z-index: 2;
opacity: 1;
transition: opacity 0.5s;}

.title{
font-family: "Quicksand";
font-size: 10px;
text-align:center!important;
color: #fff;
transition: opacity 0.5s;
opacity: 1;
position: absolute;
top: 1;
margin: 86px 0 0 0;
width: 172px;
float: center;}

.text .cover:hover .title{
z-index: 2;
opacity: 0;
transition: opacity 0.5s;}

.cover .cont{
font-family: "Quicksand";
font-size: 11px;
text-align:center!important;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 150px;
border: 1px solid #000;
background: rgba(0,0,0,0.8);
color: #fff;
opacity: 0;
transition: opacity 0.5s;
overflow: auto;
}