diff --git a/src/css/options.css b/src/css/options.css
new file mode 100644
index 0000000..72b5904
--- /dev/null
+++ b/src/css/options.css
@@ -0,0 +1,157 @@
+/*@import url("widgets.css");*/
+
+body {
+	padding: 10px;
+	font-family: "Roboto", "Arial", sans-serif!important;
+	background-color: #BBDEFB;
+	background-repeat: repeat;
+	background-position: left top;
+	font-size: 90%;
+	cursor: default;
+	min-width: 400px;
+}
+h1 {
+	text-align: center;
+	font-size: 30px;
+}
+h2 {
+	font-size: 20px;
+}
+#languages_container {
+	width: 300px;
+	height: 365px;
+	border: 1px solid #ccc;
+	background-color: #E3F2FD;
+	overflow: auto;
+}
+#languages {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+#languages li {
+	padding: 15px;
+	border-bottom: 1px dashed #ddd;
+	background-color: #EEF7FD;
+	cursor: move;
+	-webkit-user-select: none;
+}
+#languages li.sortable-ghost {
+	background-color: #E3F2FD;
+}
+#languages li .delete {
+	font-size: 14px;
+	float: right;
+	cursor: pointer;
+	color: red;
+}
+#languages_footer {
+	width: 300px;
+	height: 35px;
+	background-color: #fff;
+	border: 1px solid #ccc;
+	border-top: 0;
+}
+button, input, select, option {
+	font-size: 13px!important;
+}
+#languages_add {
+	margin-left: 4px;
+	margin-top: 4px;
+}
+#save {
+	display: block;
+	margin: 18px auto;
+}
+
+/* Dialog */
+dialog#languages_add_dialog {
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	margin-left: -216px;
+	margin-top: -91px;
+	height: 150px;
+	width: 400px;
+	border: 1px solid rgba(0, 0, 0, 0.3);
+	border-radius: 6px;
+	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+}
+
+dialog h3 {
+	margin-bottom: 10px;
+}
+
+dialog #language_label {
+	font-size: 12px;
+}
+
+dialog select {
+	width: 100%;
+}
+
+dialog .action_buttons {
+	margin-top: 10px;
+	float: right;
+}
+
+dialog::backdrop {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background-color: rgba(0, 0, 0, 0.5);
+}
+
+/* Credits */
+#credits_container {
+	position: absolute;
+	top: 0px;
+	right: 50px;
+	background: rgb(195, 235, 204);
+	border: solid 1px rgb(139, 139, 139);
+	border-top: 0;
+	border-radius: 0px 0px 5px 5px;
+}
+
+#credits_container a {
+	color: green!important;
+	margin: 0 5px;
+}
+
+dialog#credits_dialog {
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	margin-left: -216px;
+	margin-top: -231px;
+	height: 430px;
+	width: 400px;
+	border: 1px solid rgba(0, 0, 0, 0.3);
+	border-radius: 6px;
+	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+}
+
+dialog#credits_dialog .content_area h4 {
+	margin-bottom: 0px;
+}
+
+dialog#credits_dialog .content_area a.homepage {
+	position: absolute;
+	right: 16px;
+	font-size: 14px;
+}
+
+dialog#credits_dialog .content_area p, dialog#credits_dialog .content_area span {
+	font-size: 14px;
+}
+
+dialog#credits_dialog .content_area p.author {
+	margin-top: 7px;
+}
+
+#otheroptions p {
+	margin-top: 0;
+	margin-bottom: 0;
+}