◆少前百科是非盈利性、非官方的少女前线维基百科。
◆如果您发现某些内容错误/空缺，请勇于修正/添加！参与进来其实很容易！点这里 加入少前百科。
◆有任何意见、建议、纠错，欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群：597764980，微博@GFwiki少前百科
◆To foreigners，You can use twitter to contact us. 		Icon Nyto Silver.png

模板:剧情模拟器/styles

来自少前百科GFwiki
跳转至： 导航、 搜索
  1. avgdiv {

--scale-ratio: calc(2/3); height: 360px; margin: 144px 0; max-width: 1202px; transform: translateX(calc(50vw - 328px)) rotate(90deg); width: 640px; }

@media (min-width: 1200px) { #avgdiv { --scale-ratio: 1.25; height: 675px; margin: 0; transform: none; width: 1200px; } }

  1. avgtitle {

text-align: center; font-size: 20px; margin: auto; padding: 5px 0px; }

  1. avgtitle::before {

content: "-"; position: relative; left: -50px; }

  1. avgtitle::after {

content: "-"; position: relative; left: 50px; }

  1. avgload {

float: right; display: inline-block; border-top: 1px #eaeaea solid; border-bottom: 1px solid #eaeaea; font-size: 12px; vertical-align: bottom; margin-left: 12px; padding: 7px 2px 6px 2px; }

  1. avgbox {

background-color: rgb(17, 17, 17); border: none; font-size: 16px; height: 100%; overflow: hidden; position: relative; user-select: none; width: 100% }

  1. avgbox.memory {

filter: sepia(0.5) saturate(2.5) hue-rotate(-25deg) brightness(0.8); }

  1. avgbox.hide #avgcontrol,
  2. avgbox.hide #avgword,
  3. avgcontrol.log #avgauto,
  4. avgcontrol.log #avghideui,
  5. avgspeed {

display: none; }

  1. avgbox.hide #avgword.narrator {

display: block; }

  1. avgbackground {

background-color: rgb(17, 17, 17); height: 100%; overflow: hidden; position: absolute; width: 100%; z-index: 1; }

  1. avgbackground img {

position: absolute; top: -38.89%; width: 100%; }

  1. avgword, #avglogbox {

border-image: url(/images/4/44/DialogueBorder_1.png); border-image-repeat: round; border-image-slice: 56 107 35 378 fill; border-image-width: calc(var(--scale-ratio)*38px) calc(var(--scale-ratio)*78px) calc(var(--scale-ratio)*24.5px) calc(var(--scale-ratio)*265px); border-style: none; bottom: calc(var(--scale-ratio)*14px); font-size: calc(var(--scale-ratio)*1em); height: calc(var(--scale-ratio)*143.5px); left: calc(50% - var(--scale-ratio)*329px); overflow: hidden; padding-left: calc(var(--scale-ratio)*31px); padding-top: calc(var(--scale-ratio)*10px); position: absolute; transition: transform 0.25s, opacity 0.25s, height 0.375s; width: calc(var(--scale-ratio)*627px); z-index: 7; }

  1. avglogbox {

z-index: 8; }

  1. avgword.log, #avglogbox.log {

height: calc(var(--scale-ratio)*484px); z-index: 8; }

  1. avgword.narrator {

background: radial-gradient(rgba(0,0,0,0.5),black 150%); border: none; box-sizing: border-box; display: flex; height: 100%; left: 0; padding: 0 10em; place-items: center; top: 0; width: 100%; }

  1. avgspeaker, #avglogbox > p:first-child {

font-size: 1.4em; height: 1em; line-height: 1; margin: 0; }

  1. avgline, #avglogbox > p:last-child {

font-size: 1.1875em; letter-spacing: calc(var(--scale-ratio)*0.5px); line-height: 1.3; margin: calc(var(--scale-ratio)*13px) calc(var(--scale-ratio)*28px) calc(var(--scale-ratio)*20px) 0; max-height: 90%; }

  1. avgword.log #avgline {

overflow-y: scroll; }

.endsigndiv { position: absolute; top: 75px; right: 20px; font-size: 30px; font-weight: bold; }

.avgdollpic { filter: brightness(.5); height: calc(452px*var(--scale-ratio)); position: absolute; top: 110px; transition: all 0.2s; transform: translate(-50%,-50%); width: calc(716.8px*var(--scale-ratio)); z-index: 2; }

.avgdollpic.speakerPic { filter: none; z-index: 3; }

.avgdollpic img { overflow: hidden; width: 100%; }

