/* 
Wrapper formatting to modify the appearance of browser-playable games via Parchment. 
*/

/*
Foreground and background styles for each of the standard z-machine colors and styles.
*/


.fg-default {
    color: black;
}

.fg-default-reversed {
    color: white;
}

.fg-black {
    color: black;
}

.fg-red {
    color: red;
}

.fg-green {
    color: green;
}

.fg-yellow {
    color: yellow;
}

.fg-blue {
    color: blue;
}

.fg-magenta {
    color: magenta;
}

.fg-cyan {
    color: cyan;
}

.fg-white {
    color: white;
}

.bg-default {
    background: white;
}

.bg-default-reversed {
    background: black;
}

.bg-black {
    background: black;
}

.bg-red {
    background: red;
}

.bg-green {
    background: green;
}

.bg-yellow {
    background: yellow;
}

.bg-blue {
    background: blue;
}

.bg-magenta {
    background: magenta;
}

.bg-cyan {
    background: cyan;
}

.bg-white {
    background: white;
}

.z-roman {
}

.z-bold {
    font-variant: small-caps;
}

.z-italic {
    font-style: italic;
}

.z-fixed-pitch {
    font-family: monaco, andale mono, lucidatypewriter, courier, courier new, monospace;
    white-space: pre;
    font-size: 10pt;
}

.z-breaking-whitespace {
    white-space: normal;
}

.error {
    background: red;
    color: white;
    padding: 10px;
    margin: 10px;
}

/*
  Class for all Parchment output windows (usually just the status line and main window.).
*/

.buffered-window {
    text-align: center;
    margin: 0 auto;
    font-family: monaco, andale mono, lucidatypewriter, courier, courier new, monospace;
    font-size: 10pt;
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 0;
}

/* The status bar */

#top-window {
    z-index: 1;
}

#top-window .z-bold {
    text-decoration: underline;
    font-variant: normal;
}

/* The main story window */

#content {
    text-align: left;
    width: 33em;
}

/* General dialogs */
.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: 0px 20px;
	position: fixed;
	top: 20%;
	width: 40%;
}

/* Load indicator */
.load
{
	text-align: left;
}

/* A generic line input editor */
.LineInput
{
	display: inline;
}

.LineInput input
{
	background: none;
	border: 0;
	font: inherit;
	outline: 0;
	padding: 0;
}

.finished-input {
    opacity: 0.5;
}

/* A generic character input */
.CharInput
{
	left: -99em;
	position: absolute;
}
