123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146 |
- 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;
- }
- #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;
- }
|