silverstripe-framework/dev/install/install.css
Will Rossiter ba88bc4419 MINOR: use red font instead of gray when displaying error
git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/branches/2.4@101729 467b73ca-7a2a-4603-9d3b-597d59a354a9
2011-02-02 14:19:08 +13:00

295 lines
4.2 KiB
CSS

body {
text-align: center;
}
#Container .typography p {
margin-left: 0;
margin-right: 0;
}
#Container * {
text-align: left;
}
#Header p {
margin-left: 30px;
}
ul#Themes{
list-style: none;
margin: 0 5px 20px 5px;
float: left;
width: 320px;
}
ul#Themes li {
clear: both;
padding: 3px 0;
margin-left: 0;
padding-left: 0;
}
ul#Themes input {
float: left;
margin-right: 5px;
}
ul#Themes label {
margin: -2px 5px 0 15px;
}
h4.sectionHeading {
margin-top: 20px;
}
.error {
padding: 0.5em;
background-color: #fdf5f5;
border: 1px #ff8e8e solid;
color: #f03838;
}
#Container p.error { color: #f03838;}
.warning {
padding: 0.5em;
background-color: #fcf8f2;
border: 1px #ffc28b solid;
color: #cb6a1c;
}
.warning label {
display: inline;
margin-left: 5px;
color: #cb6a1c
}
.good {
padding: 0.5em;
background-color: #e2fee1;
border: 1px #43cb3e solid;
color: #359318;
}
.error a,
.warning a,
.good a {
color: inherit;
text-decoration: underline;
}
p.error a:hover {
text-decoration: none;
}
span.middleColumn {
width: 297px;
margin-right: 0;
margin-top: 5px;
padding: 4px;
}
input.text, textarea, select {
padding: 2px;
border: 1px solid #A7A7A7;
color: #000;
font-size: 1.2em;
font-weight: bold;
width: 290px;
}
#stats-container label {
display: inline;
}
#stats {
margin-right: 5px;
}
table.testResults {
border-collapse: collapse;
width: 100%;
margin: 10px 0;
}
#Layout h4 {
font-size: 2em;
margin: 36px 0 18px 0;
font-weight: bold;
line-height: 1.8;
clear: left;
border-top: 2px solid #888;
text-indent: 5px;
width: 100%;
overflow: hidden;
}
#Layout h4 span {
float: right;
font-size: 10px;
padding: 10px 10px 0 0;
font-weight: normal;
color: #888;
}
/**
* Requirements and test results
* ------------------------------------------------ */
table.testResults {
margin-top: 0;
}
table.testResults td {
border: 1px #CCC solid;
width: 400px;
line-height: 15px;
padding: 6px;
}
table.testResults tr.good {
display: none;
border: none;
}
table.testResults tr.good td {
color: green;
}
table.testResults tr.warning {
border: none;
}
table.testResults tr.warning td {
color: #ef7f24;
}
table.testResults tr.error {
border: none;
}
table.testResult tr.error {
color: red;
}
h5.requirement {
padding: 10px;
background: #f1f1f1;
border: 1px solid #ccc;
border-width: 0 1px 1px 1px;
margin: 0;
overflow: hidden;
}
h5.requirement span {
float: right;
}
h5.requirement.good {
color: #359318;
}
h5.requirement.warning {
color: #cb6a1c;
}
h5.requirement.error {
color: #F03838;
}
h5.requirement a {
font-size: 10px;
float: right;
line-height: 19px;
margin: 0 0 0 30px;
color: #666;
text-decoration: none;
font-weight: normal;
}
.clear {
clear: both;
}
#adminAcc,
#devHelp,
#localeHelp {
padding-top: 20px;
}
.typography label {
margin-bottom: 0;
}
#Layout .helpText {
float: right;
width: 330px;
padding-right: 90px;
}
.section {
overflow: hidden;
}
.fields {
float: left;
width: 330px;
}
#devHelp,
#devSection {
height: 18em;
}
#Layout input.action {
text-align: center;
font-size: 13px;
width: 220px;
font-weight: bold;
margin: 5px 0;
}
#use_environment_field {
margin-bottom: 25px;
}
#use_environment_field input {
float: left;
margin-right: 5px;
}
.dbfields {
margin: 10px;
}
#database_credentials {
margin: 0;
line-height: 1;
}
#database_selection {
overflow: hidden;
margin: 0;
}
#database_selection li {
margin-left: 0;
padding-left: 0;
}
#database_selection li input {
margin-right: 5px;
}
#database_selection li label {
display: inline;
}
.databaseError {
clear:both;
overflow: hidden;
width: 290px;
line-height: 1.2;
margin: 10px;
margin-bottom: 0;
display: none;
}
.databaseError ul {
margin-bottom: 0;
}
.databaseError ul, .databaseError li {
margin-left: 0;
padding-left: 0;
}
.goodInstall {
padding: 0.5em;
background-color: #e2fee1;
border: 1px #43cb3e solid;
color: #359318;
overflow: hidden;
line-height: 18px;
padding: 10px;
}
#Layout p.goodInstall {
color: #359318;
}
.goodInstall a {
float: right;
font-size: 18px;
padding: 0 2px 2px 0;
font-weight: bold;
}
em.inlineBarText {
float: left;
font-style: normal;
}