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;
}
.main-page-logo {
    display: inline-block;
    height: 110px;
    width: 548px;
}
.main-page-logo:hover .bta-logo {
    display: none;
}
.minecraft-retro-logo {
    display: none;
}
.main-page-logo:hover .minecraft-retro-logo {
    display: inline;
}
}


Line 239: Line 251:
image-rendering: pixelated;
image-rendering: pixelated;
image-rendering: crisp-edges;
image-rendering: crisp-edges;
background-color: #c6c6c6 !important;
background-color: var(--infobox-out-background) !important;
}
}


Line 320: Line 332:
/* Message boxes */
/* Message boxes */
.msgbox {
.msgbox {
width: 80%;
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: rgba(0,0,0,0.7529411765);
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';
   }
   }
}
}