MediaWiki:Common.css：修订间差异

2024年5月24日 (五) 14:22的版本

/*全局样式*/

@media (-webkit-min-device-pixel-ratio: 2) {
	 body {
        font-size: 120%; /* 为高分辨率iPad设置更大的字体 */
    }
}
.vector-header-container{
	min-width: auto!important;
}
.mw-logo{
	min-width: auto!important;
}
.mw-logo-icon{
	width: auto;
	display: inline-block!important;
}
.mw-page-container{
   position: relative;

}
#mw-mf-page-center .mw-body{
   position: relative; 
}

.mw-page-container::before {
  content: '';
  position: absolute;
  width: 100%;
  background: url("https://t.fannq.com/images/f/f1/%E9%A6%96%E9%A1%B5.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  left: 0;
  top: 0;
  z-index: -1;
  height: 660px;
}

#mw-mf-page-center .mw-body::before {
  content: '';
  position: absolute;
  width: 100%;
  background: url("https://t.fannq.com/images/f/f1/%E9%A6%96%E9%A1%B5.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  left: 0;
  top: -2px;
  height: 660px;
}

@media (max-width: 720px) {
	.mw-logo-icon{
		width: 120px;
	}
	#mw-mf-page-center .mw-body::before {
    content: '';
    position: absolute;
    width: 100%;
    background: url("https://t.fannq.com/images/6/67/%E9%A6%96%E9%A1%B5-%E5%8F%B3.svg") no-repeat;
    background-size: contain;
    display: inline-block;
    left: 0;
    top: -2px;
    height: 640px;
}
}
.mw-logo-container{
		display: none;
}
.vector-settings{
	display: none;
}
 .mw-body .vector-page-toolbar {
    height: 0;
    top: -37px;
    position: relative;
}
#left-navigation {
    opacity: 0;
    pointer-events: none;
}

/* 设置评论区在底端 */
.mw-body {
	grid-template-areas:
        'titlebar-cx .'
        'titlebar columnEnd'
        'toolbar columnEnd'
        'content columnEnd'
        'flowthread columnEnd'!important;
}
#flowthread {
	grid-area: flowthread;
}

.comment-toolbar {
    background: none!important;
    border: none!important;
    transform: translateY(-38px);
    pointer-events: none;
}
.flowthread-btn{
	display: none;
}
.comment-body textarea, .comment-preview {
    color: #000000;
    border: 1px solid #ccc;
    border-radius: 4px!important;
    background: white!important;
    padding-bottom: 15px;
    font-size: 14px!important;
    outline: 0;
    transition: border-color 0.3s;
}
.comment-body textarea:focus {
	border: 1px solid #3F66E0!important;
    border-radius: 4px;
    box-shadow: 0px 0px 0px 2px #D1DDFC;
}
.comment-submit {
    right: 12px!important;
    height: 30px!important;
    width: 62px!important;
    text-shadow: none!important;
    box-shadow: none!important;
     font-weight: normal!important;
    background: #3F66E0!important;
    border-radius: 4px!important;
    font-size: 13px!important;
    color: #FFFFFF!important;
    border: none!important;
    pointer-events: all;
}
#page-secondary-actions{
  display: none;
}

/* 模板-通用-公共样式*/
.template-common-transition{
	transition: 300ms all;
}

/* 模板-按钮-样式*/
.template-btn-container{
	background: #F7F7F7;
	border-radius: 4px;
	padding: 10px 0;
	margin: 5px;
	cursor: pointer;
}

.template-btn-container:hover{
	background: #EAEFFC;
	color:#3F66E0;
}

.template-btn-container .mw-file-description{
  pointer-events: none;
}