Difference between revisions of "MediaWiki:Common.css"

From Bacterial Takeover
Jump to: navigation, search
 
(4 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
@media only screen and (min-width: 900px) {
 
@media only screen and (min-width: 900px) {
 
     .wrap_big { float: left;}
 
     .wrap_big { float: left;}
     .padding_left_big { padding-left: 150px;}
+
     .padding_left_big { padding-left: 120px;}
 
     .two_columns {
 
     .two_columns {
 
           width:40%;
 
           width:40%;
Line 14: Line 14:
 
     }
 
     }
 
     .page_icon {
 
     .page_icon {
           padding-bottom: 40px;
+
           padding-bottom: 30px;
 
           padding-right: 45px;
 
           padding-right: 45px;
 
           padding-left: 35px;
 
           padding-left: 35px;
Line 20: Line 20:
 
     }
 
     }
 
     .page_icon_small {
 
     .page_icon_small {
           padding-bottom: 10px;
+
           padding-bottom: 5px;
 
           padding-right: 45px;
 
           padding-right: 45px;
 
           padding-left: 35px;
 
           padding-left: 35px;
Line 40: Line 40:
 
     .page_icon .page_icon_small{  margin-left: auto; margin-right: auto; display: block;}
 
     .page_icon .page_icon_small{  margin-left: auto; margin-right: auto; display: block;}
 
     .hide_small_screen { display: none;}
 
     .hide_small_screen { display: none;}
 +
    .mobile_br{ content: "<br>";}
 
}
 
}

Latest revision as of 13:27, 10 April 2019

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

@media only screen and (min-width: 900px) {
    .wrap_big { float: left;}
    .padding_left_big { padding-left: 120px;}
    .two_columns {
          width:40%;
          float: left;
          padding-left:50px;
    }
    .achievement_page_table {
          padding-right: 45px;
          float: left;
    }
    .page_icon {
          padding-bottom: 30px;
          padding-right: 45px;
          padding-left: 35px;
		float: left;
    }
    .page_icon_small {
          padding-bottom: 5px;
          padding-right: 45px;
          padding-left: 35px;
		float: left;
    }
	.left_indent {
		margin-left: 15%;
	}	
	.line_break{
		content: "\A";
	}
	.hide_big_screen {
		display: none;
	}
}

@media only screen and (max-width: 900px) {
    .achievement_page_table {  margin: auto;}
    .page_icon .page_icon_small{  margin-left: auto; margin-right: auto; display: block;}
    .hide_small_screen { display: none;}
    .mobile_br{ content: "<br>";}
}