MediaWiki

Foreground.css: Difference between revisions

From The Rockman EXE Zone Wiki

No edit summary
No edit summary
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
html, body {
html, body {
height: 100% !important;
height: 100% !important;
background: url('//www.therockmanexezone.com/assets/bg_TilesGrain.png') !important;
background: url('//www.therockmanexezone.com/assets/bg_TilesGrain.png') fixed !important;
background-repeat: repeat !important;
background-repeat: repeat !important;
background-position: top center !important;
background-position: top center !important;
Line 14: Line 14:
background: url('//www.therockmanexezone.com/assets/bg_header.png') !important;
background: url('//www.therockmanexezone.com/assets/bg_header.png') !important;
box-shadow: 0 4px 0 rgba(0,0,0,0.25) !important;
box-shadow: 0 4px 0 rgba(0,0,0,0.25) !important;
}
.printfooter {
display: none;
}
}


Line 128: Line 132:


table.wikitable {
table.wikitable {
display: table;
width: auto;
width: auto;
max-width: 100%;
max-width: 100%;
background-color: #f8f9fa;
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
background-color: #eaecf0;
}
}
table.wikitable > * > tr > td {
table.wikitable > tr > td, table.wikitable > * > tr > td {
padding: 0.25em 0.75em;
padding: 0.25em 0.75em;
vertical-align: top;
vertical-align: top;
}
.mw-editsection {
font-size: 10pt;
line-height: 10pt;
vertical-align: super;
margin-left: 5pt;
}
}


#catlinks {
#catlinks {
border: none !important;
border: none !important;
}
#catlinks ul {
display: inline-block;
margin-left: auto;
}
#catlinks ul li {
display: inline-block;
margin: 0.25ex;
}
a.new {
color: #ba0000;
}
}


Line 206: Line 234:
height: 0;
height: 0;
overflow: hidden;
overflow: hidden;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
}


Line 314: Line 339:
background-image: url(//www.therockmanexezone.com/assets/icons/BN3_PET.svg) !important;
background-image: url(//www.therockmanexezone.com/assets/icons/BN3_PET.svg) !important;
}
}
#n-Mega-Man-Battle-Network-4::before {
#n-Mega-Man-Battle-Network-4::before,
#n-Rockman-EXE-Phantom-of-Network::before {
background-image: url(//www.therockmanexezone.com/assets/icons/BN4_PET.svg) !important;
background-image: url(//www.therockmanexezone.com/assets/icons/BN4_PET.svg) !important;
}
}
Line 320: Line 346:
background-image: url(//www.therockmanexezone.com/assets/icons/BN5_PET.svg) !important;
background-image: url(//www.therockmanexezone.com/assets/icons/BN5_PET.svg) !important;
}
}
#n-Mega-Man-Battle-Network-6::before {
#n-Mega-Man-Battle-Network-6::before,
#n-Rockman-EXE-Legend-of-Network::before {
background-image: url(//www.therockmanexezone.com/assets/icons/BN6_PET.svg) !important;
background-image: url(//www.therockmanexezone.com/assets/icons/BN6_PET.svg) !important;
}
}
Line 329: Line 356:
background-image: url(//www.therockmanexezone.com/assets/icons/BCC.svg) !important;
background-image: url(//www.therockmanexezone.com/assets/icons/BCC.svg) !important;
}
}
/* @media only screen and (min-width: 58.75em) {
#toc {
position: fixed !important;
bottom: 0 !important;
right: 1% !important;
max-height: 100% !important;
background: #DDD !important;
color: #333 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
border-top-left-radius: 1em !important;
border-top-right-radius: 1em !important;
}
#toc ul {
margin: 5pt 1em 1em 1em !important;
overflow: hidden !important;
}
#toctitle {
position: relative !important;
padding: 1em 1em 0 1em !important;
}
#toctitle h2 {
margin: 0 !important;
overflow: hidden !important;
padding-bottom: 5pt !important;
border-bottom: 1px solid black !important;
min-width: 6em !important;
}
#toctitle h2::after {
content: '×' !important;
font-size: 100% !important;
float: right !important;
}
#toctitle .toctoggle {
color: transparent !important;
float: left !important;
height: 0 !important;
overflow: hidden !important;
}
#togglelink {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
color: transparent !important;
}
.tochidden {
padding: 0 !important;
width: 5em !important;
height: 5em !important;
overflow: hidden !important;
}
.tochidden #toctitle {
height: 100% !important;
width: 100% !important;
padding: 0 !important;
}
.tochidden #toctitle::before {
content: '📑' !important;
font-size: 3em !important;
float: right !important;
overflow: hidden !important;
height: 100% !important;
width: 100% !important;
line-height: 170% !important;
text-align: center !important;
vertical-align:middle !important;
}
.tochidden #toctitle h2::after {
display: none !important;
}
} */

