MediaWiki:Common.css

From Ending Days RPG
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */
.test-title { color: red; }
.three-column .wikitable { width:100%;}

/* --------------------------------------------
	Column
-------------------------------------------- */

.column {
	margin: 0 -20px;
}
.one-column,
.two-third-column,
.two-column,
.three-column,
.four-column,
.column-1,
.column-2,
.column-3,
.column-4 {
	float: left;
	padding: 0 20px 40px;
}
.one-column,
.column-1
 {
	width:100%;
}
.two-third-column {
	width:65%;
}
.two-column,
.column-2 {
	width: 50%;
}
.three-column,
.column-3,
.boxed-layout-small .four-column-full-width,
.three-column-full-width {
	width: 30%;
}
.four-column,
.column-4,
.four-column-full-width {
	width: 25%;
}

.two-column:nth-child(2n+3),
.three-column:nth-child(3n+4),
.four-column:nth-child(4n+5),
.column-2:nth-child(2n+3),
.column-3:nth-child(3n+4),
.column-4:nth-child(4n+5) {
 	
}

/* 9.0 Universal Clearfix
================================================== */
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }

/* start commented backslash hack \*/

* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.mobile-only {
	display:none;
}
.desktop-only {
	display:block;
}
@media only screen and (max-width: 480px) {
	.bbp-search-form input[type="submit"] {
		height: 29px;
	}
	.one-column,
.two-third-column,
.two-column,
.three-column,
.four-column,
.column-1,
.column-2,
.column-3,
.column-4 {
	float: left;
	padding: 0;
	width:100%;
	text-align:center;
}
 .mobile-only{
	display:block;
}
.desktop-only {
display:none;
}
}