MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus GaretienWiki
Zur Navigation springen Zur Suche springen
VolkoV (D | B)
K
VolkoV (D | B)
 
(159 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
−
/* Threaded Discussion */
+
@media print {
−
.reply {
+
  a,a.external,a.new,a.stub {
−
     margin-left: 15px;
+
      text-decoration: none !important
−
    font-weight: bold;
+
  }
 +
  a:not(.image) {
 +
    border-bottom: none;
 +
  }
 +
  p {
 +
  text-align:inherit;
 +
  }
 +
}
 +
 
 +
 
 +
 
 +
/* Truncate with Tool Tips */
 +
.truncate {
 +
white-space: nowrap;
 +
text-overflow: ellipsis;
 +
overflow: hidden;
 +
}
 +
 +
.ele-clone {
 +
height: 1px;
 +
overflow: hidden;
 +
white-space: nowrap;
 +
position: fixed;
 +
}
 +
 
 +
/* Format FlowOverview */
 +
table.flowoverview {
 +
  margin: 1em 1em 1em 0;
 +
  background-color : #faf5d2;
 +
  background-image : url(skins/briefspiel3/images/GoldHell.png);
 +
  border: 1px solid gray;
 +
  border-collapse: collapse;
 +
  empty-cells:show;
 +
  table-layout:fixed;
 +
}
 +
 
 +
table.flowoverview td {
 +
  border-bottom: 1px solid gray;
 +
  overflow: hidden;
 +
  white-space: nowrap;
 +
  text-overflow: ellipsis;
 +
}
 +
 
 +
table.flowoverview th {
 +
  border-bottom: 1px solid gray;
 +
  background-image : url(skins/briefspiel3/images/GoldDunkel.png);
 +
}
 +
 
 +
tr.flowoverviewc, tr.flowoverviews, tr.flowoverviewd,
 +
tr.flowoverviewc a, tr.flowoverviews a, tr.flowoverviewd a {
 +
color:gray;
 +
}
 +
 
 +
tr.flowoverviewrow:hover {
 +
  background-image : url(skins/briefspiel3/images/GoldDunkel.png);
 +
}
 +
 
 +
/* Kopfzeile WikiEditior zu groß */
 +
div.wikiEditor-ui-top {
 +
height: 25px;
 +
}
 +
 
 +
/* ------ Formatierungen im Artikel ------ */
 +
 
 +
 
 +
/* Zeilengruppe und Zeile */
 +
 
 +
div#content div.zeilengruppe div.zgtitel {
 +
font-weight      : bold;
 +
font-style      : italic;
 +
}
 +
 
 +
div#content div.zeile {
 +
padding-left     : 1.0em;
 +
}
 +
 
 +
div#content div.zeilefett div.zltitel,
 +
div#content div.zeile div.zltitel {
 +
font-style      : italic;
 +
display          : inline-block;
 +
margin-right    : 0.5em;
 +
width            : 10em;
 +
vertical-align  : top;
 +
}
 +
 
 +
div#content div.zeilefett div.zltitel {
 +
font-weight      : bold;
 +
width            : 11em;
 +
}
 +
 
 +
div#content div.zeilefett div.zltext,
 +
div#content div.zeile div.zltext {
 +
display          : inline-block;
 +
width            : calc(100% - 11.5em);
 +
vertical-align  : top;
 +
}
 +
 
 +
 
 +
/* Herrscher Zeitleisten */
 +
 
 +
div#content div.herrscherzeitleiste {
 +
width            : 100%;
 +
min-width        : 800px;
 +
text-align      : center;
 +
background-color : #efda92;
 +
background-image : url(skins/briefspiel3/images/GoldDunkel.png);
 +
}
 +
 
 +
div#content div.herrscherzeitleiste div.wappenlinks {
 +
text-align      : center;
 +
width            : 50px;
 +
min-width        : 50px;
 +
max-width        : 50px;
 +
line-height      : 65px;
 +
float            : left;
 +
position        : relative;
 +
padding          : 0px;
 +
}
 +
 
 +
div#content div.herrscherzeitleiste div.wappenrechts {
 +
text-align      : center;
 +
