Difference between revisions of "MediaWiki:Common.css"

From Bacterial Takeover
Jump to: navigation, search
 
(41 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 */
  
@media only screen and (max-width: 900px) {
+
@media only screen and (min-width: 900px) {
     body {
+
     .wrap_big { float: left;}
        background-color: #d5fdf4;
+
    .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;
 +
}
 +
}
  
#name{ color: green; }
+
@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>";}
}