MediaWiki:Common.css: Unterschied zwischen den Versionen

aus GenWiki, dem genealogischen Lexikon zum Mitmachen.
Zur Navigation springen Zur Suche springen
(Klassen wikitable sortable und prettytable für Tabellen aus der WP geclont)
Keine Bearbeitungszusammenfassung
 
(58 dazwischenliegende Versionen von 4 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
body {
body {
/* Addendum for GenWiki font size added, font-family changed */
/* Addendum for GenWiki font size added, font-family changed */
font-size: 12px;
font-family: Arial, Verdana, Helvetica, sans-serif;
background: #f9f9f9 ;
background: #f9f9f9 ;
color: black;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
Zeile 11: Zeile 8:
}
}


#globalWrapper {
/* Graue Hauptzeile */
width: 100%;
#menue-row {
/* Change for GenWiki font size from 127 to 110% */
  padding: 1px 5px;
font-size: 110%;
  background-color: #e0e0e0;
margin: 0;
  position: relative;
padding: 0;
  z-index: 10;
/* Addendum for GenWiki */
  font-size: 0.85em;
        position: absolute;
  line-height: 0.85;
        top: 50px;
}
 
/* Orange Unterzeile */
#menue-subrow-Datenbanken {
  padding: 1px 5px;
  background-color: #ffcc00;
  position: relative;
  z-index: 10;
  font-size: 0.85em;
  line-height: 0.85;
}
 
/* Tab-Abstände */
.home-tab,
.db-tab {
  display: inline-block;
  margin-right: 3px;
}
 
/* Link-Styling */
.home-tab a,
.db-tab a {
  text-decoration: none;
  color: #000;
  padding: 1px 3px;
  display: inline-block;
}
 
/* Hover nur auf Links - Hauptzeile */
#menue-row .home-tab a:hover {
  background-color: #ffcc00;
}
}


/* Hover nur auf Links - Unterzeile */
#menue-subrow-Datenbanken .db-tab a:hover {
  background-color: #e0e0e0;
}


.portlet {
.portlet {
Zeile 84: Zeile 115:


#p-logo {
#p-logo {
margin-top: 40px;
height: 120px;
top: 0;
top: 0;
left: 0;
left: 0;
position: absolute; /*needed to use z-index */
background: #f9f9f9;
z-index: 3;
height: 130px;
width: 12em;
overflow: visible;
overflow: visible;
}
}
    #pt-anon_oauth_login { display: none; }
#p-logo h5 {
#p-logo h5 {
display: none;
display: none;
Zeile 105: Zeile 134:
text-decoration: none;
text-decoration: none;
}
}
#menue
  {
  position: absolute;
  top: 0px;
  background-color: #eeeeee;
  width: 100%;
  height: 15px;
  border: 0px;
  text-align: center;
  }
#menue-row
  {
  height: 21px;
  background-color: #EEEEEE;
  }
#menue-subrow
  {
  height: 21px;
  background-color: #FFE000;
  }
.home-tab
  {
  background-color: #eeeeee;
  font-size: 12px;
  font-weight: bold;
  color: #000080;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  border-color: #E0E0E0 #C6C5C5 #C6C5C5 #E2E0E0;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  text-align: center;
  padding-top: 1px;
  padding-bottom: 5px;
  margin-left: -2px;
  margin-right: -2px;
  vertical-align: middle;
  display: inline;
  }
.home-tab:hover
  {
  background-color: #dddddd;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  border-color: #E0E0E0 #C6C5C5 #C6C5C5 #E2E0E0;
  border-style: solid;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  text-align: center;
  padding-top: 1px;
  padding-bottom: 5px;
  margin-left: -1px;
  margin-right: -1px;
  vertical-align: middle;
  display: inline;
  }
a.home-tab-link:link
  {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color : #000000;
  text-decoration: none;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 2px;
  margin-top: 2px;  }
a.home-tab-link:visited
  {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color : #000000;
  text-decoration: none;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 2px;
  margin-top: 2px;  }
