MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus KoschWiki
Zur Navigation springen Zur Suche springen
VolkoV (D | B)
Keine Bearbeitungszusammenfassung
VolkoV (D | B)
Keine Bearbeitungszusammenfassung
 
(27 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
/* 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;
}
/* Kopfzeile WikiEditior zu groß */
div.wikiEditor-ui-top {
height: 25px;
}
/* ------ Formatierungen im Artikel ------ */
/* ------ 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;
}




Zeile 5: Zeile 70:


div#content div.herrscherzeitleiste {
div#content div.herrscherzeitleiste {
  float           : right;
  width           : 100%;
min-width        : 900px;
  text-align      : center;
  text-align      : center;
  background-color : #efda92;  
  background-color : #008000;  
  background-image : url(skins/briefspiel3/images/Gruen.png);
  background-image : url(skins/briefspiel3/images/Gruen.png);
}
}
Zeile 14: Zeile 78:
div#content div.herrscherzeitleiste div.wappenlinks {
div#content div.herrscherzeitleiste div.wappenlinks {
  text-align      : center;
  text-align      : center;
  width            : 50px;
  width            : 45px;
  min-width        : 50px;
  min-width        : 45px;
  max-width        : 50px;
  max-width        : 45px;
  line-height      : 65px;
  line-height      : 65px;
  float            : left;
  float            : left;
Zeile 24: Zeile 88:


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


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


Zeile 65: Zeile 121:
  text-align      : center;
  text-align      : center;
  vertical-align  : top;
  vertical-align  : top;
  width            : 33%;
  width            : 30%;
  min-width        : 33%;
  min-width        : 30%;
  max-width        : 33%;
  max-width        : 30%;
  display          : inline-block;
  display          : inline-block;
  position        : relative;
  position        : relative;
  padding          : 0px;
  padding          : 0px;
font-size        : 0.5em;
}
}


Zeile 85: Zeile 142:


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


div#content div.herrscherzeitleiste div.name {
div#content div.herrscherzeitleiste div.name {
  text-align      : center;
  text-align      : center;
  width            : calc(100% - 50px);
  width            : calc(100% - 25px);
  min-width        : calc(100% - 50px);
  min-width        : calc(100% - 25px);
  max-width        : calc(100% - 50px);
  max-width        : calc(100% - 25px);
  display          : inline-block;
  display          : inline-block;
  position        : relative;
  position        : relative;
Zeile 112: Zeile 162:
  float            : right;
  float            : right;
  width            : 440px;
  width            : 440px;
background-color : #408040;
  background-image : url(skins/briefspiel3/images/GruenHell.png);
  background-image : url(skins/briefspiel3/images/GruenHell.png);
}
}
Zeile 117: Zeile 168:
div#content div.titelblock2 div.oben {
div#content div.titelblock2 div.oben {
  text-align      : center;
  text-align      : center;
z-index          : 40;
}
}


Zeile 125: Zeile 177:
  max-width        : 220px;
  max-width        : 220px;
  float            : left;
  float            : left;
padding-top      : 10px;
}
}


Zeile 142: Zeile 195:
  max-width        : 440px;
  max-width        : 440px;
  float            : right;
  float            : right;
background-color : #408040;
background-image : url(skins/briefspiel3/images/GruenHell.png);
}
}


div#content div.titelblock2 div.unten {
div#content div.titelblock2 div.unten {
  text-align      : center;
  text-align      : center;
width            : 440px;
min-width        : 440px;
max-width        : 440px;
float            : right;
background-color : #008000;
background-image : url(skins/briefspiel3/images/Gruen.png);
}
}


Zeile 153: Zeile 214:
  margin          : 0px 10px;
  margin          : 0px 10px;
  padding          : 1.0em;
  padding          : 1.0em;
background-color : #008000;
  background-image : url(skins/briefspiel3/images/Gruen.png);
  background-image : url(skins/briefspiel3/images/Gruen.png);
}
}


div#content div.titelblock2 div.mw-collapsible {
div#content div.titelblock2 div.mw-collapsible {
background-color : #008000;
  background-image : url(skins/briefspiel3/images/Gruen.png);
  background-image : url(skins/briefspiel3/images/Gruen.png);
}
}
Zeile 185: Zeile 248:
  background-image : url(skins/briefspiel3/images/GoldHell.png);
  background-image : url(skins/briefspiel3/images/GoldHell.png);
}  
}  
.mittel,
#mittel {
background-color : #f0e7ba;
background-image : url(skins/briefspiel3/images/GoldMittel.png);
}
   
   
.dunkel,
.dunkel,
Zeile 190: Zeile 259:
  background-color : #efda92;  
  background-color : #efda92;  
  background-image : url(skins/briefspiel3/images/GoldDunkel.png);
  background-image : url(skins/briefspiel3/images/GoldDunkel.png);
}
.dunkelgruen,
#dunkelgruen {
background-color : #008000;
background-image : url(skins/briefspiel3/images/Gruen.png);
}
.hellgruen,
#hellgruen {
background-color : #408040;
background-image : url(skins/briefspiel3/images/GruenHell.png);
}
}


Zeile 227: Zeile 308:
}
}
td#zeitlinksgross{
td#zeitlinksgross{
  background:url(images/9/90/ZeitlinksGroß.png);
  background-image:url("images/9/90/ZeitlinksGroß.png");
  width:28px;
  width:28px;
}
}
#zeitmittegross{
#zeitmittegross{
  background:url(images/6/61/ZeitGroß.png);
  background-image:url("images/6/61/ZeitGroß.png");
}
}
td#zeitrechtsgross{
td#zeitrechtsgross{
  background:url(images/c/cb/ZeitrechtsGroß.png);
  background-image:url("images/c/cb/ZeitrechtsGroß.png");
  width:28px;
  width:28px;
}
}
Zeile 312: Zeile 393:
   border: 0px;
   border: 0px;
   border-collapse: collapse;
   border-collapse: collapse;
   border-spacing:0px
   border-spacing:0px;
   empty-cells:show;
   empty-cells:show;
   white-space:pre;
   white-space:pre;
Zeile 365: Zeile 446:
span.fancytree-icon {
span.fancytree-icon {
  display: none;
  display: none;
}
.fancytree a.new {
    color: red;
}
}

Aktuelle Version vom 21. November 2024, 10:23 Uhr

/* 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;
}

/* 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%;
 text-align       : center;
 background-color : #008000; 
 background-image : url(skins/briefspiel3/images/Gruen.png);
}

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

div#content div.herrscherzeitleiste div.wappenrechts {
 display          : none;
}

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

div#content div.herrscherzeitleiste div.leiste {
 text-align       : center;
 width            : calc(100% - 45px);
 min-width        : calc(100% - 45px);
 max-width        : calc(100% - 45px);
 display          : inline-block;
 position         : relative;
 padding          : 0px;
 background-color : #408040;
 background-image : url(skins/briefspiel3/images/GruenHell.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            : 30%;
 min-width        : 30%;
 max-width        : 30%;
 display          : inline-block;
 position         : relative;
 padding          : 0px;
 font-size        : 0.5em;
}

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 {
 display          : none;
}

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


/* Titelblock2 */

div#content div.titelblock2 {
 text-align       : center;
 float            : right;
 width            : 440px;
 background-color : #408040; 
 background-image : url(skins/briefspiel3/images/GruenHell.png);
}

