Difference between revisions of "MediaWiki:Common.css"

Jump to: navigation , search
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
+
__NOTOC__
  
#mp_content {
+
{{updates |
margin-top: -120px;
+
patchLink=http://www.castlestory.net/en/news/6196-Update-Version-07 |
}
+
patchText=Version 0.7 |
 +
patchDate=August 23, 2016 |
 +
videoLink=http://www.castlestory.net/en/news/6196-Update-Version-07 |
 +
videoText=Castle Story Announce Trailler |
 +
videoDate=August 23, 2016 |
 +
postLink=http://www.castlestory.net/en/news/6196-Update-Version-07 |
 +
postText=New Hero, Match Length Improvements and New Weekly Card Pack |
 +
postDate=August 23, 2016 |
 +
}}
  
img.mpImg{
+
<div id="mp_content">
border: solid black 4px;
+
<div class="mp_Panel">
margin-top: -25px;
+
<p class="mp_title">BEGINNER'S GUIDE</p>
margin-bottom: -25px;
 
-webkit-box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.5);
 
-moz-box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.5);
 
box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.5);
 
}
 
  
.mp_title {
+
[[File:mp_beginnersguide.png|class=mpImg]]
font-size: 24px;
+
<p class="mp_imgDesc">Check out this easy to follow guide for a step-by-step tutorial on how to get started playing Castle Story!</p>
font-weight: 600;
+
<p class="mp_readmore">[[Beginner's Guide|LEARN HOW TO PLAY]]</p>
}
+
</div>
  
.mp_imgDesc {
+
<div class="mp_Panel">
font-size: 14px;
+
<div class="mp_leftPanel">
}
+
<p class="mp_title">BRICKTRONS</p>
 +
[[File:mp_bricktrons.png|class=mpImg]]
 +
<p class="mp_imgDesc">Bricktrons are the brave and crafty little characters you control in the world of Castle Story.</p>
 +
<p class="mp_readmore">[[Bricktrons|READ MORE]]</p>
 +
</div>
 +
 +
<div class="mp_rightPanel">
 +
<p class="mp_title">CORRUPTRONS</p>
 +
[[File:mp_corruptrons.png|class=mpImg]]
 +
<p class="mp_imgDesc">Corruptrons are evil creatures roaming the islands, eager to siege your castles and fight your Bricktrons!</p>
 +
<p class="mp_readmore">[[Corruptrons|READ MORE]]</p>
 +
</div>
 +
</div>
  
.mp_readmore {
+
<div class="breaker"></div>
font-size: 14px;
+
text-align: right;
+
<div class="mp_Panel">
margin-top: -30px;
+
<p class="mp_title">BLOCKS, STRUCTURES & RESOURCES</p>
}
 
  
.mp_Panel {
+
[[File:mp_nighttime.png|class=mpImg]]
min-height: 100px;
+
<p class="mp_imgDesc">Check out this easy to follow guide for a step-by-step tutorial on how to get started playing Castle Story!</p>
width: 65%;
+
<p class="mp_readmore">[[Blocks, Structures & Resources|READ MORE]]</p>
background-color: red;
+
</div>
margin-bottom: 35px;
 
}
 
  
.mp_leftPanel {
+
<div class="mp_Panel">
width: 48%;
+
<div class="mp_leftPanel">
float: left;
+
<p class="mp_title">GAMEMODES</p>
background-color: green;
+
[[File:mp_gamemodes.png|class=mpImg]]
}
+
<p class="mp_imgDesc">Learn about different gamemodes available in Castle Story. Want to take over an island, or build a Castle to withstand infinite waves of attacks?</p>
 
+
<p class="mp_readmore">[[Gamemodes|READ MORE]]</p>
.mp_rightPanel {
+
</div>
width: 48%;
+
float: right;
+
<div class="mp_rightPanel">
background-color: blue;
+
<p class="mp_title">ADVANCED STRATEGIES</p>
}
+
[[File:mp_strats.png|class=mpImg]]
 +
<p class="mp_imgDesc">Already mastered the basics of Castle Story? Time to step your game up with these advanced tips 'n tricks!</p>
 +
<p class="mp_readmore">[[Strategies|READ MORE]]</p>
 +
</div>
 +
</div>
 +
</div>

Revision as of 22:18, 8 December 2016

__NOTOC__

{{updates |
patchLink=http://www.castlestory.net/en/news/6196-Update-Version-07 |
patchText=Version 0.7 |
patchDate=August 23, 2016 |
videoLink=http://www.castlestory.net/en/news/6196-Update-Version-07 |
videoText=Castle Story Announce Trailler |
videoDate=August 23, 2016 |
postLink=http://www.castlestory.net/en/news/6196-Update-Version-07 |
postText=New Hero, Match Length Improvements and New Weekly Card Pack |
postDate=August 23, 2016 |
}}

<div id="mp_content">
	<div class="mp_Panel">
		<p class="mp_title">BEGINNER'S GUIDE</p>

		[[File:mp_beginnersguide.png|class=mpImg]]
		<p class="mp_imgDesc">Check out this easy to follow guide for a step-by-step tutorial on how to get started playing Castle Story!</p>
		<p class="mp_readmore">[[Beginner's Guide|LEARN HOW TO PLAY]]</p>
	</div>

	<div class="mp_Panel">
		<div class="mp_leftPanel">
			<p class="mp_title">BRICKTRONS</p>
			[[File:mp_bricktrons.png|class=mpImg]]
			<p class="mp_imgDesc">Bricktrons are the brave and crafty little characters you control in the world of Castle Story.</p>
			<p class="mp_readmore">[[Bricktrons|READ MORE]]</p>
		</div>
		
		<div class="mp_rightPanel">
			<p class="mp_title">CORRUPTRONS</p>
			[[File:mp_corruptrons.png|class=mpImg]]
			<p class="mp_imgDesc">Corruptrons are evil creatures roaming the islands, eager to siege your castles and fight your Bricktrons!</p>
			<p class="mp_readmore">[[Corruptrons|READ MORE]]</p>
		</div>
	</div>

	<div class="breaker"></div>
	
	<div class="mp_Panel">
		<p class="mp_title">BLOCKS, STRUCTURES & RESOURCES</p>

		[[File:mp_nighttime.png|class=mpImg]]
		<p class="mp_imgDesc">Check out this easy to follow guide for a step-by-step tutorial on how to get started playing Castle Story!</p>
		<p class="mp_readmore">[[Blocks, Structures & Resources|READ MORE]]</p>
	</div>

	<div class="mp_Panel">
		<div class="mp_leftPanel">
			<p class="mp_title">GAMEMODES</p>
			[[File:mp_gamemodes.png|class=mpImg]]
			<p class="mp_imgDesc">Learn about different gamemodes available in Castle Story. Want to take over an island, or build a Castle to withstand infinite waves of attacks?</p>
			<p class="mp_readmore">[[Gamemodes|READ MORE]]</p>
		</div>
		
		<div class="mp_rightPanel">
			<p class="mp_title">ADVANCED STRATEGIES</p>
			[[File:mp_strats.png|class=mpImg]]
			<p class="mp_imgDesc">Already mastered the basics of Castle Story? Time to step your game up with these advanced tips 'n tricks!</p>
			<p class="mp_readmore">[[Strategies|READ MORE]]</p>
		</div>
	</div>
</div>