Difference between revisions of "MediaWiki:Common.css"
From Habitat: Giardino
(127 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
:root { | @font-face { | ||
font-family: 'anthony'; | |||
src: url("https://habitattt.it/Anthony.woff2") | |||
/*, url(https://xyz.wikipedia.org/w/extensions/UniversalLanguageSelector/data/fontrepo/fonts/GochiHand/GochiHand-Regular.woff2); */ | |||
} | |||
:root { | |||
--first: green; | --first: green; | ||
--second: black; | --second: black; | ||
--third: white; | --third: white; | ||
--fourth: #480000; | |||
} | } | ||
body { | body { | ||
font-family: 'Courier New', Courier, monospace; | font-family: 'Courier New', Courier, monospace; | ||
background-color: var(--first); | |||
} | |||
.color-middle, | |||
.color-left, | |||
.color-right { | |||
background-color: var(--second); | |||
} | |||
#mw-header-nav-hack, | |||
#mw-header-hack { | |||
box-shadow: 0 3px 3px 1px var(--first), 0 0 10px var(--first); | |||
} | } | ||
. | .ts-container { | ||
background-color: var(--second) | background-color: var(--second) | ||
} | } | ||
#mw-content { | |||
background-color: var(--third) | background-color: var(--third); | ||
box-shadow: none; | |||
border: none; | |||
} | } | ||
#mw-content-block { | |||
background-color: var(-- | background-color: var(--third) | ||
} | } | ||
#mw-content-container { | |||
background- | border-bottom: none; | ||
background-image: none; | |||
background: var(--third); | |||
} | } | ||
Line 51: | Line 74: | ||
#p-logo-text a { | #p-logo-text a { | ||
color: var(--third); | color: var(--third); | ||
font-family: "Helvetica | font-family: "anthony"; | ||
font-variant: none; | |||
} | |||
#personal { | |||
filter: invert(); | |||
/* font-family: Arial, Helvetica, sans-serif; */ | |||
} | } | ||
Line 58: | Line 87: | ||
#searchInput { | #searchInput { | ||
background-color: var(--second) | background-color: var(--second); | ||
color: var(--third); | |||
} | } | ||
Line 66: | Line 96: | ||
} */ | } */ | ||
.mw-body h1 { | |||
margin: 0 | |||
} | |||
#firstHeading { | |||
display: none; | |||
} | |||
.mw-portlet-body { | |||
font-size: 8pt; | |||
font- | |||
} | } | ||
/* global */ | |||
h1 { | h1 { | ||
font-family: Arial, Helvetica, sans-serif; | font-family: Arial, Helvetica, sans-serif; | ||
} | |||
.mw-body .mw-parser-output h1::after { | |||
border-bottom-width: 1px; | |||
color: var(--second); | |||
} | |||
.mw-body .mw-parser-output h1::after, .mw-body .mw-parser-output h2::after{ | |||
border: dotted .1px var(--second); | |||
} | } | ||
Line 82: | Line 129: | ||
} | } | ||
h2 { | h2 span { | ||
filter: invert(); | /* filter: invert(); */ | ||
font-family: Arial, Helvetica, sans-serif; | |||
} | |||
#p-logo-text a.long { | |||
line-height: 1.5; | |||
font-style: normal; | |||
} | |||
.mw-code.mw-css { | |||
border: solid 1px var(--first); | |||
} | } | ||
#firstHeading, | |||
.mw-headline { | |||
font-family: Arial, Helvetica, sans-serif; | font-family: Arial, Helvetica, sans-serif; | ||
} | |||
#wpTextbox1 { | |||
color: var(--second); | |||
} | |||
a { | |||
font-size: 12pt; | |||
font-family: "anthony"; | |||
} | |||
a:link { | |||
color: var(--first); | |||
} | |||
a:visited { | |||
text-decoration: underline; | |||
color: var(--first); | |||
} | |||
a:hover { | |||
color: var(--third); | |||
background-color: var(--first); | |||
} | |||
.mw-list-item a:hover { | |||
color: white; | |||
background-color: var(--first); | |||
} | |||
a.mw-wiki-logo.fallback:hover, | |||
a#p-banner.mw-wiki-title:hover { | |||
background-color: transparent; | |||
text-decoration: none; | |||
} | |||
a.new:visited:hover { | |||
color: var(--second); | |||
} | |||
a:visited:hover { | |||
color: var(--third); | |||
} | |||
a.new { | |||
color: var(--fourth); | |||
} | |||
a.new:hover { | |||
background: var(--fourth); | |||
color: var(--third); | |||
} | |||
#ca-history:hover, | |||
#ca-edit:hover, | |||
#ca-talk:hover { | |||
background-color: var(--first); | |||
} | |||
#ca-nstab-mediawiki:hover { | |||
background-color: var(--third); | |||
} | |||
.mw-parser-output a.extiw:visited, .mw-parser-output a.extiw:active:visited, .mw-parser-output a.external:visited { | |||
color: var(--first); | |||
background-color: var(--third); | |||
} | |||
a.external.text:hover { | |||
background-color: var(--third); | |||
color: var(--first) | |||
} | |||
#mw-site-navigation .sidebar-chunk h3, | |||
#mw-related-navigation .sidebar-chunk h3{ | |||
border-bottom: dotted 1px var(--second);} | |||
.tools-inline li.selected { | |||
border-bottom-color: var(--first); | |||
} | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { | |||
color: var(--third); | |||
background-color: var(--first); | |||
border-color: var(--first); | |||
} | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { | |||
background-color: var(--third); | |||
border-color: var(--first); | |||
color: var(--first); | |||
} | |||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span{ | |||
background-color: var(--first); | |||
border-color: var(--first); | |||
} | |||
.fc-calendar{ | |||
overflow-x: scroll;} | |||
.fc-calendar .fc-row > div.fc-today{ | |||
background-image: none; | |||
background: var(--first); | |||
} | |||
.ms-calendar-header{ | |||
height: 20px} | |||
.ms-calendar-header span{ | |||
font-size: 10px} | |||
.fc-calendar .fc-row > div > span.fc-date{ | |||
font-size: 13px; | |||
font-family: "anthony"; | |||
color: var(--first)} | |||
.weekNo{ | |||
display: none !important;} | |||
.fc-today span.event{color: white} | |||
pre { | |||
padding: 20px; | |||
border-width: 5px; | |||
border-color: black; | |||
color: black; | |||
border-style: dotted; | |||
background:white; | |||
} | } |
Latest revision as of 22:52, 25 May 2022
@font-face { font-family: 'anthony'; src: url("https://habitattt.it/Anthony.woff2") /*, url(https://xyz.wikipedia.org/w/extensions/UniversalLanguageSelector/data/fontrepo/fonts/GochiHand/GochiHand-Regular.woff2); */ } :root { --first: green; --second: black; --third: white; --fourth: #480000; } body { font-family: 'Courier New', Courier, monospace; background-color: var(--first); } .color-middle, .color-left, .color-right { background-color: var(--second); } #mw-header-nav-hack, #mw-header-hack { box-shadow: 0 3px 3px 1px var(--first), 0 0 10px var(--first); } .ts-container { background-color: var(--second) } #mw-content { background-color: var(--third); box-shadow: none; border: none; } #mw-content-block { background-color: var(--third) } #mw-content-container { border-bottom: none; background-image: none; background: var(--third); } #mw-header-container { background-color: var(--second); } #mw-content-block { /* background-color: var(--first); */ background-color: transparent; } div#site-navigation.sidebar-chunk { background-color: transparent; border: solid 1px var(--first); } div#site-tools.sidebar-chunk { background-color: transparent; border: solid 1px var(--first); } div#page-tools.sidebar-chunk { background-color: transparent; border: solid 1px var(--first); } #p-logo-text a { color: var(--third); font-family: "anthony"; font-variant: none; } #personal { filter: invert(); /* font-family: Arial, Helvetica, sans-serif; */ } /* searchbar */ #searchInput { background-color: var(--second); color: var(--third); } /* #searchButton{ filter: invert(); } */ .mw-body h1 { margin: 0 } #firstHeading { display: none; } .mw-portlet-body { font-size: 8pt; } /* global */ h1 { font-family: Arial, Helvetica, sans-serif; } .mw-body .mw-parser-output h1::after { border-bottom-width: 1px; color: var(--second); } .mw-body .mw-parser-output h1::after, .mw-body .mw-parser-output h2::after{ border: dotted .1px var(--second); } textarea { color: transparent; } h2 span { /* filter: invert(); */ font-family: Arial, Helvetica, sans-serif; } #p-logo-text a.long { line-height: 1.5; font-style: normal; } .mw-code.mw-css { border: solid 1px var(--first); } #firstHeading, .mw-headline { font-family: Arial, Helvetica, sans-serif; } #wpTextbox1 { color: var(--second); } a { font-size: 12pt; font-family: "anthony"; } a:link { color: var(--first); } a:visited { text-decoration: underline; color: var(--first); } a:hover { color: var(--third); background-color: var(--first); } .mw-list-item a:hover { color: white; background-color: var(--first); } a.mw-wiki-logo.fallback:hover, a#p-banner.mw-wiki-title:hover { background-color: transparent; text-decoration: none; } a.new:visited:hover { color: var(--second); } a:visited:hover { color: var(--third); } a.new { color: var(--fourth); } a.new:hover { background: var(--fourth); color: var(--third); } #ca-history:hover, #ca-edit:hover, #ca-talk:hover { background-color: var(--first); } #ca-nstab-mediawiki:hover { background-color: var(--third); } .mw-parser-output a.extiw:visited, .mw-parser-output a.extiw:active:visited, .mw-parser-output a.external:visited { color: var(--first); background-color: var(--third); } a.external.text:hover { background-color: var(--third); color: var(--first) } #mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3{ border-bottom: dotted 1px var(--second);} .tools-inline li.selected { border-bottom-color: var(--first); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--third); background-color: var(--first); border-color: var(--first); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background-color: var(--third); border-color: var(--first); color: var(--first); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span{ background-color: var(--first); border-color: var(--first); } .fc-calendar{ overflow-x: scroll;} .fc-calendar .fc-row > div.fc-today{ background-image: none; background: var(--first); } .ms-calendar-header{ height: 20px} .ms-calendar-header span{ font-size: 10px} .fc-calendar .fc-row > div > span.fc-date{ font-size: 13px; font-family: "anthony"; color: var(--first)} .weekNo{ display: none !important;} .fc-today span.event{color: white} pre { padding: 20px; border-width: 5px; border-color: black; color: black; border-style: dotted; background:white; }