<commit_before>/*******************************************************************************
**
** This file is part of BetterPonymotes.
** Copyright (c) 2012-2015 Typhos.
**
** This program is free software: you can redistribute it and/or modify it
** under the terms of the GNU Affero 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 Affero General Public License
** for more details.
**
** You should have received a copy of the GNU Affero General Public License
** along with this program.  If not, see <http://www.gnu.org/licenses/>.
**
*******************************************************************************/

/*
 * CSS for the addon itself.
 */

/* Placeholders */

.bpm-minified, .bpm-minified:before, .bpm-minified:after, .bpm-minified:hover, .bpm-minified:active {
    /* Behave like normal emotes do */
    display: block !important;
    float: left;
    /* Need !important tags to override Reddit and emote CSS. */
    color: black !important;
    border: solid thin black;
    font-family: monospace;
    padding: 3px !important;
    margin: 1px !important; /* Don't run lines of them together */
    border-radius: 4px;
    height: auto !important;
    width: auto !important;
    /*
     * This class used to shut emotes down, so in the interests of working even
     * in the emote's native subreddit, we try to override anything else.
     *
     * Unfortunately, due to the placement of this CSS, !important flags in the
     * subreddit's CSS can override us. The background-size bit is a extra
     * trick to try to stop that.
     */
    background-image: none !important;
    background-size: 0% !important;

    /* Kill animations */
    transform: none !important;
    -webkit-transform: none !important;
    animation: none;
    -webkit-animation: none;
}

.bpm-hidden, .bpm-hidden:before, .bpm-hidden:after, .bpm-hidden:hover, .bpm-hidden:active {
    /*
     * Similar- but we don't even show the placeholder.
     */
    width: 0px !important;
    height: 0px !important;
    display: none !important;

    background-image: none !important;
    background-size: 0% !important;

    /* Kill animations */
    transform: none !important;
    -webkit-transform: none !important;
    animation: none !important;
    -webkit-animation: none !important;
}

/* Unknown emote placeholder. Transparent red background */
.bpm-unknown {
    background-color: hsla(0, 100%, 50%, 0.3);
}

/* NSFW emote placeholder. Doesn't look too great in night mode, unfortunately. */
.bpm-nsfw, .bpm-nsfw:hover {
    color: white !important;
    background-color: black !important;
}

/* Alt-text display. */
.bpm-alttext {
    color: grey;
}

/* Click blocker */
.bpm-emote, .bpm-unknown {
    cursor: default;
}

/*
 * Added to <body> when dragging things around. This works pretty well in
 * Firefox and Chrome, and the ::selection bit makes it work a little better
 * in Opera.
 */
.bpm-noselect {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none; /* Doesn't exist */
}
.bpm-noselect::selection {
    background-color: transparent;
}
.bpm-noselect::-moz-selection {
    background-color: transparent;
}

/*
 * Emote search CSS
 *
 * WARNING: due to my lack of CSS skills, there are many width/height values
 * here that cannot be changed without editing corresponding JS. See, primarily,
 * the resizing code in bpm.js that hardcodes minimum values and offsets.
 */

/*
 * Emotes button on the standard display requires some special margins.
 */
.bpm-search-toggle {
    margin: 5px 0px 0 5px !important;
    float: right;
}

/*
 * Emotes button on .compact display, for mobile niceness. Reset margins back
 * to their default, and replicate the padding that the help button has.
 *
 * (Not that it matters, since as of right now, the "help" link is weird and
 * ugly on Firefox for some reason.)
 */
.bpm-search-toggle.newbutton {
    padding: 0px 5px;
    margin: 2px !important;
}

/* Emotes button on Voat. */
.bpm-search-toggle.bpm-voat {
    margin-left: 1px;
    margin-right: 1px;
    width: 50px;
    background-image: none;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    padding: 0px !important;
    float: none !important;
    vertical-align: inherit !important;
}

