MediaWiki:Common.css: Difference between revisions

From Runecraft Wiki
Jump to navigation Jump to search
(Created page with "→‎CSS placed here will be applied to all skins: →‎[[Template:LoadBox]]: .load-page { background-color: var(--custom-load-page-background); border: 1px solid var(--custom-load-page-border); margin-bottom: 0.5em; padding: 0 0.5em; } →‎[[Template:LoadBox]] with navbox: .loadbox-navbox { padding: 2px !important; margin: 1em 0 0 !important; clear: both; } #content .loadbox-navbox > p { background-color: #CCC; text-align: center; margin: 0; padding: 0 3px;...")
 
mNo edit summary
 
(2 intermediate revisions by one other user not shown)
Line 9: Line 9:
}
}


/* [[Template:LoadBox]] with navbox */
/* Simulate link styling for JS only links */
.loadbox-navbox {
.jslink {
padding: 2px !important;
color: #0645AD;
margin: 1em 0 0 !important;
-webkit-user-select: none;
clear: both;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
#content .loadbox-navbox > p {
 
background-color: #CCC;
.jslink:hover {
text-align: center;
text-decoration: underline;
margin: 0;
cursor: pointer;
padding: 0 3px;
}
}
.loadbox-navbox > p > b {
 
font-size: 110%;
.jslink:active {
color: #FAA700;
}
}


.loadbox-navbox .navbox {
 
margin: 0 -2px -2px;
.tabs-input-1:checked ~ .tabs-container .tabs-content-1, .tabs-input-2:checked ~ .tabs-container .tabs-content-2, .tabs-input-0:checked ~ .tabs-container .tabs-content-1 {
border: 0;
width: 100%;
}
.loadbox-navbox > .load-page-content > .mw-parser-output > .navbox > tbody > tr:first-child {
display: none;
}
}

Latest revision as of 15:36, 19 August 2024

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

/* [[Template:LoadBox]]*/
.load-page {
	background-color: var(--custom-load-page-background);
	border: 1px solid var(--custom-load-page-border);
	margin-bottom: 0.5em;
	padding: 0 0.5em;
}

/* Simulate link styling for JS only links */
.jslink {
	color: #0645AD;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.jslink:hover {
	text-decoration: underline;
	cursor: pointer;
}

.jslink:active {
	color: #FAA700;
}


.tabs-input-1:checked ~ .tabs-container .tabs-content-1, .tabs-input-2:checked ~ .tabs-container .tabs-content-2, .tabs-input-0:checked ~ .tabs-container .tabs-content-1 {
	width: 100%;
}