imported>=海豚= |
imported>=海豚= |
第1行: |
第1行: |
| /* 标题字型调整*/
| | <includeonly>{{NoReferer}}{{#widget: 萌百条目}}<div id="moe">{{ 萌百::{{{1|{{FULLPAGENAME}}}}}}}</div></includeonly><noinclude>{{doc}}</noinclude> |
| #section_0 {
| |
| font-family: sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
| |
| font-variant: small-caps;
| |
| }
| |
| h2,
| |
| h3,
| |
| h4,
| |
| h5,
| |
| h6 {
| |
| font-family: "roboto",sans-serif !important;
| |
| } | |
| /* 用户头像 */
| |
| img.userlink-avatar-small {
| |
| margin-left: 0.2em;
| |
| margin-right: 0.2em;
| |
| width: 1.5em;
| |
| border-radius: 15%;
| |
| margin-top: -0.2em;
| |
| } | |
| | |
| .userlink-avatar-large {
| |
| display: none;
| |
| position: absolute;
| |
| top: 1em;
| |
| left: 1em;
| |
| padding: 1.5em;
| |
| border: solid #A7D7F9 1px;
| |
| border-radius: 3px;
| |
| background-color: white;
| |
| }
| |
| | |
| .userlink-avatar-large img {
| |
| min-width: 128px;
| |
| }
| |
| | |
| .userlink-avatar-hover,
| |
| .userlink-avatar-hover .userlink-avatar-small {
| |
| position: relative;
| |
| cursor: pointer;
| |
| }
| |
| | |
| .userlink-avatar-hover:hover .userlink-avatar-large {
| |
| display: block;
| |
| z-index: 91;
| |
| }
| |
| #p-personal li { | |
| margin-top: 1em;
| |
| margin-bottom: 0.75em;
| |
| } | |
| #pt-userpage {
| |
| background: none !important;
| |
| padding-left: 0px !important;
| |
| } | |
| #pt-avatar {
| |
| margin-top: 0.25em !important;
| |
| margin-bottom: 0px !important;
| |
| }
| |
| #pt-avatar img {
| |
| width: 2.5em;
| |
| border-radius: 50%;
| |
| }
| |
| /* 1.28+ Echo fix */
| |
| #p-personal #pt-notifications-alert, #p-personal #pt-notifications-notice {
| |
| margin-top: 0.8em;
| |
| }
| |
| #p-personal li {
| |
| margin-bottom: 0.2em;
| |
| }
| |
| #p-personal #pt-notifications-alert{
| |
| margin-top: 1.1em;
| |
| }
| |
| #p-personal #pt-notifications-notice{
| |
| margin-top: 1.13em;
| |
| }
| |
| /* 导航菜单样式 */
| |
| nav ul li a {
| |
| box-shadow: inset 0 0 0 #F4C430;
| |
| transition: all 0.1s ease-in !important;
| |
| } | |
| nav ul li a:hover {
| |
| box-shadow: inset 7px 0 0 #F4C430;
| |
| } | |
| nav .mw-parser-output ul li a {
| |
| font-weight: bold;
| |
| line-height: 1.857;
| |
| } | |
| nav .mw-parser-output ul li a > i {
| |
| margin-right: 0.76em;
| |
| font-size: 1.4em;
| |
| vertical-align: middle;
| |
| width: 24px;
| |
| text-align: center;
| |
| } | |
| /* 隐藏登录后的首页欢迎语 */
| |
| body.page-Main_Page.is-authenticated .pre-content {
| |
| display: none !important;
| |
| } | |
| /* 通知样式 */
| |
| .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
| |
| background: transparent !important;
| |
| } | |
| .notification-count {
| |
| background: transparent !important;
| |
| } | |
| /* 界面顶部样式 */ | |
| .mw-ui-icon-minerva-mainmenu:before{
| |
| filter: brightness(300%) !important;
| |
| }
| |
| .header .branding-box {
| |
| filter: brightness(300%) !important;
| |
| color: white !important;
| |
| }
| |
| .mw-ui-icon-minerva-magnifying-glass:before{
| |
| filter: brightness(300%) !important;
| |
| }
| |
| .mw-ui-icon-minerva-notifications:before{
| |
| filter: brightness(300%) !important;
| |
| }
| |
| .mw-ui-icon-mf-back:before{
| |
| filter: brightness(300%) !important;
| |
| }
| |
| .overlay-header h2{
| |
| color: white !important;
| |
| }
| |
| overlay-title{
| |
| color: white !important;
| |
| }
| |
| .mw-ui-icon-mf-overlay-close:before{
| |
| filter: brightness(300%) !important;
| |
| }
| |
| .header-container {
| |
| background-color: #f4c430 !important;
| |
| }
| |
| nav ul li a:hover {
| |
| box-shadow: inset 5px 0 0 0 #f4c430;
| |
| text-decoration: none;
| |
| }
| |
| /* info类模板 */
| |
| .infoBoxYellow {
| |
| padding: 0.5em;
| |
| background: rgba(255,255,245);
| |
| }
| |
| .infoBoxRed {
| |
| padding: 0.5em;
| |
| background: rgba(258,240,245);
| |
| }
| |
| .infoBoxBlue {
| |
| padding: 0.4em;
| |
| background: rgba(240,248,255);
| |
| }
| |
| .infoBoxPurple {
| |
| padding: 0.4em;
| |
| background: rgba(248,248,255);
| |
| }
| |
| .infoBoxGreen {
| |
| padding: 0.5em;
| |
| background: rgba(245,255,250);
| |
| }
| |
| .infoBoxOrange {
| |
| padding: 0.5em;
| |
| background: rgba(250,240,230);
| |
| }
| |
| /* 信息模板的css */
| |
| .infotemplatebox {
| |
| float: right;
| |
| width: 250px;
| |
| font-size: 100%;
| |
| margin: 1em 0 1em 1em;
| |
| background: #f9f9f9;
| |
| border: 1px #999 solid;
| |
| border-collapse: collapse;
| |
| word-break: break-all;
| |
| clear: right;
| |
| }
| |
| /* 界面底部样式 */
| |
| .animations #mw-mf-page-center {
| |
| background-image: linear-gradient( -45deg,#f4c430 10px,transparent 11px);
| |
| }
| |
| .tab .TabLabelText {
| |
| padding: 1px;
| |
| background: #fff;
| |
| cursor: pointer;
| |
| flex: none;
| |
| }
| |
| /* 最近更改页面 */
| |
| .mw-changeslist-legend {
| |
| display: none!important;
| |
| }
| |
| /* 搜索界面 */
| |
| .mw-search-pager-bottom{
| |
| text-align: center;
| |
| border: 1px solid #ddd;
| |
| padding: 0.6em;
| |
| }
| |
| /*热门评论*/
| |
| .comment-container-top>div:not(.comment-thread) {
| |
| background-color: rgba(244, 196, 48, 0.8) !important;
| |
| color: white !important;
| |
| font-weight: bolder !important;
| |
| }
| |
| .comment-thread.comment-popular {
| |
| background-color: rgba(244, 196, 48, 0.15) !important;
| |
| }
| |
| .comment-container-top {
| |
| border: none;
| |
| box-shadow: 0 1px 3px rgb(18 18 18 / 10%);
| |
| }
| |
| .comment-container-top > div:first-child {
| |
| height: 30px;
| |
| line-height: 30px;
| |
| }
| |
| .comment-replybox{
| |
| padding-top: 5px;
| |
| }
| |
| /* wikitable MD化 */
| |
| table.wikitable {
| |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
| |
| border-radius: 4px;
| |
| overflow: hidden;
| |
| }
| |
| /* 编辑区样式 */
| |
| .my-buttons {
| |
| padding: 0em .6em .3em .6em;
| |
| }
| |
| .my-buttons a {
| |
| text-decoration: none;
| |
| border: 1px #069 outset;
| |
| padding: .1em;
| |
| }
| |
| .my-buttons a:hover,
| |
| .my-buttons a:active {
| |
| border-style: inset;
| |
| }
| |
| #wpTextbox1.mw-editfont-monospace{
| |
| font-size: 93%;
| |
| height: 450px;
| |
| }
| |
| #msupload-container.start-loading{
| |
| display:none;
| |
| }
| |
| #msupload-dropzone {
| |
| padding: 3px;
| |
| height: 19px;
| |
| font-size: small;
| |
| }
| |
| .client-js .editButtons {
| |
| display: inline-block!important;
| |
| }
| |
| .oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child {
| |
| margin-left: .1em;
| |
| }
| |
| .ve-ui-mwSaveDialog-summaryLabel {
| |
| display: none;
| |
| }
| |
| .wikiEditor-ui-toolbar {
| |
| background-color: #f8f9fa!important;
| |
| box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1)!important;
| |
| background-image: none!important;
| |
| }
| |
| .wikiEditor-ui-toolbar .sections .section {
| |
| background-color: #f8f9fa!important;
| |
| box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1)!important;
| |
| }
| |
| #msupload-dropzone {
| |
| box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1)!important;
| |
| }
| |
| #msupload-container {
| |
| position: absolute;
| |
| }
| |
| .wikiEditor-ui-toolbar .tabs {
| |
| margin-left: 24px;
| |
| border-left: 1px solid #c8ccd1;
| |
| }
| |
| .wikiEditor-ui-toolbar .tabs span.tab.tab-advanced {
| |
| padding-left: 7px;
| |
| }
| |
| .tool-button.tool-active, .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement {
| |
| outline: transparent;
| |
| background-color: transparent;
| |
| box-shadow: none;
| |
| }
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
| |
| margin-top: 9px;
| |
| }
| |
| .CodeMirror-gutter-elt{
| |
| display: none;
| |
| } | |
| .CodeMirror-gutters {
| |
| display: none;
| |
| } | |
| /* Tabs */
| |
| .tab .TabLabel {
| |
| z-index: 2;
| |
| position: relative;
| |
| -webkit-user-select: none;
| |
| -moz-user-select: none;
| |
| -ms-user-select: none;
| |
| -o-user-select: none;
| |
| user-select: none;
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| }
| |
| | |
| .tab .TabLabelText.selected {
| |
| padding: 1px;
| |
| background: white;
| |
| }
| |
| | |
| .tab .TabContent {
| |
| background: white;
| |
| padding: 20px 30px;
| |
| position: relative;
| |
| z-index: 1;
| |
| border: 1px solid #aaa;
| |
| }
| |
| | |
| .tab .TabContentText {
| |
| display: none;
| |
| }
| |
| | |
| .tab .TabContentText.selected {
| |
| display: block;
| |
| }
| |
| | |
| .tab .tabLabelTop .TabLabelText {
| |
| border-top: 3px solid transparent;
| |
| border-left: 1px solid transparent;
| |
| border-right: 1px solid transparent;
| |
| }
| |
| | |
| .tab .tabLabelTop .TabLabelText.selected {
| |
| border-top: 3px solid green;
| |
| border-left: 1px solid #aaa;
| |
| border-right: 1px solid #aaa;
| |
| }
| |
| | |
| .tab .tabLabelTop.reverse .TabLabelText {
| |
| border-bottom: 3px solid transparent;
| |
| border-left: 1px solid transparent;
| |
| border-right: 1px solid transparent;
| |
| border-top: 1px solid transparent;
| |
| }
| |
| | |
| .tab .tabLabelTop.reverse .TabLabelText.selected {
| |
| border-bottom: 3px solid green;
| |
| border-left: 1px solid #aaa;
| |
| border-right: 1px solid #aaa;
| |
| border-top: 1px solid transparent;
| |
| }
| |
| | |
| .tab .tabLabelBottom .TabLabelText {
| |
| border-bottom: 3px solid transparent;
| |
| border-left: 1px solid transparent;
| |
| border-right: 1px solid transparent;
| |
| }
| |
| | |
| .tab .tabLabelBottom .TabLabelText.selected {
| |
| border-bottom: 3px solid green;
| |
| border-left: 1px solid #aaa;
| |
| border-right: 1px solid #aaa;
| |
| }
| |
| | |
| .tab .tabLabelBottom.reverse .TabLabelText {
| |
| border-top: 3px solid transparent;
| |
| border-left: 1px solid transparent;
| |
| border-right: 1px solid transparent;
| |
| border-bottom: 1px solid transparent;
| |
| }
| |
| | |
| .tab .tabLabelBottom.reverse .TabLabelText.selected {
| |
| border-top: 3px solid green;
| |
| border-left: 1px solid #aaa;
| |
| border-right: 1px solid #aaa;
| |
| border-bottom: 1px solid transparent;
| |
| }
| |
| | |
| .tab .tabLabelLeft .TabLabelText {
| |
| border-left: 3px solid transparent;
| |
| border-top: 1px solid transparent;
| |
| border-bottom: 1px solid transparent;
| |
| }
| |
| | |
| .tab .tabLabelLeft .TabLabelText.selected {
| |
| border-left: 3px solid green;
| |
| border-top: 1px solid #aaa;
| |
| border-bottom: 1px solid #aaa;
| |
| }
| |
| | |
| .tab .tabLabelLeft.reverse .TabLabelText {
| |
| border-right: 3px solid transparent;
| |
| border-top: 1px solid transparent;
| |
| border-bottom: 1px solid transparent;
| |
| border-left: 1px solid transparent;
| |
| }
| |
| | |
| .tab .tabLabelLeft.reverse .TabLabelText.selected {
| |
| border-right: 3px solid green;
| |
| border-top: 1px solid #aaa;
| |
| border-bottom: 1px solid #aaa;
| |
| border-left: 1px solid transparent;
| |
| }
| |
| | |
| .tab .tabLabelRight .TabLabelText {
| |
| border-right: 3px solid transparent;
| |
| border-top: 1px solid transparent;
| |
| border-bottom: 1px solid transparent;
| |
| }
| |
| | |
| .tab .tabLabelRight .TabLabelText.selected {
| |
| border-right: 3px solid green;
| |
| border-top: 1px solid #aaa;
| |
| border-bottom: 1px solid #aaa;
| |
| }
| |
| | |
| .tab .tabLabelRight.reverse .TabLabelText {
| |
| border-left: 3px solid transparent;
| |
| border-top: 1px solid transparent;
| |
| border-bottom: 1px solid transparent;
| |
| border-right: 1px solid transparent;
| |
| }
| |
| | |
| .tab .tabLabelRight.reverse .TabLabelText.selected {
| |
| border-left: 3px solid green;
| |
| border-top: 1px solid #aaa;
| |
| border-bottom: 1px solid #aaa;
| |
| border-right: 1px solid transparent;
| |
| }
| |
| | |
| .tab .Tabs .TabDivider {
| |
| width: 100%;
| |
| order: 2;
| |
| }
| |
| | |
| .tab .Tabs.reverse .TabDivider {
| |
| height: 2px;
| |
| }
| |
| | |
| .tab .Tabs.tabLabelLeft .TabLabel,
| |
| .tab .Tabs.tabLabelRight .TabContent {
| |
| order: 1;
| |
| }
| |
| | |
| .tab .Tabs.tabLabelLeft .TabContent,
| |
| .tab .Tabs.tabLabelRight .TabLabel {
| |
| order: 3;
| |
| }
| |
| | |
| .tab .Tabs.tabLabelLeft,
| |
| .tab .Tabs.tabLabelRight {
| |
| display: flex;
| |
| flex-wrap: nowrap;
| |
| width: auto;
| |
| }
| |
| | |
| .tab .Tabs.tabLabelLeft .TabDivider,
| |
| .tab .Tabs.tabLabelRight .TabDivider {
| |
| height: 100%;
| |
| width: 0;
| |
| }
| |
| | |
| .tab .Tabs.tabLabelLeft.reverse .TabDivider,
| |
| .tab .Tabs.tabLabelRight.reverse .TabDivider {
| |
| width: 1px;
| |
| }
| |
| | |
| .tab .Tabs.tabLabelLeft .TabLabel,
| |
| .tab .Tabs.tabLabelRight .TabLabel {
| |
| flex-direction: column;
| |
| }
| |
| | |
| .tab .Tabs.tabLabelLeft:not(.AutoWidth) .TabContent,
| |
| .tab .Tabs.tabLabelRight:not(.AutoWidth) .TabContent{
| |
| flex: 1;
| |
| }
| |
| | |
| .Tabs {
| |
| max-width: 100%;
| |
| }
| |
| | |
| .Tabs.AutoWidth {
| |
| width: max-content;
| |
| }
| |
| | |
| .Tabs.FloatLeft {
| |
| float: left;
| |
| margin-right: 1em;
| |
| }
| |
| | |
| .Tabs.FloatRight {
| |
| float: right;
| |
| margin-left: 1em;
| |
| }
| |
| | |
| .Tabs .Tab {
| |
| border-bottom: 1px solid #aaa;
| |
| }
| |
| | |
| .Tabs .Tab:first-child {
| |
| border-top: 1px solid #aaa;
| |
| }
| |
| | |
| .Tabs .Tab .TabLabelText {
| |
| padding: 7px;
| |
| }
| |
| | |
| .Tabs .Tab .TabContentText {
| |
| padding: 3px;
| |
| }
| |
| | |
| .infotemplatebox>table td>.Tabs .TabLabel,
| |
| .infotemplatebox>table td>.Tabs .TabContent {
| |
| margin: 0 -1px;
| |
| }
| |