MediaWiki:Themes.css

/***** Test rule *****/ .mw-plusminus-pos { color: #2cca00; }

/*    Portable Infobox customization .portable-infobox { border:1px solid #aaaaaa; background-color: #dedcff; width:300px; color: black; } .portable-infobox .pi-header { color: fff; text-align: center; padding: 1px; margin:5px; border-top-left-radius: 50px; border-top-right-radius: 50px; }

.pi-secondary-background { background-color: #6699ff; }

.portable-infobox .pi-border-color { border-color:#E1E1E1; }  .portable-infobox .pi-title { background-color: #4caf50; font-size:120%; color: #fff; text-align: center; padding: 1px; margin:5px; } .portable-infobox .pi-tab-link.current { background-color:white; } .portable-infobox .pi-image-collection-tab-content { background-color:#E1E1E1; }

ul.pi-image-collection-tabs{ margin: auto; width: 270px; display: flex; } ul.pi-image-collection-tabs li { flex-grow: 1; border: none; } ul.pi-image-collection-tabs li:first-child{ border-top-left-radius: 50px; } ul.pi-image-collection-tabs li:last-child{ border-top-right-radius: 50px; } ul.pi-image-collection-tabs li:hover{ background-color: #eee; } ul.pi-image-collection-tabs li.current { flex-grow: 4; } .portable-infobox .pi-title { border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; } /*   Necessary for infoboxes because line breaks can't be put into labels of a data source, it is not rendered. With this, blank spaces can be added and line breaks can be achieved. See Character Infobox, data source "VR" In hopes it does not break anything h3.pi-data-label.pi-secondary-font b { white-space: pre-wrap !important; } /*   End of Portable Infobox styling

/*    Chat customizations body.ChatWindow { background-color: #121b6a; } body.ChatWindow .User.chat-mod .username:after { background-position: 0px 0px; background-image:url(https://images.wikia.nocookie.net/__cb20131023080447/swordartonline/images/0/00/TUSF%27s_SAO_Favicon2.png); } /*   Some stuff so the chat/discord bridge bot can distinguish itself. body.ChatWindow .Chat li[data-user="SAODiscordBridge"] .avatar, body.ChatWindow .Chat li[data-user="SAODiscordBridge"] .username, body.ChatWindow .Chat li[data-user="WiiadiscordBridge2"] .avatar, body.ChatWindow .Chat li[data-user="WiiadiscordBridge2"] .username, body.ChatWindow .Chat li[data-user="Bridgebot"] .avatar, body.ChatWindow .Chat li[data-user="Bridgebot"] .username { display: none; } body.ChatWindow .Chat li[data-user="SAODiscordBridge"], body.ChatWindow .Chat li[data-user="WiiadiscordBridge2"], body.ChatWindow .Chat li[data-user="Bridgebot"] { margin-bottom: -15px; min-height: 0; top: -15px; display: flex; padding-left: 5px; } body.ChatWindow .Chat li[data-user="SAODiscordBridge"] .time, body.ChatWindow .Chat li[data-user="WiiadiscordBridge2"] .time, body.ChatWindow .Chat li[data-user="Bridgebot"] .time { order: 1; float: none; font-size: inherit; display: inline; min-width: 50px; } body.ChatWindow .Chat li[data-user="SAODiscordBridge"] .time:before, body.ChatWindow .Chat li[data-user="WiiadiscordBridge2"] .time:before, body.ChatWindow .Chat li[data-user="Bridgebot"] .time:before { content: "["; } body.ChatWindow .Chat li[data-user="SAODiscordBridge"] .time:after, body.ChatWindow .Chat li[data-user="WiiadiscordBridge2"] .time:after, body.ChatWindow .Chat li[data-user="Bridgebot"] .time:after { content: "]"; } body.ChatWindow .Chat li[data-user="SAODiscordBridge"] .message, body.ChatWindow .Chat li[data-user="WiiadiscordBridge2"] .message, body.ChatWindow .Chat li[data-user="Bridgebot"] .message { order: 2; } /*   End of chat cutomization

/*    Infobox template style .infobox { border: 1px solid #aaaaaa; background-color: ; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .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; } /*   End of Infobox template style