From Rules

Extension

Here I'm going to explain you how to use some extension of this Wiki.

TxTCard

This simple extension permits user to write link to the Gatherer website in a simple way.

It also provide a preview of the card if you just pass your mouse over the link.

Usage :


 <c>Name of the Card</c>

For example if you want to have Llanowar Elves to be linked, you simply have to write <c>Llanowar Elves</c>

The result would be Llanowar Elves.

This is pretty simple right?

You only have to know a few rules :

- Name of the card has to be English

- If you want to link a split card you have to use the following: first name // second name

Example: If you want to link Life // Death : <c>Life // Death</c>

Here the result : Life // Death

The preview image that is displayed is always the latest version of the card.

Some Examples:
Berserk
Wild Nacatl
Nevinyrral's Disk
Sekki, Seasons' Guide
Fire // Ice
Akki Lavarunner // Tok-Tok, Volcano Born
Sasaya, Orochi Ascendant // Sasaya's Essence

TxTImg

This extension is usefull for showing images of the cards.

Usage :
Simple mode with gatherer images :
(note that portal card are not linked) <im>Name of the Card</im>

Simple mode with external link :
<im link=http://yourlinkgoeshere.com/images.jpg />

Align mode (usable only with external images, if you use frame mode you can also have gatherer image to be aligned) :
options = right/center/left
<im align=options >Name of the Card</im> <im align=options link=http://yourlinkgoeshere.com/images.jpg />

Frame mode (usable in both gatherer or external link mode):
Pay attention: this would be aligned to right if not specified with the align mode.
You can also have this mode to have an option called did for having a caption under the Image (Take care, you can only use plain text, not link or other code).
<im frame=yes >Name of the Card</im> <im frame=yes link=http://yourlinkgoeshere.com/images.jpg /> <im frame=yes did="You can put here some comment">Name of the Card</im> <im frame=yes did="You can put here some comment" link=http://yourlinkgoeshere.com/images.jpg />

Zoom mode (work only with external images).
The default zoom, if it is not set, is 50%.
<im perc=numberofpercentageofzoom link=http://yourlinkgoeshere.com/images.jpg />

For example if you want to have the image of Llanowar Elves , you simply have to write <im>Llanowar Elves</im> <im frame=yes did="Llanowar Elves">Llanowar Elves</im>

Llanowar Elves

The result would be:

<im link=http://rules.italianmagicjudges.net/wiki/images/Wrath1.jpg /> <im link=http://rules.italianmagicjudges.net/wiki/images/Wrath1.jpg perc=20 /> <im link=http://rules.italianmagicjudges.net/wiki/images/Wrath1.jpg perc=70 />

The reults this time would be:

Multilang

This Addon is a Modification of Multilang extension for Mediawiki, and is developed by Gri6507.

We would thanks him for let us use his extension.

In order to provide/update a translation for any article, follow this quick guide.

log into the wiki
browse to that article
click on the Edit button on the top of the article
add the following block of code

 <language lang=en>the english stuff goes here</language>
 <language lang=it>the italian stuff goes here</language>
 <language lang=fr>the french stuff goes here</language>
 etc...
 <multilang/>

Click on the Save button

It's as simple as that!

Template

Here you can find some usefull template for writing in this Wiki.

Example

Usage:


{{Example
|
Card=name of the card
|
Text=text of the example
}}

example :


{{Example
|
Card=Berserk
|
Text=This is an Example for <c>Berserk</c>!
}}

Example. This is an Example for Berserk!

Berserk

Example2

Usage:


{{Example2
|
Card=name of the card
|
Card2=name of the second card
|
Text=text of the example
}}

example :


{{Example2
|
Card=Berserk
|
Card2=Ball Lightning
|
Text=This is an Example for <c>Berserk</c> and <c>Ball Lightning</c>!
}}

{{Example2
|
Card=Basking Rootwalla
|
Set=35072
|
Card2=Basking Rootwalla
|
Text=Two printed versions of <c>Basking Rootwalla</c> exist, the only difference being that the oldest one talks about "playing" the pump ability and the newer one talks about "activating" it. Of course, Oracle text is the most recent one.
}}

Example. This is an Example for Berserk and Ball Lightning!

Ball Lightning

Berserk

Example. Two printed versions of Basking Rootwalla exist, the only difference being that the oldest one talks about "playing" the pump ability and the newer one talks about "activating" it. Of course, Oracle text is the most recent one.

Basking Rootwalla

Note


{{Note
|
Text=Example of note.
Example of note.
Example of note.

Example of note.
Example of note.
Example of note.
}}

Note: Example of note.
Example of note. Example of note.

Example of note. Example of note. Example of note.

Up-to

lcat

