MediaWiki:Timeless.css: Difference between revisions
From MiiWiki
Jump to navigationJump to search
mNo edit summary |
PanchamBro (talk | contribs) (adjusting Timeless skin to be more akin to the Vector skin) |
||
Line 1: | Line 1: | ||
/* Body and backgrounds */ | /* Body and backgrounds */ | ||
body { | body { | ||
background: url(https://miiwiki.org/w/images/ | background: url(https://miiwiki.org/w/images/7/7a/MiiWiki_Background_Vector.png) top left fixed; | ||
border-top-left-radius: 1em; | |||
border-bottom-left-radius: 1em; | |||
margin-top:0; | |||
} | } | ||
@media screen and (max-width: 850px) { | @media screen and (max-width: 850px) { | ||
Line 10: | Line 13: | ||
/* Header */ | /* Header */ | ||
#mw-header-container { | |||
background: # | background: linear-gradient(#fff,#d2d2d2); | ||
border-bottom: 2px solid # | border-bottom: 2px solid #b5b5b5; | ||
} | } | ||
#mw-header-hack { | #mw-header-hack { | ||
Line 18: | Line 21: | ||
} | } | ||
#simpleSearch { | #simpleSearch { | ||
border: 2px solid # | border: 2px solid #b5b5b5; | ||
border-radius: 1rem; | border-radius: 1rem; | ||
} | } | ||
Line 37: | Line 40: | ||
background-position: left 7px; | background-position: left 7px; | ||
background-size: 24px; | background-size: 24px; | ||
font-family: | font-family: sans-serif; | ||
color: # | color: #000; | ||
} | } | ||
Line 51: | Line 54: | ||
#mw-content { | #mw-content { | ||
margin-left: 14em; | margin-left: 14em; | ||
padding-bottom: 1em; | |||
} | } | ||
#mw-content-wrapper { | #mw-content-wrapper { | ||
Line 85: | Line 89: | ||
border: none; | border: none; | ||
} | } | ||
#mw-content | #mw-content { | ||
background: | background-color: #CECCBD; | ||
border: 2px solid # | background-image: url(https://miiwiki.org/w/images/1/1f/MiiWiki_Page_Background.png); | ||
background-blend-mode: screen; | |||
border: 2px solid #b5b5b5; | |||
border-radius: 1em; | border-radius: 1em; | ||
box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; | |||
} | } | ||
.sidebar-inner { | .sidebar-inner { | ||
background: repeating-linear-gradient(180deg,transparent ,transparent 5px,#DADADA 5px,#DADADA 10px),linear-gradient(to bottom,#FCFCFC,#E2E2E2); | |||
border: 2px solid #b5b5b5; | |||
background | |||
border: 2px solid # | |||
border-radius: 1em; | border-radius: 1em; | ||
padding: 0 1em; | |||
box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; | |||
} | } | ||
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { | #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { | ||
Line 263: | Line 115: | ||
} | } | ||
.dropdown { | .dropdown { | ||
border: 2px solid # | border: 2px solid #b5b5b5 !important; | ||
border-radius: 1em; | border-radius: 1em; | ||
} | } | ||
#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 { | #mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 { | ||
color: #999; | |||
font-size: 1. | font-size: 1.2em; | ||
font-weight: bold; | |||
text-align: center; | text-align: center; | ||
border: | background: #fff; | ||
border-radius: 2em; | |||
box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; | |||
margin: .5em 0 1em; | |||
} | } | ||
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { | #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { | ||
Line 277: | Line 132: | ||
} | } | ||
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt { | .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt { | ||
font-family: | font-family: sans-serif; | ||
} | } | ||
Line 308: | Line 163: | ||
} | } | ||
#mw-footer { | #mw-footer { | ||
background-color: #CECCBD; | |||
border-top: 2px solid # | color: #fff; | ||
background-image: url(https://miiwiki.org/w/images/1/1f/MiiWiki_Page_Background.png); | |||
background-blend-mode: soft-light; | |||
border-radius: 0 0 0 10px; | |||
margin-top: -10px; | |||
border-top: 2px solid #b5b5b5; | |||
border-bottom: 2px solid #a92c3; | |||
} | } | ||
.mw-footer-container a { | .mw-footer-container a { | ||
Line 321: | Line 181: | ||
color: revert; | color: revert; | ||
} | } | ||
/* Catlinks */ | |||
#catlinks { | #catlinks { | ||
background: rgba(255,255,255,0.8); | background: rgba(255,255,255,0.8); |
Revision as of 17:19, 19 August 2021
/* Body and backgrounds */ body { background: url(https://miiwiki.org/w/images/7/7a/MiiWiki_Background_Vector.png) top left fixed; border-top-left-radius: 1em; border-bottom-left-radius: 1em; margin-top:0; } @media screen and (max-width: 850px) { #mw-content-block { background: transparent; } } /* Header */ #mw-header-container { background: linear-gradient(#fff,#d2d2d2); border-bottom: 2px solid #b5b5b5; } #mw-header-hack { display: none; } #simpleSearch { border: 2px solid #b5b5b5; border-radius: 1rem; } #p-logo-text a { color: #ffffff; font-family: Delfino; text-shadow: -0.04em -0.04em 0.02em #000, -0.04em 0 0.02em #000, -0.04em 0.04em 0.02em #000, 0 0.04em 0.02em #000, 0.04em 0.04em 0.02em #000, 0.04em 0 0.02em #000, 0.04em -0.04em 0.02em #000, 0 -0.04em 0.02em #000; font-variant: none; } @media screen and (max-width: 550px) { #p-logo-text { position: absolute; top: 1rem; } } #personal h2 { background: url(https://miiwiki.org/w/images/2/26/Favicon.png) no-repeat; background-position: left 7px; background-size: 24px; font-family: sans-serif; color: #000; } /* Sidebar & content */ .mw-wiki-logo { background-size: contain; } @media screen and (min-width: 1340px) { #mw-content-block { display: grid; } #mw-content { margin-left: 14em; padding-bottom: 1em; } #mw-content-wrapper { grid-row-start: 1; grid-row-end: 99; grid-column: 1; order: unset; } #mw-site-navigation { grid-row: 1; grid-column: 1; order: unset; } #mw-related-navigation { grid-row: 2; grid-column: 1; width: 14em; padding: 0 1em 0 0; order: unset; } } @media screen and (min-width: 851px) and (max-width: 1099px) { #mw-site-navigation h2, #mw-related-navigation h2 { font-family: sans-serif; padding: 0 .25rem; } #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { padding-top: 0!important; margin-top: .4rem; } } #mw-content-container { background: transparent; border: none; } #mw-content { background-color: #CECCBD; background-image: url(https://miiwiki.org/w/images/1/1f/MiiWiki_Page_Background.png); background-blend-mode: screen; border: 2px solid #b5b5b5; border-radius: 1em; box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; } .sidebar-inner { background: repeating-linear-gradient(180deg,transparent ,transparent 5px,#DADADA 5px,#DADADA 10px),linear-gradient(to bottom,#FCFCFC,#E2E2E2); border: 2px solid #b5b5b5; border-radius: 1em; padding: 0 1em; box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; } #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { background: none; border: none; padding: 0 } @media screen and (max-width: 850px) { #site-navigation .sidebar-inner { left: 5px; } } .dropdown { border: 2px solid #b5b5b5 !important; border-radius: 1em; } #mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 { color: #999; font-size: 1.2em; font-weight: bold; text-align: center; background: #fff; border-radius: 2em; box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; margin: .5em 0 1em; } #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { padding-top: .5rem; } .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt { font-family: sans-serif; } /* Other */ pre, .mw-code { background-color: #F7F7F7; border: 1px solid #066F71; border-radius: 1em; } div.editOptions { border: 1px solid #cccccc; } .previewnote { color: #990000; } fieldset { border: 3px solid #066F71; } fieldset legend { border: 1px solid #066F71; border-bottom: 0px; } #rc-staff { margin-bottom: 0!important; } /* Footer */ #mw-footer-container { border: none; border-radius: 0; } #mw-footer { background-color: #CECCBD; color: #fff; background-image: url(https://miiwiki.org/w/images/1/1f/MiiWiki_Page_Background.png); background-blend-mode: soft-light; border-radius: 0 0 0 10px; margin-top: -10px; border-top: 2px solid #b5b5b5; border-bottom: 2px solid #a92c3; } .mw-footer-container a { color: #3366cc; } .footer-icons { padding-top: .75em; } .mw-footer-container, .mw-footer-container a:hover, .mw-footer-container a:visited { color: revert; } /* Catlinks */ #catlinks { background: rgba(255,255,255,0.8); border: 2px solid #066F71; border-radius: 1em; padding: 1em; display: block; } #catlinks:empty { display: none; } @media screen and (min-width: 1099px) { #catlinks { margin: 1em 0 0 14em; } } @media screen and (max-width: 1098px) { #catlinks { margin-top: 1em; } }