MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 104: | Line 104: | ||
/* | /* Dark, encapsulated thumbnail — Parsoid + legacy */ | ||
/* | /* Figure = outer box (caption included) */ | ||
.mw-parser-output figure[typeof~="mw:File/Thumb"], | .mw-parser-output figure[typeof~="mw:File/Thumb"], | ||
.mw-parser-output figure[typeof~="mw:Image/Thumb"], | .mw-parser-output figure[typeof~="mw:Image/Thumb"], | ||
.mw-parser-output figure[typeof~="mw:File/Frame"], | .mw-parser-output figure[typeof~="mw:File/Frame"], | ||
.mw-parser-output figure[typeof~="mw:Image/Frame"]{ | .mw-parser-output figure[typeof~="mw:Image/Frame"]{ | ||
background: | background:#bdbdbd !important; | ||
border: 1px solid | border:1px solid #555 !important; | ||
padding: 4px !important; | padding:4px !important; | ||
margin: 0 !important; | margin:0 !important; | ||
box-shadow: none !important; | box-shadow:none !important; | ||
box-sizing: border-box !important; | box-sizing:border-box !important; | ||
} | } | ||
/* | /* Inner border on the clickable wrapper */ | ||
.mw-parser-output figure[typeof*="mw:"] > a:first-child, | .mw-parser-output figure[typeof*="mw:"] > a:first-child, | ||
.mw-parser-output figure[typeof*="mw:"] > span:first-child > a{ | .mw-parser-output figure[typeof*="mw:"] > span:first-child > a{ | ||
display: block !important; | display:block !important; | ||
line-height: 0 !important; | line-height:0 !important; | ||
background: transparent !important; | background:transparent !important; | ||
border: 1px solid | border:1px solid #bdbdbd !important; | ||
padding: 0 !important; | padding:0 !important; | ||
box-shadow: none !important; | box-shadow:none !important; | ||
} | } | ||
/* Image */ | |||
.mw-parser-output figure[typeof*="mw:"] img{ | .mw-parser-output figure[typeof*="mw:"] img{ | ||
display: block !important; | display:block !important; | ||
max-width:100% !important; | |||
height:auto !important; | |||
background:transparent !important; | |||
border:0 !important; | |||
box-shadow:none !important; | |||
} | } | ||
/* Caption inside the frame */ | |||
.mw-parser-output figure[typeof*="mw:"] figcaption{ | .mw-parser-output figure[typeof*="mw:"] figcaption{ | ||
display: block !important; | display:block !important; | ||
width: 100% !important; | width:100% !important; | ||
margin: 6px 8px 4px !important; | margin:6px 8px 4px !important; | ||
padding: 0 !important; | padding:0 !important; | ||
line-height: 1.4 !important; | line-height:1.4 !important; | ||
white-space: normal !important; | white-space:normal !important; | ||
writing-mode: horizontal-tb !important; | writing-mode:horizontal-tb !important; | ||
color: | color:#bdbdbd !important; | ||
background: transparent !important; | background:transparent !important; | ||
border: 0 !important; | border:0 !important; | ||
} | } | ||
/* | /* Hide magnify/file-description icon */ | ||
.mw-parser-output figure .magnify, | .mw-parser-output figure .magnify, | ||
.mw-parser-output figure a.mw-file-description, | .mw-parser-output figure a.mw-file-description, | ||
.mw-parser-output figure a.mw-file-description::before, | .mw-parser-output figure a.mw-file-description::before, | ||
.mw-parser-output figure a.mw-file-description::after{ | .mw-parser-output figure a.mw-file-description::after{ | ||
display: none !important; | display:none !important; | ||
content: none !important; | content:none !important; | ||
background: none !important; | background:none !important; | ||
} | } | ||
/* | /* Legacy (non-Parsoid) thumbs */ | ||
.mw-parser-output .thumb .thumbinner{ | .mw-parser-output .thumb .thumbinner{ | ||
background: | background:#2f2f2f !important; | ||
border: 1px solid | border:1px solid #555 !important; | ||
padding: 4px !important; | padding:4px !important; | ||
line-height: 0 !important; | line-height:0 !important; | ||
} | } | ||
.mw-parser-output .thumb .thumbinner a.image{ | .mw-parser-output .thumb .thumbinner a.image{ | ||
display: block !important; | display:block !important; | ||
border: 1px solid | border:1px solid #bdbdbd !important; | ||
padding: 0 !important; | padding:0 !important; | ||
} | } | ||
.mw-parser-output .thumb img.thumbimage{ | .mw-parser-output .thumb img.thumbimage{ | ||
display: block !important; | display:block !important; | ||
background: transparent !important; | background:transparent !important; | ||
border: 0 !important; | border:0 !important; | ||
box-shadow: none !important; | box-shadow:none !important; | ||
} | } | ||
.mw-parser-output .thumb .thumbcaption{ | .mw-parser-output .thumb .thumbcaption{ | ||
margin: 6px 8px 4px !important; | margin:6px 8px 4px !important; | ||
background: transparent !important; | background:transparent !important; | ||
border: 0 !important; | border:0 !important; | ||
color: | color:#bdbdbd !important; | ||
} | } | ||
Revision as of 12:39, 18 September 2025
div.vectorTabs ul li#ca-history {
display: none;
}
.vector-menu-tabs-legacy li {
background-color: transparent !important;
color: #72777d;
cursor: pointer;
}
.new.mw-list-item {
background-color: transparent !important;
}
.new.mw-list-item a {
background-color: transparent !important;
color: #72777d;
cursor: pointer;
font-size: 0.8em;
}
.ca-talk {
background-color: transparent !important;
color: #72777d;
cursor: pointer;
font-size: 0.8em;
}
.vector-menu-portal .vector-menu-content li a,
.vector-menu-portal .vector-menu-content li a:visited {
color: #72777d;
}
/* Additional rules to ensure transparency */
.vector-menu-tabs,
.vector-menu-tabs ul,
.vector-menu-tabs li,
.vector-menu-tabs a,
.vector-menu-tabs-legacy,
.vector-menu-tabs-legacy ul,
.vector-menu-tabs-legacy li,
.vector-menu-tabs-legacy a,
#p-namespaces,
#p-namespaces li,
#p-namespaces a,
#ca-nstab-main,
#ca-talk,
.vector-tab-noicon,
.mw-list-item-js {
background-color: transparent !important;
background: transparent !important;
background-image: none !important;
}
.vector-menu-portal,
#mw-panel,
.vector-menu-portal .vector-menu-content {
background-color: #202020 !important; /* Dark gray color similar to the first image */
}
.vector-menu-portal .vector-menu-heading {
color: #cccccc; /* Light gray for headers */
}
/* For the links */
.vector-menu-portal .vector-menu-content a {
color: #3366bb; /* Blue color for links */
}
/* Remove any borders that might be present */
.vector-menu-portal {
border: none !important;
}
body {
background-image: url('https://i.imgur.com/nBW7bEJ.png') !important;
background-color: rgba(0, 0, 0, 0.9) !important; /* Semi-transparent black */
background-blend-mode: overlay !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-attachment: fixed !important;
background-size: cover !important;
}
#ca-view a, #ca-edit a, #ca-history a {
color: inherit !important;
background-color: transparent !important;
}
.mw-parser-output figure .magnify,
.mw-parser-output figure a.mw-file-description,
.mw-parser-output figure a.mw-file-description::before,
.mw-parser-output figure a.mw-file-description::after,
.mw-parser-output .thumb .thumbcaption .magnify {
display: none !important;
content: none !important;
background: none !important;
}
:root{
--thumb-bg:#2f2f2f;
--thumb-border:#555; /* outer */
--thumb-inner:#bdbdbd; /* thin inner */
--thumb-caption:#bdbdbd;
}
/* Dark, encapsulated thumbnail — Parsoid + legacy */
/* Figure = outer box (caption included) */
.mw-parser-output figure[typeof~="mw:File/Thumb"],
.mw-parser-output figure[typeof~="mw:Image/Thumb"],
.mw-parser-output figure[typeof~="mw:File/Frame"],
.mw-parser-output figure[typeof~="mw:Image/Frame"]{
background:#bdbdbd !important;
border:1px solid #555 !important;
padding:4px !important;
margin:0 !important;
box-shadow:none !important;
box-sizing:border-box !important;
}
/* Inner border on the clickable wrapper */
.mw-parser-output figure[typeof*="mw:"] > a:first-child,
.mw-parser-output figure[typeof*="mw:"] > span:first-child > a{
display:block !important;
line-height:0 !important;
background:transparent !important;
border:1px solid #bdbdbd !important;
padding:0 !important;
box-shadow:none !important;
}
/* Image */
.mw-parser-output figure[typeof*="mw:"] img{
display:block !important;
max-width:100% !important;
height:auto !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
/* Caption inside the frame */
.mw-parser-output figure[typeof*="mw:"] figcaption{
display:block !important;
width:100% !important;
margin:6px 8px 4px !important;
padding:0 !important;
line-height:1.4 !important;
white-space:normal !important;
writing-mode:horizontal-tb !important;
color:#bdbdbd !important;
background:transparent !important;
border:0 !important;
}
/* Hide magnify/file-description icon */
.mw-parser-output figure .magnify,
.mw-parser-output figure a.mw-file-description,
.mw-parser-output figure a.mw-file-description::before,
.mw-parser-output figure a.mw-file-description::after{
display:none !important;
content:none !important;
background:none !important;
}
/* Legacy (non-Parsoid) thumbs */
.mw-parser-output .thumb .thumbinner{
background:#2f2f2f !important;
border:1px solid #555 !important;
padding:4px !important;
line-height:0 !important;
}
.mw-parser-output .thumb .thumbinner a.image{
display:block !important;
border:1px solid #bdbdbd !important;
padding:0 !important;
}
.mw-parser-output .thumb img.thumbimage{
display:block !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
.mw-parser-output .thumb .thumbcaption{
margin:6px 8px 4px !important;
background:transparent !important;
border:0 !important;
color:#bdbdbd !important;
}