传奇殿堂/styles.css

来自SS唯基
攸萨（讨论 | 贡献）2022年3月9日 (三) 12:09的版本 （建立内容为“→‎搬运于萌百作者あめろ：​ →‎布局：​ .flex-r { display: flex; flex-flow: row wrap; column-gap: 2em; } .flex-r>div { flex: 1 0 20em; } →‎边框：​ .i…”的新页面）
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳到导航 跳到搜索

/* 搬运于萌百作者あめろ

  • /

/*布局*/ .flex-r { display: flex; flex-flow: row wrap; column-gap: 2em; } .flex-r>div { flex: 1 0 20em; } /*边框*/ .infoBoxContent, .toc, pre, table { border: none !important; } /*圆角*/ .infoBox, .toc, pre, .card, .radius { border-radius: 6px; } /*阴影*/ .infoBox, .toc, .wikitable, pre, .card, .shadow { box-shadow: 0 2px 4px rgba(0,0,0,0.08),0 0 3px rgba(0,0,0,0.1) } h2 { text-shadow: -0.05em 0.05em 0.1em #FFF; }

/*特殊*/ .infoBoxContent { background: none !important; } .stubborn>table { border-radius: 6px; box-shadow: 0 1px 1px rgba(0,0,0,0.08), 0 1px 3px 1px rgba(0,0,0,0.1); overflow: hidden; } .infoBox { overflow: hidden; } .link-box>.sign:hover { height: 80vh !important; }

.AmeroBg, .AmeroTalk { color: #1f0037; padding: 1px 3em 2em; background: rgba(255,255,255,0.2); border-radius: 10px; border: 1px solid #ddd; margin: 1em auto; 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); }

.cards-in>*, .card, .toc { position: relative; background: linear-gradient(rgba(255,255,255,0.89),rgba(255,255,255,0.84)),fixed 50% 0/cover url(https://img.moegirl.org.cn/common/thumb/9/9d/%E6%98%9F%E3%82%B7%E3%83%AD_%E3%82%AB%E3%83%90%E3%83%BC.jpg/60px-%E6%98%9F%E3%82%B7%E3%83%AD_%E3%82%AB%E3%83%90%E3%83%BC.jpg) no-repeat !important; z-index: 1; } .cards-in>*::after, .card::after, .toc::after { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: inherit; border: 1px solid #ccc; box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.67); }

/*排版*/ h2 { overflow: visible; font: 700 1.6em sans-serif; border-bottom: none; margin-top: 1.6em; } h2 .mw-headline { display: inline-block; } h2 .mw-headline::after { content: ; display: block; background: linear-gradient(66deg, #e5d6ff, #ffd6e4); height: 0.7em; margin: -0.5em 0 0 -0.5em; width: 100%; border-radius: 0.35em; box-shadow: 0 0 1px 1px #fff; } h3 { font: 700 1.4em serif; } h4 { font: 400 1.2em sans-serif; } h5 { font: 400 1.1em serif; } h2, h3, h4, h5, h6 { color: #260043; } p { display: none; } .AmeroBg p { text-indent: 2em; } .AmeroBg p, .AmeroTalk p { display: block; } ul, ol, dl, dt { margin-left: 0 !important; padding-left: 0 !important; } li, dd { margin-left: 2em; } .toc { padding: .5em 1em; } li.toclevel-1 { margin-left: 0; } a:link, a:visited { color: #8e3a99; } a:hover { text-decoration: underline wavy; } a.new { color: #BA0000; } code { background: #fff1f1; border-width: 0 0 2px; border-color: #ffc0c0; margin: 0 2px; color: inherit; border-radius: 3px; padding: 1px 3px 0; } /*签名墙专属*/ .sign p { text-indent: 0; } .sign dl { position: relative; } .sign dl::before { content: '　◤'; position: absolute; color: #e5d6ff; } .sign>p { margin: 1.6em 0 0.5em; counter-increment: signatures; } .sign>p::before { content: counter(signatures); background: linear-gradient(90deg,#e5d6ff,rgba(229,214,255,0)); border-radius: 0.4em 0 0 0.4em; padding: 0 0.7em 0 0.3em; }

/*窄页面样式*/ @media screen and (max-width: 520px) { .AmeroBg, .AmeroTalk { padding: 1em; border: none; box-shadow: none; } }

取自“https://wiki.sstmlt.com/index.php?title=传奇殿堂/styles.css&oldid=11329”