MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus VolynWiki
Wechseln zu: Navigation, Suche
K
K
 
(61 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
−
/* CSS an dieser Stelle wirkt sich auf alle Skins aus */
+
html,
 +
body {
 +
  font-size: 100%; }
  
−
/* Stylesheet-Ergänzung zu Standard-Navigationsleisten */
+
 
−
+
/* Wikiname */
−
div.BoxenVerschmelzen,
+
.title-name {
−
div.NavFrame {
+
  line-height: 1.2em;
−
    margin: 0px;
+
  font-size: 2.13em;  
−
    padding: 2px;
+
  color: #ABD42E;
−
    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 */
 
−
div.NavFrame, div.NavPic, .NavToggle {
 
−
    position:relative;
 
−
}
 
−
 
−
/* Abstand vor Navigationsleisten */
 
−
 
−
div.BoxenVerschmelzen,
 
−
div.NavFrame {
 
−
  margin-top: 1.5em;
 
−
}
 
−
div.BoxenVerschmelzen div.NavFrame {
 
−
  margin-top: 0;
 
−
}
 
−
div.NavFrame + div.NavFrame {
 
−
  margin-top: 0;
 
−
}
 
−
 
−
/* gerahmte Infoboxen */
 
  
−
.framedBox {
+
/* Hide "Main Page" titles */
−
margin: 1em 0;
+
body.page-Wiki-Startseite .title, body.page-Hauptseite .title, body.page-Wiki-Startseite #tagline {
−
padding: 0.5em;
+
    display:none;
−
border: 1px solid #4D64CF;
 
 
}
 
}
  
 +
/*div#navwrapper {  background: url('http://wolhynien.net/testback.jpg');} */
  
−
/* Infobox styles */
+
/* Layout fuer 2-Spaltentabellen */
−
.ib {
+
.tabelle2 {
−
  border: 10px solid #4D64CF;
+
  border: 0px solid #4D64CF;
−
border-top: none;
 
−
background-color: #F3FAFF;
 
−
margin: 0 0 1em;
 
 
  border-collapse: collapse;
 
  border-collapse: collapse;
 +
empty-cells: show;
 +
margin: 0.5em 0;
 +
background: transparent;
 
  border-spacing: 0 0;
 
  border-spacing: 0 0;
 
}
 
}
−
#content .ibRight {
+
.tabelle2 td, .tabelle2 th {
−
clear: right;
+
  border: 0px solid #4D64CF;
−
float: right;
+
  padding: 0.25em 1em 0.25em 0; /* oben rechts unten links */
−
margin: 0 0 1em 1em;
 
−
width: 300px;
 
−
}
 
−
#content .ibTopBorder {
 
−
  border-top: 1px solid #4D64CF;
 
−
}
 
−
#content .ibLeft {
 
−
clear: left;
 
−
  float: left;
 
−
margin: 0 1em 0 1em;
 
−
width: 300px;
 
−
}
 
−
.ib td {
 
−
padding: 2px 0.4em;
 
 
  vertical-align: baseline;
 
  vertical-align: baseline;
 
}
 
}
−
.ib th {
+
.tabelle2 th { /* hightlighting */
−
padding: 2px 0.4em;
 
−
vertical-align: baseline;
 
 
  text-align: left;
 
  text-align: left;
−
font-weight: bold;
+
  border-bottom: 0px solid #4D64CF;
−
}
+
  border-top: 0px solid #4D64CF;
−
.ibKopf {
+
  background: transparent; /*#DFF1FF*/
−
text-align: center;
 
−
  border-bottom: 1px solid #4D64CF;
 
−
  border-top: 1px solid #4D64CF;
 
−
  background-color: #DFF1FF;
 
−
padding: 2px 0.4em;
 
−
font-weight: bold;
 
−
}
 
−
.ibBild {
 
−
border-top: 1px solid #4D64CF;
 
−
text-align: center;
 
−
padding: 2px;
 
−
}
 
−
.ibBild div.thumb {
 
−
border-style: none;
 
−
margin-bottom: 0;
 
−
}
 
−
.ibBild div.thumbinner {
 
−
border-style: none;
 
−
padding: 0 !important;
 
−
background: transparent;
 
−
}
 
−
.ibBild div.tright {
 
−
float: none;
 
−
margin: 0;
 
−
}
 
−
.ib .ibBildCell {
 
−
padding: 0;
 
−
}
 
−
.ibBildCell .ibKopf {
 
−
border-bottom: none;
 
 
}
 
}
−
.ibleer {
+
.nowrap {
−
  display: none;
+
  nowrap: nowrap; /*kein Umbruch*/
−
}
 
−
.ibleer td {
 
−
height: 1px;
 
−
}
 
−
.breakable {
 
−
font-size: 7%;
 
−
line-height: 0.1%;
 
−
text-decoration: none !important;
 
−
visibility: hidden;
 
 
}
 
}
  
