khum1/css/_edit.less

198 lines
4 KiB
Text
Raw Normal View History

/**
* 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;
}*/