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