Main Page: Difference between revisions

From Wizards and Warlords
Jump to navigation Jump to search
← Older edit
undoAurelian (talk | contribs)
Bureaucrats, Interface administrators, Administrators
1,509 edits
No edit summary
Tag: Reverted
No edit summary
 
(30 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/*
__NOTOC__
* Wizards & Warlords Vector skin overrides.
<div class="page-banner">
* Fresh base: center the wiki and align the content body with the top search.
<div class="page-banner-desktop">
*/
[[File:Wizlords_banner_singleline.png|1400px|center|frameless|link=]]
</div>
<div class="page-banner-mobile">
[[File:Wizlords_banner_nobg.png|center|frameless]]
</div>
</div>


:root {
<div class="wizlords-mainpage-left">
--wiz-page-width: 1360px;
<h2 class="center"><span class="mw-headline" id="Welcome_to_Wizlords">Welcome to Wizlords</span></h2>
--wiz-sidebar-width: 210px;
<p>Welcome to the Wizards and Warlords Wiki. This is the central reference point for the game, bringing together rules, setting information, event formats, and guides for new and returning players.</p>
--wiz-sidebar-content-gap: 0px;
<p>Use this page as a starting point for learning the game, building a character, exploring the world, and finding the right place to play.</p>
--wiz-page-gutter: 24px;
</div>
--wiz-content-width: calc(var(--wiz-page-width) - var(--wiz-sidebar-width) - var(--wiz-page-gutter));
--wiz-content-padding: 20px;
--wiz-content-background: #222;
--wiz-panel-background: rgba(15, 15, 15, 0.82);
--wiz-page-background: #111;
--wiz-content-border: #ff942d;
--wiz-text: #d2d2d2;
--wiz-link: #ff942d;
--wiz-heading: #e7e1d4;
}


html {
<div class="wizlords-mainpage-right">
background: var(--wiz-page-background);
<h2 class="center"><span class="mw-headline" id="What_is_LARP">What is LARP</span></h2>
}
<p>Live action roleplay is a game where players physically portray characters, take part in stories, and resolve battles using shared rules.</p>


body {
<ul class="wizlords-mainpage-whatislarp-list">
position: relative;
<li>[https://en.wikipedia.org/wiki/Live_action_role-playing_game What is LARP?] - Learn what Live Action Roleplay is and how it is played.</li>
width: min(100%, var(--wiz-page-width));
<li>[[Getting Started|Getting Started]] - Everything you need to know before attending your first game.</li>
margin: 0 auto;
<li>[[New Player Guide|New Player Guide]] - Download the complete beginner's guide, including insurance information.</li>
background: transparent;
</ul>
color: var(--wiz-text);
</div>
}


#mw-page-base,
<div class="wizlords-mainpage-clear"></div>
#mw-head-base,
#mw-head,
#mw-navigation {
background: var(--wiz-panel-background);
}


#mw-head {
<div class="wizlords-mainpage-left">
border-bottom: 1px solid var(--wiz-content-border);
<h2 class="center"><span class="mw-headline" id="Rules">Rules</span></h2>
}
<p>These are the combat rules you will need to learn to participate in our battle games and fights at events.</p>


#right-navigation {
<div class="wizlords-mainpage-items">
border-bottom: 0;
{{Image link
margin-right: var(--wiz-page-gutter);
|image=Sq_icon_wstl.png
}
|page=Safety Rules
|label=Safety Rules
}}


#left-navigation {
{{Image link
border-bottom: 0;
|image=Sq_icon_dgr.png
margin-left: calc(var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap));
|page=Combat & Damage
}
|label=Combat & Damage
}}


#p-personal {
{{Image link
right: var(--wiz-page-gutter);
|image=Sq_icon_bp.png
}
|page=Armour & Hit Points
|label=Armour & Hit Points
}}


#p-search {
{{Image link
margin-right: 0;
|image=Sq_icon_shld.png
}
|page=Weapons & Equipment
|label=Weapons & Equipment
}}
{{Image link
|image=Sq_icon_fire.png
|page=Spellcasting
|label=Spellcasting
}}
{{Image link
|image=Sq_icon_castle.png
|page=Terrain & Hazards
|label=Terrain & Hazards
}}
{{Image link
|image=Sq_icon_hlmt.png
|page=Game Special Rules
|label=Game Special Rules
}}
</div>
</div>


