1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-22 13:30:55 +01:00
phorge-phorge/webroot/rsrc/css/phui/phui-action-panel.css

132 lines
2.5 KiB
CSS
Raw Normal View History

/**
* @provides phui-action-panel-css
*/
.phui-action-panel {
position: relative;
}
.phui-action-panel-has-status.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-status:hover {
text-decoration: none;
}
.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};
}