/** * @provides phui-object-box-css */ .phui-object-box { position: relative; padding: 12px 12px 4px 12px; } .phui-object-box.phui-object-box-collapsed { padding: 12px 0 0 0; } .phui-object-box.phui-object-box-collapsed .phui-header-shell { padding: 0 4px 4px 16px; } div.phui-object-box.phui-object-box-flush { margin-top: 0; } .phui-object-box .phui-header-shell { padding: 0 5px 4px 4px; border-bottom: 1px solid {$thinblueborder}; border-top: none; } .phui-object-box .phui-header-image { margin: 1px 8px -7px -7px; } .phui-object-box .phui-header-shell h1 { padding: 0 0 8px 0; } .phui-object-box .phui-header-shell + .phui-info-view { margin: 12px 0 0 0; } .phui-object-box.phui-object-box-collapsed .phui-header-shell + .phui-info-view { margin: 0; border-radius: 0; border: 0; border-bottom: 1px solid {$thinblueborder}; } .device-phone .phui-object-box { margin: 8px 8px 0 8px; } /* - Object Box Colors ------------------------------------------------------ */ .phui-box-border.phui-object-box-green { border: 1px solid {$green}; } .phui-box-border.phui-object-box-green .phui-header-view { color: {$green}; } .phui-box-border.phui-object-box-green .phui-header-shell { border-bottom-color: {$lightgreen}; } .phui-box-border.phui-object-box-blue { border: 1px solid {$blue}; } .phui-box-border.phui-object-box-blue .phui-header-view { color: {$blue}; } .phui-box-border.phui-object-box-blue .phui-header-shell { border-bottom-color: {$lightblue}; } .phui-box-border.phui-object-box-red { border: 1px solid {$red}; } .phui-box-border.phui-object-box-red .phui-header-view { color: {$red}; } .phui-box-border.phui-object-box-red .phui-header-shell { border-bottom-color: {$lightred}; } /* - Double Object Box Override --------------------------------------------- */ .phui-object-box .phui-object-box { padding: 0; } .phui-object-box .phui-box-border { border-width: 0; padding: 0; margin: 0; } .phui-object-box .phui-object-box .phui-header-shell h1 { padding: 8px 4px; font-size: 13px; margin: 0; color: {$bluetext}; font-weight: 500; } .phui-object-box .phui-object-box .phui-header-shell { margin: 0; padding: 0; } .phui-box-border + .phui-box-border { border-top: 1px solid {$thinblueborder}; }