MediaWiki:Citizen.css

/* All CSS here will be loaded for users of the Citizen skin */
body, .mw-special-Preferences body {
	background: url(/img/sicily.jpg) 0 #fff;
	
}

.citizen-body-container {
    
}

.page-info, .citizen-footer__content {
        display: none;
}

@media screen and (min-width: 1120px) {
    .citizen-toc-enabled .citizen-body-container {
        grid-template-areas:
        'sidebar content'
        'footer footer';
        grid-template-columns: var(--width-toc) minmax(0, var(--width-layout));
    }
    
    .citizen-toc-enabled {
        --width-page: var(--width-toc) + calc(var(--width-layout) + var(--space-lg));
    }
    
    
}

.citizen-footer {
    	padding: 0 var(--padding-page);
    	background-color: transparent;
    	border-top: solid #f1008f;
    }

#footer-poweredbyico {
    display: none !important;
}

    .firstHeading-container {
    display: grid;
    justify-items: center;
    align-items: center;
}

#siteSub, #contentSub, #contentSub2 {
    display: grid;
    justify-items: center;
    align-items: center;
}

.citizen-page-header {
    margin-top: unset;
    border-bottom: solid #f1008f;
}

h1.firstHeading {
	font-family: 'Times New Roman', 'Times', Serif;
	font-size: calc(26px + .88vw);
    letter-spacing: .5px;
    font-weight: 500;
	color: #008ff1;
}

.citizen-page-header-inner {
	padding-block: .25rem
}

.citizen-header {
	background-color: transparent;
}

#mw-content-text {
    background: #ffffff;
}

.mw-page-title-namespace {
    color: violet;
}

.mw-indicators {
	display: none;
}

.citizen-dropdown-details[open] + .citizen-menu__card .citizen-menu__card-content {
    background: white;
}

.citizen-drawer__header {
	border-bottom: solid #f1008f;
}

.citizen-search__footer-start {
    display: none;
}

.citizen-search__footer {
	justify-content: end;
}

.citizen-search__form, .citizen-search__footer {
    background: #f1008f;
    color: white
}

.citizen-keyboard-hint-label {
    color: white;
}

.citizen-keyboard-hint-key {
    color: white;
}

    .citizen-search__form {
        font-size: var(--font-size-medium);
        color: white;
    }

/* Set the input text color to white */
#searchInput {
  color: white;
  caret-color: white;
}

/* Set the placeholder text color to white for all browsers */
#searchInput::placeholder {
  color: white;
}

/* For older browsers - Firefox */
#searchInput::-moz-placeholder {
  color: white;
}

/* For older browsers - WebKit */
#searchInput::-webkit-input-placeholder {
  color: white;
}

/* For older browsers - Microsoft */
#searchInput:-ms-input-placeholder {
  color: white;
}

/* For the typeahead overlay text */
.citizen-typeahead-input-overlay-query {
  color: white;
}

.page-Main_Page.action-view .citizen-page-header {
    order: unset;
}

.page-Main_Page #mw-content-text {
   
}

.mw-content-ltr.mw-parser-output {
  padding: 0 18px;
}

.page-Main_Page.action-view .citizen-body-container {
    margin-top: unset;
}

.citizen-body-container {
    margin-top: 0 !important;
}

.citizen-page-header {
    position: relative;
}