|
|
| 第82行： |
第82行： |
| } | | } |
|
| |
|
|
| |
|
| |
| ##Tailwind 风格尝试
| |
|
| |
| /* ==========================================================================
| |
| MediaWiki Timeless 主题 - Tailwind 风格改造皮肤
| |
| ========================================================================== */
| |
|
| |
| /* 1. 基础全局背景与字体重置 (类似 Tailwind 的 base 样式) */
| |
| body {
| |
| background-color: #f8fafc !important; /* bg-slate-50 */
| |
| color: #334155 !important; /* text-slate-700 */
| |
| font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
| |
| }
| |
|
| |
| /* 2. 主内容区域卡片化 (类似 bg-white rounded-xl shadow-sm) */
| |
| #mw-content-container {
| |
| background: #ffffff !important;
| |
| border-radius: 0.75rem !important; /* rounded-xl */
| |
| border: 1px solid #e2e8f0 !important; /* border-slate-200 */
| |
| box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important; /* shadow-sm */
| |
| padding: 2rem !important; /* p-8 */
| |
| margin-top: 1.5rem !important;
| |
| }
| |
|
| |
| /* 3. 页面标题现代化 (类似 text-slate-900 font-bold) */
| |
| .firstHeading {
| |
| color: #0f172a !important; /* text-slate-900 */
| |
| font-weight: 700 !important; /* font-bold */
| |
| letter-spacing: -0.025em !important; /* tracking-tight */
| |
| border-bottom: 2px solid #f1f5f9 !important; /* border-slate-100 */
| |
| padding-bottom: 0.5rem !important;
| |
| }
| |
|
| |
| /* 4. 左侧及顶部导航栏重构 */
| |
| #mw-site-navigation .sidebar-chunk,
| |
| #mw-related-navigation .sidebar-chunk {
| |
| background: #ffffff !important;
| |
| border-radius: 0.5rem !important; /* rounded-lg */
| |
| border: 1px solid #e2e8f0 !important; /* border-slate-200 */
| |
| box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
| |
| padding: 1rem !important;
| |
| margin-bottom: 1rem !important;
| |
| }
| |
|
| |
| /* 5. 顶部个人工具栏与搜索框 */
| |
| #p-search input[type="search"] {
| |
| border-radius: 9999px !important; /* rounded-full */
| |
| border: 1px solid #cbd5e1 !important; /* border-slate-300 */
| |
| padding-left: 1rem !important;
| |
| transition: all 0.2s;
| |
| }
| |
|
| |
| #p-search input[type="search"]:focus {
| |
| border-color: #3b82f6 !important; /* border-blue-500 */
| |
| box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3) !important; /* ring-3 ring-blue-500/30 */
| |
| outline: none !important;
| |
| }
| |
|
| |
| /* 6. 链接样式现代化 (类似 text-indigo-600 hover:text-indigo-500) */
| |
| a {
| |
| color: #4f46e5 !important; /* text-indigo-600 */
| |
| text-decoration: none !important;
| |
| }
| |
|
| |
| a:hover {
| |
| color: #6366f1 !important; /* text-indigo-500 */
| |
| text-decoration: underline !important;
| |
| }
| |
|
| |
| /* 7. Wiki 内置表格与分类标签美化 */
| |
| .catlinks {
| |
| background: #f1f5f9 !important; /* bg-slate-100 */
| |
| border: none !important;
| |
| border-radius: 0.5rem !important; /* rounded-lg */
| |
| padding: 0.75rem !important;
| |
| }
| |
|
| |
|
|
| |
|
| /*APP化改造尝试*/ | | /*APP化改造尝试*/ |
/* 这里放置的CSS将应用于所有皮肤 */
/* 隐藏非登录用户的工具箱特定项目 */
body:not(.user-logged-in) #t-whatlinkshere, /* 链入页面 */
body:not(.user-logged-in) #t-recentchangeslinked, /* 相关更改 */
body:not(.user-logged-in) #t-permalink, /* 固定链接 */
body:not(.user-logged-in) #t-info, /* 页面信息 */
body:not(.user-logged-in) #t-log { /* 页面日志 */
display: none !important;
}
/* 这里放置的CSS将应用于所有皮肤 */
body.page-Main_Page li#ca-talk { display: none !important; }
#ca-talk { display:none!important; }
#ca-viewsource { display:none!important; }
#ca-view { display:none!important; }
/*#ca-move { display:none!important; }*/
#ca-delete { display:none!important; }
#ca-history { display:none!important; }
#ca-nstab-main { display:none!important; }
##ca-watch { display:none!important; }
##li#ca-edit { display: none; }
## 要只在用户按下F11时隐藏 左侧的导航栏
document.onkeydown = function( e ) {
if( e == null ) e = event
if( testKey( e, 122 ) ) { //F11
appendCSS('#column-content {margin: 0 0 .6em 0;} #content {margin: 2.8em 0 0 0;} #p-logo, .generated-sidebar, #p-lang, #p-tb, #p-search {display:none;} #p-cactions {left: .1em;} #footer {display:none;}');
return false;
}
}
function testKey( e, intKeyCode ) {
if( window.createPopup )
return e.keyCode == intKeyCode
else
return e.which == intKeyCode
}
##如何去除"关于此IP地址的讨论"按钮
#p-personal #pt-anonuserpage {
display: none;
}
/*隐藏首页标题*/
/*.page-首页 #firstHeading{display:none;}*/
/*body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }*/
/*Back to top buttom*/
<div id="BackToTop" class="noprint" style="background-color:#DDEFDD; position:fixed;
bottom:32px; left:2%; z-index:9999; padding:0; margin:0;"><span style="color:blue;
font-size:8pt; font-face:verdana,sans-serif; border:0.2em outset #ceebf7;
padding:0.1em; font-weight:bolder; -moz-border-radius:8px; ">
[[#top| Back to the Top ]]</span></div>
.catlinks { display: none; }
body {
font-size: 16px;
line-height: 1.6em;
}
/*APP化改造尝试*/
