Template:Infobox Growing Region/styles.css: Difference between revisions
Template page
More actions
Eloise Zomia (talk | contribs) Created page with "→Template:Infobox Growing Region/styles.css: .lw-infobox.lw-infobox--growing-region { width: 320px; float: right; clear: right; margin: 0 0 1rem 1rem; border: 1px solid rgba(45, 106, 79, 0.18); border-radius: 14px; overflow: hidden; background: #fff; box-shadow: 0 10px 24px rgba(0,0,0,0.06); font-size: 0.92em; line-height: 1.35; } .lw-infobox__title { background: #2d6a4f; color: #fff; font-size: 1.15em; padding: 0.7rem 0.8rem; text..." |
Eloise Zomia (talk | contribs) No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
.lw-infobox__map-container { | |||
position: relative; | |||
padding: 0 !important; | |||
} | |||
.lw- | .lw-infobox__map { | ||
height: 180px; | |||
width: 100%; | |||
} | |||
.lw-infobox__map-expand { | |||
position: absolute; | |||
top: 8px; | |||
right: 8px; | |||
width: 28px; | |||
height: 28px; | |||
background: #fff; | background: #fff; | ||
box-shadow: 0 | border-radius: 6px; | ||
box-shadow: 0 2px 6px rgba(0,0,0,0.15); | |||
font-size: | display: flex; | ||
align-items: center; | |||
justify-content: center; | |||
cursor: pointer; | |||
font-size: 16px; | |||
color: #495057; | |||
z-index: 1000; | |||
transition: background 0.2s, color 0.2s; | |||
} | } | ||
.lw- | .lw-infobox__map-expand:hover { | ||
background: #2d6a4f; | background: #2d6a4f; | ||
color: #fff; | color: #fff; | ||
} | } | ||
.lw- | /* Fullscreen map */ | ||
.lw-infobox__map--fullscreen { | |||
position: fixed !important; | |||
top: 0 !important; | |||
left: 0 !important; | |||
width: 100vw !important; | |||
height: 100vh !important; | |||
z-index: 9999 !important; | |||
border-radius: 0 !important; | |||
} | } | ||
.lw-infobox__map--fullscreen + .lw-infobox__map-expand { | |||
position: fixed; | |||
top: 16px; | |||
right: 16px; | |||
z-index: 10000; | |||
} | } | ||
Revision as of 18:39, 11 January 2026
.lw-infobox__map-container {
position: relative;
padding: 0 !important;
}
.lw-infobox__map {
height: 180px;
width: 100%;
}
.lw-infobox__map-expand {
position: absolute;
top: 8px;
right: 8px;
width: 28px;
height: 28px;
background: #fff;
border-radius: 6px;
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 16px;
color: #495057;
z-index: 1000;
transition: background 0.2s, color 0.2s;
}
.lw-infobox__map-expand:hover {
background: #2d6a4f;
color: #fff;
}
/* Fullscreen map */
.lw-infobox__map--fullscreen {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
z-index: 9999 !important;
border-radius: 0 !important;
}
.lw-infobox__map--fullscreen + .lw-infobox__map-expand {
position: fixed;
top: 16px;
right: 16px;
z-index: 10000;
}