.window.info { display: flex; flex-direction: column; width: 340px !important; box-shadow: inset 1px 1px #fff, inset -1px -1px #b3b3b3; } .window.info .contents { background-color: #dedede; } .window.info .info-header { display: flex; } .window.info .info-header img { margin: 8px 8px 15px 24px; } .window.info .info-header input[type="text"] { width: 228px; font-size: 12px; font-family: 'Charcoal'; margin: 15px 0 20px 0; padding: 1px; border: 1px solid #000; box-shadow: 1px 1px #fff, -1px -1px #b3b3b3; } .window.info .info-header input[type="text"]::selection, .window .info textarea::selection { background-color: #cdcdff; } .window.info .info-body { margin: 0 10px 10px 10px; border: 1px solid #b3b3b3; box-shadow: inset 1px 1px #fff, 1px 1px #fff;; } .window.info .info-show { display: inline-block; position: relative; top: -0.9em; background-color: #dedede; margin-left: 12px; padding: 0 2px 0 2px; } .window.info .info-dropdown { display: inline-block; border: 1px solid #000; border-radius: 3px; padding: 1px 0 1px 5px; box-shadow: inset 1px 1px #fff, inset -1px -1px #acacac; } .window.info .info-dropdown-arrows { display: inline-block; height: 16px; width: 16px; margin: 0 1px 0 14px; padding: 0 2px 0 0; background-position: 45%; background-repeat: no-repeat; background-image: url("../img/ui/widgets/dropdown-arrows.png"); border-left: 1px solid #aca9ac; box-shadow: inset 1px 1px #fff, inset -1px -1px #acacac, 1px 1px #737373, 0 -1px #dedede; } .window.info .info-table { margin: 0 10px; font-family: 'Arial'; font-size: 10.5px; letter-spacing: 0.4px; } .window.info .info-table tr td { vertical-align: top; padding: 2px; } .window.info .info-table tr td:first-of-type { width: 50px; font-weight: bold; text-align: right; } .window.info .info-table tr td[data-info-key="url"] { word-wrap: break-word; word-break: break-all; } .window.info textarea { resize: none; font-family: 'Arial'; font-size: 10.5px; letter-spacing: 0.4px; overflow: hidden; border: 1px solid #000; box-shadow: 1px 1px #fff, -1px -1px #8b8b8b; width: 280px; } .window.info.blur .contents:not(:focus-within) { opacity: 50%; }