mirror of
https://github.com/ganelson/inform.git
synced 2024-05-17 00:18:39 +03:00
332 lines
8.4 KiB
CSS
Executable file
332 lines
8.4 KiB
CSS
Executable file
.ui-tooltip,.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;}.ui-tooltip-fluid{display:block;visibility:hidden;position:static!important;float:left!important;}.ui-tooltip-content{position:relative;padding:5px 9px;overflow:hidden;border:1px solid #000001;text-align:left;word-wrap:break-word;overflow:hidden;}.ui-tooltip-titlebar{position:relative;min-height:14px;padding:5px 35px 5px 10px;overflow:hidden;border:1px solid #000001;border-width:1px 1px 0;font-weight:bold;}.ui-tooltip-titlebar+.ui-tooltip-content{border-top-width:0!important;}/*!Default close button class */ .ui-tooltip-titlebar .ui-state-default{position:absolute;right:4px;top:50%;margin-top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;}* html .ui-tooltip-titlebar .ui-state-default{top:16px;}.ui-tooltip-titlebar .ui-icon,.ui-tooltip-icon .ui-icon{display:block;text-indent:-1000em;}.ui-tooltip-icon,.ui-tooltip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.ui-tooltip-icon .ui-icon{width:18px;height:14px;text-align:center;text-indent:0;font:normal bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em;}/*!Default tooltip style */ .ui-tooltip-default .ui-tooltip-titlebar,.ui-tooltip-default .ui-tooltip-content{border-color:#F1D031;background-color:#FFFFA3;color:#555;}.ui-tooltip-default .ui-tooltip-titlebar{background-color:#FFEF93;}.ui-tooltip-default .ui-tooltip-icon{border-color:#CCC;background:#F1F1F1;color:#777;}.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{border-color:#AAA;color:#111;}.ui-tooltip .ui-tooltip-tip{margin:0 auto;overflow:hidden;z-index:10;}.ui-tooltip .ui-tooltip-tip,.ui-tooltip .ui-tooltip-tip *{position:absolute;line-height:.1px!important;font-size:.1px!important;color:#123456;background:transparent;border:0 dashed transparent;}.ui-tooltip .ui-tooltip-tip canvas{top:0;left:0;}#qtip-overlay{position:fixed;left:-10000em;top:-10000em;}#qtip-overlay.blurs{cursor:pointer;}#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:black;opacity:.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
|
|
/*
|
|
|
|
Parchment
|
|
=========
|
|
|
|
Built: 2014-04-07
|
|
|
|
Copyright (c) 2008-2014 The Parchment Contributors
|
|
BSD licenced
|
|
https://github.com/curiousdannii/parchment
|
|
|
|
*/
|
|
|
|
html{overflow-y:scroll;-webkit-text-size-adjust:none}body{background:#FFF;color:#000;font-family:Georgia,Palatino,serif;font-size:16px;margin:0 0 8px;text-align:center}#parchment{margin:0 auto;text-align:left}#gameport{line-height:1.4;margin:0 auto;text-align:left;width:80%}.dialog{background:#fff;border:3px solid #ddd;border-radius:10px;-webkit-box-shadow:5px 5px 10px #777;box-shadow:5px 5px 10px #777;left:30%;padding:0 20px;position:fixed;top:20%;width:40%}.load{text-align:left}.panel input{display:block;margin:0 auto;width:50%}.error{background:red;color:#fff;padding:10px;margin:10px}#parchment{white-space:pre-wrap}.TextInput{background:0 0;border:0;color:inherit;display:inline;font:inherit;outline:0;padding:0}.CharInput{left:-999em;position:absolute}.TextGrid{position:fixed;z-index:2}.box{position:absolute;z-index:1}.main,.TextGrid{padding:0 1px}tt{font-family:monospace;line-height:1}.zvm-bold{font-weight:700}.zvm-italic{font-style:italic}.zvm-mono{font-family:monospace;line-height:1}.zvm-fg-2{color:#000}.zvm-bg-2{background-color:#000}.zvm-fg-3{color:#ef0000}.zvm-bg-3{background-color:#ef0000}.zvm-fg-4{color:#00d600}.zvm-bg-4{background-color:#00d600}.zvm-fg-5{color:#efef00}.zvm-bg-5{background-color:#efef00}.zvm-fg-6{color:#006bb5}.zvm-bg-6{background-color:#006bb5}.zvm-fg-7{color:#f0f}.zvm-bg-7{background-color:#f0f}.zvm-fg-8{color:#00efef}.zvm-bg-8{background-color:#00efef}.zvm-fg-9{color:#fff}.zvm-bg-9{background-color:#fff}.zvm-fg-10{color:#b5b5b5}.zvm-bg-10{background-color:#b5b5b5}.zvm-fg-11{color:#8c8c8c}.zvm-bg-11{background-color:#8c8c8c}.zvm-fg-12{color:#5a5a5a}.zvm-bg-12{background-color:#5a5a5a}
|
|
body {
|
|
background-color:#ccc;
|
|
margin:0;
|
|
font-size:100%;
|
|
text-align:left;
|
|
}
|
|
|
|
a {
|
|
text-decoration:none;
|
|
}
|
|
|
|
.main {
|
|
white-space:pre-wrap;
|
|
}
|
|
|
|
/* Preserve line breaks in notifications */
|
|
body.play .noty_text {
|
|
white-space:pre-wrap;
|
|
}
|
|
|
|
.coverimage, .links, .interpretercredit {
|
|
display:none;
|
|
}
|
|
|
|
#gameport {
|
|
position:relative;
|
|
width:auto;
|
|
left:0;
|
|
background-color:transparent;
|
|
}
|
|
|
|
#vorpleContainer {
|
|
background-color:#fff;
|
|
margin:15px auto;
|
|
max-width:600px;
|
|
padding:1em;
|
|
border:1px solid #ccc;
|
|
box-shadow:2px 2px 3px #333;
|
|
-webkit-box-shadow:2px 2px 3px #333;
|
|
-moz-box-shadow:2px 2px 3px #333;
|
|
}
|
|
|
|
#vorple {
|
|
margin: 0 auto;
|
|
text-align: left;
|
|
width:600px;
|
|
color:#666;
|
|
}
|
|
|
|
#vorple input {
|
|
color:#162;
|
|
font-weight:bold;
|
|
}
|
|
|
|
|
|
#parchment {
|
|
display:none;
|
|
width:600px;
|
|
clear:both;
|
|
}
|
|
|
|
.dialog.load {
|
|
display:none;
|
|
}
|
|
|
|
.status {
|
|
display:none;
|
|
}
|
|
|
|
.clearAll {
|
|
clear:both;
|
|
}
|
|
|
|
.metaPopup {
|
|
position:fixed;
|
|
top:-100px;
|
|
left:10px;
|
|
max-width:800px;
|
|
padding:1em 1em 0.5em 1em;
|
|
font-size:16px;
|
|
text-align:left;
|
|
color:#fff;
|
|
opacity:0;
|
|
background-color:#000;
|
|
border-radius:20px;
|
|
box-shadow:5px 5px 5px #ccc;
|
|
-webkit-box-shadow:5px 5px 5px #ccc;
|
|
-moz-box-shadow:5px 5px 5px #ccc;
|
|
}
|
|
|
|
.previousCommand {
|
|
color:#162;
|
|
font-weight:normal;
|
|
text-transform:uppercase;
|
|
font-size:smaller;
|
|
margin-bottom:0.3em;
|
|
}
|
|
|
|
.previousTurn, .previousTurnFader {
|
|
color:#000;
|
|
}
|
|
|
|
.undoneTurn .oldPrompt {
|
|
font-style: italic;
|
|
}
|
|
|
|
.undoneTurn .undoClarification {
|
|
text-transform: none;
|
|
color:#666;
|
|
}
|
|
|
|
.turn.parserError .main {
|
|
font-style: italic;
|
|
color: #611;
|
|
}
|
|
|
|
.parserError .oldPrompt {
|
|
/* text-decoration: line-through; */
|
|
font-style: italic;
|
|
color:#666;
|
|
}
|
|
|
|
.parserErrorText {
|
|
text-transform: none;
|
|
}
|
|
|
|
.centered {
|
|
text-align:center;
|
|
margin:1em 0;
|
|
}
|
|
|
|
.left-aligned {
|
|
text-align:left;
|
|
}
|
|
|
|
.right-aligned {
|
|
text-align:right;
|
|
}
|
|
|
|
.left-floating {
|
|
float:left;
|
|
margin:1em 1em 1em 0;
|
|
}
|
|
|
|
.right-floating {
|
|
float:right;
|
|
margin:1em 0 1em 1em;
|
|
}
|
|
|
|
.command {
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
.vorplePrompt input {
|
|
color:#162;
|
|
font-weight:bold;
|
|
width:550px;
|
|
outline:none;
|
|
border:0;
|
|
font-size:14px;
|
|
}
|
|
|
|
.vorplePrompt input.hilightNoFocus {
|
|
outline: 1px dashed gray;
|
|
border:0;
|
|
margin-left:0.5em;
|
|
}
|
|
|
|
.vorplePrompt input.hilightNoFocus:focus {
|
|
outline:none;
|
|
border:0;
|
|
margin-left:0;
|
|
}
|
|
|
|
#vorpleLoader {
|
|
text-align:center;
|
|
color:#333;
|
|
margin:2em 0;
|
|
font-style:italic;
|
|
}
|
|
|
|
|
|
/* fonts and styles (VSE) */
|
|
|
|
.cursive {
|
|
font-family:cursive;
|
|
}
|
|
|
|
.fantasy {
|
|
font-family:fantasy;
|
|
}
|
|
|
|
.monospace {
|
|
font-family:monospace;
|
|
}
|
|
|
|
.nowrap {
|
|
white-space:nowrap;
|
|
}
|
|
|
|
.strikethrough {
|
|
text-decoration:line-through;
|
|
}
|
|
|
|
.underline {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
.xx-small {
|
|
font-size:xx-small;
|
|
}
|
|
|
|
.x-small {
|
|
font-size:x-small;
|
|
}
|
|
|
|
.small {
|
|
font-size:small;
|
|
}
|
|
|
|
.large {
|
|
font-size:large;
|
|
}
|
|
|
|
.x-large {
|
|
font-size:x-large;
|
|
}
|
|
|
|
.xx-large {
|
|
font-size:xx-large;
|
|
}
|
|
|
|
.bold, .strong {
|
|
font-weight:bold;
|
|
}
|
|
|
|
.italic, .emphasis {
|
|
font-style:italic;
|
|
}
|
|
|
|
.red-foreground, #vorpleContainer.red-foreground #vorple .turn {
|
|
color:#ef0000;
|
|
}
|
|
|
|
.green-foreground, #vorpleContainer.green-foreground #vorple .turn {
|
|
color:#00d600;
|
|
}
|
|
|
|
.yellow-foreground, #vorpleContainer.yellow-foreground #vorple .turn {
|
|
color:#efef00;
|
|
}
|
|
|
|
.blue-foreground, #vorpleContainer.blue-foreground #vorple .turn {
|
|
color:#006bb5;
|
|
}
|
|
|
|
.magenta-foreground, #vorpleContainer.magenta-foreground #vorple .turn {
|
|
color:#ff00ff;
|
|
}
|
|
|
|
.cyan-foreground, #vorpleContainer.cyan-foreground #vorple .turn {
|
|
color:#00efef;
|
|
}
|
|
|
|
.white-foreground, #vorpleContainer.white-foreground #vorple .turn {
|
|
color:#ffffff;
|
|
}
|
|
|
|
.black-foreground, #vorpleContainer.black-foreground #vorple .turn {
|
|
color:#000000;
|
|
}
|
|
|
|
.red-background, #vorpleContainer.red-background {
|
|
background-color:#ef0000;
|
|
}
|
|
|
|
.green-background, #vorpleContainer.green-background {
|
|
background-color:#00d600;
|
|
}
|
|
|
|
.yellow-background, #vorpleContainer.yellow-background {
|
|
background-color:#efef00;
|
|
}
|
|
|
|
.blue-background, #vorpleContainer.blue-background {
|
|
background-color:#006bb5;
|
|
}
|
|
|
|
.magenta-background, #vorpleContainer.magenta-background {
|
|
background-color:#ff00ff;
|
|
}
|
|
|
|
.cyan-background, #vorpleContainer.cyan-background {
|
|
background-color:#00efef;
|
|
}
|
|
|
|
.white-background, #vorpleContainer.white-background {
|
|
background-color:#ffffff;
|
|
}
|
|
|
|
.black-background, #vorpleContainer.black-background {
|
|
background-color:#000000;
|
|
}
|
|
|
|
|
|
/* this prevents artifacts on scroll in Chrome */
|
|
input {
|
|
-webkit-transform: translate3d(0,0,0);
|
|
}
|
|
|
|
/* debugging */
|
|
|
|
.debug {
|
|
color:#633;
|
|
font-style:italic;
|
|
}
|