/**
 * Dokuwiki ColorMag template
 * Original Wordpress theme URI: https://themegrill.com/themes/colormag/
 * 
 * @link    https://www.dokuwiki.org/template:spacious
 * @author  Simon DELAGE <sdelage@gmail.com>
 * @license GPL 3 (https://www.gnu.org/licenses/gpl-3.0.html)
 * 
 * This file contains some plugins' CSS adaptation rules.
 */


/*--------------------------------------------------------------
BLOCKQUOTE
--------------------------------------------------------------*/

.dokuwiki blockquote.blockquote-plugin {
    background: __background_alt__ url(images/override/blockquote.png) no-repeat 1.4rem 1.4rem;
    padding: 5rem 2rem 2rem 7rem;
}

.dokuwiki blockquote.blockquote-plugin p {
    margin: 0;
}

.dokuwiki blockquote.blockquote-plugin p cite {
    margin: 1rem 0 0 0;
    color: @ini_text_neu;
}

/*--------------------------------------------------------------
DISCUSSION
--------------------------------------------------------------*/

#comment_wrapper {
    padding: 1rem;
}

#comment_wrapper h2 {
    padding: 0;
}

#comment_wrapper .comment_form {
    margin: 0;
}

#discussion__comment_toolbar.toolbar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

#discussion__comment_toolbar.toolbar button {
    line-height: 0;
    padding: 1rem;
}

#discussion__comment_toolbar.toolbar button img {
    margin: 0;
}

#discussion__comment_text {
    width: 100%;
}

#discussion__comment_form input.button {
    margin: 0;
}

/*--------------------------------------------------------------
MOVE
--------------------------------------------------------------*/

#plugin_move__progress form {
    display: inline-block;
}

div.plugin_move_dialog div.ui-dialog-content.ui-widget-content {
    min-height: 90px !important;
}

div.plugin_move_dialog div.ui-dialog-buttonpane.ui-widget-content {
    margin: 0;
    padding: 0;
}

div.plugin_move_dialog div.ui-dialog-buttonpane.ui-widget-content button {
    background-color: @ini_color_theme !important;
    border: 1px solid transparent;
    background-image: none;
    color: #fff;
}

div.plugin_move_dialog div.ui-dialog-buttonpane.ui-widget-content button:hover {
    background-color: @ini_color_theme_dark !important;
}

div.plugin_move_dialog div.ui-dialog-titlebar {
    background-image: none;
    background-color: @ini_background;
    border-top: 4px solid @ini_color_theme;
    border-radius: 5px 5px 0 0;
}

/*--------------------------------------------------------------
TRANSLATION
--------------------------------------------------------------*/

div.plugin_translation #translation__dropdown {
    display: initial;
}

div.plugin_translation select.wikilink1,
div.plugin_translation option.wikilink1 {
    color: @ini_existing !important;
}

div.plugin_translation select.wikilink2,
div.plugin_translation option.wikilink2 {
    color: @ini_missing !important;
}

div.plugin_translation ul {
    display: inline-block;
    vertical-align: -6px;
}

div.plugin_translation ul li a {
    border-radius: 2px;
}

div.plugin_translation ul div.li.cur {
    display: none;
}

div.plugin_translation ul li a.wikilink1 {
    background-color: @ini_existing !important;
}

div.plugin_translation ul li a.wikilink2 {
    background-color: @ini_missing !important;
}

/*--------------------------------------------------------------
UPGRADE
--------------------------------------------------------------*/

#plugin__upgrade_meter span.stage {
    margin-top: -.2rem;
}

/*--------------------------------------------------------------
WRAP
--------------------------------------------------------------*/

div.wrap_info,
div.wrap_notice,
span.wrap_info,
span.wrap_notice,
div.wrap_alert,
div.wrap_danger,
span.wrap_alert,
span.wrap_danger,
div.wrap_download,
div.wrap_safety,
span.wrap_download,
span.wrap_safety {
    color: initial !important;
}

div.wrap_info,
div.wrap_notice {
    background-color: @ini_color_blue;
}
span.wrap_info,
span.wrap_notice {
    background-color: mix(#fff, @ini_color_blue, 40%);
}

div.wrap_tip,
div.wrap_caution {
    background-color: @ini_color_yellow;
}
span.wrap_tip,
span.wrap_caution {
    background-color: mix(#fff, @ini_color_yellow, 50%);
}

div.wrap_alert,
div.wrap_danger {
    background-color: @ini_color_red;
}
span.wrap_alert,
span.wrap_danger {
    background-color: mix(#fff, @ini_color_red, 30%);
}

div.wrap_download,
div.wrap_safety {
    background-color: @ini_color_green;
}
span.wrap_download,
span.wrap_safety {
    background-color: mix(#fff, @ini_color_green, 30%);
}

div.wrap_important,
div.wrap_warning {
    background-color: mix(@ini_color_red, @ini_color_yellow, 50%);
}
span.wrap_important,
span.wrap_warning {
    background-color: mix(#fff, mix(@ini_color_red, @ini_color_yellow, 50%), 50%);
}

div.wrap_help {
    background-color: mix(@ini_color_red, @ini_color_blue, 50%);
}
span.wrap_help {
    background-color: mix(#fff, mix(@ini_color_red, @ini_color_blue, 50%), 50%);
}

div.wrap_todo {
    background-color: mix(@ini_color_green, @ini_color_blue, 50%);
}
span.wrap_todo {
    background-color: mix(#fff, mix(@ini_color_green, @ini_color_blue, 50%), 50%);
}

div.wrap_download {
    background-image: url(images/override/wrap_download_48.png);
}
span.wrap_download {
    background-image: url(images/override/wrap_download_16.png);
}

span.wrap_hi {
    background-color: @ini_highlight;
}

span.wrap_em {
    color: @ini_color_red;
}