/* Container */
#bpm-sb-container {
    position: fixed;

    /* Fixes the container sizing on Voat and some sites using Bootstrap */
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;

    /* These four values are reset in JS immediately, so effectively ignored */
    width: 620px;
    height: 450px;
    top: 25px;
    left: 600px;
    padding: 5px 5px 0px 5px;
    margin: 0px !important;

    background-color: #E8E8E8;
    border: thin solid black !important;
    border-radius: 0px !important;
    /*
     * It'd be nice to hide under RES's console dropdown, but there's too many
     * things we need to override to be nice like that.
     */
    z-index: 43112609; /* P sub 47 */
    visibility: hidden;
}

/*
 * Note: attach visibility: inherit; to EVERY sub-element of #bpm-sb-container.
 * Failure to do so makes certain sites who like to screw around with the
 * visibility setting look wrong.
 *
 * This is in preference to a "#bpm-sb-container *" universal rule.
 */

/*
 * Compact display changes: kill the drag/resize boxes (useless), the results
 * count (uses valuable space), and let the inpux box take up as much room as
 * possible
 */
#bpm-sb-container.bpm-compact #bpm-sb-dragbox,
#bpm-sb-container.bpm-compact #bpm-sb-resize,
#bpm-sb-container.bpm-compact #bpm-sb-resultinfo {
    display: none;
}

/* For use in Voat's dark theme */
#bpm-sb-container.bpm-dark {
    background-color: #444;
}

/* Top row widget container */
#bpm-sb-toprow {
    height: 30px;
    margin: 0px 0px 5px 0px !important;
    padding: 0px !important;
    width: 100% !important;

    visibility: inherit;
}

/* Top-left drag box */
#bpm-sb-dragbox {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    float: left;

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAC9SURBVEjHY2BgYPg/QHiALQYCBnrgoWsxEHiCMF0tBgJWIL4Oxaz0tLgAyYB8ulgMBCJA/B7JABBbhB4WT8OSNabRM3FRpG/UYnRF4kA8l1SLQXpAekm2GJpPS4D4Ix7D/xOQA+<KEY>

    visibility: inherit;
}

/* Tag dropdown */
#bpm-sb-tagdropdown {
    float: left;
    width: 60px;
    margin: 6px;

    visibility: inherit;
}

/* Search input */
#bpm-sb-input {
    border-width: 2px !important;
    height: 18px !important;
    width: 240px !important;
    padding: 5px !important;
    float: left;
    /* Fix for Chrome, which get the size wrong. Also a fix to make this
       somewhat saner in quirks mode documents */
    box-sizing: content-box;
    -moz-box-sizing: content-box;

    margin-right: 5px !important;

    visibility: inherit;
}

/* Result count element */
#bpm-sb-resultinfo {
    height: 30px;
    float: left;

    color: gray;
    font-style: italic;
    font-weight: lighter;
    line-height: 30px; /* Ugly way to vertically center text */

    visibility: inherit;
}

/* Close button */
#bpm-sb-close {
    width: 30px;
    height: 30px;
    float: right;

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACWSURBVEjH7dcxDoAgDAXQDhyROzJwREiQ4bsQLAjGH2NJ/<KEY>

    visibility: inherit;
}

#bpm-sb-tabframe {
    height: 388px; /* #bpm-search-box - 62 */

    /* Fixes the tabframe sizing on Voat and some sites using Bootstrap */
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;

    padding: 4px !important;
    margin: 0px !important;
    border-radius: 0px !important;
    width: auto !important;

    background-color: white;

    visibility: inherit;
}

/* For use in Voat's dark theme */
#bpm-sb-tabframe.bpm-dark {
    background-color: #292929;
}

/* Search result container */
#bpm-sb-results {
    height: inherit;
    overflow-y: auto;
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 0px !important;
    width: 100% !important;

    font-size: xx-small;
    font-family: monospace;
    word-wrap: break-word; /* Makes emote names a bit nicer */

    visibility: inherit;
}

/* Help tab */
#bpm-sb-helptab {
    height: inherit;
    display: none; /* default for this tab */
    overflow-y: scroll;
    padding: 5px;

    visibility: inherit;
}
.bpm-sb-help {
    margin-bottom: 8px;
    font-size: small;
    text-align: justify;

    visibility: inherit;
}

