2023年政策修订增补工作正在进行中,欢迎参与!
Template:碧蓝航线导航/style.css
跳转到导航
跳转到搜索
/* 新船 */
.NewShips {
display: flex;
justify-content: center;
overflow: auto;
}
.mw-customtoggle-AzurKansenN {
color: #409EFF;
flex-wrap: nowrap;
}
/* 下水日 */
.Launched {
overflow: auto;
padding: 1em;
}
/* 碧蓝航线专题Tabs样式定制 */
.TabLabelText.selected {
color: white;
}
.TabLabelText {
border-radius: 0.3em;
Background-Color: #6D9EF0;
}
.TabContent {
border-style: solid;
border-width: 0.2em;
border-radius: 0.4em;
border-Color: #6D9EF0;
}
.title{
font-size: 16px;
padding: 0 3px;
border-bottom: 2px solid #6D9EF0;
}
/*窄屏适配*/
@media(min-width:500px) and (max-width:950px){
.menu-image{
display: none;
}
}
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/
.container {
position: relative;
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.div,
.divs,
.column,
.columns {
width: 100%;
float: left;
box-sizing: border-box;
}
/* For devices larger than 400px */
@media (min-width: 400px) {
.container {
width: 85%;
padding: 0;
}
}
/* For devices larger than 550px */
@media (min-width: 550px) {
.container {
width: 80%;
}
.div,
.divs,
.column,
.columns {
margin-left: .3%;
}
.div:first-child,
.divs:first-child,
.column:first-child,
.columns:first-child {
margin-left: 0;
}
.one.div,
.one.divs { width: 100%; margin-left: 0; }
.two.divs { width: 49.85%; }
.three.divs { width: 33.1333333333%; }
.four.divs { width: 24.775%; }
.five.divs { width: 19.76%; }
.six.divs { width: 16.4166666667%; margin: 1px; }
.one.column,
.one.columns { width: 8.05833333333%; }
.two.columns { width: 16.4166666667%; }
.three.columns { width: 24.775%; }
.four.columns { width: 33.1333333333%; }
.five.columns { width: 41.4916666667%; }
.six.columns { width: 49.85%; }
.one-third.column { width: 33.1333333333%; }
.two-thirds.column { width: 66.5666666667%; }
.one-half.column { width: 49.85%; }
}
/*
* 专题导航 V1
* Copyright 2015, maverick
* masterchan.me
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 05/13/2015
*/
/*外框样式*/
.ztdh {
background-color: rgba(255,255,255,0.7);
margin-bottom: 3px;
margin-top: 5px;
border-radius: 0.5em;
padding: 8px;
position: relative;
z-index: 1;
}
.ztdh::before {
content: " ";
background-image: url(https://img.moegirl.org.cn/common/thumb/1/1e/%E7%A2%A7%E8%93%9D%E8%88%AA%E7%BA%BF_%E7%BC%96%E8%BE%91%E7%BB%84LOGO.png/768px-%E7%A2%A7%E8%93%9D%E8%88%AA%E7%BA%BF_%E7%BC%96%E8%BE%91%E7%BB%84LOGO.png);
background-repeat: no-repeat;
background-position: top;
background-size: contain;
width: 100%;
display: block;
position: absolute;
height: 100%;
z-index: -1;
opacity: .1;
}
.ztdh .ztdhclear {
clear: both;
}
.ztdh .ztdh-title {
border: none;
clear: none;
margin-left: 5px;
font-weight: bold;
font-size: 1.55em;
}
.ztdh .logo {
display: inline-block;
vertical-align: middle;
border-radius: 10%;
overflow: hidden;
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.55);
margin-right: 5px;
}
.ztdh .hint {
text-align: right;
font-size: 12px;
}
/*导航栏样式*/
.ztdh span.menu-title {
margin: 0;
padding: 0;
text-align: center;
cursor: pointer;
height: 3em;
overflow: hidden;
line-height: 32px;
border: 0.15em solid;
border-radius: 0.5em;
border-color: #6D9EF0;
font-size: 1.2em;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
}
/*弹出菜单样式*/
.menu-popout {
position: absolute;
background-color: white;
margin: 0;
width: 100%;
max-height: 30em;
overflow: auto;
border: solid #6D9EF0;
border-radius: 0.5em;
border-width: 0.2em;
z-index: 99;
}
/*子菜单样式*/
.menu-popout2 {
background-color: white;
font-size: 1.2em;
border: solid #6D9EF0;
border-radius: 0.5em;
border-width: 0.15em;
padding: 0em 1em 0.2em;
}
.menu-content {
position: relative;
display: none;
z-index: 98;
border-radius: 0.5em;
border-color: #6D9EF0;
}
.ztdh ul {
list-style: none!important;
margin: 0;
}
.ztdh li {
padding: 4px;
}
.ztdh li a:hover {
text-decoration: none;
}
.ztdh .menu-item:hover > .menu-content {
display: block;
}
.ztdh .menu-item:hover > span.menu-title {
background-color: #9dd5ff;
border: 1px solid #9dd5ff;
}
.ztdh ul ul {
margin: 5px 5px 0px 15px;
}
.ztdh-hsctrl {
float: right;
background: #FFFFFF;
padding: 0 6px;
cursor: pointer;
}
/*分割线样式*/
.ztdh hr{
margin: 0.75em 0;
color: #6D9EF0;
background-color: #6D9EF0;
}
@media (max-width: 550px) {
.ztdh .hint {
font-size: 10px;
}
.ztdh .menu-item{
margin-bottom: 5px;
}
.menu-content {
position: relative;
margin-bottom: 5px;
}
.menu-popout {
position: relative;
}
.ztdh .menu-item > span.menu-title {
background-color: #9dd5ff;
border: 1px solid #9dd5ff;
}
.ztdh hr{
margin: .2em 0;
}
.ztdh-hsctrl {
display: none;
}
}
.menu-popout > ul {
margin-left: 0 !important;
}
/* [[Category:在模板名字空间下的CSS页面]][[Category:碧蓝航线页顶模板]] */