Template:Main Page/styles.css
Jump to navigation
Jump to search
.mp-topbanner {
margin-bottom: 5px;
font-size: 90%;
border-radius: 10px;
display: table;
width: 100%;
padding: 3px;
}
.mp-toplogo {
display:table-cell;
border-right: 0;
vertical-align: middle;
}
.mp-topcontent {
width:60%;
display:table-cell;
border-right: 0;
vertical-align: middle;
}
.mp-headline {
font-family: 'Rubik',sans-serif;
font-weight: 500;
font-size: 1em;
}
.mp-topcolumn {
display:table-cell;
vertical-align: middle;
}
.mp-topstats {
vertical-align: middle;
display: table-cell;
width: 20%;
}
.mp-toprow {
display: table;
width: 100%;
}
.icon img:hover {
animation: shake 0.5s;
animation-iteration-count: 1;
}
@keyframes shake {
0% { transform: rotate(0deg); }
10% { transform: rotate(-3deg); }
20% { transform: rotate(0deg); }
30% { transform: rotate(3deg); }
}
@media only screen and (max-width: 600px) {
.mp-topcontent, .mp-toplogo {
display: table-header-group !important;
}
}