div#content div.titelblock2 div.oben {
 text-align       : center;
 z-index          : 40;
}

div#content div.titelblock2 div.links {
 text-align       : center;
 width            : 220px;
 min-width        : 220px;
 max-width        : 220px;
 float            : left;
 padding-top      : 10px;
}

div#content div.titelblock2 div.rechts {
 text-align       : center;
 width            : 220px;
 min-width        : 220px;
 max-width        : 220px;
 float            : right;
}

div#content div.titelblock2 div.zentrum {
 text-align       : left;
 float            : center;
 width            : 440px;
 min-width        : 440px;
 max-width        : 440px;
 float            : right;
 background-color : #408040; 
 background-image : url(skins/briefspiel3/images/GruenHell.png);
}

div#content div.titelblock2 div.unten {
 text-align       : center;
 width            : 440px;
 min-width        : 440px;
 max-width        : 440px;
 float            : right;
 background-color : #008000; 
 background-image : url(skins/briefspiel3/images/Gruen.png);
}

div#content div.titelblock2 div.briefspielspalte {
 position         : relative;
 text-align       : left;
 margin           : 0px 10px;
 padding          : 1.0em;
 background-color : #008000; 
 background-image : url(skins/briefspiel3/images/Gruen.png);
}

div#content div.titelblock2 div.mw-collapsible {
 background-color : #008000; 
 background-image : url(skins/briefspiel3/images/Gruen.png);
}

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 */

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

.dunkelgruen,
#dunkelgruen {
 background-color : #008000; 
 background-image : url(skins/briefspiel3/images/Gruen.png);
}

.hellgruen,
#hellgruen {
 background-color : #408040; 
 background-image : url(skins/briefspiel3/images/GruenHell.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;
}

/* Geschichtsleisten */

td#zeitlinks{
 background:url(images/f/f7/Zeitlinks.png);
 width:28px;
}
td#zeitmitte{
 background:url(images/a/a8/Zeit.png);
}
td#zeitrechts{
 background:url(images/9/94/Zeitrechts.png);
 width:28px;
}
td#zeitlinksgross{
 background-image:url("images/9/90/ZeitlinksGroß.png");
 width:28px;
}
#zeitmittegross{
 background-image:url("images/6/61/ZeitGroß.png");
}
td#zeitrechtsgross{
 background-image:url("images/c/cb/ZeitrechtsGroß.png");
 width:28px;
}
td#geschlo{
 background:url(images/b/b6/Gesch_l_o.png);
 width:28px;
}
td#geschlm{
 background:url(images/8/87/Gesch_l_m.png) repeat-y;
 width:28px;
}
td#geschlu{
 background:url(images/0/00/Gesch_l_u.png);
 width:28px;
}
td#geschro{
 background:url(images/b/b1/Gesch_r_o.png);
 width:28px;
}
td#geschrm{
 background:url(images/7/72/Gesch_r_m.png) repeat-y;
 width:28px;
}
td#geschru{
 background:url(images/a/ad/Gesch_r_u.png);
 width:28px;
}
td#geschmo{
 background:url(images/6/6e/Gesch_m_o.png) repeat-x;
} 
td#geschmm{
 background-color:#EDDC9A;
}
td#geschmu{
 background:url(images/a/a2/Gesch_m_u.png) repeat-x;
}


/* 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;
}