1/** 2 * Copyright 2010-2018, Google Inc. 3 * All rights reserved. 4 * 5 * Redistribution and use in source and binary forms, with or without 6 * modification, are permitted provided that the following conditions are 7 * met: 8 * 9 * * Redistributions of source code must retain the above copyright 10 * notice, this list of conditions and the following disclaimer. 11 * * Redistributions in binary form must reproduce the above 12 * copyright notice, this list of conditions and the following disclaimer 13 * in the documentation and/or other materials provided with the 14 * distribution. 15 * * Neither the name of Google Inc. nor the names of its 16 * contributors may be used to endorse or promote products derived from 17 * this software without specific prior written permission. 18 * 19 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 20 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT 21 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR 22 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT 23 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, 24 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT 25 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, 26 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY 27 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 28 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE 29 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 30 */ 31/** 32 * NaCl Mozc option page style sheet. 33 * This file is intended to keep a consistency with Chrome setting page. 34 * The original style sheet files of Chrome setting page are here. 35 * https://code.google.com/p/chromium/codesearch#chromium/src/ui/webui/resources/css/ 36 * 37 */ 38 39body { 40 color: rgb(48, 57, 66); 41 font: 75% MotoyaG04Gothic, 'Noto Sans UI', sans-serif; 42 max-width:640px; 43 visibility:hidden; 44} 45 46#content_base_div { 47 position: absolute; 48} 49 50.frozen { 51 position: fixed; 52} 53 54input[type='checkbox'] { 55 -webkit-appearance: none; 56 background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede); 57 border: 1px solid rgba(0, 0, 0, .25); 58 border-radius: 2px; 59 bottom: 2px; 60 box-shadow: 0 1px 0 rgba(0, 0, 0, .08), 61 inset 0 1px 2px rgba(255, 255, 255, .75); 62 color: #444; 63 font: inherit; 64 height: 13px; 65 margin: 4px 1px 0 0; 66 position: relative; 67 -webkit-user-select: none; 68 text-shadow: 0 1px 0 rgb(240, 240, 240); 69 vertical-align: middle; 70 width: 13px; 71} 72 73input[type='checkbox']:checked::before { 74 background-image: -webkit-image-set( 75 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAcklEQVQY02NgwA/YoJgoEA/Es4DYgJBCJSBeD8SboRinBiYg7kZS2IosyQ/Eakh8LySFq4FYHFlxGRBvBOJYqMRqJMU+yApNkSRAeC0Sux3dfSCTetE0wKyXxOWhMKhTYIr9CAUXyJMzgLgBagBBgDPGAI2LGdNt0T1AAAAAAElFTkSuQmCC) 1x, 76 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAA60lEQVQ4y2P4//8/Ay0wA00NpgC4AXEksgA1DNYA4vVAvBnZcEoNFgLihVBDNyMbTonBLEDchWYo3HBKDM7BYSgIZ5JrsBseQxuBmIkcg5EjCx1PBmJufGHsBMQFQMxORGTB8BIglsCXKmSBeA1U8RQgliMistYBsTq+dAxy4TQ0TSBLnPFE1iYgdkAPL3SDC/BECi4cjS0i0A12RgoGYnAxEDMSYzAIyGMJDmy4B4jZcCUdXKmCnUCwzAVifnxpklA6xhY0K4BYgVBiJyaDgIJmKtTQjUBsTEwuIjbnwYLGi9jsSZ8aZEgZDACI3DQYaeTU0AAAAABJRU5ErkJggg==) 2x); 77 background-size: 100% 100%; 78 content: ''; 79 display: block; 80 height: 100%; 81 -webkit-user-select: none; 82 width: 100%; 83} 84 85input[type='checkbox']:disabled { 86 opacity: .75; 87} 88 89input[type='checkbox']:focus { 90 border-color: rgb(77, 144, 254); 91 outline: none; 92} 93 94input[type='button'] { 95 -webkit-appearance: none; 96 background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede); 97 border: 1px solid rgba(0, 0, 0, 0.25); 98 border-radius: 2px; 99 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), 100 inset 0 1px 2px rgba(255, 255, 255, 0.75); 101 color: #444; 102 font: inherit; 103 margin: 0 1px 5px 0; 104 min-height: 24px; 105 min-width: 48px; 106 padding-bottom: 1px; 107 -webkit-padding-end: 10px; 108 -webkit-padding-start: 10px; 109 text-shadow: 0 1px 0 rgb(240, 240, 240); 110 -webkit-user-select: none; 111} 112 113input[type='button']:enabled:hover { 114 background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0); 115 border-color: rgba(0, 0, 0, 0.3); 116 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), 117 inset 0 1px 2px rgba(255, 255, 255, 0.95); 118 color: black; 119} 120 121input[type='button']:enabled:active { 122 background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7); 123 box-shadow: none; 124 text-shadow: none; 125} 126 127input[type='button']:disabled { 128 background-image: -webkit-linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6); 129 border-color: rgba(80, 80, 80, 0.2); 130 box-shadow: 0 1px 0 rgba(80, 80, 80, 0.08), 131 inset 0 1px 2px rgba(255, 255, 255, 0.75); 132 color: #aaa; 133} 134 135input[type='button']:focus { 136 border-color: rgb(77, 144, 254); 137 outline: none; 138} 139 140input[type='text'] { 141 border: 1px solid #bfbfbf; 142 border-radius: 2px; 143 box-sizing: border-box; 144 color: #444; 145 font: inherit; 146 margin: 0; 147 min-height: 2em; 148 padding: 3px; 149} 150 151input[type='text']:focus { 152 border-color: rgb(77, 144, 254); 153 outline: none; 154} 155 156input[type='text']:invalid { 157 background-color: pink; 158} 159 160label { 161 display: inline; 162 padding: 0; 163 cursor: default; 164} 165 166label:hover { 167 color: black; 168} 169 170h1 { 171 display: block; 172 font-size: 1.5em; 173 font-weight: normal; 174 line-height: 1; 175 margin: 0; 176 -webkit-margin-after: .67em; 177 -webkit-margin-before: .67em; 178 -webkit-margin-end: 0; 179 -webkit-margin-start: 0; 180 padding: 1px 0 13px; 181 -webkit-user-select: none; 182} 183 184h1::after { 185 background-color: #eee; 186 content: ' '; 187 display: block; 188 height: 1px; 189 -webkit-margin-end: 20px; 190 position: relative; 191 top: 13px; 192} 193 194h2 { 195 display: block; 196 font-size: 120%; 197 font-weight: normal; 198 line-height: 1; 199 margin: 0; 200 -webkit-margin-after: .67em; 201 -webkit-margin-before: .67em; 202 -webkit-margin-end: 0; 203 -webkit-margin-start: 0; 204 padding: 1px 0 13px; 205 text-shadow: white 0 1px 2px; 206 -webkit-user-select: none; 207} 208 209h3 { 210 color: black; 211 font-size: 1.2em; 212 font-weight: normal; 213 line-height: 1; 214 margin-bottom: .8em; 215 -webkit-margin-start: -18px; 216 -webkit-user-select: none; 217} 218 219section { 220 margin: 8px 0 10px; 221 max-width: 600px; 222 -webkit-padding-start: 20px; 223} 224 225select { 226 -webkit-appearance: none; 227 background-image: -webkit-image-set( 228 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC) 1x, 229 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAQCAYAAACV3GYgAAAAWklEQVRIx+3VOwoAIAwD0B49N686CCJ+K0aHFrIl8LaKqsqvEccxcPEQo8bgNs4KTBth4HaByCMWbhWIcsDEzYCoy2xcD4hW8QWuBqJXeoXLQIwK/iEc57iDBIg+ClNpjek/AAAAAElFTkSuQmCC) 2x), 230 -webkit-linear-gradient(#ededed, #ededed 38%, #dedede); 231 background-position: right center; 232 background-repeat: no-repeat; 233 border: 1px solid rgba(0, 0, 0, .25); 234 border-radius: 2px; 235 box-shadow: 0 1px 0 rgba(0, 0, 0, .08), inset 0 1px 2px rgba(255, 255, 255, .75); 236 color: #444; 237 font: inherit; 238 margin: 0 1px 0 0; 239 min-height: 2em; 240 min-width: 160px; 241 padding-bottom: 1px; 242 -webkit-padding-end: 20px; 243 -webkit-padding-start: 6px; 244 text-shadow: 0 1px 0 rgb(240, 240, 240); 245 -webkit-user-select: none; 246} 247 248select:disabled { 249 background-image: -webkit-image-set( 250 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAWklEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEIGhoa/uPCIHmiDQNihQULFizEZhBIHCRPijexGggzCCpPvGHoBiIbRJZhMAPfvn3bhGwQ2YZBNbJiEcPAAIgGZrTRc1ZLAAAAAElFTkSuQmCC) 1x, 251 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAQCAYAAAB6Hg0eAAAAX0lEQVRIx+3UOwoAIAxEwRz93TwWIoj4lwRBA9vtwlQRVZUbcyVqCUY8PQwWsFMcgFjBdnGkvSVsFUe+tYbN4ih3HrARjtrGC9bC0ep7wkocva43LOEY9d75/B/2YZsJM1B42fe2uWoAAAAASUVORK5CYII=) 2x), 252 -webkit-linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6); 253 border-color: rgba(80, 80, 80, .2); 254 box-shadow: 0 1px 0 rgba(80, 80, 80, .08), inset 0 1px 2px rgba(255, 255, 255, .75); 255 color: #aaa; 256} 257 258select:focus { 259 border-color: rgb(77, 144, 254); 260 outline: none; 261} 262 263#suggestions_size { 264 min-width: 40px; 265} 266 267option { 268 font: inherit; 269 font-weight: normal; 270} 271 272footer { 273 border-top: 1px solid #eee; 274 -webkit-margin-end: 20px; 275 margin-top: 16px; 276 padding: 8px 0; 277 text-align: right; 278} 279 280a { 281 color: rgb(17, 85, 204); 282 cursor: pointer; 283 text-decoration: none; 284} 285 286a:hover { 287 text-decoration: underline; 288} 289 290.controlled-setting-with-label { 291 -webkit-box-align: center; 292 display: -webkit-box; 293 padding-bottom: 3px; 294 padding-top: 3px; 295} 296 297.controlled-setting-with-label > input + span { 298 -webkit-box-align: center; 299 -webkit-box-flex: 1; 300 display: -webkit-box; 301 -webkit-margin-start: .6em; 302} 303 304.controlled-setting-with-label > input:disabled + span > label { 305 color: #999; 306} 307 308.controlled-setting-with-label > span > label { 309 display: inline; 310 padding: 0; 311} 312 313.selection-label { 314 display: -webkit-box; 315 width: 150px; 316} 317 318.overlay { 319 background-color: rgba(255, 255, 255, 0.75); 320 bottom: 0; 321 -webkit-box-align: center; 322 -webkit-box-orient: vertical; 323 -webkit-box-pack: center; 324 display: -webkit-box; 325 left: 0; 326 overflow: auto; 327 padding: 20px; 328 position: fixed; 329 right: 0; 330 top: 0; 331 -webkit-transition: 200ms opacity; 332 visibility:hidden; 333 z-index: 11; 334} 335 336.overlay_page { 337 background: white; 338 background-color: white; 339 -webkit-border-radius: 3px; 340 -webkit-box-orient: vertical; 341 box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15); 342 color: #333; 343 display: -webkit-box; 344 margin-bottom: 6px; 345 margin-top: 6px; 346 padding-top: 10px; 347 position: relative; 348 -webkit-transition: 200ms -webkit-transform; 349 -webkit-user-select: none; 350 z-index: 0; 351} 352 353.overlay > .overlay_page > .close_button { 354 background-image: -webkit-image-set( 355 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAAUklEQVR4XqXPYQrAIAhAYW/gXd8NJxTopVqsGEhtf+L9/ERU2k/HSMFQpKcYJeNFI9Be0LCMij8cYyjj5EHIivGBkwLfrbX3IF8PqumVmnDpEG+eDsKibPG2JwAAAABJRU5ErkJggg==) 1x, 356 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAAAcUlEQVR4Xu3UQQrAQAgDQN+cD+jPbU+BuChS6G3JLTAgIlp+zBZcCIO/sRL2PXQk8qDsexhI0soS0UOhlU2jCq1shEqVzVAp2RKSku2hE/oakpEuIVnIhkeoTDc8Q2VKB6jspD2Mwkg3t3oy9n9/gAsfSKXnp9ZyP20AAAAASUVORK5CYII=) 2x); 357 background-position: center; 358 background-repeat: no-repeat; 359 height: 14px; 360 position: absolute; 361 right: 7px; 362 top: 7px; 363 width: 14px; 364 z-index: 1; 365} 366 367.overlay > .overlay_page > .close_button:hover { 368 background-image: -webkit-image-set( 369 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAAnUlEQVR4XoWQQQ6CQAxFewjkJkMCyXgJPMk7AiYczyBeZEAX6AKctGIaN+bt+trk9wtGQc/IkhnoKGxqqiWxOSZalapWFZ6VrIUDExsN0a5JRBq9LoVOR0eEQMoEhKizXhhsn0p1sCWVo7CwOf1RytPL8CPvwuBUoHL6ugeK30CVD1TqK7V/hdpe+VNChhOzV8xWny/+xosHF8578W/Hmc1OOC3wmwAAAABJRU5ErkJggg==) 1x, 370 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAABSElEQVR4XpXVTY6CQBAF4A4hHMu14S6QiQmJTpSNrjpyhY5LNsICF80N0NMMBjYkLYMGLOYNRWZ4u0p/4ae6C7GCaCv1VBGVoQnaoA1NVKpr6mkL1/1EdqwOzar9nUMTK20z8LKQ1RhgZHVZTMDkY2sQYLYm9QCeNwGBmQTt+XMEs+XmAYDN+pEte6gdejfdBQHWZaWdF4wVsedFlKvHpw5qixqQvyBS3VfzUXO0JRKfliBFRkl8oQpiSJFRVCGikhBSZJToS4SGCFJimNAIbDzSnNkIDNRvqDkYGoYhxUeNSo7l0Bz4OOrKMGwOtiPxecbTxKcth2yK0pazn5v8REuAMfVO4LHKgU3VZa2d4SC76/8cZHc8OnZ/Hh07Gh09pbvydxsYwdcDy3qOyTpzZwbyvplCe34gE049dTveh1/A8a5uqTcgyjd2tBg2T+9digAAAABJRU5ErkJggg==) 2x); 371} 372 373.overlay > .overlay_page > .close_button:active { 374 background-image: -webkit-image-set( 375 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAAnElEQVR4Xn2QQQqDQAxFcwjrQR6MoDC9hD2RBY9XrL3IaLuwXWg1BgldlLfLS0LyBYWMlp5ppaMh26uqqEksjoFapapZhWfetHBiYKEi2nQiUul0LjRaOiME0kpAiFprhc76C9Vhb1LZCxOL06aUt5fhRz6PtbawcPpuBxGPgwp/UK6vlP4VSnvlfwgbF0avGC0+F/yDDy9uXLHgv9HQnE67Dt6aAAAAAElFTkSuQmCC) 1x, 376 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAABTUlEQVR4XpXVsYrCQBAG4CVIHsgmhYcIaSTaLpiHSDi2uwMhnbJVsNo0wceJPo2RpBHWnCt64/2XCXf5uyEfSZzZUYwhxtOJquI6tEEXdKGNa3XQifHwvp9olJXLy7j7neUlK82IgbupbBzgIpvdtAfq95lFgJlZnQDcfgQEBhJ0288XmM/frgDYTK75/AGNT99mbkGAddkY/w6zkpi7iHL1bH+DxqMGFM4RJXZP8dIc4wmdOsJQYBSdClURQ4qMoioR14SQIqPEJxFaIkiJYUIrsPFIC2YQGGi+oeFgaBmGFF81rjlWQHPgx1EHhmFzsB065RlPdUojh4ynbuRGbsj3dAswpn4TeKwKYH112Rr/eZCjyX8OcvSyOjbrv66OzZpWx4PSU/mnOQbQvbBsh5hs82hgIS8ufWjBL2TCOlHH1fn5F7A6q6NOnojyBfK6dXRV1N6jAAAAAElFTkSuQmCC) 2x); 377} 378 379.alert_overlay { 380 visibility:visible; 381 z-index: 12; 382} 383.alert_page { 384 width: 400px; 385} 386 387.alert_title { 388 color: black; 389 font-size: 14px; 390 font-weight: normal; 391 line-height: 1; 392 margin-bottom: 10px; 393 text-shadow: rgb(255, 255, 255) 0px 1px 2px; 394} 395 396.alert_message_div { 397 margin-right: 20px; 398} 399 400.alert_ok_div { 401 margin-right: 20px; 402 margin-top: 10px; 403 text-align: right; 404} 405 406.prompt_overlay { 407 visibility:visible; 408 z-index: 12; 409} 410 411.prompt_page { 412 width: 400px; 413} 414 415.prompt_title { 416 color: black; 417 font-size: 14px; 418 font-weight: normal; 419 line-height: 1; 420 margin-bottom: 10px; 421 text-shadow: rgb(255, 255, 255) 0px 1px 2px; 422} 423 424.prompt_message_div { 425 margin-bottom: 10px; 426} 427 428.prompt_input { 429 width: 350px 430} 431 432.prompt_ok_cancel_div { 433 margin-right: 20px; 434 margin-top: 10px; 435 text-align: right; 436} 437 438.confirm_overlay { 439 visibility:visible; 440 z-index: 12; 441} 442 443.confirm_page { 444 width: 400px; 445} 446 447.confirm_title { 448 color: black; 449 font-size: 14px; 450 font-weight: normal; 451 line-height: 1; 452 margin-bottom: 10px; 453 text-shadow: rgb(255, 255, 255) 0px 1px 2px; 454} 455 456.confirm_message_div { 457 margin-bottom: 10px; 458} 459 460.confirm_ok_cancel_div { 461 margin-right: 20px; 462 margin-top: 10px; 463 text-align: right; 464} 465 466#clear_history_page { 467 width: 400px; 468} 469 470.clear_history_check_span { 471 margin: 10px 0 5px 10px; 472} 473 474#clear_history_ok_cancel_div { 475 margin-right: 20px; 476 margin-top: 20px; 477 text-align: right; 478} 479 480#dictionary_tool_page { 481 -webkit-box-flex: 1; 482 overflow: auto; 483 width: 733px; 484} 485 486#user_dictionary_done_div { 487 margin-bottom: 10px; 488 margin-right: 20px; 489 text-align:right; 490} 491 492#dictionary_tool_dictionary_and_content { 493 -webkit-box-flex: 1; 494 display: -webkit-box; 495 margin: 0 20px 10px 20px; 496} 497 498#dictionary_tool_dictionary_list_area { 499 background-color: rgb(235, 239, 249); 500 border: solid 1px rgb(217, 217, 217); 501 -webkit-box-orient: vertical; 502 display: -webkit-box; 503} 504 505#dictionary_tool_dictionary_list_title { 506 font-size: 12px; 507 font-weight: bold; 508 padding: 6px 3px 7px 7px; 509 width: 120px; 510} 511 512#dictionary_tool_dictionary_list_box { 513 -webkit-box-flex: 1; 514 -webkit-box-orient: vertical; 515 display: -webkit-box; 516 overflow: auto; 517 width: 128px; 518} 519 520#dictionary_tool_dictionary_list { 521 -webkit-box-flex: 1; 522 overflow: auto; 523} 524 525#dictionary_tool_dictionary_list:focus { 526 outline: none; 527} 528 529#dictionary_tool_dictionary_menu { 530 padding: 6px 3px 3px 7px; 531} 532 533.dictionary_tool_dictionary { 534 display: -webkit-box; 535 min-height: 31px; 536} 537 538.dictionary_tool_dictionary_name_area { 539 -webkit-box-align: center; 540 -webkit-box-flex: 1; 541 display: -webkit-box; 542 padding: 5px 4px 5px 6px; 543} 544 545.dictionary_tool_dictionary_name_area > .dictionary_tool_dictionary_name { 546 display: block; 547} 548 549.dictionary_tool_dictionary_name_area_selected > .dictionary_tool_dictionary_name { 550 display: none; 551} 552 553.dictionary_tool_dictionary_name { 554 -webkit-box-flex: 1; 555 word-wrap: break-word; 556} 557 558.dictionary_tool_dictionary_name_area > input[type='text'] { 559 box-sizing: border-box; 560 font-size: 12px; 561 margin: 0; 562 min-height: 21px; 563 padding: 0; 564 width: 100%; 565} 566 567.dictionary_tool_dictionary_selected { 568 background-color: #d0d0d0; 569} 570 571.dictionary_tool_dictionary:hover { 572 background-color: rgb(228, 236, 247); 573} 574 575.dictionary_tool_dictionary_selected:hover { 576 background-color: rgb(187, 206, 233); 577} 578 579.dictionary_tool_dictionary_delete_button_div { 580 -webkit-box-align: center; 581 -webkit-box-orient: vertical; 582 -webkit-box-pack: center; 583 display: -webkit-box; 584 padding: 3px 5px; 585 width: 16px; 586} 587 588.dictionary_tool_dictionary > .dictionary_tool_dictionary_delete_button_div > .dictionary_tool_dictionary_delete_button { 589 opacity: 0; 590} 591 592.dictionary_tool_dictionary:hover > .dictionary_tool_dictionary_delete_button_div > .dictionary_tool_dictionary_delete_button { 593 opacity: 1; 594} 595 596.dictionary_tool_dictionary_selected > .dictionary_tool_dictionary_delete_button_div > .dictionary_tool_dictionary_delete_button { 597 opacity: 1; 598} 599 600.dictionary_tool_dictionary > .dictionary_tool_dictionary_delete_button_div > .dictionary_tool_dictionary_delete_button:focus { 601 opacity: 1; 602} 603 604.dictionary_tool_dictionary_delete_button { 605 background-color: transparent; 606 background-image: -webkit-image-set( 607 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAiElEQVR42r2RsQrDMAxEBRdl8SDcX8lQPGg1GBI6lvz/h7QyRRXV0qUULwfvwZ1tenw5PxToRPWMC52eA9+WDnlh3HFQ/xBQl86NFYJqeGflkiogrOvVlIFhqURFVho3x1moGAa3deMs+LS30CAhBN5nNxeT5hbJ1zwmji2k+aF6NENIPf/hs54f0sZFUVAMigAAAABJRU5ErkJggg==) 1x, 608 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAA9UlEQVR4Xu3UsWrCUByH0fMEouiuhrg4xohToJVGH0CHLBncEwfx/VvIFHLJBWmHDvKbv7PcP9f3L/fXwBsApZSRpUpEgbOnxwiReng6x4AvjdrNXRLkibubWqMcB9Yujk7qjhjmtZOji/U4wELuoBwQXa50kFsQA5jK+kQ/l5kSA4ZEK5Fo+3kcCIlGM8ijQEhUqkEeBUKiUPTyl4C5vZ1cbmdv/iqwclXY6aZwtXoFSLQqhVwmkytUWglxAMG7T0yCu4gD0v7ZBKeVxoEwFxIxYBPmIWEzDnyEeUj4HAfYdvmMcGYdsSUGsOzlIbHEv/uV38APrreiBRBIs3QAAAAASUVORK5CYII=) 2x); 609 border: none; 610 display: block; 611 height: 16px; 612 opacity: 1; 613 -webkit-transition: 150ms opacity; 614 width: 16px; 615} 616 617.dictionary_tool_dictionary_delete_button:hover { 618 background-image: -webkit-image-set( 619 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAqklEQVR4XqWRMQ6DMAxF/1Fyilyj2SmIBUG5QcTCyJA5Z8jGhlBPgRi4TmoDraVmKFJlWYrlp/g5QfwRlwEVNWVa4WzfH9jK6kCkEkBjwxOhLghheMWMELUAqqwQ4OCbnE4LJnhr5IYdqQt4DJQjhe9u4vBBmnxHHNzRFkDGjHDo0VuTAqy2vAG4NkvXXDHxbGsIGlj3e835VFNtdugma/Jk0eXq0lP//5svi4PtO01oFfYAAAAASUVORK5CYII=) 1x, 620 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAB4UlEQVR42u2VsWoCQRBAh+MUFP0C1V9QD4NEOxs9xBQHQVCwSJFWVBAtBNXCxk6wTkBJYUTwEwQLC61E8QP0NzZzt5g5726DkC7EYWHZ8T3WndkV2C/jLwn4hwVYBIdLn9vkLp79QcBCTDMiy3w2gQ9XeTYkEHA8vqj2rworXu3HF1YFfSWgp5QFnKVLvYvzDEKEZ5hW70oXOCtcEbQLIkx7+IQtfMBSOjU6XEF4oyOdYInZbXyOuajjDlpNeQgleIUJKUz4BDMledhqOu/AzVSmzZ49CUjCC0yvim98iqtJT2L2jKsqczsdok9XrHNexaww415lnTNwn6CM/KxJIR8bnUZHPhLO6yMoIyk2pNjLewFuE5AiY1KMMQx8Q7hQYFek4AkjxXFe1rsF84I/BTFQMGL+1Lxwl4DwdtM1gjwKohgxyLtG7SYpxALqugOMcfOKN+bFXeBsLB1uulNcRqq7/tt36k41zoL6QlxGjtd6lrahiqCi1iOFYyvXuxY8yzK33VnvUivbLlOlj/jktm0s3YnXrNIXXufHNxuOGasi8S68zkwrlnV8ZcJJsTIUxbLgQcFZWE8N0gau2p40VVcM0gYeFpSRK6445UhBuKiRgiyKw+34rLt59nb1/7+RwReVkaFtqvNBuwAAAABJRU5ErkJggg==) 2x); 621} 622 623.dictionary_tool_dictionary_delete_button:active { 624 background-image: -webkit-image-set( 625 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMlBLAYMdwxkghgEwD1XBGTC0g0sDIaYJECVwFqoChBK4WegKkJWArSJZAQErCDqSKG/iCyhaRhYA9LDIbULDzlIAAAAASUVORK5CYII=) 1x, 626 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAA/ElEQVR4Xu3UsWrCUBiG4efGlIBoIMFbcnYolYJ3pg4iKGrGYFTRwaUFhYAekiDt0EG++X2W83N8/3J/DbwBMJJSsdQItcDY1VlCOImzq3Ed8OmicHASB3ns5KBw8VUNpDJrW7uAiJ3sbK1l0mqArpmFTUlQ5jYWZrrUAUSmT0SZm4qoA56JvVhs/5g3A7RLolA85A1ASOTye65NMxASK6syfxGITMzvMxG9CvRkliWwlOm9AsSOcitzU1NzK7mjuBkQvHtLK7iLBiB5PhttJSGpB8I8vM6kDuiHeUjoVwMfYR4SRtUAw1veIZzOjRhSBzCoyKFjgH/3K7+BHzg+Cgw0eSW3AAAAAElFTkSuQmCC) 2x); 627} 628 629#dictionary_tool_content_area { 630 border: solid 1px rgb(217, 217, 217); 631 -webkit-box-orient: vertical; 632 display: -webkit-box; 633 font-size: 12px; 634 min-height: 100px; 635 overflow: auto; 636 width: 560px; 637} 638 639#dictionary_tool_entry_title { 640 display: -webkit-box; 641 font-size: 12px; 642 font-weight: bold; 643} 644 645#dictionary_tool_list_area { 646 -webkit-box-flex: 1; 647 overflow: auto; 648} 649 650#dictionary_tool_reading_title { 651 padding: 6px 3px 7px 7px; 652 width: 120px; 653} 654 655#dictionary_tool_word_title { 656 padding: 6px 3px 7px 7px; 657 width: 120px; 658} 659 660#dictionary_tool_category_title { 661 padding: 5px 0px 7px 10px; 662 width: 120px; 663} 664 665#dictionary_tool_comment_title { 666 -webkit-box-flex: 1; 667 padding: 6px 3px 7px 7px; 668} 669 670.dictionary_tool_entry { 671 display: -webkit-box; 672 min-height: 31px; 673} 674 675.dictionary_tool_entry > div { 676 margin: 0; 677} 678 679.dictionary_tool_reading { 680 padding: 10px 4px 0px 6px; 681 width: 120px; 682 word-wrap: break-word; 683} 684.dictionary_tool_word { 685 padding: 10px 4px 0px 6px; 686 width: 120px; 687 word-wrap: break-word; 688} 689.dictionary_tool_category { 690 padding: 9px 0px 1px 10px; 691 width: 120px; 692 word-wrap: break-word; 693} 694.dictionary_tool_comment { 695 -webkit-box-flex: 1; 696 padding: 10px 4px 0px 6px; 697 word-wrap: break-word; 698} 699 700.dictionary_tool_entry_selected { 701 background-color: #d0d0d0; 702} 703 704.dictionary_tool_entry_selected > div { 705 padding: 5px 5px 4px 5px; 706 margin: 0; 707} 708 709.dictionary_tool_entry > div > .static_text { 710 display: block; 711} 712 713.dictionary_tool_entry_selected > div > .static_text { 714 display: none; 715} 716 717#dictionary_tool_entry_new { 718 display: -webkit-box; 719 min-height: 31px; 720} 721 722#dictionary_tool_reading_new { 723 margin: 0; 724 padding: 3px 5px; 725 width: 120px; 726} 727#dictionary_tool_word_new { 728 margin: 0; 729 padding: 3px 5px; 730 width: 120px; 731} 732#dictionary_tool_category_new { 733 margin: 0; 734 padding: 3px 5px; 735 width: 120px; 736} 737#dictionary_tool_comment_new { 738 -webkit-box-flex: 1; 739 margin: 0; 740 padding: 3px 5px; 741} 742 743.dictionary_tool_entry > div > input[type='text'] { 744 box-sizing: border-box; 745 font-size: 12px; 746 margin: 0; 747 min-height: 22px; 748 padding: 0; 749 width: 100%; 750} 751 752.dictionary_tool_entry > div > select { 753 margin: 0; 754 min-height: 22px; 755 min-width: 100px; 756 -webkit-padding-start: 0px; 757 -webkit-padding-end: 0px; 758 width: 100%; 759} 760 761#dictionary_tool_entry_new > div > input[type='text'] { 762 box-sizing: border-box; 763 font-size: 12px; 764 margin: 0; 765 min-height: 22px; 766 padding: 0; 767 width: 100%; 768} 769 770#dictionary_tool_entry_new > div > select { 771 margin: 0; 772 min-height: 22px; 773 min-width: 100px; 774 -webkit-padding-end: 0px; 775 -webkit-padding-start: 0px; 776 width: 100%; 777} 778 779.dictionary_tool_entry_delete_button_div { 780 -webkit-box-align: center; 781 -webkit-box-orient: vertical; 782 -webkit-box-pack: center; 783 display: -webkit-box; 784 padding: 3px 5px; 785} 786 787.dictionary_tool_entry > .dictionary_tool_entry_delete_button_div > .dictionary_tool_entry_delete_button { 788 opacity: 0; 789} 790 791.dictionary_tool_entry:hover { 792 background-color: rgb(228, 236, 247); 793} 794 795.dictionary_tool_entry_selected:hover { 796 background-color: rgb(187, 206, 233); 797} 798 799.dictionary_tool_entry:hover > .dictionary_tool_entry_delete_button_div > .dictionary_tool_entry_delete_button { 800 opacity: 1; 801} 802 803.dictionary_tool_entry_selected > .dictionary_tool_entry_delete_button_div > .dictionary_tool_entry_delete_button { 804 opacity: 1; 805} 806 807.dictionary_tool_entry > .dictionary_tool_entry_delete_button_div > .dictionary_tool_entry_delete_button:focus { 808 opacity: 1; 809} 810 811.dictionary_tool_entry_delete_button { 812 background-color: transparent; 813 background-image: -webkit-image-set( 814 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAiElEQVR42r2RsQrDMAxEBRdl8SDcX8lQPGg1GBI6lvz/h7QyRRXV0qUULwfvwZ1tenw5PxToRPWMC52eA9+WDnlh3HFQ/xBQl86NFYJqeGflkiogrOvVlIFhqURFVho3x1moGAa3deMs+LS30CAhBN5nNxeT5hbJ1zwmji2k+aF6NENIPf/hs54f0sZFUVAMigAAAABJRU5ErkJggg==) 1x, 815 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAA9UlEQVR4Xu3UsWrCUByH0fMEouiuhrg4xohToJVGH0CHLBncEwfx/VvIFHLJBWmHDvKbv7PcP9f3L/fXwBsApZSRpUpEgbOnxwiReng6x4AvjdrNXRLkibubWqMcB9Yujk7qjhjmtZOji/U4wELuoBwQXa50kFsQA5jK+kQ/l5kSA4ZEK5Fo+3kcCIlGM8ijQEhUqkEeBUKiUPTyl4C5vZ1cbmdv/iqwclXY6aZwtXoFSLQqhVwmkytUWglxAMG7T0yCu4gD0v7ZBKeVxoEwFxIxYBPmIWEzDnyEeUj4HAfYdvmMcGYdsSUGsOzlIbHEv/uV38APrreiBRBIs3QAAAAASUVORK5CYII=) 2x); 816 border: none; 817 display: block; 818 height: 16px; 819 opacity: 1; 820 -webkit-transition: 150ms opacity; 821 width: 16px; 822} 823 824.dictionary_tool_entry_delete_button:hover { 825 background-image: -webkit-image-set( 826 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAqklEQVR4XqWRMQ6DMAxF/1Fyilyj2SmIBUG5QcTCyJA5Z8jGhlBPgRi4TmoDraVmKFJlWYrlp/g5QfwRlwEVNWVa4WzfH9jK6kCkEkBjwxOhLghheMWMELUAqqwQ4OCbnE4LJnhr5IYdqQt4DJQjhe9u4vBBmnxHHNzRFkDGjHDo0VuTAqy2vAG4NkvXXDHxbGsIGlj3e835VFNtdugma/Jk0eXq0lP//5svi4PtO01oFfYAAAAASUVORK5CYII=) 1x, 827 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAB4UlEQVR42u2VsWoCQRBAh+MUFP0C1V9QD4NEOxs9xBQHQVCwSJFWVBAtBNXCxk6wTkBJYUTwEwQLC61E8QP0NzZzt5g5726DkC7EYWHZ8T3WndkV2C/jLwn4hwVYBIdLn9vkLp79QcBCTDMiy3w2gQ9XeTYkEHA8vqj2rworXu3HF1YFfSWgp5QFnKVLvYvzDEKEZ5hW70oXOCtcEbQLIkx7+IQtfMBSOjU6XEF4oyOdYInZbXyOuajjDlpNeQgleIUJKUz4BDMledhqOu/AzVSmzZ49CUjCC0yvim98iqtJT2L2jKsqczsdok9XrHNexaww415lnTNwn6CM/KxJIR8bnUZHPhLO6yMoIyk2pNjLewFuE5AiY1KMMQx8Q7hQYFek4AkjxXFe1rsF84I/BTFQMGL+1Lxwl4DwdtM1gjwKohgxyLtG7SYpxALqugOMcfOKN+bFXeBsLB1uulNcRqq7/tt36k41zoL6QlxGjtd6lrahiqCi1iOFYyvXuxY8yzK33VnvUivbLlOlj/jktm0s3YnXrNIXXufHNxuOGasi8S68zkwrlnV8ZcJJsTIUxbLgQcFZWE8N0gau2p40VVcM0gYeFpSRK6445UhBuKiRgiyKw+34rLt59nb1/7+RwReVkaFtqvNBuwAAAABJRU5ErkJggg==) 2x); 828} 829 830.dictionary_tool_entry_delete_button:active { 831 background-image: -webkit-image-set( 832 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMlBLAYMdwxkghgEwD1XBGTC0g0sDIaYJECVwFqoChBK4WegKkJWArSJZAQErCDqSKG/iCyhaRhYA9LDIbULDzlIAAAAASUVORK5CYII=) 1x, 833 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAA/ElEQVR4Xu3UsWrCUBiG4efGlIBoIMFbcnYolYJ3pg4iKGrGYFTRwaUFhYAekiDt0EG++X2W83N8/3J/DbwBMJJSsdQItcDY1VlCOImzq3Ed8OmicHASB3ns5KBw8VUNpDJrW7uAiJ3sbK1l0mqArpmFTUlQ5jYWZrrUAUSmT0SZm4qoA56JvVhs/5g3A7RLolA85A1ASOTye65NMxASK6syfxGITMzvMxG9CvRkliWwlOm9AsSOcitzU1NzK7mjuBkQvHtLK7iLBiB5PhttJSGpB8I8vM6kDuiHeUjoVwMfYR4SRtUAw1veIZzOjRhSBzCoyKFjgH/3K7+BHzg+Cgw0eSW3AAAAAElFTkSuQmCC) 2x); 834} 835 836#dictionary_tool_dictionary_menu { 837 border-top: solid 1px rgb(217, 217, 217); 838} 839 840#dictionary_tool_dictionary_menu_title { 841 font-size: 12px; 842 font-weight: bold; 843 padding-bottom: 10px; 844} 845 846#dictionary_tool_dictionary_menu_buttons { 847 padding: 5px; 848} 849