Difference between revisions of "MediaWiki:Common.css"

From Bacterial Takeover
Jump to: navigation, search
 
(36 intermediate revisions by the same user not shown)
Line 2: Line 2:
  
 
@media only screen and (min-width: 900px) {
 
@media only screen and (min-width: 900px) {
     #test{ float: left;}
+
     .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>";}
 
}
 
}

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>";}
}