Mall:Navigering deltagarsidor/styles.css

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

/* [[Kategori:TemplateStyles-mallar]] */