MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 37: | Line 37: | ||
} | } | ||
body { | body { | ||
background-image: url("https://treeverse.wiki/images/8/84/Treeverse_background.jpg"); | background-image: url("https://treeverse.wiki/images/8/84/Treeverse_background.jpg"); | ||
| Line 46: | Line 45: | ||
} | } | ||
body::before { | body::before { | ||
content: ""; | content: ""; | ||
| Line 86: | Line 84: | ||
-webkit-backdrop-filter: blur(8px); | -webkit-backdrop-filter: blur(8px); | ||
padding: 32px; | padding: 32px; | ||
border-radius: | border-radius: 12px; | ||
box-shadow: 0 20px 60px rgba(0,0,0,0.35); | box-shadow: 0 20px 60px rgba(0,0,0,0.35); | ||
position: relative; | |||
} | } | ||
| Line 263: | Line 263: | ||
.infobox { | .infobox { | ||
position: absolute; | |||
width: | top: 32px; | ||
margin: 0 | right: 32px; | ||
width: 340px; | |||
float: none; | |||
clear: none; | |||
margin: 0; | |||
border-collapse: collapse; | border-collapse: collapse; | ||
font-size: 90%; | font-size: 90%; | ||
background: | |||
background: #0f141d; | |||
box-shadow: 0 | color: #ffffff; | ||
border-radius: 12px; | |||
overflow: hidden; | |||
box-shadow: 0 12px 35px rgba(0,0,0,0.45); | |||
} | } | ||
.infobox th, | .infobox th, | ||
.infobox td { | .infobox td { | ||
padding: | padding: 10px 12px; | ||
border-top: 1px solid rgba(255,255,255,0.08); | |||
border-top: 1px solid | |||
} | } | ||
| Line 285: | Line 296: | ||
width: 40%; | width: 40%; | ||
font-weight: 600; | font-weight: 600; | ||
color: # | color: #8fa6d8; | ||
} | } | ||
.infobox-title { | .infobox-title { | ||
background: #1a2233; | |||
color: #ffffff !important; | |||
font-size: 130%; | font-size: 130%; | ||
text-align: center !important; | text-align: center !important; | ||
padding: | padding: 14px; | ||
} | } | ||
.infobox-image { | .infobox-image { | ||
text-align: center !important; | text-align: center !important; | ||
padding: | padding: 16px; | ||
} | |||
/* Space for infobox */ | |||
.mw-parser-output { | |||
padding-right: 380px; | |||
} | |||
/* ============================= */ | |||
/* MOBILE SAFETY */ | |||
/* ============================= */ | |||
@media (max-width: 900px) { | |||
.infobox { | |||
position: static; | |||
width: 100%; | |||
margin: 20px 0; | |||
} | |||
.mw-parser-output { | |||
padding-right: 0; | |||
} | |||
} | } | ||