width            : 50px;
 +
min-width        : 50px;
 +
max-width        : 50px;
 +
line-height      : 65px;
 +
float            : right;
 +
position        : relative;
 +
padding          : 0px;
 +
}
 +
 
 +
div#content div.herrscherzeitleiste div.titel {
 +
text-align      : center;
 +
width            : calc(100% - 100px);
 +
min-width        : calc(100% - 100px);
 +
max-width        : calc(100% - 100px);
 +
display          : inline-block;
 +
position        : relative;
 +
padding          : 0px;
 +
font-weight     : bold;
 +
font-size        : 1.1em;
 +
}
 +
 
 +
div#content div.herrscherzeitleiste div.leiste {
 +
text-align      : center;
 +
width            : calc(100% - 100px);
 +
min-width        : calc(100% - 100px);
 +
max-width        : calc(100% - 100px);
 +
display          : inline-block;
 +
position        : relative;
 +
padding          : 0px;
 +
background-color : #faf5d2;
 +
background-image : url(skins/briefspiel3/images/GoldHell.png);
 +
}
 +
 
 +
div#content div.herrscherzeitleiste div.leiste div.vorgaenger,
 +
div#content div.herrscherzeitleiste div.leiste div.inhaber,
 +
div#content div.herrscherzeitleiste div.leiste div.nachfolger {
 +
text-align      : center;
 +
vertical-align  : top;
 +
width            : 33%;
 +
min-width        : 33%;
 +
max-width        : 33%;
 +
display          : inline-block;
 +
position        : relative;
 +
padding          : 0px;
 +
}
 +
 
 +
div#content div.herrscherzeitleiste div.familienwappenlinks {
 +
text-align      : center;
 +
width            : 25px;
 +
min-width        : 25px;
 +
max-width        : 25px;
 +
line-height      : 45px;
 +
float            : left;
 +
position        : relative;
 +
padding          : 0px;
 +
}
 +
 
 +
div#content div.herrscherzeitleiste div.familienwappenrechts {
 +
text-align      : center;
 +
width            : 25px;
 +
min-width        : 25px;
 +
max-width        : 25px;
 +
line-height      : 45px;
 +
float            : right;
 +
position        : relative;
 +
padding          : 0px;
 +
}
 +
 
 +
div#content div.herrscherzeitleiste div.name {
 +
text-align      : center;
 +
width            : calc(100% - 50px);
 +
min-width        : calc(100% - 50px);
 +
max-width        : calc(100% - 50px);
 +
display          : inline-block;
 +
position        : relative;
 +
padding          : 0px;
 +
font-size        : 0.9em;
 +
}
 +
 
 +
 
 +
/* Titelblock2 */
 +
 
 +
div#content div.titelblock2 {
 +
width            : 100%;
 +
position        : relative;
 +
}
 +
 
 +
div#content div.titelblock2 div.oben {
 +
text-align      : center;
 +
z-index          : 40;
 +
width            : 100%;
 +
position        : relative;
 +
padding          : 0px;
 +
}
 +
 
 +
div#content div.titelblock2 div.oben div.mw-collapsible,
 +
div#content div.titelblock2 div.briefspielspalte {
 +
background-color : #faf5d2;
 +
background-image : url(skins/briefspiel3/images/GoldHell.png);
 +
}
 +
 
 +
div#content div.titelblock2 div.links {
 +
text-align      : center;
 +
width            : 220px;
 +
min-width        : 220px;
 +
max-width        : 220px;
 +
float            : left;
 +
z-index          : 20;
 +
position        : relative;
 +
padding          : 0px;
 +
}
 +
 
 +
div#content div.titelblock2 div.rechts {
 +
text-align      : center;
 +
width            : 220px;
 +
min-width        : 220px;
 +
max-width        : 220px;
 +
float            : right;
 +
z-index          : 10;
 +
position        : relative;
 +
padding          : 0px;
 +
}
 +
 
 +
div#content div.titelblock2 div.zentrum {
 +
margin-left      : 220px;
 +
margin-right    : 220px;
 +
z-index          : 50;
 +
position        : relative;
 +
