Revision as of 16:23, 21 December 2016

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


*{
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: 15px;
  width: 50%;
  text-align: justify;
}

.mp_alertYellow {
  background-color: #FEC50A;
}

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

#mp_content {
margin-bottom: 30px;
}

img.mpImg{
	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;
}