diff options
| author | PliablePixels <pliablepixels@gmail.com> | 2015-07-24 15:48:01 -0400 |
|---|---|---|
| committer | PliablePixels <pliablepixels@gmail.com> | 2015-07-24 15:48:01 -0400 |
| commit | 83400033a3b7a91ad072a5d306355c9cd5a80d82 (patch) | |
| tree | b84d23a607523249554dc97ed26f000ca03d0abd /www/lib/angular-tooltips/src/css | |
| parent | 89640e9b0212a2525ea132b1d11bb8962f5444dd (diff) | |
integrated event scrubbing with direct image access - need to clean up code
Diffstat (limited to 'www/lib/angular-tooltips/src/css')
| -rw-r--r-- | www/lib/angular-tooltips/src/css/angular-tooltips.css | 124 |
1 files changed, 124 insertions, 0 deletions
diff --git a/www/lib/angular-tooltips/src/css/angular-tooltips.css b/www/lib/angular-tooltips/src/css/angular-tooltips.css new file mode 100644 index 00000000..6d3f4712 --- /dev/null +++ b/www/lib/angular-tooltips/src/css/angular-tooltips.css @@ -0,0 +1,124 @@ +._720kb-tooltip { + background: rgba(0, 0, 0, 0.8); + color:white; + position:absolute; + z-index:9; + padding:0.4% 1%; + opacity:0; + visibility: hidden; + -webkit-border-radius:3px; + -moz-border-radius:3px; + border-radius:3px; + left: -200%; + top: 0; +} +._720kb-tooltip-title{ + color:rgba(255,255,255,0.95); + font-weight: 500; + width: 100%; + clear:both; +} +._720kb-tooltip._720kb-tooltip-small { + padding:4.5px 10px; + font-size: 12px; +} +._720kb-tooltip._720kb-tooltip-medium { + padding:7px 15px; + font-size: 13.5px; +} +._720kb-tooltip._720kb-tooltip-large { + padding:10px 20px; + font-size: 14px; +} +._720kb-tooltip._720kb-tooltip-open { + visibility: visible; + visibility: initial; + opacity: 1; +} +._720kb-tooltip-caret:before { + content:''; + position: absolute; + width: 0; + height: 0; + border: 6px solid rgba(0, 0, 0, 0.8); +} +._720kb-tooltip-caret:after { + content:''; + position: absolute; + width: 0; + height: 0; + border: 5px solid transparent; +} +._720kb-tooltip-left ._720kb-tooltip-caret:before { + top: 50%; + left: 100%; + margin-left:0; + margin-top: -6px; + border-top-color: transparent; + border-bottom-color: transparent; + border-right-width: 0; +} +._720kb-tooltip-left ._720kb-tooltip-caret:after { + top: 50%; + left: 100%; + margin-left:0; + margin-top: -5px; + border-top-color: transparent; + border-bottom-color: transparent; + border-right-width: 0; +} +._720kb-tooltip-right ._720kb-tooltip-caret:before { + top: 50%; + left:0; + margin-left:-6px; + margin-top: -6px; + border-top-color: transparent; + border-bottom-color: transparent; + border-left-width: 0; +} +._720kb-tooltip-right ._720kb-tooltip-caret:after { + top: 50%; + left:0; + margin-left:-5px; + margin-top: -5px; + border-top-color: transparent; + border-bottom-color: transparent; + border-left-width: 0; +} +._720kb-tooltip-top ._720kb-tooltip-caret:before { + top: 100%; + left: 50%; + margin-left: -6px; + margin-bottom:-6px; + border-right-color: transparent; + border-left-color: transparent; + border-bottom-width: 0; +} +._720kb-tooltip-top ._720kb-tooltip-caret:after { + top: 100%; + left: 50%; + margin-left: -5px; + margin-bottom:-5px; + border-right-color: transparent; + border-left-color: transparent; + border-bottom-width: 0; +} +._720kb-tooltip-bottom ._720kb-tooltip-caret:before { + bottom: 100%; + left: 50%; + margin-left: -6px; + border-right-color: transparent; + border-left-color: transparent; + border-top-width: 0; +} +._720kb-tooltip-bottom ._720kb-tooltip-caret:after { + bottom: 100%; + left: 50%; + margin-left: -5px; + border-right-color: transparent; + border-left-color: transparent; + border-top-width: 0; +} +._720kb-tooltip-close-button { + float: right; +} |
