MediaWiki:Vector.css: Difference between revisions

Revision as of 15:34, 7 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 {
    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;
}

#pt-preferences {
  display: none;
}

.vector-feature-zebra-design-disabled.client-js .vector-pinnable-header-pinned .vector-pinnable-header-unpin-button {
display: none;
}