diff options
| author | asciimoo <asciimoo@gmail.com> | 2013-10-20 12:19:34 +0200 |
|---|---|---|
| committer | asciimoo <asciimoo@gmail.com> | 2013-10-20 12:19:34 +0200 |
| commit | 1e8af701923d7b7a088e30e32737827ddd597802 (patch) | |
| tree | 0653a3c7c629ef3d18a7f21624fcd4ac14662283 /searx/static/css/style.css | |
| parent | ea138e08c9aca0265b06e81b469ecc435b5255dc (diff) | |
[enh] checkbox redesign
Diffstat (limited to 'searx/static/css/style.css')
| -rw-r--r-- | searx/static/css/style.css | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/searx/static/css/style.css b/searx/static/css/style.css index 99a2f488f..c98a049b3 100644 --- a/searx/static/css/style.css +++ b/searx/static/css/style.css @@ -10,6 +10,47 @@ h1 { font-size: 5em; } input { border: 2px solid #666666; color: #444444; padding: 8px; background-color: #FFFFFF; font-size: 1.1em; } +input[type="checkbox"] { visibility: hidden; } + +.checkbox_container { display: inline-block; position: relative; margin: 0; padding-left: 3px; margin: 0 10px; } +.checkbox_container label { + cursor: pointer; +} +.checkbox_container label.cb { + position: absolute; + width: 16px; + height: 16px; + top: 2px; + left: 2px; + background: #eee; + border:1px solid #ddd; +} +.checkbox_container label.cb:after { + opacity: 0.2; + content: ''; + position: absolute; + width: 8px; + height: 4px; + background: transparent; + top: 3px; + left: 3px; + border: 3px solid #333; + border-top: none; + border-right: none; + + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.checkbox_container label.cb:hover:after { + opacity: 0.5; +} +.checkbox_container input[type=checkbox]:checked + label.cb:after { + opacity: 1; +} + a { text-decoration: none; } .result_title { margin-bottom: 0; } |