Difference between revisions of "MediaWiki:Common.css"

Jump to: navigation , search
 
(118 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
__NOTOC__
+
/* CSS placed here will be applied to all skins */
  
−
{{updates |
+
#ca-talk { display:none!important; } /* Removes Discussion tab */
−
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">
+
margin: 0;
−
<p class="mp_title">BEGINNER'S GUIDE</p>
+
padding: 0;
 +
}
  
−
[[File:mp_beginnersguide.png|class=mpImg]]
+
/* mp_ stands for main page - CSS mostly used on main page */
−
<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">
+
.mp_alertYellow, .mp_alertBlue{
−
<div class="mp_leftPanel">
+
  font-size: 14px;
−
<p class="mp_title">BRICKTRONS</p>
+
  border: solid black 4px;
−
[[File:mp_bricktrons.png|class=mpImg]]
+
  padding: 10px;
−
<p class="mp_imgDesc">Bricktrons are the brave and crafty little characters you control in the world of Castle Story.</p>
+
  width: 65%;
−
<p class="mp_readmore">[[Bricktrons|READ MORE]]</p>
+
  text-align: justify;
−
</div>
+
  margin-top: -20px;
−
+
}
−
<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>
+
.mp_alertYellow {
−
+
  background-color: #FEC50A;
−
<div class="mp_Panel">
+
}
−
<p class="mp_title">BLOCKS, STRUCTURES & RESOURCES</p>
 
  
−
[[File:mp_nighttime.png|class=mpImg]]
+
.mp_alertBlue {
−
<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>
+
  background-color: #3BACD1;
−
<p class="mp_readmore">[[Blocks, Structures & Resources|READ MORE]]</p>
+
}
−
</div>
 
  
−
<div class="mp_Panel">
+
#mp_content {
−
<div class="mp_leftPanel">
+
margin-bottom: 30px;
−
<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>
+
img.mpImg, .blackBorder{
−
<p class="mp_readmore">[[Gamemodes|READ MORE]]</p>
+
border: solid black 4px;
−
</div>
+
-webkit-box-shadow: 0px 8px 0px -4px rgba(0,0,0,0.5);
−
+
-moz-box-shadow: 0px 8px 0px -4px rgba(0,0,0,0.5);
−
<div class="mp_rightPanel">
+
box-shadow: 0px 8px 0px -4px rgba(0,0,0,0.5);
−
<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>
+
.mp_intro {
−
<p class="mp_readmore">[[Strategies|READ MORE]]</p>
+
margin-bottom: 35px;
−
</div>
+
font-size: 16px;
−
</div>
+
color: black;
−
</div>
+
text-align: justify;
 +
}
 +
 
 +
.mp_title {
 +
font-size: 24px;
 +
font-weight: 600;
 +
}
 +
 
 +
.mp_imgDesc {
 +
font-size: 16px;
 +
color: black;
 +
text-align: justify;
 +
}
 +
 
 +
.mp_readmore {
 +
font-size: 14px;
 +
text-align: right;
 +
/*margin-top: -10px;*/
 +
}
 +
 
 +
.mp_Panel {
 +
width: 65%;
 +
margin-bottom: 50px;
 +
}
 +
 
 +
.mp_leftPanel {
 +
width: 48%;
 +
float: left;
 +
}
 +
 
 +
.mp_rightPanel {
 +
width: 48%;
 +
float: right;
 +
}
 +
 
 +
.breaker {
 +
clear: both;
 +
min-height: 50px;
 +
}
 +
 
 +
.largeVerticalSpace {
 +
min-height:100px;
 +
}
 +
 
 +
 
 +
/* bg_ stands for beginners guide - mostly used on the Beginner's Guide page */
 +
 
 +
.bg_title {
 +
font-size: 21px;
 +
font-weight: 600;
 +
}
 +
 
 +
 
 +
.underImgText {
 +
margin-top: 10px;
 +
text-align: justify;
 +
font-weight: 200;
 +
}
 +
 
 +
 
 +
 
 +
/* bricktrons_ stands for the Bricktrons page. */
 +
.bricktrons_div {
 +
width: 300px;
 +
float: left;
 +
margin: 6px
 +
}
 +
 
 +
#warningBox{
 +
width: 65%;
 +
min-height: 20px;
 +
text-align: justify;
 +
padding: 12px;
 +
background-color: #ffc50a;
 +
border: solid black 4px;
 +
-webkit-box-shadow: 0px 8px 0px -4px rgba(0,0,0,0.5);
 +
-moz-box-shadow: 0px 8px 0px -4px rgba(0,0,0,0.5);
 +
box-shadow: 0px 8px 0px -4px rgba(0,0,0,0.5);
 +
}
 +
 
 +
#warningBox p{
 +
font-weight: bolder;
 +
}
 +
 
 +
#warningBox img{
 +
border: none;
 +
-webkit-box-shadow: none;
 +
-moz-box-shadow: none;
 +
box-shadow: none;
 +
}
 +
 
 +
.wikitable{
 +
background-color: black;
 +
}

Latest revision as of 18:29, 11 September 2017

/* CSS placed here will be applied to all skins */

#ca-talk { display:none!important; } /* Removes Discussion tab */

*{
margin: 0;
padding: 0;
}

/* mp_ stands for main page - CSS mostly used on main page */

.mp_alertYellow, .mp_alertBlue{
  font-size: 14px;
  border: solid black 4px;
  padding: 10px;
  width: 65%;
  text-align: justify;
  margin-top: -20px;
}

.mp_alertYellow {
  background-color: #FEC50A;
}

.mp_alertBlue {
  background-color: #3BACD1;
}

#mp_content {
margin-bottom: 30px;
}

img.mpImg, .blackBorder{
	border: solid black 4px;
	-webkit-box-shadow: 0px 8px 0px -4px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 8px 0px -4px rgba(0,0,0,0.5);
	box-shadow: 0px 8px 0px -4px rgba(0,0,0,0.5);
}

.mp_intro {
margin-bottom: 35px;
font-size: 16px;
color: black;
text-align: justify;
}

.mp_title {
	font-size: 24px;
	font-weight: 600;
}

.mp_imgDesc {
font-size: 16px;
color: black;
text-align: justify;
}

.mp_readmore {
font-size: 14px;
text-align: right;
/*margin-top: -10px;*/
}

.mp_Panel {
width: 65%;
margin-bottom: 50px;
}

.mp_leftPanel {
width: 48%;
float: left;
}

.mp_rightPanel {
width: 48%;
float: right;
}

.breaker {
	clear: both;
min-height: 50px;
}

.largeVerticalSpace {
min-height:100px;
}


/* bg_ stands for beginners guide - mostly used on the Beginner's Guide page */

.bg_title {
	font-size: 21px;
	font-weight: 600;
}


.underImgText {
margin-top: 10px;
text-align: justify;
font-weight: 200;
}



/* bricktrons_ stands for the Bricktrons page. */
.bricktrons_div {
width: 300px;
float: left;
margin: 6px
}

#warningBox{
width: 65%;
min-height: 20px;
text-align: justify;
padding: 12px;
background-color: #ffc50a;
border: solid black 4px;
-webkit-box-shadow: 0px 8px 0px -4px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 8px 0px -4px rgba(0,0,0,0.5);
box-shadow: 0px 8px 0px -4px rgba(0,0,0,0.5);
}

#warningBox p{
font-weight: bolder;
}

#warningBox img{
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.wikitable{
background-color: black;
}
Retrieved from "https://wiki.castlestory.net/index.php?title=MediaWiki:Common.css&oldid=1649"