This template is usefull to automatically put a page into a Category and create link to the Main page of the Category and to the following and/or preceding pages.

Usage :


 {{lcat|Name of Category|prev=Previous page or nothing|next=Next page or nothing}}

sx

This template help us to align images on the left of the screen or of an element.

Usage :


 {{sx|your images}}

Obviusly you can use this template with TxTImg extension.

Here you find some examples.


 <im frame=yes align=left did="Meddling Mage">Meddling Mage</im>
{{sx|<im frame=yes align=left did="Isochron Scepter">Isochron Scepter</im>}}

You type

You get

<im frame=yes align=left did="Meddling Mage">Meddling Mage</im>
{{sx|<im frame=yes align=left did="Isochron Scepter">Isochron Scepter</im>}}

Meddling Mage

Isochron Scepter

NOTE: You have to put first the image you would display leftmost.

The exact same things appens with 3 or more images.


 <im link=http://rules.italianmagicjudges.net/wiki/images/Mountain_an.jpg frame=yes align=left did="A Mountain from Arabian Night"/>
{{sx|<im link=http://rules.italianmagicjudges.net/wiki/images/Mountain_sha.jpg frame=yes align=left did="A Mountain from Shadowmoor" />}}
{{sx|<im link=http://rules.italianmagicjudges.net/wiki/images/City_in_a_bottle.jpg frame=yes align=left did="City in a Bottle" />}}

You type

You get

<im link=http://rules.italianmagicjudges.net/wiki/images/Mountain_an.jpg 
frame=yes align=left did="A Mountain from Arabian Night"/>
{{sx|<im link=http://rules.italianmagicjudges.net/wiki/images/Mountain_sha.jpg 
frame=yes align=left did="A Mountain from Shadowmoor" />}}
{{sx|<im link=http://rules.italianmagicjudges.net/wiki/images/City_in_a_bottle.jpg 
frame=yes align=left did="City in a Bottle" />}}

A Mountain from Arabian Night

A Mountain from Shadowmoor

City in a Bottle

dx

This template help us to align images on the right of the screen or of an element.

Usage :


 {{dx|your images}}

Obviusly you can use this template with TxTImg extension.

Here you find some examples.


 <im frame=yes align=right did="Meddling Mage">Meddling Mage</im>
{{dx|<im frame=yes did="Isochron Scepter">Isochron Scepter</im>}}

You type

You get

<im frame=yes align=right did="Meddling Mage">Meddling Mage</im>
{{dx|<im frame=yes did="Isochron Scepter">Isochron Scepter</im>}}

Meddling Mage

Isochron Scepter

NOTE: You have to put first the image you would display rightmost.

The exact same things appens with 3 or more images.


 <im link=http://rules.italianmagicjudges.net/wiki/images/Mountain_an.jpg frame=yes align=right did="A Mountain from Arabian Night"/>
{{dx|<im link=http://rules.italianmagicjudges.net/wiki/images/Mountain_sha.jpg frame=yes align=right did="A Mountain from Shadowmoor" />}}
{{dx|<im link=http://rules.italianmagicjudges.net/wiki/images/City_in_a_bottle.jpg frame=yes align=right did="City in a Bottle" />}}

You type

You get

<im link=http://rules.italianmagicjudges.net/wiki/images/Mountain_an.jpg 
frame=yes align=right did="A Mountain from Arabian Night"/>
{{dx|<im link=http://rules.italianmagicjudges.net/wiki/images/Mountain_sha.jpg 
frame=yes align=right did="A Mountain from Shadowmoor" />}}
{{dx|<im link=http://rules.italianmagicjudges.net/wiki/images/City_in_a_bottle.jpg 
frame=yes align=right did="City in a Bottle" />}}

A Mountain from Arabian Night

A Mountain from Shadowmoor

City in a Bottle

Mana & Other Symbols

When you edit an article at the end of the page you find a table with some special characters and symbols.

It includes also mana and special Magic: The Gathering symbols.

Mana Symbols

You type

You get

{{w}}{{u}}{{b}}{{r}}{{g}} 

{{0}}{{1}}{{2}}{{3}}{{4}}{{5}}{{6}}{{7}}{{8}}{{9}}

{{10}}{{11}}{{12}}{{13}}{{14}}{{15}}{{16}}{{17}}{{18}}{{19}}{{20}}

{{x}}{{y}} 

{{s}}

{{wu}}{{wr}}{{wg}}{{wb}}{{ur}}{{ug}}{{ub}}{{rg}}{{rb}}{{gb}}

{{2w}}{{2u}}{{2b}}{{2r}}{{2g}}

{{wp}}{{up}}{{bp}}{{rp}}{{gp}}

File:Wp.png File:Up.png File:Bp.png File:Rp.png File:Gp.png

Other Magic Symbols

You type	You get
{{t}}{{un}}

Other

This part would include some usefull information about this Wiki.

Banner

The Banner of this wiki can be modified by editing the page at MediaWiki:Sitenotice.

Upgrading

For upgrading this Wiki you have to follow the official rules you find here.

Modify Monobook css

In addition to this, for using TxTImg extension you have to modify monobook css.

The file you have to modify is main.css and you can find it in /skins/monobook/

Find :


/*
** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
** Copyright Gabriel Wicke - http://wikidev.net/
** License: GPL (http://www.gnu.org/copyleft/gpl.html)
**
** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
** Michael Zeltner and Geir Bækholt)
** All you guys rock :)
*/

#column-content {
	width: 100%;
	float: right;
	margin: 0 0 .6em -12.2em;
	padding: 0;
}
#content {
	margin: 2.8em 0 0 12.2em;
	padding: 0 1em 1em 1em;
	position: relative;
	/*z-index: 2; MODIFIED PART */
}
#column-one {
	padding-top: 160px;
}
#content {
	background: white;
	color: black;
	border: 1px solid #aaa;
	border-right: none;
	line-height: 1.5em;
}
/* the left column width is specified in class .portlet */

/* Font size:
** We take advantage of keyword scaling- browsers won't go below 9px
** More at http://www.w3.org/2003/07/30-font-size
** http://style.cleverchimp.com/font_size_intervals/altintervals.html
*/

body {
	font: x-small sans-serif;
	background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
	color: black;
	margin: 0;
	padding: 0;
}

/* scale back up to a sane default */
#globalWrapper {
	font-size: 127%;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* general styles */

table {
	font-size: 100%;
	color: black;
	/* we don't want the bottom borders of <h2>s to be visible through
	   floated tables */
	background-color: white;
}
fieldset table {
	/* but keep table layouts in forms clean... */
	background: none;
}
a {
	text-decoration: none;
	color: #002bb8;
	background: none;
}
a:visited {
	color: #5a3696;
}
a:active {
	color: #faa700;
}
a:hover {
	text-decoration: underline;
}
a.stub {
	color: #772233;
}
a.new, #p-personal a.new {
	color: #ba0000;
}
a.new:visited, #p-personal a.new:visited {
	color: #a55858;
}

img {
	border: none;
	vertical-align: middle;
}
p {
	margin: .4em 0 .5em 0;
	line-height: 1.5em;
}
p img {
	margin: 0;
}

hr {
	height: 1px;
	color: #aaa;
	background-color: #aaa;
	border: 0;
	margin: .2em 0 .2em 0;
}

h1, h2, h3, h4, h5, h6 {
	color: black;
	background: none;
	font-weight: normal;
	margin: 0;
	padding-top: .5em;
	padding-bottom: .17em;
	border-bottom: 1px solid #aaa;
}
h1 { font-size: 188%; }
h1 .editsection { font-size: 53%; }
h2 { font-size: 150%; }
h2 .editsection { font-size: 67%; }
h3, h4, h5, h6 {
	border-bottom: none;
	font-weight: bold;
}
h3 { font-size: 132%; }
h3 .editsection { font-size: 76%; font-weight: normal; }
h4 { font-size: 116%; }
h4 .editsection { font-size: 86%; font-weight: normal; }
h5 { font-size: 100%; }
h5 .editsection { font-weight: normal; }
h6 { font-size: 80%;  }
h6 .editsection { font-size: 125%; font-weight: normal; }

ul {
	line-height: 1.5em;
	list-style-type: square;
	margin: .3em 0 0 1.5em;
	padding: 0;
	list-style-image: url(bullet.gif);
}
ol {
	line-height: 1.5em;
	margin: .3em 0 0 3.2em;
	padding: 0;
	list-style-image: none;
}
li {
	margin-bottom: .1em;
}
dt {
	font-weight: bold;
	margin-bottom: .1em;
}
dl {
	margin-top: .2em;
	margin-bottom: .5em;
}
dd {
	line-height: 1.5em;
	margin-left: 2em;
	margin-bottom: .1em;
}

fieldset {
	border: 1px solid #2f6fab;
	margin: 1em 0 1em 0;
	padding: 0 1em 1em;
	line-height: 1.5em;
}
fieldset.nested {
	margin: 0 0 0.5em 0;
	padding: 0 0.5em 0.5em;
}
legend {
	padding: .5em;
	font-size: 95%;
}
form {
	border: none;
	margin: 0;
}

textarea {
	width: 100%;
	padding: .1em;
}

input.historysubmit {
	padding: 0 .3em .3em .3em !important;
	font-size: 94%;
	cursor: pointer;
	height: 1.7em !important;
	margin-left: 1.6em;
}
select {
	vertical-align: top;
}
abbr, acronym, .explain {
	border-bottom: 1px dotted black;
	color: black;
	background: none;
	cursor: help;
}
q {
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
}
/* disabled for now
blockquote {
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
}*/
code {
	background-color: #f9f9f9;
}
pre {
	padding: 1em;
	border: 1px dashed #2f6fab;
	color: black;
	background-color: #f9f9f9;
	line-height: 1.1em;
}

/*
** the main content area
*/

#siteSub {
	display: none;
}
#jump-to-nav {
	display: none;
}

