MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus VolynWiki
Wechseln zu: Navigation, Suche
K
K
 
(49 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
 +
html,
 +
body {
 +
  font-size: 100%; }
 +
 +
 +
/* Wikiname */
 +
.title-name {
 +
  line-height: 1.2em;
 +
  font-size: 2.13em;
 +
  color: #ABD42E;
 +
}
 +
 +
/* Hide "Main Page" titles */
 +
body.page-Wiki-Startseite .title, body.page-Hauptseite .title, body.page-Wiki-Startseite #tagline {
 +
    display:none;
 +
}
 +
 +
/*div#navwrapper {  background: url('http://wolhynien.net/testback.jpg');} */
 +
 
/* Layout fuer 2-Spaltentabellen */
 
/* Layout fuer 2-Spaltentabellen */
 
.tabelle2 {
 
.tabelle2 {
Zeile 4: Zeile 23:
 
  border-collapse: collapse;
 
  border-collapse: collapse;
 
  empty-cells: show;
 
  empty-cells: show;
  margin: 0.8em 0;
+
  margin: 0.5em 0;
 
  background: transparent;
 
  background: transparent;
 
  border-spacing: 0 0;
 
  border-spacing: 0 0;
Zeile 17: Zeile 36:
 
  border-bottom: 0px solid #4D64CF;
 
  border-bottom: 0px solid #4D64CF;
 
  border-top: 0px solid #4D64CF;
 
  border-top: 0px solid #4D64CF;
 +
background: transparent; /*#DFF1FF*/
 +
}
 +
.nowrap {
 +
nowrap: nowrap; /*kein Umbruch*/
 +
}
 +
 +
/* Layout fuer Statistik-Tabellen */
 +
.statistik {
 +
width:100%;
 +
border: 0px solid #4D64CF;
 +
border-collapse: collapse;
 +
empty-cells: show;
 +
margin: 0.8em 0;
 +
background: transparent;
 +
border-spacing: 0 0;
 +
}
 +
.statistik td, .statistik th {
 +
border-bottom: 1px solid #4D64CF;
 +
padding: 0.3em 1em 0.3em 1px; /* oben rechts unten links */
 +
vertical-align: baseline;
 +
}
 +
.statistik th { /* hightlighting */
 +
font-size:100%;
 +
font-weight:normal;
 +
text-align: left;
 +
border-bottom: 1px solid #4D64CF;
 +
border-top: 1px solid #4D64CF;
 
  background: #DFF1FF;
 
  background: #DFF1FF;
 
}
 
}
 
  
 
pre {
 
pre {
Zeile 34: Zeile 79:
 
}
 
}
  
 +
/* Custom Foreground menubar colors */
 +
.top-bar,
 +
.top-bar-section ul,
 +
.top-bar-section ul li.active > a,
 +
.top-bar-section li a:not(.button),
 +
.top-bar-section .has-form {
 +
    background: #33B5E5; /*Balken oben blau*/
 +
    color: #000;
 +
}
  
/* CSS an dieser Stelle wirkt sich auf alle Skins aus */
+
.top-bar-section > ul > .divider,
 +
.top-bar-section > ul > [role="separator"] {
 +
    border-color: #ABD42E; /*Trennstrich grün*/
 +
}
  
/* Stylesheet-Ergänzung zu Standard-Navigationsleisten */
+
/* Darker color for the hover over items */
+
.top-bar-section ul li.hover > a,
div.BoxenVerschmelzen,
+
.top-bar-section ul li ul.dropdown li.hover > a {
div.NavFrame {
+
     background: #ABD42E; /*Dropdown hover grün*/
    margin: 0px;
 
    padding: 2px;
 
    border: 1px solid #aaaaaa;
 
    text-align: center;
 
    border-collapse: collapse;
 
    font-size: 95%;
 
    clear:both;
 
}
 
div.BoxenVerschmelzen div.NavFrame {
 
    border-style: none;
 
    border-style: hidden;
 
}
 
div.NavFrame + div.NavFrame {
 
    border-top-style: none;
 
    border-top-style: hidden;
 
}
 
div.NavPic {
 
    background-color: #ffffff;
 
    margin: 0px;
 
    padding: 2px;
 
    float: left;
 
}
 
div.NavFrame div.NavHead {
 
    font-weight: bold;
 
    font-size: 100%;
 
     background-color: #efefef;
 
}
 
div.NavFrame p {
 
    font-size: 100%;
 
}
 
div.NavFrame div.NavContent {
 
    font-size: 100%;
 
}
 
div.NavFrame div.NavContent p {
 
    font-size: 100%;
 
}
 
div.NavEnd {
 
    margin: 0px;
 
    padding: 0px;
 
    line-height: 1px;
 
    clear: both;
 
}
 
 
/* Stylesheet fuer den 'Ausklappen'-Button an Navileisten, der in [[MediaWiki:Common.js]] implementiert wird */
 
.NavToggle {
 
    font-size: x-small;
 
    float:right;
 
 
}
 
}
+
 
