Template:LocationsArticle.css

From TwogPedia
Revision as of 02:55, 26 April 2025 by Admin (talk | contribs) (Created page with ".locations__grid { display: grid; grid-template-columns: 70% 30%; gap: 20px; padding: 10px 0; } .container-locations-twogpedia { border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .related__news__container h3, .news__grid > div > p { margin-top: 0; color: white; } .related__news { display: flex; flex-direction: column; gap: 2rem; height: 100%; } .related__news__container { display: flex; flex-direction: column; gap: 0.7...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

.locations__grid {

 display: grid;
 grid-template-columns: 70% 30%;
 gap: 20px;
 padding: 10px 0;

}

.container-locations-twogpedia {

 border-radius: 8px;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.related__news__container h3, .news__grid > div > p { margin-top: 0; color: white; }

.related__news { display: flex;

   flex-direction: column;
   gap: 2rem;
   height: 100%;

}

.related__news__container { display: flex;

   flex-direction: column;
   gap: 0.75rem;
   height: 100%;

}

.news-meta-container, .news-meta-content-twogpedia {

   padding: 10px 0;
   border-bottom: 2px solid #77737A;

}

.related__article { position: relative; }

.related__article img { max-width: 100%; height: auto; }

.type-icon-locations .image {

 display: inline-flex;
 align-items: center;
 justify-content: center;
 height: 32px;
 width: auto;
 background-color: #1A1A20;
 border-radius: 6px;
 padding: 7px !important;
 overflow: hidden;
 vertical-align: middle;
 text-decoration: none;
 border: none;
 border-bottom: none !important;

}

.type-icon-locations .image img {

 max-height: 100%;
 max-width: 100%;
 display: block;
 object-fit: contain;
 vertical-align: middle;

}


  1. Opening_Times {

display: none !important; }

  1. Pricing {

display: none !important; }

  1. Equipment {

display: none !important; }

  1. Gallery {

display: none !important; }

@media (max-width: 768px) {

 .locations__grid {
   grid-template-columns: 100%;
 }
 .container-related-news-twogpedia {
   margin-top: 20px;
 }

}

@media (min-width: 768px) { .container-related-news-twogpedia { padding-left: 20px; padding-right: 14px; border-left: 1px solid #77737A; }

.locations__grid { margin: 0 34px; }

.news__grid { display: grid; grid-template-columns: 2.3fr 1fr; margin: 0 30px; gap: 2rem; }

.news__grid > div:last-child { border-left: 1px solid #77737A; padding-left: 20px; }

.news-content { display: none; }

.tables-container-location { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: start; justify-content: center; width: 100%; }

.table-item-location:empty { visibility: hidden; height: 0; margin: 0; padding: 0; }

#toc {

   	display: none !important;

}

.table-item-location h2 { display: none !important; }

}