From 46c65ce4104b18e2a4380bbbc2eaedaa7863ea20 Mon Sep 17 00:00:00 2001
From: catch <catch@35733.no-reply.drupal.org>
Date: Fri, 30 Dec 2011 21:02:50 +0900
Subject: [PATCH] Issue #1271362 by aspilicious, Bojhan: Added Fade-in input
form outlines upon focus.
---
core/themes/seven/style.css | 9 ++++++++-
1 file changed, 8 insertions(+), 1 deletion(-)
diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css
index e5869d3d51b6..fc105a788d55 100644
--- a/core/themes/seven/style.css
+++ b/core/themes/seven/style.css
@@ -704,13 +704,20 @@ select.form-select {
border-top-color: #999;
background: #fff;
color: #333;
+ -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-file:focus,
textarea.form-textarea:focus,
select.form-select:focus {
color: #000;
- border-color: #ace;
+ border-color: rgba(0, 116, 189, 0.8);
+ -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(220, 220, 220, 0.4);
+ -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(220, 220, 220, 0.4);
+ 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);
}
html.js input.form-autocomplete {
background-position: 100% 4px;
--
GitLab