Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Darklands 2.1 */
/* Updated June 2024 */
/* A dark, low-contrast Vector theme for wikipedia */
/* see User:Dialectric/common.css for css to hide specific UI elements */
/* screenshots at https://en.wikipedia.org/wiki/User:Dialectric */
/* please leave comments or suggestions on my wikipedia talk page */
/* Sticky Header Styling */
body:not(.page-Main_Page) .vector-header-container {
background-color: rgba(0, 0, 0, 0.7) !important; /* Semi-transparent for distinction */
padding: 1em !important;
display: flex;
align-items: center;
justify-content: space-between;
position: sticky;
top: 0;
z-index: 1000; /* Ensure it stays on top */
width: 100%;
}
/* Center-align and enlarge search bar in the header */
body:not(.page-Main_Page) #p-search {
position: absolute;
left: 50%;
transform: translateX(-50%);
max-width: 500px; /* Wider search bar */
}
body:not(.page-Main_Page) #p-search form {
display: flex;
align-items: center;
}
body:not(.page-Main_Page) #p-search input {
width: 100%;
padding: 0.75em; /* Larger padding for a bigger input box */
font-size: 1em;
border: 2px solid #666;
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.2); /* Semi-transparent background for search */
color: #c1c1c1;
}
/* Footer Styling */
body:not(.page-Main_Page) #mw-footer {
background-color: rgba(0, 0, 0, 0.7) !important; /* Matching opacity to header */
padding: 1em;
text-align: center;
color: #c1c1c1;
width: 100%;
position: fixed;
bottom: 0;
z-index: 1000; /* Ensure it stays on top of other content */
}
/* Ensure footer links and text have readable colors */
body:not(.page-Main_Page) #mw-footer a {
color: #66D9EF !important;
text-decoration: none;
}
body:not(.page-Main_Page) #mw-footer a:hover {
text-decoration: underline;
}
/* Center-align text within footer */
body:not(.page-Main_Page) #mw-footer .footer-content {
max-width: 1200px;
margin: 0 auto;
padding: 0.5em 0;
}
/* Center-align the main content with seamless background */
body:not(.page-Main_Page) .mw-page-container,
body:not(.page-Main_Page) .mw-body,
body:not(.page-Main_Page) .mw-body-content,
body:not(.page-Main_Page) #content {
background-color: transparent !important; /* Make background seamless */
border: none !important; /* Remove any visible borders */
box-shadow: none !important; /* Remove shadows */
max-width: 1200px; /* Set a max width for centering */
margin: 0 auto !important; /* Center content */
padding: 1em !important; /* Add padding for readability */
color: #c1c1c1 !important;
}
/* Adjust main content padding for readability */
body:not(.page-Main_Page) .mw-body {
padding-left: 2em !important;
padding-right: 2em !important;
}
/* Transparent background for tables, boxes, and other elements */
body:not(.page-Main_Page) table,
body:not(.page-Main_Page) .infobox,
body:not(.page-Main_Page) .navbox,
body:not(.page-Main_Page) .toc,
body:not(.page-Main_Page) .wikitable,
body:not(.page-Main_Page) .thumb,
body:not(.page-Main_Page) .mw-parser-output .quotebox,
body:not(.page-Main_Page) #mw-panel {
background-color: transparent !important; /* Transparent for seamless background */
border: none !important; /* Remove borders */
}
/* Global background settings for a seamless experience */
html, body {
background-image: url('https://wiki.cosmicsky.net/images/thumb/4/48/BackgroundThree.png/1600px-BackgroundThree.png?20240916194629') !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-attachment: fixed !important;
height: 100% !important;
}
/* Apply these styles to all pages except the main page */
body:not(.page-Main_Page) .mw-body {
margin-left: 10vw !important; /* Scalable left margin */
margin-right: 10vw !important; /* Scalable right margin */
padding: 1em !important;
border: 0px solid #250b2d !important;
margin-top: 1em !important;
background-color: rgba(51, 51, 51, 0.9) !important; /* Background with slight transparency */
color: #c1c1c1 !important;
direction: ltr !important;
}
/* Specific style for the header to make it distinct */
body:not(.page-Main_Page) .vector-header-container {
background-color: rgba(0, 0, 0, 0.7) !important; /* Darker overlay with transparency */
padding-bottom: 1em !important;
}
/* Adjust space below action buttons */
body:not(.page-Main_Page) #mw-content-text {
margin-top: 1em !important;
}
/* Reduce space slightly between top bar and content */
body:not(.page-Main_Page) #mw-head-base {
margin-bottom: 1em !important;
}
/* Styles for the Main Page to reset margins and background */
body.page-Main_Page .mw-body {
margin-left: 10em !important; /* Keep the left margin */
margin-right: 0 !important; /* Remove the right margin */
border: none !important; /* Remove border */
background-color: transparent !important; /* Default background */
}
/* Homepage Adjustments */
.mw-page-container {
background-color: #000 !important;
}
.vector-feature-zebra-design-disabled body {
background-color: #020a13;
}
/* Additional Custom Styles */
/* Add other styles below as needed */
/* ********************* */
/* Small Window - <640 */
/* ********************* */
@media (max-width: 640px) {
.vector-legacy-sidebar{
display:none;
}
.mw-body{
margin-left:0px;
}
.vector-user-menu-legacy .vector-menu-content-list {
display: inline-flex;
flex-wrap: nowrap;
}
.skin-vector-legacy #pt-notifications-notice .mw-echo-notifications-badge, .skin-vector-legacy #pt-notifications-alert .mw-echo-notifications-badge {
top: -5px;
display: none;
}
#left-navigation {
margin-left: 10px;
}
#mw-content-text{
margin-top:3em;
}
#sp-contributions-footer li{
border: 2px solid #0FF;
}
#content {
margin-top:3em;
}
img{
max-width:95%;
height:auto;
}
.vector-user-menu-legacy #pt-userpage {
margin-right: -22px;
}
.mw-footer {
margin-left: 1em
}
.mw-indicator #coordinates {
right: 1em;
}
.mw-notification-visible{
margin-left: 18px;
}
}
/* ********************* */
/* END Small Window */
/* ********************* */
/* ********************* */
/* Standardized background*/
/* ********************* */
.mw-parser-output .navbox{
background: #272822 !important;
}
figure, figcaption{
background: #272822 !important;
}
.navbox.authority-control{
background: #272822 !important;
}
.mw-parser-output .navbox-group, .mw-parser-output .navbox-subgroup .navbox-title {
background-color: #272822 !important;
}
.mw-parser-output .portal>ul {
background: #272822;
}
.mw-parser-output .quotebox {
background: #272822 !important;
}
#content .gallerybox div.thumb {
background: #272822;
}
.mw-parser-output .subjectbar {
background-color: #272822;
}
.sidebar{
background-color: #272822 !important;
}
.oo-ui-tagMultiselectWidget-handle{
background-color: #272822 !important;
}
/* homepage */
#mp-topbanner{
background-color: #272822 !important;
color: #F8F8F2 !important;
}
#mp-left, #mp-right, #mp-middle, #mp-lower{
background-color: #272822 !important;
color: #F8F8F2 !important;
}
.mw-parser-output .spoken-wikipedia {
background-color: #272822 !important;
color: #F8F8F2 !important;
}
.module-shortcutboxplain {
background-color: #272822 !important;
color: #F8F8F2 !important;
}
.ombox-notice{
background-color: #272822 !important;
color: #F8F8F2 !important;
}
.mw-searchresults-has-iw .iw-resultset {
background-color: #272822 !important;
color: #F8F8F2 !important;
}
.mw-parser-output div.documentation {
background-color: #272822 !important;
color: #F8F8F2 !important;
}
.warningbox{
background-color: #272822 !important;
color: #F8F8F2 !important;
}
.shortcutbox{
background-color: #272822 !important;
color: #F8F8F2 !important;
}
.infobox {
background-color: #272822 !important;
color: #F8F8F2 !important;
}
/* ********************* */
/* END Standardized background*/
/* ********************* */
.vector-feature-zebra-design-disabled .vector-dropdown .vector-dropdown-checkbox {
max-width: 200px;
max-height: 200px;
}
.skin-vector-2022 .vector-menu-tabs .mw-list-item, .skin-vector-2022 .vector-page-toolbar-container .vector-dropdown {
display: grid;
}
/* ********************* */
/* END Vector 2022 */
/* ********************* */