/* Flags tab */
#bpm-sb-flagtab {
    height: inherit;
    display: none; /* default for this tab */
    overflow-y: scroll;
    padding: 5px;

    visibility: inherit;
}
.bpm-sb-flag {
    margin-bottom: 8px;
    font-size: small;
    text-align: justify;

    visibility: inherit;
}
.bpflagtable {border-collapse:collapse;border-spacing:0;}
.bpflagtable td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;
border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.bpflagtable th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;
padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;
word-break:normal;}
.bpflagtable .bpflagtable-yw4l{vertical-align:top}

#bpm-sb-bottomrow {
    height: 20px; /* Fit in the margins */
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 0px !important;
    float: left;
    width: 100%;

    visibility: inherit;
}

.bpm-sb-noconvert-flutterwink::after {
    content: "[](/flutterwink-invert-in)";
}

.bpm-sb-noconvert-zecora::after {
    content: "[](/zecora-spin-s1)";
}

.bpm-sb-noconvert-txt::after {
    content: "[](/txt!)";
}

/* Bugfix: Allow clicking of emotes if a subreddit has their own anti-click */
.bpm-emote {pointer-events:auto!important}

/* Bugfix: Some subreddits display circles around minmized emote objects */
.bpm-emote:before {display:none!important}
.bpm-emote:after {display:none!important}

/* Bugfix: Wikipedia expandos show hidden text by links (RES) */
.res-media-host-wikipedia .bpm-alttext {display:none}

/* Help and options links */
#bpm-sb-helplink, #bpm-sb-flaglink, #bpm-sb-optionslink, #bpm-sb-srlink {<commit_msg>Fixes a bug documented by /u/Eiriksen.<commit_after>/*******************************************************************************
**
** This file is part of BetterPonymotes.
** Copyright (c) 2012-2015 Typhos.
**
** This program is free software: you can redistribute it and/or modify it
** under the terms of the GNU Affero 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 Affero General Public License
** for more details.
**
** You should have received a copy of the GNU Affero General Public License
** along with this program.  If not, see <http://www.gnu.org/licenses/>.
**
*******************************************************************************/

/*
 * CSS for the addon itself.
 */

/* Placeholders */

.bpm-minified, .bpm-minified:before, .bpm-minified:after, .bpm-minified:hover, .bpm-minified:active {
    /* Behave like normal emotes do */
    display: block !important;
    float: left;
    /* Need !important tags to override Reddit and emote CSS. */
    color: black !important;
    border: solid thin black;
    font-family: monospace;
    padding: 3px !important;
    margin: 1px !important; /* Don't run lines of them together */
    border-radius: 4px;
    height: auto !important;
    width: auto !important;
    /*
     * This class used to shut emotes down, so in the interests of working even
     * in the emote's native subreddit, we try to override anything else.
     *
     * Unfortunately, due to the placement of this CSS, !important flags in the
     * subreddit's CSS can override us. The background-size bit is a extra
     * trick to try to stop that.
     */
    background-image: none !important;
    background-size: 0% !important;

    /* Kill animations */
    transform: none !important;
    -webkit-transform: none !important;
    animation: none;
    -webkit-animation: none;
}

.bpm-hidden, .bpm-hidden:before, .bpm-hidden:after, .bpm-hidden:hover, .bpm-hidden:active {
    /*
     * Similar- but we don't even show the placeholder.
     */
    width: 0px !important;
    height: 0px !important;
    display: none !important;

    background-image: none !important;
    background-size: 0% !important;

    /* Kill animations */
    transform: none !important;
    -webkit-transform: none !important;
    animation: none !important;
    -webkit-animation: none !important;
}

/* Unknown emote placeholder. Transparent red background */
.bpm-unknown {
    background-color: hsla(0, 100%, 50%, 0.3);
}

/* NSFW emote placeholder. Doesn't look too great in night mode, unfortunately. */
.bpm-nsfw, .bpm-nsfw:hover {
    color: white !important;
    background-color: black !important;
}