padding          : 1.0em;
 +
background-color : #faf5d2;
 +
background-image : url(skins/briefspiel3/images/GoldHell.png);
 
}
 
}
  
−
.reply h2 {
+
div#content div.titelblock2 div.unten {
−
    margin-left: 0px;
+
text-align      : center;
−
    font-size: 20px;
+
z-index          : 30;
−
    background-color: #EEE;
+
width            : 100%;
 +
position        : relative;
 +
padding          : 1.0em 0px;
 +
clear            : both;
 
}
 
}
  
−
.reply h3, .reply h4, .reply h5, .reply h6 {
+
div#content div.titelblock2 div.briefspielspalte {
−
    font-size: 14px;
+
position        : relative;
−
    background-color: #EEE;
+
text-align      : left;
 +
margin          : 0px 10px;
 +
padding          : 1.0em;
 
}
 
}
  
−
.reply .editsection {
+
div#content div.titelblock2 div.boronbalken {
−
    font-size: 86%;
+
position        : relative;
−
    background-color: #EEE;
+
color            : white;
 +
background-color : black;
 +
margin          : 0px;
 +
padding          : 0.5em;
 
}
 
}
  
−
/** CSS an dieser Stelle wirkt sich auf alle Skins aus */
+
div#content div.titelblock2 span.mw-collapsible-toggle {
−
/*--------------------------------------------------|
+
float            : none;
−
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
+
font-size        : 0.8em;
−
  |---------------------------------------------------|
+
}
−
  | Copyright (c) 2002-2003 Geir Landr�              |
+
 
−
|--------------------------------------------------*/
+
div#content div.titelblock2 p {
 +
margin          : 0px;
 +
}
 +
 
 +
 
 +
/* Heller und dunkler Hintergrund */
 +
 
 +
td.hell,
 +
tr.hell,
 +
.hell,
 +
#hell,
 +
.toc {
 +
  background-color : #faf5d2;
 +
  background-image : url(skins/briefspiel3/images/GoldHell.png);
 +
}
 
   
 
   
−
  .dtree {
+
td.dunkel,
−
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
+
tr.dunkel,
−
        font-size: 10px;
+
.dunkel,
−
        color: #000;
+
#dunkel {
−
        white-space: nowrap;
+
background-color : #efda92;
 +
background-image : url(skins/briefspiel3/images/GoldDunkel.png);
 +
}
 +
 
 +
table.tabellehuebsch td.lebend {
 +
visibility:collapse;
 +
  text-align:center;
 +
border:none;
 +
background-color : #efda92;
 +
background-image : url(skins/briefspiel3/images/GoldDunkel.png);
 +
}
 +
 
 +
 
 +
/* Meisterinfo */
 +
 
 +
#content div.meisterinfo {
 +
border-left: 3px solid black;
 +
}
 +
#content div.meisterinfo,
 +
#content div.meisterinfo a,
 +
#content div.meisterinfo a:hover
 +
{
 +
color: #ffffff;
 +
}
 +
 
 +
/* Tabelle Hübsch */
 +
 
 +
table.tabellehuebsch, table.smwtable {
 +
  margin: 1em 1em 1em 0;
 +
  background-color : #faf5d2;
 +
  background-image : url(skins/briefspiel3/images/GoldHell.png);
 +
  border: 1px solid gray;
 +
  border-collapse: collapse;
 +
  empty-cells:show;
 
  }
 
  }
−
  .dtree img {
+
   
−
        border: 0px;
+
table.tabellehuebsch th, table.smwtable th {
−
        vertical-align: middle;
+
  border: 1px solid gray;
 +
  padding: 0.3em;
 +
  background-color :transparent;
 +
  background-image :url(skins/briefspiel3/images/GoldDunkel.png);;
 
  }
 
  }
