上次访问的5个页面:模板:GetPatchDate > 模板:CargoCardBox/ShowAllSet > Patch25.0.0.158725 > 表单:Test > MediaWiki:Common.css
  • 我们目前有14,733个页面,448个用户,137,843次编辑。
  • 欢迎加入中文炉石wiki百科注册一个账号,一起参与编写吧!
  • 如果编辑遇到不懂的问题可以加入QQ群:群聊号码 242224065
  • Mode Standard Hydra.png 如果你想编辑页面,请详细阅读查看编辑者手册

MediaWiki:Common.css

来自炉石传说wiki(ifindhs)
跳到导航 跳到搜索

注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:前往菜单 → 设置(Mac为Opera → Preferences),然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件
/* 这里放置的CSS将应用于所有皮肤 */
/*#toc{
	display: block;
	position: fixed;
	top: 150px;
	right:0px;
	min-width: 100px;
	max-width: 400px;
	max-height: 20px;
	overflow: auto;
	border: 1px solid #aaa;
	border-radius: 0 0 1px 1px;
	-moz-border-radius: 0 0 1px 1px;
	background: rgba(249,249,249,0.75);
	padding: 12px;
	box-shadow: 0 1px 8px #000;
	-webkit-box-shadow: 0 1px 8px #000;
	-moz-box-shadow: 0 1px 8px #000;
	z-index:10000;
}
#toc:hover{
	display: block;
	position: fixed;
	top: 150px;
	right:0px;
	min-width: 100px;
	max-width: 400px;
	max-height: 500px;
	overflow: auto;
	border: 1px solid #aaa;
	border-radius: 0 0 1px 1px;
	-moz-border-radius: 0 0 1px 1px;
	background: rgba(249,249,249,0.75);
	padding: 12px;
	box-shadow: 0 1px 8px #000;
	-webkit-box-shadow: 0 1px 8px #000;
	-moz-box-shadow: 0 1px 8px #000;
}
 */


body { 
	overflow-x: hidden;
}

/*Extension:TreeAndMenu*/
.fancytree ul {
    background: none;
    border: none;
    font-size: 12px;
}
ul.fancytree-container {
    outline: 0;
    border: none;
    overflow: hidden;
}
.fancytree p {
	display: none;
}
span.fancytree-title {
    cursor: default;
}
span.fancytree-title a {
	color: black;
}


/*卡牌页面*/
.img-wh{            
	height:395px;
	width:286px;
}
/*卡背页面*/
.img-wh-cb-webm{            
	width:200px;
}
.img-wh-cb{
	width:185px;
}

/*卡牌稀有度文字颜色*/
.epic{color:#800080;;}
.legendary{color:#F07000;}
.common{color:green;}
.rare{color:#3372CF;}
.basic{color:black;}

/*表格红色虚线*/
.bor{border:1px dashed #F00;margin-left:20px;}

/*语音button*/
.button{                                                                              
    border: 1px solid;                                                            
    border-radius: 4px;                                                           
    margin-top: 7px;                                                              
    background-color: #6a1717;                                                    
    height: 28px;                                                                 
    color: white;                                                                 
    padding: 3px 7px;                                                             
    text-align: center;                                                           
    text-decoration: none;                                                        
    display: inline-block;                                                        
    font-size: 12px;                                                              
    cursor: pointer;                                                              
}                                                                                     
.div_{                                                                                
	margin-left:30px;                                                             
}

/* 职业鼠标悬停缩放特效*/
.imgBox {
	overflow:hidden;
}
.imgBox img {
	transition:all .4s;
	-moz-transition:all .4s;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
}
.imgBox img:hover {
    transform:scale(1.1);
}

/* 卡背鼠标悬停上划特效*/
.box{
    /* 设置盒子的大小 */
    width: 200px;
    /* 居中 上端距离 */
    margin: 10px auto 2px;
    border: 1px solid transparent;
    /* 相对定位 */
    position: relative;
    /* 初始时,隐藏 */
    overflow: hidden;
    /*同一行*/
    float:left;
}

/* 卡背鼠标悬停上划特效*/
.cargo_cb_box{
    /* 设置盒子的大小 */
    width: 200px;
    /* 居中 上端距离 */
    margin: 10px auto 2px;
    border: 1px solid transparent;
    /* 相对定位 */
    position: relative;
    /* 初始时,隐藏 */
    overflow: hidden;
    /*同一行*/
    display:inline-block;
}

.box img{
    /* 设置图片的大小 */
    width: 200px;
}

.box .pic_info{
    /* 设置背景大小,即宽、高 */
    width: 200px;
    height: 80px;
    /* 背景颜色、透明度 */
    background:rgba(0,0,0,0.5);
    /* 控制字体颜色 */
    color: #fff;
    /* 绝对定位 */
    position: absolute;
    text-align:center;
    /*left: 0;*/
    /* 定位在图片的低端,即与图片的顶端相对的距离 */
    top:276px;
    /* 移动的方向、速度、过渡方式 */
    transition: all 500ms ease;
}

.box:hover .pic_info{
    /* 鼠标移动时,背景色移动,距离图片顶端相聚200px */
    top: 200px;
    font-size:17px;
}


.img-hero-frame{width:180px;height:212;}
.img-expansion{width:166px;}
.img-expansion1{width:300px;}


/*暴风城*https://blz.nosdn.127.net/1/tm/hearthstone/gameguide/united-in-stormwind/vision/cards_bg.jpg*/
/*奥特兰克的决裂*background: url(https://blz.nosdn.127.net/1/tm/hearthstone/gameguide/fractured-in-alterac-valley/home/kv.jpg)*/
body.skin-vector {
    -moz-background-size:contain|cover;
    -webkit-background-size:contain|cover;
    -o-background-size:contain|cover;
    background-size:contain|cover;
    width:auto;
    height: auto;
    background-attachment: fixed!important;
    background: url(https://blz-contentstack-images.akamaized.net/v3/assets/bltc965041283bac56c/blt5d171409dff51f10/651ee647b456564bccfc3506/Desktop_Features.png?)
}

.mw-body {
	background-color: rgba(228, 203, 146);
    /*background-color: rgba(255, 255, 255, 0.75);
    background: url('https://hearthstone.nosdn.127.net/3/V2/standings/content_bg.jpg');*/
}

/*清除顶部导航栏的背景*/
#mw-page-base{
	background:none;
}

/*左侧导航栏样式*/
.portal {
    background-color: rgba(255, 255, 255, 0.75);
}
/*页尾样式*/
#footer {
    background-color: rgba(255, 255, 255, 0.75);
    background: url('https://hearthstone.nosdn.127.net/3/V2/standings/content_bg.jpg');
}
#mw-head-base{
	background-color: rgba(228, 203, 146);
    /*background-color: rgba(255, 255, 255, 0.75);
    background: url('https://hearthstone.nosdn.127.net/3/V2/standings/content_top.png');*/
}

/*通知栏*/
#siteNoticeScroll {
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 0.25em;
}

#siteNoticeScroll ul {
    height: 25px;
    line-height: 25px;
    -webkit-transition: margin .73s ease-in-out;
    -moz-transition: margin .73s ease-in-out;
    transition: margin .73s ease-in-out;
}

