Toggle menu
49
33
34
2.1K
Landrace.Wiki - The Landrace Cannabis Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Infobox Growing Region/styles.css: Difference between revisions

Template page
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..."
 
No edit summary
Tag: Reverted
Line 1: Line 1:
/* Template:Infobox Growing Region/styles.css */
.lw-infobox__map-container {
  position: relative;
  padding: 0 !important;
}


.lw-infobox.lw-infobox--growing-region {
.lw-infobox__map {
   width: 320px;
   height: 180px;
   float: right;
   width: 100%;
  clear: right;
}
  margin: 0 0 1rem 1rem;


   border: 1px solid rgba(45, 106, 79, 0.18);
.lw-infobox__map-expand {
   border-radius: 14px;
  position: absolute;
   overflow: hidden;
   top: 8px;
  right: 8px;
   width: 28px;
   height: 28px;
   background: #fff;
   background: #fff;
   box-shadow: 0 10px 24px rgba(0,0,0,0.06);
  border-radius: 6px;
 
   box-shadow: 0 2px 6px rgba(0,0,0,0.15);
   font-size: 0.92em;
  display: flex;
   line-height: 1.35;
  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__title {
.lw-infobox__map-expand:hover {
   background: #2d6a4f;
   background: #2d6a4f;
   color: #fff;
   color: #fff;
  font-size: 1.15em;
  padding: 0.7rem 0.8rem;
  text-align: center;
  letter-spacing: 0.2px;
}
.lw-infobox__subtitle {
  padding: 0.45rem 0.8rem;
  text-align: center;
  font-weight: 400;
  font-style: italic;
  color: rgba(0,0,0,0.65);
  background: #ffffff;
  border-bottom: 1px solid rgba(45, 106, 79, 0.10);
}
.lw-infobox__media {
  padding: 0.55rem 0.55rem 0.35rem 0.55rem;
  text-align: center;
  background: #ffffff;
}
.lw-infobox__caption {
  padding: 0 0.75rem 0.6rem 0.75rem;
  text-align: center;
  font-size: 0.88em;
  color: rgba(0,0,0,0.55);
  border-bottom: 1px solid rgba(45, 106, 79, 0.10);
}
.lw-infobox__label {
  width: 42%;
  padding: 0.5rem 0.6rem;
  background: rgba(45, 106, 79, 0.06);
  color: rgba(0,0,0,0.78);
  text-align: left;
  vertical-align: top;
}
.lw-infobox__value {
  padding: 0.5rem 0.6rem;
  color: rgba(0,0,0,0.80);
  vertical-align: top;
}
}


.lw-infobox__status {
/* Fullscreen map */
   font-weight: 700;
.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;
}
}


/* Mobile: stop floating so it doesn’t crush the lead text */
.lw-infobox__map--fullscreen + .lw-infobox__map-expand {
@media (max-width: 720px) {
  position: fixed;
  .lw-infobox.lw-infobox--growing-region {
  top: 16px;
    float: none;
  right: 16px;
    width: 100%;
   z-index: 10000;
    margin: 0 0 1rem 0;
   }
}
}

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;
}