Main Page: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div | <!-- ============================================================ | ||
Main Page wikitext | |||
Paste this into Main_Page via ?action=edit | |||
============================================================ --> | |||
<div id="se-home"> | |||
<div | == Documents == | ||
<div | |||
<div | <div class="se-doclist"> | ||
<div class="se-docitem"> | |||
<div class="se-docitem-icon">📖</div> | |||
<div class="se-docitem-body"> | |||
<div class="se-docitem-title">[[BramhasutraBhashyam|Brahmasutra Bhashyam]]</div> | |||
<div class="se-docitem-meta">Sanskrit commentary</div> | |||
</div> | |||
<div class="se-docitem-action">[[BramhasutraBhashyam|Open →]]</div> | |||
</div> | |||
<div class="se-docitem"> | |||
<div class="se-docitem-icon">📜</div> | |||
<div class="se-docitem-body"> | |||
<div class="se-docitem-title">[[Nakha|Nakha]]</div> | |||
<div class="se-docitem-meta">Sanskrit text</div> | |||
</div> | |||
<div class="se-docitem-action">[[Nakha|Open →]]</div> | |||
</div> | </div> | ||
<div | <div class="se-docitem se-docitem--test"> | ||
<div | <div class="se-docitem-icon">✍</div> | ||
<div | <div class="se-docitem-body"> | ||
<div class="se-docitem-title">[[Test Page|Editor Testing Page]]</div> | |||
<div class="se-docitem-meta">Test editor features</div> | |||
</div> | |||
<div class="se-docitem-action">[[Test Page|Open →]]</div> | |||
</div> | |||
</div> | </div> | ||
<div | <div class="se-doclist-actions"> | ||
< | <span class="se-newdoc-trigger" onclick="if(window.NewPageDialog)NewPageDialog.show();">✚ New Document</span> | ||
</div> | </div> | ||
</div> | </div> | ||
<style> | |||
/* ── Home page document list ── */ | |||
#se-home h2 { font-size: 13px; font-weight: 700; text-transform: uppercase; | |||
letter-spacing: .08em; color: #8a9bb0; margin: 0 0 12px 0; | |||
border-bottom: 1px solid #eef0f3; padding-bottom: 8px; } | |||
.se-doclist { display: flex; flex-direction: column; gap: 0; border: 1px solid #e8eaed; | |||
border-radius: 10px; overflow: hidden; font-family: system-ui, sans-serif; } | |||
.se-docitem { display: flex; align-items: center; gap: 14px; | |||
padding: 14px 18px; background: #fff; border-bottom: 1px solid #f0f2f5; | |||
transition: background .12s; } | |||
.se-docitem:last-child { border-bottom: none; } | |||
.se-docitem:hover { background: #f7f9fc; } | |||
.se-docitem--test { background: #f5f8ff; } | |||
.se-docitem--test:hover { background: #edf2ff; } | |||
.se-docitem-icon { font-size: 22px; flex-shrink: 0; width: 36px; text-align: center; } | |||
.se-docitem-body { flex: 1; min-width: 0; } | |||
.se-docitem-title { font-size: 14.5px; font-weight: 600; color: #1a2e40; } | |||
.se-docitem-title a { color: inherit; text-decoration: none; } | |||
.se-docitem-title a:hover { color: #2a5298; } | |||
.se-docitem-meta { font-size: 12px; color: #8a9bb0; margin-top: 2px; } | |||
.se-docitem-action { flex-shrink: 0; } | |||
.se-docitem-action a { font-size: 12.5px; font-weight: 600; color: #2a5298; | |||
text-decoration: none; padding: 5px 12px; border-radius: 6px; | |||
border: 1px solid #c8d8f5; background: #f0f5ff; | |||
transition: background .12s, border-color .12s; white-space: nowrap; } | |||
.se-docitem-action a:hover { background: #dce8ff; border-color: #a0bcf0; } | |||
/* New document trigger */ | |||
.se-doclist-actions { margin-top: 16px; } | |||
.se-newdoc-trigger { display: inline-flex; align-items: center; gap: 6px; | |||
font-size: 13px; font-weight: 600; color: #1a2e40; | |||
padding: 8px 18px; border-radius: 20px; | |||
border: 1.5px solid #1a2e40; cursor: pointer; | |||
font-family: system-ui, sans-serif; | |||
transition: background .14s, color .14s; } | |||
.se-newdoc-trigger:hover { background: #1a2e40; color: #fff; } | |||
</style> | |||
Revision as of 08:26, 6 April 2026
<style> /* ── Home page document list ── */
- se-home h2 { font-size: 13px; font-weight: 700; text-transform: uppercase;
letter-spacing: .08em; color: #8a9bb0; margin: 0 0 12px 0; border-bottom: 1px solid #eef0f3; padding-bottom: 8px; } .se-doclist { display: flex; flex-direction: column; gap: 0; border: 1px solid #e8eaed; border-radius: 10px; overflow: hidden; font-family: system-ui, sans-serif; } .se-docitem { display: flex; align-items: center; gap: 14px; padding: 14px 18px; background: #fff; border-bottom: 1px solid #f0f2f5; transition: background .12s; } .se-docitem:last-child { border-bottom: none; } .se-docitem:hover { background: #f7f9fc; } .se-docitem--test { background: #f5f8ff; } .se-docitem--test:hover { background: #edf2ff; } .se-docitem-icon { font-size: 22px; flex-shrink: 0; width: 36px; text-align: center; } .se-docitem-body { flex: 1; min-width: 0; } .se-docitem-title { font-size: 14.5px; font-weight: 600; color: #1a2e40; } .se-docitem-title a { color: inherit; text-decoration: none; } .se-docitem-title a:hover { color: #2a5298; } .se-docitem-meta { font-size: 12px; color: #8a9bb0; margin-top: 2px; } .se-docitem-action { flex-shrink: 0; } .se-docitem-action a { font-size: 12.5px; font-weight: 600; color: #2a5298; text-decoration: none; padding: 5px 12px; border-radius: 6px; border: 1px solid #c8d8f5; background: #f0f5ff; transition: background .12s, border-color .12s; white-space: nowrap; } .se-docitem-action a:hover { background: #dce8ff; border-color: #a0bcf0; } /* New document trigger */ .se-doclist-actions { margin-top: 16px; } .se-newdoc-trigger { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #1a2e40; padding: 8px 18px; border-radius: 20px; border: 1.5px solid #1a2e40; cursor: pointer; font-family: system-ui, sans-serif; transition: background .14s, color .14s; } .se-newdoc-trigger:hover { background: #1a2e40; color: #fff; } </style>