2023年政策修订增补工作正在进行中,欢迎参与!
Template:专题导航/styles.css
跳转到导航
跳转到搜索
/*
* 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%; }
.seven.divs { width: 14.0285714286%; }
.eight.divs { width: 12.2375%; }
.nine.divs { width: 10.8444444444%; }
.ten.divs { width: 9.73%; }
.eleven.divs { width: 8.81818181818%; }
.twelve.divs { width: 8.05833333333%; }
.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%; }
.seven.columns { width: 58.2083333333%; }
.eight.columns { width: 66.5666666667%; }
.nine.columns { width: 74.925%; }
.ten.columns { width: 83.2833333333%; }
.eleven.columns { width: 91.6416666667%; }
.twelve.columns { width: 100%; margin-left: 0; }
.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 {
margin-bottom: 3px;
margin-top: 5px;
border: solid 1px;
background-color: white;
padding: 8px;
position: relative;
}
.ztdh .ztdhclear {
clear: both;
}
.ztdh .ztdh-title {
border: none;
clear: none;
margin: 0;
font-family: 'Microsoft YaHei','STHeiti Light';
font-weight: bold;
font-size: 1.55em;
}
.ztdh .logo {
float: left;
margin-right: 5px;
}
.ztdh .hint {
text-align: right;
font-size: 12px;
}
.ztdh span.menu-title {
margin: 0;
padding: 0;
text-align: center;
cursor: pointer;
line-height: 32px;
border: 1px solid #a7d7f9;
font-size: 1.2em;
font-weight: bold;
line-height: 1.8;
display: block;
}
.ztdh .ztdhmenu{
margin-top: 5px;
}
.menu-popout {
position: absolute;
background-color: white;
margin: 0;
width: 100%;
top: -1px;
}
.menu-content {
position: relative;
display: none;
z-index: 99;
}
.ztdh ul {
list-style: none!important;
margin: 0;
border: solid #9dd5ff;
border-width: 2px;
}
.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 {
border: none;
margin: 5px 5px 0px 15px;
}
.ztdh-hsctrl {
float: right;
background: #FFFFFF;
padding: 0 6px;
cursor: pointer;
}
.ztdh hr{
margin: 12px 0;
}
@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页面]] */