.darkmask { position: absolute; top: 0px; width: 896px; height: 896px; overflow: hidden; background-color: rgba(0, 0, 0, 0.533); }

  1. avgbranchdiv {

height: 350px; left: 300px; position: absolute; text-align: center; top: 100px; width: 600px; z-index: 9; }

  1. avgbranchdiv.cg-options {

height: 100%; left: 0; top: 0; width: 100%; }

.avgbranch { background-color: black; border: 1px solid #949494; cursor: pointer; font-size: 16px; margin-bottom: 40px; padding: 12px 0px; user-select: none; }

.cg-options .avgbranch { align-items: center; display: flex; height: calc(var(--scale-ratio)*28.8px); justify-content: center; padding: 0; position: absolute; transform: translate(-50%, -50%) rotate(45deg); width: calc(var(--scale-ratio)*28.8px); }

.avgbranch:before { color: #f4c430; content: "▶"; left: 10px; position: absolute; }

.cg-options .avgbranch::before{ content: '\f002'; font-family: 'Font Awesome 5 Free'; font-size: calc(var(--scale-ratio)*19.2px); font-weight: 900; position: static; transform: rotate(-45deg); }

.avgbranch:hover { background-color: #f4c430; border-color: black; color: black; }

  1. avgblack {

height: 100%; position: absolute; width: 100%; transition: background 1s; z-index: 8; }

  1. avgblack.black {

background: black; }

  1. avgblack.white {

background: white; }

.tele :first-child { border-image: url(/images/2/2a/LayerBord.png); border-image-slice: 64 88 96 125 fill; border-image-width: calc(51.2px*var(--scale-ratio)) calc(70.4px*var(--scale-ratio)) calc(76.8px*var(--scale-ratio)) calc(100px*var(--scale-ratio)); height: calc(424px*var(--scale-ratio)); left: calc(194.4px*var(--scale-ratio)); position: absolute; top: calc(1.6px*var(--scale-ratio)); width: calc(305.6px*var(--scale-ratio)); }

.tele img { background: rgba(0,12,24,0.8); clip-path: polygon(calc(230.4px*var(--scale-ratio)) 2%, calc(488px*var(--scale-ratio)) 2%, calc(488px*var(--scale-ratio)) 53%, calc(230.4px*var(--scale-ratio)) 53%); }

.tele :last-child { background: rgba(0, 255, 255, 0.1); border-image: url(/images/3/30/LayerBord_Top.png); border-image-repeat: round; border-image-slice: 54 10 8 48 fill; border-image-width: calc(28.8px*var(--scale-ratio)) calc(5.33px*var(--scale-ratio)) calc(4.26px*var(--scale-ratio)) calc(25.6px*var(--scale-ratio)); height: calc(365.6px*var(--scale-ratio)); left: calc(229.6px*var(--scale-ratio)); position: absolute; top: calc(14.4px*var(--scale-ratio)); width: calc(257.6px*var(--scale-ratio)); }

  1. avgcontrol {

display: flex; left: 0; position: absolute; top: calc(4px*var(--scale-ratio)); z-index: 10; }

  1. avgcontrol div:nth-child(-n + 3) {

background-size: 100%; cursor: pointer; height: calc(53px*var(--scale-ratio)); width: calc(53px*var(--scale-ratio)); }

  1. avglog {

background-image: url(/images/3/3d/%E5%89%A7%E6%83%85_%E5%9B%9E%E9%A1%BE.png); margin-left: calc(9px*var(--scale-ratio)); }

  1. avgauto {

background-image: url(/images/3/37/%E5%89%A7%E6%83%85_%E8%87%AA%E5%8A%A8%E6%92%AD%E6%94%BE.png); margin-left: calc(15px*var(--scale-ratio)); }

  1. avgauto.on {

background-image: url(/images/f/fa/%E5%89%A7%E6%83%85_%E6%92%AD%E6%94%BE%E4%B8%AD.png); }

  1. avghideui {

background-image: url(/images/c/c7/%E5%89%A7%E6%83%85_%E9%9A%90%E8%97%8FUI.png); margin-left: calc(14px*var(--scale-ratio)); }

  1. avgspeed {

margin-left: calc(var(--scale-ratio)*8px); }

  1. avgauto.on ~ #avgspeed {

display: block; }

  1. avgspeed label {

display: block; font-family: MOHAVE, Courier, monospace; font-size: calc(var(--sclae-ratio)*14px); line-height: 1.2; }

  1. avgspeed input {

display: block; width: calc(var(--scale-ratio)*124px); }

.logdiv { column-gap: calc(4px*var(--scale-ratio)); display: grid; grid-template-columns: 1fr 5fr; margin-bottom: 1.2em; }

.logdiv p { margin: 0; }

取自“https://www.gfwiki.org/index.php?title=模板:剧情模拟器/styles&oldid=114664”