silverstripe-framework/dev/install/install.css

392 lines
6.0 KiB
CSS

.header {
padding-bottom:10px;
}
.header p {
color:#fff;
}
.install-header
{
padding-bottom:10px;
background:#161616;
}
.install-header .inner{
padding-top:55px;
position:relative;
}
.brand {
float:none;
}
.brand h1 {
float:left;
}
.brand .logo {
float:left;
margin-right:15px;
height:55px;
width:55px;
background:url(../install/images/ss-logo.png) center center no-repeat;
}
#Navigation {
display:none;
}
.main .inner ul {
padding-left:20px;
}
ul#Themes{
list-style: none;
margin: 0 5px 20px 5px;
float: left;
width: 320px;
padding:0;
}
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;
}
h1.sectionHeading {
margin-top: 20px;
}
.error {
padding: 0.5em;
background-color: #fdf5f5;
border: 1px #ff8e8e solid;
border-radius:4px;
color: #f03838;
}
.main p.error { color: #f03838;}
.warning {
padding: 0.5em;
background-color: #fcf8f2;
border-radius:4px;
border: 1px #ffc28b solid;
color: #cb6a1c;
}
.warning label {
display: inline;
margin-left: 5px;
color: #cb6a1c
}
.warning p {
font-size: 12px;
margin-bottom: 0;
}
.warning .warning_actions {
margin: 5px 0 5px 0;
}
.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:0;
padding: 4px;
float:right;
}
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;
}
.main h2 {
margin: 36px 0 18px 0;
font-weight: bold;
clear: left;
text-indent: 5px;
width: 100%;
overflow: hidden;
border-top:1px solid #E5E5E5;
}
.main h2 span {
float: right;
font-size: 0.8em;
padding: 10px 10px 0 0;
font-weight: normal;
color: #888;
}
.main h2.no-line {
border-top:none;
}
/**
* Requirements and test results
* ------------------------------------------------ */
table.testResults {
border-collapse: collapse;
width: 100%;
margin: -1px 0px 10px 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-radius:4px 4px 0 0;
border-width: 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: 13px;
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;
}
.main .helpText {
float: right;
width: 350px;
padding-right: 10px;
}
.section {
overflow: hidden;
}
.fields {
float: left;
width: 450px;
}
#devHelp,
#devSection {
height: 18em;
}
.main .action input{
cursor:pointer;
text-align:center;
color:#fff;
background-color:#EF7F24;
border:none;
border-radius:4px;
font-size: 13px;
width: 220px;
font-weight: bold;
margin: 5px 0;
padding:5px;
font-family:"HelveticaNeueLTPro-Bd", "Helvetica Neue LT Pro Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue LT Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#use_environment_field {
margin: 20px 0 10px;
}
#use_environment_field input {
float: left;
margin-right: 5px;
}
.dbfields {
margin: 10px 10px 10px 0;
}
#database_credentials {
margin: 0;
line-height: 1;
}
#database_selection {
overflow: hidden;
margin: 0;
padding-left:5px;
}
#database_selection li {
margin-left: 0;
padding-left: 0;
list-style-type:none;
}
#database_selection li input {
margin-right: 5px;
border-radius:4px;
background:#ededed;
}
#database_selection li .databaseClass {
background:none;
}
#database_selection li input:focus{
outline:none; background-color:#fff;
}
#database_selection li .field label {
float:left;
margin-top:15px;
}
#AdminAccount input {
border-radius:4px;
background:#ededed;
}
#AdminAccount select {
border-radius:4px;
background:none;
margin-top:5px;
}
#AdminAccount select:focus{
outline:none;
}
#AdminAccount input:focus{
outline:none; background-color:#fff;
}
#AdminAccount .field label {
float:left;
margin-top:15px;
}
.databaseError {
clear:both;
overflow: hidden;
width: 290px;
line-height: 1.2;
margin: 10px 0 20px;
display: none;
border-radius:4px;
}
.databaseError ul {
margin-bottom: 0;
}
.databaseError ul, .databaseError li {
margin-left: 0;
padding-left: 0;
}
input#install_button {
cursor:pointer;
text-align:center;
color:#fff;
background-color:#359318;
border:none;
border-radius:4px;
font-size: 13px;
width: 220px;
font-weight: bold;
margin: 5px 0;
padding:5px;
font-family:"HelveticaNeueLTPro-Bd", "Helvetica Neue LT Pro Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue LT Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.goodInstall {
padding: 0.5em;
background-color: #e2fee1;
border: 1px #43cb3e solid;
color: #359318;
overflow: hidden;
line-height: 18px;
padding: 10px;
}
.main 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;
}