Difference between revisions of "User:茵陈/vector.css"
< User:茵陈
(Created page with "::selection { background: #ADD8E6; } textarea, pre, code, tt, kbd, samp, .mw-code { font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New...") |
|||
(41 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | :: | + | :not(pre):not(code):not(textarea):not(tt):not(kbd):not(samp):not(var) { |
− | background: # | + | font-family: "Roboto Slab", "Source Han Sans Normal", "Noto Serif CJK SC", "SimSun", "HanaMinB Regular" , "TH-Tshyn-P0", "TH-Tshyn-P1", "TH-Tshyn-P2" !important; |
+ | } | ||
+ | .inline-spoilers, | ||
+ | .inline-spoilers a, | ||
+ | a .inline-spoilers, | ||
+ | .inline-spoilers a.new { | ||
+ | background-color: transparent !important; | ||
+ | filter: blur(5px); | ||
+ | transition: filter 200ms 300ms; | ||
+ | color: black !important; | ||
+ | } | ||
+ | .inline-spoilers:hover, | ||
+ | .inline-spoilers a:hover, | ||
+ | a .inline-spoilers:hover, | ||
+ | .inline-spoilers a.new:hover { | ||
+ | filter: blur(0.2px); | ||
+ | color: black !important; | ||
+ | } | ||
+ | .topButton1, .topButton2 { | ||
+ | position: absolute; | ||
+ | width: 30px; | ||
+ | top: 20px; | ||
+ | transition: all 300ms ease; | ||
+ | } | ||
+ | .topButton1:hover, .topButton2:hover { | ||
+ | opacity: .8; | ||
+ | } | ||
+ | .topButton1 { | ||
+ | left: 20px; | ||
+ | } | ||
+ | .topButton2 { | ||
+ | right: 20px; | ||
+ | } | ||
+ | #mw-head-base { | ||
+ | margin-top: -5em; | ||
+ | margin-left: 0 !important; | ||
+ | height: 5em; | ||
+ | box-shadow: 0 140px 0 200px #03A9F4; | ||
+ | background: #03A9F4; | ||
+ | width: 100%; | ||
+ | } | ||
+ | div#p-personal { | ||
+ | width: 100%; | ||
+ | max-height: 36px; | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | padding: 12px !important; | ||
+ | background: #03A9F4; | ||
+ | box-shadow: 0 1px 3px 0 rgba(0, 34, 77, .05); | ||
+ | border-bottom: 1px solid rgba(30, 35, 42, .06); | ||
+ | justify-content: space-between; | ||
+ | } | ||
+ | #p-personal ul { | ||
+ | float: right; | ||
+ | color: rgba(255,255,255,0.95); | ||
+ | background: transparent; | ||
+ | transition: all 0.3s ease; | ||
+ | opacity: 0; | ||
+ | } | ||
+ | #p-personal ul:hover { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | #p-personal a { | ||
+ | color: rgba(255,255,255,0.95); | ||
+ | } | ||
+ | #pt-notifications-alert .mw-echo-notifications-badge, | ||
+ | #pt-notifications-notice .mw-echo-notifications-badge { | ||
+ | color: transparent !important; | ||
+ | } | ||
+ | .topTitle { | ||
+ | color: rgba(255,255,255,0.95); | ||
+ | float: left; | ||
+ | font-size: 22px; | ||
+ | position: absolute; | ||
+ | left: 18%; | ||
+ | line-height: 32px; | ||
+ | white-space: nowrap; | ||
+ | overflow: hidden; | ||
+ | text-overflow: ellipsis; | ||
+ | max-width: 20em; | ||
+ | } | ||
+ | .ns-0 div#content, | ||
+ | .ns-0 div#p-cactions li a:hover, | ||
+ | .ns-0 div#p-cactions li.selected a, | ||
+ | .ns-0 div#content div.thumb, | ||
+ | div#content, | ||
+ | div#p-cactions li a:hover, | ||
+ | div#p-cactions li.selected a, | ||
+ | div#content div.thumb { | ||
+ | background: white; | ||
+ | } | ||
+ | @-webkit-keyframes main | ||
+ | { | ||
+ | from {margin-top: 180px; opacity: 0;} | ||
+ | to {margin-top: 100px; opacity: 1;} | ||
+ | } | ||
+ | #content { | ||
+ | -webkit-animation: main 500ms; | ||
+ | background: white; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-top: 100px; | ||
+ | width: 70%; | ||
+ | border: none; | ||
+ | box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | #firstHeading, | ||
+ | .mw-body h1, .mw-body h2, | ||
+ | h1, | ||
+ | h2, | ||
+ | h3, | ||
+ | h4, | ||
+ | h5, | ||
+ | h6, | ||
+ | .mw-body #toc h2, | ||
+ | .mw-body .toc h2{ | ||
+ | color: rgba(0, 0, 0, 0.87); | ||
+ | } | ||
+ | #firstHeading { | ||
+ | position: absolute; | ||
+ | top: 80px; | ||
+ | left: 0; | ||
+ | color: rgba(255,255,255,0.95); | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | transition: all 300ms ease; | ||
+ | } | ||
+ | #firstHeading:hover { | ||
+ | opacity: .8; | ||
+ | } | ||
+ | span.subpages { | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | .mw-body-content { | ||
+ | color: rgba(0, 0, 0, 0.7); | ||
+ | } | ||
+ | #mw-page-base, body.skin-vector { | ||
+ | background: #f6f6f6; | ||
} | } | ||
textarea, | textarea, | ||
Line 8: | Line 147: | ||
kbd, | kbd, | ||
samp, | samp, | ||
− | .mw-code { | + | .mw-code{ |
− | font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace; | + | font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace !important; |
} | } | ||
− | # | + | a, |
+ | .mw-body-content a.extiw, | ||
+ | .mw-body-content a.extiw:active, | ||
+ | .mw-body-content a.external { | ||
+ | color: #1976D2; | ||
+ | text-decoration: none !important; | ||
+ | transition: color 0.3s ease; | ||
+ | } | ||
+ | a:visited, | ||
+ | .mw-body-content a.external:visited, | ||
+ | .mw-body-content a.extiw:visited { | ||
+ | color: #5E35B1; | ||
+ | } | ||
+ | a:active, | ||
+ | .mw-body-content a.external:active, | ||
+ | .mw-body-content a.extiw:active, | ||
+ | a:hover, | ||
+ | .mw-body-content a.external:hover, | ||
+ | .mw-body-content a.extiw:hover { | ||
+ | color: #FFC107; | ||
+ | } | ||
+ | h1, | ||
+ | h2 { | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | .comment-user a, | ||
+ | .comment-user a:visited { | ||
+ | color: #777; | ||
+ | } | ||
+ | #toc, | ||
+ | .toc { | ||
+ | background-color: #f8f9fa; | ||
+ | border: 0; | ||
+ | border-radius: 3px; | ||
+ | padding: 8px; | ||
+ | box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2); | ||
+ | } | ||
+ | #catlinks { | ||
+ | border: 0; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | .wikiEditor-ui-tabs, | ||
+ | .wikiEditor-ui-tabs div { | ||
+ | border: 0; | ||
+ | } | ||
+ | .wikiEditor-ui-tabs div.current { | ||
+ | background: #E0EEF7; | ||
+ | } | ||
+ | .wikiEditor-ui-toolbar { | ||
+ | background-image: url(); | ||
+ | } | ||
+ | .wikiEditor-ui .wikiEditor-ui-top { | ||
+ | border: 0; | ||
+ | box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2); | ||
+ | } | ||
+ | .wikiEditor-ui .wikiEditor-ui-view { | ||
+ | border: 0; | ||
+ | } | ||
+ | .editOptions { | ||
+ | border: 0; | ||
+ | border-bottom-left-radius: 3px; | ||
+ | border-bottom-right-radius: 3px; | ||
+ | box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2); | ||
+ | } | ||
+ | #wpSave, | ||
+ | #wpPreview, | ||
+ | #wpDiff { | ||
+ | font-family: inherit; | ||
+ | font-size: 1em; | ||
+ | display: inline-block; | ||
+ | min-width: 4em; | ||
+ | max-width: 28.75em; | ||
+ | padding: 0.546875em 1em; | ||
+ | line-height: 1.286; | ||
+ | margin: 0; | ||
+ | border-radius: 2px; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | -webkit-appearance: none; | ||
+ | zoom: 1; | ||
+ | vertical-align: middle; | ||
+ | background-color: #f8f9fa; | ||
+ | color: #222222; | ||
+ | border: 1px solid #a2a9b1; | ||
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | hr { | ||
+ | background: #ccc; | ||
+ | } | ||
+ | .infoboxm, .template-documentation { | ||
+ | border: 0 !important; | ||
+ | box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2); | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | .common-box { | ||
+ | box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2); | ||
+ | background: #ECEFF1 !important; | ||
+ | line-height: 1.3; | ||
+ | border: 0 !important; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | table.wikitable > tr > th, | ||
+ | table.wikitable > tr > td, | ||
+ | table.wikitable > * > tr > th, | ||
+ | table.wikitable > * > tr > td { | ||
+ | border: none; | ||
+ | } | ||
+ | table.wikitable { | ||
+ | border: none; | ||
+ | box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2); | ||
+ | border-radius: 3px; | ||
+ | color: rgba(0, 0, 0, 0.7); | ||
+ | } | ||
+ | table.wikitable > tr > th, | ||
+ | table.wikitable > * > tr > th { | ||
+ | background-color: #eaecf0; | ||
+ | } | ||
+ | table.navbox { | ||
+ | border: none; | ||
+ | font-size: smaller; | ||
+ | box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2); | ||
+ | } | ||
+ | .infotemplatebox, | ||
+ | .acg-works-information { | ||
+ | border: none !important; | ||
+ | box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2); | ||
+ | } | ||
+ | ::-webkit-scrollbar-thumb { | ||
+ | background-color: #9e9e9e; | ||
+ | height: 50px; | ||
+ | outline-offset: -2px; | ||
+ | outline: 2px solid transparent; | ||
+ | } | ||
+ | ::-webkit-scrollbar-thumb:hover { | ||
+ | background-color: #616161; | ||
+ | height: 50px; | ||
+ | } | ||
+ | ::-webkit-scrollbar { | ||
+ | width: 8px; | ||
+ | height: 8px; | ||
+ | } | ||
+ | ::-webkit-scrollbar-track-piece { | ||
+ | background-color: #FFF; | ||
+ | } | ||
+ | #localNotice, | ||
+ | #footer-info-copyright, | ||
+ | .mw-editTools, | ||
+ | #mw-panel, | ||
+ | #left-navigation, | ||
+ | #right-navigation, | ||
+ | .mw-body .mw-editsection, | ||
+ | .mw-body .mw-editsection-like, | ||
+ | #footer-icons { | ||
display: none; | display: none; | ||
+ | } | ||
+ | .footer-info a, | ||
+ | div#footer ul li a, | ||
+ | div#footer ul li { | ||
+ | color: rgba(0, 0, 0, 0.7); | ||
+ | } | ||
+ | @media (max-width: 1116px) { | ||
+ | #p-personal ul, | ||
+ | #p-personal a { | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | } | ||
+ | ::selection { | ||
+ | background: #ADD8E6; | ||
} | } |
Latest revision as of 03:15, 18 August 2017
:not(pre):not(code):not(textarea):not(tt):not(kbd):not(samp):not(var) { font-family: "Roboto Slab", "Source Han Sans Normal", "Noto Serif CJK SC", "SimSun", "HanaMinB Regular" , "TH-Tshyn-P0", "TH-Tshyn-P1", "TH-Tshyn-P2" !important; } .inline-spoilers, .inline-spoilers a, a .inline-spoilers, .inline-spoilers a.new { background-color: transparent !important; filter: blur(5px); transition: filter 200ms 300ms; color: black !important; } .inline-spoilers:hover, .inline-spoilers a:hover, a .inline-spoilers:hover, .inline-spoilers a.new:hover { filter: blur(0.2px); color: black !important; } .topButton1, .topButton2 { position: absolute; width: 30px; top: 20px; transition: all 300ms ease; } .topButton1:hover, .topButton2:hover { opacity: .8; } .topButton1 { left: 20px; } .topButton2 { right: 20px; } #mw-head-base { margin-top: -5em; margin-left: 0 !important; height: 5em; box-shadow: 0 140px 0 200px #03A9F4; background: #03A9F4; width: 100%; } div#p-personal { width: 100%; max-height: 36px; position: fixed; top: 0; right: 0; padding: 12px !important; background: #03A9F4; box-shadow: 0 1px 3px 0 rgba(0, 34, 77, .05); border-bottom: 1px solid rgba(30, 35, 42, .06); justify-content: space-between; } #p-personal ul { float: right; color: rgba(255,255,255,0.95); background: transparent; transition: all 0.3s ease; opacity: 0; } #p-personal ul:hover { opacity: 1; } #p-personal a { color: rgba(255,255,255,0.95); } #pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge { color: transparent !important; } .topTitle { color: rgba(255,255,255,0.95); float: left; font-size: 22px; position: absolute; left: 18%; line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20em; } .ns-0 div#content, .ns-0 div#p-cactions li a:hover, .ns-0 div#p-cactions li.selected a, .ns-0 div#content div.thumb, div#content, div#p-cactions li a:hover, div#p-cactions li.selected a, div#content div.thumb { background: white; } @-webkit-keyframes main { from {margin-top: 180px; opacity: 0;} to {margin-top: 100px; opacity: 1;} } #content { -webkit-animation: main 500ms; background: white; margin-left: auto; margin-right: auto; margin-top: 100px; width: 70%; border: none; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); border-radius: 3px; } #firstHeading, .mw-body h1, .mw-body h2, h1, h2, h3, h4, h5, h6, .mw-body #toc h2, .mw-body .toc h2{ color: rgba(0, 0, 0, 0.87); } #firstHeading { position: absolute; top: 80px; left: 0; color: rgba(255,255,255,0.95); width: 100%; text-align: center; transition: all 300ms ease; } #firstHeading:hover { opacity: .8; } span.subpages { margin-left: 10px; } .mw-body-content { color: rgba(0, 0, 0, 0.7); } #mw-page-base, body.skin-vector { background: #f6f6f6; } textarea, pre, code, tt, kbd, samp, .mw-code{ font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace !important; } a, .mw-body-content a.extiw, .mw-body-content a.extiw:active, .mw-body-content a.external { color: #1976D2; text-decoration: none !important; transition: color 0.3s ease; } a:visited, .mw-body-content a.external:visited, .mw-body-content a.extiw:visited { color: #5E35B1; } a:active, .mw-body-content a.external:active, .mw-body-content a.extiw:active, a:hover, .mw-body-content a.external:hover, .mw-body-content a.extiw:hover { color: #FFC107; } h1, h2 { border-bottom: none; } .comment-user a, .comment-user a:visited { color: #777; } #toc, .toc { background-color: #f8f9fa; border: 0; border-radius: 3px; padding: 8px; box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2); } #catlinks { border: 0; border-radius: 3px; } .wikiEditor-ui-tabs, .wikiEditor-ui-tabs div { border: 0; } .wikiEditor-ui-tabs div.current { background: #E0EEF7; } .wikiEditor-ui-toolbar { background-image: url(); } .wikiEditor-ui .wikiEditor-ui-top { border: 0; box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2); } .wikiEditor-ui .wikiEditor-ui-view { border: 0; } .editOptions { border: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2); } #wpSave, #wpPreview, #wpDiff { font-family: inherit; font-size: 1em; display: inline-block; min-width: 4em; max-width: 28.75em; padding: 0.546875em 1em; line-height: 1.286; margin: 0; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; zoom: 1; vertical-align: middle; background-color: #f8f9fa; color: #222222; border: 1px solid #a2a9b1; text-align: center; font-weight: bold; cursor: pointer; } hr { background: #ccc; } .infoboxm, .template-documentation { border: 0 !important; box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2); border-radius: 3px; } .common-box { box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2); background: #ECEFF1 !important; line-height: 1.3; border: 0 !important; border-radius: 3px; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: none; } table.wikitable { border: none; box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2); border-radius: 3px; color: rgba(0, 0, 0, 0.7); } table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #eaecf0; } table.navbox { border: none; font-size: smaller; box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2); } .infotemplatebox, .acg-works-information { border: none !important; box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2); } ::-webkit-scrollbar-thumb { background-color: #9e9e9e; height: 50px; outline-offset: -2px; outline: 2px solid transparent; } ::-webkit-scrollbar-thumb:hover { background-color: #616161; height: 50px; } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track-piece { background-color: #FFF; } #localNotice, #footer-info-copyright, .mw-editTools, #mw-panel, #left-navigation, #right-navigation, .mw-body .mw-editsection, .mw-body .mw-editsection-like, #footer-icons { display: none; } .footer-info a, div#footer ul li a, div#footer ul li { color: rgba(0, 0, 0, 0.7); } @media (max-width: 1116px) { #p-personal ul, #p-personal a { visibility: hidden; } } ::selection { background: #ADD8E6; }