#mw-panel {
<div class="wizlords-mainpage-right">
width: var(--wiz-sidebar-width);
<h2 class="center"><span class="mw-headline" id="Character_Creation">Character Creation</span></h2>
background: transparent;
<p>Here is how to create a character in our game. Go through these links to learn how to create a character.</p>
color: var(--wiz-text);
}


#mw-panel .portal,
<div class="wizlords-mainpage-items">
#mw-panel .vector-menu-portal {
{{Image link
margin-right: 12px;
|image=Sq_icon_charactercreation.png
}
|page=Character Creation
|label=Introduction
}}
{{Image link
|image=Sq_icon_races.png
|page=Races
|label=Races
}}
{{Image link
|image=Sq_icon_classes.png
|page=Classes
|label=Classes
}}
{{Image link
|image=Sq_icon_magic.png
|page=Magic
|label=Magic
}}
{{Image link
|image=Sq_icon_experience.png
|page=Experience Points
|label=Experience Points
}}
{{Image link
|image=Sq_icon_professions.png
|page=Professions
|label=Professions
}}


#content.mw-body {
{{Image link
box-sizing: border-box;
|image=Sq_icon_skills.png
width: var(--wiz-content-width);
|page=Skills
margin-left: calc(var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap));
|label=Skills
margin-right: var(--wiz-page-gutter);
}}
padding: var(--wiz-content-padding);
</div>
border: 1px solid var(--wiz-content-border);
</div>
background: var(--wiz-content-background);
color: var(--wiz-text);
box-shadow:
calc(-1 * (var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap))) 0 0 var(--wiz-panel-background),
var(--wiz-page-gutter) 0 0 var(--wiz-panel-background);
}


#footer {
<div class="wizlords-mainpage-clear"></div>
position: relative;
box-sizing: border-box;
width: var(--wiz-content-width);
margin-left: calc(var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap));
margin-right: var(--wiz-page-gutter);
min-height: 112px;
padding-top: 24px;
padding-bottom: 24px;
background: var(--wiz-panel-background);
color: var(--wiz-text);
box-shadow:
calc(-1 * (var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap))) 0 0 var(--wiz-panel-background),
var(--wiz-page-gutter) 0 0 var(--wiz-panel-background);
}


#footer-icons {
<div class="wizlords-mainpage-left">
position: absolute;
<h2 class="center"><span class="mw-headline" id="Weekly_Games">Weekly Games</span></h2>
top: 50%;
<div class="center">
right: 0;
<p>Interested in participating in our weekly games? Here is everything you need to know.</p>
transform: translateY(-50%);
<div class="center wizlords-wideimagetext-grid">
}
{{Wide image link
|image=03_HowGamesWork.png
|page=Weekly Games
|label=How Weekly Games Work
}}
{{Wide image link
|image=03_Tanyth zoomed.png
|page=The Free City of Tanyth
|label=The Free City of Tanyth
}}


a,
</div>
a:visited,
<div class="center wizlords-wideimagetext-grid">
#mw-panel a,
{{Wide image link
#mw-head a,
|image=03_Merc&Comp.png
#footer a {
|page=Mercenaries and Companies
color: var(--wiz-link);
|label=Mercenaries and Companies
}
}}


a:hover,
{{Wide image link
#mw-panel a:hover,
|image=03_Gameplans.png
#mw-head a:hover,
|page=Game Modes and Maps
#footer a:hover {
|label=Game Modes and Maps
color: #ffd37a;
}}
}
</div>
</div>
</div>


#left-navigation a,
<div class="wizlords-mainpage-right">
#right-navigation a,
<h2 class="center"><span class="mw-headline" id="World_Lore">World Lore</span></h2>
#p-personal a {
<div class="center">
color: var(--wiz-link);
<p>Beyond the battles lies a wider setting filled with history, nations, cities, and competing powers. These pages introduce the world of Carcer and the places most important to the stories told in Wizards and Warlords.</p>
}
<div class="center wizlords-wideimagetext-grid">
{{Wide image link
|image=Rect_01.png
|page=Carcer
|label=The World of Carcer
}}
{{Wide image link
|image=Rect_02.png
|page=Tymora
|label=The Continent of Tymora
}}


#left-navigation li,
</div>
#right-navigation li,
<div class="center wizlords-wideimagetext-grid">
.vectorTabs li,
{{Wide image link
.vectorMenu h3 {
|image=Rect_03.png
background: transparent;
|page=Tanyth
background-image: none;
|label=The Free City of Tanyth
border: 0;
}}
}


