/* Position anges utanför själva tabellelementet för mobilvyns skull */
.kbb-position {
margin: .7em auto 1em 8em;
}
/* Default-tabellstil */
.kbb-tabell {
width: 560px;
border: 1px solid #aaa;
border-radius: 15px;
background-color: #f8f9fa;
font-size: 90%;
line-height: 1.3;
}
/* Ger specificerad padding i alla tabellceller */
.kbb-tabell th,
.kbb-tabell td {
padding: 2px 10px;
}
/* Kolumnindelning */
.kbb-tabell td {
columns: 2 auto;
}
/* Mindre vänstermarginal och tabellbredd vid skärmvy ≤ 800px bredd */
@media screen and ( max-width: 800px ) {
.kbb-position {
margin: .7em auto 1em 3em;
}
.kbb-tabell {
width: 500px;
}
}
/* Skippar tabellerna helt vid skärmvy ≤ 500px bredd */
@media screen and ( max-width: 500px ) {
.kbb-tabell {
display: none;
}
}
/* Stil på länk till stationär dator-vy (som visas när tabellerna inte syns) */
.kbb-vylänk {
margin-right: 3em;
padding: 3px;
border: 1px solid #aaa;
border-radius: 15px;
background-color: #f8f9fa;
font-size: 90%;
line-height: 1.3;
text-align: center;
}
/* Döljer länk till datorvyn vid skärmbredd > 500px (då tabellerna syns) */
@media screen and ( min-width: 501px ) {
.kbb-vylänk {
display: none;
}
}
/* [[Kategori:Testmallar]] */