MediaWiki:Common.css: Difference between revisions

From Borsheim Crane Service Wiki
No edit summary
No edit summary
Line 41: Line 41:
     min-width: 80px; /* Minimum width to prevent too narrow */
     min-width: 80px; /* Minimum width to prevent too narrow */
     max-width: 300px; /* Maximum width to prevent too wide */
     max-width: 300px; /* Maximum width to prevent too wide */
}
/* Show full text on hover */
.wikitable td:nth-child(10) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    position: relative;
}
.wikitable td:nth-child(10):hover {
    overflow: visible;
    white-space: normal;
    background-color: #f8f9fa;
    z-index: 999;
    position: absolute;
    border: 1px solid #a2a9b1;
    padding: 8px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
}

Revision as of 19:53, 3 June 2025

/* Borsheim red navbar styling */
.navbar-default {
    background-color: #c41e3a !important;
    border: none !important;
}

.navbar-default .navbar-brand {
    color: white !important;
}

.navbar-default .navbar-nav > li > a {
    color: white !important;
}

.navbar-default .navbar-nav > li > a:hover {
    background-color: rgba(255,255,255,0.1) !important;
}

/* Red links */
a {
    color: #c41e3a !important;
}

.wikitable {
    table-layout: auto; /* Let table size itself */
    width: 100%; /* Use full width available */
}

.wikitable td, 
.wikitable th {
    height: auto; /* Auto height based on content */
    padding: 8px 12px; /* Comfortable padding */
    vertical-align: top;
    word-wrap: break-word; /* Handle long text */
    white-space: normal; /* Allow text wrapping */
}

/* Auto-adjust column widths */
.wikitable td {
    width: auto; /* Columns size to content */
    min-width: 80px; /* Minimum width to prevent too narrow */
    max-width: 300px; /* Maximum width to prevent too wide */
}

/* Show full text on hover */
.wikitable td:nth-child(10) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    position: relative;
}

.wikitable td:nth-child(10):hover {
    overflow: visible;
    white-space: normal;
    background-color: #f8f9fa;
    z-index: 999;
    position: absolute;
    border: 1px solid #a2a9b1;
    padding: 8px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}