MediaWiki:Gadget-Cat-a-lot-pagestyles.css
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
/**
* SPDX-License-Identifier: CC-BY-SA-4.0
* _addText: '{{Gadget Header|title=Cat-a-lot.css|license=CC-BY-SA-4.0}}'
*
* Cat-a-lot.css
*
* @base {@link https://zh.wikipedia.org/wiki/MediaWiki:Gadget-Cat-a-lot.css}
* @source {@link https://git.qiuwen.net.cn/InterfaceAdmin/QiuwenGadgets/src/branch/master/src/Cat-a-lot-pagestyles}
* @author Magnus Manske, Ilmari Karonen, DieBuche, 安忆 <i@anyi.in>
* @license CC-BY-SA-4.0 {@link https://www.qiuwenbaike.cn/wiki/H:CC-BY-SA-4.0}
*/
/**
* SPDX-License-Identifier: MIT
*
* check Icon from OOjs UI (constructive; green color)
*
* @base {@link https://www.qiuwenbaike.cn/wiki/File:OOjs_UI_icon_check-constructive.svg}
* @source {@link https://git.qiuwen.net.cn/InterfaceAdmin/QiuwenGadgets/src/branch/master/src/Cat-a-lot-pagestyles/images}
* @license MIT {@link https://github.com/wikimedia/oojs-ui/blob/master/LICENSE-MIT}
*/
/**
* Copyright 2011-2022 OOUI Team and other contributors.
*
* 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> */
/* src/Cat-a-lot-pagestyles/Cat-a-lot-pagestyles.less */
.gadget-cat_a_lot-container {
border-radius: 0.5em;
-webkit-backdrop-filter: saturate(50%) blur(16px);
backdrop-filter: saturate(50%) blur(16px);
background: rgba(255, 255, 255, 0.75);
border: 2px solid #36c;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
display: block;
position: fixed !important;
bottom: 0;
right: 0;
margin: 0.2em;
padding: 0.2em;
z-index: 200;
}
.gadget-cat_a_lot-container a {
cursor: pointer;
}
.gadget-cat_a_lot-container__data {
display: none;
}
.gadget-cat_a_lot-container__data ul {
list-style-image: none;
list-style-type: none;
margin: 0 0 0 0.5em;
}
.gadget-cat_a_lot-container__data__category-list {
overflow: auto;
}
.gadget-cat_a_lot-container__data__category-list table {
border-collapse: collapse;
}
.gadget-cat_a_lot-container__data__category-list tr td {
padding: 0 0.5em 0.25em;
}
.gadget-cat_a_lot-container__data__category-list tr:hover {
background-color: rgba(51, 102, 204, 0.25);
border: 1px solid #36c;
}
.gadget-cat_a_lot-container__data__category-list__action,
.gadget-cat_a_lot-container__data__category-list--no-found {
font-weight: bold;
}
.gadget-cat_a_lot-container__data__mark-counter {
display: none;
margin: 0.5em 0;
}
.gadget-cat_a_lot-container__data__search-input-container__input {
display: block;
font-size: 1em;
margin: 0.5em auto;
width: 95%;
}
.gadget-cat_a_lot-container__data__selections {
margin: 0.5em 0;
}
.skin-vector .gadget-cat_a_lot-container {
font-size: 0.75em;
}
.gadget-cat_a_lot-feedback {
-webkit-backdrop-filter: saturate(50%) blur(16px);
backdrop-filter: saturate(50%) blur(16px);
background: rgba(255, 255, 255, 0.75);
border: 2px solid #36c;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
border: 0;
padding: 0.5em 2.5em;
}
.gadget-cat_a_lot-feedback + .ui-widget-overlay {
background: none;
}
.gadget-cat_a_lot-feedback--done {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20fill%3D%22%23181%22%20d%3D%22M7%2014.17%202.83%2010l-1.41%201.41L7%2017%2019%205l-1.41-1.42z%22%2F%3E%3C%2Fsvg%3E);
background-size: 2em;
background-position: 1em 50%;
background-repeat: no-repeat;
}
.gadget-cat_a_lot-label--last-selected {
font-weight: bold;
outline: dotted 2px #36c;
}
.gadget-cat_a_lot-label--selected {
background-color: rgba(51, 102, 204, 0.25);
}
.gadget-cat_a_lot-label--done {
background-color: #e6e6e6;
}