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

From Appropedia
Jump to navigation Jump to search
 
(11 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
float: right;
 
float: right;
 
margin: 0 0 .5em .5em;
 
margin: 0 0 .5em .5em;
width: 304px;
+
position: relative;
 +
width: 330px;
 
}
 
}
 
.infobox-edit {
 
.infobox-edit {
 
float: right;
 
float: right;
 +
position: absolute;
 +
top: .5em;
 +
right: .5em;
 
}
 
}
 
.infobox-above {
 
.infobox-above {
Line 15: 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 23: Line 31:
 
.infobox-caption {
 
.infobox-caption {
 
font-size: small;
 
font-size: small;
 +
margin: 0 1em;
 
text-align: center;
 
text-align: center;
 
}
 
}
.infobox-data {
+
.infobox-table {
 
border-collapse: separate;
 
border-collapse: separate;
 
border-spacing: .5em;
 
border-spacing: .5em;
 +
width: 100%;
 
}
 
}
 
.infobox td,
 
.infobox td,
Line 36: 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 42: Line 52:
 
background: #cef2ce;
 
background: #cef2ce;
 
cursor: pointer;
 
cursor: pointer;
text-align: center;
 
 
}
 
}
 
.infobox-header:hover {
 
.infobox-header:hover {
 
text-decoration: underline;
 
text-decoration: underline;
 +
}
 +
.infobox img {
 +
max-width: 100%;
 +
height: auto;
 +
}
 +
 +
@media screen and (max-width:640px) {
 +
.infobox {
 +
margin: .5em 0;
 +
width: 100%;
 +
}
 
}
 
}

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%;
	}
}