#left-navigation li a,
{{Wide image link
#right-navigation li a,
|image=Rect_04.png
.vectorTabs li a,
|page=Valendor
.vectorMenu h3 {
|label=The Kingdom of Valendor
background: var(--wiz-panel-background);
}}
background-image: none;
</div>
border: 0;
</div>
border-left: 1px solid var(--wiz-content-border);
</div>
color: var(--wiz-link);
}


#left-navigation li:last-child a,
<div class="wizlords-mainpage-clear"></div>
#right-navigation li:last-child a {
border-right: 1px solid var(--wiz-content-border);
}


#left-navigation li.selected a,
<div class="wizlords-mainpage-left">
#right-navigation li.selected a,
<h2 class="center"><span class="mw-headline" id="Events">Events</span></h2>
.vectorTabs li.selected a {
<div class="center">
position: relative;
<p>Wizards and Warlords can be experienced in several different ways, from short local battles to larger immersive events. These pages explain the structure, tone, and expectations of each format so players know what kind of experience to expect.</p>
z-index: 2;
<div class="center wizlords-wideimagetext-grid">
background: var(--wiz-content-background);
{{Wide image link
background-image: none;
|image=Comingsoon.png
border-bottom: 1px solid var(--wiz-content-background);
|page=Weekend Events
box-shadow: 0 1px 0 var(--wiz-content-background);
|label=Weekend Events
color: var(--wiz-heading);
}}
}
{{Wide image link
|image=Comingsoon.png
|page=Seasonal Events
|label=Seasonal Events
}}


#left-navigation li,
</div>
#right-navigation li,
<div class="center wizlords-wideimagetext-grid">
#p-search,
{{Wide image link
.vectorTabs,
|image=Comingsoon.png
.vectorMenu {
|page=Banner Wars
border-color: var(--wiz-content-border);
|label=Banner Wars
}
}}


#searchInput {
{{Wide image link
background: rgba(0, 0, 0, 0.3);
|image=Comingsoon.png
border-color: var(--wiz-content-border);
|page=Renfairs
color: var(--wiz-text);
|label=Renfairs
}
}}
</div>
</div>
</div>


