MediaWiki:Common.css

/* 这里放置的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;
}



##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化改造尝试*/