MediaWiki:Common.css: Skirtumas tarp puslapio versijų

MediaWiki:Common.css (žiūrėti kodą)

21:35, 12 balandžio 2025 versija

2 989 pridėti baitai , 12 balandžio

nėra keitimo aprašymo

M0dii

Biurokratai, Sąsajos administratoriai, Moderatoriai, staff, Administratoriai

890

pakeitimų

@@ 883 eilutė: / 883 eilutė: @@
          clear: both;
      }
+}
+.tile {
+    background: var(--tile-background-color);
+    border: 1px solid var(--tile-border-color);
+    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
+    padding: 1.5em 2em 1em;
+    max-width: 40em;
+}
+.tile-full {
+    background: var(--tile-background-color);
+    border: 1px solid var(--tile-border-color);
+    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
+    padding: 1.5em 2em 1em;
+}
+.tile h2 {
+    font-size: 1.4em;
+    font-weight: bold;
+    border: none;
+    margin: 0 0 0.4em;
+}
+.tile .byline + h2 {
+    margin-top: -0.5em;
+}
+.tile.dark {
+    color: var(--tile-dark-color);
+    background: var(--tile-dark-bg);
+    border: none;
+    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
+}
+.tile.dark h2 {
+    color: var(--tile-dark-header-color);
+}
+.tile.dark a {
+    color: var(--tile-dark-link-color);
+}
+.tile.dark .byline {
+    color: var(--tile-dark-byline-color);
+}
+.byline {
+    font-size: 0.9em;
+    color: var(--byline-color);
+}
+.byline a {
+    color: var(--byline-color);
+}
+.tile-row {
+    display: flex;
+    flex-flow: row wrap;
+    margin-bottom: 1em;
+}
+.tile-halves {
+    display: flex;
+    flex-flow: row wrap;
+    border: 1px solid var(--tile-border-color);
+    background: var(--tile-background-color);
+    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
+}
+.tile-halves h2 {
+    font-size: 1.4em;
+    font-weight: bold;
+    border: none;
+    margin: 0 0 0.4em;
+}
+.tile-halves .byline + h2 {
+    margin-top: -0.5em;
+}
+.tile-top {
+    width: 100%;
+    padding: 1.3rem 1.5rem 0.6rem;
+}
+.tile-top.tile-image {
+    display: flex;
+    align-items: center;
+    background-color: var(--byline-color);
+    overflow: hidden;
+    padding: 0;
+    height: 13vw;
+    max-height: 12em;
+    transition: 0.4s ease-out;
+}
+.tile-halves:hover .tile-top.tile-image img {
+    transform: scale(1.1);
+    transition: 0.5s ease-out;
+}
+.tile-top.tile-image a {
+    width: 100%;
+}
+.tile-top.tile-image img {
+    width: 100%;
+    object-fit: cover;
+    max-height: 200px;
+    transition: 0.4s ease-out;
+}
+.tile-bottom {
+    background: var(--tile-background-color);
+    border-top: 1px solid var(--tile-border-color);
+    width: 100%;
+    padding: 1rem 1.5rem 0.6rem;
+}
+.tile-bottom.link-button {
+    align-self: flex-end;
+    padding: 0;
+}
+.tile-bottom.link-button a {
+    display: block;
+    text-align: center;
+    padding: 0.75em 1.5em 0.8em;
+    text-decoration: none;
+}
+.tile-bottom.read-more {
+    background: var(--tile-link-button-color);
+    transition: 0.3s ease-out;
+}
+.tile-bottom.read-more a {
+    color: var(--byline-color);
+    font-weight: bold;
+    text-align: right;
+}
+.tile-bottom.read-more:hover {
+    background: var(--tile-link-button-highlight-color);
+}
+.tile-bottom.read-more:hover .arrow {
+    transform: translateX(50%);
+}
+.tile-bottom.read-more .arrow {
+    filter: var(--byline-arrow-filter);
+    margin-left: 0.4em;
+    transition: 0.3s ease-out;
+}
+.tile.oswf-day {
+    margin-left: 0.5em;
 }