https://it.wikijournal.org/w-wiki/index.php?action=history&feed=atom&title=Template%3APagina_principale%2Fstyles.css 2026-05-24T00:08:58Z Cronologia della pagina su questo sito MediaWiki 1.43.5 https://it.wikijournal.org/w-wiki/index.php?title=Template:Pagina_principale/styles.css&diff=246&oldid=prev 2026-05-22T11:48:52Z

<p>CSS per la nuova pagina principale</p> <p><b>Nuova pagina</b></p><div>.wj-it-home {<br /> color: #202122;<br /> font-size: 1rem;<br /> line-height: 1.55;<br /> }<br /> <br /> .wj-it-home * {<br /> box-sizing: border-box;<br /> }<br /> <br /> .wj-it-home a {<br /> font-weight: 600;<br /> }<br /> <br /> .wj-it-hero {<br /> display: grid;<br /> grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);<br /> min-height: 390px;<br /> margin: 0 0 18px;<br /> border: 1px solid #a2a9b1;<br /> background: #f7f2e8;<br /> }<br /> <br /> .wj-it-hero-copy {<br /> display: flex;<br /> flex-direction: column;<br /> justify-content: center;<br /> padding: 42px 46px;<br /> background: #f7f2e8;<br /> }<br /> <br /> .wj-it-kicker {<br /> margin-bottom: 14px;<br /> color: #0f766e;<br /> font-size: 0.82rem;<br /> font-weight: 800;<br /> letter-spacing: 0.08em;<br /> text-transform: uppercase;<br /> }<br /> <br /> .wj-it-hero h2 {<br /> margin: 0 0 16px;<br /> border: 0;<br /> font-family: inherit;<br /> font-size: 2.05rem;<br /> font-weight: 800;<br /> line-height: 1.15;<br /> color: #1f2933;<br /> }<br /> <br /> .wj-it-lead {<br /> max-width: 650px;<br /> margin: 0 0 24px;<br /> font-size: 1.08rem;<br /> font-weight: 600;<br /> }<br /> <br /> .wj-it-actions {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 10px;<br /> margin-bottom: 24px;<br /> }<br /> <br /> .wj-it-button,<br /> .wj-it-button:visited {<br /> display: inline-block;<br /> padding: 10px 16px;<br /> border: 1px solid #0f766e;<br /> background: #0f766e;<br /> color: #fff;<br /> font-weight: 700;<br /> text-decoration: none;<br /> }<br /> <br /> .wj-it-button-light,<br /> .wj-it-button-light:visited {<br /> background: transparent;<br /> color: #0f766e;<br /> }<br /> <br /> .wj-it-stats {<br /> display: grid;<br /> grid-template-columns: repeat(3, minmax(110px, 1fr));<br /> gap: 8px;<br /> max-width: 540px;<br /> }<br /> <br /> .wj-it-stat {<br /> padding: 11px 13px;<br /> border: 1px solid #d4c4a7;<br /> background: #fffaf0;<br /> }<br /> <br /> .wj-it-stat strong {<br /> display: block;<br /> color: #b45309;<br /> font-size: 1.35rem;<br /> line-height: 1.1;<br /> }<br /> <br /> .wj-it-stat span {<br /> display: block;<br /> margin-top: 3px;<br /> font-size: 0.88rem;<br /> font-weight: 600;<br /> }<br /> <br /> .wj-it-hero-media {<br /> display: grid;<br /> grid-template-columns: 1fr 1fr;<br /> grid-template-rows: 1fr 1fr;<br /> gap: 8px;<br /> padding: 8px;<br /> background: #17324d;<br /> }<br /> <br /> .wj-it-hero-media .mw-file-description,<br /> .wj-it-hero-media .mw-file-element {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> }<br /> <br /> .wj-it-hero-media img {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> min-height: 185px;<br /> object-fit: cover;<br /> }<br /> <br /> .wj-it-wide-photo {<br /> grid-column: span 2;<br /> }<br /> <br /> .wj-it-create {<br /> display: grid;<br /> grid-template-columns: minmax(220px, 1fr) minmax(280px, 520px);<br /> gap: 18px;<br /> align-items: center;<br /> margin: 0 0 18px;<br /> padding: 18px 20px;<br /> border: 1px solid #c8ccd1;<br /> background: #f6f8fa;<br /> }<br /> <br /> .wj-it-create h2,<br /> .wj-it-card h2,<br /> .wj-it-panel h2 {<br /> margin: 0 0 8px;<br /> border-bottom: 1px solid #c8ccd1;<br /> padding-bottom: 8px;<br /> font-family: inherit;<br /> font-size: 1.24rem;<br /> font-weight: 800;<br /> }<br /> <br /> .wj-it-create p,<br /> .wj-it-card p,<br /> .wj-it-panel p {<br /> margin: 0 0 12px;<br /> }<br /> <br /> .wj-it-create .mw-inputbox-centered,<br /> .wj-it-create .mw-inputbox-form {<br /> margin: 0;<br /> }<br /> <br /> .wj-it-grid {<br /> display: grid;<br /> grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);<br /> gap: 18px;<br /> margin-bottom: 18px;<br /> }<br /> <br /> .wj-it-card,<br /> .wj-it-panel {<br /> border: 1px solid #c8ccd1;<br /> background: #fff;<br /> padding: 18px;<br /> }<br /> <br /> .wj-it-feature {<br /> display: grid;<br /> grid-template-columns: 230px minmax(0, 1fr);<br /> gap: 16px;<br /> align-items: start;<br /> }<br /> <br /> .wj-it-feature-image .mw-file-description,<br /> .wj-it-feature-image .mw-file-element {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .wj-it-feature-image img {<br /> width: 100%;<br /> height: 170px;<br /> object-fit: cover;<br /> }<br /> <br /> .wj-it-tiles {<br /> display: grid;<br /> grid-template-columns: repeat(3, minmax(0, 1fr));<br /> gap: 12px;<br /> margin-bottom: 18px;<br /> }<br /> <br /> .wj-it-tile {<br /> padding: 15px;<br /> border-top: 4px solid #0f766e;<br /> background: #f5fbfa;<br /> }<br /> <br /> .wj-it-tile-title {<br /> display: block;<br /> margin-bottom: 6px;<br /> font-weight: 800;<br /> }<br /> <br /> .wj-it-link-list {<br /> margin: 0;<br /> padding-left: 1.1em;<br /> }<br /> <br /> .wj-it-link-list li {<br /> margin: 0.32em 0;<br /> padding-left: 0.1em;<br /> }<br /> <br /> .wj-it-bottom {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 12px;<br /> }<br /> <br /> .wj-it-bottom .wj-it-panel {<br /> padding: 15px;<br /> }<br /> <br /> .wj-it-bottom h2 {<br /> font-size: 1.08rem;<br /> }<br /> <br /> @media (max-width: 900px) {<br /> .wj-it-hero,<br /> .wj-it-create,<br /> .wj-it-grid,<br /> .wj-it-tiles,<br /> .wj-it-bottom {<br /> grid-template-columns: 1fr;<br /> }<br /> .wj-it-hero-copy {<br /> padding: 28px 24px;<br /> }<br /> .wj-it-hero h2 {<br /> font-size: 1.72rem;<br /> }<br /> .wj-it-feature {<br /> grid-template-columns: 1fr;<br /> }<br /> .wj-it-feature-image img {<br /> height: auto;<br /> }<br /> }<br /> <br /> @media (max-width: 560px) {<br /> .wj-it-stats,<br /> .wj-it-hero-media {<br /> grid-template-columns: 1fr;<br /> }<br /> .wj-it-wide-photo {<br /> grid-column: span 1;<br /> }<br /> .wj-it-actions {<br /> display: block;<br /> }<br /> .wj-it-button {<br /> margin: 0 0 8px;<br /> }<br /> }</div>

Philip