15,491
个编辑
传奇殿堂/styles.css：修订间差异
跳到导航
跳到搜索
小
分类
小无编辑摘要 |
小 （分类） |
||
| （未显示同一用户的58个中间版本） | |||
| 第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的边框*/ | ||
.infobox2 .TabContent{ | .infobox2 .TabContent{ | ||
border:0; | border:0; | ||
} | |||
/** 无序列表前置样式 **/ | |||
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 { | |||
overflow: visible; | |||
font: 700 1.6em sans-serif; | |||
border-bottom: none; | |||
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 { | |||
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:hover,h2:focus,h3:hover,h4:hover,h3:focus,h4:focus{ | h2:hover,h2:focus,h3:hover,h4:hover,h3:focus,h4:focus{ | ||
letter-spacing: 0.3em; | letter-spacing: 0.3em; | ||
transition: letter-spacing 1s; | transition: letter-spacing 1s; | ||
} | } | ||
h2 { | h2 { | ||
| 第40行： | 第143行： | ||
box-shadow: 0 0 1px 1px #fff; | box-shadow: 0 0 1px 1px #fff; | ||
} | } | ||
*/ | |||
/* 无法使用，无法兼容 | /* 无法使用，无法兼容 | ||
| 第58行： | 第162行： | ||
padding: 0 10px; | padding: 0 10px; | ||
border-bottom: solid 2px #0B7698; | border-bottom: solid 2px #0B7698; | ||
text-shadow: 0.1em 0.1em 0.2em # | text-shadow: 0.1em 0.1em 0.2em #ACD6FF | ||
} | } | ||
| 第68行： | 第172行： | ||
font-size: 118%; | font-size: 118%; | ||
padding-bottom: 5px; | padding-bottom: 5px; | ||
text-shadow: 0.1em 0.1em 0.2em # | text-shadow: 0.1em 0.1em 0.2em #ACD6FF | ||
} | } | ||
| 第85行： | 第189行： | ||
需使用<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; | ||
| 第158行： | 第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; | |||
} | } | ||
| 第250行： | 第357行： | ||
} | } | ||
} | } | ||
/* [[ | /* [[分类:CSS页面]] */ | ||