−
/* Unterdrueckt Ausgabe nachgestellter Links */
+
/* Layout fuer Statistik-Tabellen */
−
#content .printNoLink a.external.text:after, #content .printNoLink a.external.autonumber:after {
+
.statistik {
−
  content: "";
+
  width:100%;
−
}
+
  border: 0px solid #4D64CF;
−
 
 
−
 
 
−
/* Quickbar styles original!!! */
 
−
#content .qb {
 
−
  border: 1px solid #4D64CF;
 
−
border-top: none;
 
−
background-color: #F3FAFF;
 
−
margin: 0 0 1em;
 
 
  border-collapse: collapse;
 
  border-collapse: collapse;
 +
empty-cells: show;
 +
margin: 0.8em 0;
 +
background: transparent;
 
  border-spacing: 0 0;
 
  border-spacing: 0 0;
 
}
 
}
−
#content .qbRight {
+
.statistik td, .statistik th {
−
clear: right;
+
  border-bottom: 1px solid #4D64CF;
−
float: right;
+
  padding: 0.3em 1em 0.3em 1px; /* oben rechts unten links */
−
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;
 
  vertical-align: baseline;
 
}
 
}
−
.qb th {
+
.statistik th { /* hightlighting */
−
  padding: 2px 0.4em;
+
  font-size:100%;
−
  vertical-align: baseline;
+
  font-weight:normal;
 
  text-align: left;
 
  text-align: left;
−
font-weight: bold;
 
−
}
 
−
.qbHeader {
 
−
text-align: center;
 
 
  border-bottom: 1px solid #4D64CF;
 
  border-bottom: 1px solid #4D64CF;
 
  border-top: 1px solid #4D64CF;
 
  border-top: 1px solid #4D64CF;
−
  background-color: #DFF1FF;
+
  background: #DFF1FF;
−
padding: 2px 0.4em;
 
−
font-weight: bold;
 
 
}
 
}
−
.qbImage {
+
 
−
  border-top: 1px solid #4D64CF;
+
pre {
−
  text-align: center;
+
white-space: -moz-pre-wrap; /* need for Firefox */
−
padding: 2px;
+
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%;
 
}
 
}
−
.qbImage div.thumb {
+
 
−
border-style: none;
+
/* Custom Foreground menubar colors */
−
margin-bottom: 0;
+
.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;  
 
}
 
}
−
.qbImage div.thumbinner {
+
 
−
border-style: none;
+
.top-bar-section > ul > .divider,
−
padding: 0 !important;
+
.top-bar-section > ul > [role="separator"] {
−
background: transparent;
+
    border-color: #ABD42E; /*Trennstrich grün*/
 
}
 
}
−
.qbImage div.tright {
+
 
−
float: none;
+
/* Darker color for the hover over items */
−
margin: 0;
+
.top-bar-section ul li.hover > a,
 +
.top-bar-section ul li ul.dropdown li.hover > a {
 +
    background: #ABD42E; /*Dropdown hover grün*/
 
}
 
}
−
.qb .qbImageCell {
+
 
−
padding: 0;
+
/* Slightly darker color for the dropdowns */
−
}
+
.top-bar-section ul li ul.dropdown li > a {
−
.qbImageCell .qbHeader {
+
    background: #33B5E5; /*Dropdownmenu Hintergrund blau*/
−
border-bottom: none;
 
−
}
 
−
.qbEmpty {
 
−
display: none;
 
−
}
 
−
.qbEmpty td {
 
−
height: 1px;
 
−
}
 
−
.breakable {
 
−
font-size: 7%;
 
−
line-height: 0.1%;
 
−
text-decoration: none !important;
 
−
visibility: hidden;
 
 
}
 
}
  
 +
/* Bearbeiten-Hinweis ausblenden */
 +
.mw-editsection { display: none; }
 +
 +
/* Schrift verkleinern von Quellen */
 +
ol.references li {
 +
font-size: 90%;
 +
}
  
