Difference between revisions of "MediaWiki:Common.css"

Jump to: navigation , search
 
(106 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 +
 +
#ca-talk { display:none!important; } /* Removes Discussion tab */
  
 
*{
 
*{
Line 6: Line 8:
 
}
 
}
  
img.mpImg{
+
/* 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;
 
border: solid black 4px;
-webkit-box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.5);
+
-webkit-box-shadow: 0px 8px 0px -4px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.5);
+
-moz-box-shadow: 0px 8px 0px -4px rgba(0,0,0,0.5);
box-shadow: 0px 4px 0px 0px 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;
 
}
 
}
  
Line 19: Line 51:
  
 
.mp_imgDesc {
 
.mp_imgDesc {
font-size: 14px;
+
font-size: 16px;
 +
color: black;
 +
text-align: justify;
 
}
 
}
  
Line 25: Line 59:
 
font-size: 14px;
 
font-size: 14px;
 
text-align: right;
 
text-align: right;
margin-top: -10px;
+
/*margin-top: -10px;*/
 
}
 
}
  
 
.mp_Panel {
 
.mp_Panel {
min-height: 100px;
 
 
width: 65%;
 
width: 65%;
margin-bottom: 35px;
+
margin-bottom: 50px;
 
}
 
}
  
Line 46: Line 79:
 
.breaker {
 
.breaker {
 
clear: both;
 
clear: both;
min-height: 25px;
+
min-height: 50px;
 
}
 
}
  
#mp_content {
+
.largeVerticalSpace {
overflow:hidden;
+
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;
}