MediaWiki:Mobile.css: Skillnad mellan sidversioner
Hoppa till navigering
Hoppa till sök
Harri (diskussion | bidrag) Skapade sidan med '→All CSS here will be loaded for users of the mobile site: #frontTable div{ margin: 1px 10px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -o-border-r...' Märken: Mobilredigering Mobil webbredigering |
Harri (diskussion | bidrag) Sync with finsl mobile.css Märken: Mobilredigering Mobil webbredigering |
||
| (4 mellanliggande sidversioner av samma användare visas inte) | |||
| Rad 1: | Rad 1: | ||
/* All CSS here will be loaded for users of the mobile site */ | /* All CSS here will be loaded for users of the mobile site */ | ||
.hiddenStructure { | |||
display: none; | |||
} | |||
#frontTable { | |||
display: table; | |||
table-layout: fixed; | |||
} | |||
- | |||
#frontTable div { | |||
position: relative; | |||
padding-bottom: 2em; | |||
margin: 0.1em 0.6em; | |||
border-radius: 1.5em; | |||
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); | |||
} | } | ||
#frontTable | #frontTable p { | ||
position: absolute; | |||
bottom: 0; | |||
width: 100%; | |||
} | } | ||
#frontTable | #frontTable img { | ||
opacity: .9; | opacity: .9; | ||
} | } | ||
#frontTable a { | #frontTable a { | ||
color: black; | color: black; | ||
} | } | ||
.thumbnail { | .thumbnail { | ||
background: url("/images/img_bg.png") no-repeat scroll 0 0 transparent; | |||
height: 220px; | |||
padding: 1px; | |||
width: 226px; | |||
z-index: 1; | |||
float: left; | |||
} | } | ||
#limited_pic { | #limited_pic { | ||
border: 0 none; | |||
height: 180px; | |||
margin-left: 15px; | |||
margin-top: 10px; | |||
overflow: hidden; | |||
position: relative; | |||
width: 200px; | |||
z-index: 2; | |||
} | } | ||
img { | img { | ||
border: 0 solid #333333; | |||
} | } | ||
#caption { | #caption { | ||
background-image: url("/images/blackbar.png"); | |||
color: #FFFFFF; | |||
font-family: Verdana, Arial, sans-serif; | |||
font-size: 80%; | |||
height: 25px; | |||
line-height: 1em; | |||
margin-left: 15px; | |||
margin-top: -30px; | |||
overflow: hidden; | |||
padding-top: 7px; | |||
position: relative; | |||
text-align: center; | |||
width: 200px; | |||
z-index: 3; | |||
} | |||
#caption a:link, | |||
#caption a:visited, | |||
#caption a:hover { | |||
color: #FFFFFF; | |||
font-weight: 700; | |||
text-decoration: none; | |||
} | |||
.infoboxtakn { | |||
width: 250px; | |||
background-color: white; | |||
float: left; | |||
clear: left; | |||
margin: -1em 0 1em 1em; | |||
border: 1px solid; | |||
border-radius: 12px; | |||
padding: 12px 12px 12px 12px; | |||
} | } | ||
.boxheader { | |||
text-align: center; | |||
font-size: 16px; | |||
font-weight: bold; | |||
line-height: 1.5em; | |||
} | } | ||
Nuvarande version från 16 oktober 2023 kl. 18.35
/* All CSS here will be loaded for users of the mobile site */
.hiddenStructure {
display: none;
}
#frontTable {
display: table;
table-layout: fixed;
}
#frontTable div {
position: relative;
padding-bottom: 2em;
margin: 0.1em 0.6em;
border-radius: 1.5em;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
}
#frontTable p {
position: absolute;
bottom: 0;
width: 100%;
}
#frontTable img {
opacity: .9;
}
#frontTable a {
color: black;
}
.thumbnail {
background: url("/images/img_bg.png") no-repeat scroll 0 0 transparent;
height: 220px;
padding: 1px;
width: 226px;
z-index: 1;
float: left;
}
#limited_pic {
border: 0 none;
height: 180px;
margin-left: 15px;
margin-top: 10px;
overflow: hidden;
position: relative;
width: 200px;
z-index: 2;
}
img {
border: 0 solid #333333;
}
#caption {
background-image: url("/images/blackbar.png");
color: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
font-size: 80%;
height: 25px;
line-height: 1em;
margin-left: 15px;
margin-top: -30px;
overflow: hidden;
padding-top: 7px;
position: relative;
text-align: center;
width: 200px;
z-index: 3;
}
#caption a:link,
#caption a:visited,
#caption a:hover {
color: #FFFFFF;
font-weight: 700;
text-decoration: none;
}
.infoboxtakn {
width: 250px;
background-color: white;
float: left;
clear: left;
margin: -1em 0 1em 1em;
border: 1px solid;
border-radius: 12px;
padding: 12px 12px 12px 12px;
}
.boxheader {
text-align: center;
font-size: 16px;
font-weight: bold;
line-height: 1.5em;
}