#contentSub, #contentSub2 {
	font-size: 84%;
	line-height: 1.2em;
	margin: 0 0 1.4em 1em;
	color: #7d7d7d;
	width: auto;
}
span.subpages {
	display: block;
}

/* Some space under the headers in the content area */
#bodyContent h1, #bodyContent h2 {
	margin-bottom: .6em;
}
#bodyContent h3, #bodyContent h4, #bodyContent h5 {
	margin-bottom: .3em;
}
#firstHeading {
	margin-bottom: .1em;
	/* These two rules hack around bug 2013 (fix for more limited bug 11325).
	   When bug 2013 is fixed properly, they should be removed. */
	line-height: 1.2em;
	padding-bottom: 0;
}

/* user notification thing */
.usermessage {
	background-color: #ffce7b;
	border: 1px solid #ffa500;
	color: black;
	font-weight: bold;
	margin: 2em 0 1em;
	padding: .5em 1em;
	vertical-align: middle;
}
#siteNotice {
	text-align: center;
	font-size: 95%;
	padding: 0 0.9em;
}
#siteNotice p {
	margin: 0;
	padding: 0;
}

.catlinks {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 5px;
	margin-top: 1em;
	clear: both;
}
/* currently unused, intended to be used by a metadata box
in the bottom-right corner of the content area */
.documentDescription {
	/* The summary text describing the document */
	font-weight: bold;
	display: block;
	margin: 1em 0;
	line-height: 1.5em;
}
.documentByLine {
	text-align: right;
	font-size: 90%;
	clear: both;
	font-weight: normal;
	color: #76797c;
}

