imported>Irukaza |
imported>Zyksnowy |
| 第1行： |
第1行： |
| /* 标题样式调整*/
| | 這是H萌娘 的 沙盒醬 ， 目前還不會 被 經常清空。。 |
| #section_0 {
| | == 标 题 文字 == |
| font-family: sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
| | https://danbooru.donmai.us/posts?page=2&tags=selfie |
| 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 #ffa92f;
| |
| transition: all 0.1s ease-in !important;
| |
| }
| |
| nav ul li a:hover {
| |
| box-shadow: inset 7px 0 0 #ffa92f;
| |
| }
| |
| 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;
| |
| }
| |
| /* 隐藏谷歌翻译框 */
| |
| #cloudflare-app-google-translate{
| |
| display:none;
| |
| }
| |
| /* 通知样式 */
| |
| .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: #ffa92f !important;
| |
| }
| |
| nav ul li a:hover {
| |
| box-shadow: inset 5px 0 0 0 #ffa92f;
| |
| text-decoration: none;
| |
| }
| |
| #page-actions .language-selector{
| |
| display: none;
| |
| }
| |
| #page-actions > div > li{
| |
| display:none!important;
| |
| }
| |
| /* info类模板 */
| |
| .infoBoxTitle {
| |
| margin: 3px auto;
| |
| padding: 0;
| |
| text-align: center;
| |
| font-weight: 700;
| |
| }
| |
| .infoBoxIcon {
| |
| display: table-cell;
| |
| padding: 2px 0 2px .5em;
| |
| vertical-align: middle;
| |
| }
| |
| .infoBoxText {
| |
| display: table-cell;
| |
| padding: .25em .5em .25em 1.3em;
| |
| width: 100%;
| |
| vertical-align: middle;
| |
| }
| |
| .infoBoxContent new{
| |
| padding: 0.6em;
| |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
| |
| border-radius: 5px;
| |
| overflow: hidden;
| |
| background: rgba(251,251,251,0.7);
| |
| }
| |
| .infoBoxContent {
| |
| padding: 5px;
| |
| border-left-width: 0;
| |
| background: #fbfbfb;
| |
| }
| |
| .infoBoxBelow {
| |
| margin: 0 auto;
| |
| padding: 0;
| |
| text-align: center;
| |
| }
| |
| .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);
| |
| }
| |
| .skin-minerva .infoBoxIcon {
| |
| display: none!important;
| |
| }
| |
| /* 黑幕模板配合CSS */
| |
| /* 把这几行单独拎出来写 ， 否则会被Firefox合并到“.heimu a”这条规则，然后又 被 上面的“点过外链不变色”规则override */
| |
| span.heimu a.external,
| |
| span.heimu a.external:visited,
| |
| span.heimu a.extiw,
| |
| span.heimu a.extiw:visited {
| |
| color: #252525;
| |
| }
| |
| .heimu,
| |
| .heimu a,
| |
| a .heimu,
| |
| .heimu a.new {
| |
| background-color: #252525;
| |
| color: #252525;
| |
| text-shadow: none;
| |
| }
| |
| .heimu:hover,
| |
| .heimu:active,
| |
| .heimu.off {
| |
| transition: color .13s linear;
| |
| color: white!important;
| |
| }
| |
| .heimu:hover a,
| |
| a:hover .heimu,
| |
| .heimu.off a,
| |
| a:hover .heimu.off {
| |
| transition: color .13s linear;
| |
| color: lightblue;
| |
| }
| |
| .heimu.off .new,
| |
| .heimu.off .new:hover,
| |
| .new:hover .heimu.off,
| |
| .heimu.off .new,
| |
| .heimu.off .new:hover,
| |
| .new:hover .heimu.off {
| |
| transition: color .13s linear;
| |
| color: #BA0000;
| |
| }
| |
| /* gallery画廊样式 */
| |
| .skin-minerva .gallery {
| |
| padding-left: 2px;
| |
| }
| |
| .skin-minerva .gallerytextwrapper, .skin-minerva .gallerytext {
| |
| box-sizing: border-box;
| |
| width: 100% !important;
| |
| }
| |
| .gallerytext > p {
| |
| margin: 0.5em 0;
| |
| }
| |
| /* 界面底部样式 */
| |
| .animations #mw-mf-page-center {
| |
| background-image: linear-gradient( -45deg,#ffa92f 10px,transparent 11px);
| |
| }
| |
| .tab .TabLabelText {
| |
| padding: 1px;
| |
| background: #fff;
| |
| cursor: pointer;
| |
| flex: none;
| |
| }
| |
| #page-secondary-actions {
| |
| display: none;
| |
| }
| |
| /* Ruby 模板 */
| |
| rb[data-id="template-ruby"]::before {
| |
| content: "";
| |
| }
| |
| rb[data-id="template-ruby"]::before,
| |
| .template-ruby-hidden {
| |
| display: inline-block;
| |
| width: 0;
| |
| font-size: 0;
| |
| }
| |
| /* 链接显示效果 */
| |
| a, a:visited {
| |
| text-decoration: none!important;
| |
| color: #3266cc;
| |
| }
| |
| a.new {
| |
| color: #BA0000!important;
| |
| }
| |
| .mw-body a.external:visited {
| |
| color: #3366cc!important;
| |
| }
| |
| /* 最近更改页面 */
| |
| .mw-changeslist-legend {
| |
| display: none;
| |
| }
| |
| /* 搜索界面 */
| |
| .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;
| |
| }
| |
| /* 解决pre不换行的问 题 */
| |
| pre {
| |
| white-space: pre-wrap; /* CSS-3 */
| |
| white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
| |
| white-space: -pre-wrap; /* Opera 4-6 */
| |
| white-space: -o-pre-wrap; /* Opera 7 */
| |
| word-wrap: break-word; /* Internet Explorer 5.5+ */
| |
| }
| |
| /* 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;
| |
| }
| |
| /* wikitable green */ | |
| table.wikitable-green {
| |
| background: #c9f6e1
| |
| }
| |
| .wikitable-green th {
| |
| background: #13ec93
| |
| }
| |
| .wikitable-green td {
| |
| background: #f3f3f3
| |
| }
| |
| /* 图像查看器MD化 */
| |
| .mw-mmv-post-image {
| |
| border-radius: 10px 10px 0 0;
| |
| }
| |
| /* 图像详细页 */
| |
| .fullImageLink{
| |
| text-align: center;
| |
| }
| |
| .fullMedia{
| |
| text-align: center;
| |
| }
| |
| /* 编辑区样式 */
| |
| .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: 13.4px;
| |
| height: 450px;
| |
| padding: 0.25em 0.5em 0;
| |
| font-family: inherit;
| |
| line-height: inherit;
| |
| }
| |
| #msupload-div {
| |
| border: 0;
| |
| }
| |
| #msupload-container.start-loading{
| |
| display:none;
| |
| }
| |
| #msupload-dropzone {
| |
| display: none!important;
| |
| padding: 3px;
| |
| height: 19px;
| |
| font-size: small;
| |
| }
| |
| #msupload-select {
| |
| filter: brightness(0.4);
| |
| height: 24px;
| |
| }
| |
| .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;
| |
| background-image: none!important;
| |
| box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1)!important;
| |
| }
| |
|
| |
|
| .wikiEditor-ui-toolbar .sections .section {
| | hai還真有不少， ， |
| background-color: #f8f9fa!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;
| |
| }
| |
| /* 临时措施：防止工具栏出现多行 ， 隐藏工具栏最右方切换到可视化编辑按钮 */
| |
| .ve-init-mw-editSwitch {
| |
| display: none;
| |
| }
| |
| /* 在编辑记录中添加图标 */
| |
| .history-size::before
| |
| {content:"📊";}
| |
|
| |
| .history-size::after
| |
| {content:"←";}
| |
|
| |
| .mw-tag-markers a::before
| |
| {content:"🏷️";}
| |
|
| |
| .mw-changeslist-date::before, .mw-changeslist h4::before
| |
| {content:"📅 ";}
| |
|
| |
|
| /* Tabs */
| |
| .tab .TabLabelText {
| |
| border-top: 3px solid transparent;
| |
| padding: 1px;
| |
| background: #fff;
| |
| border-left: 1px solid transparent;
| |
| border-right: 1px solid transparent;
| |
| cursor: pointer;
| |
| flex: none;
| |
| }
| |
| .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 {
| |
| border-top: 3px solid green;
| |
| padding: 1px;
| |
| background: white;
| |
| border-left: 1px solid #aaa;
| |
| border-right: 1px solid #aaa;
| |
| }
| |
| .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;
| |
| }
| |
| .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;
| |
| }
| |
| .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 {
| | za找不到 mingrenzipai |
| 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;
| |
| }
| |