diff --git a/css/area_main-content-secedit.less b/css/area_main-content-secedit.less new file mode 100644 index 0000000..1b2cacb --- /dev/null +++ b/css/area_main-content-secedit.less @@ -0,0 +1,56 @@ +/** + * This styles the section editing buttons and highlighting + */ +#dokuwiki__content.main-content { + @button-margin: .5rem; // FIXME shouldn't we have something in our base.less for this? + + div.section_highlight { + clear: right; // FIXME why? + background: repeating-linear-gradient( + -45deg, + transparent, + transparent 10px, + @ini_background_alt 10px, + @ini_background_alt 20px, + ); + } + + .secedit button { + clear: both; + font-size: 100%; + margin-top: @button-margin; + margin-bottom: @button-margin; + } + + .editbutton_section { + float: right; + margin-top: 0; + position: relative; + z-index: 2; + top: 0; + + button { + background-color: transparent; + color: transparent; + border-color: transparent; + + &::after { + content: ''; + display: inline-block; + background: transparent url("svg.php?svg=pencil.svg&f=link") center center no-repeat; + height: 1em; + width: 1em; + background-size: contain; + margin-left: @button-margin; + } + + &:hover, + &:active, + &:focus { + background-color: @button_color; + color: @button_background; + border-color: @button_background; + } + } + } +} diff --git a/css/area_main-content.less b/css/area_main-content.less index ee7e045..3b9e403 100755 --- a/css/area_main-content.less +++ b/css/area_main-content.less @@ -20,46 +20,6 @@ } } - div.section_highlight{ - background: repeating-linear-gradient( - -45deg, - @ini_background_neu, - @ini_background_neu 10px, - @ini_background 10px, - @ini_background 20px, - ); - } - .secedit { - float: right; - margin-top: 0; - position: relative; - z-index: 2; - top: 0; - - button { - background-color: transparent; - color: transparent; - border-color: transparent; - - &::after { - content: ''; - display: inline-block; - background: transparent url("svg.php?svg=pencil.svg&f=link") center center no-repeat; - height: 1em; - width: 1em; - background-size: contain; - margin-left: 0.5rem; // FIXME hard coded in plugins/edit.less - } - - &:hover, - &:active, - &:focus { - background-color: @button_color; - color: @button_background; - border-color: @button_background; - } - } - } } /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ diff --git a/css/plugins/edit.less b/css/plugins/edit.less index 37a2d67..934bdc8 100644 --- a/css/plugins/edit.less +++ b/css/plugins/edit.less @@ -4,22 +4,7 @@ */ /* + + + + + edit view + + + + + */ .dokuwiki { - div.section_highlight { - clear: right; - } - .secedit button { - clear: both; - font-size: 100%; - margin-top: .5rem; - margin-bottom: .5rem; - } - div.editbutton_table form div.no { - button, - input.button { - border-top: solid 1px @button_background; - margin-top: 0; - } - } + .editBox { .editButtons { display: inline-block; diff --git a/css/plugins/edittable.less b/css/plugins/edittable.less new file mode 100644 index 0000000..74cfc77 --- /dev/null +++ b/css/plugins/edittable.less @@ -0,0 +1,12 @@ +/** + * Style Adjustments for the edittable plugin + */ +#dokuwiki__content.main-content { + div.editbutton_table form div.no { + button, + input.button { + margin-top: 0; + font-size: @font-size-very-small; + } + } +} diff --git a/style.ini b/style.ini index 2e9d166..40702f8 100755 --- a/style.ini +++ b/style.ini @@ -75,6 +75,7 @@ css/area_main-sidebar-nav.less = all css/area_main-sidebar-content.less = all ;css/area_sidetools.less = all css/area_main-content.less = all +css/area_main-content-secedit.less = all css/area_togglelink.less = all css/template_admin.less = all @@ -93,6 +94,7 @@ css/plugins/edit.less = all css/plugins/mediamanager.less = all css/plugins/tabinclude.less = all css/plugins/include.less = all +css/plugins/edittable.less = all ; _____________ print styles _____________