khum1/css/_edit.less

/**
 * This file provides styles for the edit view (?do=edit), preview
 * and section edit buttons.
 */

/* edit view
********************************************************************/

.dokuwiki div.editBox {
}

/*____________ toolbar ____________*/


#draft__status {
    float: right;
    color: @ini_text_alt;
    background-color: inherit;
}
[dir=rtl] #draft__status {
    float: left;
}
#tool__bar {
    float: left;
}
[dir=rtl] #tool__bar {
    float: right;
}

/* buttons inside of toolbar */
.dokuwiki div.toolbar button.toolbutton {
}

.dokuwiki div.toolbar {
	margin-bottom: .5em;

    button.toolbutton {
        border-radius: 0;
        border-left-width: 0;
        padding: .1em .35em;
    }

    button.toolbutton:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-left-width: 1px;
    }

    button.toolbutton:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
}

[dir=rtl] .dokuwiki div.toolbar {
    button.toolbutton:last-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-left-width: 1px;
    }

    button.toolbutton:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-left-width: 0;
        border-right-width: 1px;
    }
}
/* picker popups (outside of .dokuwiki) */
div.picker {
    width: 300px;
    border: 1px solid @ini_border;
    background-color: @ini_neutral4;
    color: inherit;
}
/* picker for headlines */
div.picker.pk_hl {
    width: auto;
}

/* buttons inside of picker */
div.picker button.pickerbutton,
div.picker button.toolbutton {
    padding: .1em .35em;
    border-width: 0;
}

/*____________ edit textarea ____________*/

#wiki__text {
    width: 100% !important;
    margin-bottom: .5em;
	min-height: 70vh;
}

.dokuwiki textarea.edit {
    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
}

/*____________ below the textarea ____________*/

.dokuwiki div.editBar {
    overflow: hidden;
    margin-bottom: .5em;
}

/* size and wrap controls */
#size__ctl {
    float: right;
}
[dir=rtl] #size__ctl {
    float: left;
}
#size__ctl img {
    cursor: pointer;
}

/* edit buttons */
.dokuwiki .editBar .editButtons {
    display: inline;
    margin-right: 1em;
}
[dir=rtl] .dokuwiki .editBar .editButtons {
    margin-right: 0;
    margin-left: 1em;
}
.dokuwiki .editBar .editButtons button {
}

/* summary input and minor changes checkbox */
.dokuwiki .editBar .summary {
    display: inline;
}
.dokuwiki .editBar .summary label {
    vertical-align: middle;
    white-space: nowrap;
}
.dokuwiki .editBar .summary label span {
    vertical-align: middle;
}
.dokuwiki .editBar .summary input {
}
/* change background colour if summary is missing */
.dokuwiki .editBar .summary input.missing {
    color: @ini_text;
    background-color: #ffcccc;
}

/* preview
********************************************************************/

.dokuwiki div.preview {
    border: dotted @ini_border;
    border-width: .2em 0;
    padding: 1.4em 0;
	margin: 0 -2em;
    padding: 0 2em;
	width: 80vw;
	display: block;
}

.dokuwiki div.preview div.pad {
    padding: 1.556em 0 2em;
}

/* section edit buttons
********************************************************************/

.dokuwiki .secedit {
    float: right;
    margin-top: -1.4em;
}
[dir=rtl] .dokuwiki .secedit {
    float: left;
}
.dokuwiki .secedit button {
    font-size: 75%;
}

/* style for section highlighting */
.dokuwiki div.section_highlight {
    margin: 0 -1em; /* negative side margin = side padding + side border */
    padding: 0 .5em;
    border: solid @ini_background_alt;
    border-width: 0 .5em;
}
/*
.dokuwiki div.section_highlight {
    margin: 0 -2em;
    padding: 0 1em;
    border-width: 0 1em;
}*/