Difference between revisions of "MediaWiki:Timeless.css"
From Drawn to Life Wiki
(remove dark mode :( (until I can fix missing styles?)) |
(append) |
||
Line 78: | Line 78: | ||
height:100%; | height:100%; | ||
background-color: #fff; | background-color: #fff; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
*/ | */ | ||
Line 91: | Line 86: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Revision as of 15:46, 6 October 2023
/* All CSS here will be loaded for users of the Timeless skin */ /* https://www.mediawiki.org/wiki/Skin:Timeless */ /**********/ /* Loader */ /* @media (prefers-color-scheme: light) { #smooth-loader-inner { color: #2A89FF; font-size: 90px; text-indent: -9999em; overflow: hidden; width: 1em; height: 1em; border-radius: 50%; margin: 72px auto; position: relative; transform: translateZ(0); animation: load6 1.7s infinite ease, round 1.7s infinite ease; top: 43%; } } @media (prefers-color-scheme: dark) { #smooth-loader-inner { color: #ffffff; font-size: 90px; text-indent: -9999em; overflow: hidden; width: 1em; height: 1em; border-radius: 50%; margin: 72px auto; position: relative; transform: translateZ(0); animation: load6 1.7s infinite ease, round 1.7s infinite ease; top: 43%; } } @keyframes load6 { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @keyframes round { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #smooth-loader { position:fixed; z-index: 1000; top:0; left:0; width:100%; height:100%; background-color: #fff; } */ /********/ /* Body */ @media screen and (max-width: 1439px) { #mw-content-container:not(.ns-2) { background: #71bdf7; background-image: url("/w/backgrounds/ForestWikiBackgroundsMedium.webp"); background-attachment: fixed; background-size: cover; background-position: bottom; } } @media screen and (min-width: 1439px) { #mw-content-container:not(.ns-2) { background: #71bdf7; background-image: url("/w/backgrounds/ForestWikiBackgroundsBig.webp"); background-attachment: fixed; background-size: cover; background-position: bottom; } } @media screen and (max-width: 1439px) { .ns-1 #mw-content-container,.ns-special #mw-content-container,.ns-6 #mw-content-container,.ns-10 #mw-content-container,.ns-200 #mw-content-container,.ns-3200 #mw-content-container { background: #71bdf7; background-image: url("/w/backgrounds/ForestWikiBackgroundsMediumGrid.webp"); background-attachment: fixed; background-size: cover; background-position: bottom; } } @media screen and (min-width: 1439px) { .ns-1 #mw-content-container,.ns-special #mw-content-container,.ns-6 #mw-content-container,.ns-10 #mw-content-container,.ns-200 #mw-content-container,.ns-3200 #mw-content-container { background: #71bdf7; background-image: url("/w/backgrounds/ForestWikiBackgroundsBigGrid.webp"); background-attachment: fixed; background-size: cover; background-position: bottom; } } @media screen and (max-width: 1439px) { .ns-3200 #mw-content-container,.ns-3201 #mw-content-container { background: #71bdf7; background-image: url("/w/backgrounds/CreationWikiBackgroundMedium.webp"); background-attachment: fixed; background-size: cover; background-position: bottom; } } @media screen and (min-width: 1439px) { .ns-3200 #mw-content-container,.ns-3201 #mw-content-container { background: #71bdf7; background-image: url("/w/backgrounds/CreationWikiBackgroundBig.webp"); background-attachment: fixed; background-size: cover; background-position: bottom; } } @media screen and (max-width: 1439px) { .ns-2 #mw-content-container,.ns-3 #mw-content-container { background: #AB46A9; background-image: url("/w/backgrounds/FactoryWikiBackgroundMedium.webp"); background-attachment: fixed; background-size: cover; background-position: bottom; } } @media screen and (min-width: 1439px) { .ns-2 #mw-content-container,.ns-3 #mw-content-container { background: #AB46A9; background-image: url("/w/backgrounds/FactoryWikiBackgroundBig.webp"); background-attachment: fixed; background-size: cover; background-position: bottom; } } /* Content width .ts-inner { max-width: 145em; } */ /* 1em from top and side on large screens and sidebar borders */ @media (min-width: 1100px) { #mw-content { border: 3px solid #5aa7e2; border-radius: 10px; box-shadow: #0000007d 0 0 4px; margin-top: 1em; margin-right: 1em; background: rgba(255, 255, 255, 0.99); } #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { border: 3px solid #5aa7e2; border-radius: 10px; box-shadow: #0000007d 0 0 4px; background: rgba(255, 255, 255, 0.99); } #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { border: 3px solid #6951CD; border-radius: 10px; box-shadow: #0000007d 0 0 4px; background: rgba(22, 7, 74, 0.99); } } } /********/ /* Logo */ .mw-wiki-logo { background-image: url(https://drawntolife.wiki/w/images/0/0b/DTLWIKIBig.png); background-size: 100%; transition: 0.2s; } .mw-wiki-logo:hover { background-image: url(https://drawntolife.wiki/w/images/1/1d/DTLWikiAnimated.png); background-size: 100%; } @media (max-width: 1339px) { .mw-wiki-logo:active { background-image: url(https://drawntolife.wiki/w/images/1/1d/DTLWikiAnimated.png); background-size: 95%; } } /***********/ /* Modules */ /* Notification */ .mw-notification, .dropdown { border-radius: 5px; box-shadow: #0000001a 0px 3px 4px; } @media screen and (min-width: 851px) and (max-width: 1339px) { #mw-wrapper .dropdown-active .dropdown { margin-right: 1.4em; } } /* Navbar border-bottom color */ #mw-content-container { margin-top: 3.1em; border-bottom: solid 4px #36c; } @media screen and (min-width: 851px) { .color-bar { visibility: hidden; } } @media screen and (max-width:850px) { #mw-content-container { margin-top: 0; } .color-right, .color-middle, .color-left { background: #0d3e91; height: 0.35em; } } #mw-header-nav-hack, #mw-header-hack { box-shadow: 0 3px 3px 2px rgba(0, 0, 0, 0.17),0 0 2px rgba(0, 0, 0, 0.22); } @media screen and (min-width: 851px) { #mw-header-container { border-bottom: 2px solid #ffffff; box-shadow: #000000a8 0 0 7px; padding: 0.7em 0px 0px !important; min-height: 3.3225em !important; top: -4.5px !important; transition: top .3s cubic-bezier(.68,-0.55,.27,1.55);; } } #mw-header-container { box-shadow: #000000a8 0 0 7px; } #mw-header-container.hide { top: -51px !important; } /* Toc */ /* Left borders */ .mw-content-ltr .toc ul ul, .mw-content-rtl .mw-content-ltr .toc ul ul { border-left: 2px solid #c8ccd1; padding-left: 0.5em; } .tocnumber { display: none; } /* Highlight */ .mw-headline:target { background-color: #ffef008a; transition: 0.8s; border-radius: 10px; padding: 0 3px 0 3px; } /* Shadow */ .toc { box-shadow: #0000001a 0px 3px 4px; } /* TOC */ .mw-content-ltr .toc ul ul, .mw-content-rtl .mw-content-ltr .toc ul ul { border-left: 2px solid #6951cd !important; } .mw-body .toctitle { border-bottom: solid 2px #6951cd; } ul#filetoc, .toc, .mw-warning { border: solid #6951cd; } } /* Experimental and inefficient edit button text remover */ span.mw-editsection a { color: transparent; width: 1px; display: inline-flex; } /* Header Page Title */ .mw-body h1.firstHeading { font-family: Arco; border-radius: 4px; } /* SubTitle Template */ .Page_SubTitle { position: absolute; top: -2.8em; right: 0em; font-family: Arco; } /* Header H3 */ .mw-body h3 { border-bottom: solid 2px #c8ccd1; overflow: hidden; font-size: 1.4em; } /* ;Text thingy */ .mw-body dt { font-family: sans-serif; } /* Search */ #simpleSearch { border-radius: 0.5em; } /* One-sided navigation menu */ @media (min-width: 1340px) { #mw-content-block { display: block; } #mw-content, #content-bottom-stuff { margin-left: 14em; } #mw-content-wrapper { float: right; margin-left: -14em; width: 100%; } #mw-related-navigation { width: 14em; padding: 0 1em 0 0; } /* BAKI CODE - Fixes un-interactive logo */ #mw-site-navigation { display: grid; } /* With above - fixes vertical margin for elements in sidebar */ #mw-site-navigation .sidebar-chunk { margin: 1em 0 0 0; } div.color-middle { margin-right: 0; } } /* Align top colour bar with page columns */ .ts-inner { padding: 0 0 0 1em; } /* Re-aligning bottom logos */ #footer { padding-right: 1em; } /* Top bar font modernization */ #personal h2 span { font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif; } @media screen and (min-width:851px) and (max-width:1099px) { #mw-site-navigation h2, #mw-related-navigation h2 { font-size: 1.2em; font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif; } } #p-logo-text { visibility: hidden; } /***********/ /* Buttons */ /* Selected */ #ca-nstab-mediawiki.selected, #ca-nstab-main.selected, #ca-edit.selected, #ca-history.selected, #ca-nstab-user.selected, #ca-nstab-template.selected, #ca-nstab-category.selected, #ca-nstab-image.selected, #ca-viewsource.selected, #ca-nstab-project.selected, #ca-addsection.selected, #ca-undelete.selected, #ca-nstab-userwiki.selected, #ca-nstab-fanon.selected, #ca-nstab-topic.selected { padding: 5px; background: #72b531; margin: 5px 2px 0; border-radius: 5px; border-bottom: 0.3rem solid #3b7e0e; box-shadow: inset 3.65em 0px 0px -1.9em #3b7e0e61; transition: 0.3s; } /* Small */ @media screen and (max-width: 850px){ #ca-nstab-mediawiki.selected, #ca-nstab-main.selected, #ca-edit.selected, #ca-history.selected, #ca-nstab-user.selected, #ca-nstab-template.selected, #ca-nstab-category.selected, #ca-viewsource.selected, #ca-nstab-image.selected, #ca-nstab-project.selected, #ca-addsection.selected, #ca-undelete.selected, #ca-nstab-userwiki.selected, #ca-nstab-fanon.selected, #ca-nstab-topic.selected { padding: 5px; background: #72b531; margin: 5px 2px 0; border-radius: 5px; border-bottom: 0.3rem solid #3b7e0e; box-shadow: none; transition: 0.7s; } } /* Hover */ #ca-nstab-mediawiki.selected:hover, #ca-nstab-main.selected:hover, #ca-edit.selected:hover, #ca-history.selected:hover, #ca-nstab-user.selected:hover, #ca-nstab-template.selected:hover, #ca-nstab-category.selected:hover, #ca-nstab-image.selected:hover, #ca-viewsource.selected:hover, #ca-nstab-project.selected:hover, #ca-addsection.selected:hover, #ca-undelete.selected:hover, #ca-nstab-userwiki.selected:hover, #ca-nstab-fanon.selected:hover, #ca-nstab-topic.selected:hover { padding: 5px; background: #72b531; margin: 5px 2px 0; border-radius: 5px; border-bottom: 0.3rem solid #3b7e0e; box-shadow: inset 3.65em 0px 0px 20em #3b7e0e61; transition: 0.7s; } /* Active */ #ca-nstab-mediawiki.selected:active, #ca-nstab-main.selected:active, #ca-edit.selected:active, #ca-history.selected:active, #ca-nstab-user.selected:active, #ca-nstab-template.selected:active, #ca-nstab-category:active, #ca-nstab-image.selected:active, #ca-viewsource.selected:active, #ca-nstab-project.selected:active, #ca-addsection.selected:active, #ca-undelete.selected:active, #ca-nstab-userwiki.selected:active, #ca-nstab-fanon.selected:active, #ca-nstab-topic.selected:active { padding:5px; background:#72b531; margin:5px 2px 0; border-radius:5px; border-bottom:0.3rem solid #6a9c0c; box-shadow:inset 3.65em 0px 0px 20em #94c231; transition:0.7s; position: relative; top: 2px; } .tools-inline li[id^="ca-nstab-"] a,#ca-edit a, #ca-history a,#ca-talk a,#t-contributions a,#ca-viewsource a, #ca-addsection a, #ca-undelete a { color: white; font-weight: bold; padding-left: 1.5em; line-height: 2em; } /* Unselected */ #p-views li, #p-more li, #ca-nstab-main, #ca-nstab-user, #ca-nstab-template, #ca-nstab-category, #ca-nstab-image, #ca-nstab-project, #ca-nstab-mediawiki, #ca-addsection, #ca-undelete, #ca-nstab-userwiki, #ca-nstab-fanon, #ca-nstab-topic { margin-left: 1em; background: #5aa7e2; border-bottom: 0.3rem solid #254a8f; box-shadow: inset 3.65em 0px 0px -1.9em #254a8f61; margin: 5px 2px 0 !important; border-radius: 5px; transition: 0.3s; padding: 5px; } @media screen and (max-width: 850px){ #p-views li, #p-more li, #ca-nstab-main, #ca-nstab-user, #ca-nstab-template, #ca-nstab-category, #ca-nstab-image, #ca-nstab-project, #ca-nstab-mediawiki, #ca-addsection, #ca-undelete, #ca-nstab-userwiki, #ca-nstab-fanon, #ca-nstab-topic { margin-left: 1em; background: #5aa7e2; border-bottom: 0.3rem solid #254a8f; box-shadow: none; margin: 5px 2px 0; border-radius: 5px; transition: 0.3s; padding: 5px; } } /* Hover*/ #t-contributions:hover, #ca-viewsource:hover, #ca-history:hover, #ca-edit:hover, #ca-nstab-main:hover, #ca-nstab-user:hover, #ca-nstab-template:hover, #ca-nstab-category:hover, #ca-nstab-image:hover, #ca-nstab-project:hover, #ca-nstab-mediawiki:hover, #ca-addsection:hover, #ca-undelete:hover, #ca-nstab-userwiki:hover, #ca-nstab-fanon:hover, #ca-nstab-topic:hover { margin-left:1em; background:#5aa7e2; border-bottom:0.3rem solid #254a8f; box-shadow:inset 3.65em 0px 0px 20em #254a8f61; margin:5px 2px 0; border-radius:5px; transition:0.7s; padding:5px } /* Active */ #t-contributions:active, #ca-viewsource:active, #ca-history:active, #ca-edit:active, #ca-nstab-main:active, #ca-nstab-user:active, #ca-nstab-template:active, #ca-nstab-category:active, #ca-nstab-image:active, #ca-nstab-project:active, #ca-nstab-mediawiki:active, #ca-addsection:active, #ca-undelete:active, #ca-nstab-userwiki:active, #ca-nstab-fanon:active, #ca-nstab-topic:active { margin-left:1em; background:#5aa7e2; border-bottom:0.3rem solid #2972a3; box-shadow:inset 3.65em 0px 0px 20em #5cbee8; margin:5px 2px 0; border-radius:5px; transition:0.7s; padding:5px; position: relative; top: 2px; } /* Watch */ #ca-unwatch.mw-watchlink,#ca-watch.mw-watchlink { padding: 5px; background: #ffc742; margin: 5px 2px 0 -11px; border-radius: 5px; border-bottom: 0.3rem solid #e48102; transition: 0.3s; } #ca-unwatch.mw-watchlink:hover,#ca-watch.mw-watchlink:hover { padding: 5px; background: #f2a624; margin: 5px 2px 0 -11px; border-radius: 5px; border-bottom: 0.3rem solid #e48102; transition: 0.3s; } #ca-unwatch.mw-watchlink:active,#ca-watch.mw-watchlink:active { padding: 5px; background: #ffd745; margin: 5px 2px 0 -11px; border-radius: 5px; border-bottom: 0.3rem solid #e49d0d; transition: 0.3s; position: relative; top: 3px; } /* Talk */ #ca-talk { background: #e49202; margin: 5px 2px 0; border-radius: 5px; padding: 5px; border-bottom: 0.3rem solid #b24408; box-shadow: inset 3.65em 0px 0px -1.9em #b2440861; transition: 0.3s; } @media screen and (max-width: 850px){ #ca-talk { background: #e49202; margin: 5px 2px 0; border-radius: 5px; padding: 5px; border-bottom: 0.3rem solid #b24408; box-shadow: none; transition: 0.7s; } } #ca-talk:hover { background: #e49202; border-radius: 5px; padding: 5px; border-bottom: 0.3rem solid #b24408; box-shadow: inset 3.65em 0px 0px 20em #b2440861; transition: 1s; } #ca-talk:active { background: #e49202; border-radius: 5px; padding: 5px; border-bottom: 0.3rem solid #c36f08; box-shadow: inset 3.65em 0px 0px 20em #f1ad00; transition: 0.7s; position: relative; top: 2px; } /* Icon replacements */ #ca-edit a, #ca-addsection a { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/editicon.png); background-size: 1.15em; background-position: left center; } @media screen and (max-width: 850px){ #ca-edit a, #ca-addsection a { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/editicon.png); background-size: 1.15em; background-position: center center; } } #ca-history a { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/historyicon.png); background-size: 1.15em; background-position: left center; } @media screen and (max-width: 850px){ #ca-history a { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/historyicon.png); background-size: 1.15em; background-position: center center; } } #ca-talk a { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/discussionicon.png); background-size: 1.15em; background-position: left center; } @media screen and (max-width: 850px){ #ca-talk a { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/discussionicon.png); background-size: 1.15em; background-position: center center; } } #ca-viewsource a { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/sourceicon.png); background-size: 1.15em; background-position: left center; } @media screen and (max-width: 850px){ #ca-viewsource a { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/sourceicon.png); background-size: 1.15em; background-position: center center; } } .tools-inline li[id^="ca-nstab-"] a { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/pageicon.png); background-size: 1.15em; background-position: left center; } @media screen and (max-width: 850px){ .tools-inline li[id^="ca-nstab-"] a { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/pageicon.png); background-size: 1.15em; background-position: center center; } } #ca-watch a { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/watchicon.png); background-size: 1.15em; background-position: center center; } #ca-unwatch a { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/unwatchicon.png); background-size: 1.15em; background-position: center center; } /* Fixes strange margin before watch icon on smaller size*/ @media screen and (max-width: 850px){ #p-namespaces li { margin-right: 1em; } #ca-watch a { line-height: 2em; } #ca-unwatch a { line-height: 2em; } } #t-contributions a { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/contributionsicon.png); background-size: 1.23em; background-position: left center; } @media screen and (max-width: 850px){ #t-contributions a { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/contributionsicon.png); background-size: 1.23em; background-position: center center; } } #ca-more span { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/settingsicon.png); background-size: 1.15em; background-position: left center; line-height: 2em; } @media screen and (max-width: 850px){ #ca-more span { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/settingsicon.png); background-size: 1.15em; background-position: center center; line-height: 2em; } } #ca-languages span { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/languageicon.png); background-size: 1.15em; background-position: left center; line-height: 2em; } @media screen and (max-width: 850px){ #ca-languages span { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/languageicon.png); background-size: 1.15em; background-position: center center; line-height: 2em; } } .tools-inline li a { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/undeleteicon.png); background-size: 1.15em; background-position: left center; } @media screen and (max-width: 850px){ .tools-inline li a { background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/undeleteicon.png); background-size: 1.15em; background-position: center center; } } /* Big Logo on large display */ @media (min-width: 1340px) { #mw-content { margin-top: 10.7em; } .mw-wiki-logo { background-image: url(https://drawntolife.wiki/w/images/3/35/WikiLogo.png); } .mw-wiki-logo:hover { background-image: url(https://drawntolife.wiki/w/images/3/35/WikiLogo.png); filter: brightness(1.2); } .mw-wiki-logo.fallback { width: 26em; height: 9.2em; position: absolute; left: 44.5%; top: 3em; transition: 0.3s; } .mw-wiki-logo.fallback:active { height: 10.2em; } #p-logo { margin-top: 9.736em; } } /* Blurs header on scroll > 200 */ .headerblur { backdrop-filter: blur(5px); background: linear-gradient(to bottom, #FFF, #FFFFFFA3) !important; transition: background 0.5s; } /* Fix category pane on 2nd smallest size */ @media screen and (min-width:851px) and (max-width:1099px) { #content-bottom-stuff { background: #fffffffa; border-top: solid 3px #5aa7e2; } /* Page margins and border shadow*/ #mw-content { margin-left: 1em; margin-bottom: 1em; margin-right: 1em; border: 3px solid #5aa7e2; box-shadow: #0000007d 0 0 4px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } } #bodyContent { margin-top: 1em; border-top: 1px dotted #36c; padding-top: 0.7em; } /* Raposa list bullets */ ul { list-style-image: url(/w/skins/Raposa/resources/skins.raposa.styles/images/bullet-icon.svg?2be55); } ul ul, ul ul ul, ul ul ul ul { list-style-image: none; list-style-type: circle; }