mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-09-01 23:37:43 +02:00
git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/trunk@77245 467b73ca-7a2a-4603-9d3b-597d59a354a9
165 lines
2.5 KiB
CSS
165 lines
2.5 KiB
CSS
/**
|
|
* Fields
|
|
*/
|
|
form fieldset {
|
|
margin: 0;
|
|
padding: 0;
|
|
border-style: none;
|
|
}
|
|
|
|
form .field {
|
|
clear: both;
|
|
padding: 0.2em;
|
|
margin: 0 0 0 10em;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
form p.checkbox {
|
|
margin: 0 0 0 8.5em;
|
|
}
|
|
|
|
form .field.nolabel {
|
|
margin-left: 0;
|
|
}
|
|
|
|
form label.left {
|
|
float: left;
|
|
width: 10em;
|
|
margin-left: -10em;
|
|
}
|
|
|
|
form input.maxlength {
|
|
width: auto;
|
|
}
|
|
|
|
form .actions{
|
|
float : right;
|
|
}
|
|
|
|
form .validation,
|
|
form .error,
|
|
form .required
|
|
{
|
|
border: 1px solid #f00;
|
|
background: #fcc;
|
|
padding: 0.5em;
|
|
width: 50%;
|
|
}
|
|
|
|
form .field span.readonly {
|
|
border: 1px #CCC dotted;
|
|
background-color: #F7F7F7;
|
|
display: block;
|
|
width: 98%;
|
|
padding: 3px;
|
|
margin:5px 0;
|
|
}
|
|
|
|
form .indicator.inline {
|
|
display: inline;
|
|
margin-left: 5px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
form .indicator.block {
|
|
display: inline;
|
|
}
|
|
|
|
/* Emulating link styling for actions requiring lesser attention, e.g. "cancel" FormActions */
|
|
form button.minorAction {
|
|
background: none;
|
|
padding: 0;
|
|
border: 0;
|
|
color: #0074C6; /* same for "a" tag in cms/css/typography.css */
|
|
text-decoration: underline;
|
|
}
|
|
|
|
|
|
/**
|
|
* Composite Fields - raw concatenation of fields for programmatic purposes.
|
|
*/
|
|
.right form div.CompositeField {
|
|
margin-left: 7.5em;
|
|
}
|
|
.right form div.CompositeField div.field {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.right form div.CompositeField {
|
|
clear: both;
|
|
}
|
|
.right form div.CompositeField label.left {
|
|
float: left;
|
|
width: 10em;
|
|
margin-left: -10em;
|
|
}
|
|
|
|
.right form div.column2 {
|
|
float: left;
|
|
width: 45%;
|
|
margin-right: 4%;
|
|
}
|
|
|
|
.right form div.multicolumn {
|
|
width: 100%;
|
|
float: left;
|
|
clear: left;
|
|
}
|
|
|
|
/**
|
|
* Messages
|
|
*/
|
|
form .message.notice {
|
|
background-color: #FCFFDF;
|
|
border-color: #FF9300;
|
|
}
|
|
form .message {
|
|
margin: 1em 0;
|
|
padding: 0.5em;
|
|
font-weight: bold;
|
|
border: 1px black solid;
|
|
background-color: #B9FFB9;
|
|
border-color: #00FF00;
|
|
}
|
|
form .message.warning {
|
|
background-color: #FFD2A6;
|
|
border-color: #FF9300;
|
|
}
|
|
form .message.bad {
|
|
background-color: #FF8080;
|
|
border-color: #FF0000;
|
|
}
|
|
form .message.required,
|
|
form .message.validation {
|
|
display:block;
|
|
margin-top:5px;
|
|
color:#FF9300;
|
|
width:240px;
|
|
border-color: #FF9300;
|
|
}
|
|
form .message.validation {
|
|
color:#FF4040;
|
|
width:240px;
|
|
border-color: #FF4040;
|
|
}
|
|
|
|
/** LOGIN FORM **/
|
|
|
|
#Remember {
|
|
margin: 0.5em 0 0.5em 11em !important;
|
|
}
|
|
p#Remember label {
|
|
display: inline-block;
|
|
margin: 0;
|
|
}
|
|
#Remember input {
|
|
float: left;
|
|
margin: 0 5px 0 0;
|
|
}
|
|
#MemberLoginForm_LoginForm .Actions {
|
|
padding-left: 12em;
|
|
}
|
|
#ForgotPassword {
|
|
margin-top: 1em;
|
|
}
|