/* emulate center */
.center {
	width: 100%;
	text-align: center;
}
*.center * {
	margin-left: auto;
	margin-right: auto;
}
/* small for tables and similar */
.small, .small * {
	font-size: 94%;
}
table.small {
	font-size: 100%;
}

/*
** content styles
*/

#toc,
.toc,
.mw-warning {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 5px;
	font-size: 95%;
}
#toc h2,
.toc h2 {
	display: inline;
	border: none;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
	text-align: center;
}
#toc ul,
.toc ul {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
	padding-left: 0;
	text-align: left;
}
#toc ul ul,
.toc ul ul {
	margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
	font-size: 94%;
}

.mw-warning {
	margin-left: 50px;
	margin-right: 50px;
	text-align: center;
}

/* images */
div.floatright, table.floatright {
	clear: right;
	float: right;
	position: relative;
	margin: 0 0 .5em .5em;
	border: 0;
/*
	border: .5em solid white;
	border-width: .5em 0 .8em 1.4em;
*/
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
	float: left;
	clear: left;
	position: relative;
	margin: 0 .5em .5em 0;
	border: 0;
/*
	margin: .3em .5em .5em 0;
	border: .5em solid white;
	border-width: .5em 1.4em .8em 0;
*/
}
div.floatleft p { font-style: italic; }
/* thumbnails */
div.thumb {
	margin-bottom: .5em;
	/*border-style: solid;
	border-color: white;*/
	width: auto;
}
div.thumbinner {
	border: 1px solid #ccc;
	padding: 3px !important;
	background-color: #f9f9f9;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}
html .thumbimage {
	border: 1px solid #ccc;
}
html .thumbcaption {
	border: none;
	text-align: left;
	line-height: 1.4em;
	padding: 3px !important;
	font-size: 94%;
}
div.magnify {
	float: right;
	border: none !important;
	background: none !important;
}
div.magnify a, div.magnify img {
	display: block;
	border: none !important;
	background: none !important;
}
div.tright {
	clear: right;
	float: right;
	border-width: .5em 0 .8em 1.4em;
}
div.tleft {
	float: left;
	clear: left;
	margin-right: .5em;
	border-width: .5em 1.4em .8em 0;
}
img.thumbborder {
	border: 1px solid #dddddd;
}
.hiddenStructure {
	display: none;
}

/*
** classes for special content elements like town boxes
** intended to be referenced directly from the wiki src
*/

/*
** User styles
*/
/* table standards */
table.rimage {
	float: right;
	position: relative;
	margin-left: 1em;
	margin-bottom: 1em;
	text-align: center;
}
.toccolours {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 5px;
	font-size: 95%;
}

/*
** edit views etc
*/
.special li {
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
#bodyContent a.external,
#bodyContent a.external[href ^="gopher://"] {
	background: url(external.png) center right no-repeat;
	padding: 0 13px;
}
.rtl #bodyContent a.external,
.rtl #bodyContent a.external[href ^="gopher://"] {
	background-image: url(external-rtl.png);
}
#bodyContent a.external[href ^="https://"],
.link-https {
	background: url(lock_icon.gif) center right no-repeat;
	padding: 0 16px;
}
#bodyContent a.external[href ^="mailto:"],
.link-mailto {
	background: url(mail_icon.gif) center right no-repeat;
	padding: 0 18px;
}
#bodyContent a.external[href ^="news://"] {
	background: url(news_icon.png) center right no-repeat;
	padding: 0 18px;
}
#bodyContent a.external[href ^="ftp://"],
.link-ftp {
	background: url(file_icon.gif) center right no-repeat;
	padding: 0 18px;
}
#bodyContent a.external[href ^="irc://"],
.link-irc {
	background: url(discussionitem_icon.gif) center right no-repeat;
	padding: 0 18px;
}
#bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
#bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
#bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
#bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
#bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
#bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
.link-audio {
	background: url("audio.png") center right no-repeat;
	padding: 0 13px;
}
#bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
#bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
#bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
#bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
.link-video {
	background: url("video.png") center right no-repeat;
	padding: 0 13px;
}
#bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
#bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
#bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
.link-document {
	background: url("document.png") center right no-repeat;
	padding: 0 12px;
}

