Difference between revisions of "MediaWiki:Common.css"

From Habitat: Giardino
 
(114 intermediate revisions by the same user not shown)
Line 1: Line 1:
@font-face {
@font-face {
     font-family: 'anthony';
     font-family: 'anthony';
     src: url(" /usr/share/fonts/Anthony.woff2")
     src: url("https://habitattt.it/Anthony.woff2")
     /*, url(https://xyz.wikipedia.org/w/extensions/UniversalLanguageSelector/data/fontrepo/fonts/GochiHand/GochiHand-Regular.woff2); */
     /*, url(https://xyz.wikipedia.org/w/extensions/UniversalLanguageSelector/data/fontrepo/fonts/GochiHand/GochiHand-Regular.woff2); */
}
}
Line 9: Line 9:
     --second: black;
     --second: black;
     --third: white;
     --third: white;
    --fourth: #480000;
}
}


Line 16: Line 17:
}
}


.color-middle {
.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)
}
}


.color-left {
#mw-content {
     background-color: var(--third)
     background-color: var(--third);
    box-shadow: none;
    border: none;
}
}


.color-right {
#mw-content-block {
     background-color: var(--first)
     background-color: var(--third)
}
}


.ts-container {
#mw-content-container {
     background-color: var(--second)
    border-bottom: none;
     background-image: none;
    background: var(--third);
}
}


Line 58: 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;
 
.p-banner {
    color: var(--first);
     font-style: italic;
}
}


Line 69: Line 81:
     filter: invert();
     filter: invert();
     /* font-family: Arial, Helvetica, sans-serif; */
     /* font-family: Arial, Helvetica, sans-serif; */
}
.p-banner {
    font-family: 'anthony';
}
}


Line 79: Line 87:


#searchInput {
#searchInput {
     background-color: var(--second)
     background-color: var(--second);
    color: var(--third);
}
}


Line 86: Line 95:
     filter: invert();
     filter: invert();
} */
} */
.mw-body h1 {
    margin: 0
}
#firstHeading {
    display: none;
}
.mw-portlet-body {
    font-size: 8pt;
}




Line 92: Line 113:
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 115: Line 146:
.mw-headline {
.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;
}