“MediaWiki:Common.css”的版本间的差异
来自怪物猎人:崛起
(未显示同一用户的65个中间版本) | |||
第7行: | 第7行: | ||
.wrap .w-right{ width:900px; height:auto; padding-right:10px; float:right;} | .wrap .w-right{ width:900px; height:auto; padding-right:10px; float:right;} | ||
th{ text-align:left; font-weight:normal;} | th{ text-align:left; font-weight:normal;} | ||
− | + | .mw-headline{border-bottom: 3px solid #1fcbff;padding-bottom: 10px; font-weight: bold;} | |
.box{ width:100%; height:auto; margin:0 auto; padding-top:25px; clear:both;} | .box{ width:100%; height:auto; margin:0 auto; padding-top:25px; clear:both;} | ||
.box .tit{ width:100%; height:38px; clear:both;} | .box .tit{ width:100%; height:38px; clear:both;} | ||
第119行: | 第119行: | ||
.protective_list .p-nav .li-on:hover{ color:#ffffff;} | .protective_list .p-nav .li-on:hover{ color:#ffffff;} | ||
.protective_list .p-cot{ width:100%; height:auto; clear:both;} | .protective_list .p-cot{ width:100%; height:auto; clear:both;} | ||
− | .protective_list .p-cot | + | .protective_list .p-cot .li{ width:840px; height:auto; margin-bottom:15px; clear:both; border-top:1px solid #dddddd; border-left:1px solid #dddddd;} |
− | .protective_list .p-cot | + | .protective_list .p-cot .li a:hover{ color:#71bcff} |
− | .protective_list .p-cot | + | .protective_list .p-cot .li .tr{ width:100%; height:auto; clear:both; background:#f0f0f0; border-bottom:1px solid #dddddd; overflow:hidden;} |
− | .protective_list .p-cot | + | .protective_list .p-cot .li .tr.ptit{ background:#ffffff;} |
− | .protective_list .p-cot | + | .protective_list .p-cot .li .td{ width:120px; height:auto; min-height:100%; padding:12px 10px; float:left; border-right:1px solid #dddddd; text-align:center; font-size:16px; color:#000000; padding-bottom:1000px; margin-bottom:-983px;} |
− | .protective_list .p-cot | + | .protective_list .p-cot .li .td img{ vertical-align:middle;} |
− | .protective_list .p-cot | + | .protective_list .p-cot .li .td.name{ width:130px;} |
− | .protective_list .p-cot | + | .protective_list .p-cot .li .td.name .txt{ width:auto; height:auto; clear:both;} |
− | .protective_list .p-cot | + | .protective_list .p-cot .li .td.name .level{ display:inline-table; width:auto; height:22px; line-height:22px; margin:5px auto 0px auto; padding:0px 10px; background:#71bcff; text-align:center; font-size:14px; color:#ffffff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} |
− | .protective_list .p-cot | + | .protective_list .p-cot .li .td.name .icon{ width:auto; height:auto; margin:5px auto 0px auto; clear:both; font-size:0px; line-height:0px;} |
+ | .protective_list .p-cot .li .td.name .icon img{ margin:0 2px;} | ||
+ | .protective_list .p-cot .li .td.param{ width:60px;} | ||
+ | .protective_list .p-cot .li .td.explain{ width:182px;} | ||
+ | .protective_list .p-cot .li p{ display:none;} | ||
+ | .protective_list .p-cot .li .td p{ display:inline-table;} | ||
第138行: | 第143行: | ||
.arms_list .a-nav .li .stxt{ width:60px; height:30px; line-height:30px; float:left; font-size:14px;} | .arms_list .a-nav .li .stxt{ width:60px; height:30px; line-height:30px; float:left; font-size:14px;} | ||
.arms_list .a-nav .li .scot{ width:780px; height:auto; float:left;} | .arms_list .a-nav .li .scot{ width:780px; height:auto; float:left;} | ||
− | .arms_list .a-nav .li .scot .sli{ width:auto; height:30px; line-height:30px; margin:0 5px 5px 0px; padding:0px 12px; float:left; background:#eeeeee; text-align:center; font-size:14px; color:#333333; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; align-items:center; justify-content:center; display:flex;} | + | .arms_list .a-nav .li .scot .sli{ width:auto; height:30px; line-height:30px; margin:0 5px 5px 0px; padding:0px 12px; float:left; background:#eeeeee; text-align:center; font-size:14px; color:#333333; font-weight:normal; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; align-items:center; justify-content:center; display:flex;} |
+ | .arms_list .a-nav .li .scot .sli a{ color:#333333; font-weight:normal;} | ||
.arms_list .a-nav .li .scot .sli img{ vertical-align:middle;} | .arms_list .a-nav .li .scot .sli img{ vertical-align:middle;} | ||
.arms_list .a-nav .li .scot .sli:hover{ color:#71bcff;} | .arms_list .a-nav .li .scot .sli:hover{ color:#71bcff;} | ||
+ | .arms_list .a-nav .li .scot .sli:hover a{ color:#71bcff;} | ||
.arms_list .a-nav .li .scot .sli-on{ background:#71bcff; color:#ffffff;} | .arms_list .a-nav .li .scot .sli-on{ background:#71bcff; color:#ffffff;} | ||
+ | .arms_list .a-nav .li .scot .sli-on a{ color:#ffffff; font-weight:normal;} | ||
.arms_list .a-nav .li .scot .sli-on:hover{ color:#ffffff;} | .arms_list .a-nav .li .scot .sli-on:hover{ color:#ffffff;} | ||
+ | .arms_list .a-nav .li .scot .sli-on:hover a{ color:#ffffff;} | ||
.arms_list .a-cot{ width:840px; height:auto; clear:both; border-top:1px solid #dddddd; border-left:1px solid #dddddd; overflow:hidden;} | .arms_list .a-cot{ width:840px; height:auto; clear:both; border-top:1px solid #dddddd; border-left:1px solid #dddddd; overflow:hidden;} | ||
.arms_list .a-cot .li{ width:100%; height:auto; clear:both; overflow:hidden;} | .arms_list .a-cot .li{ width:100%; height:auto; clear:both; overflow:hidden;} | ||
第157行: | 第166行: | ||
.arms_list .a-cot .li .sli-details .d-cot .defense{ width:auto; height:24px; line-height:24px; padding-left:10px; float:left; font-size:14px; color:#666666;} | .arms_list .a-cot .li .sli-details .d-cot .defense{ width:auto; height:24px; line-height:24px; padding-left:10px; float:left; font-size:14px; color:#666666;} | ||
.arms_list .a-cot .li .sli-details .d-cot .defense img{ vertical-align:middle; margin-top:-4px;} | .arms_list .a-cot .li .sli-details .d-cot .defense img{ vertical-align:middle; margin-top:-4px;} | ||
− | .arms_list .a-cot .li .sli-details .d-color{ width:300px; height:10px; margin-top:10px | + | .arms_list .a-cot .li .sli-details .d-color{ display:flex;width:300px; height:10px; margin-top:10px; border:1px solid #71bcff; border-radius:10px; overflow:hidden; } |
− | .arms_list .a-cot .li .sli-details .d-color .dcli{ | + | .arms_list .a-cot .li .sli-details .d-color p {display:none;} |
− | .arms_list .a-cot .li .sli-details .d-color .dcli-violet{ background:#a22dbf | + | .arms_list .a-cot .li .sli-details .d-color .dcli{ height:100%; } |
− | .arms_list .a-cot .li .sli-details .d-color .dcli-white{ background:#ffffff | + | .arms_list .a-cot .li .sli-details .d-color .dcli:first-child{border-radius: 10px 0 0 10px;} |
− | .arms_list .a-cot .li .sli-details .d-color .dcli-blue{ background:#0d47a1 | + | .arms_list .a-cot .li .sli-details .d-color .dcli:last-child{border-radius: 0 10px 10px 0; } |
− | .arms_list .a-cot .li .sli-details .d-color .dcli-green{ background:#00c851 | + | .arms_list .a-cot .li .sli-details .d-color .dcli-violet{ background:#a22dbf;} |
− | .arms_list .a-cot .li .sli-details .d-color .dcli-yellow{ background:#ece51c | + | .arms_list .a-cot .li .sli-details .d-color .dcli-white{ background:#ffffff; } |
− | .arms_list .a-cot .li .sli-details .d-color .dcli-orange{ background:#ff8800 | + | .arms_list .a-cot .li .sli-details .d-color .dcli-blue{ background:#0d47a1; } |
− | .arms_list .a-cot .li .sli-details .d-color .dcli-red{ background:#cc0000 | + | .arms_list .a-cot .li .sli-details .d-color .dcli-green{ background:#00c851; } |
+ | .arms_list .a-cot .li .sli-details .d-color .dcli-yellow{ background:#ece51c;} | ||
+ | .arms_list .a-cot .li .sli-details .d-color .dcli-orange{ background:#ff8800; } | ||
+ | .arms_list .a-cot .li .sli-details .d-color .dcli-red{ background:#cc0000; } | ||
.arms_list .a-cot .li .sli-attack{ width:149px; text-align:center; font-size:16px; align-items:center; justify-content:center; display:flex;} | .arms_list .a-cot .li .sli-attack{ width:149px; text-align:center; font-size:16px; align-items:center; justify-content:center; display:flex;} | ||
.arms_list .a-cot .li .sli-attack img{ vertical-align:middle; margin-top:-3px;} | .arms_list .a-cot .li .sli-attack img{ vertical-align:middle; margin-top:-3px;} | ||
第172行: | 第184行: | ||
.arms_list .a-cot .li .sli-type{ width:99px; text-align:center; font-size:16px; align-items:center; justify-content:center; display:flex;} | .arms_list .a-cot .li .sli-type{ width:99px; text-align:center; font-size:16px; align-items:center; justify-content:center; display:flex;} | ||
.arms_list .a-cot .li .sli-type img{ vertical-align:middle; margin-top:-3px;} | .arms_list .a-cot .li .sli-type img{ vertical-align:middle; margin-top:-3px;} | ||
+ | .arms_list .a-cot p{ border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; margin:0 auto; padding:1em 0; text-align:center;} | ||
− | .sub-color{ width:300px; height: | + | |
− | .sub-color .dcli{ | + | .sub-color{width:300px;height:12px;display:flex;margin:5px 0px; border:1px solid #71bcff; border-radius:10px; box-sizing: border-box;} |
− | .sub-color .dcli-violet{ background:#a22dbf | + | .sub-color p{display:none;} |
− | .sub-color .dcli-white{ background:#ffffff | + | .sub-color .dcli{ height:100%;} |
− | .sub-color .dcli-blue{ background:#0d47a1 | + | .sub-color .dcli:first-child{ border-radius: 10px 0 0 10px;} |
− | .sub-color .dcli-green{ background:#00c851 | + | .sub-color .dcli:last-child{border-radius: 0 10px 10px 0;} |
− | .sub-color .dcli-yellow{ background:#ece51c | + | .sub-color .dcli-violet{ background:#a22dbf;} |
− | .sub-color .dcli-orange{ background:#ff8800 | + | .sub-color .dcli-white{ background:#ffffff;} |
− | .sub-color .dcli-red{ background:#cc0000 | + | .sub-color .dcli-blue{ background:#0d47a1; } |
+ | .sub-color .dcli-green{ background:#00c851; } | ||
+ | .sub-color .dcli-yellow{ background:#ece51c; } | ||
+ | .sub-color .dcli-orange{ background:#ff8800; } | ||
+ | .sub-color .dcli-red{ background:#cc0000; } | ||
/*****武器素材-相关*****/ | /*****武器素材-相关*****/ | ||
− | .arms-material{ width:100%; height:auto; clear:both;} | + | #arms-material-val{ display:none;} |
− | .arms-material .m-tit{ width:100%; height:30px; clear:both; font-size: | + | .arms-material{ width:100%; height:auto; padding-top:20px; clear:both;} |
+ | .arms-material .m-tit{ width:100%; height:30px; clear:both; font-size:14px; font-weight:bold;} | ||
.arms-material .m-cot{ width:100%; height:auto; clear:both; border-top:1px solid #dddddd;} | .arms-material .m-cot{ width:100%; height:auto; clear:both; border-top:1px solid #dddddd;} | ||
.arms-material .m-cot .mli{ width:100%; height:auto; clear:both; border-bottom:1px solid #dddddd; overflow:hidden; display:flex;} | .arms-material .m-cot .mli{ width:100%; height:auto; clear:both; border-bottom:1px solid #dddddd; overflow:hidden; display:flex;} | ||
− | .arms-material .m-cot .mli-tit{ background:#f3f3f3;} | + | .arms-material .m-cot .mli-tit{ background:#f3f3f3; color:#555555; font-weight:bold;} |
.arms-material .m-cot .mli .mli-td{ width:10%; height:auto; padding:5px 0; float:left; flex:1;} | .arms-material .m-cot .mli .mli-td{ width:10%; height:auto; padding:5px 0; float:left; flex:1;} | ||
.arms-material .m-cot .mli .mli-td a:hover{ color:#71bcff;} | .arms-material .m-cot .mli .mli-td a:hover{ color:#71bcff;} | ||
+ | .arms-material .m-cot .mli-cot{ display:none;} | ||
+ | |||
+ | |||
+ | /*****技能列表*****/ | ||
+ | #skill_list{ | ||
+ | border: 1px solid rgba(242, 242, 242, 1); | ||
+ | font-family: 'Arial Normal', 'Arial'; | ||
+ | } | ||
+ | .skill_xuzi .skill_head{ | ||
+ | background-color: rgba(242, 242, 242, 1); | ||
+ | display: -webkit-flex; | ||
+ | display: flex; | ||
+ | height: 50px; | ||
+ | align-items: center; | ||
+ | color: #AAAAAA; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | .skill_xuzi .skill_head .skill_title{ | ||
+ | flex: 1; | ||
+ | text-indent: 16px; | ||
+ | } | ||
+ | .skill_xuzi .skill_head .skill_title:nth-child(4){ | ||
+ | flex: 2; | ||
+ | } | ||
+ | .skill_xuzi .skill_body{ | ||
+ | padding-top: 18px; | ||
+ | } | ||
+ | .skill_xuzi .skill_body .skill_box{ | ||
+ | display: -webkit-flex; | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | padding: 18px 0; | ||
+ | } | ||
+ | .skill_xuzi .skill_body .skill_box .skill_one{ | ||
+ | flex: 1; | ||
+ | text-indent: 16px; | ||
+ | font-size: 16px; | ||
+ | color: #AAAAAA; | ||
+ | } | ||
+ | .skill_xuzi .skill_body .skill_box .skill_one:nth-child(1){ | ||
+ | color: #555555; | ||
+ | } | ||
+ | .skill_xuzi .skill_body .skill_box .skill_one:nth-child(4){ | ||
+ | flex: 2; | ||
+ | color: #333333; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | .skill_xuzi .skill_body .skill_box .skill_one:nth-child(4) .skill_desc{ | ||
+ | min-height: 26px; | ||
+ | text-indent: 0; | ||
+ | padding-left: 16px; | ||
+ | } | ||
+ | .skill_xuzi .skill_body .skill_box .skill_one:nth-child(4) p{ | ||
+ | margin: 0; | ||
+ | height: 0; | ||
+ | } | ||
+ | .skill_xuzi .skill_body .skill_line{ | ||
+ | background: url("https://wiki.caimogu.net/mhr/images/e/e3/Skill_line.png"); | ||
+ | height: 1px; | ||
+ | width: calc(100% - 32px); | ||
+ | margin-left: 16px; | ||
+ | } | ||
+ | .skill_xuzi .skill_body .skill_line:last-child{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /*****护石列表start*****/ | ||
+ | .guard-stone-attack-mode{ | ||
+ | display: grid; | ||
+ | grid-gap: 25px 25px; | ||
+ | grid-auto-flow: column; | ||
+ | box-sizing: border-box; | ||
+ | grid-template-columns: repeat(4, 1fr); | ||
+ | grid-template-rows: repeat(auto-fill, 200px); | ||
+ | } | ||
+ | .guard-stone{ | ||
+ | width:189px; | ||
+ | height:151px; | ||
+ | box-sizing:border-box; | ||
+ | border-width:1px; | ||
+ | border-top:1px solid rgba(0, 0, 0, 0.1); | ||
+ | border-left:1px solid rgba(0, 0, 0, 0.1); | ||
+ | font-size:16px; | ||
+ | box-shadow:3px 3px 5px rgba(153, 153, 153, 0.349019607843137); | ||
+ | } | ||
+ | .guard-stone-title{ | ||
+ | margin-top:7px; | ||
+ | height:27px; | ||
+ | text-align: center; | ||
+ | line-height:27px; | ||
+ | background-color:rgba(0, 0, 0, 0.1); | ||
+ | border-top:2px solid rgba(0, 0, 0, 0.1); | ||
+ | border-bottom:2px solid rgba(0, 0, 0, 0.1); | ||
+ | } | ||
+ | .guard-stone-skill{ | ||
+ | margin-top: 12px; | ||
+ | display: flex; | ||
+ | height:70px; | ||
+ | flex-wrap:wrap; | ||
+ | justify-content:space-between; | ||
+ | align-items:center; | ||
+ | } | ||
+ | .guard-stone-skill-level{ | ||
+ | width:100%; | ||
+ | flex-direction: column; | ||
+ | text-align: center; | ||
+ | } | ||
+ | /*****护石列表end*****/ | ||
+ | |||
+ | |||
+ | /* New Skin */ | ||
+ | .mw-skin-light { | ||
+ | vertical-align: middle; | ||
+ | text-align: center; | ||
+ | cursor: default; | ||
+ | } | ||
+ | |||
+ | .mw-skin-light tr:nth-child(1) { | ||
+ | background-color: #f5f5f5; | ||
+ | text-align: center; | ||
+ | color: #464646; | ||
+ | -webkit-user-select: none; | ||
+ | -moz-user-select: none; | ||
+ | -ms-user-select: none; | ||
+ | user-select: none; | ||
+ | } | ||
+ | |||
+ | .mw-skin-light td { | ||
+ | vertical-align: middle !important; | ||
+ | padding: 0 !important; | ||
+ | border: none !important; | ||
+ | } | ||
+ | |||
+ | .mw-skin-light th { | ||
+ | padding: 15px 3px !important; | ||
+ | vertical-align: middle !important; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .mw-skin-light th img { | ||
+ | margin: auto 5px; | ||
+ | width: auto; | ||
+ | height: 1.5rem; | ||
+ | vertical-align: text-bottom; | ||
+ | } | ||
+ | |||
+ | .arms-material { | ||
+ | cursor: default; | ||
+ | } | ||
+ | |||
+ | .arms-material .mli { | ||
+ | display: -webkit-box; | ||
+ | display: -ms-flexbox; | ||
+ | display: flex; | ||
+ | -webkit-box-align: center; | ||
+ | -ms-flex-align: center; | ||
+ | align-items: center; | ||
+ | -webkit-box-pack: left; | ||
+ | -ms-flex-pack: left; | ||
+ | justify-content: left; | ||
+ | } | ||
+ | |||
+ | .arms-material .mli .mli-tit { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .arms-material .mli .mli-td { | ||
+ | -webkit-box-flex: 0 !important; | ||
+ | -ms-flex: 0 1 10% !important; | ||
+ | flex: 0 1 10% !important; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .arms-material .mli .mli-td:nth-child(3) { | ||
+ | -ms-flex-preferred-size: 20% !important; | ||
+ | flex-basis: 20% !important; | ||
+ | } | ||
+ | |||
+ | .arms-material .mli .mli-td:nth-child(4) { | ||
+ | -ms-flex-preferred-size: 60% !important; | ||
+ | flex-basis: 60% !important; | ||
+ | } | ||
+ | |||
+ | .arms-material .m-cot .mli { | ||
+ | border-bottom: 1px dashed #dddddd !important; | ||
+ | } | ||
+ | |||
+ | .arms-material .mli-cot:hover { | ||
+ | background-color: #f0f0f0; | ||
+ | -webkit-transition: background .5s linear; | ||
+ | transition: background .5s linear; | ||
+ | } | ||
+ | |||
+ | .arms-material .mli-cot:hover .mli-td { | ||
+ | color: #6abff1; | ||
+ | -webkit-transition: color .5s linear; | ||
+ | transition: color .5s linear; | ||
+ | } | ||
+ | /*# sourceMappingURL=mw.css.map */ |
2021年5月19日 (三) 22:49的最新版本
/* 这里放置的CSS将应用于所有皮肤 */ /*****Public*****/ .mw-parser-output a.external{ background:none; padding:0;} .wrap{ width:1210px; height:auto; margin:0 0 0 -5px; padding-bottom:10px; clear:both; overflow:hidden; position:relative;} .wrap .w-left{ width:260px; height:auto; padding-left:10px; float:left;} .wrap .w-right{ width:900px; height:auto; padding-right:10px; float:right;} th{ text-align:left; font-weight:normal;} .mw-headline{border-bottom: 3px solid #1fcbff;padding-bottom: 10px; font-weight: bold;} .box{ width:100%; height:auto; margin:0 auto; padding-top:25px; clear:both;} .box .tit{ width:100%; height:38px; clear:both;} .box .tit .txt{ width:auto; height:auto; float:left; font-size:22px; color:#333333; font-weight:bold;} .box .tit .more{ width:auto; height:auto; float:right; text-align:right; font-size:14px; color:#71bcff;} .box .tit .more a{ color:#71bcff;} .box .tit .more a:hover{ color:#3495eb;} .box .tit .tab{ width:auto; height:37px; margin-right:8px; float:left; background:#ffffff; border-top:1px solid #dddddd; border-right:1px solid #dddddd; border-left:1px solid #dddddd; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px;} .box .tit .tab a{ display:block; width:auto; height:37px; line-height:37px; padding:0 25px; font-size:20px; color:#333333;} .box .tit .tab a:hover{ color:#71bcff;} .box .tit .tab-on{ border-top:1px solid #71bcff; border-right:1px solid #71bcff; border-left:1px solid #71bcff; background:#71bcff;} .box .tit .tab-on a{ color:#ffffff; font-weight:bold;} .box .tit .tab-on a:hover{ color:#ffffff;} .box .tit .tab:first-child{ margin-left:30px;} .box .cot{ width:100%; height:auto; clear:both; background:#ffffff; border:1px solid #f2f2f2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.1); -moz-box-shadow:0 3px 6px rgba(0,0,0,0.1); box-shadow:0 3px 6px rgba(0,0,0,0.1); overflow:hidden;} /*****Main*****/ .nav{ width:100%; height:auto; clear:both;} .nav .li{ width:100%; height:40px; clear:both; border-top:1px solid #f1f1f1; font-size:0px; line-height:0px; position:relative;} .nav .li:first-child{ border-top:0px;} .nav .li a{ display:block;} .nav .li .txt{ width:180px; height:40px; line-height:40px; padding-left:30px; float:left; font-size:14px; color:#333333;} .nav .li .arrow{ width:auto; height:40px; line-height:40px; clear:both; position:absolute; top:0px; right:20px; font-size:14px; color:#e3e3e3;} .nav .li:hover{ background:#deeefd;} .nav .li a:hover .txt{ color:#3495eb; font-weight:bold;} .nav .li a:hover .arrow{ color:#ffffff;} .update{ width:100%; height:auto; padding:30px 0; clear:both;} .update .li{ width:200px; height:27px; margin:0 auto 8px auto; clear:both; border:1px solid #3497fd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:0px; line-height:0px; overflow:hidden;} .update .li a{ } .update .li .ltit{ width:44px; height:27px; line-height:27px; float:left; border-right:1px solid #3497fd; background:#cce5ff; text-align:center; font-size:12px; color:#3497fd;} .update .li .lcot{ width:135px; height:27px; line-height:27px; padding:0 10px; float:left; font-size:12px; color:#333333;} .update .li a:hover .lcot{ color:#3495eb;} .community{ width:240px; height:auto; margin:0 auto; clear:both;} .community .li{ width:100%; height:auto; padding:10px 0px; clear:both; border-top:1px solid #f1f1f1;} .community .li:first-child{ border-top:0px;} .community .li .luser{ width:100%; height:auto; clear:both; overflow:hidden;} .community .li .luser .lavatar{ width:20px; height:20px; margin-right:5px; float:left; background:#f3f3f3; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; font-size:0px; line-height:0px; overflow:hidden;} .community .li .luser .lavatar img{ width:20px; height:auto; min-height:20px;} .community .li .luser .lname{ width:auto; max-width:170px; height:20px; line-height:20px; float:left; font-size:12px; color:#333333; overflow:hidden;} .community .li .luser .ltime{ width:auto; height:20px; line-height:20px; padding-left:8px; float:left; font-size:12px; color:#999999;} .community .li .ltit{ width:100%; height:auto; padding-top:10px; clear:both; font-size:0px; line-height:0;} .community .li .ltit a{ font-size:14px; color:#333333; line-height:135%; font-weight:bold;} .community .li .ltit a:hover{ color:#3495eb;} .community .li .lcot{ width:100%; height:auto; padding-top:5px; clear:both; font-size:12px; color:#888888; line-height:135%;} .community .li .lpics{ width:100%; height:130px; margin-top:10px; clear:both; overflow:hidden; position:relative;} .community .li .lpics .lpic{ width:auto; height:auto; clear:both; position:absolute; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:0px; line-height:0px; overflow:hidden;} .community .li .lpics .lpic1{ width:119px; height:130px; top:0; left:0;} .community .li .lpics .lpic1 img{ width:119px; height:auto; min-height:130px;} .community .li .lpics .lpic2{ width:119px; height:64px; top:0; right:0;} .community .li .lpics .lpic2 img{ width:119px; height:64px; min-height:64px;} .community .li .lpics .lpic3{ width:119px; height:64px; top:66px; right:0;} .community .li .lpics .lpic3 img{ width:119px; height:64px; min-height:64px;} .activity{ width:860px; height:auto; margin:0 auto; padding:30px 0; clear:both; overflow:hidden;} .activity .li{ width:195px; height:auto; margin:0 10px 10px 10px; float:left; background:#f3f3f3; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;} .activity .li .lpic{ width:195px; height:110px; clear:both; font-size:0; line-height:0; overflow:hidden;} .activity .li .lpic img{ width:195px; height:auto; min-height:110px;} .activity .li .ltxt{ width:180px; height:90px; margin:0 auto; clear:both;} .activity .li .ltxt .ltit{ width:100%; height:24px; line-height:24px; padding-top:4px; clear:both; font-size:0px; overflow:hidden;} .activity .li .ltxt .ltit a{ font-size:16px; color:#333333; font-weight:bold;} .activity .li .ltxt .ltit a:hover{ color:#3495eb;} .activity .li .ltxt .ltime{ width:100%; height:auto; padding-top:0px; clear:both; font-size:12px; color:#aaaaaa; line-height:130%;} .activity .li .ltxt .lcot{ width:100%; height:36px; padding-top:3px; clear:both; font-size:12px; color:#999999; line-height:18px; overflow:hidden;} .assemble{ width:860px; height:auto; margin:0 auto; padding:30px 0; clear:both; overflow:hidden;} .assemble .li{ width:195px; height:auto; margin:0 10px 10px 10px; float:left; background:#efefef; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;} .assemble .li .lpic{ width:60px; height:100px; float:left; font-size:0; line-height:0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;} .assemble .li .lpic img{ width:60px; height:auto; min-height:100px;} .assemble .li .ltxt{ width:115px; height:auto; margin-left:10px; float:left; position:relative;} .assemble .li .ltxt .ltit{ width:100%; height:66px; padding-top:5px; clear:both; font-size:0px; line-height:0px; overflow:hidden;} .assemble .li .ltxt .ltit a{ font-size:16px; color:#333333; line-height:22px; font-weight:bold;} .assemble .li .ltxt .ltit a:hover{ color:#3495eb;} .assemble .li .ltxt .ltime{ width:100%; height:auto; clear:both; position:absolute; top:75px; left:0;} .assemble .li .ltxt .ltime .ltli{ width:auto; height:auto; float:left; font-size:12px; color:#999999;} .monster{ width:864px; height:auto; margin:0 auto; padding:30px 0; clear:both; overflow:hidden;} .monster .li{ width:90px; height:auto; margin:0 8px 10px 8px; float:left; background:#efefef; border:1px solid #efefef; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;} .monster .li .lpic{ width:90px; height:90px; clear:both; font-size:0; line-height:0; overflow:hidden;} .monster .li .lpic img{ width:90px; height:auto; min-height:90px;} .monster .li .ltxt{ width:90px; height:30px; clear:both; text-align:center; font-size:0px; line-height:0px; overflow:hidden;} .monster .li .ltxt a{ display:block; width:90px; height:30px; font-size:14px; color:#333333; line-height:30px;} .monster .li .ltxt a:hover{ color:#3495eb; font-weight:bold;} .arms{ width:864px; height:auto; margin:0 auto; padding:30px 0; clear:both; overflow:hidden;} .arms .li{ width:90px; height:auto; margin:0 8px 8px 8px; float:left; background:#efefef; border:1px solid #efefef; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;} .arms .li .lpic{ width:25px; height:25px; float:left; font-size:0; line-height:0; overflow:hidden;} .arms .li .lpic img{ width:25px; height:auto; min-height:25px;} .arms .li .ltxt{ width:65px; height:25px; float:left; text-align:center; font-size:0px; line-height:0px; overflow:hidden;} .arms .li .ltxt a{ display:block; width:65px; height:25px; font-size:14px; color:#333333; line-height:25px;} .arms .li .ltxt a:hover{ color:#3495eb;} /*****MonsterList*****/ .monster_list{ width:840px; height:auto; margin:0 auto; padding:30px 0; clear:both;} .monster_list table{ width:100%; height:auto; margin:0; padding:0; background:#dddddd;} .monster_list table th, .monster_list table td{ width:120px; height:120px; background:#ffffff; text-align:center; font-size:16px; color:#000000;} .monster_list table th img, .monster_list table td img{ vertical-align:middle;} .monster_list table th.avatar, .monster_list table td.avatar{ width:120px;} .monster_list table th.avatar img, .monster_list table td.avatar img{ width:90px; height:90px; padding:15px;} /*****ProtectiveList*****/ .protective_list{ width:840px; height:auto; margin:0 auto; padding:30px 0; clear:both;} .protective_list .p-nav{ width:100%; height:auto; padding-bottom:25px; clear:both; overflow:hidden;} .protective_list .p-nav .li{ width:auto; height:30px; line-height:30px; margin:0px 5px 5px 0px; padding:0px 12px; float:left; background:#eeeeee; text-align:center; font-size:14px; color:#333333; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;} .protective_list .p-nav .li:hover{ color:#71bcff;} .protective_list .p-nav .li-on{ background:#71bcff; color:#ffffff;} .protective_list .p-nav .li-on:hover{ color:#ffffff;} .protective_list .p-cot{ width:100%; height:auto; clear:both;} .protective_list .p-cot .li{ width:840px; height:auto; margin-bottom:15px; clear:both; border-top:1px solid #dddddd; border-left:1px solid #dddddd;} .protective_list .p-cot .li a:hover{ color:#71bcff} .protective_list .p-cot .li .tr{ width:100%; height:auto; clear:both; background:#f0f0f0; border-bottom:1px solid #dddddd; overflow:hidden;} .protective_list .p-cot .li .tr.ptit{ background:#ffffff;} .protective_list .p-cot .li .td{ width:120px; height:auto; min-height:100%; padding:12px 10px; float:left; border-right:1px solid #dddddd; text-align:center; font-size:16px; color:#000000; padding-bottom:1000px; margin-bottom:-983px;} .protective_list .p-cot .li .td img{ vertical-align:middle;} .protective_list .p-cot .li .td.name{ width:130px;} .protective_list .p-cot .li .td.name .txt{ width:auto; height:auto; clear:both;} .protective_list .p-cot .li .td.name .level{ display:inline-table; width:auto; height:22px; line-height:22px; margin:5px auto 0px auto; padding:0px 10px; background:#71bcff; text-align:center; font-size:14px; color:#ffffff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .protective_list .p-cot .li .td.name .icon{ width:auto; height:auto; margin:5px auto 0px auto; clear:both; font-size:0px; line-height:0px;} .protective_list .p-cot .li .td.name .icon img{ margin:0 2px;} .protective_list .p-cot .li .td.param{ width:60px;} .protective_list .p-cot .li .td.explain{ width:182px;} .protective_list .p-cot .li p{ display:none;} .protective_list .p-cot .li .td p{ display:inline-table;} /*****ArmsList*****/ .arms_list{ width:840px; height:auto; margin:0 auto; padding:20px 0 30px 0; clear:both;} .arms_list .a-nav{ width:100%; height:auto; padding-bottom:20px; clear:both; overflow:hidden;} .arms_list .a-nav .li{ width:100%; height:auto; padding:10px 0px 5px 0px; clear:both; border-top:1px solid #eeeeee; overflow:hidden;} .arms_list .a-nav .li:first-child{ border-top:0px;} .arms_list .a-nav .li .stxt{ width:60px; height:30px; line-height:30px; float:left; font-size:14px;} .arms_list .a-nav .li .scot{ width:780px; height:auto; float:left;} .arms_list .a-nav .li .scot .sli{ width:auto; height:30px; line-height:30px; margin:0 5px 5px 0px; padding:0px 12px; float:left; background:#eeeeee; text-align:center; font-size:14px; color:#333333; font-weight:normal; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; align-items:center; justify-content:center; display:flex;} .arms_list .a-nav .li .scot .sli a{ color:#333333; font-weight:normal;} .arms_list .a-nav .li .scot .sli img{ vertical-align:middle;} .arms_list .a-nav .li .scot .sli:hover{ color:#71bcff;} .arms_list .a-nav .li .scot .sli:hover a{ color:#71bcff;} .arms_list .a-nav .li .scot .sli-on{ background:#71bcff; color:#ffffff;} .arms_list .a-nav .li .scot .sli-on a{ color:#ffffff; font-weight:normal;} .arms_list .a-nav .li .scot .sli-on:hover{ color:#ffffff;} .arms_list .a-nav .li .scot .sli-on:hover a{ color:#ffffff;} .arms_list .a-cot{ width:840px; height:auto; clear:both; border-top:1px solid #dddddd; border-left:1px solid #dddddd; overflow:hidden;} .arms_list .a-cot .li{ width:100%; height:auto; clear:both; overflow:hidden;} .arms_list .a-cot .li .sli{ width:120px; height:120px; float:left; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;} .arms_list .a-cot .li .sli-pic{ width:119px; font-size:0px; line-height:0px;} .arms_list .a-cot .li .sli-pic img{ width:90px; height:90px; margin:15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .arms_list .a-cot .li .sli-details{ width:329px; padding:0px 20px;} .arms_list .a-cot .li .sli-details .d-cot{ width:100%; padding-top:30px; clear:both; overflow:hidden;} .arms_list .a-cot .li .sli-details .d-cot .dtit{ width:auto; height:24px; line-height:24px; float:left; font-size:18px; color:#000000;} .arms_list .a-cot .li .sli-details .d-cot .dtit a{ color:#000000;} .arms_list .a-cot .li .sli-details .d-cot .dtit a:hover{ color:#71bcff;} .arms_list .a-cot .li .sli-details .d-cot .djewels{ width:auto; height:24px; line-height:24px; padding-left:10px; float:left; font-size:0px; line-height:0px;} .arms_list .a-cot .li .sli-details .d-cot .djewels img{ margin-right:5px;} .arms_list .a-cot .li .sli-details .d-cot .defense{ width:auto; height:24px; line-height:24px; padding-left:10px; float:left; font-size:14px; color:#666666;} .arms_list .a-cot .li .sli-details .d-cot .defense img{ vertical-align:middle; margin-top:-4px;} .arms_list .a-cot .li .sli-details .d-color{ display:flex;width:300px; height:10px; margin-top:10px; border:1px solid #71bcff; border-radius:10px; overflow:hidden; } .arms_list .a-cot .li .sli-details .d-color p {display:none;} .arms_list .a-cot .li .sli-details .d-color .dcli{ height:100%; } .arms_list .a-cot .li .sli-details .d-color .dcli:first-child{border-radius: 10px 0 0 10px;} .arms_list .a-cot .li .sli-details .d-color .dcli:last-child{border-radius: 0 10px 10px 0; } .arms_list .a-cot .li .sli-details .d-color .dcli-violet{ background:#a22dbf;} .arms_list .a-cot .li .sli-details .d-color .dcli-white{ background:#ffffff; } .arms_list .a-cot .li .sli-details .d-color .dcli-blue{ background:#0d47a1; } .arms_list .a-cot .li .sli-details .d-color .dcli-green{ background:#00c851; } .arms_list .a-cot .li .sli-details .d-color .dcli-yellow{ background:#ece51c;} .arms_list .a-cot .li .sli-details .d-color .dcli-orange{ background:#ff8800; } .arms_list .a-cot .li .sli-details .d-color .dcli-red{ background:#cc0000; } .arms_list .a-cot .li .sli-attack{ width:149px; text-align:center; font-size:16px; align-items:center; justify-content:center; display:flex;} .arms_list .a-cot .li .sli-attack img{ vertical-align:middle; margin-top:-3px;} .arms_list .a-cot .li .sli-hit{ width:99px; text-align:center; font-size:16px; align-items:center; justify-content:center; display:flex;} .arms_list .a-cot .li .sli-hit img{ vertical-align:middle; margin-top:-3px;} .arms_list .a-cot .li .sli-type{ width:99px; text-align:center; font-size:16px; align-items:center; justify-content:center; display:flex;} .arms_list .a-cot .li .sli-type img{ vertical-align:middle; margin-top:-3px;} .arms_list .a-cot p{ border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; margin:0 auto; padding:1em 0; text-align:center;} .sub-color{width:300px;height:12px;display:flex;margin:5px 0px; border:1px solid #71bcff; border-radius:10px; box-sizing: border-box;} .sub-color p{display:none;} .sub-color .dcli{ height:100%;} .sub-color .dcli:first-child{ border-radius: 10px 0 0 10px;} .sub-color .dcli:last-child{border-radius: 0 10px 10px 0;} .sub-color .dcli-violet{ background:#a22dbf;} .sub-color .dcli-white{ background:#ffffff;} .sub-color .dcli-blue{ background:#0d47a1; } .sub-color .dcli-green{ background:#00c851; } .sub-color .dcli-yellow{ background:#ece51c; } .sub-color .dcli-orange{ background:#ff8800; } .sub-color .dcli-red{ background:#cc0000; } /*****武器素材-相关*****/ #arms-material-val{ display:none;} .arms-material{ width:100%; height:auto; padding-top:20px; clear:both;} .arms-material .m-tit{ width:100%; height:30px; clear:both; font-size:14px; font-weight:bold;} .arms-material .m-cot{ width:100%; height:auto; clear:both; border-top:1px solid #dddddd;} .arms-material .m-cot .mli{ width:100%; height:auto; clear:both; border-bottom:1px solid #dddddd; overflow:hidden; display:flex;} .arms-material .m-cot .mli-tit{ background:#f3f3f3; color:#555555; font-weight:bold;} .arms-material .m-cot .mli .mli-td{ width:10%; height:auto; padding:5px 0; float:left; flex:1;} .arms-material .m-cot .mli .mli-td a:hover{ color:#71bcff;} .arms-material .m-cot .mli-cot{ display:none;} /*****技能列表*****/ #skill_list{ border: 1px solid rgba(242, 242, 242, 1); font-family: 'Arial Normal', 'Arial'; } .skill_xuzi .skill_head{ background-color: rgba(242, 242, 242, 1); display: -webkit-flex; display: flex; height: 50px; align-items: center; color: #AAAAAA; font-size: 14px; } .skill_xuzi .skill_head .skill_title{ flex: 1; text-indent: 16px; } .skill_xuzi .skill_head .skill_title:nth-child(4){ flex: 2; } .skill_xuzi .skill_body{ padding-top: 18px; } .skill_xuzi .skill_body .skill_box{ display: -webkit-flex; display: flex; align-items: center; padding: 18px 0; } .skill_xuzi .skill_body .skill_box .skill_one{ flex: 1; text-indent: 16px; font-size: 16px; color: #AAAAAA; } .skill_xuzi .skill_body .skill_box .skill_one:nth-child(1){ color: #555555; } .skill_xuzi .skill_body .skill_box .skill_one:nth-child(4){ flex: 2; color: #333333; font-size: 14px; } .skill_xuzi .skill_body .skill_box .skill_one:nth-child(4) .skill_desc{ min-height: 26px; text-indent: 0; padding-left: 16px; } .skill_xuzi .skill_body .skill_box .skill_one:nth-child(4) p{ margin: 0; height: 0; } .skill_xuzi .skill_body .skill_line{ background: url("https://wiki.caimogu.net/mhr/images/e/e3/Skill_line.png"); height: 1px; width: calc(100% - 32px); margin-left: 16px; } .skill_xuzi .skill_body .skill_line:last-child{ display: none; } /*****护石列表start*****/ .guard-stone-attack-mode{ display: grid; grid-gap: 25px 25px; grid-auto-flow: column; box-sizing: border-box; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(auto-fill, 200px); } .guard-stone{ width:189px; height:151px; box-sizing:border-box; border-width:1px; border-top:1px solid rgba(0, 0, 0, 0.1); border-left:1px solid rgba(0, 0, 0, 0.1); font-size:16px; box-shadow:3px 3px 5px rgba(153, 153, 153, 0.349019607843137); } .guard-stone-title{ margin-top:7px; height:27px; text-align: center; line-height:27px; background-color:rgba(0, 0, 0, 0.1); border-top:2px solid rgba(0, 0, 0, 0.1); border-bottom:2px solid rgba(0, 0, 0, 0.1); } .guard-stone-skill{ margin-top: 12px; display: flex; height:70px; flex-wrap:wrap; justify-content:space-between; align-items:center; } .guard-stone-skill-level{ width:100%; flex-direction: column; text-align: center; } /*****护石列表end*****/ /* New Skin */ .mw-skin-light { vertical-align: middle; text-align: center; cursor: default; } .mw-skin-light tr:nth-child(1) { background-color: #f5f5f5; text-align: center; color: #464646; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mw-skin-light td { vertical-align: middle !important; padding: 0 !important; border: none !important; } .mw-skin-light th { padding: 15px 3px !important; vertical-align: middle !important; text-align: center; } .mw-skin-light th img { margin: auto 5px; width: auto; height: 1.5rem; vertical-align: text-bottom; } .arms-material { cursor: default; } .arms-material .mli { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } .arms-material .mli .mli-tit { text-align: center; } .arms-material .mli .mli-td { -webkit-box-flex: 0 !important; -ms-flex: 0 1 10% !important; flex: 0 1 10% !important; text-align: center; } .arms-material .mli .mli-td:nth-child(3) { -ms-flex-preferred-size: 20% !important; flex-basis: 20% !important; } .arms-material .mli .mli-td:nth-child(4) { -ms-flex-preferred-size: 60% !important; flex-basis: 60% !important; } .arms-material .m-cot .mli { border-bottom: 1px dashed #dddddd !important; } .arms-material .mli-cot:hover { background-color: #f0f0f0; -webkit-transition: background .5s linear; transition: background .5s linear; } .arms-material .mli-cot:hover .mli-td { color: #6abff1; -webkit-transition: color .5s linear; transition: color .5s linear; } /*# sourceMappingURL=mw.css.map */