#searchInput::placeholder {
<div class="wizlords-mainpage-right">
color: #b9b3a8;
<h2 class="center"><span class="mw-headline" id="Useful_Links">Useful Links</span></h2>
}
<p>Here is a list of a few helpful websites and sellers that can help you with your LARP journey.</p>
<ul class="wizlords-mainpage-link-list">
<li>[https://example.com Link One] - Short description goes here.</li>
<li>[https://example.com Link Two] - Short description goes here.</li>
<li>[https://example.com Link Three] - Short description goes here.</li>
<li>[https://example.com Link Four] - Short description goes here.</li>
<li>[https://example.com Link Five] - Short description goes here.</li>
<li>[https://example.com Link Six] - Short description goes here.</li>
<li>[https://example.com Link Seven] - Short description goes here.</li>
<li>[https://example.com Link Eight] - Short description goes here.</li>
</ul>
</div>


#firstHeading.firstHeading.mw-first-heading {
<div class="wizlords-mainpage-clear"></div>
box-sizing: border-box;
display: block !important;
height: 40px;
margin: 12px 0 8px;
padding: 0;
border-bottom: 1px solid var(--wiz-content-border);
color: var(--wiz-heading);
font-size: 32px;
font-weight: normal;
line-height: 40px;
}
 
body.page-Main_Page #firstHeading.firstHeading.mw-first-heading {
font-size: 0;
}
 
body.page-Main_Page #firstHeading.firstHeading.mw-first-heading::before {
content: "Wizards and Warlords Wiki";
font-size: 32px;
}
 
#bodyContent {
clear: both;
display: block;
margin: 0;
padding: 0;
border: 0;
}
 
.wizlords-mainpage-left {
box-sizing: border-box;
float: left;
width: calc(50% - 7.5px);
padding-left: 15px;
padding-right: 15px;
}
 
.wizlords-mainpage-right {
box-sizing: border-box;
float: right;
width: calc(50% - 7.5px);
padding-left: 15px;
padding-right: 15px;
}
 
.wizlords-mainpage-clear {
clear: both;
}
 
.wizlords-mainpage-left > h2.center,
.wizlords-mainpage-right > h2.center {
margin: 20px 0 10px;
padding: 0;
border-bottom: 1px solid var(--wiz-content-border);
color: var(--wiz-heading);
font-size: 24px;
font-weight: normal;
line-height: 30px;
text-align: center;
}
 
.wizlords-mainpage-left > h2.center .mw-headline,
.wizlords-mainpage-right > h2.center .mw-headline {
text-decoration: none;
}
 
.wizlords-mainpage-left > h2.center a,
.wizlords-mainpage-right > h2.center a {
border-bottom: 0;
text-decoration: none;
}
 
.wizlords-mainpage-left > .center,
.wizlords-mainpage-right > .center,
.wizlords-mainpage-items {
text-align: center;
}
 
.wizlords-mainpage-left > .center > p,
.wizlords-mainpage-right > .center > p {
margin: 0 0 10px;
}
 
.wizlords-imagetext {
display: inline-block;
box-sizing: border-box;
width: 100px;
min-height: 122px;
margin: 5px;
vertical-align: top;
text-align: center;
}
 
.wizlords-imagetext-image {
width: 100px;
height: 100px;
}
 
.wizlords-imagetext-image img {
display: block;
width: 100px;
height: 100px;
object-fit: contain;
border: 0;
background: transparent;
}
 
.wizlords-imagetext-text {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 40px;
font-size: 14px;
line-height: 1.3;
text-align: center;
}
 
.wizlords-wideimagetext {
display: inline-block;
box-sizing: border-box;
width: 200px;
margin: 10px 12px;
vertical-align: top;
text-align: center;
}
 
.wizlords-wideimagetext-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px 24px;
}
 
.wizlords-wideimagetext-grid .wizlords-wideimagetext {
margin: 0;
}
 
.wizlords-wideimagetext-image {
width: 200px;
height: 100px;
}
 
.wizlords-wideimagetext-image img {
display: block;
width: 200px;
height: 100px;
object-fit: cover;
border: 0;
background: transparent;
}
 
.wizlords-wideimagetext-text {
display: flex;
align-items: center;
justify-content: center;
width: 200px;
height: 40px;
font-size: 14px;
line-height: 1.3;
text-align: center;
}
 
.wizlords-useful-links {
margin: 8px 0 0 20px;
padding: 0;
text-align: left;
}
 
.wizlords-useful-links li {
margin-bottom: 6px;
}
 
@media (max-width: 700px) {
:root {
--wiz-sidebar-width: 0px;
--wiz-sidebar-content-gap: 0px;
--wiz-content-width: 100%;
--wiz-page-gutter: 12px;
--wiz-content-padding: 14px;
}
 
.wizlords-mainpage-left,
.wizlords-mainpage-right {
float: none;
width: 100%;
padding-left: 0;
padding-right: 0;
}
 
}

Latest revision as of 17:46, 19 July 2026

Welcome to Wizlords

Welcome to the Wizards and Warlords Wiki. This is the central reference point for the game, bringing together rules, setting information, event formats, and guides for new and returning players.

Use this page as a starting point for learning the game, building a character, exploring the world, and finding the right place to play.

What is LARP

Live action roleplay is a game where players physically portray characters, take part in stories, and resolve battles using shared rules.

  • What is LARP? - Learn what Live Action Roleplay is and how it is played.
  • Getting Started - Everything you need to know before attending your first game.
  • New Player Guide - Download the complete beginner's guide, including insurance information.

Rules

These are the combat rules you will need to learn to participate in our battle games and fights at events.

Safety Rules
Combat & Damage
Armour & Hit Points
Weapons & Equipment
Spellcasting
Terrain & Hazards
Game Special Rules

Character Creation

Here is how to create a character in our game. Go through these links to learn how to create a character.

Introduction
Races
Classes
Magic
Experience Points
Professions
Skills

Weekly Games

Interested in participating in our weekly games? Here is everything you need to know.

How Weekly Games Work
The Free City of Tanyth
Mercenaries and Companies
Game Modes and Maps

World Lore

Beyond the battles lies a wider setting filled with history, nations, cities, and competing powers. These pages introduce the world of Carcer and the places most important to the stories told in Wizards and Warlords.

The World of Carcer
The Continent of Tymora
The Free City of Tanyth
The Kingdom of Valendor

Events

Wizards and Warlords can be experienced in several different ways, from short local battles to larger immersive events. These pages explain the structure, tone, and expectations of each format so players know what kind of experience to expect.

Weekend Events
Seasonal Events
Banner Wars
Renfairs

Here is a list of a few helpful websites and sellers that can help you with your LARP journey.

Retrieved from "https://wizlords.wiki/index.php?title=Main_Page&oldid=2069"