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) Ingen redigeringssammanfattning |
||
| Rad 80: | Rad 80: | ||
font-weight: 700; | font-weight: 700; | ||
text-decoration: none; | text-decoration: none; | ||
} | |||
.infoboxtakn{ | |||
width:250px; | |||
background-color:white; | |||
float:right; | |||
clear:right; | |||
margin:-1em 0 1em 1em; | |||
border:1px solid; | |||
-moz-border-radius:12px; | |||
padding:12px 12px 12px 12px; | |||
} | |||
.boxheader | |||
{ | |||
text-align:center;font-size:16px;font-weight:bold;line-height:1.5em; | |||
} | } | ||
Versionen från 7 september 2023 kl. 14.41
/* 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-radius: 25px;
-ms-border-radius: 25px;
-khtml-border-radius: 25px;
border-radius: 25px;
}
#frontTable div{
background: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
#frontTable p
{
position: absolute; bottom: 0; width: 100%;
}
#frontTable div{position:relative; padding-bottom: 2em;}
#frontTable a 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:right;
clear:right;
margin:-1em 0 1em 1em;
border:1px solid;
-moz-border-radius:12px;
padding:12px 12px 12px 12px;
}
.boxheader
{
text-align:center;font-size:16px;font-weight:bold;line-height:1.5em;
}