“MediaWiki:Common.css”的版本间的差异
来自小鱼君和他的朋友们
小 ((InPageEdit-preference-summary-default)) |
|||
(未显示2个用户的50个中间版本) | |||
第1行: | 第1行: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
@import url(/index.php?title=MediaWiki:Portable-infobox.css&ctype=text/css&action=raw); | @import url(/index.php?title=MediaWiki:Portable-infobox.css&ctype=text/css&action=raw); | ||
/** 字体 **/ | /** 字体 **/ | ||
− | @import url("https://fonts. | + | /* @import url("https://fonts.googleapis.com/css?family=Raleway:500,700|Audiowide|Orbitron:400,700|Share+Tech+Mono"); */ |
+ | @font-face { | ||
+ | font-family: 'title-font'; | ||
+ | font-display: swap; | ||
+ | src: url('//at.alicdn.com/t/webfont_s8tejd2slo.eot'); /* IE9*/ | ||
+ | src: url('//at.alicdn.com/t/webfont_s8tejd2slo.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ | ||
+ | url('//at.alicdn.com/t/webfont_s8tejd2slo.woff2') format('woff2'), | ||
+ | url('//at.alicdn.com/t/webfont_s8tejd2slo.woff') format('woff'), /* chrome、firefox */ | ||
+ | url('//at.alicdn.com/t/webfont_s8tejd2slo.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ | ||
+ | url('//at.alicdn.com/t/webfont_s8tejd2slo.svg#庞门正道标题体2') format('svg'); /* iOS 4.1- */ | ||
+ | } | ||
@font-face { | @font-face { | ||
− | font-family: | + | font-family: 'Material Icons'; |
− | src:url(https:// | + | font-style: normal; |
+ | font-weight: 400; | ||
+ | src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'); | ||
} | } | ||
body { | body { | ||
第19行: | 第23行: | ||
color: #0e191a | color: #0e191a | ||
} | } | ||
+ | .material-icons, | ||
+ | .m-icons { | ||
+ | font-family: 'Material Icons'; | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
+ | font-size: 24px; | ||
+ | line-height: 1; | ||
+ | letter-spacing: normal; | ||
+ | text-transform: none; | ||
+ | display: inline-block; | ||
+ | white-space: nowrap; | ||
+ | word-wrap: normal; | ||
+ | direction: ltr; | ||
+ | -moz-font-feature-settings: 'liga'; | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | } | ||
+ | |||
/** 背景 **/ | /** 背景 **/ | ||
第62行: | 第83行: | ||
@media screen and (min-width:850px) { | @media screen and (min-width:850px) { | ||
.mainpage-all { | .mainpage-all { | ||
− | display: | + | display: grid; |
width: 100%; | width: 100%; | ||
+ | grid-template-areas: | ||
+ | "a a a " | ||
+ | "b b c " | ||
+ | "b b c "; | ||
+ | grid-template-columns: 35% 35% 30%; | ||
+ | } | ||
+ | .mainpage-all .mainpage-top { | ||
+ | grid-area: a | ||
} | } | ||
.mainpage-all .mainpage-left { | .mainpage-all .mainpage-left { | ||
− | |||
margin: 0 4px; | margin: 0 4px; | ||
+ | grid-area: b | ||
} | } | ||
.mainpage-all .mainpage-right { | .mainpage-all .mainpage-right { | ||
− | |||
margin: 0 2px; | margin: 0 2px; | ||
+ | grid-area: c | ||
} | } | ||
} | } | ||
− | + | /* 修复首页投票框 */ | |
− | + | .mainpage-right .CSS_Poll .css-box { | |
− | + | width: 100% !important; | |
− | |||
} | } | ||
第104行: | 第132行: | ||
background: #ccebffcc !important; | background: #ccebffcc !important; | ||
border: solid #55a2ff !important | border: solid #55a2ff !important | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
第147行: | 第163行: | ||
padding-left: 4px; | padding-left: 4px; | ||
margin-bottom: 9px; | margin-bottom: 9px; | ||
− | font-family: Audiowide,Arial,Tahoma, | + | font-family: Audiowide,Arial,Tahoma,"title-font","Microsoft YaHei","Microsoft JhengHei",微軟正黑體,sans-serif !important; |
font-size: 2em | font-size: 2em | ||
} | } | ||
第178行: | 第194行: | ||
} | } | ||
− | #mw-content h3:not(.pi-data-label) { | + | #mw-content h3:not(.pi-data-label):not(#p-variants-desktop-label) { |
border: none !important; | border: none !important; | ||
background: linear-gradient(90deg,rgb(159,204,255),rgba(159,204,255,0)); | background: linear-gradient(90deg,rgb(159,204,255),rgba(159,204,255,0)); | ||
第205行: | 第221行: | ||
/** 链接 **/ | /** 链接 **/ | ||
a { | a { | ||
− | |||
text-decoration: none; | text-decoration: none; | ||
− | transition: all . | + | transition: all .24s ease; |
} | } | ||
a:hover { | a:hover { | ||
− | |||
color: #3356df; | color: #3356df; | ||
text-decoration: none; | text-decoration: none; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
第434行: | 第431行: | ||
} | } | ||
− | . | + | /** [[Template:Info]] **/ |
− | margin: 0 | + | .info-box { |
+ | color: rgba(0, 0, 0, 0.7); | ||
+ | margin: 1.5625em 0; | ||
+ | padding: 0.6rem; | ||
+ | overflow: hidden; | ||
+ | font-size: 1em; | ||
+ | page-break-inside: avoid; | ||
+ | border-left: 0.3rem solid #00b8d4; | ||
+ | border-radius: 0.3rem; | ||
+ | box-shadow: 0 0.1rem 0.4rem rgba(0, 0, 0, 0.05), | ||
+ | 0 0 0.05rem rgba(0, 0, 0, 0.1); | ||
+ | background-color: #fafafa; | ||
+ | } | ||
+ | .info-box .info-title { | ||
+ | position: relative; | ||
+ | margin: -0.6rem -0.6rem 0.8em -0.6rem !important; | ||
+ | padding: 0.4rem 0.6rem 0.4rem 2.5rem; | ||
+ | font-weight: 700; | ||
+ | background-color: rgba(66, 185, 131, 0.1); | ||
} | } | ||
− | + | .info-box .info-title::before { | |
− | . | + | position: absolute; |
− | + | top: 0.9rem; | |
− | + | left: 1rem; | |
− | + | width: 12px; | |
− | + | height: 12px; | |
+ | background-color: #42b983; | ||
+ | border-radius: 50%; | ||
+ | content: " "; | ||
+ | } | ||
+ | .info-box > .info-title, | ||
+ | .info-box.todo > .info-title { | ||
+ | background-color: rgba(0, 184, 212, 0.1); | ||
+ | } | ||
+ | .info-box.warning > .info-title, | ||
+ | .info-box.attention > .info-title, | ||
+ | .info-box.caution > .info-title { | ||
+ | background-color: rgba(255, 145, 0, 0.1); | ||
+ | } | ||
+ | .info-box.failure > .info-title, | ||
+ | .info-box.missing > .info-title, | ||
+ | .info-box.fail > .info-title, | ||
+ | .info-box.error > .info-title { | ||
+ | background-color: rgba(255, 82, 82, 0.1); | ||
+ | } | ||
+ | .info-box, | ||
+ | .info-box.info, | ||
+ | .info-box.todo { | ||
+ | border-color: #00b8d4; | ||
+ | } | ||
+ | .info-box.success, | ||
+ | .info-box.done { | ||
+ | border-color: #05ad38; | ||
+ | } | ||
+ | .info-box.warning, | ||
+ | .info-box.attention, | ||
+ | .info-box.caution { | ||
+ | border-color: #ff9100; | ||
+ | } | ||
+ | .info-box.failure, | ||
+ | .info-box.missing, | ||
+ | .info-box.fail, | ||
+ | .info-box.error { | ||
+ | border-color: #ff5252; | ||
+ | } | ||
+ | .info-box.info > .info-title::before, | ||
+ | .info-box.todo > .info-title::before { | ||
+ | background-color: #00b8d4; | ||
+ | border-radius: 50%; | ||
+ | } | ||
+ | .info-box.success > .info-title::before, | ||
+ | .info-box.done > .info-title::before { | ||
+ | background-color: #05ad38; | ||
+ | border-radius: 50%; | ||
+ | } | ||
+ | .info-box.warning > .info-title::before, | ||
+ | .info-box.attention > .info-title::before, | ||
+ | .info-box.caution > .info-title::before { | ||
+ | background-color: #ff9100; | ||
+ | border-radius: 50%; | ||
} | } | ||
− | + | .info-box.failure > .info-title::before, | |
− | . | + | .info-box.missing > .info-title::before, |
− | + | .info-box.fail > .info-title::before, | |
− | + | .info-box.error > .info-title::before { | |
− | + | background-color: #ff5252; | |
+ | border-radius: 50%; | ||
} | } | ||
− | + | .info-box > .info-title.no-dot { | |
− | . | + | padding-left: 0.6rem; |
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .info-box > .info-title.no-dot::before { | |
− | . | + | display: none; |
− | |||
− | |||
− | |||
} | } | ||
− | + | .info-box > :last-child { | |
− | . | + | margin-bottom: 0 !important; |
− | margin: 0 | ||
− | |||
− | |||
} | } | ||
第615行: | 第675行: | ||
} | } | ||
− | /** | + | /** Ssi-modal **/ |
− | # | + | .ssi-stack.top { |
− | + | margin-top: 50px; | |
− | + | } | |
− | + | ||
− | + | /** Css Tootip **/ | |
− | + | .tooltip { | |
− | + | position:relative | |
− | + | } | |
+ | .tooltip .tooltip-button { | ||
+ | border-bottom: 1px dotted #bbb; | ||
+ | } | ||
+ | .tooltip .tooltip-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | z-index: 1501; | ||
+ | top: 0.8em; | ||
+ | margin-top: 12px; | ||
+ | left: -20px; | ||
+ | padding: 4px; | ||
+ | font-size: small; | ||
+ | color: #565656; | ||
+ | width: 240px; | ||
+ | background: white; | ||
+ | border: 1px solid #c6c6c6; | ||
+ | border-bottom-right-radius: 2px; | ||
+ | border-bottom-left-radius: 2px; | ||
+ | box-shadow: 0 0 4px #bbb; | ||
} | } | ||
− | + | .tooltip .tooltip-content:before { | |
− | + | content: ""; | |
− | + | background-image: url(https://www.wjghj.cn/images/f/f8/Tooltip-top-arrow.png); | |
− | + | background-size: 262.3px 16px; | |
− | + | background-repeat: no-repeat; | |
− | + | position: absolute; | |
− | + | height: 16px; | |
− | + | width: 262px; | |
− | + | top: -16px; | |
− | + | left: -7.2px; | |
− | |||
} | } | ||
− | + | .tooltip:hover .tooltip-button { | |
− | + | border-bottom: 1px solid #999; | |
} | } | ||
− | + | .tooltip:hover .tooltip-content { | |
− | + | display: unset; | |
− | |||
− | |||
} | } |
2023年11月23日 (四) 04:51的最新版本
@import url(/index.php?title=MediaWiki:Portable-infobox.css&ctype=text/css&action=raw); /** 字体 **/ /* @import url("https://fonts.googleapis.com/css?family=Raleway:500,700|Audiowide|Orbitron:400,700|Share+Tech+Mono"); */ @font-face { font-family: 'title-font'; font-display: swap; src: url('//at.alicdn.com/t/webfont_s8tejd2slo.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_s8tejd2slo.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_s8tejd2slo.woff2') format('woff2'), url('//at.alicdn.com/t/webfont_s8tejd2slo.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/webfont_s8tejd2slo.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_s8tejd2slo.svg#庞门正道标题体2') format('svg'); /* iOS 4.1- */ } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'); } body { font-family: Raleway,Arial,Tahoma,"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,"Hiragino Sans GB","Microsoft JhengHei",微軟正黑體,sans-serif; color: #0e191a } .material-icons, .m-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; } /** 背景 **/ body { background: url(/images/5/51/Wiki-background.png) 0 0 / 100% fixed; } #mw-content-container { background: transparent; } #mw-content { background: rgba(255,255,255,.85); position: relative; top: 12px; } #mw-footer { color:#252525; margin:0.3em 1em 1em 1em; background:rgba(255,255,255,0.3); padding:8px; border:2px dotted #b0b0b0; border-radius:4px } #mw-footer .footer-icons { position: absolute; right: 48px; } #mw-footer-container a { color:#005dff } #mw-footer-container { border-top: none; margin: 0 16px; text-align: center; } #mw-footer-container #f-poweredbyico { display: none; } #mw-footer-container li { margin: 4px 0; } /** 首页 **/ @media screen and (min-width:850px) { .mainpage-all { display: grid; width: 100%; grid-template-areas: "a a a " "b b c " "b b c "; grid-template-columns: 35% 35% 30%; } .mainpage-all .mainpage-top { grid-area: a } .mainpage-all .mainpage-left { margin: 0 4px; grid-area: b } .mainpage-all .mainpage-right { margin: 0 2px; grid-area: c } } /* 修复首页投票框 */ .mainpage-right .CSS_Poll .css-box { width: 100% !important; } .mw-wiki-logo { background-size: 150px } #mw-footer { color: #252525; margin: 0.5em 1em 1em 1em; background: rgba(255,255,255,0.3); padding: 8px; border: 2px dotted #c5c5c5; border-radius: 4px } #mw-footer-container a { color: #005dff } #f-list { margin: 0 } .sidebar-chunk { background: #ccebffcc !important; border: solid #55a2ff !important } .header-hide { top: -70px !important; transition: all 0.5s } #mw-header-container, #mw-header-hack { transition: all 0.5s } /** 标题 **/ .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: Orbitron,Arial,Tahoma,"Microsoft YaHei" !important } h1.firstHeading { border: none !important; background: linear-gradient(90deg,rgb(151,151,151),rgba(255,255,255,0)); background-position: 0 22px !important; background-repeat: repeat-x !important; background-size: 100% 8px !important; text-shadow: 2px 0px 0px white; width: 100%; padding-left: 4px; margin-bottom: 9px; font-family: Audiowide,Arial,Tahoma,"title-font","Microsoft YaHei","Microsoft JhengHei",微軟正黑體,sans-serif !important; font-size: 2em } .ns-0 h1.firstHeading { background: linear-gradient(90deg,rgb(28,98,227),rgba(255,255,255,0)) } .ns-6 h1.firstHeading { background: linear-gradient(90deg,rgb(88,216,165),rgba(255,255,255,0)) } .ns-8 h1.firstHeading { background: linear-gradient(90deg,rgb(255,75,112),rgba(255,255,255,0)) } .ns-10 h1.firstHeading { background: linear-gradient(90deg,rgb(121,80,250),rgba(255,255,255,0)) } #mw-content h2:not(.pi-title):not(.pi-header) { padding-top: 2px; border: none !important; background: linear-gradient(90deg,rgb(127,172,255),rgba(210,232,255,0.53)); background-position: 0 22px !important; background-repeat: repeat-x; background-size: 100% 4px; font-size: 21px; text-shadow: 2px 0px 0px white } #mw-content h3:not(.pi-data-label):not(#p-variants-desktop-label) { border: none !important; background: linear-gradient(90deg,rgb(159,204,255),rgba(159,204,255,0)); background-position: 0 18px !important; background-repeat: repeat-x; background-size: 100% 2px; font-size: 19px } #mw-content h4 { border: none !important; background: linear-gradient(90deg,rgb(159,204,255),rgba(159,204,255,0)); background-position: 0 18px !important; background-repeat: repeat-x; background-size: 1px 2px; font-size: 17px } #mw-content h5 { font-size: 16px } #mw-content h6 { } /** 链接 **/ a { text-decoration: none; transition: all .24s ease; } a:hover { color: #3356df; text-decoration: none; } a.selflink { font-weight: bold; animation: colorful 5s linear infinite; text-shadow: none; cursor: default } .siteNoticeScroll { width: 100%; height: 25px; line-height: 25px; overflow: hidden } .siteNoticeScroll li { height: 25px; list-style: none; text-align: center } .flow-board-header-footer { display: none } .flow-bottom-spacer { color: gray; font-size: 80% } body .tochide { font-size: 95% } body .mw-collapsed.tochide tr:first-child td { padding: 7px!important } body .mw-collapsed.tochide tr:last-child td { padding: 0 7px!important } body .tochide tr:first-child td .mw-collapsible-toggle { top: 7px!important } body .tochide tr:first-child td { padding: 7px 7px 0!important } body .tochide tr:last-child td { padding: 0 7px 7px 7px!important } body .tochide td { width: auto; border-width: 0 } body .tochide div.toc#toc { margin: 0; padding: 0; background: none; background-color: none; border-width: 0; width: 100% } body .tochide #toctitle { display: none } body .tochide ul { background-color: transparent; margin: 0.5em 1em } .mw-body a.external:visited { color: #36b } span.heimu a.external, span.heimu a.external:visited, span.heimu a.extiw, span.heimu a.extiw:visited { color: #252525; transition: all .14s linear 0s } .heimu, .heimu a, a .heimu, .heimu a.new { background-color: #252525; color: #252525; text-shadow: none; transition: all .14s linear 0s } body:not(.heimu_toggle_on) .heimu:hover, body:not(.heimu_toggle_on) .heimu:active, body:not(.heimu_toggle_on) .heimu.off { background-color: rgba(100,100,100,0.3); transition: all .14s linear 0s } 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 { color: #006cb0; background-color: rgba(180,180,180,0.3); transition: all .14s linear 0s } 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.off .new, body:not(.heimu_toggle_on) .heimu.off .new:hover, body:not(.heimu_toggle_on) .new:hover .heimu.off { color: #BA0000; background-color: rgba(100,100,100,0.3); transition: all .14s linear 0s } table.navbox { border: 1px solid #aaa; clear: both; margin: auto; padding: 1px; text-align: center; width: 100% } table.navbox+table.navbox { margin-top: -1px } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center } .navbox-group { font-weight: 700; padding-left: 1em; padding-right: 1em; white-space: nowrap } .navbox, .navbox-subgroup { background: none repeat scroll 0 0 #fdfdfd } .navbox-list { border-color: #fdfdfd } .navbox-title, table.navbox th { background: none repeat scroll 0 0 #74c5ff } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: none repeat scroll 0 0 #94cfff } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: none repeat scroll 0 0 #a7ddff } .navbox-even { background: none repeat scroll 0 0 #dff0ff } .navbox-odd { background: none repeat scroll 0 0 transparent } .collapseButton { float: right; font-weight: 400; text-align: right; width: auto } .navbox .collapseButton { width: 6em } .navbox .TabLabel { text-align: left } /** [[Template:Info]] **/ .info-box { color: rgba(0, 0, 0, 0.7); margin: 1.5625em 0; padding: 0.6rem; overflow: hidden; font-size: 1em; page-break-inside: avoid; border-left: 0.3rem solid #00b8d4; border-radius: 0.3rem; box-shadow: 0 0.1rem 0.4rem rgba(0, 0, 0, 0.05), 0 0 0.05rem rgba(0, 0, 0, 0.1); background-color: #fafafa; } .info-box .info-title { position: relative; margin: -0.6rem -0.6rem 0.8em -0.6rem !important; padding: 0.4rem 0.6rem 0.4rem 2.5rem; font-weight: 700; background-color: rgba(66, 185, 131, 0.1); } .info-box .info-title::before { position: absolute; top: 0.9rem; left: 1rem; width: 12px; height: 12px; background-color: #42b983; border-radius: 50%; content: " "; } .info-box > .info-title, .info-box.todo > .info-title { background-color: rgba(0, 184, 212, 0.1); } .info-box.warning > .info-title, .info-box.attention > .info-title, .info-box.caution > .info-title { background-color: rgba(255, 145, 0, 0.1); } .info-box.failure > .info-title, .info-box.missing > .info-title, .info-box.fail > .info-title, .info-box.error > .info-title { background-color: rgba(255, 82, 82, 0.1); } .info-box, .info-box.info, .info-box.todo { border-color: #00b8d4; } .info-box.success, .info-box.done { border-color: #05ad38; } .info-box.warning, .info-box.attention, .info-box.caution { border-color: #ff9100; } .info-box.failure, .info-box.missing, .info-box.fail, .info-box.error { border-color: #ff5252; } .info-box.info > .info-title::before, .info-box.todo > .info-title::before { background-color: #00b8d4; border-radius: 50%; } .info-box.success > .info-title::before, .info-box.done > .info-title::before { background-color: #05ad38; border-radius: 50%; } .info-box.warning > .info-title::before, .info-box.attention > .info-title::before, .info-box.caution > .info-title::before { background-color: #ff9100; border-radius: 50%; } .info-box.failure > .info-title::before, .info-box.missing > .info-title::before, .info-box.fail > .info-title::before, .info-box.error > .info-title::before { background-color: #ff5252; border-radius: 50%; } .info-box > .info-title.no-dot { padding-left: 0.6rem; } .info-box > .info-title.no-dot::before { display: none; } .info-box > :last-child { margin-bottom: 0 !important; } div.mw-warning-with-logexcerpt, div.mw-cascadeprotectedwarning { border: 1px solid #ccc; border-left: 10px solid red; clear: both; width: 80%; margin: 0 auto; background: #fcff8b } div.mw-warning-with-logexcerpt p, div.mw-cascadeprotectedwarning p { margin-left: 2em; margin-right: 2em } .mw-logline-protect { background: #ffe34d } .akarin { color: transparent; text-shadow: 1px 1px 8px gray; transition: all .14s liner 0s } span.akarin a.external, span.akarin a.external:visited, span.akarin a.extiw, span.akarin a.extiw:visited { color: transparent; text-shadow: 1px 1px 8px #6af; transition: all .14s linear 0s } .akarin a, a .akarin { color: transparent; text-shadow: 1px 1px 8px #6af; transition: all .14s linear 0s } .akarin a.new { color: transparent; text-shadow: 1px 1px 8px pink; transition: all .14s linear 0s } body:not(.akarin_toggle_on) .akarin:hover, body:not(.akarin_toggle_on) .akarin:active, body:not(.akarin_toggle_on) .akarin.off { color: #999; text-shadow: 1px 1px 2px gray; transition: all .14s linear 0s } body:not(.akarin_toggle_on) .akarin:hover a, body:not(.akarin_toggle_on) a:hover .akarin, body:not(.akarin_toggle_on) .akarin.off a, body:not(.akarin_toggle_on) a:hover .akarin.off { color: #40acff; text-shadow: 1px 1px 2px aliceblue; transition: all .14s linear 0s } body:not(.akarin_toggle_on) .akarin.off .new, body:not(.akarin_toggle_on) .akarin.off .new:hover, body:not(.akarin_toggle_on) .new:hover .akarin.off, body:not(.akarin_toggle_on) .akarin.off .new, body:not(.akarin_toggle_on) .akarin.off .new:hover, body:not(.akarin_toggle_on) .new:hover .akarin.off { color: #f88; text-shadow: 1px 1px 2px pink; transition: all .14s linear 0s } nav.akarin#toc:hover *, .pi-horizontal-group.akarin:hover *, .pi-item.akarin:hover, .pi-data.akarin:hover * { color: #888 !important } nav.akarin#toc:hover a, .pi-horizontal-group.akarin:hover a, .pi-item.akarin:hover a, .navbox.akarin td.navbox-list.akarin:hover a, .pi-data.akarin:hover a { color: #08f !important } nav.akarin#toc:hover a.new, .pi-horizontal-group.akarin:hover a.new, .pi-item.akarin:hover a.new, .navbox.akarin td.navbox-list.akarin:hover a.new, .pi-data.akarin:hover a.new { color: #b00 !important } code, tt { border: 1px solid #e0e0e0; background: #efefef; font-family: sans-serif } .oncopynotify.hide { opacity: 0; animation-play-state: paused; right: -300px; transition: all 1.5s } .oncopynotify { opacity: 1; bottom: 42px; right: 8px; max-width: 285px; position: fixed; z-index: 10000; height: 2em; transition: all .5s; background: white; box-shadow: 0px 0px 10px #666 } .oncopynotify .notify-icon { background: #5fa0ff; width: 32px } .oncopynotify .notify-content { width: auto } .oncopynotify .notify-content .inset { height: 1.5em; width: 250px; margin: 0; overflow: hidden; white-space: nowrap; font-size: 80%; animation: headermarquee 10s linear infinite } /** Ssi-modal **/ .ssi-stack.top { margin-top: 50px; } /** Css Tootip **/ .tooltip { position:relative } .tooltip .tooltip-button { border-bottom: 1px dotted #bbb; } .tooltip .tooltip-content { display: none; position: absolute; z-index: 1501; top: 0.8em; margin-top: 12px; left: -20px; padding: 4px; font-size: small; color: #565656; width: 240px; background: white; border: 1px solid #c6c6c6; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; box-shadow: 0 0 4px #bbb; } .tooltip .tooltip-content:before { content: ""; background-image: url(https://www.wjghj.cn/images/f/f8/Tooltip-top-arrow.png); background-size: 262.3px 16px; background-repeat: no-repeat; position: absolute; height: 16px; width: 262px; top: -16px; left: -7.2px; } .tooltip:hover .tooltip-button { border-bottom: 1px solid #999; } .tooltip:hover .tooltip-content { display: unset; }