Latest revision as of 22:04, 17 March 2024

html, body {
	height: 100% !important;
	background: url('//www.therockmanexezone.com/assets/bg_TilesGrain.png') fixed !important;
	background-repeat: repeat !important;
	background-position: top center !important;
	min-width: 490px;
}

#page-content {
	margin: 30px 1% 0 1% !important;
}

#navwrapper {
	background: url('//www.therockmanexezone.com/assets/bg_header.png') !important;
	box-shadow: 0 4px 0 rgba(0,0,0,0.25) !important;
}

.printfooter {
	display: none;
}

.top-bar {
	margin: 0 auto !important;
	max-width: 1360px !important;
	min-height: 88px !important;
	background: none !important;
}

.top-bar .title-area {
	/* height: 100% !important; */
	z-index: 9999 !important;
}

.top-bar .name {
	height: 88px !important;
}

.top-bar .name>.title-name {
	height: 100% !important;
}

.top-bar .name>.title-name a {
	height: 100% !important;
}

.top-bar .name>.title-name a img {
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
}

.top-bar .name>.title-name a div.title-name {
	display: none !important;
}

.top-bar-section {
	height: 100% !important;
}

.top-bar-section>ul>.divider {
	display: none !important;
}

.top-bar-section>ul {
	background: none !important;
	height: 100% !important;
}

.top-bar-section ul li {
	background: #222222;
}

.top-bar-section>ul>li {
	background: none !important;
	height: 100% !important;
}

.top-bar-section>ul>li>a {
	background: none !important;
	height: 100% !important;
}

.top-bar-section .has-form {
	background: none !important;
}

.top-bar-section .dropdown {
	background: transparent !important;
}

.top-bar-section .dropdown li > a {
	background: transparent !important;
}

#page-content>div.row {
	max-width: 1360px !important;
	background-color: #FFF !important;
	padding: 25px 0 !important;
	margin-bottom: 30px !important;
	background-image: url('//www.therockmanexezone.com/assets/bg_content_header_corner.png') !important;
	background-position: left top !important;
	background-repeat: no-repeat !important;
	border: 1px solid #CCCCCC !important;
	border-top: 12px solid #E0E0E0 !important;
	border-bottom: 4px solid #E0E0E0 !important;
	border-radius: 4px !important;
}

#page-content>div.row:first-child {
	display: none !important;
}

#p-cactions #drop1 {
	right: 15px !important;
	left: initial !important;
}

#wpTextbox1 {
	width: 100% !important;
}

.toctext span sup {
	top: initial !important;
	font-size: 60% !important;
	padding-top: 0.75em !important;
}

.toctext span sub {
	bottom: initial !important;
	font-size: 60% !important;
}

table.wikitable {
	display: table;
	width: auto;
	max-width: 100%;
	background-color: #f8f9fa;
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
	background-color: #eaecf0;
}
table.wikitable > tr > td, table.wikitable > * > tr > td {
	padding: 0.25em 0.75em;
	vertical-align: top;
}

.mw-editsection {
	font-size: 10pt;
	line-height: 10pt;
	vertical-align: super;
	margin-left: 5pt;
}

#catlinks {
	border: none !important;
}
#catlinks ul {
	display: inline-block;
	margin-left: auto;
}
#catlinks ul li {
	display: inline-block;
	margin: 0.25ex;
}

a.new {
	color: #ba0000;
}

#p-Games {
	/* display: none; */
}

@media only screen and (min-width: 58.75em) {
	#p-Games {
		display: list-item;
	}

	table.wikitable {
		min-width: 500px;
	}

	.top-bar-section .dropdown {
		top: 75% !important;
		background: #222222 !important;
	}

	.top-bar-section .dropdown li > a {
		background: #222222 !important;
	}

	.top-bar-section>ul>li>a {
		line-height: 88px !important;
	}

	.top-bar-section > li {
		line-height: 88px !important;
	}

	.top-bar-section > li > a {
		display: inline-block !important;
	}

	.top-bar-section>ul>li>a::after {
		top: 44px !important;
	}

	#searchform>div.row>div.columns {
		line-height: 88px !important;
	}

	#top-bar-right {
		/* position: absolute; */
		right: 0;
	}
}

