dialog_default.css

/*
 *
 * Default stylesheet for dialog.js
 *
 * NB: the box-shadow and the background transparency are compatible only with browsers which support CSS3.
 * You can use -prefix-free to automatically add vendor prefixes. (https://github.com/LeaVerou/prefixfree)
 *
 * Version: 3.0
 * Copyright (c) 2015 Matteo Bernardini
 * Licensed under the MIT License (refer to the LICENSE file for further information).
 *
 * Check this project on GitHub:
 * https://github.com/mttbernardini/dialog
 *
 */


.dialog-window {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	vertical-align: middle;
	z-index: 99;
	background-color: transparent;
	background-color: rgba(100, 100, 100, 0.2);
	font-family: Arial, sans-serif;
	font-size: 0.95em;
}

.dialog-wrapper {
	position: absolute;
	left: 0;
	top: 35%;
	right: 0;
	width: 13em;
	z-index: 100;
	margin: auto;
	vertical-align: middle;
	background-color: #E4E4E4;
	border: 1px solid silver;
	border-radius: 10px;
	box-shadow: 3px 3px 5px gray;
}

.dialog-title {
	background-color: #CCC;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 3px 5px;
	text-align: center;
	color: black;
	font-weight: 700;
}

.dialog-body {
	padding: 5px;
	text-align: center;
}

.dialog-message {
	word-wrap: break-word;
	white-space: pre-wrap;
	overflow-y: auto;
	max-height: 3.55em;
	text-align: left;
	margin: 5px 0px;
	color: #334;
}

.dialog-prompt-input {
	font-size: 0.95em;
	width: 96%;
	padding: 2px;
	border: 1px solid #8AF;
	border-radius: 3px;
}
.dialog-prompt-input:focus {
	border: 1px solid #38F;
	outline: none;
	box-shadow: 0px 0px 3px #38F;
}

.dialog-actions {
	margin-top: 5px;
}

.dialog-actions button {
	font-size: 0.95em;
	margin: 2px;
	padding: 3px 8px;
	border-radius: 5px;
	border: 1px outset silver;
	background-color: #DDD;
}
.dialog-actions button:hover {
	background-color: #CECECE;
}
.dialog-actions button:active {
	border-style: inset;
}