a.home-tab-link:hover
  {
  font-size: 12px;
  font-weight: bolder;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color : #000000;
  text-decoration: none;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 2px;
  margin-top: 2px;  }
/* Bereich :: 02 - Datenbanken */
#menue-subrow-Datenbanken
  {
  height: 21px;
  background-color: #FFE000;
  }
#db-content
  {
  background-color: #ffffff;
  position:absolute;
  top: 43px;
  width: 100%;
  }
.db-tab
  {
  background-color: #FFE000;
  font-size: 12px;
  font-weight: bold;
  color: #000080;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  border-color: #E0E0E0 #C6C5C5 #C6C5C5 #E2E0E0;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  text-align: center;
  padding-top: 1px;
  padding-bottom: 5px;
  margin-left: -2px;
  margin-right: -2px;
  vertical-align: middle;
  display: inline;
  }
.db-tab:hover
  {
  background-color: #FDD000;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  border-color: #E0E0E0 #C6C5C5 #C6C5C5 #E2E0E0;
  border-style: solid;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  text-align: center;
  padding-top: 1px;
  padding-bottom: 5px;
  margin-left: -1px;
  margin-right: -1px;
  vertical-align: middle;
  display: inline;
  }
a.db-tab-link:link
  {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color : #000000;
  text-decoration: none;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 2px;
  margin-top: 2px;  }
a.db-tab-link:visited
  {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color : #000000;
  text-decoration: none;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 2px;
  margin-top: 2px;  }
a.db-tab-link:hover
  {
  font-size: 12px;
  font-weight: bolder;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color : #000000;
  text-decoration: none;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 2px;
  margin-top: 2px;  }




Zeile 401: Zeile 229:


