Europa theme Wiki

## Welcome to the Europa theme Wiki

This wiki showcase infoboxes using Europa theme. For standard theme infoboxes, visit mobile friendly wiki

Europa theme infoboxes use the new infobox coding. The tags are listed on the right.

## The infoboxes...

* Europa theme Wiki
* Infobox skill table
* Infobox title bg switch
* Infobox title bg switch (ACS)
* Infobox with CSS theme-source
* Infobox with group colors
* Infobox with header collapse
* Infobox with horizontal
* Infobox with horizontal panel
* Infobox with horizontal tabber
* Infobox with image background
* Infobox with image panel
* Infobox with scroll/wrap panel
* Infobox with toggle gallery
* Main Page

## Genealogical

### **Sibling(s)**

* Abel
* Seth

### **Parents**

* Adam
* Eve

## Political

### **Occupation**

* Farmer
* Nomad
* City Founder

## Cultural

### **Religion**

* Yahwism (sinful disobedience, may not had had faith but just believed)

### **Appearance**

Distinctive "mark" (perhaps a giant)

With image

## Genealogical

### **Sibling(s)**

* Abel
* Seth

### **Parents**

* Adam
* Eve

## Political

### **Occupation**

* Farmer
* Nomad
* City Founder

## Cultural

### **Religion**

* Yahwism (sinful disobedience, may not had had faith but just believed)

### **Appearance**

Distinctive "mark" (perhaps a giant)

```
{{Infobox title bg switch (ACS)

* Abel
* Seth
* Adam
* Eve

* Farmer
* Nomad
* City Founder

}}

```

Template

**infobox**

```
<infobox layout="stacked">

</infobox>

```

**title**

```
<infobox>
 <title source="name">
  <default>{{PAGENAME}}</default>
 </title>
</infobox>

```

**preset CSS**

```
<infobox theme="MediaWiki labelname">
 ...
</infobox>

```

**changeable CSS**

```
<infobox theme-source="labelname">
 ...
</infobox>

{{
}}

```

**preset header**

```
<infobox accent-color-default="#006cb0" accent-color-text-default="#ffffff">
 ...
</infobox>

```

**changeable header**

```
<infobox accent-color-source="title_bg" accent-color-text-source="title_text">
 ...
</infobox>

{{
}}

```

**alternative color**

```
.pi-theme-colors .pi-header[data-item-name="blue"],
.pi-theme-colors .pi-border-color[data-item-name="blue"] {
    background-color: #87CEFA;
}

```

**default**

```
<default>John</default>

```

**title**

```
<title source="name">
 <default>{{PAGENAME}}</default>
</title>

```

**image**

```
<image source="image" />

```

**alt**

```
<image source="image">
  <alt source="alternative_title">
  <default>Default alt text</default>
  </alt>
</image>

```

**caption**

```
 <image source="image">
  <caption source="caption">
   <default>Default alt text</default>
  </caption>
 </image>

```

**panel gallery**

```
 <panel>
  <section>
   <label>Image 1</label><data source="image1"></data>
  </section>
  <section>
   <label>Image 2</label><data source="image2"></data>
  </section>
  <section>
   <label>Image 3</label><data source="image3"></data>
  </section>
 </panel>

```

**label**

```
<label>First name</label>

```

**data**

```
<data source="name">
 <label>First name</label>
 <default>John</default>
</data>

```

**group**

```
<group>
 <header>Group name</header>
 <data source="value1" />
</group>

```

**data in columns**

```
<group layout="horizontal">
   <header> </header>
   <data source="column left"><label>Column Left</label></data>
   <data source="column right"><label>Column Right</label></data>
</group>

<group row-items="2">
   <header> </header>
   <data source="column left"><label>Column Left</label></data>
   <data source="column right"><label>Column Right</label></data>
</group>

```

**display empty cells**

```
<group layout="horizontal" show="incomplete">
   <header> </header>
   <data source="column left"><label>Column Left</label></data>
   <data source="column right"><label>Column Right</label></data>
</group>

<group row-items="2" show="incomplete">
   <header> </header>
   <data source="column left"><label>Column Left</label></data>
   <data source="column right"><label>Column Right</label></data>
</group>

```

**collapse**

```
<group collapse="closed">
  <header>Appearances</header>
  <data source="films" />
  <data source="comics" />
</group>

```

**navigation**

```
<navigation>[[Links]]</navigation>

```