MediaWiki:Common.css: Difference between revisions
From Protochroma Wiki
mNo edit summary |
No edit summary |
||
(10 intermediate revisions by one other user not shown) | |||
Line 2: | Line 2: | ||
@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 87: | Line 24: | ||
} | } | ||
/* -- | /* -- Main page containers -- */ | ||
.maincontainer { | .maincontainer { | ||
Line 203: | Line 60: | ||
width: 50%; | width: 50%; | ||
font-family: 'Open Sans', sans-serif; | font-family: 'Open Sans', sans-serif; | ||
padding-left: 5px; | |||
} | } | ||
Line 213: | Line 71: | ||
} | } | ||
/* -- | /* -- Mobile -- */ | ||
@media (max-width: | @media (max-width: 1278px){ | ||
.maincontainer, .textcontainer, .toplinkcontainer, .linkcontainer, .toplinkcontainer2, .linkcontainer2 { | .maincontainer, .textcontainer, .toplinkcontainer, .linkcontainer, .toplinkcontainer2, .linkcontainer2 { | ||
Line 228: | Line 86: | ||
float: none !important; | float: none !important; | ||
width: 100% !important; | width: 100% !important; | ||
margin: 0px !important; | |||
} | |||
.scrollbox { | |||
width: 100%; | |||
overflow-x: auto; | |||
overflow-y: hidden; | |||
white-space: nowrap; | |||
} | } | ||
Line 236: | Line 103: | ||
} | } | ||
} | |||
@media screen and (max-width: 550px){ | |||
table.border { | |||
width: 100%; | |||
} | |||
} | } | ||
Line 263: | Line 137: | ||
.wikitable > tr > td, .wikitable > * > tr > td { | .wikitable > tr > td, .wikitable > * > tr > td { | ||
background-color: #c1c1c1; | 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; }