251 lines
4.2 KiB
CSS
251 lines
4.2 KiB
CSS
a,
|
|
a:active,
|
|
a:focus,
|
|
button,
|
|
button:focus,
|
|
button:active,
|
|
.btn,
|
|
.btn:focus,
|
|
.btn:active:focus,
|
|
.btn.active:focus,
|
|
.btn.focus,
|
|
.btn.focus:active,
|
|
.btn.active.focus {
|
|
outline: none;
|
|
outline: 0;
|
|
}
|
|
|
|
input::-moz-focus-inner {
|
|
border: 0;
|
|
}
|
|
|
|
.messages {
|
|
background: no-repeat 10px 17px;
|
|
border: 1px solid;
|
|
border-width: 1px 1px 1px 0;
|
|
border-radius: 2px;
|
|
padding: 15px 20px 15px 20px;
|
|
word-wrap: break-word;
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
[dir="rtl"] .messages {
|
|
border-width: 1px 0 1px 1px;
|
|
background-position: right 10px top 17px;
|
|
padding-left: 20px;
|
|
padding-right: 35px;
|
|
text-align: right;
|
|
}
|
|
|
|
.messages + .messages {
|
|
margin-top: 1.538em;
|
|
}
|
|
|
|
.messages__list {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.messages__item + .messages__item {
|
|
margin-top: 0.769em;
|
|
}
|
|
|
|
.messages--status {
|
|
color: #325e1c;
|
|
background-color: #f3faef;
|
|
border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
|
|
box-shadow: -8px 0 0 #77b259;
|
|
}
|
|
|
|
[dir="rtl"] .messages--status {
|
|
border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
|
|
box-shadow: 8px 0 0 #77b259;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.messages--warning {
|
|
background-color: #fdf8ed;
|
|
border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
|
|
color: #734c00;
|
|
box-shadow: -8px 0 0 #e09600;
|
|
}
|
|
|
|
[dir="rtl"] .messages--warning {
|
|
border-color: #f4daa6 transparent #f4daa6 #f4daa6;
|
|
box-shadow: 8px 0 0 #e09600;
|
|
}
|
|
|
|
.messages--error {
|
|
background-color: #fcf4f2;
|
|
color: #a51b00;
|
|
border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
|
|
box-shadow: -8px 0 0 #e62600;
|
|
}
|
|
|
|
[dir="rtl"] .messages--error {
|
|
border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
|
|
box-shadow: 8px 0 0 #e62600;
|
|
}
|
|
|
|
.messages--error p.error {
|
|
color: #a51b00;
|
|
}
|
|
|
|
/*FORM*/
|
|
|
|
label {
|
|
font-weight: 600;
|
|
}
|
|
|
|
form .field-multiple-table {
|
|
margin: 0;
|
|
}
|
|
|
|
form .field-multiple-table .field-multiple-drag {
|
|
width: 30px;
|
|
padding-right: 0;
|
|
}
|
|
|
|
[dir="rtl"] form .field-multiple-table .field-multiple-drag {
|
|
padding-left: 0;
|
|
}
|
|
|
|
form .field-multiple-table .field-multiple-drag .tabledrag-handle {
|
|
padding-right: .5em;
|
|
}
|
|
|
|
[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
|
|
padding-right: 0;
|
|
padding-left: .5em;
|
|
}
|
|
|
|
form .field-add-more-submit {
|
|
margin: .5em 0 0;
|
|
}
|
|
|
|
.form-item,
|
|
.form-actions {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
tr.odd .form-item,
|
|
tr.even .form-item {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.form-composite > .fieldset-wrapper > .description,
|
|
.form-item .description {
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
label.option {
|
|
display: inline;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.form-composite > legend,
|
|
.label {
|
|
display: inline;
|
|
font-size: inherit;
|
|
font-weight: 600;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.form-checkboxes .form-item,
|
|
.form-radios .form-item {
|
|
margin-top: 0.4em;
|
|
margin-bottom: 0.4em;
|
|
}
|
|
|
|
.form-type-radio .description,
|
|
.form-type-checkbox .description {
|
|
margin-left: 2.4em;
|
|
}
|
|
|
|
[dir="rtl"] .form-type-radio .description,
|
|
[dir="rtl"] .form-type-checkbox .description {
|
|
margin-left: 0;
|
|
margin-right: 2.4em;
|
|
}
|
|
|
|
.marker {
|
|
color: #e00;
|
|
}
|
|
|
|
.form-required:after {
|
|
content: '';
|
|
vertical-align: super;
|
|
display: inline-block;
|
|
background-image: url(../../../../core/misc/icons/ee0000/required.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 6px 6px;
|
|
width: 6px;
|
|
height: 6px;
|
|
margin: 0 0.3em;
|
|
}
|
|
|
|
abbr.tabledrag-changed,
|
|
abbr.ajax-changed {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.form-item input.error,
|
|
.form-item textarea.error,
|
|
.form-item select.error {
|
|
border: 2px solid red;
|
|
}
|
|
|
|
.form-item--error-message:before {
|
|
content: '';
|
|
display: inline-block;
|
|
height: 14px;
|
|
width: 14px;
|
|
vertical-align: sub;
|
|
background: url(../../../../core/misc/icons/e32700/error.svg) no-repeat;
|
|
background-size: contain;
|
|
}
|
|
|
|
/*TABS*/
|
|
|
|
div.tabs {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
ul.tabs {
|
|
list-style: none;
|
|
margin: 0 0 0.5em;
|
|
padding: 0;
|
|
}
|
|
|
|
.tabs > li {
|
|
display: inline-block;
|
|
margin-right: 0.3em;
|
|
}
|
|
|
|
[dir="rtl"] .tabs > li {
|
|
margin-left: 0.3em;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.tabs a {
|
|
display: block;
|
|
padding: 0.2em 1em;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.tabs a.is-active {
|
|
background-color: #eee;
|
|
}
|
|
|
|
.tabs a:focus,
|
|
.tabs a:hover {
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
.layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first, .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
|
|
padding-left: 10px;
|
|
}
|