Sablon:Infobox/styles.css
Megjelenés
/*
== Új infoboxok stílusa ==
*/
.ujinfobox,
.content table.infobox.ujinfobox {
border: 1px solid #a2a9b1;
color: black;
padding: 5px;
vertical-align: top;
font-size: 92%;
line-height: 150%;
border-collapse: separate;
border-spacing: 5px;
}
@media screen {
.ujinfobox {
box-shadow: 3px 3px 6px #a2a9b1;
}
}
@media screen and (min-width: 720px), print {
.ujinfobox,
.content table.infobox.ujinfobox {
width: 272px;
margin: 0 0 0.5em 1em;
}
}
.ujinfobox th,
.ujinfobox td,
.content table.infobox.ujinfobox th,
.content table.infobox.ujinfobox td {
border-bottom: none;
}
.ujinfobox th,
.content table.infobox.ujinfobox th {
vertical-align: top;
text-align: left;
}
.ujinfobox th a,
.content table.infobox.ujinfobox th a {
color: black;
}
.ujinfobox .fejlec,
.content table.infobox.ujinfobox .fejlec {
height: 40px;
max-height: 40px;
vertical-align: middle;
text-align: center;
font-size: 135%;
font-weight: bolder;
line-height: 1.2em;
background-size: auto 100%;
background-position: top right;
background-repeat: no-repeat;
}
.ujinfobox td,
.content table.infobox.ujinfobox td {
padding: 0;
}
.ujinfobox td.kronologia,
.content table.infobox.ujinfobox td.kronologia {
font-size: 90%;
text-align: center;
}
.ujinfobox td.fejezet,
.content table.infobox.ujinfobox td.fejezet {
text-align: center;
padding: 1px 0;
}
.ujinfobox td.cimke,
.content table.infobox.ujinfobox td.cimke {
padding: 0 3px 0 0;
vertical-align: top;
}
.ujinfobox td.cimkealatt,
.content table.infobox.ujinfobox td.cimkealatt {
padding: 0 3px 0 15px;
vertical-align: top;
font-weight: normal;
}
.ujinfobox td.adat,
.content table.infobox.ujinfobox td.adat {
padding: 0;
vertical-align: top;
}