MediaWiki:Gadget-Toastify.css

/**
 * SPDX-License-Identifier: MIT
 * _addText: '{{Gadget Header|license=MIT|attribution=2018 apvarun}}'
 *
 * @base {@link https://github.com/apvarun/toastify-js}
 * @source {@link https://git.qiuwen.net.cn/InterfaceAdmin/QiuwenGadgets/src/branch/master/src/Toastify}
 * @license MIT {@link https://github.com/apvarun/toastify-js/blob/master/LICENSE}
 */

/**
 * Copyright (c) 2018 apvarun
 *
 * Permission is hereby granted, free of charge, to any person obtaining
 * a copy of this software and associated documentation files (the
 * "Software"), to deal in the Software without restriction, including
 * without limitation the rights to use, copy, modify, merge, publish,
 * distribute, sublicense, and/or sell copies of the Software, and to
 * permit persons to whom the Software is furnished to do so, subject to
 * the following conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
 * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
 * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
/**
 * +------------------------------------------------------------+
 * |            === WARNING: GLOBAL GADGET FILE ===             |
 * +------------------------------------------------------------+
 * |       All changes should be made in the repository,        |
 * |                otherwise they will be lost.                |
 * +------------------------------------------------------------+
 * |        Changes to this page may affect many users.         |
 * | Please discuss changes by opening an issue before editing. |
 * +------------------------------------------------------------+
 */
/* <nowiki> */

/* node_modules/.pnpm/toastify-js@1.12.0/node_modules/toastify-js/src/toastify.css */
/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
.toastify {
  padding: 12px 20px;
  color: #ffffff;
  display: inline-block;
  box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
  background:
    linear-gradient(
      135deg,
      #73a5ff,
      #5477f5);
  position: fixed;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  border-radius: 2px;
  cursor: pointer;
  -webkit-text-decoration: none;
  text-decoration: none;
  max-width: calc(50% - 20px);
  z-index: 2147483647;
}
.toastify.on {
  opacity: 1;
}
.toast-close {
  background: transparent;
  border: 0;
  color: white;
  cursor: pointer;
  font-family: inherit;
  font-size: 1em;
  opacity: 0.4;
  padding: 0 5px;
}
.toastify-right {
  right: 15px;
}
.toastify-left {
  left: 15px;
}
.toastify-top {
  top: -150px;
}
.toastify-bottom {
  bottom: -150px;
}
.toastify-rounded {
  border-radius: 25px;
}
.toastify-avatar {
  width: 1.5em;
  height: 1.5em;
  margin: -7px 5px;
  border-radius: 2px;
}
.toastify-center {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  max-width: fit-content;
  max-width: -moz-fit-content;
}
@media only screen and (max-width: 360px) {
  .toastify-right,
  .toastify-left {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}

/* src/Toastify/custom.less */
.gadget-toastify {
  background: #e6e6e6;
  border-radius: 0.5em;
  box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.1), 0 10px 36px -4px rgba(0, 0, 0, 0.2);
  cursor: auto;
  color: #191919;
  display: flex;
  align-items: baseline;
  word-break: break-all;
  z-index: 9999;
}
.gadget-toastify a,
.gadget-toastify a:hover,
.gadget-toastify a:visited,
.gadget-toastify a:visited:hover {
  color: #f4ff7f !important;
}
.gadget-toastify--error,
.gadget-toastify--info,
.gadget-toastify--success,
.gadget-toastify--warning {
  color: #fff;
}
.gadget-toastify--error {
  background: #b32424;
}
.gadget-toastify--info {
  background: #36c;
}
.gadget-toastify--success {
  background: #181;
}
.gadget-toastify--warning {
  background: #a60;
}
.gadget-toastify .toast-close {
  color: inherit;
  font-family: serif;
  font-family: var(--fonts-serif, serif);
  font-size: 0.8em;
  padding: 0 0 0 1em;
}
.gadget-toastify.toastify-left .toast-close {
  padding: 0 1em 0 0;
}
.gadget-toastify.toastify-left,
.gadget-toastify.toastify-right {
  max-width: 17.5em;
}
.client-darkmode .gadget-toastify:not(.gadget-toastify--error):not(.gadget-toastify--info):not(.gadget-toastify--success):not(.gadget-toastify--warning) {
  box-shadow: none;
  border: 5px solid #c8ccd1;
}
.client-darkmode .gadget-toastify a,
.client-darkmode .gadget-toastify a:hover,
.client-darkmode .gadget-toastify a:visited,
.client-darkmode .gadget-toastify a:visited:hover {
  color: #000 !important;
}
.client-darkmode .gadget-toastify .toast-close {
  color: #000;
  color: initial;
}