https://files.wikijournal.org/w-wiki/index.php?action=history&feed=atom&title=Template%3AFilesMain%2Fstyles.css 2026-05-21T23:41:02Z Revision history for this page on the wiki MediaWiki 1.43.5 https://files.wikijournal.org/w-wiki/index.php?title=Template:FilesMain/styles.css&diff=2007&oldid=prev 2026-05-21T15:01:06Z

<p>Create styled main page CSS</p> <a href="https://files.wikijournal.org/w-wiki/index.php?title=Template:FilesMain/styles.css&amp;diff=2007&amp;oldid=2005">Show changes</a>

Philip https://files.wikijournal.org/w-wiki/index.php?title=Template:FilesMain/styles.css&diff=2005&oldid=prev 2026-05-21T14:58:31Z

<p>Update files repository main page design</p> <p><b>New page</b></p><div>.wjf-main { color: #202733; }<br /> .wjf-main a { font-weight: 600; }<br /> .wjf-hero { border: 1px solid #c8d2df; background: #eef4fa; padding: 28px 32px; margin: 0 0 22px; }<br /> .wjf-kicker { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6a4b13; margin-bottom: 10px; }<br /> .wjf-title { font-family: Georgia, &#039;Times New Roman&#039;, serif; font-size: 36px; line-height: 1.12; margin: 0 0 12px; }<br /> .wjf-lead { max-width: 760px; font-size: 17px; line-height: 1.55; color: #354252; margin: 0 0 20px; }<br /> .wjf-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }<br /> .wjf-button, .wjf-button:visited { display: inline-block; padding: 9px 14px; border: 1px solid #214f8f; background: #2f6fbd; color: #fff !important; text-decoration: none; font-weight: 700; }<br /> .wjf-button-secondary, .wjf-button-secondary:visited { display: inline-block; padding: 9px 14px; border: 1px solid #c8d2df; background: #fff; color: #244a7c !important; text-decoration: none; font-weight: 700; }<br /> .wjf-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 22px; max-width: 760px; }<br /> .wjf-stat { border: 1px solid #c8d2df; background: #fff; padding: 12px 14px; }<br /> .wjf-stat strong { display: block; font-size: 24px; line-height: 1.1; color: #244a7c; }<br /> .wjf-stat span { display: block; margin-top: 4px; font-size: 13px; color: #52606f; }<br /> .wjf-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 18px; align-items: start; }<br /> .wjf-panel { border: 1px solid #c8d2df; background: #fff; padding: 18px; margin-bottom: 18px; }<br /> .wjf-panel-soft { background: #f3f7fb; }<br /> .wjf-panel h2 { font-size: 22px; margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1px solid #c8d2df; }<br /> .wjf-panel h3 { font-size: 17px; margin: 16px 0 8px; }<br /> .wjf-panel p, .wjf-panel li { line-height: 1.5; }<br /> .wjf-link-list { margin: 0; padding-left: 20px; }<br /> .wjf-search-box .mw-inputbox-centered, .wjf-search-box .mw-inputbox-inline { margin: 0; text-align: left; }<br /> .wjf-search-box input[type=&#039;text&#039;], .wjf-search-box input[name=&#039;search&#039;] { max-width: 100%; min-height: 34px; border: 1px solid #c8d2df; padding: 6px 8px; }<br /> .wjf-newfiles { border: 1px solid #c8d2df; background: #fff; padding: 12px; }<br /> .wjf-newfiles .gallery { margin: 0; }<br /> @media (max-width: 900px) {<br /> .wjf-hero { padding: 22px; }<br /> .wjf-title { font-size: 30px; }<br /> .wjf-grid, .wjf-stats { grid-template-columns: 1fr; }<br /> }</div>

Philip