User:Ursuul/diep.io.europa.css

/** * @Name:          diep.io.europa.css * @Description:   Applies aesthetic themes to all Portable Infoboxes * @For Europa?:   Yes * @Author:        Ursuul  */

.portable-infobox { background-color: transparent; margin-top: 4px; } .portable-infobox.pi-background { background-color: transparent; } .portable-infobox .pi-title, .portable-infobox .pi-header { font-size: 18px; line-height: 28px; background-color: #00AACC; background-image: -moz-linear-gradient(top, #00D5FF 35%, #00AACC 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #00D5FF), color-stop(65%, #00AACC)); color: #FFFFFF; text-align: center; border-radius: 10px 10px 0 0; border-bottom-style: solid; border-color: transparent transparent #FFFFFF transparent; border-bottom-width: 1.75pt; font-weight: bold; } .portable-infobox .pi-header { padding-bottom: 1px; padding-top: 1px; } .portable-infobox .pi-image { border-bottom-style: solid; border-bottom-width: 2px; border-radius: 0 0 10px 10px; border-color: #5599BB; background: #303030; color: #FFFFFF; overflow: hidden; } .portable-infobox .pi-group { border-bottom: 0; } .portable-infobox .pi-navigation, .portable-infobox > .pi-item:last-child, .portable-infobox .pi-layout-stacked, .portable-infobox .pi-data, .portable-infobox.pi-layout-stacked .pi-group { border-bottom-style: solid; border-bottom-width: 2px; border-radius: 6pt; border-color: #5599BB; color: #FFFFFF; } .portable-infobox .pi-navigation, .portable-infobox .pi-data { background: #303030; } .portable-infobox .pi-horizontal-group-item:nth-child(even) { background-color: #2D2D2D; border-radius: 6pt; } .portable-infobox section .pi-item:nth-child(2) { border-radius: 0 0 10px 10px; } .portable-infobox .pi-image-collection-tabs { background: #3B4243; font-weight: bold; text-align: center; } .portable-infobox .pi-tab-link { background: #505E60; } .portable-infobox .pi-image-collection-tabs .current { background: #1C5964; } .portable-infobox.pi-layout-default .pi-horizontal-group-item.pi-data-value { border-bottom-style: solid; border-bottom-width: 2px; border-color: #5599BB; color: #FFFFFF; } .portable-infobox.pi-layout-default .pi-horizontal-group-item { border-radius: 6pt; background: #303030; }