第1行: |
第1行: |
− | /* 这里放置的CSS将影响使用移动版网站的用户 */
| + | #重定向 [[MediaWiki:Common.css]] |
− | @import url('https://fonts.googleapis.com/css?family=Montserrat'); /* 因使用顺序优先加载 */
| |
− | @import url('https://fonts.googleapis.com/css?family=Jura'); /*科技感包含希腊字母*/
| |
− | @import url('https://fonts.googleapis.com/css?family=Tajawal'); /*阿拉伯字母字体*/
| |
− | @import url('https://fonts.googleapis.com/css?family=Google Sans'); /*谷歌的字体*/
| |
− | @import url('https://fonts.googleapis.com/css?family=Noto Sans SC'); /*思源黑体*/
| |
− | @import url('https://fonts.googleapis.com/css?family=Fira Code'); /*等宽字体常规*/
| |
− | @import url('https://fonts.googleapis.com/css?family=Kalam'); /*较窄的字体*/
| |
− | @import url('https://fonts.googleapis.com/css?family=JetBrains Mono'); /*等宽字体用作目录*/
| |
− | @import url('https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.4/css/all.min.css'); /* FA 字体图标 */
| |
− | @import url('https://voicewiki.cn/w/extrafiles/font-awesome-animation.min.css'); /* FA 字体动画 */
| |
− | | |
− | @font-face {
| |
− | font-family: "Pricedown";
| |
− | src: url("https://voicewiki.cn/w/extrafiles/Pricedown.ttf") format("truetype");
| |
− | font-style: normal;
| |
− | font-stretch: normal;
| |
− | font-weight: normal;
| |
− | }
| |
− | | |
− | @font-face {
| |
− | font-family: "Big Noodle Too";
| |
− | src: url("https://voicewiki.cn/w/extrafiles/big-noodle-too-oblique.woff") format("woff");
| |
− | font-style: oblique;
| |
− | font-stretch: normal;
| |
− | font-weight: normal;
| |
− | }
| |
− | /* 暂时隐藏需要处理但还未处理的 DOM 节点,JavaScript 会在之后移除这个 class */
| |
− | .template-render-cloak {
| |
− | display: none !important;
| |
− | visibility: hidden !important;
| |
− | }
| |
− | | |
− | /*
| |
− | 根据目测覆盖范围重新安排 font-family 使用顺序:
| |
− | Montserrat -> Latin
| |
− | Tajawal -> Latin + Arabic
| |
− | Jura -> 经测试 Jura 并不包含希腊字母字形
| |
− | */
| |
− | /*全站字体*/
| |
− | body * {
| |
− | font-family: Montserrat, Tajawal, "Google Sans", "Noto Sans SC", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", "Heiti SC", sans-serif;
| |
− | }
| |
− | | |
− | /**************************/
| |
− | /* 顶部导航栏 */
| |
− | /**************************/
| |
− | body > #mw-content-container {
| |
− | margin-top: 0;
| |
− | }
| |
− | | |
− | | |
− | .cosmos-mobile-navigation .wds-tabs {
| |
− | background-color: transparent;
| |
− | }
| |
− | | |
− | .cosmos-mobile-navigation .wds-tabs .wds-tabs__tab{
| |
− | background-color: rgba(17,16,50);
| |
− | margin: 0;
| |
− | /* border-radius: 10px; */
| |
− | /* background-color: rgba(17,16,50,0.95); */
| |
− | /* backdrop-filter: blur(20px); */
| |
− | /* -webkit-backdrop-filter: blur(20px); */
| |
− | /* margin: 4px; */
| |
− | }
| |
− | .cosmos-mobile-navigation .wds-tabs .wds-tabs__tab .wds-dropdown{
| |
− | width: 100%;
| |
− | }
| |
− | .cosmos-mobile-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a:not(.wds-button) {
| |
− | color: #ffffff !important;
| |
− | }
| |
− | | |
− | .cosmos-mobile-navigation .wds-tabs .wds-tabs__tab-label{
| |
− | width: 100%;
| |
− | display: inherit;
| |
− | margin: 0;
| |
− | background-color: rgb(20,40,90, 0.6);
| |
− | /* border-radius: 8px; */
| |
− | }
| |
− | | |
− | | |
− | .cosmos-mobile-navigation .wds-tabs .wds-tabs__tab-label span {
| |
− | color: #ffffff !important;
| |
− | }
| |
− | | |
− | .cosmos-mobile-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a:not(.wds-button) {
| |
− | color: rgb(220, 220, 220) !important;
| |
− | }
| |
− | | |
− | #cosmos-banner
| |
− | {
| |
− | background-color: #111032;
| |
− | }/*导航栏背景颜色*/
| |
− | | |
− | .cosmos-bannerOption-icon
| |
− | {
| |
− | fill: none;
| |
− | stroke: #41A5EE;
| |
− | }/*图标颜色:无填充,只改描边*/
| |
− | | |
− | .cosmos-bannerOption-dropdownIcon
| |
− | {
| |
− | stroke: #39B54A;
| |
− | fill: #39B54A;
| |
− | }/*旁边小箭头颜色*/
| |
− | | |
− | .cosmos-bannerOption:hover .cosmos-bannerOption-dropdownIcon
| |
− | {
| |
− | fill: #39B54A;
| |
− | stroke: #39B54A;
| |
− | }/*旁边小箭头颜色hover*/
| |
− | | |
− | .cosmos-bannerOption:hover .cosmos-bannerOption-icon
| |
− | {
| |
− | stroke: #ffffff !important;
| |
− | }/*图标颜色hover*/
| |
− | | |
− | #searchInput
| |
− | {
| |
− | color: #41A5EE !important;
| |
− | border-bottom: 2px solid #41A5EE;
| |
− | }/*搜索框文本和下划线颜色*/
| |
− | | |
− | #searchInput:enabled
| |
− | {
| |
− | border-bottom: 2px solid #41A5EE;
| |
− | }/*搜索框下划线颜色*/
| |
− | | |
− | input[type="search"]::-webkit-input-placeholder { /* WebKit browsers */
| |
− | color: #41A5EE !important;
| |
− | }
| |
− | input[type="search"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
| |
− | color: #41A5EE !important;
| |
− | }
| |
− | input[type="search"]::-moz-placeholder { /* Mozilla Firefox 19+ */
| |
− | color: #41A5EE !important;
| |
− | }
| |
− | input[type="search"]:-ms-input-placeholder { /* Internet Explorer 10+ */
| |
− | color: #41A5EE !important;
| |
− | }/*搜索框文本颜色*/
| |
− | | |
− | #cosmos-search-buttonContainer:hover #cosmos-search-buttonIcon
| |
− | {
| |
− | stroke: #ffffff !important;
| |
− | }/*搜索框放大镜hover颜色*/
| |
− | | |
− | .cosmos-userButton-label
| |
− | {
| |
− | color: #41A5EE;
| |
− | }/*用户名颜色*/
| |
− | | |
− | .cosmos-userOptions-personalTools:hover .cosmos-userButton-label {
| |
− | color: #ffffff;
| |
− | }/*用户名颜色hover*/
| |
− | #cosmos-actionsList-list a:hover {
| |
− | background-color: transparent;
| |
− | }
| |
− | | |
− | /**************************/
| |
− | /* 主页面 */
| |
− | /**************************/
| |
− | body:before {
| |
− | content: ' ';
| |
− | position: fixed;
| |
− | z-index: -1;
| |
− | top: 0;
| |
− | right: 0;
| |
− | bottom: 0;
| |
− | left: 0;
| |
− | background: url(/w/images/0/0e/BackgroundImage.jpg) center 0 no-repeat;
| |
− | background-size: cover;
| |
− | }
| |
− | | |
− | | |
− | body pre {
| |
− | background-color: rgba(17,17,17,0.90);
| |
− | color: #ffffff;
| |
− | border: 1px solid #cccccc;
| |
− | overflow: auto;
| |
− | padding: 12px;
| |
− | word-break: break-all;
| |
− | line-height: normal;
| |
− | }
| |
− | | |
− | #cosmos-actionsList-list
| |
− | {
| |
− | background-color: #292929;
| |
− | border-color: #888888;
| |
− | color: #e6e6e6;
| |
− | border-bottom: none !important;
| |
− | }
| |
− | | |
− | .cosmos-header {
| |
− | background-color: rgb(0, 0, 0, 0.8);
| |
− | backdrop-filter: blur(20px);
| |
− | -webkit-backdrop-filter: blur(20px);
| |
− | height: 80px;
| |
− | }
| |
− | | |
− | .cosmos-header__sitename a:-webkit-any-link {
| |
− | color: #ffffff;
| |
− | font-size: 25pt;
| |
− | }/*VoiceWiki的字体属性*/
| |
− | | |
− | .cosmos-header .wds-tabs .wds-tabs__tab-label a {
| |
− | color: #ffffff !important;
| |
− | }
| |
− | .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
| |
− | color: #ffffff !important;
| |
− | }
| |
− | .cosmos-header::before{
| |
− | background: 0;
| |
− | }
| |
− | .cosmos-header .cosmos-header__counter {
| |
− | color: #ffffff !important;
| |
− | }
| |
− | | |
− | .cosmos-mobile-menu-button{
| |
− | color: #ffffff !important;
| |
− | font-size: 24pt !important;
| |
− | }
| |
− | | |
− | #cosmos-toolbar {
| |
− | background-image: none !important;
| |
− | backdrop-filter: blur(20px);
| |
− | -webkit-backdrop-filter: blur(20px);
| |
− | box-shadow: none !important;
| |
− | background-color: rgba(0,0,0,0.6);
| |
− | }
| |
− | | |
− | .cosmos-tools-list li > a, .cosmos-tools-list ul li > a, .cosmos-tools-list ul > a, .cosmos-tools-list ul ul > a {
| |
− | color: rgba(250,250,250, 0.5) !important;
| |
− | }
| |
− | | |
− | .cosmos-tools-list li, .cosmos-tools-list ul li, .cosmos-tools-list ul, .cosmos-tools-list ul ul {
| |
− | color: rgba(250,250,250, 0.5) !important;
| |
− | }
| |
− | /**************************/
| |
− | .mw-body h1.firstHeading{
| |
− | border-bottom: none !important;
| |
− | color:#ffffff;
| |
− | }
| |
− | | |
− | body h1 {
| |
− | border-bottom: none !important;
| |
− | color:#27d1f4;
| |
− | }
| |
− | body h2 {
| |
− | color: #27d1f4;
| |
− | padding-bottom: 2px !important;
| |
− | border-bottom: 1px solid #ffef00 !important;
| |
− | /*background-image: url(/w/images/b/bd/Underline_yellow.svg);
| |
− | background-repeat: no-repeat;
| |
− | background-position: 0 105%;
| |
− | background-size: 100% 10px;
| |
− | -webkit-background-size:100% 10px;*/
| |
− | margin-top: 0.5em;
| |
− | margin-bottom: 0.7em;
| |
− | }
| |
− | #mw-toc-heading {
| |
− | border-bottom: 0px !important;
| |
− | }
| |
− | body h3 {
| |
− | border-bottom: none !important;
| |
− | color:#27d1f4;
| |
− | }
| |
− | .mw-body h4 {
| |
− | color: #27d1f4 ;
| |
− | }
| |
− | .mw-body h5 {
| |
− | color: #27d1f4 ;
| |
− | }
| |
− | /**************************/
| |
− | | |
− | #mw-content .toctitle h2 {
| |
− | font-size: 20px;
| |
− | background-image: none !important;
| |
− | font-weight: 900;
| |
− | }/*目录的目录二字*/
| |
− | .toc {
| |
− | background-color: transparent;
| |
− | border: 1px solid yellow;
| |
− | display: table;
| |
− | margin: 1em 0;
| |
− | max-width: 300px;
| |
− | padding: 10px;
| |
− | border-radius: 10px;
| |
− | }/*目录*/
| |
− | | |
− | #mw-content .toggleSymbol, .toctogglelabel {
| |
− | color: #FFF039;
| |
− | }/*目录编辑*/
| |
− | | |
− | .tocnumber {
| |
− | color: #27d1f4;
| |
− | font-family: 'JetBrains Mono', monospace;
| |
− | }
| |
− | | |
− | body #mw-content-text {
| |
− | color: #ffffff !important;
| |
− | }/*普通文本*/
| |
− | | |
− | | |
− | #mw-content {
| |
− | background-color: rgba(17, 17, 17, 0.91);
| |
− | border: 0 !important;
| |
− | }
| |
− | | |
− | #mw-content a:not(.new){
| |
− | color: #FFF039;
| |
− | }/*普通超链接*/
| |
− | | |
− | .cosmos-button-primary {
| |
− | color: #000000;
| |
− | background-color: #27d1f4;
| |
− | stroke: #000000;
| |
− | stroke-width: 2px;
| |
− | }
| |
− | .cosmos-button.cosmos-button-secondary {
| |
− | color: #ffffff;
| |
− | stroke: #ffffff;
| |
− | stroke-width: 2px;
| |
− | }
| |
− | #cosmos-footer {
| |
− | background-color: rgba(17, 17, 17, 0.91);
| |
− | }
| |
− | .cosmos-footerLinks-list {
| |
− | color: #ffffff;}
| |
− | .cosmos-footerLinks-list li a {
| |
− | color: #FFF039;
| |
− | }
| |
− | | |
− | | |
− | }/*监视列表*/
| |
− | | |
− | }
| |
− | .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
| |
− | background-color: darkgray;
| |
− | } /*监视列表*/
| |
− | | |
− | table.mw-datatable {
| |
− | color:#ffffff;
| |
− | }
| |
− | | |
− | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
| |
− | background-color: transparent;
| |
− | border-color: #447ff5;
| |
− | }
| |
− | | |
− | #pagehistory li.selected {
| |
− | color: #27d1f4;
| |
− | }
| |
− | | |
− | li.gallerybox div.thumb {
| |
− | border: 1px solid #c8ccd1;
| |
− | background-color: #202122;
| |
− | } /* 上传文件图片格子的背景 */
| |
− | | |
− | /**************************/
| |
− | /* SM2的播放按钮 */
| |
− | /**************************/
| |
− | | |
− | a.sm2_button, a.sm2_button.sm2_paused:hover {
| |
− | background-image: none,url(/w/images/a/ad/AudioPlay.svg);
| |
− | background-size: 40px;
| |
− | background-repeat: no-repeat;
| |
− | background-position: center;
| |
− | width: 40px;
| |
− | height: 40px;
| |
− | border-radius: 40px;
| |
− | }
| |
− | | |
− | /**************************/
| |
− | /* 编辑界面 */
| |
− | /**************************/
| |
− | | |
− | .mw-editform #wpTextbox1 {
| |
− | background-color: #1d1d1f;
| |
− | color: #ffffff;
| |
− | }
| |
− | | |
− | div.editOptions {
| |
− | padding: 1.25em 1.75em;
| |
− | border: solid #ffffff;
| |
− | border-width: 0 1px 0.2em;
| |
− | background: #1d1d1f;
| |
− | color: #ffffff;
| |
− | }
| |
− | | |
− | .editOptions p {
| |
− | color: #ffffff;
| |
− | }
| |
− | .editOptions .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
| |
− | color: #27d1f4;
| |
− | }
| |
− | #catlinks{
| |
− | background-color:#1d1d1f;
| |
− | }
| |
− | | |
− | /*其他*/
| |
− | | |
− | table.mw-enhanced-rc th, table.mw-enhanced-rc td {
| |
− | color: #ffffff;
| |
− | }/*监视列表*/
| |
− | #pagehistory li.selected {
| |
− | background-color: transparent;}
| |
− | .oo-ui-fieldLayout-header {
| |
− | color: #ffffff;}
| |
− | .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
| |
− | background-color: transparent;}
| |
− | .diff-context {
| |
− | color: #ffffff;}
| |
− | html .thumbcaption {
| |
− | color: #1d1d1f;}
| |
− | | |
− | /***********/
| |
− | /*datatable*/
| |
− | /***********/
| |
− | | |
− | .mw-datatable td {
| |
− | background-color: #1d1d1f;
| |
− | color: deepskyblue;
| |
− | }/*数据库表格*/
| |
− | .mw-datatable th {
| |
− | background-color: transparent;
| |
− | }/*数据库表头*/
| |
− | .mw-datatable tr:hover td {
| |
− | background-color: transparent;
| |
− | }/*文件hover*/
| |
− | .oo-ui-labelElement {
| |
− | color: rgb(57,181,74) !important;
| |
− | }
| |
− | .oo-ui-labelElement .oo-ui-labelElement-label{
| |
− | color: dodgerblue;}
| |
− | | |
− | /* 黑幕模板配合CSS */
| |
− | /* 把这几行单独拎出来写,否则会被Firefox合并到“.heimu a”这条规则,然后又被上面的“点过外链不变色”规则override */
| |
− | .heimu,
| |
− | .heimu rt {
| |
− | background-color: #FFF039;
| |
− | }
| |
− | span.heimu a.external,
| |
− | span.heimu a.external:visited,
| |
− | span.heimu a.extiw,
| |
− | span.heimu a.extiw:visited {
| |
− | color: #FFF039;
| |
− | }
| |
− | .heimu,
| |
− | .heimu a,
| |
− | a .heimu,
| |
− | .heimu a.new {
| |
− | color: #FFF039;
| |
− | text-shadow: none;
| |
− | }
| |
− | body:not(.heimu_toggle_on) .heimu:hover,
| |
− | body:not(.heimu_toggle_on) .heimu:active,
| |
− | body:not(.heimu_toggle_on) .heimu.off {
| |
− | transition: color .13s linear;
| |
− | color: #1d1d1f;
| |
− | }
| |
− | body:not(.heimu_toggle_on) .heimu:hover a,
| |
− | body:not(.heimu_toggle_on) a:hover .heimu,
| |
− | body:not(.heimu_toggle_on) .heimu.off a,
| |
− | body:not(.heimu_toggle_on) a:hover .heimu.off {
| |
− | transition: color .13s linear;
| |
− | color: lightblue;
| |
− | }
| |
− | body:not(.heimu_toggle_on) .heimu.off .new,
| |
− | body:not(.heimu_toggle_on) .heimu.off .new:hover,
| |
− | body:not(.heimu_toggle_on) .new:hover .heimu.off,
| |
− | body:not(.heimu_toggle_on) .heimu:hover .new {
| |
− | transition: color .13s linear;
| |
− | color: #FCC;
| |
− | }
| |
− | | |
− | /* 流彩英雄渐变文本 (Webkit only!) */
| |
− | .text-chromatic {
| |
− | background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#b116ec),color-stop(0.5,#ff0021),color-stop(1,#fff11e));
| |
− | background-image: -webkit-linear-gradient(left,#b116ec 0%,#ff0021 50%,#fff11e 100%);
| |
− | background-size: 1000% 1000%;
| |
− | -webkit-background-clip: text;
| |
− | -webkit-text-fill-color: transparent;
| |
− | -webkit-animation: Text-Chromatic 6s linear infinite;
| |
− | color: #f88f25; /* Fallback color for non-webkit browsers */
| |
− | white-space: nowrap;
| |
− | }
| |
− | | |
− | @keyframes Text-Chromatic {
| |
− | 0% {background-position: 0% 50%}
| |
− | 50% {background-position: 100% 50%}
| |
− | 100% {background-position: 0% 50%}
| |
− | }/**/
| |
− | | |
− | /**************************/
| |
− | /* 用户页面 */
| |
− | /**************************/
| |
− | | |
− | .profile-on {
| |
− | color: #1d1d1f;
| |
− | }
| |
− | .profile-tab {
| |
− | font-size: smaller;
| |
− | }
| |
− | .profile-update-title {
| |
− | color: #27d1f4;}
| |
− | .wikitable{
| |
− | background: dimgray;
| |
− | }
| |
− | .user-board-message-from {
| |
− | background-color: transparent;
| |
− | }
| |
− | .board-blast-message-form h2 {
| |
− | color: #27d1f4;}
| |
− | .blast-nav h2{
| |
− | color: #27d1f4;}
| |
− | | |
− | | |
− | /**************************/
| |
− | /* 全是关于MsUpload */
| |
− | /**************************/
| |
− | | |
− | #msupload-list .green {
| |
− | background: silver;
| |
− | }
| |
− | #msupload-list .file {
| |
− | background: #1d1d1f;
| |
− | }
| |
− | #msupload-bottom {
| |
− | background-color: slategrey;
| |
− | }
| |
− | | |
− | }
| |
− | ul#filetoc {
| |
− | text-align: center;
| |
− | border: 0px;
| |
− | background-color: transparent;
| |
− | }
| |
− | .wikitable:not([style*="background-color"]) > * > tr > td {
| |
− | background: content-box;
| |
− | }
| |
− | .mw-warning-with-logexcerpt {
| |
− | background-color: steelblue;
| |
− | border: none;}
| |
− | .wikiEditor-ui-toolbar .tabs span.tab a {
| |
− | color: #41A5EE !important;}
| |
− | | |
− | | |
− | | |
− | /**************************/
| |
− | /* 播放按钮 */
| |
− | /**************************/
| |
− | | |
− | .audio-player-button{
| |
− | height: 50px;
| |
− | width: 50px;
| |
− | text-align: center;
| |
− | border: 0;
| |
− | border-radius: 50%;
| |
− | transition: 0.3s ease-in-out;
| |
− | outline:0 none;
| |
− | background-image:none,url(/w/images/a/ad/AudioPlay.svg);
| |
− | }
| |
− | .audio-player-playing{
| |
− |
| |
− | transition: 0.3s ease-in-out;
| |
− | background-image:none,url(/w/images/c/cd/AudioPause.svg) !important;
| |
− | }
| |
− | | |
− | .audio-player-paused{
| |
− |
| |
− | transition: 0.3s ease-in-out;
| |
− | background-image:none,url(/w/images/a/ad/AudioPlay.svg) !important;
| |
− | }
| |
− | | |
− | .audio-download-button{
| |
− | display: none;
| |
− | height: 50px;
| |
− | width: 50px;
| |
− | background-color: #FFF039;
| |
− | text-align: center;
| |
− | border: 0;
| |
− | border-radius: 50%;
| |
− | outline:0 none;
| |
− | }
| |
− | /**************************/
| |
− | /* 评论区 */
| |
− | /**************************/
| |
− | | |
− | .comments-body{
| |
− | padding-top:10px;
| |
− | padding-buttom:10px;
| |
− | border-radius: 8px;
| |
− | }
| |
− | .comments-body .c-form-title{
| |
− | color: #ffffff;
| |
− | }
| |
− | .c-item{
| |
− | border-bottom: 1px rgba(200, 200, 200, 0.4) solid;
| |
− | padding: 4px;
| |
− | background-color: rgb(0, 0, 0, 0.5);
| |
− | backdrop-filter: saturate(200%) blur(20px);
| |
− | -webkit-backdrop-filter: saturate(200%) blur(20px);
| |
− | }
| |
− | | |
− | .c-avatar{
| |
− | top: 8px;
| |
− | left: 8px;
| |
− | }
| |
− | .c-avatar img {
| |
− | border-radius: 50px;}
| |
− | | |
− | .reply{
| |
− | width: 80%;
| |
− | margin-left: 15% !important;
| |
− | background-color: rgba(80, 80, 80, 0.15);
| |
− | padding: 4px;
| |
− | border-radius: 8px;
| |
− | }
| |
− | | |
− | .reply .c-actions a{
| |
− | color: #000 !important;
| |
− | background-color: rgb(249, 239, 0);
| |
− | border-radius: 4px;
| |
− | font-size: 10pt;
| |
− | padding: 4px;
| |
− | }
| |
− | | |
− | .reply .c-actions .c-delete a{
| |
− | background-color: red !important;
| |
− | }
| |
− | | |
− | .full{
| |
− | background-color: rgba(200, 200, 200, 0.15);
| |
− | width: 92%;
| |
− | margin: 4% !important;
| |
− | padding: 4px;
| |
− | border-radius: 8px;
| |
− | }
| |
− | .full .c-actions a{
| |
− | color: #000 !important;
| |
− | background-color: rgb(249, 239, 0);
| |
− | border-radius: 4px;
| |
− | font-size: 10pt;
| |
− | padding: 4px;
| |
− | }
| |
− | | |
− | .full .c-actions .c-delete a{
| |
− | background-color: red !important;
| |
− | }
| |
− | | |
− | textarea#comment {
| |
− | border-radius: 8px;
| |
− | padding: 3px;
| |
− | margin-left: 2%;
| |
− | width: 95%;
| |
− | }
| |
− | | |
− | .r-message {
| |
− | width: 90%;
| |
− | margin: 1% !important;
| |
− | }
| |
− | | |
− | .f-message{
| |
− | width: 95%;
| |
− | margin: 2% !important;
| |
− | }
| |
− | /**************************/
| |
− | /* B站 */
| |
− | /**************************/
| |
− | | |
− | .bilibili{
| |
− | border: 0;
| |
− | padding: 0;
| |
− | width: 100%;
| |
− | height: 35vh;
| |
− | }
| |
− | .bilibili iframe{
| |
− | border: 0;
| |
− | padding: 0;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | }
| |
− | | |
− | .mw-ui-icon-flush-left {
| |
− | float: left;
| |
− | }
| |
− | | |
− | .mw-ui-icon-mf-expand {
| |
− | width: 1.5em !important;
| |
− | min-width: 0 !important;
| |
− | max-width: none !important;
| |
− | margin-right: .5em;
| |
− | }
| |
− | | |
− | .mw-ui-icon-mf-expand:before {
| |
− | margin: 0 !important;
| |
− | background-color: #f8ef00;
| |
− | | |
− | /*
| |
− | background-image: url(/w/images/5/51/Up_Arrow.png);
| |
− | background-image: linear-gradient(transparent,transparent),url(/w/images/5/51/Up_Arrow.png);
| |
− | */
| |
− | }
| |
− | | |
− | .feedback{
| |
− | top: 40px !important;
| |
− | right: 10px !important;
| |
− | }
| |
− | .fillet{
| |
− | border-radius: 30px;
| |
− | display: inline-block;
| |
− | height: 30px;
| |
− | font-size: 17px;
| |
− | line-height: 30px;
| |
− | text-align: center;
| |
− | color: #1d1d1f !important;
| |
− | }
| |
− | | |
− | | |
− | /***********************************/
| |
− | /* 标签 */
| |
− | /***********************************/
| |
− | /* 类似于 Fillet,但是拥有自适应宽高和略微缩小的文字大小 */
| |
− | | |
− | /* 默认标签样式 */
| |
− | .tag {
| |
− | margin-left: .5rem;
| |
− | display: inline-block;
| |
− | padding: .125em 1em;
| |
− | border-radius: 2em;
| |
− | color: #fff;
| |
− | font-size: .9em;
| |
− | font-weight: 700; /* Bold */
| |
− | line-height: 1.414;
| |
− | background-color: #777;
| |
− | }
| |
− | | |
− | /*
| |
− | * 各语言彩色标签,需要的话自己加。目前已有:
| |
− | *
| |
− | * fr - 法语
| |
− | * es - 西班牙语
| |
− | * ru - 俄语
| |
− | * ko - 韩语
| |
− | * ja - 日语
| |
− | * de - 德语
| |
− | * ar - 阿拉伯语
| |
− | */
| |
− | :lang(fr) + .tag { background-color: rgb(202, 47, 143); }
| |
− | :lang(es) + .tag { background-color: rgb(35, 151, 37); }
| |
− | :lang(ru) + .tag { background-color: rgb(33, 150, 243); }
| |
− | :lang(ko) + .tag { background-color: rgb(5, 147, 186); }
| |
− | :lang(ja) + .tag { background-color: rgb(255, 0, 0); }
| |
− | :lang(de) + .tag { background-color: rgb(129, 99, 192); }
| |
− | :lang(ar) + .tag { background-color: rgb(188, 105, 83); }
| |
− | | |
− | /**************************/
| |
− | /* 播放按钮和下载按钮 */
| |
− | /**************************/
| |
− | | |
− | .audio-player {
| |
− | margin-right: .5rem;
| |
− | }
| |
− | | |
− | .audio-player button {
| |
− | height: 3rem;
| |
− | width: 3rem;
| |
− | text-align: center;
| |
− | border: 0;
| |
− | border-radius: 50%;
| |
− | transition: 0.3s ease-in-out;
| |
− | outline: 0 none;
| |
− | background-image: none, url(/w/images/a/ad/AudioPlay.svg);
| |
− | }
| |
− | | |
− | .audio-player-playing{
| |
− | transition: 0.3s ease-in-out;
| |
− | background-image: none,url(/w/images/c/cd/AudioPause.svg) !important;
| |
− | }
| |
− | | |
− | .audio-player-paused{
| |
− | transition: 0.3s ease-in-out;
| |
− | background-image: none,url(/w/images/a/ad/AudioPlay.svg) !important;
| |
− | }
| |
− | | |
− | .downloadable-audio {
| |
− | margin-right: .5rem;
| |
− | position: relative;
| |
− | display: inline-flex;
| |
− | }
| |
− | | |
− | .downloadable-audio .audio-player {
| |
− | z-index: 1;
| |
− | position: relative;
| |
− | margin-right: 0;
| |
− | display: block;
| |
− | border-radius: 50%;
| |
− | box-shadow: 0 3px 8px rgb(0 0 0 / 15%);
| |
− | }
| |
− | | |
− | .downloadable-audio .audio-player::after {
| |
− | content: "<DownloadDropdown>";
| |
− | display: block;
| |
− | color: #000;
| |
− | background-color: #e8e000;
| |
− | }
| |
− | | |
− | .downloadable-audio .audio-player button {
| |
− | display: block;
| |
− | }
| |
− | | |
− | .downloadable-audio .audio-player.has-audio-element::after {
| |
− | content: none;
| |
− | }
| |
− | | |
− | .downloadable-audio .audio-player.has-audio-element + .downloadable-audio-dropdown {
| |
− | display: flex;
| |
− | }
| |
− | | |
− | .downloadable-audio .downloadable-audio-dropdown {
| |
− | box-sizing: border-box;
| |
− | display: none;
| |
− | flex-flow: column nowrap;
| |
− | justify-content: flex-start;
| |
− | align-items: center;
| |
− | align-self: center;
| |
− | margin-left: .5em;
| |
− | width: 2em;
| |
− | height: 2em;
| |
− | | |
− | background-color: #e8e000; /* 与 #f8ef00 播放按钮颜色区分开一点 */
| |
− | /* 设定一个非百分比的大数值 */
| |
− | border-radius: 16rem;
| |
− | | |
− | box-shadow: 0 6px 12px rgb(0 0 0 / 33%);
| |
− | | |
− | transition: padding-top 140ms ease-out;
| |
− | }
| |
− | | |
− | .downloadable-audio .download-button {
| |
− | box-sizing: border-box;
| |
− | position: relative;
| |
− | padding-top: 100%;
| |
− | width: 100%;
| |
− | height: 0;
| |
− | border: 1px solid rgb(0 0 0 / 15%);
| |
− | border-radius: 50%;
| |
− | cursor: pointer;
| |
− | transition: background-color 140ms ease-in-out;
| |
− | }
| |
− | | |
− | .downloadable-audio .audio-player-button:hover,
| |
− | .downloadable-audio .download-button:hover {
| |
− | background-color: rgb(0 0 0 / 10%);
| |
− | }
| |
− | | |
− | .downloadable-audio .audio-player-button:focus-within,
| |
− | .downloadable-audio .download-button:focus-within {
| |
− | background-color: rgb(0 0 0 / 10%);
| |
− | }
| |
− | | |
− | .downloadable-audio .download-link,
| |
− | .downloadable-audio .download-icon {
| |
− | position: absolute;
| |
− | display: block;
| |
− | top: 0;
| |
− | left: 0;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | | |
− | background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xIC0xIDE4IDE4Ij48cGF0aCBkPSJNOCAxdjEwTTIgNWw2IDYgNi02TTIgMTJ2M2gxMnYtMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+");
| |
− | background-repeat: no-repeat;
| |
− | background-size: 50%;
| |
− | background-position: center;
| |
− | }
| |
− | | |
− | .downloadable-audio .download-link {
| |
− | opacity: 0;
| |
− | overflow: hidden;
| |
− | }
| |
− | | |
− | .downloadable-audio .download-link > a {
| |
− | display: block;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | }
| |
− | | |
− | /* OverWatch Portrait */
| |
− | .owportrait {
| |
− | position: relative;
| |
− | display: inline-block;
| |
− | }
| |
− | | |
− | .owportrait > a {
| |
− | overflow: hidden;
| |
− | | |
− | display: block;
| |
− | border: 3px solid #fff;
| |
− | border-left: 0;
| |
− | border-right: 0;
| |
− | | |
− | border-radius: 10px;
| |
− | background-color: #777;
| |
− | | |
− | transform: scale(0.92) skewX(-7.5deg);
| |
− | transition: all .14s cubic-bezier(0.33, 1, 0.68, 1);
| |
− | }
| |
− | | |
− | .owportrait > a::before,
| |
− | .owportrait > a::after {
| |
− | content: " ";
| |
− | position: absolute;
| |
− | left: 0;
| |
− | top: 0;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | }
| |
− | | |
− | .owportrait > a:hover,
| |
− | .owportrait > a:focus {
| |
− | background-color: rgb(238,120,74);
| |
− | transform: scale(1) skewX(-7.5deg);
| |
− | }
| |
− | | |
− | .owportrait img {
| |
− | margin: 0 -14px;
| |
− | transform: skewX(7.5deg);
| |
− | }
| |
− | | |
− | .owportrait-name {
| |
− | display: none; /* Not useful for now */
| |
− | position: absolute;
| |
− | left: 0;
| |
− | bottom: 0;
| |
− | }
| |
− | | |
− | | |
− | /* Kingdom Rush Chart */
| |
− | .kr-table {
| |
− | border:2px solid #FFF039;
| |
− | border-collapse: collapse;
| |
− | margin: 10px;
| |
− | }
| |
− | .kr-table th {
| |
− | border:1px solid #FFF039;
| |
− | padding: 6px 12px;
| |
− | background-color: rgba(0,0,0,0.5);
| |
− | }
| |
− | | |
− | .kr-table td {
| |
− | border:1px solid #FFF039;
| |
− | padding: 6px 12px;
| |
− | }
| |
− | /* 守望先锋职业 */
| |
− | .ow-role {
| |
− | display: inline-block;
| |
− | background-color: #f0edf2;
| |
− | width: auto;
| |
− | padding: 0px 17px;
| |
− | border-radius: 3px;
| |
− | transform: skewX(-15deg);
| |
− | color:black;
| |
− | height:30px;
| |
− | line-height: 30px;
| |
− | font-size:17px;
| |
− | margin-left: 8px;
| |
− | }
| |
− | /* Quote模板 */
| |
− | td.Quote_Left {
| |
− | line-height: 0.7em;
| |
− | vertical-align: top;
| |
− | text-align: right;
| |
− | }
| |
− | td.Quote_Right {
| |
− | line-height: 0.1em;
| |
− | vertical-align: bottom;
| |
− | text-align: left;
| |
− | }
| |
− | td.Quote_Left, td.Quote_Right {
| |
− | color: #0D9BE3;
| |
− | font-size: 40px;
| |
− | font-family: 'Arial Black','Times New Roman',serif;
| |
− | font-weight: bold;
| |
− | width: 0px;
| |
− | }
| |
− | /* OW2 ICON */
| |
− | .ow2-portrait {
| |
− | position: relative;
| |
− | display: inline-block;
| |
− | }
| |
− | | |
− | .ow2-portrait > a::before,
| |
− | .ow2-portrait > a::after {
| |
− | content: " ";
| |
− | position: absolute;
| |
− | left: 0;
| |
− | top: 0;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | }
| |
− | | |
− | .ow2-portrait > a {
| |
− | overflow: hidden;
| |
− | display: block;
| |
− | border-radius: 0.3em;
| |
− | border: 2px solid #b3b3b3;
| |
− | background: #c7c7c7;
| |
− | transform: scale(0.95);
| |
− | transition: all .14s cubic-bezier(0.33, 1, 0.68, 1);
| |
− | }
| |
− | | |
− | .ow2-portrait > a:hover,
| |
− | .ow2-portrait > a:focus {
| |
− | border-radius: 0.3em;
| |
− | border: 2px solid #fff;
| |
− | background: #c7c7c7;
| |
− | transform: scale(1);
| |
− | }
| |
− | /* HOI FLAG ICON */
| |
− | .hoi-flag {
| |
− | position: relative;
| |
− | display: inline-block;
| |
− | }
| |
− | | |
− | .hoi-flag > a::before,
| |
− | .hoi-flag > a::after {
| |
− | content: " ";
| |
− | position: absolute;
| |
− | left: 0;
| |
− | top: 0;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | }
| |
− | | |
− | .hoi-flag > a {
| |
− | overflow: hidden;
| |
− | display: block;
| |
− | border-radius: 0.3em;
| |
− | border: 2px solid transparent;
| |
− | transform: scale(0.90);
| |
− | transition: all .14s cubic-bezier(0.33, 1, 0.68, 1);
| |
− | }
| |
− | | |
− | .hoi-flag > a:hover,
| |
− | .hoi-flag > a:focus {
| |
− | border-radius: 0.3em;
| |
− | border: 2px solid transparent;
| |
− | transform: scale(1);
| |
− | }
| |
− | | |
− | | |
− | /**************************/
| |
− | /* info类模板 */
| |
− | /**************************/
| |
− | .infoBox {
| |
− | margin: 0 auto;
| |
− | width: 100%;
| |
− | }
| |
− | .infoBoxTitle {
| |
− | margin: 3px auto;
| |
− | padding: 0;
| |
− | text-align: center;
| |
− | font-weight: 700;
| |
− | }
| |
− | .infoBoxIcon {
| |
− | display: table-cell;
| |
− | padding: 5px 0 5px 1.2em;
| |
− | vertical-align: middle;
| |
− | color:#14a0d3;
| |
− | font-size: 1.3em;
| |
− | }
| |
− | .infoBoxText {
| |
− | display: table-cell;
| |
− | padding: 0.8em 2.5em 0.8em 1em;
| |
− | width: 100%;
| |
− | text-align: center;
| |
− | vertical-align: middle;
| |
− | }
| |
− | .infoBoxContent {
| |
− | background: rgb(59 59 59 / 65%);
| |
− | border-radius: 7px;
| |
− | }
| |
− | .infoBoxBelow {
| |
− | margin: 0 auto;
| |
− | padding: 0;
| |
− | text-align: center;
| |
− | }
| |
− | | |
− | | |
− | /* 投票Style */
| |
− | | |
− | .ajaxpoll-id-info {
| |
− | display: none;
| |
− | }
| |
− | | |
− | .ajaxpoll {
| |
− | width: 100%;
| |
− | background: rgb(59 59 59 / 65%);
| |
− | border-radius: 10px;
| |
− | border: 1px solid #FFF039;
| |
− | }
| |
− | | |
− | .ajaxpoll .ajaxpoll-our-vote div {
| |
− | border: 2px solid #121215;
| |
− | top: -2px;
| |
− | left: -2px;
| |
− | }
| |
− | | |
− | .ajaxpoll .ajaxpoll-answer-vote div {
| |
− | background: #0075ff;
| |
− | position: absolute;
| |
− | top: 0;
| |
− | left: 0;
| |
− | height: 15px;
| |
− | font-size: 1px;
| |
− | line-height: 12px;
| |
− | z-index: 2;
| |
− | border-radius: 10px;
| |
− | box-shadow: 0px 0px 0px 1px inset #ffffff;
| |
− | top: -2px;
| |
− | left: -2px;
| |
− | }
| |
− | | |
− | .ajaxpoll .ajaxpoll-answer-vote span {
| |
− | position: absolute;
| |
− | top: 0px;
| |
− | left: 3%;
| |
− | z-index: 4;
| |
− | }
| |
− | | |
− | .ajaxpoll .ajaxpoll-answer-vote {
| |
− | border: 2px solid #121215;
| |
− | width: 100%;
| |
− | margin-left: 0;
| |
− | height: 15px;
| |
− | font-size: 10px;
| |
− | position: relative;
| |
− | border-radius: 10px;
| |
− | margin: 1em 0px;
| |
− | box-shadow: 1px 1px 4px 0px inset #080808;
| |
− | background: #121215;
| |
− | }
| |
− | | |
− | .ajaxpoll .ajaxpoll-ajax {
| |
− | background: #0075ff;
| |
− | padding: 4px 11px;
| |
− | border-radius: 0.5em;
| |
− | margin-bottom: 1em;
| |
− | }
| |
− | | |
− | .krhero img {
| |
− | border: 3px solid #ffef00;
| |
− | border-radius: 0.4em;
| |
− | }
| |
− | | |
− | /* GTA Vice City */
| |
− | | |
− | .gtavcp {
| |
− | font-family: pricedown;
| |
− | color: #f8a5e3;
| |
− | font-size: 1.3em;
| |
− | }
| |
− | | |
− | .gtavcp-image img {
| |
− | border: 5px solid #f8a5e3;
| |
− | border-radius: 0.5em;
| |
− | margin: 0 0.5em;
| |
− | }
| |
− | .gtavcr-image img {
| |
− | filter: drop-shadow(1px 1px white);
| |
− | margin: 1em 0.5em;
| |
− | }
| |
− | | |
− | .gtavcr a{
| |
− | font-family: pricedown;
| |
− | color: #5ac0ef !important;
| |
− | font-size: 1.3em;
| |
− | }
| |
− | | |
− | /*悬浮文本*/
| |
− | .hover-text {
| |
− | text-align: center;
| |
− | color: #000;
| |
− | font-size: 0.85em;
| |
− | background-color: #f8ef00;
| |
− | padding: 2px 5px;
| |
− | margin: 0px 3px;
| |
− | border-radius: 2px;
| |
− | display: none;
| |
− | white-space: nowrap;
| |
− | }
| |
− | | |
− | .pic-hover-text:hover .hover-text{
| |
− | display: initial;
| |
− | }
| |
− | | |
− | .ow2-small-icon img{
| |
− | border:1px solid white;
| |
− | display: inline-block;
| |
− | padding: 2px;
| |
− | margin:0px 3px;
| |
− | border-radius: 2px;
| |
− | }
| |
− | | |
− | /* BS ICON */
| |
− | .bs-portrait {
| |
− | position: relative;
| |
− | display: inline-block;
| |
− | }
| |
− | | |
− | .bs-portrait img {
| |
− | margin: 0 -6px;
| |
− | }
| |
− | | |
− | .bs-portrait > a::before,
| |
− | .bs-portrait > a::after {
| |
− | content: " ";
| |
− | position: absolute;
| |
− | left: 0;
| |
− | top: 0;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | }
| |
− | | |
− | .bs-portrait > a {
| |
− | overflow: hidden;
| |
− | display: block;
| |
− | border-radius: 0.3em;
| |
− | border: 2px solid #b3b3b3;
| |
− | background: #f3f7fc;
| |
− | transform: scale(0.95);
| |
− | transition: all .14s cubic-bezier(0.33, 1, 0.68, 1);
| |
− | }
| |
− | | |
− | .bs-portrait > a:hover,
| |
− | .bs-portrait > a:focus {
| |
− | border-radius: 0.3em;
| |
− | border: 2px solid #fff;
| |
− | background: #f3f7fc;
| |
− | transform: scale(1);
| |
− | }
| |