−
  /*
+
   
−
  .dtree a {
+
  table.tabellehuebsch td, table.smwtable td {
−
        color: #000;
+
  border: 1px solid gray;
−
        text-decoration: none;
+
  padding: 0.3em;
 +
  background-color :transparent;
 +
  background-image :none;
 
  }
 
  }
−
  .dtree a.node, .dtree a.nodeSel {
+
   
−
        white-space: nowrap;
+
table.tabellehuebsch caption, table.smwtable caption {
−
        padding: 1px 2px 1px 2px;
+
  margin-left: inherit;
 +
  margin-right: inherit;
 +
  font-weight: bold;
 
  }
 
  }
−
  .dtree a.node:hover, .dtree a.nodeSel:hover {
+
 
−
        color: #000;
+
 
−
        text-decoration: underline;
+
/* Tabelle genau */
−
}
+
 
−
.dtree a.nodeSel {
+
  table.genau, tr.genau, td.genau {
−
        background-color: #c0d2ec;
+
  table-layout:fixed;
−
}
+
  margin: 0px;
−
*/
+
  padding: 0px;
−
.dtree .clip {
+
  border: 0px;
−
        overflow: hidden;
+
  border-collapse: collapse;
 +
  border-spacing:0px;
 +
  empty-cells:show;
 +
  white-space:pre;
 +
  overflow:hidden;
 +
  vertical-align:top;
 
  }
 
  }
 +
 +
 +
/* Vorlage Brief */
 +
 +
div.brief {
 +
  border:1px solid gray;
 +
  margin:1.0em;
 +
  padding:1.0em;
 +
/*  font-style:italic; */
 +
  color:#00007f;
 +
  font-family: 'Lucida Calligraphy', 'Lucida Handwriting', 'Brush Script MT', Georgia, cursive;
 +
}
 +
 +
 +
/* Vorlage Ahnentafel */
 +
 +
td.ahnentafel {
 +
vertical-align:top;
 +
text-align:center;
 +
border:1px solid gray;
 +
}
 +
 +
 +
/* Stammbaum */
 +
 +
.fancytree ul {
 +
    background: none;
 +
    border: none;
 +
    font-size: 12px;
 +
}
 +
ul.fancytree-container {
 +
    outline: 0;
 +
    border: none;
 +
    overflow: hidden;
 +
}
 +
.fancytree p {
 +
    display: none;
 +
}
 +
span.fancytree-title {
 +
    cursor: default;
 +
}
 +
span.fancytree-title a {
 +
    color: black;
 +
}
 +
 +
span.fancytree-icon {
 +
display: none;
 +
}
 +
 +
.fancytree a.new {
 +
    color: red;
 +
}

Aktuelle Version vom 30. August 2023, 18:03 Uhr

@media print {
   a,a.external,a.new,a.stub {
       text-decoration: none !important
   }
   a:not(.image) {
    border-bottom: none;
   }
   p {
   	text-align:inherit;
   }
} 



/* Truncate with Tool Tips */
.truncate {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
 
.ele-clone {
	height: 1px;
	overflow: hidden;
	white-space: nowrap;
	position: fixed;
}

/* Format FlowOverview */
table.flowoverview {
  margin: 1em 1em 1em 0;
  background-color : #faf5d2;
  background-image : url(skins/briefspiel3/images/GoldHell.png);
  border: 1px solid gray;
  border-collapse: collapse;
  empty-cells:show;
  table-layout:fixed;
}

table.flowoverview td {
  border-bottom: 1px solid gray;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

table.flowoverview th {
  border-bottom: 1px solid gray;
  background-image : url(skins/briefspiel3/images/GoldDunkel.png);
}

tr.flowoverviewc, tr.flowoverviews, tr.flowoverviewd,
tr.flowoverviewc a, tr.flowoverviews a, tr.flowoverviewd a {
	color:gray;
}

tr.flowoverviewrow:hover {
  background-image : url(skins/briefspiel3/images/GoldDunkel.png);
}

/* Kopfzeile WikiEditior zu groß */
div.wikiEditor-ui-top {
	height: 25px;
}

/* ------ Formatierungen im Artikel ------ */


/* Zeilengruppe und Zeile */

div#content div.zeilengruppe div.zgtitel {
 font-weight      : bold;
 font-style       : italic;
}

div#content div.zeile {
 padding-left     : 1.0em;
}

