diff options
| author | Jan-Christoph Borchardt <JanCBorchardt@fsfe.org> | 2011-08-14 14:55:43 +0200 |
|---|---|---|
| committer | Jan-Christoph Borchardt <JanCBorchardt@fsfe.org> | 2011-08-14 14:55:43 +0200 |
| commit | 6e30ade0b34224f92ecf4bc7c95cc319006ee4b8 (patch) | |
| tree | 5d245068b3ac33811f733d8e8cb1458ddfd5ee33 /core/css/jquery-tipsy.css | |
| parent | f2a21398d791beda3e1de0a5c4c12a141e70c795 (diff) | |
| download | nextcloud-server-6e30ade0b34224f92ecf4bc7c95cc319006ee4b8.tar.gz nextcloud-server-6e30ade0b34224f92ecf4bc7c95cc319006ee4b8.zip | |
updated tipsy, tooltips finally work everywhere, thanks icewind
Diffstat (limited to 'core/css/jquery-tipsy.css')
| -rw-r--r-- | core/css/jquery-tipsy.css | 32 |
1 files changed, 25 insertions, 7 deletions
diff --git a/core/css/jquery-tipsy.css b/core/css/jquery-tipsy.css index 5075f41c9f6..957385a269f 100644 --- a/core/css/jquery-tipsy.css +++ b/core/css/jquery-tipsy.css @@ -1,7 +1,25 @@ -.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(../img/jquery-tipsy.gif); } - .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; } - .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; } - .tipsy-north { background-position: top center; } - .tipsy-south { background-position: bottom center; } - .tipsy-east { background-position: right center; } - .tipsy-west { background-position: left center; } +.tipsy { font-size:10px; position:absolute; padding:5px; z-index:100000; } +.tipsy-inner { background-color:#000; color:#FFF; max-width:200px; padding:5px 8px 4px 8px; text-align:center; } + +/* Rounded corners */ +.tipsy-inner { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } + +/* Uncomment for shadow */ +/*.tipsy-inner { box-shadow:0 0 5px #000000; -webkit-box-shadow:0 0 5px #000000; -moz-box-shadow:0 0 5px #000000; }*/ + +.tipsy-arrow { position:absolute; width:0; height:0; border:5px solid transparent; } + +/* Rules to colour arrows */ +.tipsy-arrow-n { border-bottom-color:#000; } +.tipsy-arrow-s { border-top-color:#000; } +.tipsy-arrow-e { border-left-color:#000; } +.tipsy-arrow-w { border-right-color:#000; } + +.tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow, .tipsy-ne .tipsy-arrow { top:0; border-top:none; } +.tipsy-s .tipsy-arrow, .tipsy-sw .tipsy-arrow, .tipsy-se .tipsy-arrow { bottom:0; border-bottom:none; } +.tipsy-n .tipsy-arrow, .tipsy-s .tipsy-arrow { left:50%; margin-left:-5px; } +.tipsy-nw .tipsy-arrow, .tipsy-sw .tipsy-arrow { left:10px; } +.tipsy-ne .tipsy-arrow, .tipsy-se .tipsy-arrow { right:10px; } +.tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow { top:50%; margin-top:-5px; } +.tipsy-e .tipsy-arrow { right:0; border-right:none; } +.tipsy-w .tipsy-arrow { left:0; border-left:none; } |