Anonymous user
MediaWiki:Common.css: Difference between revisions
m
oops
imported>Ttv pedro270707 mNo edit summary |
imported>Ttv pedro270707 m (oops) |
||
(40 intermediate revisions by 2 users not shown) | |||
Line 6: | Line 6: | ||
--code-border: #eaecf0; | --code-border: #eaecf0; | ||
--default-text-color: #000000; | --default-text-color: #000000; | ||
--infobox-out-background: #c6c6c6; | |||
--tooltip-background: rgba(0,0,0,0.7529411765); | |||
} | } | ||
Line 14: | Line 16: | ||
--code-border: #222222; | --code-border: #222222; | ||
--default-text-color: #dddddd; | --default-text-color: #dddddd; | ||
--infobox-out-background: #222226; | |||
} | } | ||
Line 32: | Line 35: | ||
font-style: normal; | font-style: normal; | ||
font-display: fallback; | font-display: fallback; | ||
} | |||
.vector-menu-portal .vector-menu-content li a:visited { | |||
color: #69bad9; | |||
} | |||
.vector-menu-portal .vector-menu-content li a { | |||
color: #aa69cf; | |||
} | } | ||
Line 41: | Line 52: | ||
background-image: none !important; | background-image: none !important; | ||
padding-right: 0 !important; | padding-right: 0 !important; | ||
} | |||
/* Collapsible table button restyle */ | |||
.mw-collapsible-toggle { | |||
margin-left: 0.8em; | |||
} | |||
.mw-collapsible-text::before { | |||
content: "hide"; | |||
display: inline; | |||
font-size: 14px; | |||
} | |||
.mw-collapsible-toggle-collapsed .mw-collapsible-text::before { | |||
content: 'show'; | |||
} | |||
.mw-collapsible-text { | |||
font-size: 0; | |||
} | } | ||
Line 76: | Line 106: | ||
/* Adds "BTA WIKI" overlay on wiki icon */ | /* Adds "BTA WIKI" overlay on wiki icon */ | ||
.mw-wiki-logo::before { | /*.mw-wiki-logo::before { | ||
content: ''; | content: ''; | ||
width: 160px; | width: 160px; | ||
Line 86: | Line 116: | ||
position: absolute; | position: absolute; | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
} | }*/ | ||
#mw-page-base { | #mw-page-base { | ||
Line 162: | Line 192: | ||
.client-darkmode .tocnumber { | .client-darkmode .tocnumber { | ||
color: #aaa; | color: #aaa; | ||
} | } | ||
Line 239: | Line 251: | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
image-rendering: crisp-edges; | image-rendering: crisp-edges; | ||
background-color: | background-color: var(--infobox-out-background) !important; | ||
} | } | ||
Line 320: | Line 332: | ||
/* Message boxes */ | /* Message boxes */ | ||
.msgbox { | .msgbox { | ||
width: | width: 70%; | ||
padding: 5px; | padding: 5px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
Line 650: | Line 662: | ||
border: 0.125em solid transparent; | border: 0.125em solid transparent; | ||
background-color: #000000; | background-color: #000000; | ||
background-color: | background-color: var(--tooltip-background); | ||
font-family: Minecraft,"WenQuanYi Bitmap Song",SimSun,Unifont,NISC18030,Beijing,Courier,sans-serif; | font-family: Minecraft,"WenQuanYi Bitmap Song",SimSun,Unifont,NISC18030,Beijing,Courier,sans-serif; | ||
word-spacing: 0.375em; | word-spacing: 0.375em; | ||
Line 753: | Line 765: | ||
100% { | 100% { | ||
transform: translate(-50%, -50%) scale(1.1) rotateZ(-20deg); | transform: translate(-50%, -50%) scale(1.1) rotateZ(-20deg); | ||
} | |||
} | |||
/* Main page */ | |||
.page-Main_Page .firstHeading { | |||
display: none; | |||
} | |||
.main-page-logo { | |||
background-color: rgb(30,100,200); | |||
background-color: rgba(80,150,255,0.4); | |||
border: 1px solid rgb(100,100,160); | |||
padding: 40px 15px; | |||
display: flex; | |||
align-items: center; | |||
flex-direction: column; | |||
flex-wrap: wrap; | |||
gap: 15px; | |||
background-image: url(https://static.miraheze.org/btawiki/f/f5/BetterTownscreenshot1.png); | |||
background-attachment: fixed; | |||
background-size: 100vw; | |||
background-size: 100svw; | |||
} | |||
.main-page-block { | |||
position: relative; | |||
border: 1px solid var(--table-border); | |||
padding: 5px; | |||
padding-top: 40px; | |||
} | |||
.main-page-blocks { | |||
display: grid; | |||
grid-template-columns: repeat(3, 1fr); | |||
grid-template-rows: repeat(3, 1fr); | |||
gap: 10px; | |||
grid-template-areas: 'a a d' | |||
'b b d' | |||
'c c e'; | |||
} | |||
.main-page-block-title { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 30px; | |||
background-image: linear-gradient(rgb(0 0 0 / 0.6), rgb(0 0 0 / 0.6)), url(https://static.miraheze.org/btawiki/f/f5/BetterTownscreenshot1.png); | |||
background-attachment: fixed; | |||
image-rendering: pixelated; | |||
box-shadow: rgb(0 0 0 / 10%) 0 0.25em; | |||
display: flex; | |||
align-items: center; | |||
padding-left: 10px; | |||
box-sizing: border-box; | |||
background-size: 100vw; | |||
background-size: 100svw; | |||
} | |||
@media only screen and (max-width: 900px) { | |||
.main-page-blocks { | |||
grid-template-rows: repeat(3, 1fr); | |||
grid-template-areas: 'a a a' | |||
'b b b' | |||
'c c c' | |||
'd d d' | |||
'e e e'; | |||
} | } | ||
} | } |