summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorDries2014-07-18 16:38:42 (GMT)
committerDries2014-07-18 16:38:42 (GMT)
commit4f3a83018f3b26236104ef7df19cab0e03f00fed (patch)
tree09862d8c21281e9aa4ae5f1600271c47883d99e7
parentc7afd229578121bd001e44fb449017983616a44f (diff)
Issue #1986418 by tompagabor, LewisNyman, idflood, jamesquinton, lauriii, emma.maria, danmuzyka, rteijeiro, scronide, frankbaele, Coornail, ekl1773, oresh, philipz | Bojhan: Update textfield & textarea style.
-rw-r--r--core/themes/seven/install-page.css17
-rw-r--r--core/themes/seven/style.css135
2 files changed, 117 insertions, 35 deletions
diff --git a/core/themes/seven/install-page.css b/core/themes/seven/install-page.css
index 8f04b3f..444aeee 100644
--- a/core/themes/seven/install-page.css
+++ b/core/themes/seven/install-page.css
@@ -38,15 +38,24 @@
.install-page table td {
word-break: break-word;
}
+
@media all and (max-width: 1010px) and (min-width: 48em) {
.install-page .password-strength,
- .install-page .confirm-parent,
- .install-page .password-confirm {
- float: none;
- width: auto;
+ .install-page .confirm-parent {
+ width: 100%;
+ }
+ .install-configure-form .form-type-password {
+ float: left;
+ width: 100%;
}
input.password-confirm,
input.password-field {
float: none;
}
+ div.password-confirm {
+ float: none;
+ width: auto;
+ max-width: 100%;
+ }
+
}
diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css
index c17d61e..7cf6527 100644
--- a/core/themes/seven/style.css
+++ b/core/themes/seven/style.css
@@ -713,27 +713,36 @@ fieldset {
}
}
.form-item {
- margin: 1em 0;
+ margin: 0.75em 0;
}
.form-type-checkbox {
padding: 0;
}
label {
display: table;
- margin: 0;
+ margin: 0 0 0 0.2em; /* LTR */
padding: 0;
- font-weight: bold;
+ font-weight: normal;
+}
+[dir="rtl"] label {
+ margin: 0 0.2em 0 0;
+}
+label.error {
+ color: #e62600;
}
label[for] {
cursor: pointer;
}
.form-item label.option {
- font-size: 0.923em;
text-transform: none;
}
.form-item label.option input {
vertical-align: middle;
}
+.form-disabled label {
+ color: #737373;
+}
+
.form-disabled input.form-text,
.form-disabled input.form-tel,
.form-disabled input.form-email,
@@ -744,37 +753,73 @@ label[for] {
.form-disabled input.form-file,
.form-disabled textarea.form-textarea,
.form-disabled select.form-select {
- background-color: #eee;
- color: #777;
+ border-color: #d4d4d4;
+ background-color: hsla(0, 0%, 0%, .08);
+ box-shadow: none;
+}
+
+.form-item input.error,
+.form-item textarea.error,
+.form-item select.error {
+ border-width: 2px;
+ border-color: #e62600;
+ background-color: hsla(15, 75%, 97%, 1);
+ box-shadow: inset 0 5px 5px -5px #b8b8b8;
+ color: #e62600;
+}
+.form-item input.error:focus,
+.form-item textarea.error:focus,
+.form-item select.error:focus {
+ border-color: #e62600;
+ outline: 0;
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px 1px #e62600;
+ background-color: #fcf4f2;
+}
+.form-required:after {
+ font-weight: bold;
+ color: #e62600;
+ font-size: 1.1em;
+ padding-left: 2px;
}
+
/* Filter */
.filter-wrapper {
font-size: 0.923em;
}
ul.tips,
div.description,
-.form-item div.description {
- margin: 5px 0;
- line-height: 1.231em;
- font-size: 0.923em;
- color: #555;
+.form-item .description {
+ margin: 0.2em 0 0 0;
+ color: #595959;
+ font-size: 0.9em;
}
+.form-item .description.error {
+ color: #e62600;
+}
+
ul.tips li {
margin: 0.25em 0 0.25em 1.5em; /* LTR */
}
[dir="rtl"] ul.tips li {
margin: 0.25em 1.5em 0.25em 0;
}
-body div.form-type-radio div.description,
-body div.form-type-checkbox div.description {
+.form-type-radio .description,
+.form-type-checkbox .description {
margin-left: 1.5em; /* LTR */
}
-[dir="rtl"] body div.form-type-radio div.description,
-[dir="rtl"] body div.form-type-checkbox div.description {
+[dir="rtl"] .form-type-radio .description,
+[dir="rtl"] .form-type-checkbox .description {
margin-left: 0;
margin-right: 1.5em;
}
+.form-text,
+.form-textarea {
+ border-radius: 2px;
+ font-size: 1em;
+ line-height: normal;
+}
+
input.form-autocomplete,
input.form-text,
input.form-tel,
@@ -784,36 +829,61 @@ input.form-search,
input.form-number,
input.form-color,
input.form-file,
+input.form-date,
+input.form-time,
textarea.form-textarea,
select.form-select {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
- padding: 2px;
+ padding: .3em .4em .3em .5em;
max-width: 100%;
- border: 1px solid #ccc;
+ border: 1px solid #b8b8b8;
border-top-color: #999;
background: #fff;
color: #333;
+ border-radius: 2px;
+ background: #fcfcfa;
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, .125);
+ font-size: 1em;
+ color: #595959;
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
-input.form-text:focus,
-input.form-tel:focus,
-input.form-email:focus,
-input.form-url:focus,
-input.form-search:focus,
-input.form-number:focus,
-input.form-color:focus,
-input.form-file:focus,
-textarea.form-textarea:focus,
-select.form-select:focus {
- color: #000;
- border-color: rgba(0, 116, 189, 0.8);
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(220, 220, 220, 0.4);
- outline-color: rgba(0, 116, 189, 0.5);
+.form-text:focus,
+.form-tel:focus,
+.form-email:focus,
+.form-url:focus,
+.form-search:focus,
+.form-number:focus,
+.form-color:focus,
+.form-file:focus,
+.form-textarea:focus,
+.form-date:focus,
+.form-time:focus,
+.form-select:focus {
+ border-color: #40b6ff;
+ outline: 0;
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px #40b6ff;
+ background-color: #fff;
+}
+
+.confirm-parent,
+.password-parent {
+ overflow: visible;
+ width: auto;
+}
+
+.form-item .password-suggestions {
+ float: left;
+ clear: left;
+ width: 100%;
}
+.form-item-pass .description {
+ clear: both;
+}
+
/**
* Improve spacing of cancel link.
@@ -875,6 +945,9 @@ select.form-select:focus {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
+ div.form-item div.password-suggestions {
+ float: none;
+ }
#dblog-filter-form .form-actions {
float: none;
padding: 0;