Template:Infobox/style.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
mNo edit summary |
||
| (44 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
.infobox { |
.infobox { |
||
| ⚫ | |||
| ⚫ | |||
float: right; |
float: right; |
||
| + | clear: right; |
||
| + | |||
| ⚫ | |||
| + | margin: 0.5em 0 0.5em 1em; |
||
| + | |||
border: solid 1px grey; |
border: solid 1px grey; |
||
background-color: #f5f5f5; |
background-color: #f5f5f5; |
||
| Line 8: | Line 11: | ||
} |
} |
||
| + | .infobox.nofloat { |
||
| − | .infobox-header, .infobox-illustration, .infobox-caption, .infobox-section-header { |
||
| + | float: none; |
||
| − | /*column-span: 2;*/ |
||
| + | margin: 0.5em auto; |
||
| + | } |
||
| + | |||
| + | .infobox-item { |
||
| + | vertical-align: top; |
||
| + | text-align: left; |
||
| ⚫ | |||
| + | } |
||
| + | |||
| + | .infobox-item-title { |
||
| + | vertical-align: top; |
||
| + | text-align: right; |
||
| + | width: 34%; |
||
| + | } |
||
| + | |||
| + | .infobox-dual-illustration img, .infobox-illustration img { |
||
| + | width: auto; |
||
| + | height: auto; |
||
| + | object-fit: contain; |
||
| + | display: block; |
||
| + | margin-left: auto; |
||
| + | margin-right: auto; |
||
| + | } |
||
| + | |||
| + | .infobox-dual-illustration img { |
||
| + | max-width: 100%; |
||
| + | } |
||
| + | |||
| + | .infobox-dual-illustration { |
||
| + | width:100%; |
||
| + | } |
||
| + | |||
| + | .infobox-column { |
||
| + | vertical-align: top; |
||
| + | text-align: center; |
||
} |
} |
||
.infobox-header { |
.infobox-header { |
||
| − | padding: |
+ | padding: 0.8em 2em; |
color: white; |
color: white; |
||
background-color: #696969; |
background-color: #696969; |
||
| − | + | text-align: center; |
|
| + | } |
||
| + | |||
| + | .infobox-header .infobox-title { |
||
| + | padding: 0; |
||
| + | margin: 0 auto; |
||
| + | color: inherit; |
||
| + | font-size: 1.3em; |
||
| + | } |
||
| + | |||
| + | .infobox-header .infobox-subtitle { |
||
| + | /*margin-top: .4em;*/ |
||
| + | font-style: italic; |
||
} |
} |
||
| − | .infobox-illustration |
+ | .infobox-illustration .infobox-dual-illustration { |
margin: auto; |
margin: auto; |
||
| + | margin-left: auto; |
||
| + | margin-right: auto; |
||
text-align: center; |
text-align: center; |
||
| + | |||
| + | } |
||
| + | |||
| + | .infobox-dual-illustration { |
||
| + | width: 100%; |
||
| + | |||
} |
} |
||
.infobox-caption { |
.infobox-caption { |
||
| + | text-align: center; |
||
| + | vertical-align: top; |
||
color: #696969; |
color: #696969; |
||
font-style: italic; |
font-style: italic; |
||
| Line 32: | Line 92: | ||
background-color: #ddd; |
background-color: #ddd; |
||
color: #222; |
color: #222; |
||
| + | font-size: 1.1em; |
||
} |
} |
||
Latest revision as of 23:19, 26 October 2022
.infobox {
float: right;
clear: right;
min-width: 200px;
margin: 0.5em 0 0.5em 1em;
border: solid 1px grey;
background-color: #f5f5f5;
font-size: 90%;
}
.infobox.nofloat {
float: none;
margin: 0.5em auto;
}
.infobox-item {
vertical-align: top;
text-align: left;
width: 66%;
}
.infobox-item-title {
vertical-align: top;
text-align: right;
width: 34%;
}
.infobox-dual-illustration img, .infobox-illustration img {
width: auto;
height: auto;
object-fit: contain;
display: block;
margin-left: auto;
margin-right: auto;
}
.infobox-dual-illustration img {
max-width: 100%;
}
.infobox-dual-illustration {
width:100%;
}
.infobox-column {
vertical-align: top;
text-align: center;
}
.infobox-header {
padding: 0.8em 2em;
color: white;
background-color: #696969;
text-align: center;
}
.infobox-header .infobox-title {
padding: 0;
margin: 0 auto;
color: inherit;
font-size: 1.3em;
}
.infobox-header .infobox-subtitle {
/*margin-top: .4em;*/
font-style: italic;
}
.infobox-illustration .infobox-dual-illustration {
margin: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.infobox-dual-illustration {
width: 100%;
}
.infobox-caption {
text-align: center;
vertical-align: top;
color: #696969;
font-style: italic;
}
.infobox-section-header {
background-color: #ddd;
color: #222;
font-size: 1.1em;
}