User:Sayiiana/global.css

/**************** 2) Custom Scrollbar ****************/ .skin-fandomdesktop::-webkit-scrollbar {       width: 0.75vmax !important; } .skin-fandomdesktop::-webkit-scrollbar-track {        background: white !important; } .skin-fandomdesktop::-webkit-scrollbar-thumb {        background: var(--theme-accent-color) !important; } .skin-fandomdesktop::-webkit-scrollbar-thumb:hover {        background: #222 !important; }

/**************** 3) Infobox Customization ****************/ .skin-fandomdesktop .portable-infobox {	border-radius: 0.75em;	border: 4px solid;	border-color: var(#FF00FF) }

/* Infobox Title Customization */

.infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

.red-link a, .red-link a:visited, .red-link a:active {color:#BA0000 !important;text-decoration:none !important;} .red-link a:hover { color:#BA0000 !important;text-decoration:underline !important;}

.allpagesredirect a { color: #888; font-style: italic; } .watchlistredir a { color: #888; font-style: italic; }

.Notice2 { border: 1px solid #aaa; background-color: #f9f9f9; width: 80%; margin: 0 auto 1em auto; padding: .2em; }

table.metainfobox { padding: 2px; margin-left: 5px; margin-right: 1px; float: right; clear: right; width: 260px; font-size: 90%; text-align: left; border: 1px solid #E0E0E0; background: #F9F9F9; box-shadow: 1px 1px 3px #777; } table.metainfobox td { vertical-align: text-top; }

table.metainfobox td p { margin: 0; }

/** for first column of each row, excluding rows like trait2, trait3, etc. **/ table.metainfobox td:first-child:not(:only-child){ font-weight: bold; width: 104px; }

table.metainfobox td[colspan="2"] { text-align: center; } table.metainfobox.blue { background: #DAE8F2; } table.metainfobox.green { background: #DCF2DA; } table.metainfobox.ts1 { background: #FFE9E5; } table.metainfobox.ts2 { background: #E5E8FF; } table.metainfobox.ts3 { background: #EEFFE5; } table.metainfobox.ts4 { background: #E5F7FF; } table.metainfobox.urbz { background: #FFF5E5; } table.metainfobox.social { background: #E5FFFC; } table.metainfobox.medieval { background: #FFFBE5; } th.metainfobox-header, td.metainfobox-header { background: #808080; text-align: center; color: white; font-size: 95%; text-shadow: 1px 1px 1px #222; padding: 1px; box-shadow: 1px 1px 3px #777; font-weight: bold; } th.metainfobox-header.large, td.metainfobox-header.large { text-shadow: 1px 1px 1px #222; font-size: 125%; padding: 3px; } th.metainfobox-header.line, td.metainfobox-header.line { height: 1px; padding: 0; box-shadow: none; } th.metainfobox-header.blue, td.metainfobox-header.blue { background: linear-gradient(to right, #2E70B7, #25A8E0); } th.metainfobox-header.green, td.metainfobox-header.green { background: linear-gradient(to right, #4CAD40, #96CF24); } th.metainfobox-header.ts1, td.metainfobox-header.ts1 { background: #FA8072; } th.metainfobox-header.ts2, td.metainfobox-header.ts2 { background: #7788E0; } th.metainfobox-header.ts3, td.metainfobox-header.ts3 { background: #96CF24; } th.metainfobox-header.ts4, td.metainfobox-header.ts4 { background: #25A8E0; } th.metainfobox-header.urbz, td.metainfobox-header.urbz{ background: #FFC154; } th.metainfobox-header.social, td.metainfobox-header.social { background: #18B4F7; } th.metainfobox-header.medieval, td.metainfobox-header.medieval { background: #DAA520; } td.metainfobox-image { float: center; border: 1px solid #e0e0e0; width: 250px; padding :0px; text-align: center; background: #FFFFFF; } td.metainfobox-logo { float: center; text-align: center } td.metainfobox-caption { text-align: center; font-size: 85%; font-style: italic; }