Difference between revisions of "User:茵陈/vector.css"
< User:茵陈
m |
|||
(38 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) { | ||
+ | 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 { | div#p-personal { | ||
width: 100%; | width: 100%; | ||
+ | max-height: 36px; | ||
position: fixed; | position: fixed; | ||
top: 0; | top: 0; | ||
right: 0; | right: 0; | ||
padding: 12px !important; | padding: 12px !important; | ||
− | background: # | + | background: #03A9F4; |
box-shadow: 0 1px 3px 0 rgba(0, 34, 77, .05); | box-shadow: 0 1px 3px 0 rgba(0, 34, 77, .05); | ||
border-bottom: 1px solid rgba(30, 35, 42, .06); | border-bottom: 1px solid rgba(30, 35, 42, .06); | ||
Line 12: | Line 55: | ||
#p-personal ul { | #p-personal ul { | ||
float: right; | float: right; | ||
− | color: rgba( | + | color: rgba(255,255,255,0.95); |
background: transparent; | background: transparent; | ||
+ | transition: all 0.3s ease; | ||
+ | opacity: 0; | ||
+ | } | ||
+ | #p-personal ul:hover { | ||
+ | opacity: 1; | ||
} | } | ||
#p-personal a { | #p-personal a { | ||
− | color: | + | color: rgba(255,255,255,0.95); |
− | |||
} | } | ||
#pt-notifications-alert .mw-echo-notifications-badge, | #pt-notifications-alert .mw-echo-notifications-badge, | ||
Line 24: | Line 71: | ||
} | } | ||
.topTitle { | .topTitle { | ||
− | color: | + | color: rgba(255,255,255,0.95); |
float: left; | float: left; | ||
font-size: 22px; | font-size: 22px; | ||
position: absolute; | position: absolute; | ||
left: 18%; | left: 18%; | ||
− | |||
line-height: 32px; | line-height: 32px; | ||
white-space: nowrap; | white-space: nowrap; | ||
overflow: hidden; | overflow: hidden; | ||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||
− | + | max-width: 20em; | |
} | } | ||
.ns-0 div#content, | .ns-0 div#content, | ||
Line 45: | Line 91: | ||
div#content div.thumb { | div#content div.thumb { | ||
background: white; | background: white; | ||
+ | } | ||
+ | @-webkit-keyframes main | ||
+ | { | ||
+ | from {margin-top: 180px; opacity: 0;} | ||
+ | to {margin-top: 100px; opacity: 1;} | ||
} | } | ||
#content { | #content { | ||
+ | -webkit-animation: main 500ms; | ||
background: white; | background: white; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
− | margin-top: | + | margin-top: 100px; |
width: 70%; | width: 70%; | ||
border: none; | border: none; | ||
Line 63: | Line 115: | ||
h4, | h4, | ||
h5, | h5, | ||
− | h6 { | + | h6, |
+ | .mw-body #toc h2, | ||
+ | .mw-body .toc h2{ | ||
color: rgba(0, 0, 0, 0.87); | 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 { | span.subpages { | ||
Line 70: | Line 136: | ||
} | } | ||
.mw-body-content { | .mw-body-content { | ||
− | |||
color: rgba(0, 0, 0, 0.7); | color: rgba(0, 0, 0, 0.7); | ||
} | } | ||
− | body.skin-vector { | + | #mw-page-base, body.skin-vector { |
− | background: # | + | background: #f6f6f6; |
} | } | ||
textarea, | textarea, | ||
Line 83: | Line 148: | ||
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, | a, | ||
Line 91: | Line 156: | ||
color: #1976D2; | color: #1976D2; | ||
text-decoration: none !important; | text-decoration: none !important; | ||
+ | transition: color 0.3s ease; | ||
} | } | ||
a:visited, | a:visited, | ||
Line 97: | Line 163: | ||
color: #5E35B1; | color: #5E35B1; | ||
} | } | ||
− | a:active { | + | 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; | color: #FFC107; | ||
} | } | ||
Line 119: | Line 190: | ||
border: 0; | border: 0; | ||
border-radius: 3px; | 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, | #wpSave, | ||
Line 144: | Line 238: | ||
font-weight: bold; | font-weight: bold; | ||
cursor: pointer; | 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 { | .common-box { | ||
Line 176: | Line 278: | ||
.acg-works-information { | .acg-works-information { | ||
border: none !important; | border: none !important; | ||
− | |||
box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2); | box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2); | ||
} | } | ||
::-webkit-scrollbar-thumb { | ::-webkit-scrollbar-thumb { | ||
− | background-color: # | + | background-color: #9e9e9e; |
height: 50px; | height: 50px; | ||
outline-offset: -2px; | outline-offset: -2px; | ||
− | outline: 2px solid | + | outline: 2px solid transparent; |
− | |||
− | |||
} | } | ||
::-webkit-scrollbar-thumb:hover { | ::-webkit-scrollbar-thumb:hover { | ||
− | background-color: # | + | background-color: #616161; |
height: 50px; | height: 50px; | ||
− | |||
} | } | ||
::-webkit-scrollbar { | ::-webkit-scrollbar { | ||
Line 198: | Line 296: | ||
::-webkit-scrollbar-track-piece { | ::-webkit-scrollbar-track-piece { | ||
background-color: #FFF; | background-color: #FFF; | ||
− | |||
} | } | ||
#localNotice, | #localNotice, | ||
Line 205: | Line 302: | ||
#mw-panel, | #mw-panel, | ||
#left-navigation, | #left-navigation, | ||
− | #right-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 { | ::selection { | ||
background: #ADD8E6; | 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; }