From a0f574ccd7330e2c14a9098c65a40d7c81e96513 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=B6rn=20Friedrich=20Dreyer?= Date: Fri, 26 Jul 2013 10:00:07 +0200 Subject: [PATCH] IE8 login/install screen cleartype fixes and input box borders --- core/css/styles.css | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/core/css/styles.css b/core/css/styles.css index a4c84fa07a..0dd66fb5b7 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -844,6 +844,27 @@ button.loading { border: 0; } +/* IE8 needs background to be set to same color to make transparency look good. */ +.lte9 #body-login form input[type="text"] { + border: 1px solid lightgrey; /* use border to add 1px line between input fields */ + background-color: white; /* don't change background on hover */ +} +.lte9 #body-login form input[type="password"] { + /* leave out top border for 1px line between input fields*/ + border-left: 1px solid lightgrey; + border-right: 1px solid lightgrey; + border-bottom: 1px solid lightgrey; + background-color: white; /* don't change background on hover */ +} +.lte9 #body-login form label.infield { + background-color: white; /* don't change background on hover */ + -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='white')"; +} +/* disable opacity of info text on gradient + sice we cannot set a good backround color to use the filter&background hack as with the input labels */ +.lte9 #body-login p.info { + filter: initial; +} /* deactivate show password toggle for IE. Does not work for 8 and 9+ have their own implementation. */ .ie #show, .ie #show+label { display: none;