1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-10 17:02:41 +01:00
phorge-phorge/webroot/rsrc/css/aphront/error-view.css
epriestley 1b7f04914c Make AphrontErrorView work on devices
Summary:
This is the last Paste UI element that doesn't work properly on tablets/phones. Make it flexible.

Also add empty states to Paste.

Test Plan: Viewed various errors, and `/uiexample/errors/`.

Reviewers: btrahan

Reviewed By: btrahan

CC: aran

Differential Revision: https://secure.phabricator.com/D3429
2012-09-11 09:55:27 -07:00

68 lines
1.2 KiB
CSS

/**
* @provides aphront-error-view-css
*/
.aphront-error-view {
margin: 1em 2%;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
border-style: solid;
border-width: 1px;
}
.aphront-error-view-body {
padding: 0.5em 1em;
font-size: 12px;
line-height: 1.6em;
}
.aphront-error-view-head {
font-size: 13px;
padding: 0.5em 1em;
font-weight: bold;
color: #333333;
}
.aphront-error-view-list {
margin: 0.2em 0 0.2em 2em;
list-style: disc;
}
.aphront-error-severity-error {
border-color: #aa0000;
background: #fff3f3;
}
.aphront-error-severity-error .aphront-error-view-head {
background: #ffe3e3;
}
.aphront-error-severity-warning {
border-color: #888800;
background: #ffffee;
}
.aphront-error-severity-warning .aphront-error-view-head {
background: #ffffcc;
}
.aphront-error-severity-notice {
border-color: #000088;
background: #f3f3ff;
}
.aphront-error-severity-notice .aphront-error-view-head {
background: #e3e3ff;
}
.aphront-error-severity-nodata {
border-color: #dfdfdf;
background: #f3f3f3;
color: #666666;
box-shadow: 0px 0px 0px #000;
}
.aphront-error-severity-nodata .aphront-error-view-head {
background: #e3e3e3;
}