MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| (16 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.rot-box { | |||
background-color: #141414; | |||
border: 1px solid #A67C52; | |||
border-radius: 6px; | |||
padding: 10px 15px; | |||
margin: 10px; | |||
box-sizing: border-box; | |||
color: #ccc; | |||
} | |||
a:link { | |||
color: #7aa9ff !important; /* Light steel blue */ | |||
} | |||
a:visited { | |||
color: #c98bff !important; /* Light violet */ | |||
} | |||
a:hover { | |||
color: #FFD700 !important; | |||
text-shadow: 0 0 5px rgba(255, 215, 0, 0.2); | |||
} | |||
.rot-flex-wrap { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 20px; | |||
} | |||
.rot-left, .rot-right, .rot-bottom { | |||
width: 48%; | |||
min-width: 320px; | |||
} | |||
/* Make portable infobox match dark theme */ | |||
.portable-infobox { | |||
background-color: #1c1c1c; | |||
color: #e0e0e0; | |||
border: 1px solid #444; | |||
font-size: 90%; | |||
} | |||
.portable-infobox .pi-title { | |||
background-color: #2a2a2a; | |||
color: #f9d29d; | |||
font-size: 130%; | |||
font-weight: bold; | |||
} | |||
.portable-infobox .pi-image img { | |||
border: 1px solid #444; | |||
} | |||
.portable-infobox .pi-data-label { | |||
color: #c9a66b; | |||
font-weight: bold; | |||
width: 40%; | |||
} | |||
.portable-infobox .pi-data-value { | |||
color: #eee; | |||
} | |||
.portable-infobox .pi-header { | |||
background-color: #2e2e2e; | |||
color: #d4af37; | |||
font-weight: bold; | |||
text-transform: uppercase; | |||
font-size: 95%; | |||
} | |||
.portable-infobox .pi-navigation { | |||
display: none; /* Hide empty navigation footer if unused */ | |||
} | |||
#p-logo { | |||
position: static !important; | |||
height: auto !important; | |||
margin: 0px 0 5px 5px !important; | |||
padding: 0 !important; | |||
display: flex !important; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
#mw-panel { | #mw-panel { | ||
| Line 10: | Line 92: | ||
flex-direction: column; | flex-direction: column; | ||
gap: 4px; | gap: 4px; | ||
} | |||
#mw-panel .mw-portlet .vector-menu-heading-label { | |||
display: inline-block; | |||
text-align: center; | |||
} | } | ||
#mw-panel .mw-portlet { | #mw-panel .mw-portlet { | ||
width: 100%; | width: 100%; | ||
overflow: hidden; | |||
position: relative; | |||
background: linear-gradient(to bottom, #111 0%, #222 100%); | background: linear-gradient(to bottom, #111 0%, #222 100%); | ||
border: 1px solid rgba(255, 215, 0, 0.3); | border: 1px solid rgba(255, 215, 0, 0.3); | ||
| Line 22: | Line 111: | ||
#mw-panel .mw-portlet .vector-menu-heading { | #mw-panel .mw-portlet .vector-menu-heading { | ||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
font-family: 'Cinzel', serif; | |||
font-size: 12px; | |||
font-weight: bold; | |||
letter-spacing: 0.5px; | |||
text-transform: uppercase; | |||
color: #C0A080; | |||
background-color: rgba(15, 15, 15, 0.9); | |||
height: 30px; | |||
margin: -2px -2px 4px -2px; | |||
border-radius: 6px 6px 0 0; | |||
text-align: center; | |||
} | } | ||
#mw-panel .mw-portlet .body a { | #mw-panel .mw-portlet .body a { | ||
font-family: 'Cinzel', serif; | font-family: 'Cinzel', serif; | ||
font-size: | font-size: 14px; | ||
color: #bbb; | color: #bbb; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 97: | Line 187: | ||
/* Header & Title */ | /* Header & Title */ | ||
.toc .toctitle { | .toc .toctitle { | ||
border-bottom: 1px solid rgba(255, 215, 0, 0.3); | |||
margin-bottom: 6px; | |||
padding-bottom: 4px; | |||
position: relative; | position: relative; | ||
overflow: hidden; | overflow: hidden; | ||
| Line 107: | Line 200: | ||
} | } | ||
.toc .toctitle h2 { | .toc .toctitle h2 { | ||
padding: 0 | padding: 0 0px; | ||
font-weight: bold; | font-weight: bold; | ||
display: flex; | display: flex; | ||
| Line 215: | Line 308: | ||
color: #ddd; /* Light text for readability */ | color: #ddd; /* Light text for readability */ | ||
font-family: 'Cormorant Garamond', serif; | font-family: 'Cormorant Garamond', serif; | ||
font-size: 18px | font-size: 18px; | ||
} | } | ||
| Line 221: | Line 314: | ||
background-color: #111; | background-color: #111; | ||
color: #ddd; | color: #ddd; | ||
} | |||
#bodyContent, | |||
#mw-content-text, | |||
.mw-parser-output { | |||
font-size: 18px; | |||
font-weight: 500; | |||
line-height: 1.6; | |||
font-family: 'Cormorant Garamond', serif; | |||
} | } | ||
| Line 241: | Line 343: | ||
color: #C0A080; /* Stylish headers */ | color: #C0A080; /* Stylish headers */ | ||
font-family: 'Cinzel', serif; | font-family: 'Cinzel', serif; | ||
} | |||
.mw-parser-output a:link { | |||
color: #7aa9ff; | |||
} | |||
.mw-parser-output a:visited { | |||
color: #c98bff; | |||
} | |||
.mw-parser-output a:hover { | |||
color: #FFD700; | |||
text-shadow: 0 0 3px rgba(255, 215, 0, 0.4); | |||
} | } | ||
| Line 263: | Line 378: | ||
.vector-menu-content-list a { | .vector-menu-content-list a { | ||
position: relative; | position: relative; | ||
font-size: 15px; | |||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
| Line 301: | Line 417: | ||
} | } | ||
@keyframes logoPopIn { | @keyframes logoPopIn { | ||
| Line 327: | Line 435: | ||
.mw-wiki-logo { | .mw-wiki-logo { | ||
animation: logoPopIn 0.6s ease-out forwards; | animation: logoPopIn 0.6s ease-out forwards; | ||
width: | width: 230px !important; | ||
height: | height: 85px !important; | ||
background-image: url('https://static.wikioasis.org/realmofthroneswiki/ | background-image: url('https://static.wikioasis.org/realmofthroneswiki/9/9d/ADOD.gif'); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||