No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
#logo | #logo { | ||
display: block; | display: block; | ||
margin: 20px auto; | margin: 20px auto; | ||
Line 49: | Line 49: | ||
td { | td { | ||
width: 10%; | width: 10%; | ||
} | |||
} | |||
@media (max-width: 680px) { | |||
#logo img { | |||
display: block; | |||
margin: 20px auto; | |||
width: 50%; | |||
opacity: 0; | |||
animation: fadeIn 1.5s ease-in-out forwards; | |||
} | } | ||
} | } |
Revision as of 02:42, 7 October 2023
/* CSS placed here will be applied to all skins */
#logo {
display: block;
margin: 20px auto;
width: 50%;
opacity: 0;
animation: fadeIn 1.5s ease-in-out forwards;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border: 2px solid #333;
background-color: #c1c3ff;
}
td {
padding: 15px;
text-align: center;
border: 2px solid #333;
box-sizing: border-box;
width: 25%;
white-space: nowrap;
}
.last-modified-bar {
display: none;
}
@media (max-width: 768px) {
td {
padding: 10px;
}
}
@media (min-width: 441px) and (max-width: 744px) {
td {
width: 10%;
}
}
@media (max-width: 680px) {
#logo img {
display: block;
margin: 20px auto;
width: 50%;
opacity: 0;
animation: fadeIn 1.5s ease-in-out forwards;
}
}