mirror-os9/css/window.info.css

.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%;
}