MediaWiki:Common.css: Difference between revisions
mNo edit summary |
Adjustments for screens with low width |
||
| (38 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
/* Adjust color scheme */ | /* Adjust color scheme */ | ||
body, body.ns-0, #article { background-color: #fafafa; } | body, body.ns-0, #article { background-color: #fafafa; } | ||
#sitetitle, #toplinks { text-transform: none; background-color: #0470b1; | #sitetitle, #toplinks { text-transform: none; } /* background-color: #0470b1; geht aktuell nicht, weil Companies-Icon dieselbe Farbe hat. war #6688aa; */ | ||
.mediawiki #content { min-height: 620px; background-color: #e1ebf1; } | .mediawiki #content { min-height: 620px; background-color: #e1ebf1; } | ||
| Line 11: | Line 11: | ||
a:hover, #quickbar a:hover, #footer a:hover, #linkcollection a:hover { text-decoration: underline; } | a:hover, #quickbar a:hover, #footer a:hover, #linkcollection a:hover { text-decoration: underline; } | ||
/* Remove unneeded elements, | /* Remove unneeded elements, set article box */ | ||
#article { padding: 15px 25px; margin-left: 120px; } | |||
.tagline, div.mw-createacct-benefits-list div.icon-contributors, #linkcollection, div#p-search h3 { display: none; } | .tagline, div.mw-createacct-benefits-list div.icon-contributors, #linkcollection, div#p-search h3 { display: none; } | ||
form#searchform-sidebar input.mw-searchInput { margin-top: 2px; } | |||
# | /* Correct display of category icons */ | ||
#quickbar { width: | #pp-symbols { text-align: center; margin: 7px auto; display: block; white-space: nowrap; } | ||
/* Format searchbar */ | |||
form#searchform-sidebar input.mw-searchInput { width: 97px; margin-top: 2px; } | |||
form#searchform-sidebar input.searchButton1 { width: 37px; margin-left: -1px; } | |||
form#searchform-sidebar input.searchButton2 { width: 68px; } | |||
/* Format quickbar */ | |||
#quickbar { left: 7px; width: 105px; top: 55px; } | |||
#quickbar h3 { color: #000000; } | |||
#quickbar a { color: #223366; } | |||
#quickbar .portlet ul, #quickbar .portlet li { line-height: 1.5em; } | |||
/* Simplify fonts */ | /* Simplify fonts */ | ||
#article table.small, #article table.small td, #article table.small th, #article table.small p { font-size: 75%; } | #article table.small, #article table.small td, #article table.small th, #article table.small p { font-size: 75%; } | ||
body, #sitetitle, #toplinks, #quickbar, #footer, #article, #article td, #article th, #article p { font-family: Arial,Helvetica,sans-serif; } | body, #sitetitle, #toplinks, #quickbar, #footer, #article, #article td, #article th, #article p { font-family: Arial,Helvetica,sans-serif; } | ||
p, pre, .mw-code, td, th, li, dd, dt { line-height: 15pt; } | |||
/* Harmonize headings */ | /* Harmonize headings */ | ||
h1#firstHeading { | h1#firstHeading { background-color: #e8e8e8; border: 1px solid #d0d0d0; margin-bottom: 10px; margin-top: 0px; text-align: center; font-size: 1.5em; padding: 4px 10px 2px; } | ||
h1 { font-size: 1.7em; color: | h1 { font-size: 1.7em; color: #000000; } | ||
h2 { font-size: 1.5em; } | h2 { font-size: 1.5em; } | ||
h3 { font-size: 1.3em; } | h3 { font-size: 1.3em; } | ||
h4 { font-size: 1.1em; } | h4 { font-size: 1.1em; } | ||
h2, h3, h4, h5, h6 { margin-bottom: 1em; } | h2, h3, h4, h5, h6 { margin-bottom: 1em; color: #000000;} | ||
/* Adjust content to make it look better */ | /* Adjust content to make it look better */ | ||
| Line 35: | Line 48: | ||
/* Make galleries workable */ | /* Make galleries workable */ | ||
ul.gallery { margin: 15px 2px 15px 2px; } | |||
div.center div.floatnone a.image img { max-width: 100%; height: auto; } | div.center div.floatnone a.image img { max-width: 100%; height: auto; } | ||
div.gallerytext { margin-top: | div.gallerytext { height: 110px; line-height: 110px; } | ||
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { height: | #article div.gallerytext p { vertical-align: middle; display: inline-block; line-height: normal; margin-top: 0px; } | ||
#article div.gallerytext a { color: #223366; } | |||
#article div.gallerytext a:hover { text-decoration: none; color: #e3001b; } | |||
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { height: 90%; } | |||
/* Infobox template */ | /* Infobox template */ | ||
| Line 48: | Line 65: | ||
.infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } | .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } | ||
/* | /* Navbox template */ | ||
.navbox { width: 100%; margin-top: 25px; padding: 3px; border: 1px solid #d0d0d0; } | |||
.navbox a { color: #223366; } | |||
border: 1px solid #d0d0d0; | .navbox td { padding: 0px; } | ||
color: # | .navbox-inner { width: 100%; } | ||
.navbox-title { background-color: #e8e8e8; } | |||
.navbox-title .plainlinks { display: none; } | |||
text-align: | .navbox-group { background-color: #e8e8e8; white-space: nowrap; text-align: right; padding-left: 5px; padding-right: 5px; } | ||
.navbox-list { border-left-width: 0px !important; } | |||
padding: 4px | td.navbox-list ul { list-style-type: none; margin: 4px 0px 0px 10px; } | ||
} | td.navbox-list li { display: inline; padding-left: 4px; white-space: nowrap; } | ||
td.navbox-list li:before { content: "•"; padding-right: 4px; } | |||
/* Adjustments for screens with low width */ | |||
@media only screen and (max-width: 970px) | |||
{ | |||
#pp-symbols { display: none; } | |||
} | } | ||