table.wikitable th, table.sortable th, table.prettytable th {
table.wikitable th, table.sortable th, table.prettytable th {
   background: #E6E6FA; /* lavender; wikimedia: #f2f2f2 */
   background: #ffe000;  
   border: 1px #aaaaaa solid;
   border: 1px #aaaaaa solid;
   text-align: center;
   text-align: center;
Zeile 409: Zeile 237:
   margin-left: inherit;
   margin-left: inherit;
   margin-right: inherit;
   margin-right: inherit;
}
/*Notifications*/
div.warning:before {
content:url(http://wiki-commons.genealogy.net/images/thumb/f/f7/Nuvola_apps_important.svg/64px-Nuvola_apps_important.svg.png);
padding-left: 5px;
}
div.note:before {
content:url(http://wiki-commons.genealogy.net/images/thumb/e/eb/QA_icon.svg/64px-QA_icon.svg.png);
padding-left: 5px;
}
div.important:before {
content:url(http://wiki-commons.genealogy.net/images/thumb/9/9a/Ausgesuchter_Artikel.svg/64px-Ausgesuchter_Artikel.svg.png);
padding-left: 5px;
}
div.warning, div.note, div.important {
color: black;
margin: 0em;
padding: 0em;
background: none;
background-color: white;
margin-bottom: 1em;
border-bottom: 1px solid #aaaaaa;
}
div.warning span, div.note span,div.important span {
margin: 0em;
padding: 0em;
color: #eeeeec;
padding-top: 0px;
padding-bottom: 0px;
height: 1.4em;
line-height: 1.4em;
font-size: 1.4em;
display:inline;
}
div.admonition_header {
clear: both;
margin: 0em;
padding: 0em;
margin-top: -3.3em;
padding-left: 74px;
line-height: 1.0em;
font-size: 1.0em;
}
div.warning div.admonition_header {
background: url(http://wiki-commons.genealogy.net/images/3/31/Red.png) top left repeat-x;
background-color: #590000;
}
div.note div.admonition_header {
background: url(http://wiki-commons.genealogy.net/images/7/72/Green.png) top right repeat-x;
background-color: #597800;
}
div.important div.admonition_header {
background: url(http://wiki-commons.genealogy.net/images/9/92/Yellow.png) top right repeat-x;
background-color: #a6710f;
}
div.warning p, div.warning div.para,
div.note p, div.note div.para,
div.important p, div.important div.para {
padding: 0em;
margin: 0em;
}
div.admonition {
border: none;
border-left: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
padding:0em;
margin:0em;
padding-top: 1.5em;
padding-bottom: 1em;
padding-left: 2em;
padding-right: 1em;
background-color: #eeeeec;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* Linksbündigkeit der Infoboxinhalte usw. */
/* [[Benutzer:Baumbuwegen|Uwe]] 17:14, 22. Aug. 2012 (CEST) */
div.note {
  text-align: left;
}
.mw-content-ltr ul
{
margin: 0 0 0.3em 1.6em;
}
.portal h3
{
font-weight: bold;
}
#mw-panel
{
width: 12em;
padding-left: 0em;
}
.hintergrundfarbe1
{
background:#f8f9fa !important;
}
.hintergrundfarbe2
{
background:#fff !important;
}
.hintergrundfarbe3
{
background:#ffff40 !important;
}
.hintergrundfarbe4
{
background:#fa0 !important;
}
.hintergrundfarbe5
{
background:#eaecf0 !important;
}
.hintergrundfarbe6
{
background:#b3b7ff !important;
}
.hintergrundfarbe7
{
background:#ffcbcb !important;
}
.hintergrundfarbe8
{
background:#ffebad !important;
}
.hintergrundfarbe9
{
background:#b9ffc5 !important;
}
.rahmenfarbe1 {
border: 1px #a2a9b1;
}
/* Unauffällig, geringer Kontrast */
.rahmenfarbe2 {
border: 1px #eaecf0;
}
/* „Rot“, auffällig */
.rahmenfarbe3 {
border: 1px #c00000;
}
/* Neutrale Farbe, deutlich */
.rahmenfarbe4 {
border: 1px #88a;
}
/* „Schwarz“, hoher Kontrast */
.rahmenfarbe5 {
border: 1px #000;
}
/*
* Zebra-Tabellen. Bei Verwendung zusammen mit „rowspan“ richtet sich die Farbe
* jeder Zelle nach der ersten Zeile, zu der die Zelle gehört.
*/
table.wikitable.zebra > tbody > :nth-child(even):not([class*="hintergrundfarbe"]) {
background-color: var(--background-color-base, #ffffff);
}
}

Aktuelle Version vom 15. November 2025, 16:40 Uhr

body {
/* Addendum for GenWiki font size added, font-family changed */
background: #f9f9f9 ;
margin: 0;
padding: 0;

/* background: #ffffff; */
}

/* Graue Hauptzeile */
#menue-row {
  padding: 1px 5px;
  background-color: #e0e0e0;
  position: relative;
  z-index: 10;
  font-size: 0.85em;
  line-height: 0.85;
}

/* Orange Unterzeile */
#menue-subrow-Datenbanken {
  padding: 1px 5px;
  background-color: #ffcc00;
  position: relative;
  z-index: 10;
  font-size: 0.85em;
  line-height: 0.85;
}

/* Tab-Abstände */
.home-tab,
.db-tab {
  display: inline-block;
  margin-right: 3px;
}

/* Link-Styling */
.home-tab a,
.db-tab a {
  text-decoration: none;
  color: #000;
  padding: 1px 3px;
  display: inline-block;
}

/* Hover nur auf Links - Hauptzeile */
#menue-row .home-tab a:hover {
  background-color: #ffcc00;
}

/* Hover nur auf Links - Unterzeile */
#menue-subrow-Datenbanken .db-tab a:hover {
  background-color: #e0e0e0;
}

.portlet {
   background-color: #FFE000;
   border-color: #eeeeee;
   border-style: solid;
   border-top-width: 1px; 
   border-right-width: 1px;
   border-bottom-width: 1px; 
   border-left-width: 1px;
   text-align: left;
	margin: 0 0 .5em;
	padding: 0;
	float: none;
	width: 11.6em;
	overflow: hidden;
}


.portlet-04 {
   background-color: #FFE000;
   border-color: #eeeeee;
   border-style: solid;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   text-align: left;
        margin: 0 0 .5em;
        padding: 0;
        float: none;
        width: 12.2em;
        overflow: hidden;
}

.portlet h4 {
	font-size: 95%;
	font-weight: normal;
	white-space: nowrap;
}

.portlet h5 {
	background: transparent;
	padding: 0 1em 0 .5em;
	display: inline;
	height: 1em;
	font-size: 100%;
	font-weight: bold;
	white-space: nowrap;
}
.portlet h6 {
	background: #ffae2e;
	border: 1px solid #2f6fab;
	border-style: solid solid none solid;
	padding: 0 1em 0 1em;
	display: block;
	font-size: 1em;
	height: 1.2em;
	font-weight: normal;
	white-space: nowrap;
}

	#p-logo {
		margin-top: 40px;
		height: 120px;
		top: 0;
		left: 0;
		overflow: visible;
	}
    #pt-anon_oauth_login { display: none; }
	#p-logo h5 {
		display: none;
	}
	#p-logo a,
	#p-logo a:hover {
		display: block;
		height: 155px;
		width: 11.6em;
		background-repeat: no-repeat;
		background-position: 35% 50% !important;
		text-decoration: none;
	}


td.aktiv-tab-02:hover 
   {
   font-size: 12px;
   font-weight: bold;
   font-family: Arial, Verdana, Helvetica, sans-serif;   
   background-color: #FDEE7E;
   border-color: #D4E6FF #2F6BC1 #23537F #D4E6FF;
   border-style: solid;
   border-top-width: 1px; 
   border-right-width: 1px;
   border-bottom-width: 1px; 
   border-left-width: 1px;
   text-align: center;
   }

td.aktiv-tab-highlight-02
   {
   font-size: 12px;
   font-weight: bold;
   font-family: Arial, Verdana, Helvetica, sans-serif;   
   background-color: #FDEE7E;
   border-color: #D4E6FF #2F6BC1 #23537F #D4E6FF;
   border-style: solid;
   border-top-width: 1px; 
   border-right-width: 1px;
   border-bottom-width: 1px; 
   border-left-width: 1px;
   text-align: center;
   }

td.aktiv-tab-02
   {
   font-size: 12px;
   font-weight: bold;
   font-family: Arial, Verdana, Helvetica, sans-serif;   
   background-color: #FFE000;
   border-color: #D4E6FF #2F6BC1 #23537F #D4E6FF;
   border-style: solid;
   border-top-width: 1px; 
   border-right-width: 1px;
   border-bottom-width: 1px; 
   border-left-width: 1px;
   text-align: center;
   }
   
td.aktiv-row-02
   {
   background-color: #FFE000
   }

.marginalie-davor-02
   {
   border-right:1px solid #000080;
   padding-left:0px;
   padding-right:1px;
   background-color: #ffffff;
   width:150px;
   }

.marginalie-danach-02
   {
   border-left:1px solid #000080;
   padding-left:3px;
   padding-right:3px;
   background-color: #ffffff;
   }

.marginalie-tab-02
   {
   background-color: #FFE000;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color : #000000;
   }

/* wikitable, sortable, and prettytable class definitions
** based on meta.wikimedia.org MediaWiki:Common.css 
*/

table.wikitable, table.sortable, table.prettytable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
}

