MediaWiki:Common.css: Difference between revisions
From Protochroma Wiki
imported>Konz mNo edit summary |
No edit summary |
||
(28 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
/* Font imports */ | /* -- Font imports -- */ | ||
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap'); | @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap'); | ||
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,700&display=swap'); | @import url('https://fonts.googleapis.com/css?family=PT+Serif:400,700&display=swap'); | ||
/* Gallery styles background changes are restricted to screen view. In printing we should avoid applying backgrounds. */ | /* Gallery styles background changes are restricted to screen view. In printing we should avoid applying backgrounds. */ | ||
Line 73: | Line 24: | ||
} | } | ||
/* -- Main page containers -- */ | |||
.maincontainer { | |||
width: 100%; | |||
display: flex; | |||
margin: auto; | |||
} | } | ||
.textcontainer { | |||
width: 70%; | |||
padding-right: 10px; | |||
text-align:justify; | |||
} | } | ||
. | .rsscontainer { | ||
border: 2px solid; | |||
border-color: #1e90ff; | |||
background-color: #a9a9a9; | |||
text-align:justify; | |||
padding-right: 8px; | |||
width: 30%; | |||
} | } | ||
.toplinkcontainer, .toplinkcontainer2 { | |||
border: 2px solid; | |||
border-color: #1e90ff; | |||
background-color: #000000; | |||
color:#ffffff; font-size:3em; | |||
width: 50%; | |||
font-family: 'Open Sans', sans-serif; | |||
padding-left: 5px; | |||
} | } | ||
.linkcontainer, .linkcontainer2 { | |||
background-color: #a9a9a9; | |||
width: 50%; | |||
} | } | ||
/* -- Mobile -- */ | |||
@media (max-width: 1278px){ | |||
.maincontainer, .textcontainer, .toplinkcontainer, .linkcontainer, .toplinkcontainer2, .linkcontainer2 { | |||
flex-direction: column; | |||
width: 100% !important; | |||
} | } | ||
. | .infobox { | ||
float: none !important; | |||
width: 100% !important; | |||
margin: 0px !important; | |||
} | } | ||
.scrollbox { | |||
width: 100%; | |||
overflow-x: auto; | |||
overflow-y: hidden; | |||
white-space: nowrap; | |||
} | } | ||
.rsscontainer { | |||
visibility: hidden; | |||
display: none; | |||
} | } | ||
} | } | ||
@media screen and (max-width: 550px){ | |||
table.border { | |||
width: 100%; | |||
} | } | ||
} | } | ||
/* Wiki table */ | /* -- Wiki table -- */ | ||
/* header */ | /* header */ | ||
.wikitable > tr > th, .wikitable > * > tr > th { | .wikitable > tr > th, .wikitable > * > tr > th { | ||
background-color: black; | |||
color: white; | |||
} | } | ||
/* sortable table header */ | /* sortable table header */ | ||
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { | .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { | ||
background-image: url(https:// | background-image: url(https://protochroma.wiki/w/images/a/a6/Sort_both.png); | ||
background-color: black; | background-color: black; | ||
color: white; | color: white; | ||
} | } | ||
.wikitable { | .wikitable { | ||
Line 189: | Line 135: | ||
} | } | ||
.wikitable > tr > td, .wikitable > * > tr > td { | .wikitable > tr > td, .wikitable > * > tr > td { | ||
background-color: #c1c1c1; | |||
} | } |
Latest revision as of 18:38, 9 April 2023
/* -- Font imports -- */ @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap'); @import url('https://fonts.googleapis.com/css?family=PT+Serif:400,700&display=swap'); /* Gallery styles background changes are restricted to screen view. In printing we should avoid applying backgrounds. */ @media screen { /* The backgrounds for galleries. */ #content .gallerybox div.thumb { /* Light gray padding */ background-color: #f8f9fa; } /* Put a chequered background behind images, only visible if they have transparency. '.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */ .gallerybox .thumb img { background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat; } /* But not on articles, user pages, portals or with opt-out. */ .ns-0 .gallerybox .thumb img, .ns-2 .gallerybox .thumb img, .ns-100 .gallerybox .thumb img, .nochecker .gallerybox .thumb img { background-image: none; } } /* -- Main page containers -- */ .maincontainer { width: 100%; display: flex; margin: auto; } .textcontainer { width: 70%; padding-right: 10px; text-align:justify; } .rsscontainer { border: 2px solid; border-color: #1e90ff; background-color: #a9a9a9; text-align:justify; padding-right: 8px; width: 30%; } .toplinkcontainer, .toplinkcontainer2 { border: 2px solid; border-color: #1e90ff; background-color: #000000; color:#ffffff; font-size:3em; width: 50%; font-family: 'Open Sans', sans-serif; padding-left: 5px; } .linkcontainer, .linkcontainer2 { background-color: #a9a9a9; width: 50%; } /* -- Mobile -- */ @media (max-width: 1278px){ .maincontainer, .textcontainer, .toplinkcontainer, .linkcontainer, .toplinkcontainer2, .linkcontainer2 { flex-direction: column; width: 100% !important; } .infobox { float: none !important; width: 100% !important; margin: 0px !important; } .scrollbox { width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } .rsscontainer { visibility: hidden; display: none; } } @media screen and (max-width: 550px){ table.border { width: 100%; } } /* -- Wiki table -- */ /* header */ .wikitable > tr > th, .wikitable > * > tr > th { background-color: black; color: white; } /* sortable table header */ .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: url(https://protochroma.wiki/w/images/a/a6/Sort_both.png); background-color: black; color: white; } .wikitable { color: #000000; margin: 1em 0; border: 1px dotted #ffffff; border-collapse: collapse; font-size: 12px; } .wikitable > tr > td, .wikitable > * > tr > td { background-color: #c1c1c1; }