MediaWiki:Common.css

Aus GuildWiki
Version vom 21:58, 17. Jun. 2021 von Redeemer (Diskussion | Beiträge)
(Unterschied) ← Nächstältere Version | Aktuelle Version ansehen (Unterschied) | Nächstjüngere Version → (Unterschied)
Wechseln zu:Navigation, Suche

Hinweis: Leere nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Gehe zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.
/* CSS an dieser Stelle wirkt sich auf alle Skins aus */

strong, b {
    font-weight:bold;
}

table.prettytable,
table.wikitable {
   margin:1em 1em 1em 0;
   border-collapse:collapse;
   border-spacing:0;
   empty-cells:show;
   border:1px solid #000;
}

table.prettytable td, table.prettytable th,
table.wikitable td, table.wikitable th {
    padding:4px;
    background-color:transparent
}

/* Das hier bewirkt in allen normalen Browsern und dem IE >= 7, dass die
Randfarbe von Tabellen und allen Zellen über ein style-Attribut in der 
Tabellendefinition oder eine weitere Klasse überschrieben werden kann */
table.prettytable > tbody, 
table.prettytable > tbody > tr, 
table.prettytable > tbody > tr > td, 
table.prettytable > tbody > tr > th,
table.wikitable > tbody, 
table.wikitable > tbody > tr, 
table.wikitable > tbody > tr > td, 
table.wikitable > tbody > tr > th {
    border:inherit;
}


/* Vorlage:Fertigkeit icon */

.fertigkeit_icon_nopopup .dynfiboicon
{
display:none !important;
}

.fertigkeit_icon .dynfiboicon
{
white-space:normal;
}

/* Vorlage:En-Interwikidummyhack */

div#p-lang
{
display: none !important;
}

/* Listenpunkte innerhalb der Klasse .versteckte-liste sind unsichtbar */

.versteckte-liste ul {
    list-style:none;
    margin:0.3em 0 0.3em;
}

.versteckte-liste li {
    list-style:none;
}

/* Verstecke alle Spans, zum Beispiel in einer Tabelle, wo sie Sortierschlüssel darstellen */

.versteckte-spans td span {
    display:none;
}

/* Großschreibung der Menüelemente wiederherstellen */

#p-cactions li a, .portlet h5, .portlet h6, #p-personal ul {
        text-transform: none;
}


/* Vorlage:En */

#vorlage-en
{
    position: absolute;
    top: .7em;
    right: 1em;
    text-align: right;
    line-height: normal;
    min-height:3.8em;
}
#vorlage-en-text
{
    position:absolute;
    bottom:1.5em; right: 0px;
    white-space:nowrap;
}
#vorlage-en-links
{
    font-size: 7pt;
    position:absolute;
    bottom:3px; 
    right:0px;
    white-space:nowrap;
}

/* Vorlage:Infobox_Fertigkeit_Kr */

.InfoboxKr
{
position: relative;
margin: 1px 0px;
border-left: none !important;
border-right: none !important;
padding: 0;
min-height: 70px;
border: 1px solid #bbb;
}

.InfoboxKrBild
{
position: absolute;
top: 2px;
left: 0px;
padding: 1px;
}

.InfoboxKrRahmen
{
position:absolute;
top: 2px;
left: 0px;
width: 64px;
height: 64px;
border-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius: 4px;
-moz-border-radius-topright: 0;
border: 1px solid #bbb;
}

.InfoboxKrName
{
display: block;
position: absolute;
left: 65px;
top: 2px;
margin-top: 2px;
margin-bottom: 1px;
width: 300px;
border-left: none;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
font-weight: bold;
padding: 0 5px;
margin-top: 0;
padding-bottom: 1px;
border: 1px solid #bbb;
background-color: #ddd;
}

p.InfoboxKrNameDummy
{
margin-bottom: 1px;
}

div.InfoboxKrHeightHack
{
float: left;
height: 43px;
width: 1px;
}

div.InfoboxKrClear
{
clear: left;
}

p.InfoboxKrText
{
margin: 0;
padding-left: 69px;
padding-bottom: 2px;
}

div.InfoboxKrReiterleiste
{
width: auto;
position:absolute;
top: 0;
right: 0;
}

.InfoboxKrReiter big
{
font-size: 10pt !important;
}

.InfoboxKrReiter, .InfoboxKrReiterK
{
width: auto;
margin-left: 2px;
border-top: none !important;
text-align: right;
padding-bottom: 1px;
float: right;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border: 1px solid #bbb;
background-color: #ddd;
text-align:center;
padding: 0 4px;
width: 3.1em;
}

.InfoboxKrReiterK
{
visibility: hidden;
}

font.InfoboxKrZahl
{
vertical-align: middle;
}

.InfoboxKrPvP
{
background-image: url('/gwiki/images/4/4e/Streifen.png');
}

.InfoboxKrElitePvP
{
background-image: url('/gwiki/images/e/e1/StreifenElite.png');
}

/* Vorlage:Infobox_Fertigkeit_Kr-Farben (werden auch anderswo benutzt) */

.MonsterH
{
border: 1px solid #bbb;
}

