messaggeria/static/zerbino.css

html,body {
	margin:0;
	padding:0;
	height:100%;
}

#container {
	position:relative;
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

#content {
	padding:1em 1em 3em; /* bottom padding for footer */
}


#footer {
	margin:0.3em;
	position: absolute;
	bottom: 0; 
	left: 0; 
	display: block;  
	unicode-bidi: embed; 
	font-family: monospace;
}

#image {
	float:left;
	margin: 0.3em;
}

#help {
	margin: 0.3em;
	margin-left: 0.5em;
	float:left;
}

#bar {
	margin:0.5em;
	float: left;
	clear: left;
}

#status {
	margin:0.3em;
	float: left;
}

#url {
	margin:0.5em;
	clear:both;
}

#input {
	margin:0.3em;
}


#urlinput {
	margin:0.3em;
	width:55%;
	padding: 0.5em;
	border-radius:5px;
	border:1px solid #7ac9b7;
}

#formarea {
	clear: both;
//	display:inline-block;
// 	position:relative;
}

#text {
	margin:0.3em;
	width:95%;
	padding: 0.5em;
	border-radius:5px;
	border:1px solid #7ac9b7;
	white-space: pre;
  	display:block;
	float: left;
}

#save_text, #download, #clear_text {
	margin:0.2em;
	padding: 0.2em;
//	display: block;
	width: 8em;
}

.clippy{
	opacity:.3;
}


ul {
	list-style-type:none;
}

ul li {
//	width:65%;
}


.hide {
  display: none;
}

.hide:target {
  display: block;
}

.visualizer, #player {
  display: block;
  margin: 0.5em;
  width:41%;
  height: 8vh;
}

.visualizer {
  clear: both;
}

#player {
 float: left;
}

#buttons { text-align: center; }
#record_audio, #stop_record {
  min-width:50%;
  min-height: 3em;
}
button {
  margin: 0.5em;
}

button:disabled {
    background: #A5A5A5;
}

#download {
	margin: 0.5em;
	height: 8vh;
	float: left;
}

#download img {
	height: 5vh;
}