/* CSS style file for Plemp! */
body {
font-family: sans-serif;
}
pre {
margin: 0px 0px;
padding: 6px;
font-size: 12px;
#header {
position: relative;
border-bottom: thin solid gray;
height: 100%;
#header h1 {
margin: 5pt 0pt;
height: 20pt;
#header #title { float: left; }
#header #subtitle { font-size: 57%; }
#header #add { float: right; cursor: pointer; }
#header #add:hover { color: #888; }
#add_dialog {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
text-align: center;
z-index: 999;
#add_dialog .background {
z-index: 1000;
background: #ddd;
opacity: 0.8;
#add_dialog form {
z-index: 1001;
width: 500px;
height: 390px;
margin: 100px auto;
background: white;
border: thin solid black;
padding: 15px;
text-align: left;
#add_dialog #type {
float: right;
.left { text-align: left; }
.right { text-align: right; }
.draggable {
border: thin solid #888;
padding: 10px;
width: 400px;
.draggable div,
.draggable img,
.draggable audio,
.draggable video,
.draggable pre {
max-height: 300px;
overflow: auto;
width: 388px;
.draggable .header {
padding-bottom: 3px;
font-size: 11px;
.draggable .header .title {
margin-right: 30px;
font-weight: bold;
overflow: hidden;
.draggable .header .title .edit {
padding-left: 10px;
color: #cccccc;
.draggable .header .delete {
width: auto;
padding: 0px 2px;
margin-left: 20px;
.draggable .header .edit:hover,
.draggable .header .delete:hover {
color: #000000;
cursor: pointer;
.draggable .comments {
display: none;