MediaWiki:Common.css:修订间差异
来自The Land of StarLight
无编辑摘要 |
无编辑摘要 |
||
(未显示2个用户的3个中间版本) | |||
第1行: | 第1行: | ||
/* 这里放置的CSS将应用于所有皮肤 */ | /* 这里放置的CSS将应用于所有皮肤 */ | ||
#ca-talk { | #ignore-ca-talk { | ||
display: none !important; | display: none !important; | ||
} | } | ||
#pt-mytalk{ | #ignore-pt-mytalk{ | ||
display: none !important; | display: none !important; | ||
} | } | ||
第15行: | 第15行: | ||
display: none !important; | display: none !important; | ||
} | } | ||
/* 悬浮 */ | /* 悬浮 */ | ||
第33行: | 第32行: | ||
} | } | ||
/* 模板:主页磁贴 */ | |||
.block-container-frame.mainpage-tile>div img{ | |||
position: absolute; | |||
/* | max-width: 80%; | ||
max-height: calc(100% - 3.5em); | |||
/*特殊的居中操作*/ | |||
left: 50%; | |||
bottom: calc(50% - 3em); | |||
transform: translate(-50%,calc(50% - 4.5em)); | |||
transition: 0.3s ease; | |||
/* border: 1px solid grey; */ | |||
/* | |||
} | } | ||
. | .block-container-frame.mainpage-tile>div>center{ | ||
/*文字说明*/ | |||
margin-top: calc(50% - 3.5em); | |||
/* | |||
} | } | ||
.block-container-frame.mainpage-tile>div>center>a{ | |||
/* | /*文字超出部分自动截取*/ | ||
display: inline-block; | |||
max-width: 100%; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
} | } | ||
.block-container-frame.mainpage-tile>div>center>a:hover{ | |||
/*取消文字的下划线装饰*/ | |||
text-decoration: none; | |||
} | } | ||
.block-container-frame.mainpage-tile>div>center>a>span[class]:after{ | |||
/*用after使得整个div变得可点击*/ | |||
content: ''; | |||
position: absolute; | |||
width: 100%; | |||
height: calc(50% + 4em); /*使底下的API一栏不被这个after遮挡*/ | |||
top: 0; | |||
left: 0; | |||
} | } | ||
.block-container-frame.mainpage-tile>div:hover img{ | |||
/*鼠标移入放大图片*/ | |||
/*transform: translate(-50%,-25%) scale(1.2);*/ | |||
max-width: 100%; | |||
max-height: 100%; | |||
} | } | ||
. | .block-container-frame.mainpage-tile>div{ | ||
z-index: 211; | |||
transition: 0.3s ease; | |||
} | } | ||
.block-container-frame.mainpage-tile>div:hover{ | |||
/*鼠标移入放大*/ | |||
/*transform: scale(1.05);*/ | |||
z-index: 233; | |||
} | } | ||
/*主页磁贴拓展*/ | |||
.block-container-frame.mainpage-tile.main-tile-single-img>div>center{ | |||
margin-top: calc(50% - 1.5em); | |||
} | } | ||
. | .block-container-frame.mainpage-tile.main-tile-single-img>div img{ | ||
- | max-height: calc(100% - 1.5em); | ||
transform: translate(-50%,calc(50% - 3.5em)); | |||
-webkit-filter: brightness(1.0) drop-shadow(0px 0px 3px #888); | |||
filter: brightness(1.0) drop-shadow(0px 0px 3px #888); | |||
} | } | ||
.block-container-frame.mainpage-tile.main-tile-single-img:hover>div img{ | |||
max-width: 80%; | |||
. | max-height: calc(100% - 1.5em); | ||
} | } | ||
. | .block-container-frame.mainpage-tile.main-tile-single-img>div:hover img{ | ||
-webkit-filter: brightness(1.1) drop-shadow(0px 0px 5px #222); | |||
filter: brightness(1.1) drop-shadow(0px 0px 5px #222); | |||
. | |||
} | } | ||
/* | /* 首页轮播图 */ | ||
. | .carousel.big-carousel .carousel-indicators li, .carousel.big-carousel .carousel-indicators li.active { | ||
width: 10px; | |||
height: 10px; | |||
box-shadow: 0 0 4px #FAFAFA; | |||
} | } | ||
/* | /* 软重定向 */ | ||
.SoftRedirect{ | |||
display: inline; | |||
padding: 0; | |||
padding-left: 47px; | |||
background: transparent url(/resources/src/mediawiki.action/images/redirect-ltr.png?926f7) bottom left no-repeat; | |||
} | } | ||
.BILIBILI-BOX {width:100%;margin-bottom:20px;} | |||
.BOX-title-1 {width:100%;font-size:14px;padding:7px 10px;font-weight: bold;background:#404040;color:#fff;} | |||
.BOX-title-2 {padding: 10px 0px 5px 0px;font-size: 14px;font-weight: bold;border-bottom: 1px solid #384348;} | |||
.BOX-N {width:100%;padding:0px;} | |||
.BOX-GD {color:#f7f7f7;border: 1px solid #f7f7f7;padding: 0px 5px;border-radius: 50%;} | |||
.BOX-AN-50 {width:50%} | |||
.BOX-AN-25 {width:25%} | |||
.BOX-AN-20 {width:20%} | |||
.BOX-AN2 {width:100%;display: inline-block;height:30px;line-height:30px;padding-left:35px;padding-right:5px;color:#404040;} | |||
.BOX-AN2:hover {background:#000;color:#f7f7f7;} | |||
@media only screen and (max-width:759px){ | |||
.BOX-AN-25 {width:50%} | |||
.BOX-AN-20 {width:50%} | |||
} | } | ||
.update-log .log-title {display: none;} | |||
.update-log .bili-list-group {padding: 0px 0px;} | |||
.update-log .read-more {display: none;} | |||
} | |||
.carousel.big-carousel .carousel-indicators li, .carousel.big-carousel .carousel-indicators li.active {width: 8px;height: 8px;} | |||
.carousel.big-carousel .carousel-indicators {bottom: -2.4em;margin-left: -30%;margin-bottom: 45px;} | |||
.carousel.big-carousel {margin-bottom: 15px;} | |||
} | |||
.BOX-1 .BOX-title-2 {padding: 10px 0px 5px 0px;} | |||
.BOX-1 {background:#f7f7f7;border:1px solid #404040;} | |||
.BOX-1 .BOX-N {padding:5px 10px;} | |||
. | |||
. | |||
. | |||
} | |||
.BOX-2 .BOX-title-1 {border-radius: 8px;} | |||
. | .BOX-2 {border:1px solid #404040;border-radius: 4px;padding:2px} | ||
.BOX-2 .BOX-2-1 {background:#f7f7f7;border:1px solid #404040;border-radius: 8px;padding:10px;} | |||
} | |||
. | .BOX-3 .BOX-title-1 {border-radius: 8px;} | ||
.BOX-3 {background:#f7f7f7;border-radius: 8px;padding:10px} | |||
. | |||
} | |||
. | |||
} | |||
. | .BOX-4 .BOX-title-1 {border-radius: 8px 8px 0px 0px;} | ||
.BOX-4 {background:#f7f7f7;border-radius: 8px;padding:0px;} | |||
} | .BOX-4 .BOX-N {padding:5px 10px;} | ||
.BOX-5 .BOX-title-1 {border-radius: 8px 8px 0px 0px;background:#262626;color:#f7f7f7;} | |||
. | .BOX-5 .BOX-title-2 {padding: 10px 0px 5px 0px;border-bottom: 1px solid #262626;} | ||
.BOX-5 {background:#404040;border-radius: 8px;padding:0px;} | |||
.BOX-5 .BOX-N {padding:5px 10px;border:2px solid #262626;border-top:0px solid ;box-shadow: inset 0 0 1px 2px #000;color:#f7f7f7;border-radius: 0px 0px 8px 8px;} | |||
.BOX-5 .bili-section-normal,.BOX-5 .bili-section-primary {color: #f7f7f7;background: #626262;border: 1px solid rgb(0, 0, 0);} | |||
.BOX-5 .bili-section-normal:hover {color: #fff;background: #000;border: 1px solid rgba(0, 0, 0, 0.1);cursor: pointer;} | |||
.BOX-5 .BOX-zt {color:#f7f7f7} | |||
.BOX-5 .update-log a {color: #f7f7f7 !important;} | |||
.BOX-5 .BOX-AN2 {width:100%;display: inline-block;height:30px;line-height:30px;padding-left:35px;padding-right:5px;color: #f7f7f7;background: #626262;} | |||
.BOX-5 .BOX-AN2:hover {color: #fff;background: #000;} | |||
. | |||
} | |||
. | |||
} | |||
. | |||
} | |||
. | |||
. | |||
} | |||
. | |||
. | |||
} | |||
. | |||
# | |||
} | |||
} | |||
. | |||
. | |||
# | |||
} | |||
} | |||
. | |||
} |
2023年1月20日 (五) 19:13的最新版本
/* 这里放置的CSS将应用于所有皮肤 */
#ignore-ca-talk {
display: none !important;
}
#ignore-pt-mytalk{
display: none !important;
}
#site-tools{
display: none !important;
}
#page-tools{
display: none !important;
}
/* 悬浮 */
.iteminfo {display:none;}
.itemhover:hover .iteminfo{display:block;}
/* 黑幕 */
.heimu,.blackcurtain{
transition: all .3s;
background: var(--heimu);
color: var(--heimu);
/* 黑幕:一块黑色区域,鼠标移入后显示内容
使用方法:将heimu类或者blackcurtain类附加到你想实现黑幕的元素上
彩色黑幕:将元素的--heimu变量变为你想要的颜色 */
}
.heimu:hover,.blackcurtain:hover{ /*黑幕,鼠标移入后文字背景透明*/
background: transparent;
}
/* 模板:主页磁贴 */
.block-container-frame.mainpage-tile>div img{
position: absolute;
max-width: 80%;
max-height: calc(100% - 3.5em);
/*特殊的居中操作*/
left: 50%;
bottom: calc(50% - 3em);
transform: translate(-50%,calc(50% - 4.5em));
transition: 0.3s ease;
/* border: 1px solid grey; */
}
.block-container-frame.mainpage-tile>div>center{
/*文字说明*/
margin-top: calc(50% - 3.5em);
}
.block-container-frame.mainpage-tile>div>center>a{
/*文字超出部分自动截取*/
display: inline-block;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.block-container-frame.mainpage-tile>div>center>a:hover{
/*取消文字的下划线装饰*/
text-decoration: none;
}
.block-container-frame.mainpage-tile>div>center>a>span[class]:after{
/*用after使得整个div变得可点击*/
content: '';
position: absolute;
width: 100%;
height: calc(50% + 4em); /*使底下的API一栏不被这个after遮挡*/
top: 0;
left: 0;
}
.block-container-frame.mainpage-tile>div:hover img{
/*鼠标移入放大图片*/
/*transform: translate(-50%,-25%) scale(1.2);*/
max-width: 100%;
max-height: 100%;
}
.block-container-frame.mainpage-tile>div{
z-index: 211;
transition: 0.3s ease;
}
.block-container-frame.mainpage-tile>div:hover{
/*鼠标移入放大*/
/*transform: scale(1.05);*/
z-index: 233;
}
/*主页磁贴拓展*/
.block-container-frame.mainpage-tile.main-tile-single-img>div>center{
margin-top: calc(50% - 1.5em);
}
.block-container-frame.mainpage-tile.main-tile-single-img>div img{
max-height: calc(100% - 1.5em);
transform: translate(-50%,calc(50% - 3.5em));
-webkit-filter: brightness(1.0) drop-shadow(0px 0px 3px #888);
filter: brightness(1.0) drop-shadow(0px 0px 3px #888);
}
.block-container-frame.mainpage-tile.main-tile-single-img:hover>div img{
max-width: 80%;
max-height: calc(100% - 1.5em);
}
.block-container-frame.mainpage-tile.main-tile-single-img>div:hover img{
-webkit-filter: brightness(1.1) drop-shadow(0px 0px 5px #222);
filter: brightness(1.1) drop-shadow(0px 0px 5px #222);
}
/* 首页轮播图 */
.carousel.big-carousel .carousel-indicators li, .carousel.big-carousel .carousel-indicators li.active {
width: 10px;
height: 10px;
box-shadow: 0 0 4px #FAFAFA;
}
/* 软重定向 */
.SoftRedirect{
display: inline;
padding: 0;
padding-left: 47px;
background: transparent url(/resources/src/mediawiki.action/images/redirect-ltr.png?926f7) bottom left no-repeat;
}
.BILIBILI-BOX {width:100%;margin-bottom:20px;}
.BOX-title-1 {width:100%;font-size:14px;padding:7px 10px;font-weight: bold;background:#404040;color:#fff;}
.BOX-title-2 {padding: 10px 0px 5px 0px;font-size: 14px;font-weight: bold;border-bottom: 1px solid #384348;}
.BOX-N {width:100%;padding:0px;}
.BOX-GD {color:#f7f7f7;border: 1px solid #f7f7f7;padding: 0px 5px;border-radius: 50%;}
.BOX-AN-50 {width:50%}
.BOX-AN-25 {width:25%}
.BOX-AN-20 {width:20%}
.BOX-AN2 {width:100%;display: inline-block;height:30px;line-height:30px;padding-left:35px;padding-right:5px;color:#404040;}
.BOX-AN2:hover {background:#000;color:#f7f7f7;}
@media only screen and (max-width:759px){
.BOX-AN-25 {width:50%}
.BOX-AN-20 {width:50%}
}
.update-log .log-title {display: none;}
.update-log .bili-list-group {padding: 0px 0px;}
.update-log .read-more {display: none;}
.carousel.big-carousel .carousel-indicators li, .carousel.big-carousel .carousel-indicators li.active {width: 8px;height: 8px;}
.carousel.big-carousel .carousel-indicators {bottom: -2.4em;margin-left: -30%;margin-bottom: 45px;}
.carousel.big-carousel {margin-bottom: 15px;}
.BOX-1 .BOX-title-2 {padding: 10px 0px 5px 0px;}
.BOX-1 {background:#f7f7f7;border:1px solid #404040;}
.BOX-1 .BOX-N {padding:5px 10px;}
.BOX-2 .BOX-title-1 {border-radius: 8px;}
.BOX-2 {border:1px solid #404040;border-radius: 4px;padding:2px}
.BOX-2 .BOX-2-1 {background:#f7f7f7;border:1px solid #404040;border-radius: 8px;padding:10px;}
.BOX-3 .BOX-title-1 {border-radius: 8px;}
.BOX-3 {background:#f7f7f7;border-radius: 8px;padding:10px}
.BOX-4 .BOX-title-1 {border-radius: 8px 8px 0px 0px;}
.BOX-4 {background:#f7f7f7;border-radius: 8px;padding:0px;}
.BOX-4 .BOX-N {padding:5px 10px;}
.BOX-5 .BOX-title-1 {border-radius: 8px 8px 0px 0px;background:#262626;color:#f7f7f7;}
.BOX-5 .BOX-title-2 {padding: 10px 0px 5px 0px;border-bottom: 1px solid #262626;}
.BOX-5 {background:#404040;border-radius: 8px;padding:0px;}
.BOX-5 .BOX-N {padding:5px 10px;border:2px solid #262626;border-top:0px solid ;box-shadow: inset 0 0 1px 2px #000;color:#f7f7f7;border-radius: 0px 0px 8px 8px;}
.BOX-5 .bili-section-normal,.BOX-5 .bili-section-primary {color: #f7f7f7;background: #626262;border: 1px solid rgb(0, 0, 0);}
.BOX-5 .bili-section-normal:hover {color: #fff;background: #000;border: 1px solid rgba(0, 0, 0, 0.1);cursor: pointer;}
.BOX-5 .BOX-zt {color:#f7f7f7}
.BOX-5 .update-log a {color: #f7f7f7 !important;}
.BOX-5 .BOX-AN2 {width:100%;display: inline-block;height:30px;line-height:30px;padding-left:35px;padding-right:5px;color: #f7f7f7;background: #626262;}
.BOX-5 .BOX-AN2:hover {color: #fff;background: #000;}