added CSS

This commit is contained in:
Manuel Friedli 2015-03-25 20:01:38 +01:00
parent a2ef03c57b
commit c2d9dc9e38
3 changed files with 17 additions and 1 deletions

15
dencoder.css Normal file
View file

@ -0,0 +1,15 @@
body {
}
div.wrapper {
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
width: 50%;
}
textarea.input {
display: block;
height: 150px;
width: 100%;
}
input.conversion {
}

View file

@ -57,7 +57,7 @@
} }
]; ];
var optiontemplate = "<option name='{identifier}'>{name}</option>"; var optiontemplate = "<option name='{identifier}'>{name}</option>";
var template = "<div id='wrapper-{index}'><textarea id='input-{index}' class='input'>{content}</textarea>" var template = "<div id='wrapper-{index}' class='wrapper'><textarea id='input-{index}' class='input'>{content}</textarea>"
+ "<select id='type-{index}' class='conversion' onchange='den.convert(this);'>" + "<select id='type-{index}' class='conversion' onchange='den.convert(this);'>"
+ "{options}" + "{options}"
+ "</select></div>"; + "</select></div>";

View file

@ -4,6 +4,7 @@
<title>encoder-decoder</title> <title>encoder-decoder</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="dencoder.js"></script> <script type="text/javascript" src="dencoder.js"></script>
<link rel="stylesheet" type="text/css" href="dencoder.css" />
</head> </head>
<body> <body>
</body> </body>