/* Alt-text display. */
.bpm-alttext {
    color: grey;
}

/* Click blocker */
.bpm-emote, .bpm-unknown {
    cursor: default;
}

/*
 * Added to <body> when dragging things around. This works pretty well in
 * Firefox and Chrome, and the ::selection bit makes it work a little better
 * in Opera.
 */
.bpm-noselect {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none; /* Doesn't exist */
}
.bpm-noselect::selection {
    background-color: transparent;
}
.bpm-noselect::-moz-selection {
    background-color: transparent;
}

/*
 * Emote search CSS
 *
 * WARNING: due to my lack of CSS skills, there are many width/height values
 * here that cannot be changed without editing corresponding JS. See, primarily,
 * the resizing code in bpm.js that hardcodes minimum values and offsets.
 */

/*
 * Emotes button on the standard display requires some special margins.
 */
.bpm-search-toggle {
    margin: 5px 0px 0 5px !important;
    float: right;
}

/*
 * Emotes button on .compact display, for mobile niceness. Reset margins back
 * to their default, and replicate the padding that the help button has.
 *
 * (Not that it matters, since as of right now, the "help" link is weird and
 * ugly on Firefox for some reason.)
 */
.bpm-search-toggle.newbutton {
    padding: 0px 5px;
    margin: 2px !important;
}

/* Emotes button on Voat. */
.bpm-search-toggle.bpm-voat {
    margin-left: 1px;
    margin-right: 1px;
    width: 50px;
    background-image: none;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    padding: 0px !important;
    float: none !important;
    vertical-align: inherit !important;
}

/* Container */
#bpm-sb-container {
    position: fixed;

    /* Fixes the container sizing on Voat and some sites using Bootstrap */
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;

    /* These four values are reset in JS immediately, so effectively ignored */
    width: 620px;
    height: 450px;
    top: 25px;
    left: 600px;
    padding: 5px 5px 0px 5px;
    margin: 0px !important;

    background-color: #E8E8E8;
    border: thin solid black !important;
    border-radius: 0px !important;
    /*
     * It'd be nice to hide under RES's console dropdown, but there's too many
     * things we need to override to be nice like that.
     */
    z-index: 43112609; /* P sub 47 */
    visibility: hidden;
}

/*
 * Note: attach visibility: inherit; to EVERY sub-element of #bpm-sb-container.
 * Failure to do so makes certain sites who like to screw around with the
 * visibility setting look wrong.
 *
 * This is in preference to a "#bpm-sb-container *" universal rule.
 */

/*
 * Compact display changes: kill the drag/resize boxes (useless), the results
 * count (uses valuable space), and let the inpux box take up as much room as
 * possible
 */
#bpm-sb-container.bpm-compact #bpm-sb-dragbox,
#bpm-sb-container.bpm-compact #bpm-sb-resize,
#bpm-sb-container.bpm-compact #bpm-sb-resultinfo {
    display: none;
}

/* For use in Voat's dark theme */
#bpm-sb-container.bpm-dark {
    background-color: #444;
}

/* Top row widget container */
#bpm-sb-toprow {
    height: 30px;
    margin: 0px 0px 5px 0px !important;
    padding: 0px !important;
    width: 100% !important;

    visibility: inherit;
}

/* Top-left drag box */
#bpm-sb-dragbox {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    float: left;

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAC9SURBVEjHY2BgYPg/QHiALQYCBnrgoWsxEHiCMF0tBgJWIL4Oxaz0tLgAyYB8ulgMBCJA/B7JABBbhB4WT8OSNabRM3FRpG/UYnRF4kA8l1SLQXpAekm2GJpPS4D4Ix7D/xOQA+ktRs/nOC0GAi8gvknFygBklhcxFntCSyRqWXwduWglJqjzYQUFmUH9HlrCsZKTuERwFQ4E9E3DVZqN5uPBb/GAVRIDVi0OWENgQJs+A9bYGx7t6hHTdwIA/NWecKA2C2UAAAAASUVORK5CYII=");

    visibility: inherit;
}

