177 lines
2.5 KiB
CSS
177 lines
2.5 KiB
CSS
.line-blue{
|
|
background-color: #003050;
|
|
border-top: 2px solid rgba(0,0,0,.1);
|
|
}
|
|
|
|
.freecardrec{
|
|
cursor: pointer;
|
|
background-color: #DBE1EC;
|
|
}
|
|
|
|
|
|
.icons{
|
|
height: 2em;
|
|
}
|
|
|
|
.img-icon{
|
|
position: absolute;
|
|
width: 20%;
|
|
z-index: 10;
|
|
top: -4%;
|
|
left: -3%;
|
|
}
|
|
|
|
.insignia{
|
|
position: absolute;
|
|
z-index: 0;
|
|
display: flex;
|
|
top: 2%;
|
|
left: 65.5%;
|
|
background-color: #C28000;
|
|
color: white;
|
|
padding: 6px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.icon-insignia{
|
|
font-size: 14px;
|
|
}
|
|
|
|
|
|
.icon-left{
|
|
background-image: url(../img/icon-left.svg);
|
|
background-size: cover;
|
|
width: 20px;
|
|
height: 25px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.icon-right{
|
|
background-image: url(../img/icon-right.svg);
|
|
background-size: cover;
|
|
width: 20px;
|
|
height: 25px;
|
|
}
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
.img-icon {
|
|
position: absolute;
|
|
width: 20%;
|
|
z-index: 10;
|
|
top: 8%;
|
|
left: 0%;
|
|
}
|
|
|
|
.insignia{
|
|
top: 10%;
|
|
left: 58%;
|
|
color: white;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (min-width: 600px) {
|
|
.img-icon {
|
|
position: absolute;
|
|
width: 20%;
|
|
z-index: 10;
|
|
top: -4%;
|
|
left: -5%;
|
|
}
|
|
|
|
.insignia{
|
|
top: 8%;
|
|
left: 73.1%;
|
|
color: white;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (min-width: 768px) {
|
|
.img-icon {
|
|
position: absolute;
|
|
width: 25%;
|
|
z-index: 10;
|
|
top: 2%;
|
|
left: -3%;
|
|
}
|
|
|
|
.insignia{
|
|
top: 2%;
|
|
left: 50.5%;
|
|
color: white;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (min-width: 992px) {
|
|
.img-icon{
|
|
position: absolute;
|
|
width: 20%;
|
|
z-index: 10;
|
|
top: 2%;
|
|
left: -3%;
|
|
}
|
|
|
|
.insignia{
|
|
top: 2%;
|
|
left: 59.5%;
|
|
color: white;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (min-width: 1200px) {
|
|
.img-icon{
|
|
position: absolute;
|
|
width: 20%;
|
|
z-index: 10;
|
|
top: -4px;
|
|
left: -3%;
|
|
}
|
|
|
|
.insignia{
|
|
top: 10%;
|
|
left: 70.8%;
|
|
color: white;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
}
|
|
|
|
.icons {
|
|
height: 2em;
|
|
display: block;
|
|
margin-bottom: -2%;
|
|
}
|
|
|
|
@media(min-width:768px ){
|
|
.icons {
|
|
height: 2em;
|
|
display: block;
|
|
margin-bottom: -6%;
|
|
}
|
|
}
|
|
|
|
@media(min-width:992px ){
|
|
.icons {
|
|
height: 2em;
|
|
display: block;
|
|
margin-bottom: -1%;
|
|
}
|
|
}
|
|
|
|
.icons img { position: absolute; z-index: 3; top: 0; left: 0; max-width: 150px; }
|
|
.freecardrec .card-body{
|
|
margin-left: 100px;
|
|
} |