SeekquarrySeekquarry - Yioop Repo - Seekquarry

/ src / css / editor.css
/**
 * SeekQuarry/Yioop --
 * Open Source Pure PHP Search Engine, Crawler, and Indexer
 *
 * Copyright (C) 2009 - 2026  Chris Pollett chris@pollett.org
 *
 * LICENSE:
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * END LICENSE
 *
 * @author Eswara Rajesh Pinapala
 * @license https://www.gnu.org/licenses/ GPL3
 * @link https://www.seekquarry.com/
 * @copyright 2009 - 2026
 * @filesource
 */
/*
    editor.css
    Stylesheet for text-area editor associated with editing wiki pages
 */
.wiki-editor
{
    display: block;
    margin: 0 auto;
}
.wiki-editor div
{
    padding: 5px;
}
.wiki-buttons
{
    margin-top: 6px;
    margin-bottom:2px;
}
.wiki-buttons [class*='wikibtn-']
{
    border: var(--gray-100)
}
.wiki-buttons span
{
    cursor: pointer;
}
.wiki-buttons select
{
    cursor: pointer;
    font-size: var(--font-size-7);
    margin: 1px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border: var(--gray-100)
}

.wiki-popup-prompt
{
    background-color: var(--gray-50);
    display: none;
    height: 100%;
    left: 0;
    right:0;
    opacity:0.95;
    position:fixed;
    top: 0;
    width:100%;
    z-index:100;
}

.wiki-popup-content
{
    background-color: var(--gray-100);
    border: 3px solid var(--color-sidebar);
    border-radius: 10px;
    box-sizing: border-box;
    left: 50%;
    max-width: 26rem;
    overflow: auto;
    padding: 1rem;
    position: fixed;
    top: 20%;
    transform: translateX(-50%);
    width: calc(100% - 2rem);
    z-index: 101;
}
.wiki-popup-content h2
{
    margin: 0 0 1rem 0;
    padding: 0;
}
.wiki-popup-content div
{
    padding: 0.5rem;
}
.wiki-popup-content select
{
    font-size: var(--font-size-7);
}
.wiki-popup-content table
{
    margin: auto;
}
.wikibtn-icon-bullets
{
    display:inline-block;
    text-align:left;
}
.wikibtn-icon-bullets div
{
    font-size:smaller;
    left:-2px;
    position:relative;
    top:-3px;
    width:5px;
}
/* The digits standing beside the ordered-list icon's lines. They are
   held at a fraction of the button's own size rather than at a fixed
   number of pixels, so they keep their place beside the lines whatever
   size the button is; pinned at six pixels they sat right on a desktop
   and wrong on a phone, where the button is smaller. */
.wikibtn-icon-numbers
{
    display:inline-block;
    font-size:0.36em;
    line-height:1.05;
    text-align:right;
    vertical-align:middle;
    width:0.5em;
}
/* The three alignment icons are four lines of imagined text: full,
   short, full, short, pushed to the left, the middle, or the right.
   They are drawn rather than written, so they need no font to be
   present and no measuring of one; every length is in em, so an icon
   is whatever size the button asking for it is. */
.wikibtn-icon-aligned
{
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 0.12em;
    vertical-align: middle;
    width: 0.9em;
}
.wikibtn-icon-aligned span
{
    background: currentColor;
    height: 0.11em;
}
.wikibtn-icon-aligned span:nth-child(odd)
{
    width: 100%;
}
.wikibtn-icon-aligned span:nth-child(even)
{
    width: 62%;
}
.wikibtn-icon-leftaligned
{
    align-items: flex-start;
}
.wikibtn-icon-centeraligned
{
    align-items: center;
}
.wikibtn-icon-rightaligned
{
    align-items: flex-end;
}
.wiki-icon-nowiki
{
    border-radius: 50%;
    border: 2px solid red;
    font-size: smaller;
    padding:2px;
    position: relative;
}
.wiki-icon-nowiki:before
{
    border-top: 2px solid;
    border-color: red;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform:rotate(-45deg);
}
.wikibtn-bold:hover,
.wikibtn-bullets:hover,
.wikibtn-heading:hover,
.wikibtn-hr:hover,
.wikibtn-hyperlink:hover,
.wikibtn-italic:hover,
.wikibtn-nowiki:hover,
.wikibtn-numbers:hover,
.wikibtn-search-widget:hover,
.wikibtn-strike:hover,
.wikibtn-table:hover,
.wikibtn-underline:hover,
.wikibtn-slide:hover,
.wikibtn-definitionlist:hover,
.wikibtn-rightaligned:hover,
.wikibtn-leftaligned:hover,
.wikibtn-centeraligned:hover
{
    background-position: 0 -36px;
}