div#content div.zeilefett div.zltitel,
div#content div.zeile div.zltitel {
 font-style       : italic;
 display          : inline-block;
 margin-right     : 0.5em;
 width            : 10em;
 vertical-align   : top;
}

div#content div.zeilefett div.zltitel {
 font-weight      : bold;
 width            : 11em;
}

div#content div.zeilefett div.zltext,
div#content div.zeile div.zltext {
 display          : inline-block;
 width            : calc(100% - 11.5em);
 vertical-align   : top;
}


/* Herrscher Zeitleisten */

div#content div.herrscherzeitleiste {
 width            : 100%;
 min-width        : 800px;
 text-align       : center;
 background-color : #efda92; 
 background-image : url(skins/briefspiel3/images/GoldDunkel.png);
}

div#content div.herrscherzeitleiste div.wappenlinks {
 text-align       : center;
 width            : 50px;
 min-width        : 50px;
 max-width        : 50px;
 line-height      : 65px;
 float            : left;
 position         : relative;
 padding          : 0px;
}

div#content div.herrscherzeitleiste div.wappenrechts {
 text-align       : center;
 width            : 50px;
 min-width        : 50px;
 max-width        : 50px;
 line-height      : 65px;
 float            : right;
 position         : relative;
 padding          : 0px;
}

div#content div.herrscherzeitleiste div.titel {
 text-align       : center;
 width            : calc(100% - 100px);
 min-width        : calc(100% - 100px);
 max-width        : calc(100% - 100px);
 display          : inline-block;
 position         : relative;
 padding          : 0px;
 font-weight      : bold;
 font-size        : 1.1em;
}

div#content div.herrscherzeitleiste div.leiste {
 text-align       : center;
 width            : calc(100% - 100px);
 min-width        : calc(100% - 100px);
 max-width        : calc(100% - 100px);
 display          : inline-block;
 position         : relative;
 padding          : 0px;
 background-color : #faf5d2;
 background-image : url(skins/briefspiel3/images/GoldHell.png);
}

div#content div.herrscherzeitleiste div.leiste div.vorgaenger,
div#content div.herrscherzeitleiste div.leiste div.inhaber,
div#content div.herrscherzeitleiste div.leiste div.nachfolger {
 text-align       : center;
 vertical-align   : top;
 width            : 33%;
 min-width        : 33%;
 max-width        : 33%;
 display          : inline-block;
 position         : relative;
 padding          : 0px;
}

div#content div.herrscherzeitleiste div.familienwappenlinks {
 text-align       : center;
 width            : 25px;
 min-width        : 25px;
 max-width        : 25px;
 line-height      : 45px;
 float            : left;
 position         : relative;
 padding          : 0px;
}

div#content div.herrscherzeitleiste div.familienwappenrechts {
 text-align       : center;
 width            : 25px;
 min-width        : 25px;
 max-width        : 25px;
 line-height      : 45px;
 float            : right;
 position         : relative;
 padding          : 0px;
}

div#content div.herrscherzeitleiste div.name {
 text-align       : center;
 width            : calc(100% - 50px);
 min-width        : calc(100% - 50px);
 max-width        : calc(100% - 50px);
 display          : inline-block;
 position         : relative;
 padding          : 0px;
 font-size        : 0.9em;
}


/* Titelblock2 */

div#content div.titelblock2 {
 width            : 100%;
 position         : relative;
}

div#content div.titelblock2 div.oben {
 text-align       : center;
 z-index          : 40;
 width            : 100%;
 position         : relative;
 padding          : 0px;
}

div#content div.titelblock2 div.oben div.mw-collapsible,
div#content div.titelblock2 div.briefspielspalte {
 background-color : #faf5d2;
 background-image : url(skins/briefspiel3/images/GoldHell.png);
}

div#content div.titelblock2 div.links {
 text-align       : center;
 width            : 220px;
 min-width        : 220px;
 max-width        : 220px;
 float            : left;
 z-index          : 20;
 position         : relative;
 padding          : 0px;
}

div#content div.titelblock2 div.rechts {
 text-align       : center;
 width            : 220px;
 min-width        : 220px;
 max-width        : 220px;
 float            : right;
 z-index          : 10;
 position         : relative;
 padding          : 0px;
}

