MediaWiki:Timeless.css: Unterschied zwischen den Versionen

K
K
Zeile 4: Zeile 4:
 
#mw-footer-container, #mw-footer-container a { color: #000; }
 
#mw-footer-container, #mw-footer-container a { color: #000; }
 
#mw-footer-container { border-top: 1px solid #bababb; box-shadow: inset 0.1em 0.1em 0.1em 0.05em rgba(0, 0, 0, 0.1); }
 
#mw-footer-container { border-top: 1px solid #bababb; box-shadow: inset 0.1em 0.1em 0.1em 0.05em rgba(0, 0, 0, 0.1); }
 +
pre, .mw-code { padding: 0.25em; white-space: pre-wrap; border: 1px solid #ed0; background-color: #fff8dc; color: #224; }
  
 
@media screen and (min-width: 1425px) {
 
@media screen and (min-width: 1425px) {

Version vom 24. Januar 2021, 15:03 Uhr

/* CSS placed here will affect users of the Timeless skin */

body { background: linear-gradient(to right, #f0f0ff, #fafaff); }
#mw-footer-container, #mw-footer-container a { color: #000; }
#mw-footer-container { border-top: 1px solid #bababb; box-shadow: inset 0.1em 0.1em 0.1em 0.05em rgba(0, 0, 0, 0.1); }
pre, .mw-code { padding: 0.25em; white-space: pre-wrap; border: 1px solid #ed0; background-color: #fff8dc; color: #224; }

@media screen and (min-width: 1425px) {
.ts-inner { padding: 0; }
}

@media screen and (min-width: 1340px) {
#mw-site-navigation .sidebar-chunk { margin-left: 1em; }
#mw-related-navigation { margin-right: 1em; }
}
@media screen and (max-width:850px) {
	#mw-header-container { padding: 3.75em 1em 0.35em !important; }
	#mw-header { padding-left: 0 !important; }
	#site-navigation h2 { left: 1em; top: 0.75em !important; }
	#p-logo-text { left: 4rem !important; width: 13.5em !important; font-size: 0.75em; top: 1.25em; }
	#p-logo-text a.long { padding: 0; }
	#user-tools h2 { right: 1em !important; }
	#site-tools h2 { right: 4em !important; }
}

@media screen and (min-width: 851px) {
.ts-inner { max-width: calc(100vw); }
#mw-header { padding-left: 0 !important; }
}
@media screen and (min-width:851px) and (max-width:1099px) {
	#mw-header { padding-left: 2em !important; }
	#mw-site-navigation h2, #mw-related-navigation h2 {
		font-family: "Segoe UI","Calibri Light","DejaVu Sans",Caliban,sans-serif;
		font-size: 1em;
		padding-left: 0.5em;
	}
	#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
		margin-top: -1em;
	}
	#mw-header-nav-hack, #mw-header-hack { height: 2em; }
}
#mw-content-container {
background-image: url("gewebe.jpg") !important;
background-repeat: repeat;
}

/* #p-logo-text { width: 32em; }
#p-search { margin-left: 32em; }
#p-logo-text a { font-family: "Nocturne Serif",Constantia,Georgia,Times,serif; font-variant:normal; }
#p-logo-text a.long { font-size: 1.333rem; padding: 0.3em 0.5em 0 0.5em; text-shadow: #737373 1.6px 1.1px 1px; letter-spacing: 0.075em; } */
#p-logo-text a.long { font-size: 1.3em; padding: 0 0.2em 0 0.2em; }
#p-logo { display: none; }

#mw-content-container { border-bottom: 1px solid #ADADAD; }
.color-middle-container, .color-left, .color-right { display:none; }
#mw-header-hack { height: 0.35em; background-color: #406bbb; }
#mw-footer { padding: 0 1em; }

#mw-content h1.firstHeading { border-bottom: solid 4px #990000; margin-bottom: 0.25em; }
#mw-page-header-links div, #mw-page-header-links ul, #mw-page-header-links li { height: 1.4em; margin-bottom: 0.25em; }
#mw-page-header-links li.selected { border-bottom-color: #c1d0e2; }

#personal h2 { font-family: "Segoe UI","Calibri Light","DejaVu Sans",Caliban,sans-serif; font-size: 1em; font-weight: bold; } 
#personal .dropdown { box-shadow: 0.1em 0.1em 0.25em 0.1em rgba(100,100,100,0.75); }
#personal .dropdown h3 { line-height: 1.5em; }

/* Boxen */

#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk, #mw-content { box-shadow: 0.1em 0.1em 0.1em 0.05em rgba(0, 0, 0, 0.1); border: 1px solid #c0c0c0; }
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { background: #fafafb; }
/* Farben der Links in der Sidebar */

	#mw-site-navigation a, #mw-related-navigation a, #mw-page-header-links a { color:#0906d3 !important; }
	#mw-site-navigation a:visited, #mw-related-navigation a:visited, #mw-page-header-links a:visited { color:#0906d3 !important; }
	#mw-site-navigation a:hover, #mw-related-navigation a:hover, #mw-site-navigation a:focus, #mw-related-navigation a:focus { color:#d3060a !important; text-decoration:underline !important; }
	#mw-site-navigation a:active, #mw-related-navigation a:active { color:#fe642e !important; text-decoration:underline !important; }
	#mw-page-header-links a:active { color:#fe642e !important; }

/* Farben der Links im Hauptinhaltsbereich */

	#bodyContent a { color:#0906d3 !important; }
	#bodyContent a:visited { color:#800040 !important; }
	#bodyContent a.new { color:#808080 !important; }
	#bodyContent a.new:visited { color:#909090 !important; }
	#bodyContent a.external, #bodyContent a.extiw { color:#0906d3 !important; }
	#bodyContent a.external:visited, #bodyContent a.extiw:visited { color:#800040 !important; }
	#bodyContent a:hover { color:#d3060a !important; text-decoration:underline !important; }
	#bodyContent a:focus { color:#d3060a !important; text-decoration:underline !important; }
	#bodyContent a:active { color:#fe642e !important; text-decoration:underline !important; }

/* "Hauptseite" ausblenden */

	body.page-Hauptseite h1.firstHeading { display:none; }

/* Deaktivieren unnötiger Tabs */

	#ca-nstab-main, #ca-talk { display: none !important; }
	.mw-usertoollinks-talk { text-decoration: line-through; pointer-events: none; cursor: default; }

/* Formatierung des Inhaltstextes */
 
	body  { font-family: "Segoe UI", "Calibri Light", "DejaVu Sans", Caliban, sans-serif; }
	p { margin: 0; }
	.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { margin: 0; margin-left: 1.6em; }

/* Blockzitate */

	blockquote { font-family: "Segoe UI", "Calibri Light", "DejaVu Sans", Caliban, sans-serif; border: 1px dotted #ddd; background-color: #f0f7fb; padding: 0.5rem; }

/* Abschalten der Nummerierung der Inhaltsverzeichnisse */

	.tocnumber { display: none; }
	#toc ul { list-style-type: upper-roman; }
	#toc li.toclevel-1 > ul { list-style-type: decimal; }
	#toc li.toclevel-2 > ul { list-style-type: none; }
	#toc li.toclevel-3 > ul { list-style-type: none; }
	#toc li.toclevel-4 > ul { list-style-type: none; }
	#toc li.toclevel-5 > ul { list-style-type: none; }

/* Aussehen des Inhaltsverzeichnisses für den Timless-Skin wiederherstellen */

	#toc ul, .toc ul { margin: 0; }
	#toc li:last-child { margin-bottom: 0; }
	.toclevel-1 { margin: 0 0 0 1em }
	.toclevel-2 { margin: 0 0 0 1.5em }
	.toclevel-3 { margin: 0 0 0 2em }
	.toclevel-4 { margin: 0 0 0 2.5em }
	.toclevel-5 { margin: 0 0 0 3em }
	.toclevel-6 { margin: 0 0 0 3.5em }

/* Blocksatz des Inhaltstextes */

	#bodyContent { text-align:justify; margin-top: 1em; }

/* Copyrightwarnung beim Editieren ausblenden */

	#editpage-copywarn { display:none; }

/* Allow limiting of which header levels are shown in a TOC; <div class="toclimit-3">, for instance, will limit to showing ==headings== and ===headings=== but no further. Used in [[Template:TOC]] */

	.toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display:none; }

/* Div-Box für Inhaltsverzeichnisse innerhalb der Qiellen */
    #bodyContent .sourcetoc {
    margin-top: 0.25em;
    display: inline-block;
    display: table;
    zoom: 1;
    *display: inline;
    border: 1px solid #ADADAD;
    background-color: #f0f0f0;
    padding: 5px;
    padding-top: 6px !important;
    font-size: 95%;

}

/* Formatierung der Überschriften */

    #mw-content h1, #mw-content h2, #mw-content h3, #mw-content h4, #mw-content h5, #mw-content h6, #mw-content dt { margin: 0; overflow: initial; }
    #mw-content h2 { font-size: 1.7em; margin-top: 1em; margin-bottom: 0.5em; overflow: initial; }	
    #mw-content h3 { font-size: 1.5em; margin-top: 1em; margin-bottom: 0.5em; font-family: "Segoe UI","Calibri Light","DejaVu Sans",Caliban,sans-serif; }
    #mw-content h4 { font-size: 1.2em; margin-top: 1em; font-weight: 600; font-family: "Segoe UI","Calibri Light","DejaVu Sans",Caliban,sans-serif; }
    #mw-content h5 { font-size: 0.95em; font-weight: bold; margin-top: 1em; font-family: "Segoe UI","Calibri Light","DejaVu Sans",Caliban,sans-serif; }
    #mw-content h6 { font-size: 0.95em; font-weight: normal; text-decoration: underline; margin-top: 1em; font-family: "Segoe UI","Calibri Light","DejaVu Sans",Caliban,sans-serif; }

    #mw-content h1, #mw-content h2 { border-bottom: solid 2px #c1d0e2; }

/* Formlabels */

label {
    padding: 0;
}

/* Datums-/Uhrzeitselektoren */

.mw-widgets-datetime-dateTimeInputWidget-fields > span, .mw-widgets-datetime-dateTimeInputWidget-fields > input {
	margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;
}
.mw-widgets-datetime-dateTimeInputWidget-handle {
	border: 0;
	padding-left: 0.5em;
}

/* Fehlerzeile im Formularkopf */

.mw-htmlform-ooui-header-errors {
	line-height: 0;
}