Module:Shortcut/styles.css: Difference between revisions

From Wikipedia, the free encyclopedia
Content deleted Content added
support dark mode
m use border color from the style guide: https://doc.wikimedia.org/codex/latest/design-tokens/border.html
 
Line 3: Line 3:
float: right;
float: right;
margin: 0 0 0 1em;
margin: 0 0 0 1em;
border: 1px solid #aaa;
border: 1px solid #a2a9b1;
background: #fff;
background: #fff;
color: inherit; /* support dark mode */
color: inherit; /* support dark mode */
Line 18: Line 18:
.module-shortcutlist {
.module-shortcutlist {
display: inline-block;
display: inline-block;
border-bottom: 1px solid #aaa;
border-bottom: 1px solid #a2a9b1;
margin-bottom: 0.2em;
margin-bottom: 0.2em;
}
}

Latest revision as of 16:35, 28 April 2024

/* {{pp-template}} */
.module-shortcutboxplain {
	float: right;
	margin: 0 0 0 1em;
	border: 1px solid #a2a9b1;
	background: #fff;
	color: inherit; /* support dark mode */
	padding: 0.3em 0.6em 0.2em 0.6em;
	text-align: center;
	font-size: 85%;
}

.module-shortcutboxleft {
	float: left;
	margin: 0 1em 0 0;
}

.module-shortcutlist {
	display: inline-block;
	border-bottom: 1px solid #a2a9b1;
	margin-bottom: 0.2em;
}

.module-shortcutboxplain ul {
	font-weight: bold;
}

.module-shortcutanchordiv {
	position: relative;
	top: -3em;
}

li .module-shortcutanchordiv {
	float: right; /* IE/Edge in list items */
}

.mbox-imageright .module-shortcutboxplain {
	padding: 0.4em 1em 0.4em 1em;
	line-height: 1.3;
	margin: 0;
}