@media only screen and (max-width: 58.75em) {
	.top-bar-section {
		left: 0 !important;
	}

	.top-bar a {
		font-size: 13pt !important;
	}

	.top-bar .toggle-topbar.menu-icon a {
		text-indent: -48pt !important;
	}

	.top-bar-section .dropdown {
		position: static;
		left: 0;
		height: 0;
		overflow: hidden;
	}

	.top-bar-section .dropdown .back h5 a {
		display: none !important;
	}

	.top-bar-section .dropdown .back h5::before {
		content: 'Close';
		color: white;
		padding: 8px 15px;
		line-height: 22.5px;
		display:block;
		cursor: pointer;
	}

	.top-bar-section .has-dropdown.moved > .dropdown {
		height: auto;
		background: rgba(255, 255, 255, 0.15) !important;
	}

	.top-bar-section .has-dropdown a {
		position: relative;
	}

	#top-bar-right > li > a > i.fa-cogs::after {
		content: " Tools";
		font-family: sans-serif
	}

	#personal-tools-dropdown > a > i::after {
		content: " User";
		font-family: sans-serif;
	}

	#page-content {
		margin-top: 10px !important;
	}
}

#p-Games .dropdown li::before {
	content: '';
	min-width: 32px;
	min-height: 32px;
	background-image: url(//www.therockmanexezone.com/assets/icons/BN_Other.svg);
	background-position: left center;
	background-size: contain;
	display: inline-block;
	float: left;
	margin: 8px 15px;
}

#p-Games .dropdown li {
	clear: both;
}

#p-Games .dropdown li:first-child::before {
   display: none;
}

@media only screen and (min-width: 58.75em) {
	#p-Games .dropdown li::before {
		float: none;
		display: table-cell;
	}

	#p-Games .dropdown li a {
		display: table-cell;
		height: 32px;
		line-height: 32px;
		padding: 0 6px;
		width: auto;
	}

	#p-Games .dropdown li {
		padding: 3px 6px;
		display: table-row;
	}

	#p-Games .dropdown {
		display: table;
	}

	#p-Games .dropdown li:first-child {
		display: none;
	}
}

#n-Mega-Man-Star-Force-1::before {
	background-image: url(//www.therockmanexezone.com/assets/icons/SF1_Transer.svg) !important;
}
#n-Mega-Man-Star-Force-2::before {
	background-image: url(//www.therockmanexezone.com/assets/icons/SF2_StarCarrier.svg) !important;
}
#n-Mega-Man-Star-Force-3::before {
	background-image: url(//www.therockmanexezone.com/assets/icons/SF3_HunterVG.svg) !important;
}
#n-Mega-Man-Battle-Network-1::before {
	background-image: url(//www.therockmanexezone.com/assets/icons/BN1_PET.svg) !important;
}
#n-Mega-Man-Battle-Network-2::before {
	background-image: url(//www.therockmanexezone.com/assets/icons/BN2_PET.svg) !important;
}
#n-Mega-Man-Battle-Network-3::before {
	background-image: url(//www.therockmanexezone.com/assets/icons/BN3_PET.svg) !important;
}
#n-Mega-Man-Battle-Network-4::before,
#n-Rockman-EXE-Phantom-of-Network::before {
	background-image: url(//www.therockmanexezone.com/assets/icons/BN4_PET.svg) !important;
}
#n-Mega-Man-Battle-Network-5::before {
	background-image: url(//www.therockmanexezone.com/assets/icons/BN5_PET.svg) !important;
}
#n-Mega-Man-Battle-Network-6::before,
#n-Rockman-EXE-Legend-of-Network::before {
	background-image: url(//www.therockmanexezone.com/assets/icons/BN6_PET.svg) !important;
}
#n-Rockman-EXE-4\00002E5\00003A-Real-Operation::before {
	background-image: url(//www.therockmanexezone.com/assets/icons/BN45_PET.svg) !important;
}
#n-Mega-Man-Battle-Chip-Challenge::before {
	background-image: url(//www.therockmanexezone.com/assets/icons/BCC.svg) !important;
}