15,721
个编辑
无编辑摘要 |
小 (分类) |
||
(未显示2个用户的101个中间版本) | |||
第3行: | 第3行: | ||
.infobox2 img { | .infobox2 img { | ||
width:100%; max-width:312px !important; height:auto; | width:100%; max-width:312px !important; height:auto; | ||
} | |||
/*目录在宽屏下改为两栏显示(暂不使用) | |||
@media screen and (min-width:1000px) { | |||
.toc ul { | |||
column-count: 2; | |||
} | |||
.toc ul > li > ul { | |||
column-count: 1; | |||
} | |||
.toctoggle { | |||
float: right; | |||
} | |||
} | |||
*/ | |||
/*移除信息栏中目录的边框*/ | |||
.tochidden, .toctoggle { | |||
} | |||
.toc { | |||
transition: 5s; | |||
border: transparent; | |||
background-color: rgba(161, 212, 218, 0.5); | |||
} | |||
.toc:hover { | |||
border: transparent; | |||
background-color: rgba(161, 212, 218, 0.0); | |||
} | |||
.toc-close .toc { | |||
max-height: 70px; | |||
} | |||
.toc-open .toc { | |||
max-height: 400px; | |||
} | } | ||
/*移除信息栏中tab的边框*/ | /*移除信息栏中tab的边框*/ | ||
第9行: | 第47行: | ||
} | } | ||
/** 无序列表前置样式 **/ | |||
ul { | |||
list-style: none; | |||
} | |||
ul > li::before { | |||
content: "⭐"; | |||
} | |||
#toc ul > li::before { | |||
content: ""; | |||
display: none; | |||
} | |||
ul > li.gallerybox::before { | |||
content: ""; | |||
display: none; | |||
} | |||
h3:hover,h4:hover,h3:focus,h4:focus{ | |||
letter-spacing: 0.3em; | |||
transition: letter-spacing 1s; | |||
} | |||
/*渐层底线*/ | |||
h2 { | h2 { | ||
overflow: visible; | overflow: visible; | ||
font: 700 1.6em sans-serif; | font: 700 1.6em sans-serif; | ||
border-bottom: none; | |||
margin-top: 1.6em; | margin-top: 1.6em; | ||
} | } | ||
/*鼠标没移上去前的字体颜色*/ | |||
h2 { | |||
display: inline-block; | |||
color:#68aee3; | |||
font-family: sans-serif; | |||
text-shadow: 0.1em 0.1em #FFFFF4 | |||
} | |||
/*鼠标移上去后的字体颜色*/ | |||
h2:hover { | |||
color:#adb0db; | |||
animation:Glow 1.5s ease infinite alternate; | |||
} | |||
/*渐层底线*/ | |||
h2 .mw-headline { | h2 .mw-headline { | ||
display: inline-block; | display: inline-block; | ||
text-shadow: 0.1em 0.1em #FFFFF4 | |||
} | |||
h2 .mw-headline::after { | |||
content: ''; | |||
display: block; | |||
background: linear-gradient(66deg, #AAAAFF, #00E3E3); | |||
height: 0.7em; | |||
margin: -0.5em 0 0 -0.5em; | |||
text-align: left; | |||
width: 100%; | |||
border-radius: 0.85em; | |||
box-shadow: 0 0 1px 1px #fff; | |||
} | } | ||
h2 | /* | ||
h2:hover,h2:focus,h3:hover,h4:hover,h3:focus,h4:focus{ | |||
letter-spacing: 0.3em; | |||
transition: letter-spacing 1s; | |||
} | } | ||
h2 { | |||
h2 .mw-headline | overflow: visible; | ||
font: 700 1.6em sans-serif; | |||
border-bottom: none; | |||
margin-top: 1.6em; | |||
} | |||
h2 .mw-headline { | |||
display: inline-block; | |||
color: #005AB5; | |||
text-shadow: 0.1em 0.1em #FFFFF4 | |||
} | } | ||
h2 .mw-headline::after { | h2 .mw-headline::after { | ||
第44行: | 第143行: | ||
box-shadow: 0 0 1px 1px #fff; | box-shadow: 0 0 1px 1px #fff; | ||
} | } | ||
*/ | |||
/* 无法使用,无法兼容 | |||
h2 .mw-headline::before { | |||
content: "⭐"; | |||
font-family:Segoe UI Emoji,Apple Color Emoji,Android Emoji,Symbola; | |||
} | |||
h2 .mw-headline::after { | |||
content: "⭐"; | |||
font-family:Segoe UI Emoji,Apple Color Emoji,Android Emoji,Symbola; | |||
} | |||
*/ | |||
h3 .mw-headline { | h3 .mw-headline { | ||
color: # | color: #2894FF; | ||
font-size: 120%; | font-size: 120%; | ||
padding: 0 10px; | padding: 0 10px; | ||
border-bottom: solid 2px #0B7698; | border-bottom: solid 2px #0B7698; | ||
text-shadow: 0.1em 0.1em 0.2em #ACD6FF | |||
} | } | ||
h4 .mw-headline { | h4 .mw-headline { | ||
border-left: solid 10px #0C7698; | border-left: solid 10px #0C7698; | ||
color: | color: #2894FF; | ||
padding-left: 7px; | padding-left: 7px; | ||
position: relative; | position: relative; | ||
font-size: 118%; | font-size: 118%; | ||
padding-bottom: 5px; | padding-bottom: 5px; | ||
text-shadow: 0.1em 0.1em 0.2em #ACD6FF | |||
} | } | ||
第66行: | 第180行: | ||
position: relative; | position: relative; | ||
font-weight: 900; | font-weight: 900; | ||
color: #46A3FF; | |||
} | } | ||
/*特殊透明框 | /*特殊透明框 | ||
需使用<div class="AmeroBg" style="padding-top:1px"> 内容 </div>*/ | 需使用<div class="AmeroBg" style="padding-top:1px"> 内容 </div>*/ | ||
.AmeroBg, .AmeroTalk { | .AmeroBg, .AmeroTalk { | ||
color: # | color: #C1272D; | ||
padding: 1px 3em 2em; | padding: 1px 3em 2em; | ||
background: rgba( | background: rgba(247, 221, 154,0.2); | ||
border-radius: 10px; | border-radius: 10px; | ||
border: 1px solid #ddd; | border: 1px solid #C1272D; | ||
/*1px solid #ddd 原本框线配色 | |||
background: rgba(201, 227, 255,0.2);*/ | |||
margin: 1em auto; | margin: 1em auto; | ||
max-width: 1080px; | max-width: 1080px; | ||
box-shadow: inset 0 0 2px 1px #fff, 0 1px 1px rgba(0,0,0,0.07), 0 1px 3px 1px rgba(61,0,99,0.14); | box-shadow: inset 0 0 2px 1px #fff, 0 1px 1px rgba(0,0,0,0.07), 0 1px 3px 1px rgba(61,0,99,0.14); | ||
} | } | ||
第122行: | 第243行: | ||
float: right; | float: right; | ||
font-size: 13px; | font-size: 13px; | ||
opacity: 0 | opacity: 0; | ||
transition: opacity 0.5s; | transition: opacity 0.5s; | ||
} | } | ||
第143行: | 第264行: | ||
border: rgba(197,226,232,1.00) 3px solid; | border: rgba(197,226,232,1.00) 3px solid; | ||
overflow: hidden; | overflow: hidden; | ||
color: #003D79; | |||
} | } | ||
第235行: | 第357行: | ||
} | } | ||
} | } | ||
/* [[ | /* [[分类:CSS页面]] */ |