/* Workaround für Internet Explorer 6 */
+
/* Slightly darker color for the dropdowns */
div.NavFrame, div.NavPic, .NavToggle {
+
.top-bar-section ul li ul.dropdown li > a {
     position:relative;
+
     background: #33B5E5; /*Dropdownmenu Hintergrund blau*/
 
}
 
}
+
 
/* Abstand vor Navigationsleisten */
+
/* Bearbeiten-Hinweis ausblenden */
+
.mw-editsection { display: none; }
div.BoxenVerschmelzen,
+
 
div.NavFrame {
+
/* Schrift verkleinern von Quellen */
  margin-top: 1.5em;
+
  ol.references li {
}
+
font-size: 90%;
div.BoxenVerschmelzen div.NavFrame {
 
  margin-top: 0;
 
  }
 
div.NavFrame + div.NavFrame {
 
  margin-top: 0;
 
 
  }
 
  }
  
/* gerahmte Infoboxen */
+
/* images */
 
+
div.floatright, table.floatright {
.framedBox {
+
clear: right;
margin: 1em 0;
+
float: right;
padding: 0.5em;
+
position: relative;
border: 1px solid #4D64CF;
+
margin: 0 0 .5em .5em;
 +
border: 0;
 +
/*
 +
border: .5em solid white;
 +
border-width: .5em 0 .8em 1.4em;
 +
*/
 
}
 
}
  
 
+
/* thumbnails */
/* Infobox styles */
+
div.thumb {
.ib {
+
margin-bottom: .5em;
border: 10px solid #4D64CF;
+
border-style: solid;
border-top: none;
+
border-color: white;
background-color: #F3FAFF;
+
width: auto;
margin: 0 0 1em;
 
border-collapse: collapse;
 
border-spacing: 0 0;
 
 
}
 
}
#content .ibRight {
+
div.thumbinner {
clear: right;
+
border: 1px solid #ccc;
float: right;
+
padding: 3px !important;
margin: 0 0 1em 1em;
+
background-color: #f9f9f9;
width: 300px;
+
font-size: 94%;
 +
text-align: center;
 +
overflow: hidden;
 
}
 
}
#content .ibTopBorder {
+
html .thumbimage {
border-top: 1px solid #4D64CF;
+
border: 1px solid #ccc;
 
}
 
}
#content .ibLeft {
+
html .thumbcaption {
clear: left;
+
border: none;
float: left;
+
text-align: left;
margin: 0 1em 0 1em;
+
line-height: 1.4em;
width: 300px;
+
padding: 3px !important;
 +
font-size: 85%; /*94%*/
 
}
 
}
.ib td {
+
div.magnify {
padding: 2px 0.4em;
+
float: right;
vertical-align: baseline;
+
border: none !important;
 +
background: none !important;
 
}
 
}
.ib th {
+
div.magnify a, div.magnify img {
padding: 2px 0.4em;
+
display: block;
vertical-align: baseline;
+
border: none !important;
text-align: left;
+
background: none !important;
font-weight: bold;
 
 
}
 
}
.ibKopf {
+
div.tright {
text-align: center;
+
clear: right;
border-bottom: 1px solid #4D64CF;
+
float: right;
border-top: 1px solid #4D64CF;
+
border-width: .5em 0 .8em 1.4em;
background-color: #DFF1FF;
 
padding: 2px 0.4em;
 
font-weight: bold;
 
 
}
 
}
.ibBild {
+
div.tleft {
border-top: 1px solid #4D64CF;
+
float: left;
text-align: center;
+
clear: left;
padding: 2px;
+
margin-right: .5em;
 +
border-width: .5em 1.4em .8em 0;
 
}
 
}
.ibBild div.thumb {
+
img.thumbborder {
border-style: none;
+
border: 1px solid #dddddd;
margin-bottom: 0;
 
 
}
 
}
.ibBild div.thumbinner {
+
.hiddenStructure {
border-style: none;
+
display: none;
padding: 0 !important;
 
background: transparent;
 
}
 
.ibBild div.tright {
 
float: none;
 
margin: 0;
 
}
 
.ib .ibBildCell {
 
padding: 0;
 
}
 
.ibBildCell .ibKopf {
 
border-bottom: none;
 
}
 
.ibleer {
 
display: none;
 
}
 
.ibleer td {
 
height: 1px;
 
}
 
.breakable {
 
font-size: 7%;
 
line-height: 0.1%;
 
text-decoration: none !important;
 
visibility: hidden;
 
 
}
 
}
  
