Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/application/config/setup-issue.css
/** | /** | ||||
* @provides setup-issue-css | * @provides setup-issue-css | ||||
*/ | */ | ||||
.setup-issue-background { | .setup-issue-background { | ||||
padding: 12px 0; | padding: 12px 0; | ||||
} | } | ||||
.setup-issue-shell { | .setup-issue-shell { | ||||
max-width: 760px; | max-width: 880px; | ||||
margin: 16px auto; | margin: 16px auto; | ||||
} | } | ||||
.setup-issue { | .setup-issue { | ||||
background: #fff; | background: #fff; | ||||
border: 1px solid #BFCFDA; | border: 1px solid #e4e5e6; | ||||
padding: 8px; | padding: 0; | ||||
border-radius: 3px; | border-radius: 5px; | ||||
} | } | ||||
.setup-issue p { | .setup-issue p { | ||||
margin: 12px 0; | margin: 12px 0; | ||||
} | } | ||||
.setup-issue table { | .setup-issue table { | ||||
width: 100%; | width: 100%; | ||||
border-collapse: collapse; | border-collapse: collapse; | ||||
border: 1px solid #BFCFDA; | border: 1px solid #e2e2e2; | ||||
} | } | ||||
.setup-issue table th { | .setup-issue table th { | ||||
text-align: right; | text-align: right; | ||||
width: 30%; | width: 30%; | ||||
background: #F8F9FC; | background: #F8F9FC; | ||||
border: 1px solid #BFCFDA; | border: 1px solid #e2e2e2; | ||||
padding: 8px; | padding: 8px; | ||||
} | } | ||||
.setup-issue table td { | .setup-issue table td { | ||||
border: 1px solid #BFCFDA; | border: 1px solid #e2e2e2; | ||||
padding: 8px; | padding: 8px; | ||||
word-break: break-word; | word-break: break-word; | ||||
} | } | ||||
.setup-issue pre { | .setup-issue pre { | ||||
width: auto; | width: auto; | ||||
border: 1px solid #BFCFDA; | border: 1px solid #e2e2e2; | ||||
padding: 10px 2%; | padding: 12px; | ||||
background: #F8F9FC; | background: #F8F9FC; | ||||
overflow-x: auto; | overflow-x: auto; | ||||
border-radius: 3px; | |||||
} | } | ||||
.setup-issue tt { | .setup-issue tt { | ||||
color: black; | color: black; | ||||
background: #EBECEE; | background: #EBECEE; | ||||
padding: 2px 4px; | padding: 2px 4px; | ||||
} | } | ||||
.setup-issue em { | .setup-issue em { | ||||
font-weight: bold; | font-weight: bold; | ||||
} | } | ||||
.setup-issue-instructions { | .setup-issue-instructions { | ||||
font-size: 14px; | font-size: 13px; | ||||
padding: 12px 0; | padding: 16px; | ||||
line-height: 20px; | line-height: 20px; | ||||
background: #fff; | background: rgba(71,87,120,0.08); | ||||
border-bottom: 1px solid #BFCFDA; | border-radius: 3px; | ||||
margin: 0 12px; | |||||
} | } | ||||
.setup-fatal .setup-issue-instructions { | .setup-fatal .setup-issue-instructions { | ||||
color: #c0392b; | color: #af1404; | ||||
background: #f4dddb; | background: #f4dddb; | ||||
padding: 12px; | |||||
margin: 0 0 12px; | |||||
border-bottom: 1px solid #c0392b; | |||||
} | } | ||||
.setup-issue-name { | .setup-issue-name { | ||||
color: #464C5C; | |||||
padding: 4px 8px 12px; | |||||
border-bottom: 1px solid #BFCFDA; | |||||
font-size: 15px; | font-size: 15px; | ||||
font-weight: bold; | font-weight: bold; | ||||
color: #6B748C; | |||||
border-bottom: 1px solid #e2e2e2; | |||||
overflow: hidden; | |||||
padding: 16px; | |||||
line-height: 24px; | |||||
} | } | ||||
.setup-issue-tail { | .setup-issue-body { | ||||
margin-top: 12px; | padding: 16px 16px 0 16px; | ||||
} | } | ||||
.setup-issue-status { | .setup-issue-status { | ||||
margin: 12px 4px 0; | margin: 0 0 16px 0; | ||||
padding: 12px; | padding: 12px; | ||||
background: #FDF5D4; | background: #FDF5D4; | ||||
color: #bc7837; | color: #ab8206; | ||||
border: 1px solid #bc7837; | |||||
border-radius: 3px; | border-radius: 3px; | ||||
} | } | ||||
.setup-issue-actions { | .setup-issue-actions { | ||||
padding: 8px 12px; | padding: 12px; | ||||
border-top: 1px solid #dfdfdf; | background-color: #f5f5f5; | ||||
background-color: #f7f7f7; | border-bottom-right-radius: 5px; | ||||
border-bottom-right-radius: 3px; | border-bottom-left-radius: 5px; | ||||
border-bottom-left-radius: 3px; | |||||
overflow: hidden; | overflow: hidden; | ||||
margin: 0 -8px -8px -8px; | text-align: right; | ||||
} | |||||
.setup-issue-actions .button { | |||||
margin-left: 8px; | |||||
} | } | ||||
.setup-issue-next { | .setup-issue-next { | ||||
padding: 12px; | padding: 12px; | ||||
border: 1px solid #BFCFDA; | border: 1px solid #BFCFDA; | ||||
background: #daeaf3; | background: #daeaf3; | ||||
text-align: center; | text-align: center; | ||||
font-size: 16px; | |||||
margin: 12px 0; | margin: 12px 0; | ||||
color: #2980b9; | color: #2980b9; | ||||
border-radius: 3px; | border-radius: 3px; | ||||
} | } | ||||
.setup-issue-config { | .setup-issue-config { | ||||
padding: 8px 12px; | padding: 12px 0; | ||||
} | |||||
.setup-issue-config + .setup-issue-config { | |||||
padding-top: 0; | |||||
} | } | ||||
.setup-issue ul { | .setup-issue ul { | ||||
width: 90%; | width: 90%; | ||||
margin: 1em auto; | margin: 1em auto; | ||||
list-style: circle; | list-style: circle; | ||||
} | } | ||||
.setup-issue-debug { | .setup-issue-debug { | ||||
margin-top: 8px; | margin-top: 8px; | ||||
padding: 4px; | padding: 4px; | ||||
text-align: right; | text-align: right; | ||||
color: #74777D; | color: #74777D; | ||||
} | } | ||||
.phui-two-column-view .setup-issue-background { | |||||
padding: 0; | |||||
} | |||||
.phui-two-column-view .setup-issue-shell { | |||||
width: auto; | |||||
margin: 0; | |||||
} |