html {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 12pt;
overflow: hidden;
color: #000;
}
button {
font-size: inherit;
}
html * {
line-height: 110%;
}
body {
margin: 0;
padding: 0;
background-color: #F3F7FA;
overflow: hidden;
}
p {
margin: 1em 0 1em 0;
}
strong {
font-weight: bold;
}
em {
text-decoration: italic;
}
h1 {
font-size: 150%;
font-weight: bold;
margin: 1em 0 1em 0;
}
h2 {
font-size: 125%;
}
address {
font-size: 75%;
margin: -2em 0 2em 0;
}
kbd {
color: #909090;
}
#gamefic_console {
min-width: 300px;
max-width: 800px;
height: 100vh;
overflow: hidden;
margin: 0 auto;
background-color: #FFFFFF;
-webkit-box-shadow: 4px 4px 4px 0px rgba(153,153,153,0.75);
-moz-box-shadow: 4px 4px 4px 0px rgba(153,153,153,0.75);
box-shadow: 4px 4px 4px 0px rgba(153,153,153,0.75);
border-left: 1px solid #000000;
}
#gamefic_screen {
max-height: 80vh;
margin-top: -95vh;
overflow-x: hidden;
overflow-y: auto;
z-index: 99;
position: absolute;
}
#gamefic_console.active #gamefic_screen {
max-height: 60vh;
margin-top: -65vh;
}
#gamefic_background {
height: 100vh;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;
}
#tools {
display: block;
margin: 0 0 2px 0;
overflow: hidden;
}
#tools img {
cursor: pointer;
width: 32px;
height: 32px;
margin: 4px;
}
#settings, #close {
display: block;
float: right;
}
#close {
display: none;
}
#gamefic_console.active #gamefic_background {
height: 70vh;
}
#gamefic_output {
overflow: hidden;
margin: 1em;
padding: 0.5em;
box-sizing: border-box;
background-color: none;
background-image: url('text-bg.png');
border: 2px solid black;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
#gamefic_output .turn:first-child {
border-top: none;
}
#gamefic_output hr {
border: none;
border-top: 1px dotted #C0C0C0;
}
#gamefic_controls {
display: none;
}
#gamefic_console #gamefic_controls {
display: none;
}
#gamefic_console.active #gamefic_controls {
display: block;
border-top: 1px solid #909090;
overflow: hidden;
padding: 0;
height: 30vh;
box-sizing: border-box;
background-color: #545753;
}
#gamefic_controls form {
display: none;
}
#gamefic_prompt {
font-size: 80%;
display: none;
}
#gamefic_display {
text-align: center;
height: 1.5em;
box-sizing: content-box;
padding: 0;
border-bottom: 4px solid #242723;
background-color: #A4A7A3;
width: 100%;
overflow: hidden;
float: left;
}
#gamefic_display span {
display: inline-block;
padding: 0.25em;
margin: 0 1px;
background-color: #C4C7C3;
}
#gamefic_focus {
text-align: center;
font-size: 75%;
padding: 0.5em 0 0.5em 0;
background-color: #A4A7A3;
color: #000000;
font-weight: bold;
border-bottom: 1px solid #242723;
}
#keyboard {
clear: both;
width: 100%;
height: calc(30vh - 3.5em);
text-align: center;
overflow-x: hidden;
overflow-y: auto;
background-color: #545753;
}
.multiple_choice, .pause {
text-align: center;
margin-top: 2em;
}
.multiple_choice li {
margin: 0.25em;
display: inline-block;
}
#menu ul {
margin: 0;
padding: 0;
}
#menu li {
list-style: none;
margin: 1em 0 1em 0;
padding: 0;
text-align: center;
}
#keyboard button, .multiple_choice a, p.pause a, #close_image, #menu li a {
display: inline-block;
padding: 0.4em 1em 0.4em 1em;
border: none;
background-color: #242C23;
color: #FFFFFF;
background-color: #545753;
border: 1px solid #242723;
min-width: calc(25% - 2px);
margin: 1px;
cursor: pointer;
text-decoration: none;
}
.multiple_choice a.entered {
background-image: url('done.png');
background-position: top right;
background-repeat: no-repeat;
}
.require_relative.disabled {
opacity: 0.75;
}
a[rel="gamefic"].disabled {
opacity: 0.5;
}
#keyboard button.complete, .multiple_choice a, p.pause a, #menu li a {
background-color: #546753;
}
#menu li a {
min-width: 120px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
#back {
float: right;
margin-top: calc(-1.5em - 3px);
margin-right: 1px;
height: 1.5em;
cursor: pointer;
background-image: url('backspace.png');
background-size: 100% 100%;
width: 32px;
height: calc(1.5em - 2px);
}
#back.on {
background-image: url('backspace-on.png');
}
#gamefic_console.loading {
background: url('working.gif') center center no-repeat #FFFFFF;
}
#gamefic_console.loading > * {
display: none;
}
body.image {
background-color: #333333;
}
body.image * {
visibility: hidden;
}
body.image #gamefic_background {
visibility: visible;
}
body.image #gamefic_console.active #gamefic_background {
height: 100vh;
background-size: contain;
}
body.image #close {
display: block;
visibility: visible;
}
#credits ul {
margin: -1em 0 0 0.25em;
}