−
/* Auslagerung von Stil-Vorlagen zur Performance-Steigerung */
+
/* images */
−
+
div.floatright, table.floatright {
−
.prettytable {
+
clear: right;
−
border: 1px solid #4D64CF;
+
float: right;
−
border-collapse: collapse;
+
position: relative;
−
empty-cells: show;
+
margin: 0 0 .5em .5em;
−
margin: 1em 0;
+
border: 0;
−
background: transparent;
+
/*
−
border-spacing: 0 0;
+
border: .5em solid white;
 +
border-width: .5em 0 .8em 1.4em;
 +
*/
 
}
 
}
−
.prettytable td, .prettytable th {
+
 
−
border: 1px solid #4D64CF;
+
/* thumbnails */
−
padding: 0.25em;
+
div.thumb {
−
vertical-align: baseline;
+
margin-bottom: .5em;
 +
border-style: solid;
 +
border-color: white;
 +
width: auto;
 
}
 
}
−
.prettytable th { /* hightlighting */
+
div.thumbinner {
−
text-align: center;
+
border: 1px solid #ccc;
−
border-bottom: 1px solid #4D64CF;
+
padding: 3px !important;
−
border-top: 1px solid #4D64CF;
+
background-color: #f9f9f9;
−
background: #DFF1FF;
+
font-size: 94%;
 +
text-align: center;
 +
overflow: hidden;
 
}
 
}
−
.sortable th { /* ab Version 1.9 */
+
html .thumbimage {
−
text-align: left;
+
border: 1px solid #ccc;
 
}
 
}
−
.verticalCentered td, .verticalCentered th {
+
html .thumbcaption {
−
vertical-align: middle;
+
border: none;
 +
text-align: left;
 +
line-height: 1.4em;
 +
padding: 3px !important;
 +
font-size: 85%; /*94%*/
 
}
 
}
−
.textCentered td, .textCentered th {
+
div.magnify {
−
text-align: center;
+
float: right;
 +
border: none !important;
 +
background: none !important;
 
}
 
}
−
.framedBox {
+
div.magnify a, div.magnify img {
−
margin: 1em 0;
+
display: block;
−
padding: 0.5em;
+
border: none !important;
−
border: 1px solid #4D64CF;
+
background: none !important;
 
}
 
}
−
.galleryTable {
+
div.tright {
−
clear: right;
+
clear: right;
−
float: right;
+
float: right;
−
margin: 0 0 1em 1em;
+
border-width: .5em 0 .8em 1.4em;
−
vertical-align: top;
 
−
border-collapse: collapse;
 
−
background: #fff;
 
−
border-spacing: 0 0;
 
 
}
 
}
−
.noFloat {
+
div.tleft {
−
clear: both;
+
float: left;
−
float: none;
+
clear: left;
−
margin-left: 0;
+
margin-right: .5em;
 +
border-width: .5em 1.4em .8em 0;
 
}
 
}
−
#content .galleryTable {
+
img.thumbborder {
−
clear: right;
+
border: 1px solid #dddddd;
 
}
 
}
−
.galleryTable td, .galleryTable th {
+
.hiddenStructure {
−
padding: 0;
+
display: none;
−
vertical-align: top;
 
 
}
 
}
  
−
/* Keine Vergrößerung der Zeilenhöhe durch hochgestellte Zahlen der Fußnoten */
+
## Schriftgrößen
−
+
 
−
.reference, .references sup {
+
h1 {
−
    font-size: 91%;
+
  font-size: 2.125em; } /*2.125em*/
−
    vertical-align: text-top;
+
 
−
    position: relative;
+
h2 {
−
    top: -0.3em;
+
  font-size: 1.6875em; } /*1.6875*/
−
    white-space: nowrap;
+
 
−
  }
+
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*/
  
−
/* Hervorhebung der angeklickten Fußnoten und der Rückverweise in blau */
+
  h2 {
−
+
    font-size: 1.8em; } /*2.3125*/
−
ol.references > li:target {
 
−
    background-color: #DEF;
 
−
}
 
−
 
−
sup.reference:target {
 
−
    background-color: #DEF;
 
−
}
 
  
−
/* Schrift verkleinern */
+
  h3 {
−
ol.references li {
+
    font-size: 1.45em; } /*1.6875*/
−
font-size: 90%;
 
−
}
 
  
 +
  h4 {
 +
    font-size: 1.15em; } /*1.4375*/ }
  
−
/* Code in Erklärtabellen */
+
/* Default paragraph styles */
−
.code {
+
p {
−
width:60%;border:1px dashed #FF0000;background:#F9F9F9;padding:12px;margin:0;
+
  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; }
Abgerufen von „http://wiki.wolhynien.net/index.php?title=MediaWiki:Common.css&oldid=33723“