Mall:Testmall/JohanahoJ/test3/styles.css
Utseende
/* vid skärmbredd ≤ 700px */
@media screen and ( max-width: 700px ) {
.navdeltagarsidor-bred {
display: none;
}
.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:Testmallar]] */