web-apps/apps/common/main/resources/less/about.less

.about-dlg {
    .asc-about-office {
        background-repeat: no-repeat;
        margin-bottom: 5px;

        &:before {
            content: if(@icon-src-base64, data-uri(%("%s",'@{common-image-path}/about/logo.png')), ~"url('@{common-image-const-path}/about/logo.png')");

            @media only screen {
                @media (-webkit-min-device-pixel-ratio: 2),
                            (min-resolution: 2dppx),
                            (min-resolution: 192dpi)
                {
                    content: ~"url('@{common-image-const-path}/about/logo@2x.png')";
                    display: block;
                    transform: scale(.5);
                }
            }
        }
    }

    .asc-about-header {
        margin: 0 30px;
        font: 12px Tahoma;
        letter-spacing: 1px;
        color: @text-normal;
        font-weight: bold;
        white-space: nowrap;
    }

    .asc-about-version {
        font: 15px Tahoma;
        color: @text-tertiary;
    }

    .asc-about-companyname {
        font: bold 15px Tahoma;
        color: @text-normal;
    }

    label {
        &.asc-about-desc,
        &.asc-about-desc-name,
        &.asc-about-lic {
            font: 12px Tahoma;
            color: @text-normal;
        }

        &.asc-about-desc-name {
            color: @text-normal;
            white-space: pre;
        }

        &.asc-about-lic {
            font-weight: bold;
        }

    }

    a {
        font: 12px Tahoma;
        color: @text-normal;
    }

    .separator.horizontal {
        width: 100%;

        &.short {
            width: 220px;

            &.left {
                float: right;
            }
        }
    }

    .padding-small {
        padding-bottom: 10px;
    }

    .padding-large {
        padding-bottom: 40px;
    }

    .margin-bottom {
        margin-bottom: 20px;
    }
}