/** * @provides phui-action-panel-css */ .phui-action-panel { position: relative; } .phui-action-panel-has-state.phui-action-panel { padding-bottom: 44px; } .phui-action-panel-icon { height: 128px; line-height: 160px; text-align: center; vertical-align: bottom; } .phui-action-panel-bigtext { font-size: 40px; color: {$lightgreytext}; line-height: 96px; } .phui-action-panel-icon a { display: block; } .phui-action-panel-icon a:hover .phui-icon-view, .phui-action-panel-icon a:hover .phui-action-panel-bigtext { color: {$blue}; } .phui-action-panel-icon a:hover { text-decoration: none; } .phui-action-panel-icon .phui-icon-view { font-size: 64px; color: {$lightgreytext}; } .phui-action-panel-header { padding: 0 8px 4px 8px; font-weight: bold; font-size: 14px; color: {$darkbluetext}; } .phui-action-panel-header a { color: {$blue}; } .phui-action-panel-subheader { padding: 0 8px 4px 8px; font-size: 13px; color: {$bluetext}; } .phui-action-panel-status { padding: 8px 12px; position: absolute; bottom: 0; left: 0; right: 0; } .phui-action-panel-none .phui-action-panel-status { background-color: {$lightgreybackground}; border-left: 4px solid {$greyborder}; color: {$greytext}; } .phui-action-panel-warn .phui-action-panel-status .phui-icon-view { color: {$greytext}; } .phui-action-panel-warn .phui-action-panel-status { background-color: {$lightyellow}; border-left: 4px solid #bc7837; color: #bc7837; } .phui-action-panel-warn .phui-action-panel-status .phui-icon-view { color: #bc7837; } .phui-action-panel-error .phui-action-panel-status { background-color: {$lightred}; border-left: 4px solid {$red}; color: {$red}; } .phui-action-panel-error .phui-action-panel-status .phui-icon-view { color: {$red}; } .phui-action-panel-info .phui-action-panel-status { background-color: {$lightblue}; border-left: 4px solid {$blue}; color: {$blue}; } .phui-action-panel-info .phui-action-panel-status .phui-icon-view { color: {$blue}; } .phui-action-panel-success .phui-action-panel-status { background-color: {$lightgreen}; color: {$green}; border-left: 4px solid {$green}; } .phui-action-panel-success .phui-action-panel-status .phui-icon-view { color: {$green}; } .phui-action-panel-progress .phui-action-panel-status { background-color: {$lightblue}; color: {$blue}; border-left: 4px solid {$blue}; } .phui-action-panel-progress .phui-action-panel-status .phui-icon-view { color: {$blue}; }