MediaWiki:Common.css: Difference between revisions

Revision as of 19:25, 27 October 2024

body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }

.mw-page-title-main .mw-namespace {
    display: none;
}

.page-header h1.firstHeading {
    display: none;
}

#ca-nstab-main { display: none !important; }

body.mw-anonuser #ca-history {
    display: none !important;
}

body.mw-anonuser #ca-view {
    display: none !important;
}

body.mw-anonuser #ca-viewsource {
    display: none !important;
}
body.mw-anonuser #ca-login {
    display: none !important;
}

/* Apply alternating colors, padding, rounded corners, and Georgia font to all tables */
table.wikitable {
    border-collapse: separate;  /* Allows border-radius to work */
    border: 4px solid #2b2b2b;  /* Darker gray border */
    border-radius: 8px;  /* Rounded corners for the entire table */
    overflow: hidden;  /* Ensures content respects rounded corners */
    font-family: "Georgia", serif;  /* Georgia font for the entire table */
    color: #c1c1c1;  /* Default text color for table */
    background-color: #4c4c4c;  /* Default background color for table */
    border-spacing: 0;  /* Ensures no gaps between cells */
}

/* Add extra padding to all table cells (header and data) */
table.wikitable th, table.wikitable td {
    padding: 12px 16px;  /* 12px headroom (top/bottom), 16px side room (left/right) */
    border: 1px solid #666666;  /* Slightly darker gray border for cells */
    color: #c1c1c1;  /* Text color for table data cells */
    font-size: 1.15em;  /* Increased font size for table content */
}

/* Apply alternating row colors */
table.wikitable tr:nth-child(even) {
    background-color: #333333;  /* Darker gray for even rows */
}

table.wikitable tr:nth-child(odd) {
    background-color: #4d4d4d;  /* Dark gray for odd rows */
}

/* Style the table headers */
table.wikitable th {
    background-color: #595959;  /* Header background color */
    color: #ffffff;  /* White text for header contrast */
    font-weight: bold;  /* Bold the header text */
    font-size: 1.3em;  /* Increased font size for headers */
    font-family: "Georgia", serif;  /* Apply Georgia font to headers */
    border: 1px solid #666666;  /* Darker gray border for header cells */
}

/* Only round the top-left and top-right corners of the first row */
table.wikitable tr:first-child th:first-child {
    border-top-left-radius: 8px;  /* Top-left rounded corner */
}

table.wikitable tr:first-child th:last-child {
    border-top-right-radius: 8px;  /* Top-right rounded corner */
}

/* Only round the bottom-left and bottom-right corners of the last row */
table.wikitable tr:last-child td:first-child {
    border-bottom-left-radius: 8px;  /* Bottom-left rounded corner */
}

table.wikitable tr:last-child td:last-child {
    border-bottom-right-radius: 8px;  /* Bottom-right rounded corner */
}




/* Tooltip table styling */
.tooltip-table {
  border-collapse: collapse;
  width: auto;
  overflow: visible; /* Allows tooltip to extend outside the table */
}

.tooltip-table td {
  position: relative;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  border: 1px solid black;
  overflow: visible; /* Allows tooltip to extend outside the cell */
}

/* Tooltip styling */
.tooltip-cell .tooltip-text {
  visibility: hidden;
  width: auto;
  max-width: 400px; /* Control maximum width for tooltip */
  padding: 0;
  background: none;
  border: none;
  position: absolute;
  z-index: 100; /* Bring tooltip above all other elements */
  top: 0; /* Align tooltip to start at the top of the cell */
  left: 100%; /* Position tooltip directly to the right of the cell */
  margin-left: 10px; /* Add a small gap between the cell and tooltip */
  opacity: 0;
  transition: opacity 0.3s;
  white-space: nowrap; /* Prevent wrapping */
}

/* Tooltip images */
.tooltip-cell .tooltip-text img {
  width: 100%; /* Make the image fill the tooltip */
  height: auto; /* Maintain aspect ratio */
  display: block;
  border: none;
  background: none;
}

/* Show tooltip on hover */
.tooltip-cell:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

/* Main cell image */
.tooltip-cell img {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  width: 50px;
  border: none;
  background: none;
}