MediaWiki:Vector.css: Difference between revisions
No edit summary |
No edit summary |
||
(34 intermediate revisions by the same user not shown) | |||
Line 215: | Line 215: | ||
} | } | ||
.infobox. | .infobox.manga { | ||
border: 1px solid # | border: 1px solid #207c8d; | ||
background: # | background: #a5eaf7; | ||
} | } | ||
.infobox. | .infobox.manga > tbody > tr:first-child > td { | ||
background: # | background: #207c8d; | ||
} | } | ||
.infobox. | .infobox.manga > tbody > tr:nth-child(2n+3) { | ||
background: # | background: #38a7bb; | ||
} | } | ||
.infobox.album.small { | .infobox.album.small { | ||
Line 247: | Line 248: | ||
.infobox.album.single > tbody > tr:first-child > td { | .infobox.album.single > tbody > tr:first-child > td { | ||
background: # | background: #d595ff; | ||
} | } | ||
.infobox.album.single > tbody > tr:nth-child(3) > td { | .infobox.album.single > tbody > tr:nth-child(3) > td { | ||
background: # | background: #d595ff; | ||
} | } | ||
.infobox.album.single > tbody > tr:nth-child(4) > td { | .infobox.album.single > tbody > tr:nth-child(4) > td { | ||
background: # | background: #d595ff; | ||
} | |||
.infobox.album.single > tbody > tr:nth-child(11) > td { | |||
background: #d595ff; | |||
} | |||
.infobox.anime.product { | |||
border: 1px solid #4098a0; | |||
background: #f8f9fa; | |||
} | |||
.infobox.anime.product > tbody > tr:first-child > td { | |||
background: #55b7c0; | |||
} | |||
.infobox.anime.product > tbody > tr:nth-child(3) > td { | |||
background: #55b7c0; | |||
} | |||
.infobox.video.game { | |||
border: 1px solid #e62331; | |||
background: #f8f9fa; | |||
} | |||
.infobox.video.game > tbody > tr:first-child > td { | |||
background: #e62331; | |||
} | |||
.infobox.video.game > tbody > tr:nth-child(3) > td { | |||
background: #e62331; | |||
} | |||
.infobox.anime.character { | |||
border: 1px solid #4098a0; | |||
background: #ddf3f5; | |||
} | } | ||
.infobox.anime.character > tbody > tr:first-child > td { | |||
background: #a6d5d9; | |||
} | |||
.infobox.anime.character > tbody > tr:nth-child(4) > td { | |||
background: #a6d5d9; | |||
} | |||
.infobox.anime.character > tbody > tr:nth-child(5) > td { | |||
background: #a6d5d9; | |||
} | |||
.infobox.anime.character > tbody > tr:nth-child(6) > td { | |||
background: #a6d5d9; | |||
} | |||
.infobox, .infobox-wide { | .infobox, .infobox-wide { | ||
padding: 4px; | padding: 4px; | ||
Line 276: | Line 329: | ||
.infobox td, .infobox th, .infobox-wide td, .infobox-wide th { | .infobox td, .infobox th, .infobox-wide td, .infobox-wide th { | ||
padding: 2px; | padding: 2px; | ||
vertical-align: top; | |||
} | } | ||
table.wikitable.floatright.scores { | table.wikitable.floatright.scores { | ||
float: right; | |||
font-size: 85%; | font-size: 85%; | ||
text-align:center; | text-align:center; | ||
} | |||
span.fakelink { | |||
color: #002bb8; | |||
cursor: pointer; | |||
} | |||
span.fakelink:hover { | |||
text-decoration: underline; | |||
} | |||
.infobox.album { | |||
border: 1px solid #9b04ff; | |||
background: #f2e5fa; | |||
} | |||
.infobox.album > tbody > tr:first-child > td { | |||
background: #d595ff; | |||
} | |||
.infobox.album > tbody > tr:nth-child(3) > td { | |||
background: #d595ff; | |||
} | |||
.infobox.album > tbody > tr:nth-child(4) > td { | |||
background: #d595ff; | |||
} | |||
.infobox.album > tbody > tr:nth-child(11) > td { | |||
background: #d595ff; | |||
} | |||
/* carousel */ | |||
.jcarousel { | |||
position: relative; | |||
overflow: hidden; | |||
} | |||
.jcarousel-wrapper { | |||
max-width: 1125px; | |||
margin: 0; | |||
position: relative; | |||
} | |||
.jcarousel .jcarousel-list { | |||
width: 20000em; | |||
position: relative; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.jcarousel .jcarousel-item { | |||
float: left; | |||
} | |||
.jcarousel-item img { | |||
display: block; | |||
max-width: 100%; | |||
height: auto !important; | |||
} | |||
.jcarousel-control-prev, | |||
.jcarousel-control-next { | |||
position: absolute; | |||
top: 45%; | |||
width: 30px; | |||
height: 30px; | |||
text-align: center; | |||
background: #fff; | |||
color: #fff; | |||
text-decoration: none; | |||
text-shadow: 0 0 1px #000; | |||
font: 24px/27px Arial, sans-serif; | |||
border-radius: 30px; | |||
box-shadow: 0 0 2px #999; | |||
} | |||
.jcarousel-control-prev { | |||
left: -15px; | |||
} | |||
.jcarousel-control-next { | |||
right: -15px; | |||
} | |||
.jcarousel-control-prev:hover span, | |||
.jcarousel-control-next:hover span { | |||
display: block; | |||
} | |||
.jcarousel-control-prev.inactive, | |||
.jcarousel-control-next.inactive { | |||
opacity: .5; | |||
cursor: default; | |||
} | |||
.jcarousel-pagination { | |||
position: absolute; | |||
bottom: 10px; | |||
left: 15px; | |||
} | |||
.jcarousel-pagination a { | |||
text-decoration: none; | |||
display: inline-block; | |||
font-size: 11px; | |||
line-height: 14px; | |||
min-width: 14px; | |||
background: #fff; | |||
color: #4E443C; | |||
border-radius: 14px; | |||
padding: 3px; | |||
text-align: center; | |||
margin-right: 2px; | |||
opacity: .75; | |||
} | |||
.jcarousel-pagination a.active { | |||
background: #4E443C; | |||
color: #fff; | |||
opacity: 1; | |||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); | |||
} | |||
.vector-main-menu-action.vector-main-menu-action-opt-out { | |||
display: none; | |||
} | |||
.vector-feature-zebra-design-disabled.client-js .vector-pinnable-header-pinned .vector-pinnable-header-unpin-button { | |||
display: none; | |||
} | |||
#pt-preferences { | |||
display: none; | |||
} | |||
.vector-search-box .vector-typeahead-search-container { | |||
max-width: 70em; | |||
} | |||
#pt-preferences-sticky-header { | |||
display: none; | |||
} | } |
Latest revision as of 01:42, 28 January 2024
/* All CSS here will be loaded for users of the Vector skin */ /* Sidebar */ body { background: #f9f9f9 url(https://tenchimuyowiki.com/images/9/9e/Tenchiwikiheadbg.png) repeat; } .vector-menu-portal .vector-menu-content { background-color: #fff; border: 1px solid #aaa; padding: 0 0.8em 0.3em 1.5em; margin: 0 0 1em 0; border-top-right-radius: 1em; border-bottom-right-radius: 1em; border-top-left-radius: 1em; border-bottom-left-radius: 1em; font-size: 95%; } .vector-menu-portal .vector-menu-content ul { list-style-type: square; } h3#p-Browse-label.vector-menu-heading { display: block; color: #000; } h3#p-navigation-label.vector-menu-heading { display: block; color: #000; } h3#p-tb-label.vector-menu-heading { color: #000; } /* Body */ .mw-body { border-bottom-left-radius: 1em; } li#footer-info-lastmod { display: none; } .mainpagebox#welcome { padding: 2px 2px 2px 0; } .mainpagebox { border: 2px solid #496C9C; padding: 2px; background: #F8F8FF; border-radius: 1em; } .mainpagebox2 { border: 2px solid #999; padding: 2px; background: #FFF; border-top-left-radius: 1em; border-top-right-radius: 1em; } element { line-height: 23px; } .mainpagebox#nav { font-size: 120%; padding: 2px 2px 5px 0; background: #FDFDFF; border-color: #999; } .mainpagebox#announce { text-align: center; padding: 2px 2px 0; margin-top: 10px; } body.page-Main_Page h1.firstHeading { display: none; } .mainpagebox h2 { padding: 4px 5px 2px; margin-bottom: 1px !important; border: 2px solid #567CAF; border-top-color: rgb(86, 124, 175); border-right-color: rgb(86, 124, 175); border-bottom-color: rgb(86, 124, 175); border-left-color: rgb(86, 124, 175); font-size: 120%; font-weight: bold; color: #fff; text-align: center; border-radius: 0.75em; } .mainpagebox#featured h2 { background: #4098a0; border-color: #3b7b74; margin-top: 0px; } table#featured.mainpagebox { margin-top: 10px; background: #ddf3f5; } .mainpagebox#featuredpic h2 { background: #9B04FF; border-color: #4F0084; margin-top: 0px; } table#featuredpic.mainpagebox { margin-top: 10px; background: #f2e5fa; } .mainpagebox#news h2 { background: #0b4654; border-color: #04232a; margin-top: 0px; } table#news.mainpagebox { margin-top: 10px; background: #e3f5f9; } .mainpagebox#dyk h2 { background: #e62331; border-color: #9f151f; margin-top: 0px; } table#dyk.mainpagebox { margin-top: 10px; background: #fae3e4; } .mainpagebox#featuredquote h2 { background: #1e79dd; border-color: #37689b; margin-top: 0px; } table#featuredquote.mainpagebox { margin-top: 10px; background: #e3f0fe; } .mainpagebox#onthisday h2 { background: #d3c527; border-color: #e0db6a; margin-top: 0px; } table#onthisday.mainpagebox { margin-top: 10px; background: #fcfae4; } div#catlinks.catlinks { display: none; } /* Infoboxes */ .infobox.red { border: 1px solid #F98686; background: #FFF5EE; } .infobox.red > tbody > tr:first-child > td { background: #FAAAAA; } .infobox.red > tbody > tr:nth-child(2n+3) { background: #FFE4E1; } .infobox.cyan { border: 1px solid #4098a0; background: #ddf3f5; } .infobox.cyan > tbody > tr:first-child > td { background: #55b7c0; } .infobox.cyan > tbody > tr:nth-child(2n+3) { background: #a6d5d9; } .infobox.yellow { border: 1px solid #fff9b3; background: #fcfae4; } .infobox.yellow > tbody > tr:first-child > td { background: #f0e241; } .infobox.yellow > tbody > tr:nth-child(2n+3) { background: #f8ef8b; } .infobox.manga { border: 1px solid #207c8d; background: #a5eaf7; } .infobox.manga > tbody > tr:first-child > td { background: #207c8d; } .infobox.manga > tbody > tr:nth-child(2n+3) { background: #38a7bb; } .infobox.album.small { border: 1px solid #4098a0; background: #ddf3f5; } .infobox.album.small > tbody > tr:first-child > td { background: #55b7c0; } .infobox.album.small > tbody > tr:nth-child(2n+3) { background: #a6d5d9; } .infobox.album.single { border: 1px solid #9b04ff; background: #f8f9fa; } .infobox.album.single > tbody > tr:first-child > td { background: #d595ff; } .infobox.album.single > tbody > tr:nth-child(3) > td { background: #d595ff; } .infobox.album.single > tbody > tr:nth-child(4) > td { background: #d595ff; } .infobox.album.single > tbody > tr:nth-child(11) > td { background: #d595ff; } .infobox.anime.product { border: 1px solid #4098a0; background: #f8f9fa; } .infobox.anime.product > tbody > tr:first-child > td { background: #55b7c0; } .infobox.anime.product > tbody > tr:nth-child(3) > td { background: #55b7c0; } .infobox.video.game { border: 1px solid #e62331; background: #f8f9fa; } .infobox.video.game > tbody > tr:first-child > td { background: #e62331; } .infobox.video.game > tbody > tr:nth-child(3) > td { background: #e62331; } .infobox.anime.character { border: 1px solid #4098a0; background: #ddf3f5; } .infobox.anime.character > tbody > tr:first-child > td { background: #a6d5d9; } .infobox.anime.character > tbody > tr:nth-child(4) > td { background: #a6d5d9; } .infobox.anime.character > tbody > tr:nth-child(5) > td { background: #a6d5d9; } .infobox.anime.character > tbody > tr:nth-child(6) > td { background: #a6d5d9; } .infobox, .infobox-wide { padding: 4px; font-size: 88%; } .infobox { float: right; margin: 0 0 1em 1.15em; } .infobox { color: #000; } .infobox.red > tbody > tr:first-child > td { background: #FAAAAA; } .infobox td, .infobox th, .infobox-wide td, .infobox-wide th { padding: 2px; vertical-align: top; } table.wikitable.floatright.scores { float: right; font-size: 85%; text-align:center; } span.fakelink { color: #002bb8; cursor: pointer; } span.fakelink:hover { text-decoration: underline; } .infobox.album { border: 1px solid #9b04ff; background: #f2e5fa; } .infobox.album > tbody > tr:first-child > td { background: #d595ff; } .infobox.album > tbody > tr:nth-child(3) > td { background: #d595ff; } .infobox.album > tbody > tr:nth-child(4) > td { background: #d595ff; } .infobox.album > tbody > tr:nth-child(11) > td { background: #d595ff; } /* carousel */ .jcarousel { position: relative; overflow: hidden; } .jcarousel-wrapper { max-width: 1125px; margin: 0; position: relative; } .jcarousel .jcarousel-list { width: 20000em; position: relative; margin: 0; padding: 0; } .jcarousel .jcarousel-item { float: left; } .jcarousel-item img { display: block; max-width: 100%; height: auto !important; } .jcarousel-control-prev, .jcarousel-control-next { position: absolute; top: 45%; width: 30px; height: 30px; text-align: center; background: #fff; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; border-radius: 30px; box-shadow: 0 0 2px #999; } .jcarousel-control-prev { left: -15px; } .jcarousel-control-next { right: -15px; } .jcarousel-control-prev:hover span, .jcarousel-control-next:hover span { display: block; } .jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { opacity: .5; cursor: default; } .jcarousel-pagination { position: absolute; bottom: 10px; left: 15px; } .jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; line-height: 14px; min-width: 14px; background: #fff; color: #4E443C; border-radius: 14px; padding: 3px; text-align: center; margin-right: 2px; opacity: .75; } .jcarousel-pagination a.active { background: #4E443C; color: #fff; opacity: 1; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); } .vector-main-menu-action.vector-main-menu-action-opt-out { display: none; } .vector-feature-zebra-design-disabled.client-js .vector-pinnable-header-pinned .vector-pinnable-header-unpin-button { display: none; } #pt-preferences { display: none; } .vector-search-box .vector-typeahead-search-container { max-width: 70em; } #pt-preferences-sticky-header { display: none; }