Template:PageTournaments.css: Difference between revisions
From TwogPedia
(Created page with ".tournament__grid { display: grid; grid-template-columns: 70% 30%; gap: 20px; padding: 10px 0; } b { color: #ECEBEB; } p { color: #C1C1CD; } .tabber__header { margin: 30px 0; } .tabber__tab--active { color: #ECEBEB !important; } .container-tournament-twogpedia { border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .infobox-container-tournament-twogpedia p { display: none; } .related__news__container h3, .news__grid > div > p...") |
No edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 63: | Line 63: | ||
max-width: 100%; | max-width: 100%; | ||
height: auto; | height: auto; | ||
} | |||
.news-title-twogpedia a, | |||
.news-title-twogpedia a:hover, | |||
.news-title-twogpedia a:visited, | |||
.news-title-twogpedia a:focus, | |||
.news-title-twogpedia a:active { | |||
color: #ECEBEB; | |||
text-decoration: none; | |||
font-weight: bold; | |||
} | } | ||
Latest revision as of 17:09, 25 August 2025
.tournament__grid {
display: grid;
grid-template-columns: 70% 30%;
gap: 20px;
padding: 10px 0;
}
b {
color: #ECEBEB;
}
p {
color: #C1C1CD;
}
.tabber__header {
margin: 30px 0;
}
.tabber__tab--active {
color: #ECEBEB !important;
}
.container-tournament-twogpedia {
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.infobox-container-tournament-twogpedia p {
display: none;
}
.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;
}
.news-title-twogpedia a,
.news-title-twogpedia a:hover,
.news-title-twogpedia a:visited,
.news-title-twogpedia a:focus,
.news-title-twogpedia a:active {
color: #ECEBEB;
text-decoration: none;
font-weight: bold;
}
@media (max-width: 768px) {
.tournament__grid {
grid-template-columns: 100%;
}
.container-related-news-twogpedia {
/*margin-top: 20px;*/
display: none;
}
.content-container-tournament-twogpedia p {
font-size: 12px;
}
.talent__container {
display: flex !important;
gap: 20px;
flex-wrap: nowrap;
overflow-x: auto;
white-space: nowrap;
}
.talent__role {
flex: 0 0 auto;
width: 200px;
}
.p-team-container {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 768px) {
.container-related-news-twogpedia {
padding-left: 20px;
padding-right: 14px;
border-left: 1px solid #77737A;
}
.tournament__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;
}
}
No categories