/* for rtl wikis */
.rtl #bodyContent a.external {
	background-position: left;
	padding-right: 0;
}
.rtl a.feedlink {
	background-position: right;
	padding-right: 16px;
	padding-left: 0;
}

/* correction for ltr wikis */
.ltr #bodyContent a.external {
	padding-left: 0;
}

/* disable interwiki styling */
#bodyContent a.extiw,
#bodyContent a.extiw:active {
	color: #36b;
}
#bodyContent a.external {
	color: #36b;
}
/*
** Structural Elements
*/

/*
** general portlet styles (elements in the quickbar)
*/
.portlet {
	border: none;
	margin: 0 0 .5em;
	padding: 0;
	float: none;
	width: 11.6em;
	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;
	text-transform: lowercase;
	font-size: 91%;
	font-weight: normal;
	white-space: nowrap;
}
.portlet h6 {
	background: #ffae2e;
	border: 1px solid #2f6fab;
	border-style: solid solid none solid;
	padding: 0 1em 0 1em;
	text-transform: lowercase;
	display: block;
	font-size: 1em;
	height: 1.2em;
	font-weight: normal;
	white-space: nowrap;
}
.pBody {
	font-size: 95%;
	background-color: white;
	color: black;
	border-collapse: collapse;
	border: 1px solid #aaa;
	padding: 0 .8em .3em .5em;
}
.portlet h1,
.portlet h2,
.portlet h3,
.portlet h4 {
	margin: 0;
	padding: 0;
}
.portlet ul {
	line-height: 1.5em;
	list-style-type: square;
	list-style-image: url(bullet.gif);
	font-size: 95%;
}
.portlet li {
	padding: 0;
	margin: 0;
}

/*
** Logo properties
*/

#p-logo {
	top: 0;
	left: 0;
	position: absolute; /*needed to use z-index */
	z-index: 3;
	height: 155px;
	width: 12em;
	overflow: visible;
}
#p-logo h5 {
	display: none;
}
#p-logo a,
#p-logo a:hover {
	display: block;
	height: 155px;
	width: 12.2em;
	background-repeat: no-repeat;
	background-position: 35% 50% !important;
	text-decoration: none;
}

