The editors' meeting has been canceled for technical reasons.
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 4: | Line 4: | ||
} | } | ||
body::before { | body::before { | ||
position: absolute; | |||
content: ""; | content: ""; | ||
top: 0; | top: 0; | ||
Line 28: | Line 28: | ||
} | } | ||
#mw-page-base { | #mw-page-base { | ||
background-color: transparent; | |||
background-image: none; | |||
} | } | ||
.mw-body { | .mw-body { | ||
Line 36: | Line 36: | ||
border-right-width: 0; | border-right-width: 0; | ||
background-color: var(--back-color-1); | background-color: var(--back-color-1); | ||
} | |||
h2 { | |||
font-family: "Linux Libertine", Georgia, Times, serif, NospzGothicMoe, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |||
font-weight: 800; | |||
} | } | ||
Line 47: | Line 52: | ||
} | } | ||
@media screen and (min-width: 982px) { | @media screen and (min-width: 982px) { | ||
#mw-panel #p-logo { | |||
margin-left:0.5em; | |||
} | |||
#mw-panel .portal h3 { | |||
margin: 8px -10px 0 0; | |||
} | |||
#mw-panel .portal .vector-menu-content { | |||
margin: -5px -10px 0 0; | |||
} | |||
} | } | ||
@media screen and (max-width: 982px) { | @media screen and (max-width: 982px) { | ||
#mw-panel #p-logo { | |||
margin-left:0; | |||
} | |||
#mw-panel .portal h3 { | |||
margin: 8px 0 0 0; | |||
} | |||
#mw-panel .portal .vector-menu-content { | |||
margin: -5px 0 0 0; | |||
} | |||
} | } | ||
#mw-panel .portal { | #mw-panel .portal { | ||
Line 78: | Line 83: | ||
#mw-panel .portal h3 { | #mw-panel .portal h3 { | ||
cursor: default; | cursor: default; | ||
border: 0; | |||
padding: 5px 6px !important; | padding: 5px 6px !important; | ||
background-color: var(--twitch-purple); | background-color: var(--twitch-purple); | ||
font-size: 20px; | font-size: 20px; | ||
font-weight: bold; | |||
margin-top: 8px; | margin-top: 8px; | ||
color: #fff !important; | color: #fff !important; | ||
} | } | ||
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { | .vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { | ||
font-weight: bold; | |||
} | } | ||
#mw-panel .portal h3::after { | #mw-panel .portal h3::after { | ||
Line 107: | Line 112: | ||
text-decoration: none; | text-decoration: none; | ||
margin: -2.5px 0 -2.5px 0; | margin: -2.5px 0 -2.5px 0; | ||
padding: 8px 0 8px 18px; | |||
box-shadow: 0 2px 0 rgba(240, 240, 241, 0.9); | box-shadow: 0 2px 0 rgba(240, 240, 241, 0.9); | ||
} | } | ||
#mw-panel .portal .vector-menu-content .vector-menu-content-list li a:hover { | #mw-panel .portal .vector-menu-content .vector-menu-content-list li a:hover { | ||
color: #fff; | |||
background-color: var(--twitch-purple-2); | |||
margin: -2.5px 0 -2.5px 5px; | |||
padding: 12px 0 12px 25px; | |||
} | } | ||
/*标签*/ | /*标签*/ | ||
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { | .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { | ||
background-image: none; | |||
} | } | ||
.vector-menu-tabs-legacy li { | .vector-menu-tabs-legacy li { | ||
Line 135: | Line 140: | ||
background: var(--back-color-1); | background: var(--back-color-1); | ||
border: 2px solid var(--border-color-1); | border: 2px solid var(--border-color-1); | ||
border-bottom: 0 solid #fff; | |||
margin: -1.5px 0 0 0; | |||
} | } | ||
/*用户栏*/ | /*用户栏*/ | ||
#p-personal{ | #p-personal{ | ||
position: absolute; | |||
/* border: 2px solid #9e7b67; */ | |||
background: var(--twitch-purple); | |||
padding: 3px; | |||
padding-right: 22px; | |||
top:0; | |||
right:0; | |||
width:100%; | |||
font: inherit; | |||
font-weight: var(--font-weight-semibold); | |||
} | } | ||
#mw-head #p-personal .vector-menu-content .vector-menu-content-list a{ | #mw-head #p-personal .vector-menu-content .vector-menu-content-list a{ | ||
color:#fff; | |||
} | } | ||
#mw-head #p-personal .vector-menu-content .vector-menu-content-list a.new{ | #mw-head #p-personal .vector-menu-content .vector-menu-content-list a.new{ | ||
color:#CCC; | |||
} | } | ||
/*?*/ | /*?*/ | ||
#mw-panel{ | #mw-panel{ | ||
margin: 40px 0 0 0; | |||
} | } | ||
/** Template stylings **/ | |||
/* [[Template:SimpleNavbox]] */ | |||
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; | |||
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 #A5E4A5; | |||
} | |||
.navbox-abovebelow, | |||
.navbox-group, | |||
.navbox-subgroup .navbox-title{ | |||
background:none repeat scroll 0 0 #C0ECC0; | |||
} | |||
.navbox-subgroup .navbox-group, | |||
.navbox-subgroup .navbox-abovebelow{ | |||
background:none repeat scroll 0 0 #E6F6E6; | |||
} | |||
.navbox-even{ | |||
background:none repeat scroll 0 0 #F5FCF5; | |||
} | |||
.navbox-odd{ | |||
background:none repeat scroll 0 0 transparent; | |||
} | |||
/* Infoboxes */ | /* Infoboxes */ | ||
.infobox { | .infobox { | ||
border: 1px solid #a2a9b1; | |||
color: black; | |||
padding: 0.2em; | |||
font-size: 90%; | |||
line-height: 1.5em; | |||
border-spacing: 3px; | |||
} | } | ||
@media screen { | @media screen { | ||
.infobox { | |||
background-color: #f8f9fa; | |||
} | } | ||
} | } | ||
@media (max-width: 640px) { | @media (max-width: 640px) { | ||
.infobox { | |||
width: 100%; | |||
} | |||
.infobox .nowrap { | |||
white-space: normal; | |||
} | |||
} | } | ||
@media (min-width: 640px) { | @media (min-width: 640px) { | ||
.infobox { | |||
/* @noflip */ | |||
margin: 0.5em 0 0.5em 1em; | |||
/* @noflip */ | |||
float: right; | |||
/* @noflip */ | |||
clear: right; | |||
width: 24.5em; | |||
} | |||
} | } | ||
Line 214: | Line 280: | ||
.infobox th, | .infobox th, | ||
.infobox td { | .infobox td { | ||
vertical-align: inherit; | |||
} | |||
.infobox-data{ | |||
max-width:168px; | |||
} | } | ||
Line 222: | Line 292: | ||
.infobox th, | .infobox th, | ||
.infobox td { | .infobox td { | ||
/* @noflip */ | |||
text-align: center; | |||
} | } | ||
Line 231: | Line 301: | ||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | /* Remove element selector when every .infobox thing is using the standard module/templates */ | ||
.infobox caption { | .infobox caption { | ||
font-size: 125%; | |||
font-weight: bold; | |||
text-align: center; | |||
} | } | ||
Line 239: | Line 309: | ||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | /* Remove element selector when every .infobox thing is using the standard module/templates */ | ||
.infobox caption { | .infobox caption { | ||
padding: 0.2em; | |||
} | } | ||
Line 248: | Line 318: | ||
.infobox .infobox-full-data, | .infobox .infobox-full-data, | ||
.infobox .infobox-below { | .infobox .infobox-below { | ||
text-align: center; | |||
} | } | ||
/* Remove .infobox when element selectors above are removed */ | /* Remove .infobox when element selectors above are removed */ | ||
.infobox .infobox-navbar { | .infobox .infobox-navbar { | ||
/* @noflip */ | |||
text-align: right; | |||
} | |||
/*猛汉版*/ | |||
.infoBox{ | |||
margin:0 auto; | |||
width:80%; | |||
box-sizing:border-box; | |||
} | |||
.infoBoxTitle{ | |||
margin:3px auto; | |||
padding:0; | |||
text-align:center; | |||
font-weight:700; | |||
} | |||
.infoBoxIcon{ | |||
display:table-cell; | |||
padding:2px 0 2px 0.5em; | |||
vertical-align:middle; | |||
} | |||
.infoBoxText{ | |||
display:table-cell; | |||
padding:0.25em 0.5em 0.25em 1.3em; | |||
width:100%; | |||
vertical-align:middle; | |||
} | |||
.infoBoxContent{ | |||
border:1px solid #DDD; | |||
border-left-width:0; | |||
background:#FBFBFB; | |||
} | |||
.infoBoxBelow{ | |||
margin:0 auto; | |||
padding:0; | |||
text-align:center; | |||
} | } | ||
/*色表格*/ | /*色表格*/ |