Skillnad mellan versioner av "MediaWiki:Mobile.css"
Hoppa till navigering
Hoppa till sök
Harri (diskussion | bidrag) Märken: Mobil webbredigering Mobilredigering |
Harri (diskussion | bidrag) (Sync with finsl mobile.css) Märken: Mobil webbredigering Mobilredigering |
||
Rad 5: | Rad 5: | ||
} | } | ||
− | #frontTable | + | #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 { | + | #caption a:link, |
− | + | #caption a:visited, | |
− | + | #caption a:hover { | |
− | + | color: #FFFFFF; | |
+ | font-weight: 700; | ||
+ | text-decoration: none; | ||
} | } | ||
− | .infoboxtakn{ | + | .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 | + | .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; }