MediaWiki:Common.css: Difference between revisions

small css tweak
made stats box smaller
 
(11 intermediate revisions by the same user not shown)
Line 164: Line 164:


.header-stats {
.header-stats {
     width: 300px;
     width: 190px;
     flex-shrink: 0;
     flex-shrink: 0;
     background: linear-gradient(to bottom, #fcf6e8, #f1e7d3) !important;
     background: linear-gradient(to bottom, #fcf6e8, #f1e7d3) !important;
Line 170: Line 170:
     box-shadow: 0 4px 10px rgba(61, 43, 31, 0.15);
     box-shadow: 0 4px 10px rgba(61, 43, 31, 0.15);
     border: 1px solid rgba(179, 160, 125, 0.4);
     border: 1px solid rgba(179, 160, 125, 0.4);
     padding: 20px 25px;
     padding: 12px 16px;
     box-sizing: border-box;
     box-sizing: border-box;
}
}
Line 181: Line 181:
     display: flex;
     display: flex;
     justify-content: space-between;
     justify-content: space-between;
     margin-bottom: 8px;
     margin-bottom: 5px;
     font-size: 0.95em;
     font-size: 0.8em;
     border-bottom: 1px dashed rgba(179, 160, 125, 0.6);
     border-bottom: 1px dashed rgba(179, 160, 125, 0.6);
     padding-bottom: 8px;
     padding-bottom: 5px;
}
}
.header-stats li:last-child {
.header-stats li:last-child {
Line 286: Line 286:
     border-radius: 8px;
     border-radius: 8px;
     overflow: hidden;
     overflow: hidden;
     box-shadow: 0 4px 10px rgba(61, 43, 31, 0.1);
     box-shadow: 0 8px 18px rgba(20, 12, 4, 0.25);
     border: 1px solid rgba(179, 160, 125, 0.3);
     border: 1px solid rgba(179, 160, 125, 0.3);
     transition: all 0.2s ease;
     transition: all 0.2s ease;
Line 294: Line 294:
.category-card:hover {
.category-card:hover {
     transform: translateY(-4px);
     transform: translateY(-4px);
     box-shadow: 0 10px 20px rgba(61, 43, 31, 0.15), 0 0 15px rgba(255, 215, 0, 0.15);
     box-shadow: 0 16px 28px rgba(20, 12, 4, 0.35), 0 0 15px rgba(255, 215, 0, 0.15);
     border-color: #b3a07d;
     border-color: #b3a07d;
}
}
.tile-top.tile-image {
.tile-top.tile-image {
     background: radial-gradient(circle, #ffffff 0%, #f1e7d3 100%) !important;
     background: radial-gradient(circle, #ffffff 0%, #f1e7d3 100%) !important;
     height: 120px;
     height: 220px;
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
Line 307: Line 307:
}
}
.tile-top.tile-image img {
.tile-top.tile-image img {
     max-width: 80px;
     max-width: 175px;
     max-height: 80px;
     max-height: 175px;
     object-fit: contain;
     object-fit: contain;
     filter: drop-shadow(0 4px 6px rgba(0,0,0,0.2));
     filter: drop-shadow(0 14px 16px rgba(20, 12, 4, 0.5));
     transition: transform 0.2s ease;
     transition: transform 0.2s ease, filter 0.2s ease;
}
}
.category-card:hover .tile-top.tile-image img {
.category-card:hover .tile-top.tile-image img {
     transform: scale(1.05);
     transform: scale(1.05);
    filter: drop-shadow(0 18px 20px rgba(20, 12, 4, 0.6));
}
}
.tile-bottom.link-button {
.tile-bottom.link-button {
Line 1,404: Line 1,405:
     top: 8px;
     top: 8px;
     left: 8px;
     left: 8px;
    margin: 0 !important;
     z-index: 1000;
     z-index: 1000;
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1.5px solid #a2a9b1;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
/* Hide it while the drawer is open so it doesn't sit on top of "Home";
  tapping outside the drawer still closes it via Minerva's own overlay. */
#main-menu-input:checked ~ #mw-mf-main-menu-button {
    display: none !important;
}
/* The button leaving normal flow collapses its old slot to 0 width, so the
  site name/search would otherwise slide left underneath it; push them
  right to clear it. */
.minerva-header {
    padding-left: 52px;
    box-sizing: border-box;
}
/* List Category:Skills members in a single vertical column instead of the
  default multi-column layout. */
.page-Category_Skills .mw-category-columns {
    column-count: 1 !important;
    column-width: auto !important;
}
.page-Category_Skills .mw-category-group ul {
    display: block !important;
}
.page-Category_Skills .mw-category-group li {
    display: block !important;
}
/* Drop the Score column from the Top Contributors table. */
.contributionscores-wrapper th:nth-child(2),
.contributionscores-wrapper td:nth-child(2) {
    display: none;
}
/* Hide the whole Tools toolbox from the sidebar (What links here, Related
  changes, Printable version, Permanent link, Page information, Cargo
  data) - none of it is meant for regular readers. */
#p-tb {
    display: none !important;
}
#footer-places-about {
    display: none !important;
}
}