.MonsterV
{
background-color: #ddd;
border: 1px solid #bbb;
}

.KriegerH
{
border: 1px solid #fd6;
}

.KriegerV
{
background-color: #fe8;
border: 1px solid #fd6;
}

.WaldlaeuferH
{
border: 1px solid #ae5;
}

.WaldlaeuferV
{
background-color: #cf9;
border: 1px solid #ae5;
}

.MoenchH
{
border: 1px solid #69e;
}

.MoenchV
{
background-color: #acf;
border: 1px solid #69e;
}

.NekromantH
{
border: 1px solid #3e8;
}

.NekromantV
{
background-color: #9fc;
border: 1px solid #3e8;
}

.MesmerH
{
border: 1px solid #b6e;
}

.MesmerV
{
background-color: #daf;
border: 1px solid #b6e;
}

.ElementarmagierH
{
border: 1px solid #e77;
}

.ElementarmagierV
{
background-color: #fbb;
border: 1px solid #e77;
}

.AssassineH
{
border: 1px solid #e8d;
}

.AssassineV
{
background-color: #fce;
border: 1px solid #e8d;
}

.RitualistH
{
border: 1px solid #8ee;
}

.RitualistV
{
background-color: #bff;
border: 1px solid #8ee;
}

.ParagonH
{
border: 1px solid #ea6;
}

.ParagonV
{
background-color: #fc9;
border: 1px solid #ea6;
}

.DerwischH
{
border: 1px solid #bbe;
}

.DerwischV
{
background-color: #ddf;
border: 1px solid #bbe;
}

/* CC-Test */

#bodyContent a[href ^="http://www.gw-tactics.de/index.php?form=CCSearch&skill="] {
	background: none;
	padding-right: 0;
}

/* Fertigkeitspopups */

font.energieregeneration
{
background: url('/gwiki/images/7/7d/Energieregeneration_ausgeschnitten.png') no-repeat left;
padding-left: 20px;
padding-bottom: 1px;
padding-right: 0.6em;
}

font.erschoepfung
{
background: url('/gwiki/images/3/36/Ersch%C3%B6pfung_ausgeschnitten.png') no-repeat left;
padding-left: 20px;
padding-bottom: 1px;
padding-right: 0.6em;
}

font.energie
{
background: url('/gwiki/images/8/8a/Energie_ausgeschnitten.png') no-repeat left;
padding-left: 20px;
padding-bottom: 1px;
padding-right: 0.6em;
}

font.wiederaufladung
{
background: url('/gwiki/images/b/b9/Wiederaufladung_ausgeschnitten.png') no-repeat left;
padding-left: 20px;
padding-bottom: 1px;
padding-right: 0.6em;
}

font.wirkzeit
{
background: url('/gwiki/images/9/95/Aktivierung_ausgeschnitten.png') no-repeat left;
padding-left: 20px;
padding-bottom: 1px;
padding-right: 0.6em;
}

font.lebenspunkteopfer
{
background: url('/gwiki/images/4/4e/Lebenspunkteopfer_ausgeschnitten.png') no-repeat left;
padding-left: 14px;
padding-bottom: 1px;
padding-right: 0.6em;
}

font.adrenalin
{
background: url('/gwiki/images/c/cd/Adrenalin_ausgeschnitten.png') no-repeat left;
padding-left: 20px;
padding-bottom: 1px;
padding-right: 0.6em;
}

/* CSS-Mouseoverboxen für moderne Browser */

.dynfibo .dynfiboicon
{
display: none;
position: absolute;
padding: 0.8em 1em;
text-decoration:none;
opacity: 0.90;
border-radius: 10px;
-moz-opacity: 0.90;
-moz-border-radius: 10px;
border-width: 2px !important;
color:black;
background-color: white;
margin-top: 1.2em;
margin-left: 2.25em;
text-align: justify;
}

.dynfibo:hover .dynfiboicon
{
display: inline;
}

/* Namensräume markieren */

.ns-1 * #content, 
.ns-1 * #p-cactions li, 
.ns-1 * #p-cactions li a,
.ns-3 * #content, 
.ns-3 * #p-cactions li, 
.ns-3 * #p-cactions li a,
.ns-5 * #content, 
.ns-5 * #p-cactions li, 
.ns-5 * #p-cactions li a,
.ns-7 * #content, 
.ns-7 * #p-cactions li, 
.ns-7 * #p-cactions li a,
.ns-9 * #content, 
.ns-9 * #p-cactions li, 
.ns-9 * #p-cactions li a,
.ns-11 * #content, 
.ns-11 * #p-cactions li, 
.ns-11 * #p-cactions li a,
.ns-13 * #content, 
.ns-13 * #p-cactions li, 
.ns-13 * #p-cactions li a,
.ns-15 * #content, 
.ns-15 * #p-cactions li, 
.ns-15 * #p-cactions li a {
   background: #def;
}

/* Deutlichere Diskussionsseiten-Einrückung */

