Banri at 17:44, 17 June 2020

2020-06-17T17:44:39Z

← Older revision		Revision as of 17:44, 17 June 2020
Line 11:		Line 11:
	}		}

	/* mobile skin and {{~~Quest~~ details}} */		/* mobile skin and {{Mission details}} */
	body.skin-minerva .lighttable.checklist,		body.skin-minerva .lighttable.checklist,
	.~~questdetails~~ .lighttable.checklist {		.missiondetails .lighttable.checklist {
	max-width: 100%;		max-width: 100%;
	}		}
Line 41:		Line 41:
	top: .3rem;		top: .3rem;
	left: 0;		left: 0;
	background-image: url('~~filepath~~://Checkbox-unchecked.~~svg~~');		background-image: url('https://wiki.geministation.com/images/d/de/Checkbox-unchecked.png');
	background-size: 1rem;		background-size: 1rem;
	}		}
Line 67:		Line 67:

	.lighttable.checklist .checked::before {		.lighttable.checklist .checked::before {
	background-image: url('~~filepath~~://Checkbox-checked.~~svg~~');		background-image: url('https://wiki.geministation.com/images/9/9d/Checkbox-checked.png');
	}		}

Banri: Created page with "/* Use with Template:Checklist / / =========================== lighttable checklists =========================== / / checklist will otherwise render anythin..."

2020-06-17T06:48:30Z

Created page with "Use with [[Template:Checklist]]: =========================== lighttable checklists ===========================: /* checklist will otherwise render anythin..."

New page

/* Use with [[Template:Checklist]] */

/* ===========================
lighttable checklists
=========================== */

/* checklist will otherwise render anything floated to the right unclickable
due to overlap; 300px is the width of infoboxes and default thumbnail size */
.lighttable.checklist {
max-width: calc(100% - 350px);
}

/* mobile skin and {{Quest details}} */
body.skin-minerva .lighttable.checklist,
.questdetails .lighttable.checklist {
max-width: 100%;
}

/* kill excessive margin if nested */
.lighttable.checklist ul ul {
margin-left: .5em;
}

.lighttable.checklist li {
padding-left: 1.75em;
margin-bottom: .3em;
position: relative;
list-style: none;
cursor: pointer;
}

/* ---------------------------
unchecked state
--------------------------- */

.lighttable.checklist li::before {
content: '';
position: absolute;
height: 1rem;
width: 1rem;
top: .3rem;
left: 0;
background-image: url('filepath://Checkbox-unchecked.svg');
background-size: 1rem;
}

/* unchecked hover state */
.lighttable.checklist li:not(.checked):hover::before {
background-color: #e4eaee;
border-radius: .2rem;
}

body.wgl-darkmode .lighttable.checklist li:not(.checked):hover::before {
background-color: #313e59;
}

/* ---------------------------
checked state
--------------------------- */

/* only fade the text content, not the checkbox; exclude nested checklists and
bold/italics, otherwise the fading gets applied twice */

.lighttable.checklist .checked > *:not(ul):not(i):not(b) {
opacity: 0.5;
}

.lighttable.checklist .checked::before {
background-image: url('filepath://Checkbox-checked.svg');
}

.lighttable.checklist .checked {
color: rgba(54, 65, 79, 0.5); /* #36414f in rgba */
}

body.wgl-darkmode .lighttable.checklist .checked {
color: rgba(204, 217, 244, 0.5); /* #ccd9f4 in rgba */
}

MediaWiki:Gadget-highlightTable.css - Revision history

Banri at 17:44, 17 June 2020

Banri: Created page with "/* Use with Template:Checklist */ /* =========================== lighttable checklists =========================== */ /* checklist will otherwise render anythin..."

Banri: Created page with "/* Use with Template:Checklist / / =========================== lighttable checklists =========================== / / checklist will otherwise render anythin..."