Podio Compacted & Colorized by susrichard

/* ==UserStyle==
@name         Podio Compacted & Colorized
@version      20211123.22.01
@namespace    userstyles.world/user/susrichard
@description  Reduces vertical scroll on Podio.com by 1/2-3/4!
Removes excessive padding from Podio items, views.
Fields color-coded by type.
@author       susrichard
@license      No License
==/UserStyle== */

@-moz-document domain("podio.com") {
.tickbox div.image,.tickbox img,.togglerTasks div.image,.togglerTasks img {
height:18px;
width:18px
}

.items-table .navigation-arrow {
height:19px
}

.items-table table tr {
height:19px;
padding:1px
}

.markdown table td {
padding:1px!important
}

.markdown table th {
padding:0!important
}

.items-section .body .content-row > ul > li.embed-field .frame-content .image-block {
margin:0
}

.frame-label {
text-shadow:1px 1px #e0dede
}

.item-overlay .item-overlay-wrapper {
max-width:100%
}

.items-section .body .content-row > ul > li > .frame-wrapper > .frame-label,.items-section .body .placeholder-row .field-label {
padding:1px;
padding-right:5px;
margin-bottom:2px
}

.item-overlay-wrapper {
border-radius:5px
}

.items-section .body .content-row > ul > li > .frame-wrapper > .frame-content {
padding:0;
padding-left:2px;
background:#fff;
margin-bottom:2px
}

body {
line-height:100%
}

.relationship-badge-component__title {
padding:0
}

.relationship-badge-component__footer {
padding:0
}

.items-section .body .content-row > ul > li > .frame-wrapper > .frame-content > .value {
padding:0
}

.items-section .body.template-edit-mode .item-content .item-content-body .content-row > ul > li > .frame-wrapper > .frame-content {
padding:0
}

.items-section .body.template-edit-mode .item-content .item-content-body .content-row > ul > li {
margin:0;
padding:0
}

.relationship-badge-component {
margin:0
}

.relationship-badge-component__details_group {
margin:0;
padding:0
}

.items-section .body .content-row > ul .field-date-display {
margin:0;
padding:0
}

.button-new.silver {
padding:0;
line-height:12px
}

.items-section .body .content-row > ul > li.date-field .frame-wrapper .frame-content .value {
padding:0
}

.relationship-badge-component__details_group:last-child {
margin:0
}

.items-section .body .content-row > ul .contact-card > .image-block .img img {
height:20px;
width:20px;
margin:0
}

.items-section .body .content-row > ul .contact-card .arrow {
height:auto
}

.items-section .body .content-row > ul .contact-card .details {
padding:0
}

.items-section .body .content-row > ul > li.category-field .frame-content > .value > ul > li {
padding:3px;
margin-bottom:4px
}

p {
line-height:100%
}

.items-section .body .content-row > ul > li.text-field .frame-content .view-mode p {
margin-bottom:.5em
}

h4 {
margin:0
}

.items-section .body .content-row > ul.related-items .frame-content > .value > ul > li {
margin:0
}

.items-section .body .content-row > ul.related-items .frame-content > .value > ul > li .show-more {
margin-top:5px
}

.items-section .body .content-row > ul .contact-card {
margin:0
}

.items-section .body .content-row > ul .contact-card .arrow .sprite-16 {
margin:0
}

.items-section .body.template-edit-mode .item-content .item-content-body .content-row > ul > li > .frame-wrapper > .frame-label {
padding:0
}

.items-section .body .content-row > ul > li.calculation-field .help-text {
margin:0
}

.items-section .body .content-row .votings-list .edit-voting-answers > ul > li,.items-section .body .content-row > ul > li.c {
margin:0;
padding:0
}

.color-picker-trigger .picker-target {
width:20px;
height:20px
}

.items-section .body .content-row .votings-list .edit-voting-answers > ul > li,.items-section .body .content-row > ul > li.category-field .edit-category-template > ul > li {
padding:0;
margin:0
}

.activity-groups-compact .activity-group {
margin:0;
padding:0
}

.activity-group {
margin:0;
padding:0
}

.item-overlay {
padding:0
}

.date-field {
color:#1e90ff
}

.number-field {
color:#32cd32
}

.money-field {
color:#228b22
}

.calculation-field {
color:grey;
font-style:italic
}

.app-field .frame-label {
color:#ff6347
}

.category-field {
color:#9370d8
}

.contact-field {
color:#cd853f
}

.items-section .body .content-row > ul > li.category-field.layout-inline .frame-content > .value > ul > li {
border:1px solid grey;
border-radius:3px;
box-shadow:2px 2px #d3d3d3
}

.item-overlay .item-overlay-wrapper {
transition:none
}

.items-section .body .content-row > ul > li {
background:none
}

.items-section .body .content-row > ul > li > .frame-wrapper > .frame-label,.items-section .body .placeholder-row .field-label {
background:#fff;
background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f2f2f2',GradientType=0)
}

.frame-content select {
border:3px solid #9370d8
}

.items-table table tr {
padding:1px
}

.items-table table tr > td,.items-table table tr > th {
height:auto
}

.items-section .body .content-row > ul .contact-card .details {
height:auto
}

.items-section .body .content-row > ul.tasks-list > li > .frame-wrapper > .frame-content .value {
padding:0
}

.blank-placeholder {
font-size:.8em;
font-style:italic;
background:#ffff9b;
background:-moz-linear-gradient(left,rgba(255,255,155,1) 0%,rgba(255,255,255,1) 100%);
background:-webkit-linear-gradient(left,rgba(255,255,155,1) 0%,rgba(255,255,255,1) 100%);
background:linear-gradient(to right,rgba(255,255,155,1) 0%,rgba(255,255,255,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9b',endColorstr='#ffffff',GradientType=1)
}

.items-table .navigation-bar {
height:auto
}

.items-section .body .content-row > ul > li > .frame-wrapper > .frame-content .blank-placeholder {
color:#000
}

.items-section .body .content-row > ul.tasks-list > li > .frame-wrapper > .frame-content {
padding:0
}

.file-field-list-component__file {
margin-bottom:0
}

.file-field-item-component__thumbnail {
width:32px;
height:32px
}

.items-section .body .content-row > ul.related-items .frame-content > .value > ul > li h4 > a {
color:#000
}

.items-section .body .content-row > ul.related-items .frame-content > .value > ul > li h4 {
margin:0
}

.app-view {
max-width:max-content;
padding:0
}

.app-breakdown-component__link {
padding:0
}

.app-view-component {
margin:0;
margin-bottom:10px
}

.app-breakdown-component__more {
padding:0
}

.category-field-value-component--small {
height:auto;
line-height:100%
}

.category-field-value-component__inline-category {
height:auto;
line-height:100%
}

#wrapper {
margin-top:10px
}

.badges {
display:flex;
flex-wrap:wrap;
font-size:10px
}

.badges article {
flex:0 0;
margin:2px;
max-width:450px;
box-shadow:1px 1px #d3d3d3
}

.relationship-badge-component__title {
font-size:11px
}

.badges .icon {
height:16px!important;
width:16px
}

.related-items .items-list {
display:flex;
flex-wrap:wrap
}

.related-items article {
flex:1 1;
margin:2px;
max-width:450px;
box-shadow:1px 1px #d3d3d3
}

.items-section .body .content-row>ul.related-items .frame-content>.value>ul>li h4 {
border-bottom:1px dotted #d3d3d3
}
}