Mall:Navigering deltagarsidor/styles.css
From Wikipedia, the free encyclopedia
/* vid skärmbredd ≤ 700px */ @media screen and ( max-width: 700px ) { .navdeltagarsidor-bred { display: none; }
body.skin-minerva .navdeltagarsidor-desktop { display: none; }
} .navdeltagarsidor-mobil {
clear: right; float: right; width: 13.5em; /* Blå nyans från Mall:Sidhuvud */ background: linear-gradient(to bottom, #dce3f1 0%, #fff 75%); margin: 1em 0 1em 1em; padding: .3em; border: 1px solid #c8ccd1; /* gray300 */ border-radius: 3px;
} .navdeltagarsidor-mobil-rubrikrad {
background: #d9dce1; padding: .3em; border-bottom: 1px solid #72777d; /* gray500 */ border-radius: 5px; text-align: center;
} .navdeltagarsidor-mobil-rubrik {
font-size: larger; letter-spacing: 1px; font-weight: bold;
} .navdeltagarsidor-mobil-bild {
padding-left: .8em; width: 25px; position: relative; top: -3px;
} .navdeltagarsidor-mobil dl {
margin: .3em auto .2em;
} .navdeltagarsidor-mobil dd {
background: #f8f9fa; /* gray100 */ margin: 3px 2px; padding: .1em .7em;
}
/* vid skärmbredd > 700px */
@media screen and ( min-width: 701px ) {
.navdeltagarsidor-smal {
display: none;
}
.navdeltagarsidor-mobil { display: none; }
} .navdeltagarsidor-desktop {
clear: right; float: right;
}
/* För att kunna visa den lilla mobilvarianten som demo */ .navdeltagarsidor-demomobil .navdeltagarsidor-desktop {
display: none;
} .navdeltagarsidor-demomobil .navdeltagarsidor-mobil {
display: inline-block;
}
.navdeltagarsidor-desktop-tabell {
border-spacing: 0; background: #fffffa; margin: 1em 0 1em 1em; border-collapse: separate; padding: .5em; border: 1px solid #d3ddd3; width: 17.4em; font-size: 90%;
} .navdeltagarsidor-desktop-rubrikrad {
background: #aabadd; font-size: 100%; padding: .5em; border-bottom: 1px solid #696969;
} .navdeltagarsidor-desktop-rubrik {
font-size: 160%; font-weight: bold;
} .navdeltagarsidor-desktop-bild {
padding: .5em; width: 25px;
}
/* */