From ce82e9b1471123e188d2c6137b587dd035b709e4 Mon Sep 17 00:00:00 2001 From: James Mills Date: Sun, 22 Mar 2020 22:31:22 +1000 Subject: Try to improve the style of the input type=file --- static/theme.css | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) (limited to 'static/theme.css') diff --git a/static/theme.css b/static/theme.css index 8c5d22f..a2f269a 100644 --- a/static/theme.css +++ b/static/theme.css @@ -302,3 +302,33 @@ input[type=button] { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#eee')"; background: linear-gradient(#000000, #1e1e1e); } + +.fileContainer { + overflow: hidden; + position: relative; +} + +label.filebutton { + width:120px; + height:40px; + overflow:hidden; + position:relative; + background:linear-gradient(#000000, #1e1e1e); + box-shadow: 0 0 5px #ccc; +} + +label span input { + z-index: 999; + line-height: 0; + font-size: 50px; + position: absolute; + top: -2px; + left: -700px; + opacity: 0; + filter: alpha(opacity = 0); + -ms-filter: "alpha(opacity=0)"; + cursor: pointer; + _cursor: hand; + margin: 0; + padding:0; +} -- cgit v1.2.3