Διαφορά μεταξύ των αναθεωρήσεων του «MediaWiki:Common.css»
Από enirisst wiki
(Νέα σελίδα με '→Το τοποθετημένο εδώ CSS θα εφαρμοστεί σε όλα τα skins: .map { float: right; border: 3px solid #c8ccd1; /* Same as picture...') |
|||
| Γραμμή 2: | Γραμμή 2: | ||
.map { |
.map { |
||
float: right; |
float: right; |
||
| − | border: 3px solid #c8ccd1; |
+ | border: 3px solid #c8ccd1; |
padding: 3px; |
padding: 3px; |
||
background-color: #f8f9fa; |
background-color: #f8f9fa; |
||
| − | min-width: 300px; |
+ | min-width: 300px; |
margin-bottom: 20px; |
margin-bottom: 20px; |
||
| + | clear: both; |
||
| − | clear: both; /* To avoid two elements next to each other - force them below another instead*/ |
||
| − | width: min-content; |
+ | width: min-content; |
} |
} |
||
.map > p { |
.map > p { |
||
| − | font-size: 94%; |
+ | font-size: 94%; |
padding: 3px 0 0 3px; |
padding: 3px 0 0 3px; |
||
} |
} |
||
| − | /* Make map mobile-friendly by forcing it to stretch 100% width */ |
||
@media only screen and (max-width: 750px) { |
@media only screen and (max-width: 750px) { |
||
.map { |
.map { |
||
| Γραμμή 23: | Γραμμή 22: | ||
} |
} |
||
.leaflet-container { |
.leaflet-container { |
||
| + | width: 100% |
||
| − | width: 100% !important; /* Override the (inline) width property set when writing e. g. {{#display_map: ... |width=400px}}, because this could be too large for mobile screens */ |
||
} |
} |
||
} |
} |
||
Αναθεώρηση της 16:55, 21 Φεβρουαρίου 2021
/* Το τοποθετημένο εδώ CSS θα εφαρμοστεί σε όλα τα skins */
.map {
float: right;
border: 3px solid #c8ccd1;
padding: 3px;
background-color: #f8f9fa;
min-width: 300px;
margin-bottom: 20px;
clear: both;
width: min-content;
}
.map > p {
font-size: 94%;
padding: 3px 0 0 3px;
}
@media only screen and (max-width: 750px) {
.map {
float: left;
width: 100%;
}
.leaflet-container {
width: 100%
}
}
