|
|
| 第1行： |
第1行： |
| /* 放置于这里的CSS将应用于所有皮肤 */
| |
|
| |
|
| /* Test 123
| |
| OvO is watching you!
| |
| */
| |
|
| |
| .homo114514 {
| |
| display:block;
| |
| }
| |
|
| |
| a { color: #0645ad; }
| |
| a:visited { color: #5f0080; }
| |
|
| |
| /* @font-face {
| |
| font-family: 'JetBrainsMono';
| |
| src: url(https://0v0.zjsnrwiki.com/static/fonts/JetBrainsMono-Regular.woff2) format('woff2');
| |
| font-weight: 400;
| |
| } */
| |
|
| |
| @font-face {
| |
| font-family: 'JetBrainsMono';
| |
| src: url(https://0v0.zjsnrwiki.com/static/fonts/JetBrainsMono-Bold.woff2) format('woff2');
| |
| font-weight: 700;
| |
| }
| |
|
| |
| .sitenotice {
| |
|
| |
| }
| |
|
| |
| .sitenotice-bold, .sitenotice-bold a {
| |
| color:rgb(207, 59, 81);
| |
| text-decoration: none;
| |
| text-align: center;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| /* 强制显示侧边栏 */
| |
| #p-游戏系统 div {display:block !important;}
| |
| #p-舰娘 div {display:block !important;}
| |
| #p-装备 div {display:block !important;}
| |
| #p-港区系统 div {display:block !important;}
| |
| #p-杂学考据 div {display:block !important;}
| |
| #p-游戏动态 div {display:block !important;}
| |
| #p-友情链接 div {display:block !important;}
| |
| #p-资料站 div {display:block !important;}
| |
| #p-tb div {display:block !important;}
| |
|
| |
| body {
| |
| font-family: sans-serif;
| |
| }
| |
|
| |
| h1, h2, h3, h4, h5, h6 {
| |
| font-family: sans-serif !important;
| |
| }
| |
|
| |
| .CodeMirror, .ace_editor, .mw-code, .diff, pre {
| |
| font-family: "JetBrainsMono", sans-serif, monospace !important;
| |
| }
| |
|
| |
| /*mw-body背景透明度*/
| |
|
| |
| body.skin-vector-2022 .mw-page-container {
| |
| background-color: rgba(255, 255, 255, 0.85);
| |
| }
| |
|
| |
| body.skin-vector-legacy .mw-body {
| |
| background-color: rgba(255, 255, 255, 0.85);
| |
| }
| |
|
| |
|
| |
| /*增加一个背景图片*/
| |
| body.skin-vector {
| |
| background-position: center;
| |
| background-repeat: no-repeat;
| |
| background-size: cover;
| |
| background-attachment: fixed;
| |
|
| |
| /* background: url(https://www.zjsnrwiki.com/images/archive/3/3e/20171012032217%21Main_light_bg_gai.png) no-repeat top left; */
| |
| }
| |
|
| |
| body.skin-citizen {
| |
| background-position: center;
| |
| background-repeat: no-repeat;
| |
| background-size: cover;
| |
| background-attachment: fixed;
| |
|
| |
| /* background: url(https://www.zjsnrwiki.com/images/archive/3/3e/20171012032217%21Main_light_bg_gai.png) no-repeat top left; */
| |
| }
| |
|
| |
|
| |
| /*tabber修改*/
| |
| .tabber__section {
| |
| border-width: 0px 1px 1px 1px;
| |
| border-color: #6690E5;
| |
| border-style: solid;
| |
| }
| |
|
| |
| .tabber__panel {
| |
| padding:3px;
| |
| }
| |
|
| |
|
| |
| /*139 footer修复*/
| |
| #footer-places {
| |
| display: inline-block;
| |
| }
| |
|
| |
| .page-首页 #catlinks {
| |
| display: none;
| |
| }
| |
|
| |
| /*顶部个人菜单文字描边*/
| |
| #p-personal .vector-menu-content-list {
| |
| background-color: rgba(255, 255, 255, 0.8);
| |
| background-clip: content-box;
| |
| }
| |
|
| |
| /*mw-body背景透明度*/
| |
| /*.mw-body {*/
| |
| /* background-color: rgba(255, 255, 255, 0.85);*/
| |
| /*}*/
| |
|
| |
| /*顶部个人菜单文字描边*/
| |
| #p-personal{
| |
| text-shadow: -1px -1px 1px #FFFFFF;
| |
| }
| |
|
| |
| /*清除顶部导航栏的背景*/
| |
| #mw-page-base{
| |
| background:none;
| |
| }
| |
| #siteNoticeScroll {
| |
| width: 100%;
| |
| height: 25px;
| |
| line-height: 25px;
| |
| overflow: hidden;
| |
| text-align: center;
| |
| margin-bottom: 0.25em;
| |
| }
| |
|
| |
| /*“更多”选项卡背景*/
| |
| #p-cactions {
| |
| background-image: linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#ffffff 100%);
| |
| }
| |
|
| |
| #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%;
| |
| }
| |
|
| |
| /*左侧导航栏样式*/
| |
| .portal {
| |
| background-color: rgba(255, 255, 255, 0.75);
| |
| }
| |
|
| |
| /*页尾样式*/
| |
| #footer {
| |
| background-color: rgba(255, 255, 255, 0.75);
| |
| }
| |
|
| |
| /* 回到顶部 */
| |
|
| |
| .backToTop {
| |
| display: none;
| |
| width: 20px;
| |
| padding: 5px 0;
| |
| background-color: #000;
| |
| color: #fff;
| |
| font-size: 12px;
| |
| text-align: center;
| |
| position: fixed;
| |
| _position: absolute;
| |
| right: 0;
| |
| bottom: 100px;
| |
| _bottom: "auto";
| |
| cursor: pointer;
| |
| opacity: .6;
| |
| filter: Alpha(opacity=60);
| |
| }
| |
|
| |
|
| |
| /* 桌面版黑幕模板配合CSS */
| |
|
| |
| .heimu,
| |
| .heimu a,
| |
| a .heimu,
| |
| .heimu a.new {
| |
| background-color: #252525 !important;
| |
| color: #252525 !important;
| |
| text-shadow: none !important;
| |
| cursor:help;
| |
| }
| |
|
| |
| .heimu a:hover,
| |
| a:hover .heimu {
| |
| color: #66CCFF !important
| |
| }
| |
|
| |
| .heimu .new:hover,
| |
| .new:hover .heimu {
| |
| color: #FF6666 !important
| |
| }
| |
|
| |
| .heimu:hover {
| |
| color: #FFFFFF !important;
| |
| }
| |
|
| |
| .heimu:hover a {
| |
| color: #66CCFF !important;
| |
| }
| |
|
| |
| .heimu .new:hover a {
| |
| color: #FF6666 !important;
| |
| }
| |
|
| |
| /* 隐藏首页标题，空行，讨论、查看源代码tab */
| |
|
| |
| .page-首页 h1.firstHeading,
| |
| .page-首页 #siteSub,
| |
| .page-首页 #contentSub,
| |
| .page-首页 li#ca-viewsource,
| |
| .page-首页 li#ca-talk {
| |
| display: none;
| |
| }
| |
|
| |
|
| |
| /* 大家族模板 */
| |
|
| |
| 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 #a5e4a5;
| |
| }
| |
|
| |
| .navbox-abovebelow,
| |
| .navbox-group,
| |
| .navbox-subgroup .navbox-title {
| |
| background: none repeat scroll 0 0 #c0ecc0;
| |
| }
| |
|
| |
| .navbox-subgroup .navbox-group,
| |
| .navbox-subgroup .navbox-abovebelow {
| |
| background: none repeat scroll 0 0 #e6f6e6;
| |
| }
| |
|
| |
| .navbox-even {
| |
| background: none repeat scroll 0 0 #f5fcf5;
| |
| }
| |
|
| |
| .navbox-odd {
| |
| background: none repeat scroll 0 0 transparent;
| |
| }
| |
|
| |
| .collapseButton {
| |
| float: right;
| |
| font-weight: 400;
| |
| text-align: right;
| |
| width: auto;
| |
| }
| |
|
| |
| .navbox .collapseButton {
| |
| width: 6em;
| |
| }
| |
|
| |
|
| |
| /*战舰少女R导航*/
| |
|
| |
| .zjsnr-banner {
| |
| border: 1px solid #aaa;
| |
| padding: 8px;
| |
| margin: 5px 0;
| |
| font-family: Arial, Tahoma, Microsoft YaHei, Hiragino Sans GB, Microsoft JhengHei, 微軟正黑體, sans-serif;
| |
| background-color: #f9f9f9;
| |
| }
| |
|
| |
| .zjsnr-banner .top img {
| |
| vertical-align: top;
| |
| float: left;
| |
| display: inline-block;
| |
| }
| |
|
| |
| .zjsnr-banner .top h2 {
| |
| line-height: 1;
| |
| /*float: left;*/
| |
| /*display: inline-block;*/
| |
| display: inline;
| |
| border: none;
| |
| font-weight: bolder;
| |
| }
| |
|
| |
| .zjsnr-banner .top p {
| |
| float: right;
| |
| display: inline;
| |
| text-align: right;
| |
| line-height: 1;
| |
| margin: 0;
| |
| }
| |
|
| |
| .zjsnr-banner .clear {
| |
| clear: both;
| |
| }
| |
|
| |
| .zjsnr-banner .top hr {
| |
| height: 1px;
| |
| color: #aaa;
| |
| background-color: #aaa;
| |
| border: 0;
| |
| margin: 12px 0;
| |
| }
| |
|
| |
| .zjsnr-banner .banner1 {
| |
| float: left;
| |
| padding: 0;
| |
| width: 16.41%;
| |
| margin-left: .3%;
| |
| display: inline;
| |
| vertical-align: top;
| |
| }
| |
|
| |
| .zjsnr-banner .banner1:first-child {
| |
| margin-left: 0;
| |
| }
| |
|
| |
| .zjsnr-banner .banner1 > .banner1-title {
| |
| text-align: center;
| |
| line-height: 30px;
| |
| display: block;
| |
| border: 1px solid #a7d7f9;
| |
| ;
| |
| font-weight: bolder;
| |
| font-size: 18px;
| |
| font-family: 'Microsoft YaHei', 'STHeiti Light';
| |
| margin: 0;
| |
| cursor: pointer;
| |
| }
| |
|
| |
| .zjsnr-banner .banner1 .banner2-wrap {
| |
| position: relative;
| |
| text-align: center;
| |
| }
| |
|
| |
| .zjsnr-banner .banner2,
| |
| .zjsnr-banner .banner2 li {
| |
| list-style: none;
| |
| }
| |
|
| |
| .zjsnr-banner .banner1 .banner2 {
| |
| position: absolute;
| |
| width: 100%;
| |
| /*display: block;*/
| |
| padding: 0;
| |
| margin: 0;
| |
| z-index: 9999;
| |
| display: none;
| |
| }
| |
|
| |
| .zjsnr-banner .banner-list {
| |
| padding: 0;
| |
| margin: 0;
| |
| border: 1px solid #a7d7f9;
| |
| border-top: none;
| |
| display: block;
| |
| text-align: center;
| |
| background: white;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .zjsnr-banner .banner-list li {
| |
| margin: 5px auto;
| |
| color: #c3c3c3;
| |
| }
| |
|
| |
| .zjsnr-banner .banner1 a:link,
| |
| .zjsnr-banner .banner1 a:visited,
| |
| .zjsnr-banner .banner1 a:hover,
| |
| .zjsnr-banner .banner1 a:active {
| |
| text-decoration: none;
| |
| color: black;
| |
| }
| |
|
| |
| .zjsnr-banner .banner1:hover {
| |
| background: #a7d7f9;
| |
| }
| |
|
| |
| .zjsnr-banner .countdown {
| |
| width: 100%;
| |
| }
| |
|
| |
| .zjsnr-banner .countdown p {
| |
| text-align: center;
| |
| font-size: 1.5em;
| |
| }
| |
|
| |
| @media (max-width: 550px) {
| |
| .zjsnr-banner .top img {
| |
| display: none;
| |
| }
| |
| .zjsnr-banner .top p {
| |
| float: left;
| |
| margin-top: 10px;
| |
| }
| |
| .zjsnr-banner .banner1 {
| |
| width: 100%;
| |
| float: none;
| |
| background: #a7d7f9;
| |
| display: block;
| |
| margin-left: 0;
| |
| }
| |
| .zjsnr-banner .banner1 .banner2 {
| |
| position: relative;
| |
| }
| |
| }
| |
|
| |
| /* 装备模版的超链接文本样式 */
| |
|
| |
| .equip_temp_text a:link,
| |
| .equip_temp_text a:active,
| |
| .equip_temp_text a:hover {color:#84C1FF}
| |
| .equip_temp_text a:visited {color:#D3A4FF}
| |
|
| |
| /*齐柏林页面专用*/
| |
| .Zeppelin_div1{
| |
| background-color:#E0BAFF;
| |
| border:#B356FF solid 1px;
| |
| left:16px;
| |
| }
| |
| /* 舰娘模板 */
| |
| /* 滚动条 */
| |
| .ship_detail_track::-webkit-scrollbar-track
| |
| {
| |
| -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
| |
| border-radius: 10px;
| |
| background-color: rgb(0,77,122);
| |
| }
| |
|
| |
| .ship_detail_track::-webkit-scrollbar
| |
| {
| |
| width: 6px;
| |
| background-color: rgba(255,255,255,0);
| |
| }
| |
|
| |
| .ship_detail_track::-webkit-scrollbar-thumb
| |
| {
| |
| border-radius: 10px;
| |
| -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
| |
| background-color: rgba(208,205,199,1);
| |
| }
| |
| /* 齿轮动画 */
| |
| .chilun {
| |
| -webkit-animation: chilun 0.25s steps(1, end) infinite;
| |
| }
| |
|
| |
| @-webkit-keyframes chilun {
| |
| 0% {
| |
| left: 0;
| |
| }
| |
| 25% {
| |
| left: -92.3px;
| |
| }
| |
| 50% {
| |
| left: -184.6px;
| |
| }
| |
| 75% {
| |
| left: -276.9px;
| |
| }
| |
| 100% {
| |
| left: -369.9px;
| |
| }
| |
| }
| |
| /* 隐藏的面板 */
| |
| .ship_detail_more_info {
| |
| height:36px;
| |
| }
| |
|
| |
| .ship_detail_more_info div{
| |
| opacity:0;
| |
| transition:opacity 0.5s;
| |
| -moz-transition:opacity 0.5s;
| |
| -webkit-transition:opacity 0.5s;
| |
| -o-transition:opacity 0.5s;
| |
| }
| |
|
| |
| .ship_detail_more_info:hover {
| |
| height:140px;
| |
| }
| |
|
| |
| .ship_detail_more_info:hover div{
| |
| opacity:100;
| |
| }
| |
|
| |
| /* 移动端不显示 */
| |
| .mobileOnly{display:none}
| |
|
| |
| /*首页排版*/
| |
| .mainContent{position:absolute;top:0;left:51%;width:37.5vw;max-width:475px;z-index:9}
| |
| .mainContentTag{height:27.5vw;max-height:360px;overflow:auto;}
| |
| .recentNew{}
| |
|
| |
| /*CSS3*/
| |
|
| |
| .div_css3
| |
| {
| |
| width:100px;
| |
| height:100px;
| |
| background:red;
| |
| animation:myfirst 5s;
| |
| -moz-animation:myfirst 5s; /* Firefox */
| |
| -webkit-animation:myfirst 5s; /* Safari and Chrome */
| |
| -o-animation:myfirst 5s; /* Opera */
| |
| }
| |
|
| |
| @keyframes myfirst
| |
| {
| |
| from {background:red;}
| |
| to {background:yellow;}
| |
| }
| |
|
| |
| @-moz-keyframes myfirst /* Firefox */
| |
| {
| |
| from {background:red;}
| |
| to {background:yellow;}
| |
| }
| |
|
| |
| @-webkit-keyframes myfirst /* Safari and Chrome */
| |
| {
| |
| from {background:red;}
| |
| to {background:yellow;}
| |
| }
| |
|
| |
| @-o-keyframes myfirst /* Opera */
| |
| {
| |
| from {background:red;}
| |
| to {background:yellow;}
| |
| }
| |
|
| |
| .img {
| |
| background: blue;
| |
| width: 50px;
| |
| height: 50px;
| |
| -webkit-animation: circle 1s infinite linear;
| |
| /*匀速 循环*/
| |
| }
| |
| @-webkit-keyframes circle {
| |
| 0% {
| |
| transform: rotate(0deg);
| |
| }
| |
| 100% {
| |
| transform: rotate(-360deg);
| |
| }
| |
| }
| |
|
| |
| /* 首页 */
| |
| .mainPageSelected
| |
| {
| |
| opacity:0;
| |
| transition:opacity 0.3s;
| |
| -moz-transition:opacity 0.3s;
| |
| -webkit-transition:opacity 0.3s;
| |
| -o-transition:opacity 0.3s;
| |
| }
| |
|
| |
| .mainPageSelected:hover
| |
| {
| |
| opacity:100;
| |
| }
| |
|
| |
| .mainNav
| |
| {
| |
| position:relative;
| |
| margin:0 auto 0 auto;
| |
| width:75vw;
| |
| height:75vw;
| |
| max-width:1000px;
| |
| max-height:1000px;
| |
| overflow:hidden;
| |
| }
| |
|
| |
| .mainBlock1
| |
| {
| |
| position:absolute;
| |
| top:0%;
| |
| left:0%;
| |
| width:100%;
| |
| height:100%;
| |
| }
| |
|
| |
| .mainXinshourumen
| |
| {
| |
| position:absolute;
| |
| top:0%;
| |
| left:0%;
| |
| width:28.8%;
| |
| height:12.8%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainHaogandu
| |
| {
| |
| position:absolute;
| |
| top:12.8%;
| |
| left:0%;
| |
| width:28.8%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainZhanlipin
| |
| {
| |
| position:absolute;
| |
| top:19.2%;
| |
| left:0%;
| |
| width:28.8%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainHaiyuziliao
| |
| {
| |
| position:absolute;
| |
| top:0%;
| |
| left:28.8%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainLishizhanyi
| |
| {
| |
| position:absolute;
| |
| top:6.4%;
| |
| left:28.8%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainYuanzheng
| |
| {
| |
| position:absolute;
| |
| top:12.8%;
| |
| left:28.8%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainRenwu
| |
| {
| |
| position:absolute;
| |
| top:19.2%;
| |
| left:28.8%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainBlock2
| |
| {
| |
| position:absolute;
| |
| top:29.6%;
| |
| left:0%;
| |
| width:100%;
| |
| height:100%;
| |
| }
| |
|
| |
| .mainZhandoujizhi
| |
| {
| |
| position:absolute;
| |
| top:0%;
| |
| left:0%;
| |
| width:28.8%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainJineng
| |
| {
| |
| position:absolute;
| |
| top:6.4%;
| |
| left:0%;
| |
| width:28.8%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainGangqu
| |
| {
| |
| position:absolute;
| |
| top:0%;
| |
| left:28.8%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainBlock3
| |
| {
| |
| position:absolute;
| |
| top:46.4%;
| |
| left:0%;
| |
| width:100%;
| |
| height:100%;
| |
| }
| |
|
| |
| .mainJianchuanhuode
| |
| {
| |
| position:absolute;
| |
| top:0%;
| |
| left:0%;
| |
| width:38.4%;
| |
| height:12.8%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainJianniangtujian
| |
| {
| |
| position:absolute;
| |
| top:0%;
| |
| left:38.4%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainSuoshutuanti
| |
| {
| |
| position:absolute;
| |
| top:6.4%;
| |
| left:38.4%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainJianchuanleixing
| |
| {
| |
| position:absolute;
| |
| top:0%;
| |
| left:57.6%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainHuanzhuang
| |
| {
| |
| position:absolute;
| |
| top:6.4%;
| |
| left:57.6%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainZaochuanchang
| |
| {
| |
| position:absolute;
| |
| top:12.8%;
| |
| left:0%;
| |
| width:24.0%;
| |
| border-left:solid 2px #FFF;
| |
| border-top:solid 2px #FFF;
| |
| border-bottom:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainGuisu
| |
| {
| |
| position:absolute;
| |
| top:12.8%;
| |
| left:24.0%;
| |
| width:24.0%;
| |
| border-right:solid 2px #FFF;
| |
| border-top:solid 2px #FFF;
| |
| border-bottom:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainShenhaijiandui_11,
| |
| .mainShenhaijiandui_21
| |
| {
| |
| position:absolute;
| |
| top:12.8%;
| |
| left:48.0%;
| |
| width:28.8%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainShenhaijiandui_12,
| |
| .mainShenhaijiandui_22
| |
| { width:100% }
| |
|
| |
| .mainBlock3_1
| |
| {
| |
| position:absolute;
| |
| top:46.4%;
| |
| left:80.0%;
| |
| width:100%;
| |
| height:100%;
| |
| }
| |
|
| |
| .mainZhuangbei
| |
| {
| |
| position:absolute;
| |
| top:0%;
| |
| left:0%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainZhuangbeitujian
| |
| {
| |
| position:absolute;
| |
| top:9.6%;
| |
| left:0%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainBlock4
| |
| {
| |
| position:absolute;
| |
| top:70.2%;
| |
| left:0%;
| |
| width:100%;
| |
| height:100%;
| |
| }
| |
|
| |
| .mainWeixing
| |
| {
| |
| position:absolute;
| |
| top:0%;
| |
| left:0%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainChangkan
| |
| {
| |
| position:absolute;
| |
| top:0%;
| |
| left:19.2%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainLishi
| |
| {
| |
| position:absolute;
| |
| top:0%;
| |
| left:38.4%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainBlock5
| |
| {
| |
| position:absolute;
| |
| top:70.2%;
| |
| left:60.8%;
| |
| width:100%;
| |
| height:100%;
| |
| }
| |
|
| |
| .mainZaxue
| |
| {
| |
| position:absolute;
| |
| top:0%;
| |
| left:0%;
| |
| width:38.4%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainHuashi
| |
| {
| |
| position:absolute;
| |
| top:6.4%;
| |
| left:0%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainPeiyin
| |
| {
| |
| position:absolute;
| |
| top:6.4%;
| |
| left:19.45%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
|
| |
| .mainBlock6
| |
| {
| |
| position:absolute;
| |
| top:86.4%;
| |
| left:0%;
| |
| width:100%;
| |
| height:100%;
| |
| }
| |
|
| |
| .mainYingshi
| |
| {
| |
| position:absolute;
| |
| top:0%;
| |
| left:0%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainManhua
| |
| {
| |
| position:absolute;
| |
| top:0%;
| |
| left:19.2%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainYouxi
| |
| {
| |
| position:absolute;
| |
| top:0%;
| |
| left:38.4%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainXiaoshuo
| |
| {
| |
| position:absolute;
| |
| top:0%;
| |
| left:57.6%;
| |
| width:19.2%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| .mainHetuji
| |
| {
| |
| position:absolute;
| |
| top:0%;
| |
| left:76.8%;
| |
| width:22.4%;
| |
| border:solid 2px #FFF;
| |
| }
| |
|
| |
| /* 技能数字颜色 */
| |
| .skillColorGreen { color: #00aa00; }
| |
| .skillColorRed { color: red; }
| |
|
| |
| div.ShipAttrSkillDesc > span.skillColorGreen,
| |
| div.ShipAttrModSkill1Desc > span.skillColorGreen,
| |
| div.ShipAttrModSkill2Desc > span.skillColorGreen
| |
| {
| |
| color: #00ff00;
| |
| }
| |
|
| |
| div.ShipAttrModSkillDesc > span.skillColorRed,
| |
| div.ShipAttrModSkill1Desc > span.skillColorRed,
| |
| div.ShipAttrModSkill2Desc > span.skillColorRed
| |
| {
| |
| color: #ffaaaa;
| |
| }
| |
|
| |
| /* 舰娘图鉴页面 */
| |
| .ShipAttrPanel { position:relative; min-width:768px; max-width:1280px; height:900px; overflow:hidden; }
| |
| .ShipIllust { position:absolute; top:calc(50% - 75px); left:calc(50% - 250px); z-index:3; transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%) }
| |
| .ShipQ { position:absolute; top:100px; left:calc(5% - 50px); z-index:3; }
| |
| .ShipChibiButton { width:10em; color: black; background: rgba(255,255,255,0.5); border-width: 3px; border-style: solid; border-radius: 10px; border-color: #000; text-align: center; line-height: 2em; font-weight: bold; cursor: hand; }
| |
| .ShipRarityCage { position:absolute; top:40px; width:100%; height:870px; overflow:hidden; z-index:1; }
| |
| .ShipRarity { position:absolute; top:50%; left:50%; width:1280px; transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%) }
| |
| .ShipDataPanel { position:absolute; top:40px; width:100%; height:870px; color:white; overflow:hidden; }
| |
| .ShipAttrIndex { font-family:Tahoma; position:absolute; top:40px; left:60px; font-size:2em; -webkit-text-stroke:0.75px black; text-stroke:0.75px black;z-index:4 }
| |
| .ShipAttrBase { position:absolute; top:10px; right:10px; width:500px; height:724; z-index:4; }
| |
| .ShipAttrGear { position:absolute; width:92px; height:350px; bottom:-3px; right:0px; z-index:-1; overflow:hidden; }
| |
| .ShipAttrLink { position:absolute; top:-1px; left:250px; background-color:rgba(255,255,255,0.5); font-weight:bold; }
| |
| .ShipAttrFlag { position:absolute; top:14px; left:60px; }
| |
| .ShipAttrName { position:absolute; top:22px; left:180px; font-size:1.7em; font-weight:bold; }
| |
| .ShipAttrCost { position:absolute; top:30px; left:28px; font-size:1.7em; font-weight:bold; cursor:help }
| |
| .ShipAttrSp { position:absolute; top:78px; left:28px; font-size:1.7em; font-weight:bold; color:#903; cursor:help }
| |
| .ShipAttrClass { position:absolute; top:54px; right:38px; font-size:1.1em; text-align:right; }
| |
| .ShipAttrType { position:absolute; top:592px; width:100px; }
| |
| .ShipAttrSize { position:absolute; top:54px; left:58px; font-size:1.1em; text-align:left; }
| |
| .ShipAttrHp { position:absolute; top:86px; left:130px; font-size:1.1em; }
| |
| .ShipAttrAtk { position:absolute; top:84px; left:242px; }
| |
| .ShipAttrAtkMax { position:absolute; top:91px; left:260px; color:#0f0; }
| |
| .ShipAttrDef { position:absolute; top:119px; left:130px; }
| |
| .ShipAttrDefMax { position:absolute; top:126px; left:148px; color:#0f0; }
| |
| .ShipAttrTpd { position:absolute; top:119px; left:242px; }
| |
| .ShipAttrTpdMax { position:absolute; top:126px; left:260px; color:#0f0; }
| |
| .ShipAttrEva { position:absolute; top:153px; left:130px; }
| |
| .ShipAttrEvaMax { position:absolute; top:160px; left:148px; color:#0f0; }
| |
| .ShipAttrAa { position:absolute; top:153px; left:242px; }
| |
| .ShipAttrAaMax { position:absolute; top:160px; left:260px; color:#0f0; }
| |
| .ShipAttrCap { position:absolute; top:190px; left:130px; font-size:1.1em; }
| |
| .ShipAttrAs { position:absolute; top:188px; left:242px; }
| |
| .ShipAttrAsMax { position:absolute; top:195px; left:260px; color:#0f0; }
| |
| .ShipAttrSpeed { position:absolute; top:224px; left:130px; font-size:1.1em; }
| |
| .ShipAttrRec { position:absolute; top:222px; left:242px; }
| |
| .ShipAttrRecMax { position:absolute; top:229px; left:260px; color:#0f0; }
| |
| .ShipAttrRange { position:absolute; top:259px; left:130px; font-size:1.1em; }
| |
| .ShipAttrLuck { position:absolute; top:259px; left:242px; font-size:1.1em; }
| |
| .ShipAttrSFuel { position:absolute; top:330px; left:126px; font-size:1.1em; }
| |
| .ShipAttrSAmmo { position:absolute; top:330px; left:230px; font-size:1.1em; }
| |
| .ShipAttrSAtk { position:absolute; top:330px; left:330px; font-size:1.1em; }
| |
| .ShipAttrSDef { position:absolute; top:365px; left:330px; font-size:1.1em; }
| |
| .ShipAttrSTpd { position:absolute; top:330px; left:432px; font-size:1.1em; }
| |
| .ShipAttrSAa { position:absolute; top:365px; left:432px; font-size:1.1em; }
| |
| .ShipAttrDFuel { position:absolute; top:433px; left:333px; font-size:1.1em; }
| |
| .ShipAttrDAmmo { position:absolute; top:433px; left:435px; font-size:1.1em; }
| |
| .ShipAttrDSteel { position:absolute; top:468px; left:333px; font-size:1.1em; }
| |
| .ShipAttrDBaux { position:absolute; top:468px; left:435px; font-size:1.1em; }
| |
| .ShipAttrModCon { position:absolute; top:5px; left:-5px; width:185px; font-size:1.1em; color:#70f3ff; }
| |
| .ShipAttrSkill { position:absolute; top:109px; left:-5px; width:185px; font-size:1.1em; color:#70f3ff; }
| |
| .ShipAttrSkillDesc { position:absolute; top:133px; left:-5px; width:185px; height:78px; overflow:auto; font-size:0.9em; line-height:1.2em; word-break:break-all; }
| |
| .ShipAttrModSkill1 { position:absolute; top:5px; left:-5px; width:185px; color:#70f3ff; font-size:1.1em; }
| |
| .ShipAttrModSkill1Desc { position:absolute; top:29px; left:-5px; width:185px; height:78px; overflow:auto; font-size:0.9em; line-height:1.2em; word-break:break-all; }
| |
| .ShipAttrModSkill2 { position:absolute; top:109px; left:-5px; width:185px; font-size:1.1em; color:#70f3ff;}
| |
| .ShipAttrModSkill2Desc { position:absolute; top:133px; left:-5px; width:185px; height:78px; overflow:auto; font-size:0.9em; line-height:1.2em; word-break:break-all; }
| |
| .ShipAttrCap1 { position:absolute; top:520px; left:96px; }
| |
| .ShipAttrCap2 { position:absolute; top:520px; left:191px; }
| |
| .ShipAttrCap3 { position:absolute; top:520px; left:288px; }
| |
| .ShipAttrCap4 { position:absolute; top:520px; left:384px; }
| |
| .ShipAttrAccess { position:absolute; overflow:auto; top:395px; left:60px; width:205px; height:100px;font-size:0.9em }
| |
| .ShipAttrMorePanel { position:absolute; top:357px; left:60px; width:209px; overflow:hidden; }
| |
| .ShipAttrRTime { position:absolute; top:42px; left:66px; font-size:1.1em; }
| |
| .ShipAttrAcc { position:absolute; top:40px; left:165px; }
| |
| .ShipAttrAccMax { position:absolute; top:47px; left:183px; color:#0f0; }
| |
| .ShipAttrRFuel { position:absolute; top:112px; left:66px; font-size:1.1em; }
| |
| .ShipAttrRSteel { position:absolute; top:112px; left:171px; font-size:1.1em; }
| |
| .ShipAttrDescPanel { position:absolute; top:730px; width:800px; left:calc(50% - 400px); z-index:4; }
| |
| .ShipAttrDesc { position:absolute; top:10px; left:65px; width:675px; height:100px; overflow:auto; }
| |
| .EquipAttrCage { position:absolute; left:8px; width:72px; text-align:center; font-size:0.9em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
| |
| .EquipAttrEmpty { position:absolute; top:24px; width:83px; height:83px; }
| |
| .EquipAttrCap { position:absolute; top:78px; left:60px; font-size:16px; color:#fff; text-shadow:0px 0px 5px #000,1px 1px 0px #000; }
| |
| .EquipAttrMsl { position:absolute; top:25px; left:23px; font-size:16px; color:#fff; text-shadow:0px 0px 5px #000,1px 1px 0px #000; }
| |
| .EquipAttrNoHole { position:absolute; top:24px; width:83px; height:83px; }
| |
| .EquipAttrBox { position:absolute; top:25px; left:1px; width:83px; height:83px; }
| |
| .EquipAttrDesc { position:absolute; top:111px; left:3px; width:7em; max-height:60px; overflow-y:auto; font-size:0.85em; line-height:1.2; font-family:'黑体';}
| |
|
| |
| /* 台词表 */
| |
| .DiagTitleBlue { background:#4682B4;color:white;text-align:center }
| |
| .DiagTitleRed { background:#FF9C9C;color:white;text-align:center }
| |
| .DiagWhite { background:#FFFFFF;color:black;padding:0px 10px; }
| |
| .DiagBlue { background:#CCE9FD;color:black;padding:0px 10px; }
| |
| .DiagRed { background:#FFD2D2;color:black;padding:0px 10px; }
| |
| .DiagAudioWhite { width:45%;background:#FFFFFF;color:black; }
| |
| .DiagAudioBlue { width:45%;background:#CCE9FD;color:black; }
| |
| .DiagAudioRed { width:45%;background:#FFD2D2;color:black; }
| |
|
| |
| /* 装备图鉴页面 */
| |
|
| |
|
| |
| div.eqTable {
| |
| display:table;
| |
| text-align:center;
| |
| font-weight:bold;
| |
| width:100%;
| |
| max-width:1000px;
| |
| }
| |
|
| |
| div.eqC1, div.eqC2, div.eqP1, div.eqP2 {
| |
| display:table-row;
| |
| }
| |
|
| |
| div.eqTable .eqCaption {
| |
| display:table-cell;
| |
| border:solid 1px rgb(170,170,170);
| |
| border-right:solid 0px rgb(170,170,170);
| |
| background-color:rgb(242,242,242);
| |
| width:20%;
| |
| }
| |
|
| |
| div.eqTable .eqCaption:last-child {
| |
| border:solid 1px rgb(170,170,170);
| |
| }
| |
|
| |
| div.eqTable .eqPic {
| |
| display:table-cell;
| |
| border:solid 1px rgb(170,170,170);
| |
| border-right:solid 0px rgb(170,170,170);
| |
| background-color:rgb(249,249,249);
| |
| width:20%;
| |
| }
| |
|
| |
| div.eqTable .eqPic:last-child {
| |
| border:solid 1px rgb(170,170,170);
| |
| }
| |
|
| |
| /* 彩虹字体 */
| |
| .rainbowText {
| |
| color:red;
| |
| background:-webkit-linear-gradient(left,#f3c741,#e21d3a,#bb44b8,#3c7af7);
| |
| -webkit-background-clip: text;
| |
| -webkit-text-fill-color: transparent;
| |
| display:inline-block;
| |
| }
| |
|
| |
| /* sm2(音频播放器) */
| |
| .sm2-bar-ui {
| |
| font-size: 16px;
| |
| }
| |
| .sm2-bar-ui .sm2-main-controls,
| |
| .sm2-bar-ui .sm2-playlist-drawer {
| |
| background-color: #98c5e9;
| |
| }
| |
| .sm2-bar-ui .sm2-inline-texture {
| |
| background: transparent;
| |
| }
| |
|
| |
|
| |
| /* 这里放置的CSS将影响使用Vector皮肤的用户 */
| |
| #content {
| |
| grid-template-areas:
| |
| 'titlebar-cx .'
| |
| 'titlebar columnEnd'
| |
| 'toolbar columnEnd'
| |
| 'content columnEnd'
| |
| 'post-content columnEnd';
| |
| }
| |
|
| |
| #flowthread {
| |
| grid-area: post-content;
| |
| }
| |
|
| |
| .vector-sticky-header-context-bar-primary {
| |
| font-family: sans-serif !important;
| |
| }
| |
|
| |
| /*@media screen and (min-width: 1200px) */
| |
| /* { .mw-page-container-inner {*/
| |
| /* grid-template-columns: 10em minmax(0,1fr) !important;*/
| |
| /* }*/
| |
| /* }*/
| |
|
| |
| /*@media screen and (min-width: 1000px) */
| |
| /* { .mw-page-container-inner {*/
| |
| /* grid-template-columns: 10em minmax(0,1fr) !important;*/
| |
| /* }*/
| |
| /* }*/
| |
|
| |
| /*.mw-portlet {*/
| |
| /* border-bottom: 1px solid #c8ccd1 !important;*/
| |
| /*}*/
| |
|
| |
| /*.vector-menu-heading {*/
| |
| /* font-size: 1em !important;*/
| |
| /*}*/
| |
|
| |
| /*.vector-menu-content-list {*/
| |
| /* margin: -5px 0 10px 5px !important;*/
| |
| /*}*/
| |
|
| |
| /*.vector-menu-content-list li {*/
| |
| /* margin-bottom: -0.67em;*/
| |
| /*}*/
| |
|
| |
| .mw-page-container {
| |
| padding-left: 1.5em !important;
| |
| padding-right: 0 !important;
| |
| }
| |
|
| |
| .mw-page-container-inner {
| |
| grid-template-areas:
| |
| 'siteNotice siteNotice siteNotice'
| |
| 'mainMenu pageContent toc'
| |
| 'footer footer footer' !important;
| |
| grid-template-columns: 9em minmax(0,1fr) 9em !important;
| |
| column-gap: 24px !important;
| |
| }
| |
|
| |
| .collapsible-nav .vector-main-menu .mw-list-item a {
| |
| padding: 0 0 0 0 !important;
| |
| font-size: 0.8rem !important;
| |
| }
| |
|
| |
| .vector-toc { font-size:0.8em !important; }
| |
|
| |
| .vector-toc .vector-toc-toggle { top:-2px !important; left:calc(-1 * 2.1em - 1px) !important; }
| |
|
| |
| .vector-toc .vector-toc-text { padding:2px 0 !important; }
| |
|
| |
| .page-特殊_管理FlowThread评论 #content > div.comment-container { grid-area: post-content; }
| |
|
| |
| .mw-footer { padding: 0.75em; }
| |
|
| |
| #toc { display:none; }
| |