/* Unterdrueckt Ausgabe nachgestellter Links */
+
## Schriftgrößen
#content .printNoLink a.external.text:after, #content .printNoLink a.external.autonumber:after {
+
 
content: "";
+
h1 {
}
+
  font-size: 2.125em; } /*2.125em*/
 +
 
 +
h2 {
 +
  font-size: 1.6875em; } /*1.6875*/
 +
 
 +
h3 {
 +
  font-size: 1.375em; } /*1.375*/
 +
 
 +
h4 {
 +
  font-size: 1.125em; }
 +
 
 +
h5 {
 +
  font-size: 1.125em; }
  
 +
h6 {
 +
  font-size: 1em; }
  
/* Quickbar styles original!!! */
 
#content .qb {
 
border: 1px solid #4D64CF;
 
border-top: none;
 
background-color: #F3FAFF;
 
margin: 0 0 1em;
 
border-collapse: collapse;
 
border-spacing: 0 0;
 
}
 
#content .qbRight {
 
clear: right;
 
float: right;
 
margin: 0 0 1em 1em;
 
width: 300px;
 
}
 
#content .qbTopBorder {
 
border-top: 1px solid #4D64CF;
 
}
 
#content .qbLeft {
 
clear: left;
 
float: left;
 
margin: 0 1em 0 1em;
 
width: 300px;
 
}
 
.qb td {
 
padding: 2px 0.4em;
 
vertical-align: baseline;
 
}
 
.qb th {
 
padding: 2px 0.4em;
 
vertical-align: baseline;
 
text-align: left;
 
font-weight: bold;
 
}
 
.qbHeader {
 
text-align: center;
 
border-bottom: 1px solid #4D64CF;
 
border-top: 1px solid #4D64CF;
 
background-color: #DFF1FF;
 
padding: 2px 0.4em;
 
font-weight: bold;
 
}
 
.qbImage {
 
border-top: 1px solid #4D64CF;
 
text-align: center;
 
padding: 2px;
 
}
 
.qbImage div.thumb {
 
border-style: none;
 
margin-bottom: 0;
 
}
 
.qbImage div.thumbinner {
 
border-style: none;
 
padding: 0 !important;
 
background: transparent;
 
}
 
.qbImage div.tright {
 
float: none;
 
margin: 0;
 
}
 
.qb .qbImageCell {
 
padding: 0;
 
}
 
.qbImageCell .qbHeader {
 
border-bottom: none;
 
}
 
.qbEmpty {
 
display: none;
 
}
 
.qbEmpty td {
 
height: 1px;
 
}
 
.breakable {
 
font-size: 7%;
 
line-height: 0.1%;
 
text-decoration: none !important;
 
visibility: hidden;
 
}
 
  
 +
