|
|
第1行: |
第1行: |
− | <div id="avgdiv">
| + | {{剧情模拟器}} |
− | <div id="avgbox">
| |
− | <div id="avgblack"></div>
| |
− | <div id="avgbackground"></div>
| |
− | <div id="avgword">
| |
− | <p id="avgspeaker"></p>
| |
− | <p id="avgline"></p>
| |
− | </div>
| |
− | <div id="avgbranchdiv" style="display: none;"></div>
| |
− | <div id="avgcontrol">
| |
− | <div id="avglog"></div>
| |
− | <div id="avgauto"></div>
| |
− | <div id="avghideui"></div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | {{#widget:AVGplayer/css}} | |
− | {{#widget:style|style=
| |
− | table.avgnavigation {
| |
− | max-width: 1202px;
| |
− | width: 100%;
| |
− | display: block;
| |
− | }
| |
− | | |
− | .avgnavigation th {
| |
− | color: #eaeaea;
| |
− | background-color: #222;
| |
− | border: 1px solid #eaeaea88;
| |
− | }
| |
− | | |
− | .avgnavigation td {
| |
− | color: #eaeaea;
| |
− | background-color: #111;
| |
− | border: 1px solid #eaeaea88;
| |
− | padding: 3px;
| |
− | }
| |
− | | |
− | .avgchoice {
| |
− | display: inline-block;
| |
− | margin: 1px;
| |
− | padding: 2px 5px 2px 9px;
| |
− | user-select: none;
| |
− | cursor: pointer;
| |
− | border-radius: 1px;
| |
− | transition-duration: 0.2s;
| |
− | }
| |
− | | |
− | .avgchoice:hover {
| |
− | color: black;
| |
− | background-color: #eaeaea;
| |
− | }
| |
− | | |
− | .avgchoice:before {
| |
− | content: "♯";
| |
− | position: relative;
| |
− | left: -4px;
| |
− | }
| |
− | | |
− | .savgtitle {
| |
− | display: inline-block;
| |
− | margin: 0px 2px 0px 2px;
| |
− | color: #03a9f4;
| |
− | user-select: none;
| |
− | }
| |
− | | |
− | .savgtitle:before {
| |
− | content: "§ ";
| |
− | font-size: 12px;
| |
− | }
| |
− | | |
− | span.subsign {
| |
− | font-size: 12px;
| |
− | font-weight: lighter;
| |
− | }
| |
− | | |
− | .avgnavigationtitle:before {
| |
− | content: "# ";
| |
− | padding: 0px 0px 0px 10px;
| |
− | }
| |
− | | |
− | .avgnavigationtitle {
| |
− | max-width: 1202px;
| |
− | background-color: #222;
| |
− | border-top: 2px solid #eaeaea;
| |
− | padding: 5px 0px;
| |
− | margin-bottom: 2px;
| |
− | font-family: LinBiolinum;
| |
− | cursor: pointer;
| |
− | user-select: none;
| |
− | }
| |
− | | |
− | .avgnavigationtitle:hover {
| |
− | background-color: #eaeaea;
| |
− | color: black;
| |
− | }
| |
− | }} | |
| <div class="avgnavigationtitle">EP 10.5 塌缩点</div> | | <div class="avgnavigationtitle">EP 10.5 塌缩点</div> |
| {| class="avgnavigation" | | {| class="avgnavigation" |
第160行: |
第65行: |
| |{{剧情选项|SSE01 平台|AVG-58-S1-1.txt}}{{剧情选项|SSE01-1 平台下方通道|AVG-58-S1-2.txt}}{{剧情选项|SSE02 东塔大厅|AVG-58-S2-1.txt}}{{剧情选项|SSE02-1 东塔2层(东)|AVG-58-S2-2.txt}}{{剧情选项|SSE02-2 东塔3层(西)|AVG-58-S2-3.txt}}{{剧情选项|SSE03 蜂针系统|AVG-58-S3-1.txt}}{{剧情选项|SSE03-1 东塔32层|AVG-58-S3-2.txt}}{{剧情选项|SSE03-2 东塔37层|AVG-58-S3-3.txt}}{{剧情选项|SSE03-3 东塔40层|AVG-58-S3-4.txt}}{{剧情选项|SSE04 遗迹试验区|AVG-58-S4-1.txt}}{{剧情选项|SSE04-1 控制中心|AVG-58-S4-2.txt}}{{剧情选项|SSE04-2 模拟影像区|AVG-58-S4-3.txt}}{{剧情选项|SSE04-3 投射实验区|AVG-58-S4-4.txt}}{{剧情选项|SSE05 手术层|AVG-58-S5.txt}}{{剧情选项|SSE06 秘密走廊|AVG-58-S6.txt}} | | |{{剧情选项|SSE01 平台|AVG-58-S1-1.txt}}{{剧情选项|SSE01-1 平台下方通道|AVG-58-S1-2.txt}}{{剧情选项|SSE02 东塔大厅|AVG-58-S2-1.txt}}{{剧情选项|SSE02-1 东塔2层(东)|AVG-58-S2-2.txt}}{{剧情选项|SSE02-2 东塔3层(西)|AVG-58-S2-3.txt}}{{剧情选项|SSE03 蜂针系统|AVG-58-S3-1.txt}}{{剧情选项|SSE03-1 东塔32层|AVG-58-S3-2.txt}}{{剧情选项|SSE03-2 东塔37层|AVG-58-S3-3.txt}}{{剧情选项|SSE03-3 东塔40层|AVG-58-S3-4.txt}}{{剧情选项|SSE04 遗迹试验区|AVG-58-S4-1.txt}}{{剧情选项|SSE04-1 控制中心|AVG-58-S4-2.txt}}{{剧情选项|SSE04-2 模拟影像区|AVG-58-S4-3.txt}}{{剧情选项|SSE04-3 投射实验区|AVG-58-S4-4.txt}}{{剧情选项|SSE05 手术层|AVG-58-S5.txt}}{{剧情选项|SSE06 秘密走廊|AVG-58-S6.txt}} |
| |} | | |} |
− | {{#Widget:AvgPlayer}}
| |
− | {{#widget:style|style=
| |
− | #avgdiv {
| |
− | --scale-ratio: calc(2/3);
| |
− | transform: translateX(calc(50vw - 328px)) rotate(90deg);
| |
− | margin: 144px 0;
| |
− | height: 360px;
| |
− | width: 640px;
| |
− | }
| |
− |
| |
− | @media (min-width: 1200px) {
| |
− | #avgdiv {
| |
− | --scale-ratio: 1.25;
| |
− | transform: none;
| |
− | height: 675px;
| |
− | width: 1200px;
| |
− | margin: 0;
| |
− | }
| |
− | }
| |
− |
| |
− | #avgbox {
| |
− | border: none;
| |
− | font-size: 16px;
| |
− | height: 100%;
| |
− | width: 100%
| |
− | }
| |
− |
| |
− | #avgword, #avglogbox {
| |
− | border-image: url(/images/4/44/DialogueBorder_1.png);
| |
− | font-size: calc(var(--scale-ratio)*1em);
| |
− | height: calc(var(--scale-ratio)*143.5px);
| |
− | left: calc(50% - var(--scale-ratio)*329px);
| |
− | 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);
| |
− | padding-left: calc(var(--scale-ratio)*31px);
| |
− | padding-top: calc(var(--scale-ratio)*10px);
| |
− | bottom: calc(var(--scale-ratio)*14px);
| |
− | top: unset;
| |
− | width: calc(var(--scale-ratio)*627px);
| |
− | background: none;
| |
− | box-shadow: none;
| |
− | border-style: none;
| |
− | border-image-repeat: round;
| |
− | transition: transform, opacity, height 0.2s;
| |
− | }
| |
− | #avgword.log, #avglogbox.log {
| |
− | height: calc(var(--scale-ratio)*484px);
| |
− | z-index: 8;
| |
− | }
| |
− | #avglogbox {
| |
− | position: absolute;
| |
− | z-index: 8;
| |
− | }
| |
− | #avgbackground {
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | }
| |
− | #avgbackground img {
| |
− | width: 100%;
| |
− | top: -38.89%;
| |
− | }
| |
− |
| |
− | #avgspeaker, #avglogbox > p:first-child {
| |
− | font-size: 1.4em;
| |
− | height: 1em;
| |
− | line-height: 1;
| |
− | margin: 0;
| |
− | }
| |
− | #avgline, #avglogbox > p:last-child {
| |
− | letter-spacing: calc(var(--scale-ratio)*0.5px);
| |
− | font-size: 1.1875em;
| |
− | line-height: 1.3;
| |
− | margin-left: 0;
| |
− | margin-top: calc(var(--scale-ratio)*13px);
| |
− | margin-bottom: calc(var(--scale-ratio)*20px);
| |
− | max-height: 90%;
| |
− | }
| |
− | #avgword.log #avgline {
| |
− | overflow-y: scroll;
| |
− | }
| |
− |
| |
− | .avgdollpic {
| |
− | z-index: 2;
| |
− | filter: brightness(.5);
| |
− | overflow: visible;
| |
− | transition: all 0.2s;
| |
− | transform: translate(-50%,-50%);
| |
− | width: calc(716.8px*var(--scale-ratio));
| |
− | height: calc(452px*var(--scale-ratio));
| |
− | }
| |
− | .avgdollpic.speakerPic { filter: none; z-index: 3; }
| |
− | .avgdollpic img { width: 100%; }
| |
− |
| |
− | #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%;
| |
− | }
| |
− | #avgblack {
| |
− | height: 100%;
| |
− | position: absolute;
| |
− | width: 100%;
| |
− | transition: background 1s;
| |
− | z-index: 8;
| |
− | }
| |
− | #avgblack.black {
| |
− | background: black;
| |
− | }
| |
− | #avgblack.white {
| |
− | background: white;
| |
− | }
| |
− | #avgbox.memory {
| |
− | filter: sepia(0.5) saturate(2.5) hue-rotate(-25deg) brightness(0.8);
| |
− | }
| |
− |
| |
− | .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));
| |
− | width: calc(305.6px*var(--scale-ratio));
| |
− | height: calc(424px*var(--scale-ratio));
| |
− | position: absolute;
| |
− | left: calc(194.4px*var(--scale-ratio));
| |
− | top: calc(1.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 {
| |
− | border-image: url(/images/3/30/LayerBord_Top.png);
| |
− | 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));
| |
− | border-image-repeat: round;
| |
− | position: absolute;
| |
− | left: calc(229.6px*var(--scale-ratio));
| |
− | top: calc(14.4px*var(--scale-ratio));
| |
− | background: rgba(0,255,255,0.1);
| |
− | width: calc(257.6px*var(--scale-ratio));
| |
− | height: calc(365.6px*var(--scale-ratio));
| |
− | }
| |
− |
| |
− | #avgcontrol {
| |
− | display: flex;
| |
− | left: 0;
| |
− | position: absolute;
| |
− | top: calc(4px*var(--scale-ratio));
| |
− | z-index: 10;
| |
− | }
| |
− | #avgcontrol div {
| |
− | background-size: 100%;
| |
− | cursor: pointer;
| |
− | height: calc(53px*var(--scale-ratio));
| |
− | width: calc(53px*var(--scale-ratio));
| |
− | }
| |
− | #avgbox.hide #avgcontrol,
| |
− | #avgbox.hide #avgword,
| |
− | #avgcontrol.log #avgauto,
| |
− | #avgcontrol.log #avghideui {
| |
− | display: none;
| |
− | }
| |
− | #avgbox.hide #avgword.narrator {
| |
− | display: block;
| |
− | }
| |
− | #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));
| |
− | }
| |
− | #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));
| |
− | }
| |
− | #avgauto.on {
| |
− | background-image: url(/images/f/fa/%E5%89%A7%E6%83%85_%E6%92%AD%E6%94%BE%E4%B8%AD.png);
| |
− | }
| |
− | #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));
| |
− | }
| |
− |
| |
− | .logdiv {
| |
− | column-gap: calc(4px*var(--scale-ratio));
| |
− | display: grid;
| |
− | grid-template-columns: 1fr 5fr;
| |
− | margin-bottom: 1.2em;
| |
− | }
| |
− | .logdiv p {
| |
− | margin: 0;
| |
− | }
| |
− | }}
| |