Refactoring: format code according to Google style guides
Change-Id: I9b6a5c2f1237e0e3f49fed94991168517cb8b8a9
diff --git a/src/css/options.css b/src/css/options.css
index 72b5904..7808e30 100644
--- a/src/css/options.css
+++ b/src/css/options.css
@@ -1,157 +1,172 @@
/*@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;
+ 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;
+ text-align: center;
+ font-size: 30px;
}
+
h2 {
- font-size: 20px;
+ font-size: 20px;
}
+
#languages_container {
- width: 300px;
- height: 365px;
- border: 1px solid #ccc;
- background-color: #E3F2FD;
- overflow: auto;
+ width: 300px;
+ height: 365px;
+ border: 1px solid #ccc;
+ background-color: #E3F2FD;
+ overflow: auto;
}
+
#languages {
- list-style: none;
- margin: 0;
- padding: 0;
+ 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;
+ padding: 15px;
+ border-bottom: 1px dashed #ddd;
+ background-color: #EEF7FD;
+ cursor: move;
+ -webkit-user-select: none;
}
+
#languages li.sortable-ghost {
- background-color: #E3F2FD;
+ background-color: #E3F2FD;
}
+
#languages li .delete {
- font-size: 14px;
- float: right;
- cursor: pointer;
- color: red;
+ 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;
+ width: 300px;
+ height: 35px;
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border-top: 0;
}
-button, input, select, option {
- font-size: 13px!important;
+
+button,
+input,
+select,
+option {
+ font-size: 13px !important;
}
+
#languages_add {
- margin-left: 4px;
- margin-top: 4px;
+ margin-left: 4px;
+ margin-top: 4px;
}
+
#save {
- display: block;
- margin: 18px auto;
+ 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);
+ 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;
+ margin-bottom: 10px;
}
dialog #language_label {
- font-size: 12px;
+ font-size: 12px;
}
dialog select {
- width: 100%;
+ width: 100%;
}
dialog .action_buttons {
- margin-top: 10px;
- float: right;
+ 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);
+ 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;
+ 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;
+ 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);
+ 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;
+ margin-bottom: 0px;
}
dialog#credits_dialog .content_area a.homepage {
- position: absolute;
- right: 16px;
- font-size: 14px;
+ 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,
+dialog#credits_dialog .content_area span {
+ font-size: 14px;
}
dialog#credits_dialog .content_area p.author {
- margin-top: 7px;
+ margin-top: 7px;
}
#otheroptions p {
- margin-top: 0;
- margin-bottom: 0;
+ margin-top: 0;
+ margin-bottom: 0;
}