/*
** Search portlet
*/
#p-search {
	position: relative;
	/*z-index: 3; MODIFIED PART*/
}
input.searchButton {
	margin-top: 1px;
	font-size: 95%;
}
#searchGoButton {
	padding-left: .5em;
	padding-right: .5em;
	font-weight: bold;
}
#searchInput {
	width: 10.9em;
	margin: 0;
	font-size: 95%;
}
#p-search .pBody {
	padding: .5em .4em .4em .4em;
	text-align: center;
}
#p-search #searchform div div {
	margin-top: .4em;
	font-size: 95%;
}
/*
** the personal toolbar
*/
#p-personal {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
#p-personal {
	width: 100%;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	overflow: visible;
	line-height: 1.2em;
}
#p-personal h5 {
	display: none;
}
#p-personal .portlet,
#p-personal .pBody {
	z-index: 0;
	padding: 0;
	margin: 0;
	border: none;
	overflow: visible;
	background: none;
}
/* this is the ul contained in the portlet */
#p-personal ul {
	border: none;
	line-height: 1.4em;
	color: #2f6fab;
	padding: 0 2em 0 3em;
	margin: 0;
	text-align: right;
	list-style: none;
	z-index: 0;
	background: none;
	cursor: default;
}
#p-personal li {
	z-index: 0;
	border: none;
	padding: 0;
	display: inline;
	color: #2f6fab;
	margin-left: 1em;
	line-height: 1.2em;
	background: none;
}
#p-personal li a {
	text-decoration: none;
	color: #005896;
	padding-bottom: .2em;
	background: none;
}
#p-personal li a:hover {
	background-color: white;
	padding-bottom: .2em;
	text-decoration: none;
}
#p-personal li.active a:hover {
	background-color: transparent;
}
/* the icon in front of the user name, single quotes
in bg url to hide it from iemac */
li#pt-userpage,
li#pt-anonuserpage,
li#pt-login {
	background: url(user.gif) top left no-repeat;
	padding-left: 20px;
	text-transform: none;
}
#p-personal ul {
	text-transform: lowercase;
}
#p-personal li.active {
	font-weight: bold;
}
/*
** the page-related actions- page/talk, edit etc
*/
#p-cactions {
	position: absolute;
	top: 1.3em;
	left: 11.5em;
	margin: 0;
	white-space: nowrap;
	width: 76%;
	line-height: 1.1em;
	overflow: visible;
	background: none;
	border-collapse: collapse;
	padding-left: 1em;
	list-style: none;
	font-size: 95%;
}
#p-cactions ul {
	list-style: none;
}
#p-cactions li {
	display: inline;
	border: 1px solid #aaa;
	border-bottom: none;
	padding: 0 0 .1em 0;
	margin: 0 .3em 0 0;
	overflow: visible;
	background: white;
}
#p-cactions li.selected {
	border-color: #fabd23;
	padding: 0 0 .2em 0;
	font-weight: bold;
}
#p-cactions li a {
	background-color: #fbfbfb;
	color: #002bb8;
	border: none;
	padding: 0 .8em .3em;
	position: relative;
	z-index: 0;
	margin: 0;
	text-decoration: none;
}
#p-cactions li.selected a {
	z-index: 3;
	padding: 0 1em .2em!important;
	background-color: white;
}
#p-cactions .new a {
	color: #ba0000;
}
#p-cactions li a:hover {
	z-index: 3;
	text-decoration: none;
	background-color: white;
}
#p-cactions h5 {
	display: none;
}
#p-cactions li.istalk {
	margin-right: 0;
}
#p-cactions li.istalk a {
	padding-right: .5em;
}
#p-cactions #ca-addsection a {
	padding-left: .4em;
	padding-right: .4em;
}
/* offsets to distinguish the tab groups */
li#ca-talk {
	margin-right: 1.6em;
}
li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
	margin-left: 1.6em;
}
#p-cactions .pBody {
	font-size: 1em;
	background-color: transparent;
	color: inherit;
	border-collapse: inherit;
	border: 0;
	padding: 0;
}
#p-cactions .hiddenStructure {
	display: none;
}
#p-cactions li a {
	text-transform: lowercase;
}

#p-lang {
	position: relative;
	z-index: 3;
}

/* Override text-transform on languages where capitalization is significant */
.capitalize-all-nouns .portlet h5,
.capitalize-all-nouns .portlet h6,
.capitalize-all-nouns #p-personal ul,
.capitalize-all-nouns #p-cactions ul li a {
	text-transform: none;
}

/* TODO: #t-iscite is only used by the Cite extension, come up with some
 * system which allows extensions to add to this file on the fly
 */
#t-ispermalink, #t-iscite {
	color: #999;
}
/*
** footer
*/
#footer {
	background-color: white;
	border-top: 1px solid #fabd23;
	border-bottom: 1px solid #fabd23;
	margin: .6em 0 1em 0;
	padding: .4em 0 1.2em 0;
	text-align: center;
	font-size: 90%;
}
#footer li {
	display: inline;
	margin: 0 1.3em;
}
#f-poweredbyico, #f-copyrightico {
	margin: 0 8px;
	position: relative;
	top: -2px; /* Bump it up just a tad */
}
#f-poweredbyico {
	float: right;
	height: 1%;
}
#f-copyrightico {
	float: left;
	height: 1%;
}

.mw-htmlform-submit {
	font-weight: bold;
	padding-left: .3em;
	padding-right: .3em;
	margin-right: 2em;
}