div#content div.titelblock2 div.zentrum {
 margin-left      : 220px;
 margin-right     : 220px;
 z-index          : 50;
 position         : relative;
 padding          : 1.0em;
 background-color : #faf5d2;
 background-image : url(skins/briefspiel3/images/GoldHell.png);
}

div#content div.titelblock2 div.unten {
 text-align       : center;
 z-index          : 30;
 width            : 100%;
 position         : relative;
 padding          : 1.0em 0px;
 clear            : both;
}

div#content div.titelblock2 div.briefspielspalte {
 position         : relative;
 text-align       : left;
 margin           : 0px 10px;
 padding          : 1.0em;
}

div#content div.titelblock2 div.boronbalken {
 position         : relative;
 color            : white;
 background-color : black;
 margin           : 0px;
 padding          : 0.5em;
}

div#content div.titelblock2 span.mw-collapsible-toggle {
 float            : none;
 font-size        : 0.8em;
}

div#content div.titelblock2 p {
 margin           : 0px;
}


/* Heller und dunkler Hintergrund */

td.hell,
tr.hell,
.hell,
#hell,
.toc { 
 background-color : #faf5d2;
 background-image : url(skins/briefspiel3/images/GoldHell.png);
} 
 
td.dunkel,
tr.dunkel,
.dunkel,
#dunkel {
 background-color : #efda92; 
 background-image : url(skins/briefspiel3/images/GoldDunkel.png);
}

table.tabellehuebsch td.lebend {
 visibility:collapse;
 text-align:center;
 border:none;
 background-color : #efda92; 
 background-image : url(skins/briefspiel3/images/GoldDunkel.png);
}


/* Meisterinfo */

#content div.meisterinfo {
 border-left: 3px solid black;
}
#content div.meisterinfo,
#content div.meisterinfo a,
#content div.meisterinfo a:hover
 {
 color: #ffffff;
}

/* Tabelle Hübsch */

 table.tabellehuebsch, table.smwtable {
  margin: 1em 1em 1em 0;
  background-color : #faf5d2;
  background-image : url(skins/briefspiel3/images/GoldHell.png);
  border: 1px solid gray;
  border-collapse: collapse;
  empty-cells:show;
 }
 
 table.tabellehuebsch th, table.smwtable th {
  border: 1px solid gray;
  padding: 0.3em;
  background-color :transparent;
  background-image :url(skins/briefspiel3/images/GoldDunkel.png);;
 }
 
 table.tabellehuebsch td, table.smwtable td {
  border: 1px solid gray;
  padding: 0.3em;
  background-color :transparent;
  background-image :none;
 }
 
 table.tabellehuebsch caption, table.smwtable caption {
  margin-left: inherit;
  margin-right: inherit;
  font-weight: bold;
 }


/* Tabelle genau */ 

 table.genau, tr.genau, td.genau {
  table-layout:fixed;
  margin: 0px;
  padding: 0px;
  border: 0px;
  border-collapse: collapse;
  border-spacing:0px;
  empty-cells:show;
  white-space:pre;
  overflow:hidden;
  vertical-align:top;
 }


/* Vorlage Brief */

div.brief {
  border:1px solid gray;
  margin:1.0em;
  padding:1.0em;
/*  font-style:italic; */
  color:#00007f;
  font-family: 'Lucida Calligraphy', 'Lucida Handwriting', 'Brush Script MT', Georgia, cursive;
}


/* Vorlage Ahnentafel */

td.ahnentafel {
 vertical-align:top;
 text-align:center;
 border:1px solid gray;
}


/* Stammbaum */
 
.fancytree ul {
    background: none;
    border: none;
    font-size: 12px;
}
ul.fancytree-container {
    outline: 0;
    border: none;
    overflow: hidden;
}
.fancytree p {
    display: none;
}
span.fancytree-title {
    cursor: default;
}
span.fancytree-title a {
    color: black;
}

span.fancytree-icon {
 display: none;
}

.fancytree a.new {
    color: red;
}
Abgerufen von „https://www.garetien.de/index.php?title=MediaWiki:Common.css&oldid=444257“