如果你想编辑页面，请详细阅读查看MediaWiki:Common.css
跳到导航
跳到搜索
注意：在保存之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-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;
//display:inline;
}
/* 卡背鼠标悬停上划特效*/
.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.nosdn.127.net/1/tm/hearthstone/gameguide/voyage-to-the-sunken-city/home/kv.jpg)
}
.mw-body {
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("http://hs.istudylinux.cn/images/e/e7/EyeOpen.png"), auto;
}
/* 鼠标样式：在链接上的 */
a:hover, a:focus-within{
cursor: url("http://hs.istudylinux.cn/images/8/88/Downhand.png"),auto;
}
@keyframes mouse{
0%{
cursor: url("http://hs.istudylinux.cn/images/e/e7/EyeOpen.png"), auto;
}
50%{
cursor: url("http://hs.istudylinux.cn/images/d/d3/EyeHalf.png"), auto;
}
100%{
cursor: url("http://hs.istudylinux.cn/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:center;
}
.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
}
