トラwiki - 利用者の投稿記録 [ja]

MediaWiki:Common.js

2026-08-26T06:55:41Z

Admin: スクリプトを元に戻す

/* JSなし */

MediaWiki:Common.css

2026-08-26T06:55:41Z

Admin: スタイルを元に戻す

/* CSSなし */

MediaWiki:Sidebar

2026-08-26T06:55:40Z

Admin: 元のサイドバーに戻す

メインページ

2026-08-26T06:55:40Z

Admin: 元のメインページに戻す

== 記事一覧 ==
<categorytree mode="pages">
Towny
</categorytree>

==== [[特別:カテゴリ|'''カテゴリ一覧''']] ====

== '''公式サービス''' ==
* [https://tora22.com 公式サイト]
* [https://ticket.tora22.com Webで問い合わせ]
* [https://tora22.com/contact お問い合わせ]
* [https://discord.gg/V6v5ZfTg8p Discord]
* [https://status.toraserver.net ステータスページ]

メインページ

2026-08-26T06:54:28Z

Admin: メインページをMediaWiki標準ポータルデザインに刷新

__NOTOC__
{| class="mw-wiki-portal" style="width: 100%; border-collapse: separate; border-spacing: 12px 12px; background: transparent; margin: -12px 0 0 0;"
|- style="vertical-align: top;"
| colspan="2" style="background: #f8f9fa; border: 1px solid #c8ccd1; border-radius: 4px; padding: 14px 18px;" |
{| style="width: 100%; background: transparent; border: none; margin: 0; padding: 0;"
|-
| style="vertical-align: middle;" |
<div style="font-size: 1.3em; font-weight: bold; color: #202122;">トラwikiへようこそ</div>
<div style="color: #54595d; font-size: 0.9em; margin-top: 4px;">マインクラフト建国サーバー「トラ鯖」の公式Wikiです。記事の閲覧・検索・新規作成が自由に行えます。</div>
| style="text-align: right; vertical-align: middle; white-space: nowrap;" |
<div class="tw-create-inline">
<inputbox>
type=create
width=24
buttonlabel=新規記事を作成
placeholder=記事名を入力...
</inputbox>
</div>
|}
|- style="vertical-align: top;"
| style="width: 50%; background: #ffffff; border: 1px solid #c8ccd1; border-radius: 4px; padding: 0;" |
<div style="background: #eaecf0; border-bottom: 1px solid #c8ccd1; padding: 8px 14px; font-weight: bold; color: #202122; font-size: 0.95em; display: flex; justify-content: space-between; align-items: center;">
<span>閲覧上位・主要記事</span>
<span style="font-weight: normal; font-size: 0.85em;">[[Portal:人気記事|一覧 →]]</span>
</div>
<div style="padding: 12px 16px;">
<ol style="margin: 0; padding-left: 20px; line-height: 1.8;">
<li>'''[[Towny解説]]''' - 建国システムの基本と町の作成手順</li>
<li>'''[[Townyチャットコマンド]]''' - よく使う必須コマンド一覧</li>
<li>'''[[Towny町長むけ]]''' - 領土拡大・税金設定・住民管理</li>
<li>'''[[Towny国関連]]''' - 国家の建国・同盟・防衛</li>
<li>'''[[Ticket内のAIチャットでの検閲]]''' - 問い合わせ利用時の注意点</li>
</ol>
</div>
| style="width: 50%; background: #ffffff; border: 1px solid #c8ccd1; border-radius: 4px; padding: 0;" |
<div style="background: #eaecf0; border-bottom: 1px solid #c8ccd1; padding: 8px 14px; font-weight: bold; color: #202122; font-size: 0.95em; display: flex; justify-content: space-between; align-items: center;">
<span>最新の更新</span>
<span style="font-weight: normal; font-size: 0.85em;">[[特別:最近の更新|履歴 →]]</span>
</div>
<div style="padding: 12px 16px;" id="tw-live-recent-updates">
<ul style="margin: 0; padding-left: 18px; line-height: 1.8;">
<li>[[Towny解説]]</li>
<li>[[Townyチャットコマンド]]</li>
<li>[[Towny町長むけ]]</li>
<li>[[Towny国関連]]</li>
<li>[[Ticket内のAIチャットでの検閲]]</li>
</ul>
</div>
|- style="vertical-align: top;"
| colspan="2" style="background: #ffffff; border: 1px solid #c8ccd1; border-radius: 4px; padding: 0;" |
<div style="background: #eaecf0; border-bottom: 1px solid #c8ccd1; padding: 8px 14px; font-weight: bold; color: #202122; font-size: 0.95em; display: flex; justify-content: space-between; align-items: center;">
<span>カテゴリー一覧</span>
<span style="font-weight: normal; font-size: 0.85em;">[[特別:カテゴリ|全カテゴリ一覧 →]]</span>
</div>
<div style="padding: 14px 18px;">
{| class="wikitable" style="width: 100%; margin: 0; background: transparent; border: none;"
|- style="background: transparent;"
| style="width: 33%; border: 1px solid #eaecf0; padding: 10px 12px; vertical-align: top;" |
'''[[:カテゴリ:Towny|Towny (建国)]]'''
<div style="color: #54595d; font-size: 0.85em; margin-top: 3px;">町の設立、領土、役職、税金など</div>
| style="width: 33%; border: 1px solid #eaecf0; padding: 10px 12px; vertical-align: top;" |
'''[[:カテゴリ:解説|各種解説]]'''
<div style="color: #54595d; font-size: 0.85em; margin-top: 3px;">サーバーシステム・機能の解説集</div>
| style="width: 33%; border: 1px solid #eaecf0; padding: 10px 12px; vertical-align: top;" |
'''[[:カテゴリ:初心者向け|初心者向け]]'''
<div style="color: #54595d; font-size: 0.85em; margin-top: 3px;">サーバー参加手順と初期ガイド</div>
|- style="background: transparent;"
| style="border: 1px solid #eaecf0; padding: 10px 12px; vertical-align: top;" |
'''[[:カテゴリ:プラグイン|プラグイン]]'''
<div style="color: #54595d; font-size: 0.85em; margin-top: 3px;">導入プラグインとコマンド機能</div>
| style="border: 1px solid #eaecf0; padding: 10px 12px; vertical-align: top;" |
'''[[:カテゴリ:建国|建国・国家]]'''
<div style="color: #54595d; font-size: 0.85em; margin-top: 3px;">国家運営・同盟・統治システム</div>
| style="border: 1px solid #eaecf0; padding: 10px 12px; vertical-align: top;" |
'''[[特別:カテゴリ|全カテゴリー]]'''
<div style="color: #54595d; font-size: 0.85em; margin-top: 3px;">Wiki内の全カテゴリ索引</div>
|}

<div style="margin-top: 14px; border-top: 1px solid #eaecf0; padding-top: 12px;">
<div style="font-weight: bold; font-size: 0.9em; margin-bottom: 6px; color: #54595d;">記事ツリー (Towny)</div>
<categorytree mode="pages">
Towny
</categorytree>
</div>
</div>
|- style="vertical-align: top;"
| colspan="2" style="background: #ffffff; border: 1px solid #c8ccd1; border-radius: 4px; padding: 0;" |
<div style="background: #eaecf0; border-bottom: 1px solid #c8ccd1; padding: 8px 14px; font-weight: bold; color: #202122; font-size: 0.95em;">
<span>公式サービス・リンク</span>
</div>
<div style="padding: 12px 18px;">
{| style="width: 100%; border: none; margin: 0; background: transparent;"
|-
| style="vertical-align: middle;" |
* [https://tora22.com 公式サイト]
* [https://ticket.tora22.com Webで問い合わせ]
* [https://tora22.com/contact お問い合わせ]
* [https://discord.gg/V6v5ZfTg8p 公式Discord]
* [https://status.toraserver.net サーバーステータス]
| style="vertical-align: middle; text-align: right; white-space: nowrap;" |
<div style="background: #f8f9fa; border: 1px solid #c8ccd1; border-radius: 4px; padding: 8px 14px; display: inline-block; text-align: left;">
<div style="font-size: 0.75em; color: #54595d; text-transform: uppercase;">Server Address</div>
<div style="font-family: monospace; font-size: 1.1em; font-weight: bold; color: #202122;">tora22.com</div>
</div>
|}
</div>
|}

MediaWiki:Common.js

2026-08-26T06:54:28Z

Admin: 軽量な最新更新読み込みスクリプトに刷新

/**
* MediaWiki:Common.js
*/
(function() {
'use strict';

function loadRecentUpdates() {
var container = document.getElementById('tw-live-recent-updates');
if (!container) return;

fetch('/api.php?action=query&list=recentchanges&rcnamespace=0&rclimit=6&rcprop=title|timestamp|user&format=json')
.then(function(res) { return res.json(); })
.then(function(data) {
if (!data || !data.query || !data.query.recentchanges) return;
var rcs = data.query.recentchanges;
if (rcs.length === 0) return;

var html = '<ul class="tw-recent-feed">';
for (var i = 0; i < rcs.length; i++) {
var item = rcs[i];
var titleEnc = encodeURIComponent(item.title);
var dateObj = new Date(item.timestamp);
var timeStr = formatTime(dateObj);

html += '<li class="tw-recent-feed-item">';
html += ' <span><a href="/index.php/' + titleEnc + '">' + escapeHtml(item.title) + '</a></span>';
html += ' <span class="tw-recent-feed-time">' + timeStr + '</span>';
html += '</li>';
}
html += '</ul>';
container.innerHTML = html;
})
.catch(function(err) {
console.warn('Recent changes load error:', err);
});
}

function formatTime(d) {
var m = (d.getMonth() + 1);
var day = d.getDate();
var h = ('0' + d.getHours()).slice(-2);
var min = ('0' + d.getMinutes()).slice(-2);
return m + '/' + day + ' ' + h + ':' + min;
}

function escapeHtml(s) {
if (!s) return '';
return s.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"');
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', loadRecentUpdates);
} else {
loadRecentUpdates();
}
})();

MediaWiki:Common.css

2026-08-26T06:54:28Z

Admin: MediaWikiネイティブテーマに合わせたシンプルなスタイルに刷新

/* MediaWiki:Common.css - Standard Clean Portal Styling */

.mw-wiki-portal {
width: 100%;
border-collapse: separate;
}

@media (max-width: 720px) {
.mw-wiki-portal,
.mw-wiki-portal > tbody,
.mw-wiki-portal > tbody > tr,
.mw-wiki-portal > tbody > tr > td {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
}
}

/* Inputbox in header */
.tw-create-inline .mw-inputbox-form {
display: flex;
align-items: center;
gap: 6px;
margin: 0;
}

.tw-create-inline .cdx-text-input {
margin-bottom: 0;
}

/* Recent updates dynamic feed */
.tw-recent-feed {
list-style: none;
margin: 0;
padding: 0;
}

.tw-recent-feed-item {
display: flex;
justify-content: space-between;
align-items: baseline;
padding: 4px 0;
border-bottom: 1px dotted #eaecf0;
font-size: 0.9em;
}

.tw-recent-feed-item:last-child {
border-bottom: none;
}

.tw-recent-feed-time {
color: #72777d;
font-size: 0.85em;
margin-left: 8px;
white-space: nowrap;
}

メインページ

2026-08-26T05:48:25Z

Admin: メインページのカテゴリーコロン指定最適化

__NOTOC__
<div class="tw-hero">
<div class="tw-hero-badge">🐯 トラ鯖公式ウィキ</div>
<div class="tw-hero-title-text">トラwiki へようこそ！</div>
<p>マインクラフト建国サーバー「トラ鯖」の公式情報・Towny解説・チャットコマンド・初心者ガイドWikiです。誰でも記事の閲覧・作成・編集が行えます。</p>
<div class="tw-hero-actions">
<span class="tw-btn-primary">[[#tw-article-creator|✏️ 新規記事を作成する]]</span>
<span class="tw-btn-secondary">[[Portal:カテゴリ|📁 カテゴリー一覧]]</span>
<span class="tw-btn-secondary">[[Towny解説|📖 Towny解説を見る]]</span>
</div>
</div>

<div id="tw-article-creator" class="tw-create-box">
<div class="tw-create-header">
<div class="tw-create-title"><span>✏️</span> 新しい記事を作成する</div>
<span class="tw-card-badge">かんたん作成</span>
</div>
<div class="tw-create-form-wrap">
<inputbox>
type=create
width=40
buttonlabel=作成する
placeholder=作成したい記事のタイトルを入力...
bgcolor=#ffffff
</inputbox>
</div>
<div class="tw-create-hint">💡 記事名を入力して「作成する」ボタンを押すと、新規作成・編集エディターが開きます。</div>
</div>

<div class="tw-dashboard-grid">

<div class="tw-card">
<div class="tw-card-header">
<div class="tw-card-title"><span class="tw-icon">🔥</span> 閲覧上位・人気記事</div>
<span class="tw-card-badge">[[Portal:人気記事|すべて見る →]]</span>
</div>
<div class="tw-ranking-list">
<div class="tw-ranking-item">
<div class="tw-rank-num tw-rank-1">1</div>
<div class="tw-rank-content">
<div class="tw-rank-title">[[Towny解説|Towny解説]]</div>
<div class="tw-rank-desc">建国システムの基本・町の設立方法まとめ</div>
</div>
</div>
<div class="tw-ranking-item">
<div class="tw-rank-num tw-rank-2">2</div>
<div class="tw-rank-content">
<div class="tw-rank-title">[[Townyチャットコマンド|Townyチャットコマンド]]</div>
<div class="tw-rank-desc">日常で使う必須コマンド一覧・権限設定</div>
</div>
</div>
<div class="tw-ranking-item">
<div class="tw-rank-num tw-rank-3">3</div>
<div class="tw-rank-content">
<div class="tw-rank-title">[[Towny町長むけ|Towny町長むけ]]</div>
<div class="tw-rank-desc">町の領土拡大・税金徴収・住民管理ガイド</div>
</div>
</div>
<div class="tw-ranking-item">
<div class="tw-rank-num tw-rank-other">4</div>
<div class="tw-rank-content">
<div class="tw-rank-title">[[Towny国関連|Towny国関連]]</div>
<div class="tw-rank-desc">国家の建国・同盟締結・防衛システム</div>
</div>
</div>
<div class="tw-ranking-item">
<div class="tw-rank-num tw-rank-other">5</div>
<div class="tw-rank-content">
<div class="tw-rank-title">[[Ticket内のAIチャットでの検閲|Ticket内のAIチャットでの検閲]]</div>
<div class="tw-rank-desc">サポートチケット利用時の注意点・ガイドライン</div>
</div>
</div>
</div>
</div>

<div class="tw-card">
<div class="tw-card-header">
<div class="tw-card-title"><span class="tw-live-indicator"></span><span class="tw-icon">⏱️</span> 最新の更新</div>
<span class="tw-card-badge">[[特別:最近の更新|更新履歴 →]]</span>
</div>
<div id="tw-live-recent-updates">
<ul class="tw-updates-list">
<li class="tw-update-item">
<div class="tw-update-main">
<div class="tw-update-title">[[Towny解説]]</div>
<div class="tw-update-meta"><span class="tw-update-user">👤 公式</span></div>
</div>
<div class="tw-update-time">最新</div>
</li>
<li class="tw-update-item">
<div class="tw-update-main">
<div class="tw-update-title">[[Townyチャットコマンド]]</div>
<div class="tw-update-meta"><span class="tw-update-user">👤 公式</span></div>
</div>
<div class="tw-update-time">最新</div>
</li>
<li class="tw-update-item">
<div class="tw-update-main">
<div class="tw-update-title">[[Towny町長むけ]]</div>
<div class="tw-update-meta"><span class="tw-update-user">👤 公式</span></div>
</div>
<div class="tw-update-time">最新</div>
</li>
</ul>
</div>
</div>

</div>

<div class="tw-card" style="margin-bottom: 24px;">
<div class="tw-card-header">
<div class="tw-card-title"><span class="tw-icon">📁</span> カテゴリー一覧</div>
<span class="tw-card-badge">[[Portal:カテゴリ|全カテゴリ表示 →]]</span>
</div>
<div class="tw-cat-grid">
<div class="tw-cat-card">
<div class="tw-cat-icon">🏛️</div>
<div class="tw-cat-name">[[:カテゴリ:Towny|Towny (建国)]]</div>
<div class="tw-cat-desc">建国・町・領土・役職・税金の完全解説</div>
</div>
<div class="tw-cat-card">
<div class="tw-cat-icon">📖</div>
<div class="tw-cat-name">[[:カテゴリ:解説|各種解説]]</div>
<div class="tw-cat-desc">システムの仕組みやプレイガイド</div>
</div>
<div class="tw-cat-card">
<div class="tw-cat-icon">🔰</div>
<div class="tw-cat-name">[[:カテゴリ:初心者向け|初心者向け]]</div>
<div class="tw-cat-desc">サーバー参加方法や最初の手引き</div>
</div>
<div class="tw-cat-card">
<div class="tw-cat-icon">⚡</div>
<div class="tw-cat-name">[[:カテゴリ:プラグイン|プラグイン]]</div>
<div class="tw-cat-desc">サーバー導入プラグインと機能一覧</div>
</div>
<div class="tw-cat-card">
<div class="tw-cat-icon">👑</div>
<div class="tw-cat-name">[[:カテゴリ:建国|建国・国家]]</div>
<div class="tw-cat-desc">国同士の同盟・条約・統治システム</div>
</div>
<div class="tw-cat-card">
<div class="tw-cat-icon">📑</div>
<div class="tw-cat-name">[[特別:カテゴリ|全カテゴリ]]</div>
<div class="tw-cat-desc">Wiki内の全カテゴリーを一覧で探す</div>
</div>
</div>

<div style="margin-top: 18px;">
<div style="font-weight: 700; font-size: 0.95rem; margin-bottom: 8px; color: var(--tw-primary-dark);">🌳 記事ツリー構造 (Towny)</div>
<categorytree mode="pages">
Towny
</categorytree>
</div>
</div>

<div class="tw-card">
<div class="tw-card-header">
<div class="tw-card-title"><span class="tw-icon">🌐</span> サーバー情報・公式サービス</div>
<span class="tw-card-badge">公式リンク</span>
</div>

<div class="tw-server-ip-box">
<div class="tw-server-ip-info">
<span class="tw-server-ip-label">Minecraft Server IP</span>
<span class="tw-server-ip-code">tora22.com</span>
</div>
<button id="tw-copy-ip-btn" class="tw-copy-btn">📋 サーバーアドレスをコピー</button>
</div>

<div class="tw-links-grid">
<div class="tw-link-btn">[https://tora22.com 🏠 公式サイト]</div>
<div class="tw-link-btn">[https://discord.gg/V6v5ZfTg8p 💬 公式Discord]</div>
<div class="tw-link-btn">[https://ticket.tora22.com 🎫 Web問い合わせ]</div>
<div class="tw-link-btn">[https://status.toraserver.net 📊 ステータス]</div>
<div class="tw-link-btn">[[免責事項|📜 免責事項]]</div>
<div class="tw-link-btn">[[プライバシー・ポリシー|🔒 プライバシー]]</div>
</div>
</div>

メインページ

2026-08-26T05:47:58Z

Admin: メインページのWikitextフォーマット最適化

__NOTOC__
<div class="tw-hero">
<div class="tw-hero-badge">🐯 トラ鯖公式ウィキ</div>
<div class="tw-hero-title-text">トラwiki へようこそ！</div>
<p>マインクラフト建国サーバー「トラ鯖」の公式情報・Towny解説・チャットコマンド・初心者ガイドWikiです。誰でも記事の閲覧・作成・編集が行えます。</p>
<div class="tw-hero-actions">
<span class="tw-btn-primary">[#tw-article-creator ✏️ 新規記事を作成する]</span>
<span class="tw-btn-secondary">[[Portal:カテゴリ|📁 カテゴリー一覧]]</span>
<span class="tw-btn-secondary">[[Towny解説|📖 Towny解説を見る]]</span>
</div>
</div>

<div id="tw-article-creator" class="tw-create-box">
<div class="tw-create-header">
<div class="tw-create-title"><span>✏️</span> 新しい記事を作成する</div>
<span class="tw-card-badge">かんたん作成</span>
</div>
<div class="tw-create-form-wrap">
<inputbox>
type=create
width=40
buttonlabel=作成する
placeholder=作成したい記事のタイトルを入力...
bgcolor=#ffffff
</inputbox>
</div>
<div class="tw-create-hint">💡 記事名を入力して「作成する」ボタンを押すと、新規作成・編集エディターが開きます。</div>
</div>

<div class="tw-dashboard-grid">

<div class="tw-card">
<div class="tw-card-header">
<div class="tw-card-title"><span class="tw-icon">🔥</span> 閲覧上位・人気記事</div>
<span class="tw-card-badge">[[Portal:人気記事|すべて見る →]]</span>
</div>
<div class="tw-ranking-list">
<div class="tw-ranking-item">
<div class="tw-rank-num tw-rank-1">1</div>
<div class="tw-rank-content">
<div class="tw-rank-title">[[Towny解説|Towny解説]]</div>
<div class="tw-rank-desc">建国システムの基本・町の設立方法まとめ</div>
</div>
</div>
<div class="tw-ranking-item">
<div class="tw-rank-num tw-rank-2">2</div>
<div class="tw-rank-content">
<div class="tw-rank-title">[[Townyチャットコマンド|Townyチャットコマンド]]</div>
<div class="tw-rank-desc">日常で使う必須コマンド一覧・権限設定</div>
</div>
</div>
<div class="tw-ranking-item">
<div class="tw-rank-num tw-rank-3">3</div>
<div class="tw-rank-content">
<div class="tw-rank-title">[[Towny町長むけ|Towny町長むけ]]</div>
<div class="tw-rank-desc">町の領土拡大・税金徴収・住民管理ガイド</div>
</div>
</div>
<div class="tw-ranking-item">
<div class="tw-rank-num tw-rank-other">4</div>
<div class="tw-rank-content">
<div class="tw-rank-title">[[Towny国関連|Towny国関連]]</div>
<div class="tw-rank-desc">国家の建国・同盟締結・防衛システム</div>
</div>
</div>
<div class="tw-ranking-item">
<div class="tw-rank-num tw-rank-other">5</div>
<div class="tw-rank-content">
<div class="tw-rank-title">[[Ticket内のAIチャットでの検閲|Ticket内のAIチャットでの検閲]]</div>
<div class="tw-rank-desc">サポートチケット利用時の注意点・ガイドライン</div>
</div>
</div>
</div>
</div>

<div class="tw-card">
<div class="tw-card-header">
<div class="tw-card-title"><span class="tw-live-indicator"></span><span class="tw-icon">⏱️</span> 最新の更新</div>
<span class="tw-card-badge">[[特別:最近の更新|更新履歴 →]]</span>
</div>
<div id="tw-live-recent-updates">
<ul class="tw-updates-list">
<li class="tw-update-item">
<div class="tw-update-main">
<div class="tw-update-title">[[Towny解説]]</div>
<div class="tw-update-meta"><span class="tw-update-user">👤 公式</span></div>
</div>
<div class="tw-update-time">最新</div>
</li>
<li class="tw-update-item">
<div class="tw-update-main">
<div class="tw-update-title">[[Townyチャットコマンド]]</div>
<div class="tw-update-meta"><span class="tw-update-user">👤 公式</span></div>
</div>
<div class="tw-update-time">最新</div>
</li>
<li class="tw-update-item">
<div class="tw-update-main">
<div class="tw-update-title">[[Towny町長むけ]]</div>
<div class="tw-update-meta"><span class="tw-update-user">👤 公式</span></div>
</div>
<div class="tw-update-time">最新</div>
</li>
</ul>
</div>
</div>

</div>

<div class="tw-card" style="margin-bottom: 24px;">
<div class="tw-card-header">
<div class="tw-card-title"><span class="tw-icon">📁</span> カテゴリー一覧</div>
<span class="tw-card-badge">[[Portal:カテゴリ|全カテゴリ表示 →]]</span>
</div>
<div class="tw-cat-grid">
<div class="tw-cat-card">
<div class="tw-cat-icon">🏛️</div>
<div class="tw-cat-name">[[カテゴリ:Towny|Towny (建国)]]</div>
<div class="tw-cat-desc">建国・町・領土・役職・税金の完全解説</div>
</div>
<div class="tw-cat-card">
<div class="tw-cat-icon">📖</div>
<div class="tw-cat-name">[[カテゴリ:解説|各種解説]]</div>
<div class="tw-cat-desc">システムの仕組みやプレイガイド</div>
</div>
<div class="tw-cat-card">
<div class="tw-cat-icon">🔰</div>
<div class="tw-cat-name">[[カテゴリ:初心者向け|初心者向け]]</div>
<div class="tw-cat-desc">サーバー参加方法や最初の手引き</div>
</div>
<div class="tw-cat-card">
<div class="tw-cat-icon">⚡</div>
<div class="tw-cat-name">[[カテゴリ:プラグイン|プラグイン]]</div>
<div class="tw-cat-desc">サーバー導入プラグインと機能一覧</div>
</div>
<div class="tw-cat-card">
<div class="tw-cat-icon">👑</div>
<div class="tw-cat-name">[[カテゴリ:建国|建国・国家]]</div>
<div class="tw-cat-desc">国同士の同盟・条約・統治システム</div>
</div>
<div class="tw-cat-card">
<div class="tw-cat-icon">📑</div>
<div class="tw-cat-name">[[特別:カテゴリ|全カテゴリ]]</div>
<div class="tw-cat-desc">Wiki内の全カテゴリーを一覧で探す</div>
</div>
</div>

<div style="margin-top: 18px;">
<div style="font-weight: 700; font-size: 0.95rem; margin-bottom: 8px; color: var(--tw-primary-dark);">🌳 記事ツリー構造 (Towny)</div>
<categorytree mode="pages">
Towny
</categorytree>
</div>
</div>

<div class="tw-card">
<div class="tw-card-header">
<div class="tw-card-title"><span class="tw-icon">🌐</span> サーバー情報・公式サービス</div>
<span class="tw-card-badge">公式リンク</span>
</div>

<div class="tw-server-ip-box">
<div class="tw-server-ip-info">
<span class="tw-server-ip-label">Minecraft Server IP</span>
<span class="tw-server-ip-code">tora22.com</span>
</div>
<button id="tw-copy-ip-btn" class="tw-copy-btn">📋 サーバーアドレスをコピー</button>
</div>

<div class="tw-links-grid">
<div class="tw-link-btn">[https://tora22.com 🏠 公式サイト]</div>
<div class="tw-link-btn">[https://discord.gg/V6v5ZfTg8p 💬 公式Discord]</div>
<div class="tw-link-btn">[https://ticket.tora22.com 🎫 Web問い合わせ]</div>
<div class="tw-link-btn">[https://status.toraserver.net 📊 ステータス]</div>
<div class="tw-link-btn">[[免責事項|📜 免責事項]]</div>
<div class="tw-link-btn">[[プライバシー・ポリシー|🔒 プライバシー]]</div>
</div>
</div>

MediaWiki:Common.css

2026-08-26T05:47:58Z

Admin: トラwikiモダンUIスタイルの実装

/* ==========================================================================
トラwiki (tora22.com) - Custom Theme & Modern UI Styles
========================================================================== */

:root {
--tw-primary: #2563eb;
--tw-primary-dark: #1d4ed8;
--tw-primary-light: #3b82f6;
--tw-primary-subtle: #eff6ff;
--tw-accent-gold: #f59e0b;
--tw-accent-green: #10b981;
--tw-text-main: #1e293b;
--tw-text-muted: #64748b;
--tw-bg-card: #ffffff;
--tw-bg-soft: #f8fafc;
--tw-border: #e2e8f0;
--tw-border-hover: #cbd5e1;
--tw-radius-sm: 8px;
--tw-radius-md: 12px;
--tw-radius-lg: 16px;
--tw-shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
--tw-shadow-md: 0 4px 14px -2px rgba(37, 99, 235, 0.08), 0 2px 6px -1px rgba(0, 0, 0, 0.04);
--tw-shadow-lg: 0 10px 25px -3px rgba(37, 99, 235, 0.12), 0 4px 10px -2px rgba(0, 0, 0, 0.04);
}

body.skin-timeless {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
color: var(--tw-text-main);
background-color: #f1f5f9;
}

#mw-header-container {
background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%) !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

#mw-header a, #mw-header .mw-wiki-title {
color: #ffffff !important;
font-weight: 700;
}

#mw-content-container {
background: transparent;
}

#content.mw-body {
border-radius: var(--tw-radius-md);
box-shadow: var(--tw-shadow-sm);
border: 1px solid var(--tw-border);
padding: 24px 32px;
background: #ffffff;
}

/* Hero Section */
.tw-hero {
background: linear-gradient(135deg, #1e40af 0%, #2563eb 60%, #38bdf8 100%);
border-radius: var(--tw-radius-lg);
padding: 32px 30px;
color: #ffffff;
margin-bottom: 24px;
box-shadow: var(--tw-shadow-lg);
position: relative;
overflow: hidden;
}

.tw-hero-badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(8px);
padding: 4px 14px;
border-radius: 9999px;
font-size: 0.85rem;
font-weight: 600;
margin-bottom: 10px;
border: 1px solid rgba(255, 255, 255, 0.3);
}

.tw-hero-title-text {
font-size: 2rem;
font-weight: 800;
margin: 0 0 8px 0;
color: #ffffff !important;
text-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

.tw-hero p {
font-size: 1rem;
line-height: 1.6;
margin: 0 0 18px 0;
color: #e0f2fe;
}

.tw-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}

.tw-btn-primary {
display: inline-flex;
align-items: center;
gap: 8px;
background: #ffffff;
padding: 9px 20px;
border-radius: var(--tw-radius-md);
box-shadow: 0 4px 12px rgba(0,0,0,0.12);
transition: all 0.2s ease;
}

.tw-btn-primary a {
color: var(--tw-primary-dark) !important;
font-weight: 700 !important;
text-decoration: none !important;
}

.tw-btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(0,0,0,0.18);
background: #f8fafc;
}

.tw-btn-secondary {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(255, 255, 255, 0.18);
backdrop-filter: blur(6px);
padding: 9px 16px;
border-radius: var(--tw-radius-md);
border: 1px solid rgba(255, 255, 255, 0.35);
transition: all 0.2s ease;
}

.tw-btn-secondary a {
color: #ffffff !important;
font-weight: 600 !important;
text-decoration: none !important;
}

.tw-btn-secondary:hover {
background: rgba(255, 255, 255, 0.3);
transform: translateY(-2px);
}

/* Quick Article Creator Box */
.tw-create-box {
background: linear-gradient(to right, #ffffff, #f8fafc);
border: 2px dashed var(--tw-primary-light);
border-radius: var(--tw-radius-md);
padding: 20px 24px;
margin-bottom: 24px;
box-shadow: var(--tw-shadow-sm);
}

.tw-create-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
flex-wrap: wrap;
gap: 8px;
}

.tw-create-title {
display: flex;
align-items: center;
gap: 8px;
font-size: 1.15rem;
font-weight: 700;
color: var(--tw-primary-dark);
}

.tw-create-box .createbox {
margin: 0 !important;
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}

.tw-create-box .createboxInput, .tw-create-box .mw-inputbox-input {
flex: 1;
min-width: 240px;
padding: 10px 16px !important;
border: 1.5px solid var(--tw-border) !important;
border-radius: var(--tw-radius-sm) !important;
font-size: 0.95rem !important;
outline: none !important;
background: #ffffff !important;
}

.tw-create-box .createboxInput:focus, .tw-create-box .mw-inputbox-input:focus {
border-color: var(--tw-primary) !important;
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

.tw-create-box .cdx-button--action-progressive, .tw-create-box .createboxButton {
background: linear-gradient(135deg, var(--tw-primary), var(--tw-primary-dark)) !important;
color: #ffffff !important;
border: none !important;
padding: 10px 22px !important;
border-radius: var(--tw-radius-sm) !important;
font-weight: 700 !important;
font-size: 0.95rem !important;
cursor: pointer !important;
box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important;
transition: all 0.2s ease !important;
}

.tw-create-box .cdx-button--action-progressive:hover, .tw-create-box .createboxButton:hover {
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35) !important;
}

.tw-create-hint {
font-size: 0.85rem;
color: var(--tw-text-muted);
margin-top: 8px;
}

/* Dashboard Grid */
.tw-dashboard-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 20px;
margin-bottom: 24px;
}

/* Card */
.tw-card {
background: var(--tw-bg-card);
border: 1px solid var(--tw-border);
border-radius: var(--tw-radius-md);
box-shadow: var(--tw-shadow-sm);
padding: 20px;
transition: all 0.2s ease;
display: flex;
flex-direction: column;
}

.tw-card:hover {
box-shadow: var(--tw-shadow-md);
border-color: var(--tw-border-hover);
}

.tw-card-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
padding-bottom: 10px;
border-bottom: 2px solid var(--tw-primary-subtle);
}

.tw-card-title {
display: flex;
align-items: center;
gap: 8px;
font-size: 1.15rem;
font-weight: 700;
color: var(--tw-text-main);
margin: 0;
}

.tw-card-badge {
font-size: 0.75rem;
font-weight: 700;
padding: 3px 10px;
border-radius: 9999px;
background: var(--tw-primary-subtle);
color: var(--tw-primary);
}

.tw-card-badge a {
color: var(--tw-primary) !important;
text-decoration: none !important;
}

.tw-card-badge:hover {
background: var(--tw-primary);
}
.tw-card-badge:hover a {
color: #ffffff !important;
}

/* Ranking List */
.tw-ranking-list {
display: flex;
flex-direction: column;
gap: 8px;
}

.tw-ranking-item {
display: flex;
align-items: center;
gap: 12px;
padding: 9px 12px;
background: var(--tw-bg-soft);
border: 1px solid var(--tw-border);
border-radius: var(--tw-radius-sm);
transition: all 0.2s ease;
}

.tw-ranking-item:hover {
background: #ffffff;
border-color: var(--tw-primary-light);
transform: translateX(4px);
box-shadow: var(--tw-shadow-sm);
}

.tw-rank-num {
display: flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
border-radius: 50%;
font-weight: 800;
font-size: 0.8rem;
flex-shrink: 0;
}

.tw-rank-1 { background: linear-gradient(135deg, #fbbf24, #d97706); color: #ffffff; }
.tw-rank-2 { background: linear-gradient(135deg, #94a3b8, #64748b); color: #ffffff; }
.tw-rank-3 { background: linear-gradient(135deg, #d97706, #b45309); color: #ffffff; }
.tw-rank-other { background: #e2e8f0; color: #64748b; }

.tw-rank-content {
flex: 1;
min-width: 0;
}

.tw-rank-title a {
font-weight: 700;
color: var(--tw-primary-dark) !important;
font-size: 0.95rem;
margin-bottom: 1px;
text-decoration: none;
}

.tw-rank-title a:hover {
text-decoration: underline;
}

.tw-rank-desc {
font-size: 0.8rem;
color: var(--tw-text-muted);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

/* Recent Updates */
.tw-updates-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex;
flex-direction: column;
gap: 8px;
}

.tw-update-item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 8px 12px;
border-bottom: 1px solid var(--tw-border);
transition: background 0.15s ease;
}

.tw-update-item:last-child {
border-bottom: none;
}

.tw-update-item:hover {
background: var(--tw-primary-subtle);
border-radius: var(--tw-radius-sm);
}

.tw-update-main {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}

.tw-update-title a {
font-weight: 700;
color: var(--tw-primary-dark) !important;
text-decoration: none;
font-size: 0.92rem;
}

.tw-update-title a:hover {
text-decoration: underline;
}

.tw-update-meta {
font-size: 0.78rem;
color: var(--tw-text-muted);
display: flex;
gap: 6px;
align-items: center;
}

.tw-update-user {
background: #f1f5f9;
padding: 1px 6px;
border-radius: 4px;
}

.tw-update-time {
font-size: 0.78rem;
color: var(--tw-text-muted);
white-space: nowrap;
}

.tw-live-indicator {
display: inline-block;
width: 8px;
height: 8px;
background-color: var(--tw-accent-green);
border-radius: 50%;
margin-right: 6px;
animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

/* Category Grid */
.tw-cat-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 12px;
margin-top: 8px;
}

.tw-cat-card {
background: var(--tw-bg-soft);
border: 1px solid var(--tw-border);
border-radius: var(--tw-radius-md);
padding: 14px;
transition: all 0.2s ease;
display: flex;
flex-direction: column;
gap: 4px;
}

.tw-cat-card:hover {
border-color: var(--tw-primary);
background: #ffffff;
transform: translateY(-2px);
box-shadow: var(--tw-shadow-md);
}

.tw-cat-icon {
font-size: 1.5rem;
margin-bottom: 2px;
}

.tw-cat-name a {
font-weight: 700;
color: var(--tw-primary-dark) !important;
font-size: 0.95rem;
text-decoration: none !important;
}

.tw-cat-name a:hover {
text-decoration: underline !important;
}

.tw-cat-desc {
font-size: 0.78rem;
color: var(--tw-text-muted);
line-height: 1.35;
}

/* Server IP & Official Links */
.tw-server-ip-box {
background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
border-radius: var(--tw-radius-md);
padding: 16px 20px;
color: #ffffff;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 14px;
}

.tw-server-ip-info {
display: flex;
flex-direction: column;
gap: 2px;
}

.tw-server-ip-label {
font-size: 0.78rem;
color: #94a3b8;
text-transform: uppercase;
letter-spacing: 0.05em;
}

.tw-server-ip-code {
font-family: "Consolas", "Courier New", monospace;
font-size: 1.2rem;
font-weight: 700;
color: #38bdf8;
}

.tw-copy-btn {
background: #2563eb;
color: #ffffff !important;
border: none;
padding: 8px 16px;
border-radius: var(--tw-radius-sm);
font-weight: 600;
font-size: 0.88rem;
cursor: pointer;
transition: all 0.2s ease;
display: inline-flex;
align-items: center;
gap: 6px;
}

.tw-copy-btn:hover {
background: #3b82f6;
transform: scale(1.02);
}

.tw-links-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
gap: 8px;
}

.tw-link-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 8px 12px;
background: var(--tw-bg-soft);
border: 1px solid var(--tw-border);
border-radius: var(--tw-radius-sm);
font-weight: 600;
font-size: 0.85rem;
transition: all 0.2s ease;
text-align: center;
}

.tw-link-btn a {
color: var(--tw-text-main) !important;
text-decoration: none !important;
display: block;
width: 100%;
}

.tw-link-btn:hover {
background: var(--tw-primary-subtle);
border-color: var(--tw-primary-light);
}

.tw-link-btn:hover a {
color: var(--tw-primary-dark) !important;
}

/* Sidebar action button */
.tw-sidebar-create-btn {
display: block;
text-align: center;
background: linear-gradient(135deg, #2563eb, #1d4ed8);
color: #ffffff !important;
font-weight: 700;
padding: 8px 12px;
border-radius: 6px;
margin: 8px 0;
text-decoration: none !important;
box-shadow: 0 2px 6px rgba(37, 99, 235, 0.3);
transition: all 0.2s ease;
}

.tw-sidebar-create-btn:hover {
background: linear-gradient(135deg, #3b82f6, #2563eb);
transform: translateY(-1px);
}

メインページ

2026-08-26T05:47:30Z

Admin: メインページのHTMLフォーマット最適化

__NOTOC__
<div class="tw-hero">
<div class="tw-hero-badge">🐯 トラ鯖公式ウィキ</div>
<div class="tw-hero-title-text" style="font-size: 2rem; font-weight: 800; margin-bottom: 8px;">トラwiki へようこそ！</div>
<p>マインクラフト建国サーバー「トラ鯖」の公式情報・Towny解説・チャットコマンド・初心者ガイドWikiです。誰でも記事の閲覧・作成・編集が行えます。</p>
<div class="tw-hero-actions">
<a href="#tw-article-creator" class="tw-btn-primary">✏️ 新規記事を作成する</a>
<a href="/index.php/Portal:カテゴリ" class="tw-btn-secondary">📁 カテゴリー一覧</a>
<a href="/index.php/Towny解説" class="tw-btn-secondary">📖 Towny解説を見る</a>
</div>
</div>

<div id="tw-article-creator" class="tw-create-box">
<div class="tw-create-header">
<div class="tw-create-title"><span>✏️</span> 新しい記事を作成する</div>
<span class="tw-card-badge">かんたん作成</span>
</div>
<div class="tw-create-form-wrap">
<inputbox>
type=create
width=40
buttonlabel=作成する
placeholder=作成したい記事のタイトルを入力...
bgcolor=#ffffff
</inputbox>
</div>
<div class="tw-create-hint">💡 記事名を入力して「作成する」ボタンを押すと、新規作成・編集エディターが開きます。</div>
</div>

<div class="tw-dashboard-grid">

<div class="tw-card">
<div class="tw-card-header">
<div class="tw-card-title"><span class="tw-icon">🔥</span> 閲覧上位・人気記事</div>
<a href="/index.php/Portal:人気記事" class="tw-card-badge">すべて見る →</a>
</div>
<div class="tw-ranking-list">
<a href="/index.php/Towny解説" class="tw-ranking-item">
<div class="tw-rank-num tw-rank-1">1</div>
<div class="tw-rank-content">
<div class="tw-rank-title">Towny解説</div>
<div class="tw-rank-desc">建国システムの基本・町の設立方法まとめ</div>
</div>
</a>
<a href="/index.php/Townyチャットコマンド" class="tw-ranking-item">
<div class="tw-rank-num tw-rank-2">2</div>
<div class="tw-rank-content">
<div class="tw-rank-title">Townyチャットコマンド</div>
<div class="tw-rank-desc">日常で使う必須コマンド一覧・権限設定</div>
</div>
</a>
<a href="/index.php/Towny町長むけ" class="tw-ranking-item">
<div class="tw-rank-num tw-rank-3">3</div>
<div class="tw-rank-content">
<div class="tw-rank-title">Towny町長むけ</div>
<div class="tw-rank-desc">町の領土拡大・税金徴収・住民管理ガイド</div>
</div>
</a>
<a href="/index.php/Towny国関連" class="tw-ranking-item">
<div class="tw-rank-num tw-rank-other">4</div>
<div class="tw-rank-content">
<div class="tw-rank-title">Towny国関連</div>
<div class="tw-rank-desc">国家の建国・同盟締結・防衛システム</div>
</div>
</a>
<a href="/index.php/Ticket内のAIチャットでの検閲" class="tw-ranking-item">
<div class="tw-rank-num tw-rank-other">5</div>
<div class="tw-rank-content">
<div class="tw-rank-title">Ticket内のAIチャットでの検閲</div>
<div class="tw-rank-desc">サポートチケット利用時の注意点・ガイドライン</div>
</div>
</a>
</div>
</div>

<div class="tw-card">
<div class="tw-card-header">
<div class="tw-card-title"><span class="tw-live-indicator"></span><span class="tw-icon">⏱️</span> 最新の更新</div>
<a href="/index.php/特別:最近の更新" class="tw-card-badge">更新履歴 →</a>
</div>
<div id="tw-live-recent-updates">
<ul class="tw-updates-list">
<li class="tw-update-item">
<div class="tw-update-main">
<div class="tw-update-title"><a href="/index.php/Towny解説">Towny解説</a></div>
<div class="tw-update-meta"><span class="tw-update-user">👤 公式</span></div>
</div>
<div class="tw-update-time">最新</div>
</li>
<li class="tw-update-item">
<div class="tw-update-main">
<div class="tw-update-title"><a href="/index.php/Townyチャットコマンド">Townyチャットコマンド</a></div>
<div class="tw-update-meta"><span class="tw-update-user">👤 公式</span></div>
</div>
<div class="tw-update-time">最新</div>
</li>
<li class="tw-update-item">
<div class="tw-update-main">
<div class="tw-update-title"><a href="/index.php/Towny町長むけ">Towny町長むけ</a></div>
<div class="tw-update-meta"><span class="tw-update-user">👤 公式</span></div>
</div>
<div class="tw-update-time">最新</div>
</li>
</ul>
</div>
</div>

</div>

<div class="tw-card" style="margin-bottom: 24px;">
<div class="tw-card-header">
<div class="tw-card-title"><span class="tw-icon">📁</span> カテゴリー一覧</div>
<a href="/index.php/Portal:カテゴリ" class="tw-card-badge">全カテゴリ表示 →</a>
</div>
<div class="tw-cat-grid">
<a href="/index.php/カテゴリ:Towny" class="tw-cat-card">
<div class="tw-cat-icon">🏛️</div>
<div class="tw-cat-name">Towny (建国)</div>
<div class="tw-cat-desc">建国・町・領土・役職・税金の完全解説</div>
</a>
<a href="/index.php/カテゴリ:解説" class="tw-cat-card">
<div class="tw-cat-icon">📖</div>
<div class="tw-cat-name">各種解説</div>
<div class="tw-cat-desc">システムの仕組みやプレイガイド</div>
</a>
<a href="/index.php/カテゴリ:初心者向け" class="tw-cat-card">
<div class="tw-cat-icon">🔰</div>
<div class="tw-cat-name">初心者向け</div>
<div class="tw-cat-desc">サーバー参加方法や最初の手引き</div>
</a>
<a href="/index.php/カテゴリ:プラグイン" class="tw-cat-card">
<div class="tw-cat-icon">⚡</div>
<div class="tw-cat-name">プラグイン</div>
<div class="tw-cat-desc">サーバー導入プラグインと機能一覧</div>
</a>
<a href="/index.php/カテゴリ:建国" class="tw-cat-card">
<div class="tw-cat-icon">👑</div>
<div class="tw-cat-name">建国・国家</div>
<div class="tw-cat-desc">国同士の同盟・条約・統治システム</div>
</a>
<a href="/index.php/特別:カテゴリ" class="tw-cat-card">
<div class="tw-cat-icon">📑</div>
<div class="tw-cat-name">全カテゴリ</div>
<div class="tw-cat-desc">Wiki内の全カテゴリーを一覧で探す</div>
</a>
</div>

<div style="margin-top: 18px;">
<div style="font-weight: 700; font-size: 0.95rem; margin-bottom: 8px; color: var(--tw-primary-dark);">🌳 記事ツリー構造 (Towny)</div>
<categorytree mode="pages">
Towny
</categorytree>
</div>
</div>

<div class="tw-card">
<div class="tw-card-header">
<div class="tw-card-title"><span class="tw-icon">🌐</span> サーバー情報・公式サービス</div>
<span class="tw-card-badge">公式リンク</span>
</div>

<div class="tw-server-ip-box">
<div class="tw-server-ip-info">
<span class="tw-server-ip-label">Minecraft Server IP</span>
<span class="tw-server-ip-code">tora22.com</span>
</div>
<button id="tw-copy-ip-btn" class="tw-copy-btn">📋 サーバーアドレスをコピー</button>
</div>

<div class="tw-links-grid">
<a href="https://tora22.com" target="_blank" rel="noopener" class="tw-link-btn">🏠 公式サイト</a>
<a href="https://discord.gg/V6v5ZfTg8p" target="_blank" rel="noopener" class="tw-link-btn">💬 公式Discord</a>
<a href="https://ticket.tora22.com" target="_blank" rel="noopener" class="tw-link-btn">🎫 Web問い合わせ</a>
<a href="https://status.toraserver.net" target="_blank" rel="noopener" class="tw-link-btn">📊 ステータス</a>
<a href="/index.php/免責事項" class="tw-link-btn">📜 免責事項</a>
<a href="/index.php/プライバシー・ポリシー" class="tw-link-btn">🔒 プライバシー</a>
</div>
</div>

MediaWiki:Sidebar

2026-08-26T05:47:05Z

Admin: サイドバーナビゲーションの最適化

メインページ

2026-08-26T05:47:04Z

Admin: トップページをモダンなポータルUIに全面リニューアル

<div class="tw-hero">
<div class="tw-hero-badge">🐯 トラ鯖公式ウィキ</div>
<h1>トラwiki へようこそ！</h1>
<p>マインクラフト建国サーバー「トラ鯖」の公式情報・Towny解説・チャットコマンド・初心者ガイドWikiです。誰でも記事の閲覧・作成・編集が行えます。</p>
<div class="tw-hero-actions">
<a href="#tw-article-creator" class="tw-btn-primary">✏️ 新規記事を作成する</a>
<a href="/index.php/Portal:カテゴリ" class="tw-btn-secondary">📁 カテゴリー一覧</a>
<a href="/index.php/Towny解説" class="tw-btn-secondary">📖 Towny解説を見る</a>
</div>
</div>

<div id="tw-article-creator" class="tw-create-box">
<div class="tw-create-header">
<div class="tw-create-title">
<span>✏️</span> 新しい記事を作成する
</div>
<span class="tw-card-badge">かんたん作成</span>
</div>
<div class="tw-create-form-wrap">
<inputbox>
type=create
width=40
buttonlabel=作成する
placeholder=作成したい記事のタイトルを入力...
bgcolor=#ffffff
</inputbox>
</div>
<div class="tw-create-hint">💡 記事名を入力して「作成する」ボタンを押すと、新規作成・編集エディターが開きます。</div>
</div>

<div class="tw-dashboard-grid">


<div class="tw-card">
<div class="tw-card-header">
<h3 class="tw-card-title"><span class="tw-icon">🔥</span> 閲覧上位・人気記事</h3>
<a href="/index.php/Portal:人気記事" class="tw-card-badge">すべて見る →</a>
</div>
<div class="tw-ranking-list">
<a href="/index.php/Towny解説" class="tw-ranking-item">
<div class="tw-rank-num tw-rank-1">1</div>
<div class="tw-rank-content">
<div class="tw-rank-title">Towny解説</div>
<div class="tw-rank-desc">建国システムの基本・町の設立方法まとめ</div>
</div>
</a>
<a href="/index.php/Townyチャットコマンド" class="tw-ranking-item">
<div class="tw-rank-num tw-rank-2">2</div>
<div class="tw-rank-content">
<div class="tw-rank-title">Townyチャットコマンド</div>
<div class="tw-rank-desc">日常で使う必須コマンド一覧・権限設定</div>
</div>
</a>
<a href="/index.php/Towny町長むけ" class="tw-ranking-item">
<div class="tw-rank-num tw-rank-3">3</div>
<div class="tw-rank-content">
<div class="tw-rank-title">Towny町長むけ</div>
<div class="tw-rank-desc">町の領土拡大・税金徴収・住民管理ガイド</div>
</div>
</a>
<a href="/index.php/Towny国関連" class="tw-ranking-item">
<div class="tw-rank-num tw-rank-other">4</div>
<div class="tw-rank-content">
<div class="tw-rank-title">Towny国関連</div>
<div class="tw-rank-desc">国家の建国・同盟締結・防衛システム</div>
</div>
</a>
<a href="/index.php/Ticket内のAIチャットでの検閲" class="tw-ranking-item">
<div class="tw-rank-num tw-rank-other">5</div>
<div class="tw-rank-content">
<div class="tw-rank-title">Ticket内のAIチャットでの検閲</div>
<div class="tw-rank-desc">サポートチケット利用時の注意点・ガイドライン</div>
</div>
</a>
</div>
</div>


<div class="tw-card">
<div class="tw-card-header">
<h3 class="tw-card-title"><span class="tw-live-indicator"></span><span class="tw-icon">⏱️</span> 最新の更新</h3>
<a href="/index.php/特別:最近の更新" class="tw-card-badge">更新履歴 →</a>
</div>
<div id="tw-live-recent-updates">
<ul class="tw-updates-list">
<li class="tw-update-item">
<div class="tw-update-main">
<div class="tw-update-title">[[Towny解説]]</div>
<div class="tw-update-meta"><span class="tw-update-user">👤 公式</span></div>
</div>
<div class="tw-update-time">最新</div>
</li>
<li class="tw-update-item">
<div class="tw-update-main">
<div class="tw-update-title">[[Townyチャットコマンド]]</div>
<div class="tw-update-meta"><span class="tw-update-user">👤 公式</span></div>
</div>
<div class="tw-update-time">最新</div>
</li>
<li class="tw-update-item">
<div class="tw-update-main">
<div class="tw-update-title">[[Towny町長むけ]]</div>
<div class="tw-update-meta"><span class="tw-update-user">👤 公式</span></div>
</div>
<div class="tw-update-time">最新</div>
</li>
</ul>
</div>
</div>

</div>


<div class="tw-card" style="margin-bottom: 24px;">
<div class="tw-card-header">
<h3 class="tw-card-title"><span class="tw-icon">📁</span> カテゴリー一覧</h3>
<a href="/index.php/Portal:カテゴリ" class="tw-card-badge">全カテゴリ表示 →</a>
</div>
<div class="tw-cat-grid">
<a href="/index.php/カテゴリ:Towny" class="tw-cat-card">
<div class="tw-cat-icon">🏛️</div>
<div class="tw-cat-name">Towny (建国)</div>
<div class="tw-cat-desc">建国・町・領土・役職・税金の完全解説</div>
</a>
<a href="/index.php/カテゴリ:解説" class="tw-cat-card">
<div class="tw-cat-icon">📖</div>
<div class="tw-cat-name">各種解説</div>
<div class="tw-cat-desc">システムの仕組みやプレイガイド</div>
</a>
<a href="/index.php/カテゴリ:初心者向け" class="tw-cat-card">
<div class="tw-cat-icon">🔰</div>
<div class="tw-cat-name">初心者向け</div>
<div class="tw-cat-desc">サーバー参加方法や最初の手引き</div>
</a>
<a href="/index.php/カテゴリ:プラグイン" class="tw-cat-card">
<div class="tw-cat-icon">⚡</div>
<div class="tw-cat-name">プラグイン</div>
<div class="tw-cat-desc">サーバー導入プラグインと機能一覧</div>
</a>
<a href="/index.php/カテゴリ:建国" class="tw-cat-card">
<div class="tw-cat-icon">👑</div>
<div class="tw-cat-name">建国・国家</div>
<div class="tw-cat-desc">国同士の同盟・条約・統治システム</div>
</a>
<a href="/index.php/特別:カテゴリ" class="tw-cat-card">
<div class="tw-cat-icon">📑</div>
<div class="tw-cat-name">全カテゴリ</div>
<div class="tw-cat-desc">Wiki内の全カテゴリーを一覧で探す</div>
</a>
</div>

<div style="margin-top: 18px;">
<div style="font-weight: 700; font-size: 0.95rem; margin-bottom: 8px; color: var(--tw-primary-dark);">🌳 記事ツリー構造 (Towny)</div>
<categorytree mode="pages">
Towny
</categorytree>
</div>
</div>


<div class="tw-card">
<div class="tw-card-header">
<h3 class="tw-card-title"><span class="tw-icon">🌐</span> サーバー情報・公式サービス</h3>
<span class="tw-card-badge">公式リンク</span>
</div>

<div class="tw-server-ip-box">
<div class="tw-server-ip-info">
<span class="tw-server-ip-label">Minecraft Server IP</span>
<span class="tw-server-ip-code">tora22.com</span>
</div>
<button id="tw-copy-ip-btn" class="tw-copy-btn">📋 サーバーアドレスをコピー</button>
</div>

<div class="tw-links-grid">
<a href="https://tora22.com" target="_blank" rel="noopener" class="tw-link-btn">🏠 公式サイト</a>
<a href="https://discord.gg/V6v5ZfTg8p" target="_blank" rel="noopener" class="tw-link-btn">💬 公式Discord</a>
<a href="https://ticket.tora22.com" target="_blank" rel="noopener" class="tw-link-btn">🎫 Web問い合わせ</a>
<a href="https://status.toraserver.net" target="_blank" rel="noopener" class="tw-link-btn">📊 ステータス</a>
<a href="/index.php/免責事項" class="tw-link-btn">📜 免責事項</a>
<a href="/index.php/プライバシー・ポリシー" class="tw-link-btn">🔒 プライバシー</a>
</div>
</div>

MediaWiki:Common.js

2026-08-26T05:47:04Z

Admin: 最新更新一覧・IPコピー・記事作成ボタンJS実装

/**
* トラwiki (tora22.com) - Custom JavaScript
*/
(function() {
'use strict';

function initCopyIp() {
var copyBtn = document.getElementById('tw-copy-ip-btn');
if (!copyBtn) return;

copyBtn.addEventListener('click', function(e) {
e.preventDefault();
var ip = 'tora22.com';
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(ip).then(function() {
var origText = copyBtn.innerHTML;
copyBtn.innerHTML = '✅ コピー完了！';
copyBtn.style.backgroundColor = '#10b981';
setTimeout(function() {
copyBtn.innerHTML = origText;
copyBtn.style.backgroundColor = '';
}, 2000);
});
} else {
var input = document.createElement('input');
input.value = ip;
document.body.appendChild(input);
input.select();
document.execCommand('copy');
document.body.removeChild(input);
alert('サーバーアドレス (tora22.com) をコピーしました！');
}
});
}

function loadRecentUpdates() {
var container = document.getElementById('tw-live-recent-updates');
if (!container) return;

fetch('/api.php?action=query&list=recentchanges&rcnamespace=0&rclimit=6&rcprop=title|timestamp|user|comment&format=json')
.then(function(res) { return res.json(); })
.then(function(data) {
if (!data || !data.query || !data.query.recentchanges) return;
var rcs = data.query.recentchanges;
if (rcs.length === 0) return;

var html = '<ul class="tw-updates-list">';
for (var i = 0; i < rcs.length; i++) {
var item = rcs[i];
var titleEnc = encodeURIComponent(item.title);
var dateObj = new Date(item.timestamp);
var timeStr = formatRelativeTime(dateObj);

html += '<li class="tw-update-item">';
html += ' <div class="tw-update-main">';
html += ' <div class="tw-update-title"><a href="/index.php/' + titleEnc + '">' + escapeHtml(item.title) + '</a></div>';
html += ' <div class="tw-update-meta">';
html += ' <span class="tw-update-user">👤 ' + escapeHtml(item.user) + '</span>';
if (item.comment) {
html += ' <span class="tw-update-comment" style="max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">' + escapeHtml(item.comment) + '</span>';
}
html += ' </div>';
html += ' </div>';
html += ' <div class="tw-update-time">' + timeStr + '</div>';
html += '</li>';
}
html += '</ul>';
container.innerHTML = html;
})
.catch(function(err) {
console.warn('Recent updates live fetch failed:', err);
});
}

function formatRelativeTime(date) {
var now = new Date();
var diffMs = now - date;
var diffSec = Math.floor(diffMs / 1000);
var diffMin = Math.floor(diffSec / 60);
var diffHr = Math.floor(diffMin / 60);
var diffDay = Math.floor(diffHr / 24);

if (diffMin < 1) return 'たった今';
if (diffMin < 60) return diffMin + '分前';
if (diffHr < 24) return diffHr + '時間前';
if (diffDay < 7) return diffDay + '日前';
return (date.getMonth() + 1) + '月' + date.getDate() + '日';
}

function escapeHtml(str) {
if (!str) return '';
return str.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"');
}

function addSidebarCreateButton() {
var navPortlet = document.querySelector('#p-ナビゲーション .mw-portlet-body');
if (navPortlet && !document.getElementById('n-create-custom-btn')) {
var btn = document.createElement('a');
btn.id = 'n-create-custom-btn';
btn.href = '#tw-article-creator';
btn.className = 'tw-sidebar-create-btn';
btn.innerHTML = '✏️ 新規記事を作成';
btn.addEventListener('click', function(e) {
var createInput = document.querySelector('.createboxInput');
if (createInput) {
createInput.focus();
createInput.scrollIntoView({ behavior: 'smooth', block: 'center' });
} else {
window.location.href = '/index.php/メインページ#tw-article-creator';
}
});
navPortlet.insertBefore(btn, navPortlet.firstChild);
}
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function() {
initCopyIp();
loadRecentUpdates();
addSidebarCreateButton();
});
} else {
initCopyIp();
loadRecentUpdates();
addSidebarCreateButton();
}
})();

MediaWiki:Common.css

2026-08-26T05:47:04Z

Admin: トラwikiモダンUIスタイルの実装

/* ==========================================================================
トラwiki (tora22.com) - Custom Theme & Modern UI Styles
========================================================================== */

:root {
--tw-primary: #2563eb;
--tw-primary-dark: #1d4ed8;
--tw-primary-light: #3b82f6;
--tw-primary-subtle: #eff6ff;
--tw-accent-gold: #f59e0b;
--tw-accent-green: #10b981;
--tw-text-main: #1e293b;
--tw-text-muted: #64748b;
--tw-bg-card: #ffffff;
--tw-bg-soft: #f8fafc;
--tw-border: #e2e8f0;
--tw-border-hover: #cbd5e1;
--tw-radius-sm: 8px;
--tw-radius-md: 12px;
--tw-radius-lg: 16px;
--tw-shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
--tw-shadow-md: 0 4px 14px -2px rgba(37, 99, 235, 0.08), 0 2px 6px -1px rgba(0, 0, 0, 0.04);
--tw-shadow-lg: 0 10px 25px -3px rgba(37, 99, 235, 0.12), 0 4px 10px -2px rgba(0, 0, 0, 0.04);
}

body.skin-timeless {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
color: var(--tw-text-main);
background-color: #f1f5f9;
}

#mw-header-container {
background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%) !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

#mw-header a, #mw-header .mw-wiki-title {
color: #ffffff !important;
font-weight: 700;
}

#mw-content-container {
background: transparent;
}

#content.mw-body {
border-radius: var(--tw-radius-md);
box-shadow: var(--tw-shadow-sm);
border: 1px solid var(--tw-border);
padding: 24px 32px;
background: #ffffff;
}

/* Hero Section */
.tw-hero {
background: linear-gradient(135deg, #1e40af 0%, #2563eb 60%, #38bdf8 100%);
border-radius: var(--tw-radius-lg);
padding: 32px 30px;
color: #ffffff;
margin-bottom: 24px;
box-shadow: var(--tw-shadow-lg);
position: relative;
overflow: hidden;
}

.tw-hero-badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(8px);
padding: 4px 14px;
border-radius: 9999px;
font-size: 0.85rem;
font-weight: 600;
margin-bottom: 10px;
border: 1px solid rgba(255, 255, 255, 0.3);
}

.tw-hero h1 {
font-size: 1.9rem;
font-weight: 800;
margin: 0 0 8px 0;
color: #ffffff !important;
border: none !important;
padding: 0 !important;
text-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

.tw-hero p {
font-size: 1rem;
line-height: 1.6;
margin: 0 0 18px 0;
color: #e0f2fe;
}

.tw-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}

.tw-btn-primary {
display: inline-flex;
align-items: center;
gap: 8px;
background: #ffffff;
color: var(--tw-primary-dark) !important;
font-weight: 700;
padding: 9px 20px;
border-radius: var(--tw-radius-md);
text-decoration: none !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.12);
transition: all 0.2s ease;
}

.tw-btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(0,0,0,0.18);
background: #f8fafc;
}

.tw-btn-secondary {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(255, 255, 255, 0.18);
backdrop-filter: blur(6px);
color: #ffffff !important;
font-weight: 600;
padding: 9px 16px;
border-radius: var(--tw-radius-md);
border: 1px solid rgba(255, 255, 255, 0.35);
text-decoration: none !important;
transition: all 0.2s ease;
}

.tw-btn-secondary:hover {
background: rgba(255, 255, 255, 0.3);
transform: translateY(-2px);
}

/* Quick Article Creator Box */
.tw-create-box {
background: linear-gradient(to right, #ffffff, #f8fafc);
border: 2px dashed var(--tw-primary-light);
border-radius: var(--tw-radius-md);
padding: 20px 24px;
margin-bottom: 24px;
box-shadow: var(--tw-shadow-sm);
}

.tw-create-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
flex-wrap: wrap;
gap: 8px;
}

.tw-create-title {
display: flex;
align-items: center;
gap: 8px;
font-size: 1.15rem;
font-weight: 700;
color: var(--tw-primary-dark);
}

.tw-create-box .createbox {
margin: 0 !important;
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}

.tw-create-box .createboxInput {
flex: 1;
min-width: 240px;
padding: 10px 16px !important;
border: 1.5px solid var(--tw-border) !important;
border-radius: var(--tw-radius-sm) !important;
font-size: 0.95rem !important;
outline: none !important;
background: #ffffff !important;
}

.tw-create-box .createboxInput:focus {
border-color: var(--tw-primary) !important;
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

.tw-create-box .createboxButton {
background: linear-gradient(135deg, var(--tw-primary), var(--tw-primary-dark)) !important;
color: #ffffff !important;
border: none !important;
padding: 10px 22px !important;
border-radius: var(--tw-radius-sm) !important;
font-weight: 700 !important;
font-size: 0.95rem !important;
cursor: pointer !important;
box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important;
transition: all 0.2s ease !important;
}

.tw-create-box .createboxButton:hover {
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35) !important;
}

.tw-create-hint {
font-size: 0.85rem;
color: var(--tw-text-muted);
margin-top: 8px;
}

/* Dashboard Grid */
.tw-dashboard-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 20px;
margin-bottom: 24px;
}

.tw-col-2 {
grid-column: span 2;
}

@media (max-width: 900px) {
.tw-col-2 {
grid-column: span 1;
}
}

/* Card */
.tw-card {
background: var(--tw-bg-card);
border: 1px solid var(--tw-border);
border-radius: var(--tw-radius-md);
box-shadow: var(--tw-shadow-sm);
padding: 20px;
transition: all 0.2s ease;
display: flex;
flex-direction: column;
}

.tw-card:hover {
box-shadow: var(--tw-shadow-md);
border-color: var(--tw-border-hover);
}

.tw-card-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
padding-bottom: 10px;
border-bottom: 2px solid var(--tw-primary-subtle);
}

.tw-card-title {
display: flex;
align-items: center;
gap: 8px;
font-size: 1.15rem;
font-weight: 700;
color: var(--tw-text-main);
margin: 0;
}

.tw-card-badge {
font-size: 0.75rem;
font-weight: 700;
padding: 3px 10px;
border-radius: 9999px;
background: var(--tw-primary-subtle);
color: var(--tw-primary);
text-decoration: none !important;
}

.tw-card-badge:hover {
background: var(--tw-primary);
color: #ffffff !important;
}

/* Ranking List */
.tw-ranking-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex;
flex-direction: column;
gap: 8px;
}

.tw-ranking-item {
display: flex;
align-items: center;
gap: 12px;
padding: 9px 12px;
background: var(--tw-bg-soft);
border: 1px solid var(--tw-border);
border-radius: var(--tw-radius-sm);
transition: all 0.2s ease;
text-decoration: none !important;
}

.tw-ranking-item:hover {
background: #ffffff;
border-color: var(--tw-primary-light);
transform: translateX(4px);
box-shadow: var(--tw-shadow-sm);
}

.tw-rank-num {
display: flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
border-radius: 50%;
font-weight: 800;
font-size: 0.8rem;
flex-shrink: 0;
}

.tw-rank-1 { background: linear-gradient(135deg, #fbbf24, #d97706); color: #ffffff; }
.tw-rank-2 { background: linear-gradient(135deg, #94a3b8, #64748b); color: #ffffff; }
.tw-rank-3 { background: linear-gradient(135deg, #d97706, #b45309); color: #ffffff; }
.tw-rank-other { background: #e2e8f0; color: #64748b; }

.tw-rank-content {
flex: 1;
min-width: 0;
}

.tw-rank-title {
font-weight: 700;
color: var(--tw-primary-dark);
font-size: 0.95rem;
margin-bottom: 1px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.tw-rank-desc {
font-size: 0.8rem;
color: var(--tw-text-muted);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

/* Recent Updates */
.tw-updates-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex;
flex-direction: column;
gap: 8px;
}

.tw-update-item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 8px 12px;
border-bottom: 1px solid var(--tw-border);
transition: background 0.15s ease;
}

.tw-update-item:last-child {
border-bottom: none;
}

.tw-update-item:hover {
background: var(--tw-primary-subtle);
border-radius: var(--tw-radius-sm);
}

.tw-update-main {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}

.tw-update-title a {
font-weight: 700;
color: var(--tw-primary-dark) !important;
text-decoration: none;
font-size: 0.92rem;
}

.tw-update-title a:hover {
text-decoration: underline;
}

.tw-update-meta {
font-size: 0.78rem;
color: var(--tw-text-muted);
display: flex;
gap: 6px;
align-items: center;
}

.tw-update-user {
background: #f1f5f9;
padding: 1px 6px;
border-radius: 4px;
}

.tw-update-time {
font-size: 0.78rem;
color: var(--tw-text-muted);
white-space: nowrap;
}

.tw-live-indicator {
display: inline-block;
width: 8px;
height: 8px;
background-color: var(--tw-accent-green);
border-radius: 50%;
margin-right: 6px;
animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

/* Category Grid */
.tw-cat-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 12px;
margin-top: 8px;
}

.tw-cat-card {
background: var(--tw-bg-soft);
border: 1px solid var(--tw-border);
border-radius: var(--tw-radius-md);
padding: 14px;
text-decoration: none !important;
transition: all 0.2s ease;
display: flex;
flex-direction: column;
gap: 4px;
}

.tw-cat-card:hover {
border-color: var(--tw-primary);
background: #ffffff;
transform: translateY(-2px);
box-shadow: var(--tw-shadow-md);
}

.tw-cat-icon {
font-size: 1.5rem;
margin-bottom: 2px;
}

.tw-cat-name {
font-weight: 700;
color: var(--tw-primary-dark);
font-size: 0.95rem;
}

.tw-cat-desc {
font-size: 0.78rem;
color: var(--tw-text-muted);
line-height: 1.35;
}

/* Server IP & Official Links */
.tw-server-ip-box {
background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
border-radius: var(--tw-radius-md);
padding: 16px 20px;
color: #ffffff;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 14px;
}

.tw-server-ip-info {
display: flex;
flex-direction: column;
gap: 2px;
}

.tw-server-ip-label {
font-size: 0.78rem;
color: #94a3b8;
text-transform: uppercase;
letter-spacing: 0.05em;
}

.tw-server-ip-code {
font-family: "Consolas", "Courier New", monospace;
font-size: 1.2rem;
font-weight: 700;
color: #38bdf8;
}

.tw-copy-btn {
background: #2563eb;
color: #ffffff !important;
border: none;
padding: 8px 16px;
border-radius: var(--tw-radius-sm);
font-weight: 600;
font-size: 0.88rem;
cursor: pointer;
transition: all 0.2s ease;
display: inline-flex;
align-items: center;
gap: 6px;
}

.tw-copy-btn:hover {
background: #3b82f6;
transform: scale(1.02);
}

.tw-links-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
gap: 8px;
}

.tw-link-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 8px 12px;
background: var(--tw-bg-soft);
border: 1px solid var(--tw-border);
border-radius: var(--tw-radius-sm);
font-weight: 600;
font-size: 0.85rem;
color: var(--tw-text-main) !important;
text-decoration: none !important;
transition: all 0.2s ease;
}

.tw-link-btn:hover {
background: var(--tw-primary-subtle);
border-color: var(--tw-primary-light);
color: var(--tw-primary-dark) !important;
}

/* Sidebar action button */
.tw-sidebar-create-btn {
display: block;
text-align: center;
background: linear-gradient(135deg, #2563eb, #1d4ed8);
color: #ffffff !important;
font-weight: 700;
padding: 8px 12px;
border-radius: 6px;
margin: 8px 0;
text-decoration: none !important;
box-shadow: 0 2px 6px rgba(37, 99, 235, 0.3);
transition: all 0.2s ease;
}

.tw-sidebar-create-btn:hover {
background: linear-gradient(135deg, #3b82f6, #2563eb);
transform: translateY(-1px);
}

メインページ

2026-08-26T05:46:39Z

Admin: test main page

== テストメインページ ==

これはテストです。

MediaWiki:Common.css

2026-08-26T05:46:35Z

Admin: test css

/* Test CSS */
.test { color: red; }