1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-09-20 17:28:51 +02:00
phorge-phorge/webroot/rsrc/css/aphront/dialog-view.css
Chad Little afc2cabc4f Exception Dialog Styles.
Summary: Updated the dialog styles for exceptions.

Test Plan: Broke my sandbox, fixed the colors and spacing.

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D4597
2013-01-23 11:08:27 -08:00

107 lines
1.8 KiB
CSS

/**
* @provides aphront-dialog-view-css
*/
.aphront-dialog-view {
width: 480px;
margin: auto;
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.5);
}
.device-phone .aphront-dialog-view {
width: 300px;
}
.aphront-dialog-head {
border: 1px solid #d4dadf;
font-size: 15px;
padding: 10px 15px;
font-weight: bold;
white-space: nowrap;
color: #525252;
text-shadow: 0 1px 0 white;
font-weight: bold;
background-image: url(/rsrc/image/texture/table_header_tall.png);
background-repeat: repeat-x;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.aphront-dialog-view-width-form {
width: 600px;
}
.aphront-dialog-view-width-full {
width: 90%;
}
.aphront-dialog-body {
background: #ffffff;
padding: 20px 15px;
border: none;
overflow: hidden;
}
.aphront-dialog-tail {
border: none;
background: #fff;
padding: 8px 10px;
border-top: 1px solid #d4dadf;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
text-align: right;
}
.aphront-dialog-tail button,
.aphront-dialog-tail a.button {
float: right;
margin-left: .5em;
}
.jx-client-dialog {
position: absolute;
width: 100%;
}
.jx-mask {
opacity: .37;
background: #222;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.jx-dark-mask {
background: #000000;
opacity: 0.9;
}
.aphront-exception-dialog {
width: 95%;
}
.aphront-exception-dialog .exception-message {
font-size: 14px;
background: #efefef;
padding: 1em;
white-space: pre-wrap;
}
.aphront-exception-dialog .exception-trace {
margin-top: 15px;
}
.aphront-exception-dialog .exception-trace-header {
font-size: 11px;
color: #666666;
border-bottom: 1px solid #aaaaaa;
padding-bottom: .5em;
margin-bottom: .5em;
}
.aphront-access-dialog {
width: 50%;
}