/* js pref toc */
#preftoc {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}
#preftoc li {
	background-color: #f0f0f0;
	color: #000;
}
#preftoc li {
	margin: 1px -2px 1px 2px;
	float: left;
	padding: 2px 0 3px 0;
	border: 1px solid #fff;
	border-right-color: #716f64;
	border-bottom: 0;
	position: relative;
	white-space: nowrap;
	list-style-type: none;
	list-style-image: none;
	z-index: 3;
}
#preftoc li.selected {
	font-weight: bold;
	background-color: #f9f9f9;
	border: 1px solid #aaa;
	border-bottom: none;
	cursor: default;
	top: 1px;
	padding-top: 2px;
	margin-right: -3px;
}
#preftoc > li.selected {
	top: 2px;
}
#preftoc a,
#preftoc a:active {
	display: block;
	color: #000;
	padding: 0 .7em;
	position: relative;
	text-decoration: none;
}
#preftoc li.selected a {
	cursor: default;
	text-decoration: none;
}
#preferences {
	margin: 0;
	border: 1px solid #aaa;
	clear: both;
	padding: 1.5em;
	background-color: #F9F9F9;
}
.prefsection {
	border: none;
	padding: 0;
	margin: 0;
}

.prefsection legend {
	font-weight: bold;   
}
.prefsection table, .prefsection legend {
	background-color: #F9F9F9;
}
.mainLegend {
	display: none;
}
td.htmlform-tip {
	font-size: x-small;
	padding: .2em 2em;
	color: #666;
}

.preferences-login {
	clear: both;
	margin-bottom: 1.5em;
}

.prefcache {
	font-size: 90%;
	margin-top: 2em;
}

div#userloginForm form,
div#userlogin form#userlogin2 {
	margin: 0 3em 1em 0;
	border: 1px solid #aaa;
	clear: both;
	padding: 1.5em 2em;
	background-color: #f9f9f9;
	float: left;
}
.rtl div#userloginForm form,
.rtl div#userlogin form#userlogin2 {
	float: right;
}

div#userloginForm table,
div#userlogin form#userlogin2 table {
	background-color: #f9f9f9;
}

div#userloginForm h2,
div#userlogin form#userlogin2 h2 {
	padding-top: 0;
}

div#userlogin .captcha,
div#userloginForm .captcha {
	border: 1px solid #bbb;
	padding: 1.5em 2em;
	background-color: white;
}

#loginend, #signupend {
	clear: both;
}

#userloginprompt, #languagelinks {
	font-size: 85%;
}

#login-sectiontip {
	font-size: 85%;
	line-height: 1.2;
	padding-top: 2em;
}

#userlogin .loginText, #userlogin .loginPassword {
	width: 12em;
}

#userloginlink a, #wpLoginattempt, #wpCreateaccount {
	font-weight: bold;
}

/*
** IE/Mac fixes, hope to find a validating way to move this
** to a separate stylesheet. This would work but doesn't validate:
** @import("IEMacFixes.css");
*/
/* tabs: border on the a, not the div */
* > html #p-cactions li { border: none; }
* > html #p-cactions li a {
	border: 1px solid #aaa;
	border-bottom: none;
}
* > html #p-cactions li.selected a { border-color: #fabd23; }
/* footer icons need a fixed width */
* > html #f-poweredbyico,
* > html #f-copyrightico { width: 88px; }
* > html #bodyContent,
* > html #bodyContent pre {
	overflow-x: auto;
	width: 100%;
	padding-bottom: 25px;
}

/* more IE fixes */
/* float/negative margin brokenness */
* html #footer {margin-top: 0;}
* html #column-content {
	display: inline;
	margin-bottom: 0;
}
* html div.editsection { font-size: smaller; }
#pagehistory li.selected { position: relative; }

/* Mac IE 5.0 fix; floated content turns invisible */
* > html #column-content {
	float: none;
}
* > html #column-one {
	position: absolute;
	left: 0;
	top: 0;
}
* > html #footer {
	margin-left: 13.2em;
}
.redirectText {
	font-size: 150%;
	margin: 5px;
}

.printfooter {
	display: none;
}


div.patrollink {
	clear: both;
}

.sharedUploadNotice {
	font-style: italic;
}

span.updatedmarker {
	color: black;
	background-color: #0f0;
}

.previewnote {
	color: #c00;
	margin-bottom: 1em;
}

.previewnote p {
	text-indent: 3em;
	margin: 0.8em 0;
}

.editExternally {
	border: 1px solid gray;
	background-color: #ffffff;
	padding: 3px;
	margin-top: 0.5em;
	float: left;
	font-size: small;
	text-align: center;
}
.editExternallyHelp {
	font-style: italic;
	color: gray;
}

.toggle {
	margin-left: 2em;
	text-indent: -2em;
}

input#wpSummary {
	width: 80%;
}

/* @bug 1714 */
input#wpSave, input#wpDiff {
	margin-right: 0.33em;
}