table.wikitable td, table.sortable td, table.prettytable td {
  border: 1px #aaaaaa solid;
  padding: 0.2em;
}

table.wikitable th, table.sortable th, table.prettytable th {
  background: #ffe000; 
  border: 1px #aaaaaa solid;
  text-align: center;
}

table.wikitable caption, table.sortable caption, table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
}

/*Notifications*/
div.warning:before {
	content:url(http://wiki-commons.genealogy.net/images/thumb/f/f7/Nuvola_apps_important.svg/64px-Nuvola_apps_important.svg.png);
	padding-left: 5px;
}
 
div.note:before {
	content:url(http://wiki-commons.genealogy.net/images/thumb/e/eb/QA_icon.svg/64px-QA_icon.svg.png);
	padding-left: 5px;
}
 
div.important:before {
	content:url(http://wiki-commons.genealogy.net/images/thumb/9/9a/Ausgesuchter_Artikel.svg/64px-Ausgesuchter_Artikel.svg.png);
	padding-left: 5px;
}
 
div.warning, div.note, div.important {
	color: black;
	margin: 0em;
	padding: 0em;
	background: none;
	background-color: white;
	margin-bottom: 1em;
	border-bottom: 1px solid #aaaaaa;
}
 
div.warning span, div.note span,div.important span {
	margin: 0em;
	padding: 0em;
	color: #eeeeec;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 1.4em;
	line-height: 1.4em;
	font-size: 1.4em;
	display:inline;
}
 
div.admonition_header {
	clear: both;
	margin: 0em;
	padding: 0em;
	margin-top: -3.3em;
	padding-left: 74px;
	line-height: 1.0em;
	font-size: 1.0em;
}
 
div.warning div.admonition_header {
	background: url(http://wiki-commons.genealogy.net/images/3/31/Red.png) top left repeat-x;
	background-color: #590000;
}
 
div.note div.admonition_header {
	background: url(http://wiki-commons.genealogy.net/images/7/72/Green.png) top right repeat-x;
	background-color: #597800;
}
 
div.important div.admonition_header {
	background: url(http://wiki-commons.genealogy.net/images/9/92/Yellow.png) top right repeat-x;
	background-color: #a6710f;
}
 
div.warning p, div.warning div.para,
div.note p, div.note div.para,
div.important p, div.important div.para {
	padding: 0em;
	margin: 0em;
}
 
div.admonition {
	border: none;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	padding:0em;
	margin:0em;
	padding-top: 1.5em;
	padding-bottom: 1em;
	padding-left: 2em;
	padding-right: 1em;
	background-color: #eeeeec;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

/* Linksbündigkeit der Infoboxinhalte usw. */
/* [[Benutzer:Baumbuwegen|Uwe]] 17:14, 22. Aug. 2012 (CEST) */
div.note {
   text-align: left;
}

.mw-content-ltr ul
{
	margin: 0 0 0.3em 1.6em;
}

.portal h3
{
	font-weight: bold;
}

#mw-panel
{
	width: 12em;
	padding-left: 0em;
}

.hintergrundfarbe1
{
	background:#f8f9fa !important;
}

.hintergrundfarbe2
{
	background:#fff !important;
}

.hintergrundfarbe3
{
	background:#ffff40 !important;
}

.hintergrundfarbe4
{
	background:#fa0 !important;
}

.hintergrundfarbe5
{
	background:#eaecf0 !important;
}

.hintergrundfarbe6
{
	background:#b3b7ff !important;
}

.hintergrundfarbe7
{
	background:#ffcbcb !important;
}

.hintergrundfarbe8
{
	background:#ffebad !important;
}

.hintergrundfarbe9
{
	background:#b9ffc5 !important;
}

.rahmenfarbe1 {
	border: 1px #a2a9b1;
}
/* Unauffällig, geringer Kontrast */
.rahmenfarbe2 {
	border: 1px #eaecf0;
}
/* „Rot“, auffällig */
.rahmenfarbe3 {
	border: 1px #c00000;
}
/* Neutrale Farbe, deutlich */
.rahmenfarbe4 {
	border: 1px #88a;
}
/* „Schwarz“, hoher Kontrast */
.rahmenfarbe5 {
	border: 1px #000;
}

/*
 * Zebra-Tabellen. Bei Verwendung zusammen mit „rowspan“ richtet sich die Farbe
 * jeder Zelle nach der ersten Zeile, zu der die Zelle gehört.
 */
table.wikitable.zebra > tbody > :nth-child(even):not([class*="hintergrundfarbe"]) {
	background-color: var(--background-color-base, #ffffff);
}