User:Ursuul/diep.io.css

/** * @Name:          diep.io.css * @Description:   Applies aesthetic themes to all Portable Infoboxes * @For Europa?:   No * @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; padding-bottom: 10px; padding-top: 10px; }

.portable-infobox .pi-header { padding-bottom: 1px; padding-top: 1px; font-size: 14px; }

.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; color: #EFEFEF; }

.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; }

.portable-infobox .pi-data-label, .portable-infobox .pi-collapse .pi-header:first-child::after { border-color: #FFFFFF; color: #FFFFFF }