@media only screen and (min-width: 768px) {
 +
  h1, h2, h3, h4, h5, h6 {
 +
    line-height: 1.3; /*1.4*/}
  
/* Auslagerung von Stil-Vorlagen zur Performance-Steigerung */
+
  h1 {
+
    font-size: 2.75em; }  /*2.75*/
.prettytable {
 
border: 1px solid #4D64CF;
 
border-collapse: collapse;
 
empty-cells: show;
 
margin: 1em 0;
 
background: transparent;
 
border-spacing: 0 0;
 
}
 
.prettytable td, .prettytable th {
 
border: 1px solid #4D64CF;
 
padding: 0.25em;
 
vertical-align: baseline;
 
}
 
.prettytable th { /* hightlighting */
 
text-align: center;
 
  border-bottom: 1px solid #4D64CF;
 
border-top: 1px solid #4D64CF;
 
background: #DFF1FF;
 
}
 
.sortable th { /* ab Version 1.9 */
 
text-align: left;
 
}
 
.verticalCentered td, .verticalCentered th {
 
vertical-align: middle;
 
}
 
.textCentered td, .textCentered th {
 
text-align: center;
 
}
 
.framedBox {
 
margin: 1em 0;
 
padding: 0.5em;
 
border: 1px solid #4D64CF;
 
}
 
.galleryTable {
 
clear: right;
 
float: right;
 
margin: 0 0 1em 1em;
 
vertical-align: top;
 
border-collapse: collapse;
 
background: #fff;
 
border-spacing: 0 0;
 
}
 
.noFloat {
 
clear: both;
 
float: none;
 
margin-left: 0;
 
}
 
#content .galleryTable {
 
clear: right;
 
}
 
.galleryTable td, .galleryTable th {
 
padding: 0;
 
vertical-align: top;
 
}
 
  
/* Keine Vergrößerung der Zeilenhöhe durch hochgestellte Zahlen der Fußnoten */
+
  h2 {
+
    font-size: 1.8em; } /*2.3125*/
.reference, .references sup {
 
    font-size: 91%;
 
    vertical-align: text-top;
 
    position: relative;
 
    top: -0.3em;
 
    white-space: nowrap;
 
}
 
  
/* Hervorhebung der angeklickten Fußnoten und der Rückverweise in blau */
+
  h3 {
+
    font-size: 1.45em; } /*1.6875*/
ol.references > li:target {
 
    background-color: #DEF;
 
}
 
 
sup.reference:target {
 
    background-color: #DEF;
 
}
 
  
/* Schrift verkleinern */
+
  h4 {
ol.references li {
+
    font-size: 1.15em; } /*1.4375*/ }
font-size: 90%;
 
}
 
  
/* Code in Erklärtabellen */
+
/* Default paragraph styles */
td.c {
+
p {
border:1px dashed #0000FF;background:#F9F9F9;padding:6px 12px 6px 12px;
+
  font-family: inherit;
}
+
  font-weight: normal;
 +
  font-size: 0.9975em;
 +
  line-height: 1.6;
 +
  margin-bottom: 1.25em;
 +
  text-rendering: optimizeLegibility; }

Aktuelle Version vom 11. April 2018, 17:36 Uhr

html,
body {
  font-size: 100%; }


/* Wikiname */
.title-name {
  line-height: 1.2em;
  font-size: 2.13em; 
  color: #ABD42E;
}

/* Hide "Main Page" titles */ 
body.page-Wiki-Startseite .title, body.page-Hauptseite .title, body.page-Wiki-Startseite #tagline {
    display:none;
}

/*div#navwrapper {   background: url('http://wolhynien.net/testback.jpg');} */

/* Layout fuer 2-Spaltentabellen */
.tabelle2 {
 border: 0px solid #4D64CF;
 border-collapse: collapse;
 empty-cells: show;
 margin: 0.5em 0;
 background: transparent;
 border-spacing: 0 0;
}
.tabelle2 td, .tabelle2 th {
 border: 0px solid #4D64CF;
 padding: 0.25em 1em 0.25em 0; /* oben rechts unten links */
 vertical-align: baseline;
}
.tabelle2 th { /* hightlighting */
 text-align: left;
 border-bottom: 0px solid #4D64CF;
 border-top: 0px solid #4D64CF;
 background: transparent; /*#DFF1FF*/
}
.nowrap {
 nowrap: nowrap; /*kein Umbruch*/
}

