Difference between revisions of "Template:Infobox/styles.css"

From Appropedia
Jump to navigation Jump to search
 
(7 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
margin: 0 0 .5em .5em;
 
margin: 0 0 .5em .5em;
 
position: relative;
 
position: relative;
width: 304px;
+
width: 330px;
 
}
 
}
 
.infobox-edit {
 
.infobox-edit {
Line 19: Line 19:
 
.infobox-title {
 
.infobox-title {
 
font-size: large;
 
font-size: large;
 +
margin: .5em;
 +
text-align: center;
 +
}
 +
.infobox-below {
 
margin: .5em;
 
margin: .5em;
 
text-align: center;
 
text-align: center;
Line 27: Line 31:
 
.infobox-caption {
 
.infobox-caption {
 
font-size: small;
 
font-size: small;
 +
margin: 0 1em;
 
text-align: center;
 
text-align: center;
 
}
 
}
Line 32: Line 37:
 
border-collapse: separate;
 
border-collapse: separate;
 
border-spacing: .5em;
 
border-spacing: .5em;
 +
width: 100%;
 
}
 
}
 
.infobox td,
 
.infobox td,
Line 40: Line 46:
 
text-align: left;
 
text-align: left;
 
}
 
}
.infobox-data td[colspan="2"] {
+
.infobox-data td[colspan="2"]:not(.alignleft) {
 
text-align: center;
 
text-align: center;
 
}
 
}
Line 49: Line 55:
 
.infobox-header:hover {
 
.infobox-header:hover {
 
text-decoration: underline;
 
text-decoration: underline;
 +
}
 +
.infobox img {
 +
max-width: 100%;
 +
height: auto;
 
}
 
}
  
@media screen and (max-width:600px) {
+
@media screen and (max-width:640px) {
 
.infobox {
 
.infobox {
 
margin: .5em 0;
 
margin: .5em 0;

Latest revision as of 13:35, 18 November 2020

.infobox {
	background: #f9f9f9;
	border: 1px solid #aaa;
	float: right;
	margin: 0 0 .5em .5em;
	position: relative;
	width: 330px;
}
.infobox-edit {
	float: right;
	position: absolute;
	top: .5em;
	right: .5em;
}
.infobox-above {
	margin: .5em;
	text-align: center;
}
.infobox-title {
	font-size: large;
	margin: .5em;
	text-align: center;
}
.infobox-below {
	margin: .5em;
	text-align: center;
}
.infobox-image {
	text-align: center;
}
.infobox-caption {
	font-size: small;
	margin: 0 1em;
	text-align: center;
}
.infobox-table {
	border-collapse: separate;
	border-spacing: .5em;
	width: 100%;
}
.infobox td,
.infobox th {
	vertical-align: top;
}
.infobox-data th {
	text-align: left;
}
.infobox-data td[colspan="2"]:not(.alignleft) {
	text-align: center;
}
.infobox-header {
	background: #cef2ce;
	cursor: pointer;
}
.infobox-header:hover {
	text-decoration: underline;
}
.infobox img {
	max-width: 100%;
	height: auto;
}

@media screen and (max-width:640px) {
	.infobox {
		margin: .5em 0;
		width: 100%;
	}
}