第1行: |
第1行: |
| + | /* 这里放置的CSS将影响使用移动版网站的用户 */ |
| @import url('https://fonts.googleapis.com/css?family=Montserrat'); /* 因使用顺序优先加载 */ | | @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=Jura'); /*科技感包含希腊字母*/ |
第25行: |
第26行: |
| font-weight: normal; | | font-weight: normal; |
| } | | } |
− |
| |
| /* 暂时隐藏需要处理但还未处理的 DOM 节点,JavaScript 会在之后移除这个 class */ | | /* 暂时隐藏需要处理但还未处理的 DOM 节点,JavaScript 会在之后移除这个 class */ |
| .template-render-cloak { | | .template-render-cloak { |
| display: none !important; | | display: none !important; |
| visibility: hidden !important; | | visibility: hidden !important; |
− | }
| |
− |
| |
− | /* 使用占位图代替受损图像 */
| |
− | .unresolved-image {
| |
− | display: inline-block !important;
| |
− | position: relative;
| |
− | box-sizing: border-box;
| |
− | color: transparent !important;
| |
− | border: 8px solid #242d38;
| |
− | background-color: #1a1f25;
| |
− | }
| |
− |
| |
− | .unresolved-image::after {
| |
− | content: "?";
| |
− | position: absolute;
| |
− | left: 50%;
| |
− | top: 50%;
| |
− | transform: translate(-50%, -50%);
| |
− | color: #fff !important;
| |
− | font-size: 1.5em;
| |
− | font-weight: 700;
| |
| } | | } |
| | | |
第58行: |
第37行: |
| Tajawal -> Latin + Arabic | | Tajawal -> Latin + Arabic |
| Jura -> 经测试 Jura 并不包含希腊字母字形 | | Jura -> 经测试 Jura 并不包含希腊字母字形 |
− | */ | + | */ |
| + | |
| + | /*全站字体*/ |
| body * { | | 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; | | font-family: Montserrat, Tajawal, "Google Sans", "Noto Sans SC", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", "Heiti SC", sans-serif; |
− | }/*全站字体*/ | + | } |
| | | |
| /**************************/ | | /**************************/ |
第86行: |
第67行: |
| /* 顶部导航栏 */ | | /* 顶部导航栏 */ |
| /**************************/ | | /**************************/ |
− |
| |
| body > #mw-content-container { | | body > #mw-content-container { |
− | margin-top: 5.5rem;
| + | margin-top: 0; |
| } | | } |
| | | |
− | /* 导航栏背景颜色 */
| + | |
− | #cosmos-banner {
| + | .cosmos-mobile-navigation .wds-tabs { |
− | background-color: #111032;
| + | background-color: transparent; |
| } | | } |
| | | |
− | /* 图标颜色:无填充,只改描边 */ | + | .cosmos-mobile-navigation .wds-tabs .wds-tabs__tab{ |
− | .cosmos-bannerOption-icon { | + | background-color: rgba(17,16,50); |
− | fill: none;
| + | margin: 0; |
− | stroke: #41A5EE;
| + | /* 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{ |
− | .cosmos-bannerOption-dropdownIcon { | + | width: 100%; |
− | stroke: #39B54A;
| + | display: inherit; |
− | fill: #39B54A; | + | margin: 0; |
| + | background-color: rgb(20,40,90, 0.6); |
| + | /* border-radius: 8px; */ |
| } | | } |
| | | |
− | /* 旁边小箭头颜色 hover */
| + | |
− | .cosmos-bannerOption:hover .cosmos-bannerOption-dropdownIcon { | + | .cosmos-mobile-navigation .wds-tabs .wds-tabs__tab-label span { |
− | fill: #39B54A;
| + | color: #ffffff !important; |
− | stroke: #39B54A;
| |
| } | | } |
| | | |
− | /* 图标颜色hover */
| + | .cosmos-mobile-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a:not(.wds-button) { |
− | .cosmos-bannerOption:hover .cosmos-bannerOption-icon { | + | color: rgb(220, 220, 220) !important; |
− | stroke: #ffffff !important;
| |
| } | | } |
| | | |
− | /* 搜索框文本和下划线颜色 */ | + | #cosmos-banner |
− | #searchInput { | + | { |
− | color: #41A5EE !important;
| + | background-color: #111032; |
− | border-bottom: 2px solid #41A5EE;
| + | }/*导航栏背景颜色*/ |
− | } | + | |
| + | .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 |
− | #searchInput:enabled { | + | { |
− | border-bottom: 2px solid #41A5EE;
| + | border-bottom: 2px solid #41A5EE; |
− | } | + | }/*搜索框下划线颜色*/ |
| | | |
| input[type="search"]::-webkit-input-placeholder { /* WebKit browsers */ | | input[type="search"]::-webkit-input-placeholder { /* WebKit browsers */ |
第158行: |
第176行: |
| #cosmos-actionsList-list a:hover { | | #cosmos-actionsList-list a:hover { |
| background-color: transparent; | | background-color: transparent; |
− | }
| |
− |
| |
− | /* Echo */
| |
− | .oo-ui-popupWidget-head {
| |
− | overflow: hidden; /*去除滚动条*/
| |
| } | | } |
| | | |
第168行: |
第181行: |
| /* 主页面 */ | | /* 主页面 */ |
| /**************************/ | | /**************************/ |
− | body { | + | body:before { |
− | background-image: url(/w/images/0/0e/BackgroundImage.jpg);
| + | content: ' '; |
− | background-repeat: no-repeat;
| + | position: fixed; |
− | background-size: cover;
| + | z-index: -1; |
− | background-attachment: fixed;
| + | 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 { | | body pre { |
− | background-color: rgba(17,17,17,0.91); | + | background-color: rgba(17,17,17,0.90); |
| color: #ffffff; | | color: #ffffff; |
| border: 1px solid #cccccc; | | border: 1px solid #cccccc; |
第183行: |
第202行: |
| word-break: break-all; | | word-break: break-all; |
| line-height: normal; | | line-height: normal; |
− | font-family: monospace;
| |
− | font-size: 16px;
| |
| } | | } |
| | | |
第196行: |
第213行: |
| | | |
| .cosmos-header { | | .cosmos-header { |
− | background-color: #111111;
| + | background-color: rgb(0, 0, 0, 0.8); |
| + | backdrop-filter: blur(20px); |
| + | -webkit-backdrop-filter: blur(20px); |
| + | height: 80px; |
| } | | } |
| | | |
第205行: |
第225行: |
| | | |
| .cosmos-header .wds-tabs .wds-tabs__tab-label a { | | .cosmos-header .wds-tabs .wds-tabs__tab-label a { |
− | color: #ffffff; | + | color: #ffffff !important; |
| } | | } |
| .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a { | | .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a { |
− | color: #ffffff; | + | color: #ffffff !important; |
| } | | } |
| .cosmos-header::before{ | | .cosmos-header::before{ |
− | background: #1d1d1f; | + | background: 0; |
− | background-image: #1d1d1f;
| |
| } | | } |
| .cosmos-header .cosmos-header__counter { | | .cosmos-header .cosmos-header__counter { |
− | color: #ffffff; | + | 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-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a:not(.wds-button) { | + | .cosmos-tools-list li, .cosmos-tools-list ul li, .cosmos-tools-list ul, .cosmos-tools-list ul ul { |
− | background-color: rgba(0,108,176,0.1); | + | color: rgba(250,250,250, 0.5) !important; |
− | color: #1d1d1f;
| |
| } | | } |
| /**************************/ | | /**************************/ |
第286行: |
第321行: |
| color: #ffffff !important; | | color: #ffffff !important; |
| }/*普通文本*/ | | }/*普通文本*/ |
| + | |
| | | |
| #mw-content { | | #mw-content { |
− | background-color: rgba(17,17,17,0.91); | + | background-color: rgba(17, 17, 17, 0.91); |
| border: 0 !important; | | border: 0 !important; |
| } | | } |
第295行: |
第331行: |
| color: #FFF039; | | color: #FFF039; |
| }/*普通超链接*/ | | }/*普通超链接*/ |
− | .mw-warning {
| |
− | background-color: #1d1d1f;}
| |
− | #filetoc {
| |
− | background-color: #1d1d1f;}
| |
| | | |
| .cosmos-button-primary { | | .cosmos-button-primary { |
第312行: |
第344行: |
| } | | } |
| #cosmos-footer { | | #cosmos-footer { |
− | background-color: rgba(17,17,17,0.91);} | + | background-color: rgba(17, 17, 17, 0.91); |
| + | } |
| .cosmos-footerLinks-list { | | .cosmos-footerLinks-list { |
| color: #ffffff;} | | color: #ffffff;} |
第319行: |
第352行: |
| } | | } |
| | | |
− | .cosmos-articleContainer{
| |
− | color: #ffffff;
| |
− | }
| |
| | | |
| }/*监视列表*/ | | }/*监视列表*/ |
第327行: |
第357行: |
| } | | } |
| .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { | | .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { |
− | background-color: darkgray;}/*监视列表*/ | + | 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;}
| |
| | | |
− | .mw-plusminus-pos { | + | table.mw-datatable { |
− | color: #00c100; | + | color:#ffffff; |
| } | | } |
| | | |
− | .mw-plusminus-neg { | + | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { |
− | color: #e10000; | + | background-color: transparent; |
| + | border-color: #447ff5; |
| } | | } |
| | | |
− | /* 注释 */
| + | #pagehistory li.selected { |
− | ol.references li:target, sup.reference:target {
| + | color: #27d1f4; |
− | background-color: #eaf3ff69;
| |
− | }
| |
− | | |
− | /* 搜索页面 */
| |
− | .mw-search-profile-tabs { | |
− | background-color: #444; | |
− | margin-top: 1em;
| |
− | border: 1px solid #666;
| |
− | border-radius: 2px;
| |
| } | | } |
| | | |
第383行: |
第399行: |
| background-color: #1d1d1f; | | background-color: #1d1d1f; |
| color: #ffffff; | | color: #ffffff; |
− | overflow: auto;
| |
| } | | } |
| | | |
第497行: |
第512行: |
| 100% {background-position: 0% 50%} | | 100% {background-position: 0% 50%} |
| }/**/ | | }/**/ |
− |
| |
− | /* 编辑器 */
| |
− | .wikiEditor-ui-text .ace_scroller * {
| |
− | font-family: monospace; /* 修复光标错位 */
| |
− | }
| |
| | | |
| /**************************/ | | /**************************/ |
第555行: |
第565行: |
| .wikiEditor-ui-toolbar .tabs span.tab a { | | .wikiEditor-ui-toolbar .tabs span.tab a { |
| color: #41A5EE !important;} | | color: #41A5EE !important;} |
| + | |
| + | |
| | | |
| /**************************/ | | /**************************/ |
− | /* 哔哩哔哩视频插入 */ | + | /* 播放按钮 */ |
| /**************************/ | | /**************************/ |
− | .bilibili{ | + | |
− | border: 0;
| + | .audio-player-button{ |
− | padding: 0;
| + | height: 50px; |
− | width: 100%;
| + | width: 50px; |
− | height: 50vh;
| + | 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); |
| } | | } |
− | .bilibili iframe{ | + | .audio-player-playing{ |
− | border: 0;
| + | |
− | padding: 0;
| + | transition: 0.3s ease-in-out; |
− | width: 100%;
| + | background-image:none,url(/w/images/c/cd/AudioPause.svg) !important; |
− | height: 100%;
| |
| } | | } |
| | | |
| + | .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; |
| + | } |
| /**************************/ | | /**************************/ |
− | /* 大家族模板 */ | + | /* 评论区 */ |
| /**************************/ | | /**************************/ |
| | | |
− | .sr-navbox { | + | .comments-body{ |
− | width: 100%; | + | padding-top:10px; |
− | background: #111; | + | padding-buttom:10px; |
− | border: 1px solid #444; | + | border-radius: 8px; |
| + | } |
| + | .comments-body .c-form-title{ |
| + | color: #ffffff; |
| } | | } |
− | | + | .c-item{ |
− | .sr-navbox-title { | + | border-bottom: 1px rgba(200, 200, 200, 0.4) solid; |
− | background: #444; | + | padding: 4px; |
− | padding: 10px 5px; | + | background-color: rgb(0, 0, 0, 0.5); |
− | text-align: left; | + | backdrop-filter: saturate(200%) blur(20px); |
| + | -webkit-backdrop-filter: saturate(200%) blur(20px); |
| } | | } |
| | | |
− | .sr-navbox-before, .sr-navbox-after { | + | .c-avatar{ |
− | background: #333; | + | top: 8px; |
− | padding: 5px; | + | left: 8px; |
| } | | } |
| + | .c-avatar img { |
| + | border-radius: 50px;} |
| | | |
− | .sr-navbox-content { | + | .reply{ |
− | width: 100%; | + | width: 80%; |
− | border-collapse: separate; | + | margin-left: 15% !important; |
− | border-spacing: 3px; | + | background-color: rgba(80, 80, 80, 0.15); |
| + | padding: 4px; |
| + | border-radius: 8px; |
| } | | } |
| | | |
− | .sr-navbox-subgroup-content { | + | .reply .c-actions a{ |
− | background: #111; | + | color: #000 !important; |
− | margin: -13px; | + | background-color: rgb(249, 239, 0); |
− | width: calc(100% + 26px); | + | border-radius: 4px; |
| + | font-size: 10pt; |
| + | padding: 4px; |
| } | | } |
| | | |
− | .sr-navbox-group { | + | .reply .c-actions .c-delete a{ |
− | padding: 10px 15px;
| + | background-color: red !important; |
− | background: #3A3A3A; | |
− | #ffffff-space: nowrap;
| |
− | font-weight: bold;
| |
| } | | } |
| | | |
− | .sr-navbox-subgroup-group { | + | .full{ |
− | background: #2A2A2A; | + | background-color: rgba(200, 200, 200, 0.15); |
− | font-weight: bold; | + | width: 92%; |
| + | margin: 4% !important; |
| + | padding: 4px; |
| + | border-radius: 8px; |
| } | | } |
− | | + | .full .c-actions a{ |
− | .sr-navbox-list {
| + | color: #000 !important; |
− | padding: 10px; | + | background-color: rgb(249, 239, 0); |
− | width: 100%; | + | border-radius: 4px; |
| + | font-size: 10pt; |
| + | padding: 4px; |
| } | | } |
| | | |
− | .sr-navbox-list-even { | + | .full .c-actions .c-delete a{ |
− | background: #222; | + | background-color: red !important; |
| } | | } |
| | | |
− | .sr-navbox-collapsible .sr-navbox-list {
| + | textarea#comment { |
− | padding: 0; | + | border-radius: 8px; |
| + | padding: 3px; |
| + | margin-left: 2%; |
| + | width: 95%; |
| } | | } |
| | | |
− | .sr-navbox-collapsible-content { | + | .r-message { |
− | width: 100%; | + | width: 90%; |
− | background: #111; | + | margin: 1% !important; |
| } | | } |
| | | |
− | .sr-navbox-collapsible-group { | + | .f-message{ |
− | background: #3A3A3A; | + | width: 95%; |
− | padding: 5px; | + | margin: 2% !important; |
| } | | } |
− |
| |
− |
| |
| /**************************/ | | /**************************/ |
− | /* info类模板 */ | + | /* B站 */ |
| /**************************/ | | /**************************/ |
− | .infoBox { | + | |
− | margin: 0 auto; | + | .bilibili{ |
| + | border: 0; |
| + | padding: 0; |
| width: 100%; | | width: 100%; |
| + | height: 35vh; |
| } | | } |
− | .infoBoxTitle { | + | .bilibili iframe{ |
− | margin: 3px auto; | + | border: 0; |
| padding: 0; | | 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%; | | width: 100%; |
− | text-align: center; | + | height: 100%; |
− | vertical-align: middle;
| |
− | }
| |
− | .infoBoxContent {
| |
− | background: rgb(59 59 59 / 65%);
| |
− | border-radius: 7px;
| |
− | }
| |
− | .infoBoxBelow {
| |
− | margin: 0 auto;
| |
− | padding: 0;
| |
− | text-align: center;
| |
− | }
| |
− | | |
− | | |
− | /**************************/
| |
− | /* 评论区 */
| |
− | /**************************/
| |
− | | |
− | .comment-body {
| |
− | padding-top: 2rem;
| |
| } | | } |
| | | |
− | .c-form-title { | + | .mw-ui-icon-flush-left { |
− | color: #fff; | + | float: left; |
− | font-size: 1.75rem;
| |
− | margin-bottom: .5em;
| |
| } | | } |
| | | |
− | .comments-body .c-form-button .site-button { | + | .mw-ui-icon-mf-expand { |
− | margin: 0; | + | width: 1.5em !important; |
− | padding: .25em .5em;
| + | min-width: 0 !important; |
− | line-height: 1.5; | + | max-width: none !important; |
− | color: #f8ef00; | + | margin-right: .5em; |
− | border: 1px solid #f8ef00; | |
− | background-color: transparent;
| |
− | transition: all 140ms ease-in-out;
| |
| } | | } |
| | | |
− | .comments-body .c-form-button .site-button:focus, | + | .mw-ui-icon-mf-expand:before { |
− | .comments-body .c-form-button .site-button:hover {
| + | margin: 0 !important; |
| background-color: #f8ef00; | | background-color: #f8ef00; |
− | color: #000;
| |
− | }
| |
| | | |
− | .comments-body .c-form-button .site-button + .site-button {
| + | /* |
− | margin-left: .25rem; | + | background-image: url(/w/images/5/51/Up_Arrow.png); |
| + | background-image: linear-gradient(transparent,transparent),url(/w/images/5/51/Up_Arrow.png); |
| + | */ |
| } | | } |
| | | |
− | #comment {
| + | .feedback{ |
− | width: 100% !important;
| + | top: 40px !important; |
− | min-height: 100px;
| + | right: 10px !important; |
− | padding: .25rem .5rem;
| |
− | overflow: auto;
| |
− | | |
− | color: #fff;
| |
− | background-color: transparent;
| |
− | #ffffff-space: pre;
| |
− | border: 1px solid #fff;
| |
− | outline: 0 !important;
| |
− | transition: border-color 140ms ease-in-out;
| |
| } | | } |
− | | + | .fillet{ |
− | #comment:focus {
| + | border-radius: 30px; |
− | border-color: #f8ef00;
| + | display: inline-block; |
− | }
| + | height: 30px; |
− | | + | font-size: 17px; |
− | | + | line-height: 30px; |
− | .c-avatar img { | + | text-align: center; |
− | border-radius: 50px;
| + | color: #1d1d1f !important; |
− | }
| |
− | | |
− | .c-item {
| |
− | padding: 0;
| |
− | border-bottom: 1px solid #fff;
| |
− | }
| |
− | | |
− | /*
| |
− | .c-item.c-layout {
| |
− | display: flex;
| |
− | flex-flow: row nowrap;
| |
− | }
| |
− | | |
− | .c-item.c-layout .c-score,
| |
− | .c-item.c-layout .c-avatar {
| |
− | flex: 0 0 auto;
| |
− | position: static !important;
| |
− | }
| |
− | | |
− | .c-item.c-layout .c-container {
| |
− | flex: 1 1 0;
| |
− | width: 0;
| |
− | }
| |
− | | |
− | .c-item.c-layout .visualClear {
| |
− | display: none;
| |
− | }
| |
− | */
| |
− | | |
− | .c-item.reply {
| |
− | width: 90%;
| |
− | margin-left: 10% !important;
| |
− | }
| |
− | | |
− | .c-item.full {
| |
− | width: 100%;
| |
− | }
| |
− | | |
− | .r-message {
| |
− | width: 100%;
| |
− | }
| |
− | | |
− | .f-message {
| |
− | width: 100%;
| |
| } | | } |
| | | |
− | .fillet{
| |
− | border-radius: 30px;
| |
− | display: inline-block;
| |
− | height: 30px;
| |
− | font-size: 17px;
| |
− | line-height: 30px;
| |
− | text-align: center;
| |
− | color: #1d1d1f !important;
| |
− | }
| |
| | | |
| /***********************************/ | | /***********************************/ |
第836行: |
第784行: |
| } | | } |
| | | |
− | .audio-player .audio-player-button { | + | .audio-player button { |
| height: 3rem; | | height: 3rem; |
| width: 3rem; | | width: 3rem; |
| text-align: center; | | text-align: center; |
− | border: 1px solid rgb(0 0 0 / 15%); | + | border: 0; |
− | background-color: #f8ef00;
| |
| border-radius: 50%; | | border-radius: 50%; |
− | transition: all 140ms ease-in-out; | + | transition: 0.3s ease-in-out; |
− | outline: 0; | + | outline: 0 none; |
− | | + | background-image: none, url(/w/images/a/ad/AudioPlay.svg); |
− | background-size: 40% 40%;
| |
− | background-position: 56% 50%;
| |
− | background-repeat: no-repeat;
| |
− | background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iPjxwYXRoIGQ9Ik05MTIuNzI0ODg0IDQyOS4zNTU2ODFMMjA4Ljc5NzU0NSAxMy4xOTg2MzhDMTUxLjYwMzQ0OS0yMC41OTc4NzQgNjQuMDEyNDkgMTIuMTk4NzQxIDY0LjAxMjQ5IDk1Ljc5MDExMlY5MjcuOTA0MjE5YzAgNzQuOTkyMjU5IDgxLjM5MTU5OSAxMjAuMTg3NTk0IDE0NC43ODUwNTUgODIuNTkxNDc1bDcwMy45MjczMzktNDE1Ljk1NzA2NGM2Mi43OTM1MTgtMzYuOTk2MTgxIDYyLjk5MzQ5OC0xMjguMTg2NzY4IDAtMTY1LjE4Mjk0OXoiIHAtaWQ9IjEzODQiPjwvcGF0aD48L3N2Zz4="); | |
| } | | } |
| | | |
− | .audio-player .audio-player-button:hover, | + | .audio-player-playing{ |
− | .audio-player .audio-player-button:focus { | + | transition: 0.3s ease-in-out; |
− | background-color: #c1ba00; | + | background-image: none,url(/w/images/c/cd/AudioPause.svg) !important; |
| } | | } |
| | | |
− | .audio-player .audio-player-button.audio-player-playing { | + | .audio-player-paused{ |
− | /* 暂停图标好像有点往左歪了,微调一下 */ | + | transition: 0.3s ease-in-out; |
− | background-position: 51% 50%;
| + | background-image: none,url(/w/images/a/ad/AudioPlay.svg) !important; |
− | background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iPjxwYXRoIGQ9Ik0yMDIuNjA4IDBoMC41OTRxMTI5LjM4MyAwIDEyOS4zODMgMTI5LjM4MnY3NjUuMjM2cTAgMTI5LjM4Mi0xMjkuMzgzIDEyOS4zODJoLTAuNTk0cS0xMjkuMzgyIDAtMTI5LjM4Mi0xMjkuMzgyVjEyOS4zODJRNzMuMjI2IDAgMjAyLjYwOCAwek03ODQuNjI0IDBoMC41OTRROTE0LjYgMCA5MTQuNiAxMjkuMzgydjc2NS4yMzZROTE0LjYgMTAyNCA3ODUuMjE4IDEwMjRoLTAuNTk0cS0xMjkuMzgzIDAtMTI5LjM4My0xMjkuMzgyVjEyOS4zODJRNjU1LjI0MSAwIDc4NC42MjQgMHoiIHAtaWQ9IjIxMjEiPjwvcGF0aD48L3N2Zz4="); | |
| } | | } |
| | | |
第879行: |
第821行: |
| | | |
| .downloadable-audio .audio-player::after { | | .downloadable-audio .audio-player::after { |
− | content: "<>" | + | content: "<DownloadDropdown>"; |
| display: block; | | display: block; |
| color: #000; | | color: #000; |
| background-color: #e8e000; | | background-color: #e8e000; |
| } | | } |
− |
| |
− | :lang(en) .downloadable-audio .audio-player::after { content: "<DropdownMenu>"; }
| |
− | :lang(zh) .downloadable-audio .audio-player::after { content: "<下拉菜单>"; }
| |
| | | |
| .downloadable-audio .audio-player button { | | .downloadable-audio .audio-player button { |
第906行: |
第845行: |
| justify-content: flex-start; | | justify-content: flex-start; |
| align-items: center; | | align-items: center; |
− | position: absolute; | + | align-self: center; |
− | left: 0; | + | margin-left: .5em; |
− | top: 0;
| + | width: 2em; |
− | width: 100%; | + | height: 2em; |
− | min-height: 100%; | |
− | padding: 6px;
| |
− | padding-top: 0%;
| |
| | | |
| background-color: #e8e000; /* 与 #f8ef00 播放按钮颜色区分开一点 */ | | background-color: #e8e000; /* 与 #f8ef00 播放按钮颜色区分开一点 */ |
− |
| |
| /* 设定一个非百分比的大数值 */ | | /* 设定一个非百分比的大数值 */ |
| border-radius: 16rem; | | border-radius: 16rem; |
第927行: |
第862行: |
| box-sizing: border-box; | | box-sizing: border-box; |
| position: relative; | | position: relative; |
− | margin-top: 4px;
| |
| padding-top: 100%; | | padding-top: 100%; |
| width: 100%; | | width: 100%; |
第937行: |
第871行: |
| } | | } |
| | | |
− | .downloadable-audio .download-button:focus-within, | + | .downloadable-audio .audio-player-button:hover, |
| .downloadable-audio .download-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%); | | background-color: rgb(0 0 0 / 10%); |
| } | | } |
第950行: |
第889行: |
| width: 100%; | | width: 100%; |
| height: 100%; | | height: 100%; |
− | }
| |
| | | |
− | .downloadable-audio .download-icon {
| |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xIC0xIDE4IDE4Ij48cGF0aCBkPSJNOCAxdjEwTTIgNWw2IDYgNi02TTIgMTJ2M2gxMnYtMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+"); | | background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xIC0xIDE4IDE4Ij48cGF0aCBkPSJNOCAxdjEwTTIgNWw2IDYgNi02TTIgMTJ2M2gxMnYtMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+"); |
| background-repeat: no-repeat; | | background-repeat: no-repeat; |
| background-size: 50%; | | background-size: 50%; |
| background-position: center; | | background-position: center; |
| + | } |
| + | |
| + | .downloadable-audio .download-link { |
| + | opacity: 0; |
| + | overflow: hidden; |
| } | | } |
| | | |
| .downloadable-audio .download-link > a { | | .downloadable-audio .download-link > a { |
| display: block; | | display: block; |
− | color: transparent !important;
| |
| width: 100%; | | width: 100%; |
| height: 100%; | | height: 100%; |
− | outline: 0;
| |
− | overflow: hidden;
| |
− | user-select: none !important;
| |
− | }
| |
− |
| |
− | .downloadable-audio:focus-within,
| |
− | .downloadable-audio:hover {
| |
− | z-index: 5;
| |
− | }
| |
− |
| |
− | /* 在下载按钮被聚焦时保持下拉菜单张开状态? */
| |
− | .downloadable-audio-dropdown:focus-within,
| |
− | .downloadable-audio:hover .downloadable-audio-dropdown {
| |
− | padding-top: 100%;
| |
| } | | } |
| | | |
第1,028行: |
第955行: |
| bottom: 0; | | bottom: 0; |
| } | | } |
| + | |
| | | |
| /* Kingdom Rush Chart */ | | /* Kingdom Rush Chart */ |
第1,077行: |
第1,005行: |
| width: 0px; | | width: 0px; |
| } | | } |
− |
| |
| /* OW2 ICON */ | | /* OW2 ICON */ |
| .ow2-portrait { | | .ow2-portrait { |
| position: relative; | | position: relative; |
| display: inline-block; | | display: inline-block; |
− | }
| |
− |
| |
− | .ow2-portrait img {
| |
− | margin: 0 -10px;
| |
| } | | } |
| | | |
第1,103行: |
第1,026行: |
| border-radius: 0.3em; | | border-radius: 0.3em; |
| border: 2px solid #b3b3b3; | | border: 2px solid #b3b3b3; |
− | background: #f3f7fc; | + | background: #c7c7c7; |
| transform: scale(0.95); | | transform: scale(0.95); |
| transition: all .14s cubic-bezier(0.33, 1, 0.68, 1); | | transition: all .14s cubic-bezier(0.33, 1, 0.68, 1); |
第1,112行: |
第1,035行: |
| border-radius: 0.3em; | | border-radius: 0.3em; |
| border: 2px solid #fff; | | border: 2px solid #fff; |
− | background: #f3f7fc; | + | background: #c7c7c7; |
| transform: scale(1); | | transform: scale(1); |
| } | | } |
第1,146行: |
第1,069行: |
| transform: scale(1); | | 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 */ | | /* 投票Style */ |
| | | |
第1,211行: |
第1,174行: |
| border-radius: 0.4em; | | border-radius: 0.4em; |
| } | | } |
− |
| |
− |
| |
| | | |
| /* GTA Vice City */ | | /* GTA Vice City */ |
第1,232行: |
第1,193行: |
| } | | } |
| | | |
− | .gtavcr a { | + | .gtavcr a{ |
| font-family: pricedown; | | font-family: pricedown; |
| color: #5ac0ef !important; | | color: #5ac0ef !important; |
第1,252行: |
第1,213行: |
| | | |
| .pic-hover-text:hover .hover-text{ | | .pic-hover-text:hover .hover-text{ |
− | display: initial;
| + | display: initial; |
| } | | } |
| | | |