MediaWiki:Common.css/MainPage.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 54: Line 54:
@media (max-width: 680px) {
@media (max-width: 680px) {
   #logo img {
   #logo img {
     width: 100% !important;
     width: 70% !important;
     max-height: auto;
     max-height: auto;
   }
   }
}
}

Revision as of 02:40, 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 {
    width: 70% !important;
    max-height: auto;
  }
}