bugfix250107.1
全站通知：

Widget:技能

来自咸鱼之王WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索

<style> .ability-desc .content {text-align: left;} .ability-desc ul,.desc-ul ul,ul.desc-ul {margin: 0em 0 0em 1.5em;} .ability-desc ul li {line-height: 1.5 !important;} .ability-desc p {margin: 0 !important;} .ability-desc-comment { margin-bottom: 1em;color: #c55200;padding: 3px 3px;} .status-icon {margin:0 2px;} .status-link.self-link {color: #b26141;cursor: help;} .label-item.learn-lv {vertical-align: middle;margin-right: 5px;} .inline-skill-name {color: #b26141;} .inline-skill-name a {color: #b26141;} .inline-skill-name>img {margin: 0 2px;vertical-align: -6px;} .max-evo-3 .need-evo-4, .max-evo-3 .need-evo-5, .max-evo-4 .need-evo-5 {display: none;}

@media (max-width: 767px){ 

   .ability-table-row{border-radius: 10px;border-width: 2px;border-style: solid;padding: 5px;display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;margin: 5px 0;}
   .ability-table-row.table-header{display: none;}
   .ability-name .icon img{width: 60px; height: auto;margin-left: -2px;}
   .ability-name{width: 100%; margin: 2px;}
   .ability-name .icon{float: left;}
   .ability-name .name{border: 1px solid #000; border-radius: 5px; margin: 7px 0 7px 7px; padding: 5px 10px 5px 53px; font-size: 24px; line-height: 30px;}
   .ability-name.no-abicon .name {margin-left: 0;padding-left: 10px;}
   .ab-block{display: block;border-width: 1px 1px 1px 0;border-style: solid;background: #fdfaf5;width: 50%;font-size: 14px;}
   .ability-desc.ab-block+.ability-cd.ab-block {border-top-width: 0;}
   .ab-block.full-size {width: 100%;}
   .ab-block>div{display: table-cell;vertical-align: middle;padding: 3px;}
   .ab-block .title{width: 40px;text-align: center;border-width: 0 1px;border-style: solid;}
   .ability-desc.ab-block .title {padding: 1em 0;}
   .ab-block .content{padding-left: 5px;padding-right: 5px;}

} @media (min-width: 768px){ 

   .ability-table{display: table;width: 100%;border-width: 2px 0;border-style: solid;text-align: center;}
   .ability-table-row{display: table-row;background: transparent;}
   .ability-table-row>div{display: table-cell;vertical-align: middle;border-bottom-width: 1px;border-bottom-style: solid;padding: 15px 10px;}
   .ability-table-row:not(.table-header)>div{border-right-width: 1px;border-right-style:solid;border-color: #c4d3de;}
   .ability-table-row>div:last-child {border-right:none;}
   .ability-table-row.table-header{font-weight: bold;border-bottom-width: 2px;}
   .ability-table-row.table-header>div{border-bottom-width: 2px;}    
   .ability-name>div {margin: 3px 0;}
   .ability-table .ability-table-row:last-child >div {border-bottom: none;}

} /* 技能列宽适配 */ @media (min-width: 768px) and (max-width: 991px){ 

   .ability-table .col-icon {width: auto;}
   .ability-table .col-time {width: 60px;}
   .ability-table-row .ability-name .icon img {width: 60px;height: auto;}
   .ability-table-row .ability-name .icon .customicon img {width: auto;height: auto;}

} @media (min-width: 992px) and (max-width: 1199px){ 

   .ability-table .col-icon {width: auto;}
   .ability-table .col-time {width: 120px;}
   .ability-table .col-evo {width: 90px;}
   .ability-table-row .ability-name .icon img {width: 60px;height: auto;}
   .ability-table-row .ability-name .icon .customicon img {width: auto;height: auto;}

} @media (min-width: 1200px) and (max-width: 1599px){ 

   .ability-table .col-icon {width: 110px;}
   .ability-table .col-time {width: 120px;}
   .ability-table .col-evo {width: 90px;}
   .ability-table-row .ability-name .icon img {width: 60px;height: auto;}
   .ability-table-row .ability-name .icon .customicon img {width: auto;height: auto;}

} @media (min-width: 1600px){ 

   .ability-table .col-icon {width: 120px;}
   .ability-table .col-time {width: 120px;}
   .ability-table .col-evo {width: 90px;}
   .ability-table-row .ability-name .icon img {width: 60px;height: auto;}
   .ability-table-row .ability-name .icon .customicon img {width: auto;height: auto;}

} /* 字体阴影 */ .title-text {color: #f2eee2;text-shadow: 0px 0px 1px #150f0f, 0px 0px 1px #150f0f, 0px 0px 1px #150f0f, 0px 0px 2px #150f0f, 0px 0px 2px #150f0f, 0px 0px 2px #150f0f;}

@media (min-width: 768px){ .hide-pc {display: none !important;} }

/* 字体颜色 */ .text-blue {color: #26449b;} /* 属性颜色 */ /* 魏国 */ .element-wei .ec-1-bg, .element-wei .ec-1, .wei-1-bg, .wei-1, .game-bg .element-wei table.wikitable.ec > tr > th, .game-bg .element-wei table.wikitable.ec > * > tr > th, .game-bg table.wikitable.wei > tr > th, .game-bg table.wikitable.wei > * > tr > th, .element-wei .ec-btn .filter-div--button.selected{background: #bbdefb;} .element-wei .ec-1-bd, .element-wei .ec-1, .wei-1-bd, .wei-1, .game-bg .element-wei .wikitable.ec, .game-bg .element-wei .wikitable.ec td, .game-bg .wikitable.wei td, .game-bg .element-wei table.wikitable.ec > tr > th, .game-bg .element-wei table.wikitable.ec > * > tr > th, .game-bg table.wikitable.wei > tr > th, .game-bg table.wikitable.wei > * > tr > th {border-color: #42a5f5} .element-wei .ec-2-bg, .element-wei .ec-2, .wei-2-bg, .wei-2 {background: #e9f5ff;} .element-wei .ec-2-bd, .element-wei .ec-2, .wei-2-bd, .wei-2 {border-color:#25547b;} .element-wei .gbf-infobox-section.infobox-title{text-shadow: 0 0 1px #4b787f, 0 0 1px #4b787f, 0 0 1px #4b787f, 0 0 1px #4b787f, 0 0 2px #4b787f, 0 0 2px #4b787f, 0 0 2px #4b787f, 0 0 2px #4b787f;} @media (max-width: 767px){ 

   .element-wei .ec-1-bg-m, .element-wei .ec-1-m, .wei-1-bg-m, .wei-1-m {background: #bbdefb;}
   .element-wei .ec-1-bd-m, .element-wei .ec-1-m, .wei-1-bd-m, .wei-1-m {border-color: #42a5f5}
   .element-wei .ec-2-bg-m, .element-wei .ec-2-m, .wei-2-bg-m, .wei-2-m {background: #e9f5ff;}
   .element-wei .ec-2-bd-m, .element-wei .ec-2-m, .wei-2-bd-m, .wei-2-m {border-color:#25547b;}

} @media (min-width: 768px){ 

   .element-wei .ec-1-bg-pc, .element-wei .ec-1-pc, .wei-1-bg-pc, .wei-1-pc {background: #bbdefb;}
   .element-wei .ec-1-bd-pc, .element-wei .ec-1-pc, .wei-1-bd-pc, .wei-1-pc {border-color: #42a5f5}
   .element-wei .ec-2-bg-pc, .element-wei .ec-2-pc, .wei-2-bg-pc, .wei-2-pc {background: #e9f5ff;}
   .element-wei .ec-2-bd-pc, .element-wei .ec-2-pc, .wei-2-bd-pc, .wei-2-pc {border-color:#25547b;}

} /* 蜀国 */ .element-shu .ec-1-bg, .element-shu .ec-1, .shu-1-bg, .shu-1, .game-bg .element-shu table.wikitable.ec > tr > th, .game-bg .element-shu table.wikitable.ec > * > tr > th, .game-bg table.wikitable.shu > tr > th, .game-bg table.wikitable.shu > * > tr > th, .element-shu .ec-btn .filter-div--button.selected{background: #c8e6c9;} .element-shu .ec-1-bd, .element-shu .ec-1, .shu-1-bd, .shu-1, .game-bg .element-shu .wikitable.ec, .game-bg .element-shu .wikitable.ec td, .game-bg .wikitable.shu td, .game-bg .element-shu table.wikitable.ec > tr > th, .game-bg .element-shu table.wikitable.ec > * > tr > th, .game-bg table.wikitable.shu > tr > th, .game-bg table.wikitable.shu > * > tr > th {border-color: #66bb6a} .element-shu .ec-2-bg, .element-shu .ec-2, .shu-2-bg, .shu-2 {background: #f4fff4;} .element-shu .ec-2-bd, .element-shu .ec-2, .shu-2-bd, .shu-2 {border-color: #5a825b;} .element-shu .gbf-infobox-section.infobox-title {text-shadow: 0 0 1px #5b7f5d, 0 0 1px #5b7f5d, 0 0 1px #5b7f5d, 0 0 1px #5b7f5d, 0 0 2px #5b7f5d, 0 0 2px #5b7f5d, 0 0 2px #5b7f5d, 0 0 2px #5b7f5d;} @media (max-width: 767px){ 

   .element-shu .ec-1-bg-m, .element-shu .ec-1-m, .shu-1-bg-m, .shu-1-m {background: #c8e6c9;}
   .element-shu .ec-1-bd-m, .element-shu .ec-1-m, .shu-1-bd-m, .shu-1-m {border-color: #66bb6a}
   .element-shu .ec-2-bg-m, .element-shu .ec-2-m, .shu-2-bg-m, .shu-2-m {background: #f4fff4;}
   .element-shu .ec-2-bd-m, .element-shu .ec-2-m, .shu-2-bd-m, .shu-2-m {border-color:#5a825b;}

} @media (min-width: 768px){ 

   .element-shu .ec-1-bg-pc, .element-shu .ec-1-pc, .shu-1-bg-pc, .shu-1-pc {background: #c8e6c9;}
   .element-shu .ec-1-bd-pc, .element-shu .ec-1-pc, .shu-1-bd-pc, .shu-1-pc {border-color: #66bb6a}
   .element-shu .ec-2-bg-pc, .element-shu .ec-2-pc, .shu-2-bg-pc, .shu-2-pc {background: #f4fff4;}
   .element-shu .ec-2-bd-pc, .element-shu .ec-2-pc, .shu-2-bd-pc, .shu-2-pc {border-color:#5a825b;}

} /* 吴国 */ .element-wu .ec-1-bg, .element-wu .ec-1, .wu-1-bg, .wu-1, .game-bg .element-wu table.wikitable.ec > tr > th, .game-bg .element-wu table.wikitable.ec > * > tr > th, .game-bg table.wikitable.wu > tr > th, .game-bg table.wikitable.wu > * > tr > th, .element-wu .ec-btn .filter-div--button.selected{background: #ffcdd2;} .element-wu .ec-1-bd, .element-wu .ec-1, .wu-1-bd, .wu-1, .game-bg .element-wu .wikitable.ec, .game-bg .element-wu .wikitable.ec td, .game-bg .wikitable.wu td, .game-bg .element-wu table.wikitable.ec > tr > th, .game-bg .element-wu table.wikitable.ec > * > tr > th, .game-bg table.wikitable.wu > tr > th, .game-bg table.wikitable.wu > * > tr > th {border-color: #ef5350} .element-wu .ec-2-bg, .element-wu .ec-2, .wu-2-bg, .wu-2 {background: #fff1f2;} .element-wu .ec-2-bd, .element-wu .ec-2, .wu-2-bd, .wu-2 {border-color: #98545a;} .element-wu .gbf-infobox-section.infobox-title {text-shadow: 0 0 1px #b96161, 0 0 1px #b96161, 0 0 1px #b96161, 0 0 1px #b96161, 0 0 2px #b96161, 0 0 2px #b96161, 0 0 2px #b96161, 0 0 2px #b96161;} @media (max-width: 767px){ 

   .element-wu .ec-1-bg-m, .element-wu .ec-1-m, .wu-1-bg-m, .wu-1-m {background: #ffcdd2;}
   .element-wu .ec-1-bd-m, .element-wu .ec-1-m, .wu-1-bd-m, .wu-1-m {border-color: #ef5350}
   .element-wu .ec-2-bg-m, .element-wu .ec-2-m, .wu-2-bg-m, .wu-2-m {background: #fff1f2;}
   .element-wu .ec-2-bd-m, .element-wu .ec-2-m, .wu-2-bd-m, .wu-2-m {border-color:#98545a;}

} @media (min-width: 768px){ 

   .element-wu .ec-1-bg-pc, .element-wu .ec-1-pc, .wu-1-bg-pc, .wu-1-pc {background: #ffcdd2;}
   .element-wu .ec-1-bd-pc, .element-wu .ec-1-pc, .wu-1-bd-pc, .wu-1-pc {border-color: #ef5350}
   .element-wu .ec-2-bg-pc, .element-wu .ec-2-pc, .wu-2-bg-pc, .wu-2-pc {background: #fff1f2;}
   .element-wu .ec-2-bd-pc, .element-wu .ec-2-pc, .wu-2-bd-pc, .wu-2-pc {border-color:#98545a;}

} /* 群雄 */ .element-qun .ec-1-bg, .element-qun .ec-1, .qun-1-bg, .qun-1, .game-bg .element-qun table.wikitable.ec > tr > th, .game-bg .element-qun table.wikitable.ec > * > tr > th, .game-bg table.wikitable.qun > tr > th, .game-bg table.wikitable.qun > * > tr > th, .element-qun .ec-btn .filter-div--button.selected{background: #ffecb3;} .element-qun .ec-1-bd, .element-qun .ec-1, .qun-1-bd, .qun-1, .game-bg .element-qun .wikitable.ec, .game-bg .element-qun .wikitable.ec td, .game-bg .wikitable.qun td, .game-bg .element-qun table.wikitable.ec > tr > th, .game-bg .element-qun table.wikitable.ec > * > tr > th, .game-bg table.wikitable.qun > tr > th, .game-bg table.wikitable.qun > * > tr > th {border-color: #ffc158;} .element-qun .ec-2-bg, .element-qun .ec-2, .qun-2-bg, .qun-2 {background: #fff8e5;} .element-qun .ec-2-bd, .element-qun .ec-2, .qun-2-bd, .qun-2 {border-color: #bb8e42;} .element-qun .gbf-infobox-section.infobox-title {text-shadow: 0 0 1px #b98939, 0 0 1px #b98939, 0 0 1px #b98939, 0 0 1px #b98939, 0 0 2px #b98939, 0 0 2px #b98939, 0 0 2px #b98939, 0 0 2px #b98939;} @media (max-width: 767px){ 

   .element-qun .ec-1-bg-m, .element-qun .ec-1-m, .qun-1-bg-m, .qun-1-m {background: #ffecb3;}
   .element-qun .ec-1-bd-m, .element-qun .ec-1-m, .qun-1-bd-m, .qun-1-m {border-color: #ffc158}
   .element-qun .ec-2-bg-m, .element-qun .ec-2-m, .qun-2-bg-m, .qun-2-m {background: #fff8e5;}
   .element-qun .ec-2-bd-m, .element-qun .ec-2-m, .qun-2-bd-m, .qun-2-m {border-color:#bb8e42;}

} @media (min-width: 768px){ 

   .element-qun .ec-1-bg-pc, .element-qun .ec-1-pc, .qun-1-bg-pc, .qun-1-pc {background: #ffecb3;}
   .element-qun .ec-1-bd-pc, .element-qun .ec-1-pc, .qun-1-bd-pc, .qun-1-pc {border-color: #ffc158}
   .element-qun .ec-2-bg-pc, .element-qun .ec-2-pc, .qun-2-bg-pc, .qun-2-pc {background: #fff8e5;}
   .element-qun .ec-2-bd-pc, .element-qun .ec-2-pc, .qun-2-bd-pc, .qun-2-pc {border-color:#bb8e42;}

} /* 玩具 */ .element-any .ec-1-bg, .element-any .ec-1, .dark-1-bg, .dark-1, .game-bg .element-any table.wikitable.ec > tr > th, .game-bg .element-any table.wikitable.ec > * > tr > th, .game-bg table.wikitable.dark > tr > th, .game-bg table.wikitable.dark > * > tr > th, .element-any .ec-btn .filter-div--button.selected{background: #dfdfdf;} .element-any .ec-1-bd, .element-any .ec-1, .dark-1-bd, .dark-1, .game-bg .element-any .wikitable.ec, .game-bg .element-any .wikitable.ec td, .game-bg .wikitable.dark td, .game-bg .element-any table.wikitable.ec > tr > th, .game-bg .element-any table.wikitable.ec > * > tr > th, .game-bg table.wikitable.dark > tr > th, .game-bg table.wikitable.dark > * > tr > th {border-color: #aaa;} .element-any .ec-2-bg, .element-any .ec-2, .dark-2-bg, .dark-2 {background: #f1f1f1;} .element-any .ec-2-bd, .element-any .ec-2, .dark-2-bd, .dark-2 {border-color: #717171;} .element-any .gbf-infobox-section.infobox-title {text-shadow: 0 0 1px #5b595f, 0 0 1px #5b595f, 0 0 1px #5b595f, 0 0 1px #5b595f, 0 0 2px #5b595f, 0 0 2px #5b595f, 0 0 2px #5b595f, 0 0 2px #5b595f;} @media (max-width: 767px){ 

   .element-any .ec-1-bg-m, .element-any .ec-1-m, .dark-1-bg-m, .dark-1-m {background: #dfdfdf;}
   .element-any .ec-1-bd-m, .element-any .ec-1-m, .dark-1-bd-m, .dark-1-m {border-color: #aaa}
   .element-any .ec-2-bg-m, .element-any .ec-2-m, .dark-2-bg-m, .dark-2-m {background: #f1f1f1;}
   .element-any .ec-2-bd-m, .element-any .ec-2-m, .dark-2-bd-m, .dark-2-m {border-color:#717171;}

} @media (min-width: 768px){ 

   .element-any .ec-1-bg-pc, .element-any .ec-1-pc, .dark-1-bg-pc, .dark-1-pc {background: #dfdfdf;}
   .element-any .ec-1-bd-pc, .element-any .ec-1-pc, .dark-1-bd-pc, .dark-1-pc {border-color: #aaa}
   .element-any .ec-2-bg-pc, .element-any .ec-2-pc, .dark-2-bg-pc, .dark-2-pc {background: #f1f1f1;}
   .element-any .ec-2-bd-pc, .element-any .ec-2-pc, .dark-2-bd-pc, .dark-2-pc {border-color:#717171;}

}

/* 基础模板 */ .manager-big{ width:100%; box-shadow: none; background: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; padding:0; overflow:hidden; } .manager-left{ width:65%; margin-right:10px; float:left } .manager-right{ width: Calc(35% - 10px); float:left } @media only screen and (max-width: 759px) { .manager-big { width:100%; padding:0; overflow:hidden; } .manager-left, .manager-right { float: none; width: 100%; } } .col-1{ width: Calc(100% - 4px); } .col-2{ width: Calc(50% - 4px); } /* 适配模板 */ .hide_1{ width:160px; overflow:auto; height:310px; } @media only screen and (max-width:768px){ .hide_1{ width:164px; } } @media only screen and (min-width: 769px) and (max-width: 1024px){ .hide_1{ width:164px; } } .infobox-title-wei{ text-shadow:0 0 1px #4b787f, 0 0 1px #4b787f, 0 0 1px #4b787f, 0 0 1px #4b787f, 0 0 2px #4b787f, 0 0 2px #4b787f, 0 0 2px #4b787f, 0 0 2px #4b787f; } .infobox-title-shu{ text-shadow:0 0 1px #5b7f5d, 0 0 1px #5b7f5d, 0 0 1px #5b7f5d, 0 0 1px #5b7f5d, 0 0 2px #5b7f5d, 0 0 2px #5b7f5d, 0 0 2px #5b7f5d, 0 0 2px #5b7f5d; } .infobox-title-wu{ text-shadow:0 0 1px #b96161, 0 0 1px #b96161, 0 0 1px #b96161, 0 0 1px #b96161, 0 0 2px #b96161, 0 0 2px #b96161, 0 0 2px #b96161, 0 0 2px #b96161; } .infobox-title-qun{ text-shadow:0 0 1px #b98939, 0 0 1px #b98939, 0 0 1px #b98939, 0 0 1px #b98939, 0 0 2px #b98939, 0 0 2px #b98939, 0 0 2px #b98939, 0 0 2px #b98939; }

/* 表格调整 */ .xjhide_1{ display:none; } @media only screen and (max-width:768px){ .xjhide_1{ display:table-row; } .xjhide_2{ display:none; } } .xjfont{ width:auto; text-align:right; padding-right:5px; text-shadow:0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000; color:#fff; font-weight:bold; } .xjfont_1{ width:auto; text-align:left; padding-left:5px; text-shadow:none; } 

 .nav-pills>li{
   margin-bottom: 0.1em;
   margin-top: 0;
 }

</style> <script> /* 台词 */ /* 来源：方舟指令WIKI*/ var arr_text=[]; /* --判定只有存在table.taici才进行以下运算-- */ if($("table.taici").length){ 

   var h = 200;
   var w = 200;
   $("table.taici li>ul>li").each(function(){
       var textt = $(this).text();
       if(textt.indexOf(".mp3") != -1){
           taiciarr = textt.split(".mp3");
           textt = taiciarr[1];
       }
       arr_text.push(textt)
   });
   setTimeout(function () {
       $('div.qchartext').text(arr_text[19])
       $('div.qchartext').css("display","block")
   }, 1500)
   $('div.mobilestyle').mouseenter(function(){
       $('div.qchartext').css("display","block")
   })
   $('div.mobilestyle').mouseleave(function(){
       $('div.qchartext').css("display","none")
   })
   $('div.mobilestyle').click(function(){
      var n= Math.floor(Math.random()*(arr_text.length+1))
      $('div.qchartext').text(arr_text[n])
   });



  /* --托拽-- */
   var laopo=document.querySelector('div.mobilestyle')
   var a=1;
   /* --鼠标按下-- */
   laopo.onmousedown=function(evt){
       evt.preventDefault()
       a=2;
       /* --鼠标移动-- */
       laopo.onmousemove=function(e){
           e.preventDefault()
           if(a==2){
               laopo.style.left=(e.clientX-evt.offsetX) +'px';
               laopo.style.top=(e.clientY-evt.offsetY)+'px';
               $('div.qchartext').css("display","none")
           }
       }
       laopo.onmouseup = function() {
           $('div.qchartext').css("display","block")
       }
   }
   // 鼠标抬起
   onmouseup=function(){
       a=1;
   }

} </script>

取自“https://wiki.biligame.com/xyzwgame/index.php?title=Widget:技能&oldid=14819”