Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
mNo edit summary
mNo edit summary
Line 41: Line 41:
}
}


.horizontal-logo-row {
.logo-grid-menu {
   display: flex;
   display: grid;
   flex-wrap: wrap;
   grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
   gap: 16px;
   gap: 20px;
   justify-content: flex-start;
   justify-items: center;
   align-items: center;
   align-items: center;
   padding: 20px;
   padding: 20px;
Line 52: Line 52:
.logo-tile {
.logo-tile {
   display: inline-block;
   display: inline-block;
   padding: 4px;
   padding: 6px;
   border-radius: 8px;
   border-radius: 8px;
   transition: box-shadow 0.3s ease, transform 0.2s ease;
   transition: box-shadow 0.3s ease, transform 0.2s ease;

Revision as of 13:29, 8 June 2025

/* CSS placed here will be applied to all skins */
.topnav {
  background-color: #1a1a1a;
  overflow: hidden;
  padding: 10px;
  text-align: center;
}

.topnav a {
  display: inline-block;
  color: #eaeaea;
  text-align: center;
  padding: 10px 20px;
  text-decoration: none;
  font-family: 'Segoe UI', sans-serif;
  font-weight: bold;
  font-size: 15px;
}

.topnav a:hover {
  background-color: #444;
  color: #fff;
  border-radius: 5px;
}

.infobox {
  border-collapse: collapse;
  background-color: #000000;
  color: white;
  margin: 0.5em 0 0.5em 1em;
  padding: 0.4em;
  float: right;
  clear: right;
}
.infobox th {
  background-color: #000000;
  padding: 0.25em;
}
.infobox td {
  padding: 0.25em;
}

.logo-grid-menu {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  gap: 20px;
  justify-items: center;
  align-items: center;
  padding: 20px;
}

.logo-tile {
  display: inline-block;
  padding: 6px;
  border-radius: 8px;
  transition: box-shadow 0.3s ease, transform 0.2s ease;
}

.logo-tile:hover {
  box-shadow: 0 0 12px rgba(0, 255, 255, 0.8);
  transform: scale(1.05);
}

#footer-info-lastmod { display: none; }