/** * @provides phui-object-box-css */ .phui-object-box { position: relative; padding: 12px 12px 4px 12px; } 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; } .device-phone .phui-object-box { margin: 8px 8px 0 8px; } .phui-box-border.phui-object-box-lightgreen { border: 1px solid {$lightgreenborder}; border-bottom: 1px solid {$greenborder}; } .phui-box-border.phui-object-box-lightgreen .phui-header-shell { border-bottom: 1px solid {$lightgreenborder}; } .phui-box-border.phui-object-box-lightblue { border: 1px solid {$lightblueborder}; border-bottom: 1px solid {$blueborder}; } .phui-box-border.phui-object-box-lightblue .phui-header-shell { border-bottom: 1px solid {$lightblueborder}; } .phui-box-border.phui-object-box-lightred { border: 1px solid {$lightredborder}; border-bottom: 1px solid {$redborder}; } .phui-box-border.phui-object-box-lightred .phui-header-shell { border-bottom: 1px solid {$lightredborder}; } .phui-box-border.phui-object-box-lightviolet { border: 1px solid {$lightvioletborder}; border-bottom: 1px solid {$violetborder}; } .phui-box-border.phui-object-box-lightviolet .phui-header-shell { border-bottom: 1px solid {$lightvioletborder}; } /* - 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}; }