/* Tag dropdown */
#bpm-sb-tagdropdown {
    float: left;
    width: 60px;
    margin: 6px;

    visibility: inherit;
}

/* Search input */
#bpm-sb-input {
    border-width: 2px !important;
    height: 18px !important;
    width: 240px !important;
    padding: 5px !important;
    float: left;
    /* Fix for Chrome, which get the size wrong. Also a fix to make this
       somewhat saner in quirks mode documents */
    box-sizing: content-box;
    -moz-box-sizing: content-box;

    margin-right: 5px !important;

    visibility: inherit;
}

/* Result count element */
#bpm-sb-resultinfo {
    height: 30px;
    float: left;

    color: gray;
    font-style: italic;
    font-weight: lighter;
    line-height: 30px; /* Ugly way to vertically center text */

    visibility: inherit;
}

/* Close button */
#bpm-sb-close {
    width: 30px;
    height: 30px;
    float: right;

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQ<KEY>

    visibility: inherit;
}

#bpm-sb-tabframe {
    height: 388px; /* #bpm-search-box - 62 */

    /* Fixes the tabframe sizing on Voat and some sites using Bootstrap */
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;

    padding: 4px !important;
    margin: 0px !important;
    border-radius: 0px !important;
    width: auto !important;

    background-color: white;

    visibility: inherit;
}

/* For use in Voat's dark theme */
#bpm-sb-tabframe.bpm-dark {
    background-color: #292929;
}

/* Search result container */
#bpm-sb-results {
    height: inherit;
    overflow-y: auto;
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 0px !important;
    width: 100% !important;

    font-size: xx-small;
    font-family: monospace;
    word-wrap: break-word; /* Makes emote names a bit nicer */

    visibility: inherit;
}

/* Help tab */
#bpm-sb-helptab {
    height: inherit;
    display: none; /* default for this tab */
    overflow-y: scroll;
    padding: 5px;

    visibility: inherit;
}
.bpm-sb-help {
    margin-bottom: 8px;
    font-size: small;
    text-align: justify;

    visibility: inherit;
}

/* Flags tab */
#bpm-sb-flagtab {
    height: inherit;
    display: none; /* default for this tab */
    overflow-y: scroll;
    padding: 5px;

    visibility: inherit;
}
.bpm-sb-flag {
    margin-bottom: 8px;
    font-size: small;
    text-align: justify;

    visibility: inherit;
}
.bpflagtable {border-collapse:collapse;border-spacing:0;}
.bpflagtable td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;
border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.bpflagtable th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;
padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;
word-break:normal;}
.bpflagtable .bpflagtable-yw4l{vertical-align:top}

#bpm-sb-bottomrow {
    height: 20px; /* Fit in the margins */
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 0px !important;
    float: left;
    width: 100%;

    visibility: inherit;
}

.bpm-sb-noconvert-flutterwink::after {
    content: "[](/flutterwink-invert-in)";
}

.bpm-sb-noconvert-zecora::after {
    content: "[](/zecora-spin-s1)";
}

.bpm-sb-noconvert-txt::after {
    content: "[](/txt!)";
}

/* Bugfix: Allow clicking of emotes if a subreddit has their own anti-click */
.bpm-emote {pointer-events:auto!important}

/* Bugfix: Some subreddits display circles around minmized emote objects */
.bpm-emote:before {border-style:none!important}
.bpm-emote:after {border-style:none!important}

/* Bugfix: Wikipedia expandos show hidden text by links (RES) */
.res-media-host-wikipedia .bpm-alttext {display:none}

/* Help and options links */
#bpm-sb-helplink, #bpm-sb-flaglink, #bpm-sb-optionslink, #bpm-sb-srlink {
{'fraction_non_alphanumeric': 0.13119278715672295, 'fraction_numerical': 0.01867611205667234, 'mean_word_length': 3.3367245162577297, 'pattern_counts': {'":': 0, '<': 10, '<?xml version=': 0, '>': 10, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2048421', 'n_tokens_mistral': 7754, 'n_tokens_neox': 7250, 'n_words': 2089}