From 6dfbe214468df22c21c1776f7fdafa1acdc23e7e Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Tue, 23 Jul 2013 17:03:44 +0200 Subject: [PATCH] input fields work on any background now --- core/css/styles.css | 34 +++++++++++++++++++--------------- 1 file changed, 19 insertions(+), 15 deletions(-) diff --git a/core/css/styles.css b/core/css/styles.css index 39ed9167e9..484429b670 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -237,37 +237,41 @@ input[type="submit"].enabled { background:#66f866; border:1px solid #5e5; -moz-b input[name="password-clone"] { padding-left:1.8em; width:11.7em !important; } input[name="adminpass-clone"] { padding-left:1.8em; width:11.7em !important; } +/* General new input field look */ +#body-login input[type="text"], +#body-login input[type="password"], +#body-login input[type="email"] { + border: 1px solid rgba(0,0,0,.8); + -moz-box-shadow: 0 1px 0 rgba(255,255,255,.15), 0 1px 3px rgba(0,0,0,.25) inset; + -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.15), 0 1px 3px rgba(0,0,0,.25) inset; + box-shadow: 0 1px 0 rgba(255,255,255,.15), 0 1px 3px rgba(0,0,0,.25) inset; +} + /* Nicely grouping input field sets */ -.grouptop input { +#body-login .grouptop input { margin-bottom: 0; border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; - -moz-box-shadow: 0 -1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(0,0,0,.25) inset; - -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(0,0,0,.25) inset; - box-shadow: 0 -1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(0,0,0,.25) inset; - border: none; } -.groupmiddle input { +#body-login .groupmiddle input { margin-top: 0; margin-bottom: 0; border-top: 0; border-bottom: 0; border-radius: 0; - -moz-box-shadow: 0 1px 0 rgba(255,255,255,.4), 0 1px 0 rgba(0,0,0,.1) inset; - -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4), 0 1px 0 rgba(0,0,0,.1) inset; - box-shadow: 0 1px 0 rgba(255,255,255,.4), 0 1px 0 rgba(0,0,0,.1) inset; - border: none; + -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(0,0,0,.1) inset !important; + -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(0,0,0,.1) inset !important; + box-shadow: 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(0,0,0,.1) inset !important; } -.groupbottom input { +#body-login .groupbottom input { margin-top: 0; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; - -moz-box-shadow: 0 1px 0 rgba(255,255,255,.4), 0 1px 0 rgba(0,0,0,.1) inset; - -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4), 0 1px 0 rgba(0,0,0,.1) inset; - box-shadow: 0 1px 0 rgba(255,255,255,.4), 0 1px 0 rgba(0,0,0,.1) inset; - border: none; + -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(0,0,0,.1) inset !important; + -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(0,0,0,.1) inset !important; + box-shadow: 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(0,0,0,.1) inset !important; } /* In field labels. No, HTML placeholder does not work as well. */