You are browsing a read-only backup copy of Wikitech. The primary site can be found at wikitech.wikimedia.org

Template:Navigation sidebar/styles.css: Difference between revisions

From Wikitech-static
Jump to navigation Jump to search
imported>Quiddity
(darker border for contrast-accessibility)
imported>Tacsipacsi
(make responsive, including getting rid of all inline CSS to avoid !important overrides)
 
Line 3: Line 3:
background: #fff;
background: #fff;
border: 1px solid #a2a9b1;
border: 1px solid #a2a9b1;
float: right;
clear: right;
margin: .5em 0 1em 1em;
}
.tpl-navsidebar-floatright {
/* @noflip */
float: right;
/* @noflip */
clear: right;
/* @noflip */
margin: .5em 0 1em 1em;
}
.tpl-navsidebar-floatleft {
/* @noflip */
float: left;
/* @noflip */
clear: left;
/* @noflip */
margin: .5em 1em 1em 0;
}
.tpl-navsidebar-floatnone {
float: none;
clear: both;
margin: .5em 0;
}
}
.tpl-navsidebar-topimage {
.tpl-navsidebar-topimage {
Line 30: Line 54:
text-align: right;
text-align: right;
font-size: smaller;
font-size: smaller;
}
@media not (min-width: 720px) {
.tpl-navsidebar {
float: none;
clear: both;
margin: .5em 0;
max-width: none;
}
}
}

Latest revision as of 19:16, 19 July 2022

.tpl-navsidebar {
	max-width: 22em;
	background: #fff;
	border: 1px solid #a2a9b1;
	float: right;
	clear: right;
	margin: .5em 0 1em 1em;
}
.tpl-navsidebar-floatright {
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	/* @noflip */
	margin: .5em 0 1em 1em;
}
.tpl-navsidebar-floatleft {
	/* @noflip */
	float: left;
	/* @noflip */
	clear: left;
	/* @noflip */
	margin: .5em 1em 1em 0;
}
.tpl-navsidebar-floatnone {
	float: none;
	clear: both;
	margin: .5em 0;
}
.tpl-navsidebar-topimage {
	margin: 0 0 16px 0;
}
.tpl-navsidebar-title {
	margin: 8px 16px;
	border-bottom: 3px solid #eaecf0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.tpl-navsidebar-image {
	margin: 0 0 8px;
}
.tpl-navsidebar-content {
	margin: 0 0 16px 0;
	padding: 0 8px;
}
.tpl-navsidebar-heading {
	margin: 8px 0 0 0;
	font-weight: bold;
}
.tpl-navsidebar-foot {
	padding: 0 8px;
	margin: 0;
	text-align: right;
	font-size: smaller;
}
@media not (min-width: 720px) {
	.tpl-navsidebar {
		float: none;
		clear: both;
		margin: .5em 0;
		max-width: none;
	}
}