MediaWiki:Fandomdesktop.css

/*Portable Infoboxes*/ .portable-infobox .pi-item-spacing { padding: 0; } .portable-infobox ul { margin-left: 25px; }

/** Book infobox **/ .pi-theme-book { border: solid #aaa 1px; margin: 0 0 1em 1em; font-size: 95%; background-color: #f9f9f9; color:black; width: 290px; padding: 10px; text-align: left; } .pi-theme-book .pi-title, .pi-theme-book .pi-header { text-align: center; font-size: 125%; background-color: #cef2e0; } .pi-theme-book .pi-image-thumbnail { width: 290px; height:auto; margin-top:5px; } .pi-theme-book .pi-header { font-weight: normal; line-height:30px; } .pi-theme-book .pi-data { padding: 5px!important; } .pi-theme-book .pi-data-label, .pi-theme-book .pi-data-value { font-size: 15px; flex-basis: 50%; } .pi-theme-book .pi-horizontal-group .pi-data-label { padding:5px; font-weight: normal; } .pi-theme-book .pi-border-color { border-color: transparent; }

/** Season infobox **/ .pi-theme-season { font-size:90%; width:300px; background: #f2f2f2; border: 1px solid #cccccc; padding: 5px; } .pi-theme-season .pi-navigation { text-align: center; background: #f2f2f2; font-weight: normal; padding:5px 10px 10px; font-size: 100%; } .pi-theme-season .pi-title { text-align: center; font-size: 125%; background-color: #3366CC; padding:10px; line-height: 30px; font-weight: bold; color:white; } .pi-theme-season .pi-header { text-align: center; font-size: 125%; background-color: #3366CC; line-height: 30px; font-weight: normal; color:white; } .pi-theme-season .pi-data, .pi-theme-season .pi-horizontal-group .pi-data-label { padding: 5px!important; } .pi-theme-season .pi-data-label, .pi-theme-season .pi-data-value { font-size: 100%; } .pi-theme-season .pi-border-color { border-color: transparent; }

/** Several infoboxes **/ .pi-theme-element { width:310px!important; } .pi-theme-element .pi-data-label { flex-basis:31%!important; } .pi-theme-element .pi-data-value { flex-basis:70% } .pi-theme-color .pi-image,.pi-theme-element .pi-image { background:white } .pi-theme-color .pi-image-collection { padding:5px; background:white; border-top:1px solid } .pi-theme-color .pi-image-collection img { border:1px solid } .pi-theme-color .pi-image-collection .pi-image-collection-tab-content img { width:235px } .pi-theme-color .pi-image-collection-tabs { background-color:#fff; border-bottom:1px solid #fff; text-align:center } .pi-theme-color .pi-tab-link { font-weight:bold; margin:2px 3px 0 0; border:1px solid #778; border-bottom:none; color:#448; background:#F2F7FF; font-size:70%!important; font:bold 12px Verdana,sans-serif; padding:0 4.5px; line-height:23px!important } .pi-theme-color .pi-image-collection-tabs .current { background:white } .pi-theme-color,.pi-theme-element { width:259px; font-size:100%; border:1px solid black; background-color:black } .pi-theme-color .pi-title,.pi-theme-element .pi-title { font-size:150%; text-align:center; line-height:30px; border-bottom: 1px solid; } .pi-theme-color .pi-image-thumbnail,.pi-theme-element .pi-image-thumbnail { width:249px; height:auto; background:white; padding:5px; } .pi-theme-element .pi-image-thumbnail { width:300px; height:auto; background:white; padding:5px } .pi-theme-color .pi-header,.pi-theme-element .pi-header { text-align:center; padding-top:5px; line-height:25px; height:30px; font-size:100%; border-top: 1px solid; } .pi-theme-color .pi-data,.pi-theme-element .pi-data { border-top:1px solid black; border-bottom:none } .pi-theme-color .pi-data-label,.pi-theme-element .pi-data-label { flex-basis:60%; font-size:95%; line-height:30px; border-right:1px solid; hyphens:manual; -webkit-hyphens:manual; -ms-hyphens:manual; padding:5px } .pi-theme-color .pi-data-value,.pi-theme-element .pi-data-value { font-size:95%; line-height:30px; hyphens:manual; -webkit-hyphens:manual; -ms-hyphens:manual; padding:5px }

.pi-data { grid-column-gap: 1px; }

.pi-theme-color .pi-title, .pi-theme-color .pi-header, .pi-theme-element .pi-title,.pi-theme-element .pi-header { background-color:dimgray } .pi-theme-color .pi-data-label, .pi-theme-element .pi-data-label { background-color:gray } .pi-theme-color .pi-data-value, .pi-theme-element .pi-data-value { background-color:darkgray } .pi-theme-green .pi-title,.pi-theme-green .pi-header { background-color:darkgreen } .pi-theme-green .pi-data-label { background-color:green } .pi-theme-green .pi-data-value { background-color:forestgreen } .pi-theme-blue .pi-title,.pi-theme-blue .pi-header { background-color:blue } .pi-theme-blue .pi-data-label { background-color:royalblue } .pi-theme-blue .pi-data-value { background-color:steelblue } .pi-theme-brown .pi-title,.pi-theme-brown .pi-header { background-color:saddlebrown } .pi-theme-brown .pi-data-label { background-color:sienna } .pi-theme-brown .pi-data-value { background-color:peru } .pi-theme-lime .pi-title,.pi-theme-lime .pi-header { background-color:yellowgreen } .pi-theme-lime .pi-data-label { background-color:forestgreen } .pi-theme-lime .pi-data-value { background-color:limegreen } .pi-theme-orange .pi-title,.pi-theme-orange .pi-header { background-color:darkorange } .pi-theme-orange .pi-data-label { background-color:orange } .pi-theme-orange .pi-data-value { background-color:gold } .pi-theme-purple .pi-title,.pi-theme-purple .pi-header { background-color:indigo } .pi-theme-purple .pi-data-label { background-color:#79547c } .pi-theme-purple .pi-data-value { background-color:#e6c8ff } .pi-theme-red .pi-title,.pi-theme-red .pi-header { background-color:darkred } .pi-theme-red .pi-data-label { background-color:firebrick } .pi-theme-red .pi-data-value { background-color:indianred } .pi-theme-yellow .pi-title,.pi-theme-yellow .pi-header { background-color:Goldenrod } .pi-theme-yellow .pi-data-label { background-color:orange } .pi-theme-yellow .pi-data-value { background-color:gold } .pi-theme-black .pi-title,.pi-theme-black .pi-header { background-color:black } .pi-theme-black .pi-data-label { background-color:black } .pi-theme-black .pi-data-value { background-color:#666666 } .pi-theme-darkblue .pi-title,.pi-theme-darkblue .pi-header { background:darkblue } .pi-theme-darkblue .pi-data-label { background:#3c50b9 } .pi-theme-darkblue .pi-data-value { background:royalblue } .pi-theme-white .pi-title,.pi-theme-white .pi-header { background-color:silver } .pi-theme-white .pi-data-label { background-color:honeydew } .pi-theme-white .pi-data-value { background-color:mintcream } .pi-theme-teal .pi-title,.pi-theme-teal .pi-header { background-color:#29dbf2 } .pi-theme-teal .pi-data-label { background-color:#47b0ba } .pi-theme-teal .pi-data-value { background-color:#488d94 } .pi-theme-turquoise .pi-title,.pi-theme-turquoise .pi-header { background-color:darkturquoise } .pi-theme-turquoise .pi-data-label { background-color:mediumturquoise } .pi-theme-turquoise .pi-data-value { background-color:turquoise } .pi-theme-pink .pi-title,.pi-theme-pink .pi-header { background-color:#fa5486 } .pi-theme-pink .pi-data-label { background-color:#ff6ea0 } .pi-theme-pink .pi-data-value { background-color:#ff8da1 } .pi-theme-cyan .pi-title,.pi-theme-pink .pi-header { background-color:#29dbf2 } .pi-theme-cyan .pi-data-label { background-color:#47b0ba } .pi-theme-cyan .pi-data-value { background-color:#488d94 } /* Background */ body { background-size: cover; background-position: top; background-repeat: no-repeat; background-attachment: fixed; }

.theme-fandomdesktop-light .main-container { background: #000 url('https://static.wikia.nocookie.net/istaria-and-ninjago-crossover/images/5/50/Wiki-background/revision/latest?cb=20200802212654') no-repeat center top; background-attachment: fixed !important; background-size: cover; background-position: center; background-color:#000000; }

.theme-fandomdesktop-dark .main-container { background: #000 url('https://static.wikia.nocookie.net/istaria-and-ninjago-crossover/images/5/50/Wiki-background/revision/latest?cb=20200802212654') no-repeat center top; background-attachment: fixed !important; background-size: cover; background-position: center; background-color:#000000; }