61 lines
1,000 B
CSS
61 lines
1,000 B
CSS
|
body{
|
||
|
|
background:#000000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid .tile .img{
|
||
|
|
visibility: visible;
|
||
|
|
border:1px dotted #223;
|
||
|
|
background-size:cover;
|
||
|
|
background-position:center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
border-radius:5px 5px 0px 0px;
|
||
|
|
height:33vh;
|
||
|
|
}
|
||
|
|
.grid .tile{
|
||
|
|
margin: 0px 15px 15px 0px;
|
||
|
|
width:31%;
|
||
|
|
float:left;
|
||
|
|
background-color:#333;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 890px){
|
||
|
|
.grid .tile {
|
||
|
|
width:47%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 713px){
|
||
|
|
.grid .tile {
|
||
|
|
float:none;
|
||
|
|
width:100%;
|
||
|
|
margin: 0px 0px 15px 0px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid .tile .text{
|
||
|
|
padding: 10px 20px 10px 20px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid .tile img.icon{
|
||
|
|
transform: translate(0,5px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.clear{
|
||
|
|
clear:both;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jumbotron{
|
||
|
|
padding:20px 0px;
|
||
|
|
background:linear-gradient(45deg,#0000,#0000,#F7F2,#0000,#07F2,#0000,#0000);
|
||
|
|
}
|
||
|
|
|
||
|
|
img.icon{
|
||
|
|
display: inline-block !important;
|
||
|
|
margin-top: 0px;
|
||
|
|
margin-bottom: -5px;
|
||
|
|
width: 17px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn a.primary{ background: #ff33Ff; color:#000 !important;}
|
||
|
|
.btn a.secondary{ background: #7070ff; color:#000 !important;}
|
||
|
|
|