diff options
| author | gorhill <rhill@raymondhill.net> | 2015-03-27 13:00:55 -0400 |
|---|---|---|
| committer | gorhill <rhill@raymondhill.net> | 2015-03-27 13:00:55 -0400 |
| commit | f2ff0edfaf4fdc6e02a8a0e65db73a104c2b1f9c (patch) | |
| tree | b0a946702c48ec6e467355c04a35098dbe4b5efe /src/css | |
| parent | 5f8fd229205cb1bf8836e86667707e716b6d3c0a (diff) | |
| download | uBlock-f2ff0edfaf4fdc6e02a8a0e65db73a104c2b1f9c.zip uBlock-f2ff0edfaf4fdc6e02a8a0e65db73a104c2b1f9c.tar.gz uBlock-f2ff0edfaf4fdc6e02a8a0e65db73a104c2b1f9c.tar.bz2 | |
this fixes #1013, #1062 (draft)
Diffstat (limited to 'src/css')
| -rw-r--r-- | src/css/common.css | 11 | ||||
| -rw-r--r-- | src/css/popup.css | 29 |
2 files changed, 38 insertions, 2 deletions
diff --git a/src/css/common.css b/src/css/common.css index 1ea1dd0..fec2c9b 100644 --- a/src/css/common.css +++ b/src/css/common.css @@ -25,6 +25,7 @@ body:not(.advancedUser) [data-tip]:after { box-shadow: 1px 1px 3px gray; color: black; content: attr(data-tip); + display: none; font: 12px sans-serif; left: 0; line-height: 130%; @@ -38,7 +39,8 @@ body:not(.advancedUser) [data-tip]:after { pointer-events: none; opacity: 0; } -[data-tip]:hover:after { +body [data-tip]:hover:after { + display: initial; opacity: 1 !important; -webkit-transition: opacity 0.2s 0.4s; transition: opacity 0.2s 0.4s; @@ -60,6 +62,13 @@ body[dir=rtl] [data-tip][data-tip-anchor="top"]:hover:after { right: -500%; } +body [data-tip][data-tip-anchor="topcenter"]:hover:after { + bottom: 140%; + left: -225%; + right: -225%; + top: auto; + } + .hiddenFileInput { visibility: hidden; width: 0; diff --git a/src/css/popup.css b/src/css/popup.css index eeff8e3..36d04fc 100644 --- a/src/css/popup.css +++ b/src/css/popup.css @@ -80,7 +80,7 @@ body[dir="rtl"] #panes > div:nth-of-type(2) { } #panes > div:nth-of-type(1) { min-width: 150px; - padding: 4px 1px; + padding: 0; } p { text-align: center; @@ -131,6 +131,33 @@ body.off #switch .fa { .tool:hover { color: #444; } +#extraTools { + background-color: #eee; + border: 0; + color: #aaa; + font-weight: normal; + margin: 1em 0 0 0; + padding: 4px 0 2px 0; + text-align: center; + } +#extraTools > span { + cursor: pointer; + font-size: 18px; + margin: 0 0.5em; + position: relative; + } +#extraTools > span.on > span { + color: #e00; + font-size: 20px; + left: 0; + position: absolute; + text-align: center; + top: 0; + width: 100%; + } +#extraTools > span.on > span:after { + content: '\2715'; + } body.advancedUser h2 { cursor: pointer; |