#siteNoticeScroll li {
    height: 25px;
    list-style: none;
    float: left;
    width: 100%;
}

/*战棋英雄技能表格背景*/
table.table_bgHeroPower{
     background-image:url('https://hearthstone.nosdn.127.net/3/V2/standings/content_bg.jpg');
}

td {border-collapse:collapse;}

/*酒馆战棋表情*/
.emoteInfo {
    display: none;
    /* position: fixed; */
    position: absolute;
    /* margin-left: -150px;
    top:50%;
    left: 50%; */
    top: -80px;
    left: -100px;
    text-align: center;
    width: 300px;
    z-index: 9;
    background: rgba(0, 0, 0, 0.5);
    transform: 1s;
}

.emoteInfo h2 {
    color: aliceblue;
}

.emoteInfo p {
    text-align: left;
    color: aliceblue;
    padding: 10px;
    font-size: 15px;
}
.emotePanel {
    margin: 30px 100px;
    text-align: center;
}
.clickBg {
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}
.emotePic {
    position: relative;
    margin: 30px 20px;
    display: inline-block;
    text-align: center;
}
.emoteName {
    border: 2px solid #6b3c4a;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
}
.emotePic>img {
    width: 120px;
    background-image: url(../Speech_Bubbles_BL.png);
}

/*鼠标样式*/
/* 鼠标样式:覆盖所有情况 */
body{
    /* animation: mouse 5s ease-in-out infinite;*/
	cursor: url("/images/e/e7/EyeOpen.png"), auto;
}
/* 鼠标样式:在链接上的 */
a:hover, a:focus-within{
    cursor: url("/images/8/88/Downhand.png"),auto;
}
@keyframes mouse{
    0%{
        cursor: url("/images/e/e7/EyeOpen.png"), auto;
    }
    50%{
        cursor: url("/images/d/d3/EyeHalf.png"), auto;
    }
    100%{
        cursor: url("/images/f/f4/EyeClosed.png"), auto;
    }
}

/*大家族模板*/
table.navbox {
    border: 1px solid #aaa;
    clear: both;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%;
}

table.navbox+table.navbox {
    margin-top: -1px;
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}
.navbox-group {
    font-weight: 700;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}
.navbox,.navbox-subgroup {
    background: none repeat scroll 0 0 #fdfdfd;
}
.navbox-list {
    border-color: #fdfdfd;
}
.navbox-title,table.navbox th {
    background: none repeat scroll 0 0 #be9f73;
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: none repeat scroll 0 0 #efd8af;
}

.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: none repeat scroll 0 0 #efd8af;
}

.navbox-even {
    background: none repeat scroll 0 0 #fdf0d9;
}

.navbox-odd {
    background: none repeat scroll 0 0 transparent;
}

.collapseButton {
    float: right;
    font-weight: 400;
    text-align: right;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}