.ns-1 dl,
.ns-3 dl,
.ns-5 dl,
.ns-7 dl,
.ns-9 dl,
.ns-11 dl,
.ns-13 dl,
.ns-15 dl {
border-top: solid 1px #69e;
border-left: solid 1px #69e;
padding-left: 0.25em;
margin-left: 0.125em;
padding-top: 0.25em;
border-top-left-radius: 0.75em;
-moz-border-radius-topleft: 0.75em;
}

.ns-1 dl,
.ns-3 dl,
.ns-5 dl,
.ns-7 dl,
.ns-9 dl,
.ns-11 dl,
.ns-13 dl,
.ns-15 dl,
.ns-1 dl dl dl,
.ns-3 dl dl dl,
.ns-5 dl dl dl,
.ns-7 dl dl dl,
.ns-9 dl dl dl,
.ns-11 dl dl dl,
.ns-13 dl dl dl,
.ns-15 dl dl dl,
.ns-1 dl dl dl dl dl,
.ns-3 dl dl dl dl dl,
.ns-5 dl dl dl dl dl,
.ns-7 dl dl dl dl dl,
.ns-9 dl dl dl dl dl,
.ns-11 dl dl dl dl dl,
.ns-13 dl dl dl dl dl,
.ns-15 dl dl dl dl dl,
.ns-1 dl dl dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl dl,
.ns-1 dl dl dl dl dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl dl dl dl,
.ns-1 dl dl dl dl dl dl dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl dl dl dl dl dl,
.ns-1 dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-1 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-1 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-1 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl {
background-color: #bfd8ff;
}

.ns-1 dl dl,
.ns-3 dl dl,
.ns-5 dl dl,
.ns-7 dl dl,
.ns-9 dl dl,
.ns-11 dl dl,
.ns-13 dl dl,
.ns-15 dl dl,
.ns-1 dl dl dl dl,
.ns-3 dl dl dl dl,
.ns-5 dl dl dl dl,
.ns-7 dl dl dl dl,
.ns-9 dl dl dl dl,
.ns-11 dl dl dl dl,
.ns-13 dl dl dl dl,
.ns-15 dl dl dl dl,
.ns-1 dl dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl,
.ns-1 dl dl dl dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl dl dl,
.ns-1 dl dl dl dl dl dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl dl dl dl dl,
.ns-1 dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-1 dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-1 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-1 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-1 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-3 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-7 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-11 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-15 dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl dl {
background-color: #def;
}

/* Schachbrett-Muster als Hintergrund für Bildervorschau, damit man die Transparenz erkennen kann */

#file img
{
background: url('/gwiki/images/c/c3/Schachbrett.png');
}

/* Aufgabenliste */

.aufgabenliste
{
width:100%;
border-collapse:collapse;
text-align:left;
border:1px solid black;
}

.aufgabenliste th
{
font-size:17px;
white-space:nowrap;
background-color:#BDD0BC;
}

.aufgabenliste td, .aufgabenliste th
{
border-bottom:solid 1px black;
border-right:solid 1px black;
padding:5px;
}

/* Zoombare Icons */

.zoomicontable img[height = "64"]
{
  width: 32px;
  height: 32px;
}

.zoomiconlist div img[height= "64"]
{
  display:block;
  position:absolute;
  left:0;
  top:0;
  width: 32px;
  height: 32px;
  transition-duration: 0.3s;
  transition-property: border, margin, padding, width, height;
  transition-timing-function: ease;
  border-color: white;
}

.zoomiconlist .klein img[height= "64"]
{
  width: 25px;
  height: 25px;
}

.zoomicontable td:hover img[height = "64"],
.zoomiconlist div img[height = "64"]:hover
{
  padding: 3px;
  border: 1px solid #ddd;
  width: 64px;
  height: 64px;
  position: absolute;
  background: white;
  margin-top: -16px;
  border-radius: 8px;
}

.zoomiconlist .klein img[height = "64"]:hover
{
  margin-top: -20px;
  margin-left: -37px;
  padding: 0px;
}

.zoomiconlist div img[height = "64"]:hover
{
  z-index: 1337;
  margin-left: -20px;
}

.zoomicontable td
{
  height: 38px;
}

.zoomiconlist div
{
  height: 32px;
  position:relative;
  display:inline-block;
  height:32px;
  width:32px;
  vertical-align:middle;
}

.zoomiconlist .klein
{
  height:25px;
  position:relative;
  display:inline-block;
  width:25px;
  vertical-align:middle;
}

body.page-Hauptseite div#p-tb:after
{
  content: url('/gwiki/images/7/71/New_specialtyfansite_wh.png');
}

body.page-Hauptseite h1.firstHeading
{
  display: none;
}

#toolbar img
{
  width: auto !important;
}

abbr
{
  color:inherit;
}

/* ASURRA */

.asurra-picture span
{
  position: absolute;
  background: white;
  border-bottom-right-radius: 15px;
  padding: 3px 7px;
  border: 1px solid black;
  font-weight: bold;
  line-height: normal;
}

.asurra-picture
{
  margin-right: 5px; margin-bottom: 5px;
  display: inline-block;
  position: relative;
}

.asurra-picture img
{
  width: 100px;
}

.asurra-box
{
  width: 325px;
}

/*


          ENDE DES STANDARD-CSS


*/