User:PinkYoshiFan/monobook.css: Difference between revisions
From MiiWiki
Jump to navigationJump to search
PinkYoshiFan (talk | contribs) (trying something) |
PinkYoshiFan (talk | contribs) (dark mode test 3) |
||
Line 4: | Line 4: | ||
body { | body { | ||
background-color: #000 !important; | background-color: #000 !important; | ||
background-blend-mode: screen !important; | background-blend-mode: screen !important; | ||
border-top-left-radius:1em; | border-top-left-radius:1em; | ||
border-bottom-left-radius:1em | border-bottom-left-radius:1em | ||
color(white) | |||
} | } | ||
Line 19: | Line 19: | ||
#footer { | #footer { | ||
background-color: #CECCBD !important; | background-color: #CECCBD !important; | ||
background-blend-mode: screen !important; | background-blend-mode: screen !important; | ||
padding-bottom:4em; | padding-bottom:4em; | ||
Line 33: | Line 32: | ||
color:white; | color:white; | ||
background-color: #000 !important; | background-color: #000 !important; | ||
background-blend-mode: screen !important; | background-blend-mode: screen !important; | ||
box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; | box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; |
Revision as of 14:49, 26 November 2021
div#globalWrapper { background:transparent } body { background-color: #000 !important; background-blend-mode: screen !important; border-top-left-radius:1em; border-bottom-left-radius:1em color(white) } @media screen and (max-width: 550px) { .mw-body-content { overflow: revert; } } #footer { background-color: #CECCBD !important; background-blend-mode: screen !important; padding-bottom:4em; margin-bottom:0%; border-bottom: none !important; border-left: none !important; border-right: none !important; overflow: hidden; margin-top: 7em; } #content { color:white; background-color: #000 !important; background-blend-mode: screen !important; box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; border-top-left-radius: 1em; border-top-right-radius: 1em; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; } /* Border */ .wikiEditor-ui .wikiEditor-ui-view, #content, #footer { border:2px solid #b5b5b5 } textarea { border-color:#066F71 } /* Tabs */ #p-cactions ul li, #p-cactions ul li a { background-color:#d2d2d2; border-top-left-radius:1em; border-top-right-radius:1em; padding-bottom:5px } #p-cactions li { border: 2px solid #b5b5b5; } #p-cactions li.selected { border-color: #b5b5b5; } #p-cactions li.selected a { z-index: 3; background-color: #f6f5ee; } #p-cactions .new a { color: #a55858; } #p-cactions li a { color: #000; text-transform: full-size-kana; } /* user links */ li#pt-userpage, li#pt-anonuserpage, li#pt-login { background:url(https://cdn.miiwiki.org/2/26/Favicon.png) top left no-repeat; background-size:16px; padding:1px 0 2px 20px } #p-personal ul a { background-color:transparent } #p-personal ul a:hover { background-color:transparent; text-decoration:underline } #p-personal .pBody ul { background: repeating-linear-gradient(180deg,transparent ,transparent 5px,#FAFAFA 5px,#FAFAFA 10px),linear-gradient(to bottom,#FCFCFC,#E7E7E7); border-bottom:2px solid #b5b5b5; border-left:2px solid #b5b5b5; border-bottom-left-radius:0.5em; float:right; padding-left:5px; height:1.55em; box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; } /* Edit summary */ .editOptions { background-color:#eaecf0; color: #202122; border: 1px solid #c8ccd1; border-top-right-radius:1em; border-bottom-right-radius:1em } /* Sidebar */ .portlet h3 { padding: 0 1em 0 0.5em; text-transform: full-size-kana; font-weight: bold; color: #999; font-size: 1.2em; } #sidebar > .portlet .pBody { box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; background: repeating-linear-gradient(180deg,transparent ,transparent 5px,#DADADA 5px,#DADADA 10px),linear-gradient(to bottom,#FCFCFC,#E2E2E2); border:2px solid #b5b5b5; } .portlet .pBody { border-top-left-radius:1em; border-top-right-radius:1em; border-bottom-left-radius:1em; border-bottom-right-radius:1em } #p-cactions .new a { color: #a55858; } #sidebar ul { list-style-image:url(https://cdn.miiwiki.org/6/69/I.png); } /* Search */ #searchInput { border:1px solid #b5b5b5; background: linear-gradient(#fff,#e3e3e3); box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; border-width: 2px; border-radius: 15px; } .mw-changeslist-legend { border:1px solid #066F71 } #searchGoButton { background:url(https://cdn.miiwiki.org/e/e3/Go.png) transparent no-repeat; background-size:18px; border:none; color:transparent; font-weight:normal } #mw-searchButton { background:url(https://cdn.miiwiki.org/9/95/Search.png) transparent no-repeat; background-size:48px; border:none; color:transparent } input.searchButton { cursor: pointer } #p-cactions li.selected { border-color:#b5b5b5; } .portlet { width:11.8em; } .usermessage { background-color:#E6E6FA; border:1px solid #8A2BE2 } #mw-indicator-shortcut { padding-top:14px } a { color:#00f } a:visited { color:#00c } #siteNotice { border-top:2px solid #066F71; border-bottom:2px solid #066F71; padding:3px 2px 2px 2px; margin:-2px 0 6px } .mw-parser-output a.extiw { color:#06f } .mw-parser-output a.extiw:visited { color:#3366BB } .mw-parser-output a.external { color:#06f } .mw-parser-output a.external:visited { color:#0044CC } /* Mobile things if you're using Monobook's """"responsive"""" mode */ @media screen and (max-width: 550px) { #searchGoButton { background-position: center; } .mobile-menu-active { background: repeating-linear-gradient(180deg,transparent,transparent 5px,#DADADA 5px,#DADADA 10px),linear-gradient(to bottom,#FCFCFC,#E2E2E2); box-shadow: rgb(0 0 0 / 15%) 0 0.1em 0.75em; border: 2px solid #b5b5b5; border-radius: 15px; } .portlet h3 { color: #6c6c6c; } #p-cactions ul li, #p-cactions ul li a { background: none; border: none; color: #0645ad; } #sidebar > .portlet .pBody, #p-personal .pBody ul { background: none; border: none; box-shadow: none; } #ca-languages { display: none; } #p-cactions-mobile li, #p-cactions-mobile li a { border-width: 2px; border-radius: 10px 10px 0 0; } .menu-toggle { border-width: 2px; border-radius: 10px; } #p-personal .pBody ul { float: left; } li#pt-userpage, li#pt-anonuserpage, li#pt-login { background-position-y: center; } }