/**
 * This file provides the design styles for page revisions
 */

.dokuwiki {

    /* + + + + +  list of changes  + + + + + */
    form.changes {
        li {
            .sizechange {
                color: @color-editBox;

                &.positive {
                    background-color: var(--color-success);
                    color: var(--color-background);
                }

                &.negative {
                    background-color: var(--color-error);
                    color: var(--color-foreground);
                }
            }
        }

        > .no > ul > li {
            min-height: @formfield_min-height;
            vertical-align: baseline;
            margin-bottom: @small-spacing;

            .li {
                line-height: 150%;

                > * {
                    min-height: 10px;
                }
            }

            a,
            span,
            img {
                vertical-align: baseline;
            }

            img {
                margin-left: @small-spacing;
                margin-right: @small-spacing;
            }

            input[type="checkbox"] {
                margin: 0 .5rem .2rem -1.5rem;
            }

            span.user bdi {
                a {
                    vertical-align: baseline;
                }
            }
        }
    }

    /* + + + + +  view of differents  + + + + + */
    a.difflink {
        color: @ini_existing;

        * {
            color: inherit;
        }
    }

    .diffnav {
        a {
            background-color: var(--color-background);
            border: solid 1px var(--color-background);
            border-radius: 0.5rem;
            color: var(--color-foreground);

            &::before {
                background-color: inherit;
                border: 0 none;
                color: inherit;
            }

            &:hover,
            &:focus,
            &:active {
                background-color: transparent;
                border-color: var(--color-glow-primary);
                color: var(--color-glow-primary);
                transition: var(--transition-glow);
                filter: var(--filter-glow-primary);

                &::before {
                    background-color: inherit;
                    color: inherit;
                }
            }
        }
    }

    table.diff {
        background-color: var(--color-background);
        border: none;

        &.diff_inline {
            border-top-width: 0;

            .diffnav {
                padding-top: 10px;
                padding-bottom: 10px;
            }
        }

        th {
            background-color: var(--color-background);
            color: var(--color-foreground);
            padding-top: 10px;
            padding-bottom: 10px;

            &.minor {
                color: #999;
            }
        }

        td {
            background-color: transparent;
            color: var(--color-text-1);

            &.diff-blockheader {
                background-color: transparent;
                color: var(--color-foreground);
            }

            &.diff-context {
                background-color: transparent;
                color: var(--color-text-1);
            }
        }

        .diff-addedline {
            background-color: var(--color-success-highlight);
            color: var(--color-foreground);

            strong {
                background-color: transparent;
                color: var(--color-success) !important;
            }
        }

        .diff-deletedline {
            background-color: var(--color-error-highlight);
            color: var(--color-foreground);

            * {
                color: inherit;
            }

            strong {
                background-color: transparent;
                color: var(--color-error) !important;
            }
        }

        .diff-lineheader {
            background-color: transparent;
        }
    }
}