#wpSave {
	font-weight: bold;
}

/* Classes for article validation */

table.revisionform_default {
	border: 1px solid #000000;
}

table.revisionform_focus {
	border: 1px solid #000000;
	background-color:#00BBFF;
}

tr.revision_tr_default {
	background-color:#EEEEEE;
}

tr.revision_tr_first {
	background-color:#DDDDDD;
}

p.revision_saved {
	color: green;
	font-weight:bold;
}

/* noarticletext */
div.noarticletext {
	border: 1px solid #ccc;
	background: #fff;
	padding: .2em 1em;
	color: #000;
}

div#searchTargetContainer {
	left:       10px;
	top:        10px;
	width:      90%;
	background: white;
}

div#searchTarget {
	padding:    3px;
	margin:     5px;
	background: #F0F0F0;
	border:     solid 1px blue;
}

div#searchTarget ul li {
	list-style: none;
}

div#searchTarget ul li:before {
	color: orange;
	content: "\00BB \0020";
}

div#searchTargetHide {
	float:right;
	border:solid 1px black;
	background:#DCDCDC;
	padding:2px;
}

#powersearch p {
	margin-top:0px;
}

div.multipageimagenavbox {
   border: solid 1px silver;
   padding: 4px;
   margin: 1em;
   background: #f0f0f0;
}

div.multipageimagenavbox div.thumb {
   border: none;
   margin-left: 2em;
   margin-right: 2em;
}

div.multipageimagenavbox hr {
   margin: 6px;
}

table.multipageimage td {
   text-align: center;
}

.templatesUsed { margin-top: 1.5em; }

.mw-summary-preview {
	margin: 0.1em 0;
}

/* Friendlier slave lag warnings */
div.mw-lag-warn-normal,
div.mw-lag-warn-high {
	padding: 3px;
	text-align: center;
	margin: 3px auto;
}
div.mw-lag-warn-normal {
	border: 1px solid #FFCC66;
	background-color: #FFFFCC;
}
div.mw-lag-warn-high {
	font-weight: bold;
	border: 2px solid #FF0033;
	background-color: #FFCCCC;
}

.MediaTransformError {
	background-color: #ccc;
	padding: 0.1em;
}
.MediaTransformError td {
	text-align: center;
	vertical-align: middle;
	font-size: 90%;
}

/* God-damned hack for the crappy layout */
.os-suggest {
	font-size: 127%;
}

/* Sometimes people don't want personal tools to be lowercase! */
.no-text-transform {
	text-transform: none;
}

Modify Wiki Css

NOTE: this is not to do unless for some reason data are deleted from database.

Go to this page : index.php/MediaWiki:Common.css

At the end of file add :


 /* magic */
.cardImageHover {
	display:block;
	/*width:175px; 
	height:243px;*/
}

/* ************************ */
/* IMPORTANT PART FOR TOOLTIP!!!  */
/* ************************ */

/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}
/*Footnotes*/
/* floating footnote div */
#footnotediv {
	position:absolute;
	width:400px;
	overflow:visible;
}
#footnotediv div {
	background-color:white;
	padding:3px;
	padding-left:12px;
	padding-right:12px;
	border:1px solid #CDBBB5;
	box-shadow:#555 0 0 10px;
	-webkit-box-shadow:#555 0 0 10px;
	-moz-box-shadow:0 0 10px #555;
}
a.footnotebacklink {
	border-bottom:none;
}
a.footnotebacklink img {
	margin:0;
	padding:0;
	border:0;
}

.picturelink {
	font-size:12px;
	font-style:italic;
}

/**************************/
/* Fine Footnotes */

/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}
.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}
.prototip .content{clear:both;}
.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px; 
display:block;line-height:0;font-size:0;border:0;cursor:pointer;}
.prototip .tooltip{clear:both;float:left;}
.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}
.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}
.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}
.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}
.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}
.prototip_Corner{float:left;position:relative;}
.prototip canvas{position:relative;float:left;}
.prototip_CornerTr,.prototip_CornerBr{float:right;}
.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}
.prototip .borderMiddle{position:relative;float:left;}
.prototip .borderCenter{position:relative;float:left;height:100%;}
.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}
.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}
.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}
.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ 
.prototip .clearfix{display:block;}/* IE Mac Hide End */

/**************************/
/* End of TOOLTIP */

Help:For This Wiki

Contents

Extension

TxTCard

TxTImg

Multilang

Template

Example

Example2

Note

Up-to

lcat

sx

dx

Mana & Other Symbols

Mana Symbols

Other Magic Symbols

Other

Banner

Upgrading

Modify Monobook css

Modify Wiki Css

Views

Personal tools

Navigation

Search

Toolbox