/* 响应式布局 */
@media (min-width:0px) and (max-width:768px){
    .vcard{
        width:100%;
        max-width:768;
        border-radius:10px;
        margin:5px auto;
        float:none;
    }
    .main-page-box{
		text-align:left;
	}
}
@media (min-width:768px) and (max-width:992px){
    .vcard{
        width:100%;
        max-width:992;
        border-radius:10px;
        margin:5px auto;
        float:none;
    }
	.infobox{float:none;}
	.main-page-box{
		text-align:left;
	}
}
@media (min-width:992px) {
    .vcard{
        width:293px;
        min-width:293px;
        float:right;
        border-radius:10px;
        margin:1px auto;
        margin-left:1em;
        margin-right:1em;
    }
}

/* 扩展盒子*/
.card-set-box {
    overflow: hidden;
    position: relative;
    border-radius: 7px;
    transform: scale(0.95);
    transition: transform .2s;
    box-shadow: 0 0 3px #000;
    font-family: Eczar;
    color: white;
    width: 306px;
    height: 200px;
    background: #000;
    opacity: 1;
    /*display:inline-block;*/
}

.card-set-box:hover {
    transform: scale(1.0)
}

.card-set-box .thumbnail {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 1;
    transition: opacity .2s
}

.card-set-box:hover .thumbnail {
    opacity: 0.5
}

.card-set-box .logo {
    position: absolute;
    left: 0;
    right: 0;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px
}

.card-set-box .date {
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 5px 0;
    align-items: center;
    justify-content: center;
    font-size: 120%;
    font-weight: bold;
    background: linear-gradient(to top, #000, transparent)
}

/*main-page-box a {
    color: #fcd144;
}*/

.main-page-box {
    /* padding: 5px;
    background: url(https://static.wikia.nocookie.net/hearthstone_gamepedia/images/b/b2/WikiaRail-Background.jpg/revision/latest);
    box-shadow: 0 0 10px #000 inset;
    border: 17px solid transparent;
    color: white;
    border-image: url(https://static.wikia.nocookie.net/hearthstone_gamepedia/images/e/e1/Main_page_rail_border.png/revision/latest) 17 repeat;
    -moz-border-image: url(https://static.wikia.nocookie.net/hearthstone_gamepedia/images/e/e1/Main_page_rail_border.png/revision/latest) 17 repeat;
    -o-border-image: url(https://static.wikia.nocookie.net/hearthstone_gamepedia/images/e/e1/Main_page_rail_border.png/revision/latest) 17 repeat;
    -webkit-border-image: url(https://static.wikia.nocookie.net/hearthstone_gamepedia/images/e/e1/Main_page_rail_border.png/revision/latest) 17 repeat */
    text-align:left;
}

.main-page-box .deck-heading .text {
    background: linear-gradient(to right, #000 25%, transparent);
    width: 100%;
    bottom: 0;
    left: 0;
    margin-top: 60px;
    color: #fff
}
/* CargoCardbox/Image*/
.button-area {
	width:100%;
	height:1.5em;
	line-height:1.5em;
	display:flex;
	justify-content: space-between;
	vertical-align:center;
	margin-bottom:5px;
}
.btn:hover{
	cursor: pointer;
	border-bottom:solid 2px #800000;
}
.btn{
	background-color: #fad468; 
	text-align:center;
	flex-grow: 1;
}
.btn-nor {
}
.btn-gol {
}
.btn-sig {
	text-align:center;
}
.btn-dia {
}
.hw{
	width:286px;
	height:395px;
}
#img-nor {
	display:block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 -12px ;
}
#img-gol {
  display:none;
}
#img-dia {
  display:none;
}
#img-sig {
  display:none;
}

/* deck card style */
.deck_card {  
	position: relative;
	background-position: right center;
	background-repeat: no-repeat;
	border-radius: 0 3px 3px 0;
	width: 270px; 
	height:25px;
	position: relative;
	border-radius: 0 3px 3px 0;
	list-style: none;
}
.deck_card .card_pic {
	position:absolute;
	top:0;
	left:270px;
	width:150px;
	z-index:99;
	display:none;
	background-color:rgba(0,0,0,0.7);
}
.deck_card:hover .card_pic{
	display:block;
}
.mana {
	position:absolute;
	left:0px;
	top:0;
	width:25px;
}
.card_name {
	position:absolute;
	left:30px;
	top:0;font-weight:bold;
	line-height:25px;
	display: inline-block;
}
.count {
	position: absolute;
	display: inline-block;
	width: 8%;
	height: 25px;
	line-height: 25px;
	right: 0;top:0;
	font-size: 11px;
	color: #d8d8d8;
	text-align: right;
	padding-right: 6px;
	border-radius: 0 3px 3px 0;
	background: #525252;
	opacity: .8;
}
/* deck card style end */

/*更改默认的一些设定*/
table.wikitable {
	background-color:#efd8af;
}
table.wikitable > th {
	background-color:#fdf0d9;
}

/* Toggle left 模板:Div_list_cards_intro*/
.float-left .mw-collapsible-toggle {
	float: left;
}