/* Layout fuer Statistik-Tabellen */
.statistik {
 width:100%;
 border: 0px solid #4D64CF;
 border-collapse: collapse;
 empty-cells: show;
 margin: 0.8em 0;
 background: transparent;
 border-spacing: 0 0;
}
.statistik td, .statistik th {
 border-bottom: 1px solid #4D64CF;
 padding: 0.3em 1em 0.3em 1px; /* oben rechts unten links */
 vertical-align: baseline;
}
.statistik th { /* hightlighting */
 font-size:100%;
 font-weight:normal;
 text-align: left;
 border-bottom: 1px solid #4D64CF;
 border-top: 1px solid #4D64CF;
 background: #DFF1FF;
}

pre {
	white-space: -moz-pre-wrap;  /* need for Firefox */
	overflow-x: visible;  /* need for Firefox, extreme long string :( */
	padding: 10px 12px;
	border: 1px dashed #2f6fab;
	color: #222;
	background: #f9f9f9;  /*#F1FFFF*/
	line-height: 1.1em;
	margin: .2em 0;
        overflow-x: auto;    /* need for Firefox, extreme long string :( */
        font-size: 100%;
}

/* Custom Foreground menubar colors */
.top-bar,
.top-bar-section ul,
.top-bar-section ul li.active > a,
.top-bar-section li a:not(.button),
.top-bar-section .has-form {
    background: #33B5E5; /*Balken oben blau*/
    color: #000; 
}

.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
    border-color: #ABD42E; /*Trennstrich grün*/
}

/* Darker color for the hover over items */
.top-bar-section ul li.hover > a,
.top-bar-section ul li ul.dropdown li.hover > a {
    background: #ABD42E; /*Dropdown hover grün*/
}

/* Slightly darker color for the dropdowns */
.top-bar-section ul li ul.dropdown li > a {
    background: #33B5E5; /*Dropdownmenu Hintergrund blau*/
}

/* Bearbeiten-Hinweis ausblenden */
.mw-editsection { display: none; }

/* Schrift verkleinern von Quellen */
 ol.references li {
font-size: 90%;
 }

/* images */
div.floatright, table.floatright {
	clear: right;
	float: right;
	position: relative;
	margin: 0 0 .5em .5em;
	border: 0;
/*
	border: .5em solid white;
	border-width: .5em 0 .8em 1.4em;
*/
}

/* thumbnails */
div.thumb {
	margin-bottom: .5em;
	border-style: solid;
	border-color: white;
	width: auto;
}
div.thumbinner {
	border: 1px solid #ccc;
	padding: 3px !important;
	background-color: #f9f9f9;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}
html .thumbimage {
	border: 1px solid #ccc;
}
html .thumbcaption {
	border: none;
	text-align: left;
	line-height: 1.4em;
	padding: 3px !important;
	font-size: 85%; /*94%*/
}
div.magnify {
	float: right;
	border: none !important;
	background: none !important;
}
div.magnify a, div.magnify img {
	display: block;
	border: none !important;
	background: none !important;
}
div.tright {
	clear: right;
	float: right;
	border-width: .5em 0 .8em 1.4em;
}
div.tleft {
	float: left;
	clear: left;
	margin-right: .5em;
	border-width: .5em 1.4em .8em 0;
}
img.thumbborder {
	border: 1px solid #dddddd;
}
.hiddenStructure {
	display: none;
}

## Schriftgrößen

h1 {
  font-size: 2.125em; } /*2.125em*/

h2 {
  font-size: 1.6875em; } /*1.6875*/

h3 {
  font-size: 1.375em; } /*1.375*/

h4 {
  font-size: 1.125em; }

h5 {
  font-size: 1.125em; }

h6 {
  font-size: 1em; }


@media only screen and (min-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.3; /*1.4*/}

  h1 {
    font-size: 2.75em; }  /*2.75*/

  h2 {
    font-size: 1.8em; } /*2.3125*/

  h3 {
    font-size: 1.45em; } /*1.6875*/

  h4 {
    font-size: 1.15em; } /*1.4375*/ }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 0.9975em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  text-rendering: optimizeLegibility; }