Created
April 17, 2018 08:50
-
-
Save Laurian/e39355a11448c60baa72278fa4878181 to your computer and use it in GitHub Desktop.
story.interviewjs.io CSS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @font-face{ | |
| font-family:icomoon; | |
| src:url(/static/media/icomoon.5a607ab9.eot); | |
| src:url(/static/media/icomoon.5a607ab9.eot#iefix) format("embedded-opentype"),url(/static/media/icomoon.cb4d6797.ttf) format("truetype"),url(/static/media/icomoon.ae37fc8e.woff) format("woff"),url(/static/media/icomoon.48533d8d.svg#icomoon) format("svg"); | |
| font-weight:400; | |
| font-style:normal | |
| } | |
| [class*=" icon-"],[class^=icon-]{ | |
| font-family:icomoon!important; | |
| speak:none; | |
| font-style:normal; | |
| font-weight:400; | |
| font-variant:normal; | |
| text-transform:none; | |
| line-height:1; | |
| -webkit-font-smoothing:antialiased; | |
| -moz-osx-font-smoothing:grayscale | |
| } | |
| .icon-reorder:before{ | |
| content:"\E900" | |
| } | |
| .icon-enlarge:before{ | |
| content:"\EB46" | |
| } | |
| .icon-question:before{ | |
| content:"\ED55" | |
| } | |
| .icon-rearrange:before{ | |
| content:"\EE48" | |
| } | |
| .icon-plus:before{ | |
| content:"\ED5B" | |
| } | |
| .icon-info2:before{ | |
| content:"\ED64" | |
| } | |
| .icon-facebook:before{ | |
| content:"\EEEF" | |
| } | |
| .icon-github:before{ | |
| content:"\EF0F" | |
| } | |
| .icon-pen:before{ | |
| content:"\E927" | |
| } | |
| .icon-image:before{ | |
| content:"\E93C" | |
| } | |
| .icon-media:before{ | |
| content:"\E957" | |
| } | |
| .icon-envelop:before{ | |
| content:"\EA30" | |
| } | |
| .icon-map:before{ | |
| content:"\EA48" | |
| } | |
| .icon-bubbles:before{ | |
| content:"\EAC5" | |
| } | |
| .icon-remove-persona:before{ | |
| content:"\EAFA" | |
| } | |
| .icon-equalizer:before{ | |
| content:"\EB5B" | |
| } | |
| .icon-power:before{ | |
| content:"\EC4A" | |
| } | |
| .icon-vdots:before{ | |
| content:"\EC5C" | |
| } | |
| .icon-hdots:before{ | |
| content:"\EC6A" | |
| } | |
| .icon-link:before{ | |
| content:"\EC99" | |
| } | |
| .icon-smile:before{ | |
| content:"\ED04" | |
| } | |
| .icon-sad:before{ | |
| content:"\ED08" | |
| } | |
| .icon-wink:before{ | |
| content:"\ED0A" | |
| } | |
| .icon-angry:before{ | |
| content:"\ED10" | |
| } | |
| .icon-shocked:before{ | |
| content:"\ED14" | |
| } | |
| .icon-neutral:before{ | |
| content:"\ED1A" | |
| } | |
| .icon-wondering:before{ | |
| content:"\ED1E" | |
| } | |
| .icon-info:before{ | |
| content:"\ED63" | |
| } | |
| .icon-cross:before{ | |
| content:"\ED6D" | |
| } | |
| .icon-checkmark:before{ | |
| content:"\ED71" | |
| } | |
| .icon-arrow-up:before{ | |
| content:"\EDB9" | |
| } | |
| .icon-arrow-right:before{ | |
| content:"\EDBD" | |
| } | |
| .icon-arrow-down:before{ | |
| content:"\EDC1" | |
| } | |
| .icon-arrow-left:before{ | |
| content:"\EDC5" | |
| } | |
| .icon-sarrow-up:before{ | |
| content:"\EDC7" | |
| } | |
| .icon-sarrow-right:before{ | |
| content:"\EDC8" | |
| } | |
| .icon-sarrow-down:before{ | |
| content:"\EDC9" | |
| } | |
| .icon-sarrow-left:before{ | |
| content:"\EDCA" | |
| } | |
| .icon-text:before{ | |
| content:"\EE92" | |
| } | |
| .icon-embed:before{ | |
| content:"\EECD" | |
| } | |
| .icon-google:before{ | |
| content:"\EEE7" | |
| } | |
| .icon-twitter:before{ | |
| content:"\EEF5" | |
| } | |
| .tippy-touch{ | |
| cursor:pointer!important | |
| } | |
| .tippy-notransition{ | |
| -webkit-transition:none!important; | |
| -o-transition:none!important; | |
| transition:none!important | |
| } | |
| .tippy-popper{ | |
| max-width:200px; | |
| -webkit-perspective:800px; | |
| perspective:800px; | |
| z-index:9999; | |
| outline:0; | |
| -webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1); | |
| -o-transition-timing-function:cubic-bezier(.165,.84,.44,1); | |
| transition-timing-function:cubic-bezier(.165,.84,.44,1); | |
| pointer-events:none | |
| } | |
| .tippy-popper.html-template{ | |
| max-width:96%; | |
| max-width:calc(100% - 20px) | |
| } | |
| .tippy-popper[x-placement^=top] [x-arrow]{ | |
| border-top:7px solid #28336e; | |
| border-right:7px solid transparent; | |
| border-left:7px solid transparent; | |
| bottom:-7px; | |
| margin:0 9px | |
| } | |
| .tippy-popper[x-placement^=top] [x-arrow].arrow-small{ | |
| border-top:5px solid #28336e; | |
| border-right:5px solid transparent; | |
| border-left:5px solid transparent; | |
| bottom:-5px | |
| } | |
| .tippy-popper[x-placement^=top] [x-arrow].arrow-big{ | |
| border-top:10px solid #28336e; | |
| border-right:10px solid transparent; | |
| border-left:10px solid transparent; | |
| bottom:-10px | |
| } | |
| .tippy-popper[x-placement^=top] [x-circle]{ | |
| -webkit-transform-origin:0 33%; | |
| -ms-transform-origin:0 33%; | |
| transform-origin:0 33% | |
| } | |
| .tippy-popper[x-placement^=top] [x-circle].enter{ | |
| -webkit-transform:scale(1) translate(-50%,-55%); | |
| -ms-transform:scale(1) translate(-50%,-55%); | |
| transform:scale(1) translate(-50%,-55%); | |
| opacity:1 | |
| } | |
| .tippy-popper[x-placement^=top] [x-circle].leave{ | |
| -webkit-transform:scale(.15) translate(-50%,-50%); | |
| -ms-transform:scale(.15) translate(-50%,-50%); | |
| transform:scale(.15) translate(-50%,-50%); | |
| opacity:0 | |
| } | |
| .tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle]{ | |
| background-color:#fff | |
| } | |
| .tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow]{ | |
| border-top:7px solid #fff; | |
| border-right:7px solid transparent; | |
| border-left:7px solid transparent | |
| } | |
| .tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small{ | |
| border-top:5px solid #fff; | |
| border-right:5px solid transparent; | |
| border-left:5px solid transparent | |
| } | |
| .tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big{ | |
| border-top:10px solid #fff; | |
| border-right:10px solid transparent; | |
| border-left:10px solid transparent | |
| } | |
| .tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle]{ | |
| background-color:rgba(0,0,0,.7) | |
| } | |
| .tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow]{ | |
| border-top:7px solid rgba(0,0,0,.7); | |
| border-right:7px solid transparent; | |
| border-left:7px solid transparent | |
| } | |
| .tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{ | |
| border-top:5px solid rgba(0,0,0,.7); | |
| border-right:5px solid transparent; | |
| border-left:5px solid transparent | |
| } | |
| .tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{ | |
| border-top:10px solid rgba(0,0,0,.7); | |
| border-right:10px solid transparent; | |
| border-left:10px solid transparent | |
| } | |
| .tippy-popper[x-placement^=top] [data-animation=perspective]{ | |
| -webkit-transform-origin:bottom; | |
| -ms-transform-origin:bottom; | |
| transform-origin:bottom | |
| } | |
| .tippy-popper[x-placement^=top] [data-animation=perspective].enter{ | |
| opacity:1; | |
| -webkit-transform:translateY(-10px) rotateX(0); | |
| transform:translateY(-10px) rotateX(0) | |
| } | |
| .tippy-popper[x-placement^=top] [data-animation=perspective].leave{ | |
| opacity:0; | |
| -webkit-transform:translateY(0) rotateX(90deg); | |
| transform:translateY(0) rotateX(90deg) | |
| } | |
| .tippy-popper[x-placement^=top] [data-animation=fade].enter{ | |
| opacity:1; | |
| -webkit-transform:translateY(-10px); | |
| -ms-transform:translateY(-10px); | |
| transform:translateY(-10px) | |
| } | |
| .tippy-popper[x-placement^=top] [data-animation=fade].leave{ | |
| opacity:0; | |
| -webkit-transform:translateY(-10px); | |
| -ms-transform:translateY(-10px); | |
| transform:translateY(-10px) | |
| } | |
| .tippy-popper[x-placement^=top] [data-animation=shift].enter{ | |
| opacity:1; | |
| -webkit-transform:translateY(-10px); | |
| -ms-transform:translateY(-10px); | |
| transform:translateY(-10px) | |
| } | |
| .tippy-popper[x-placement^=top] [data-animation=shift].leave{ | |
| opacity:0; | |
| -webkit-transform:translateY(0); | |
| -ms-transform:translateY(0); | |
| transform:translateY(0) | |
| } | |
| .tippy-popper[x-placement^=top] [data-animation=scale].enter{ | |
| opacity:1; | |
| -webkit-transform:translateY(-10px) scale(1); | |
| -ms-transform:translateY(-10px) scale(1); | |
| transform:translateY(-10px) scale(1) | |
| } | |
| .tippy-popper[x-placement^=top] [data-animation=scale].leave{ | |
| opacity:0; | |
| -webkit-transform:translateY(0) scale(0); | |
| -ms-transform:translateY(0) scale(0); | |
| transform:translateY(0) scale(0) | |
| } | |
| .tippy-popper[x-placement^=bottom] [x-arrow]{ | |
| border-bottom:7px solid #28336e; | |
| border-right:7px solid transparent; | |
| border-left:7px solid transparent; | |
| top:-7px; | |
| margin:0 9px | |
| } | |
| .tippy-popper[x-placement^=bottom] [x-arrow].arrow-small{ | |
| border-bottom:5px solid #28336e; | |
| border-right:5px solid transparent; | |
| border-left:5px solid transparent; | |
| top:-5px | |
| } | |
| .tippy-popper[x-placement^=bottom] [x-arrow].arrow-big{ | |
| border-bottom:10px solid #28336e; | |
| border-right:10px solid transparent; | |
| border-left:10px solid transparent; | |
| top:-10px | |
| } | |
| .tippy-popper[x-placement^=bottom] [x-circle]{ | |
| -webkit-transform-origin:0 -50%; | |
| -ms-transform-origin:0 -50%; | |
| transform-origin:0 -50% | |
| } | |
| .tippy-popper[x-placement^=bottom] [x-circle].enter{ | |
| -webkit-transform:scale(1) translate(-50%,-45%); | |
| -ms-transform:scale(1) translate(-50%,-45%); | |
| transform:scale(1) translate(-50%,-45%); | |
| opacity:1 | |
| } | |
| .tippy-popper[x-placement^=bottom] [x-circle].leave{ | |
| -webkit-transform:scale(.15) translate(-50%,-5%); | |
| -ms-transform:scale(.15) translate(-50%,-5%); | |
| transform:scale(.15) translate(-50%,-5%); | |
| opacity:0 | |
| } | |
| .tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle]{ | |
| background-color:#fff | |
| } | |
| .tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow]{ | |
| border-bottom:7px solid #fff; | |
| border-right:7px solid transparent; | |
| border-left:7px solid transparent | |
| } | |
| .tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small{ | |
| border-bottom:5px solid #fff; | |
| border-right:5px solid transparent; | |
| border-left:5px solid transparent | |
| } | |
| .tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big{ | |
| border-bottom:10px solid #fff; | |
| border-right:10px solid transparent; | |
| border-left:10px solid transparent | |
| } | |
| .tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle]{ | |
| background-color:rgba(0,0,0,.7) | |
| } | |
| .tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow]{ | |
| border-bottom:7px solid rgba(0,0,0,.7); | |
| border-right:7px solid transparent; | |
| border-left:7px solid transparent | |
| } | |
| .tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{ | |
| border-bottom:5px solid rgba(0,0,0,.7); | |
| border-right:5px solid transparent; | |
| border-left:5px solid transparent | |
| } | |
| .tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{ | |
| border-bottom:10px solid rgba(0,0,0,.7); | |
| border-right:10px solid transparent; | |
| border-left:10px solid transparent | |
| } | |
| .tippy-popper[x-placement^=bottom] [data-animation=perspective]{ | |
| -webkit-transform-origin:top; | |
| -ms-transform-origin:top; | |
| transform-origin:top | |
| } | |
| .tippy-popper[x-placement^=bottom] [data-animation=perspective].enter{ | |
| opacity:1; | |
| -webkit-transform:translateY(10px) rotateX(0); | |
| transform:translateY(10px) rotateX(0) | |
| } | |
| .tippy-popper[x-placement^=bottom] [data-animation=perspective].leave{ | |
| opacity:0; | |
| -webkit-transform:translateY(0) rotateX(-90deg); | |
| transform:translateY(0) rotateX(-90deg) | |
| } | |
| .tippy-popper[x-placement^=bottom] [data-animation=fade].enter{ | |
| opacity:1; | |
| -webkit-transform:translateY(10px); | |
| -ms-transform:translateY(10px); | |
| transform:translateY(10px) | |
| } | |
| .tippy-popper[x-placement^=bottom] [data-animation=fade].leave{ | |
| opacity:0; | |
| -webkit-transform:translateY(10px); | |
| -ms-transform:translateY(10px); | |
| transform:translateY(10px) | |
| } | |
| .tippy-popper[x-placement^=bottom] [data-animation=shift].enter{ | |
| opacity:1; | |
| -webkit-transform:translateY(10px); | |
| -ms-transform:translateY(10px); | |
| transform:translateY(10px) | |
| } | |
| .tippy-popper[x-placement^=bottom] [data-animation=shift].leave{ | |
| opacity:0; | |
| -webkit-transform:translateY(0); | |
| -ms-transform:translateY(0); | |
| transform:translateY(0) | |
| } | |
| .tippy-popper[x-placement^=bottom] [data-animation=scale].enter{ | |
| opacity:1; | |
| -webkit-transform:translateY(10px) scale(1); | |
| -ms-transform:translateY(10px) scale(1); | |
| transform:translateY(10px) scale(1) | |
| } | |
| .tippy-popper[x-placement^=bottom] [data-animation=scale].leave{ | |
| opacity:0; | |
| -webkit-transform:translateY(0) scale(0); | |
| -ms-transform:translateY(0) scale(0); | |
| transform:translateY(0) scale(0) | |
| } | |
| .tippy-popper[x-placement^=left] [x-arrow]{ | |
| border-left:7px solid #28336e; | |
| border-top:7px solid transparent; | |
| border-bottom:7px solid transparent; | |
| right:-7px; | |
| margin:0 | |
| } | |
| .tippy-popper[x-placement^=left] [x-arrow].arrow-small{ | |
| border-left:5px solid #28336e; | |
| border-top:5px solid transparent; | |
| border-bottom:5px solid transparent; | |
| right:-5px | |
| } | |
| .tippy-popper[x-placement^=left] [x-arrow].arrow-big{ | |
| border-left:10px solid #28336e; | |
| border-top:10px solid transparent; | |
| border-bottom:10px solid transparent; | |
| right:-10px | |
| } | |
| .tippy-popper[x-placement^=left] [x-circle]{ | |
| -webkit-transform-origin:50% 0; | |
| -ms-transform-origin:50% 0; | |
| transform-origin:50% 0 | |
| } | |
| .tippy-popper[x-placement^=left] [x-circle].enter{ | |
| -webkit-transform:scale(1) translate(-50%,-50%); | |
| -ms-transform:scale(1) translate(-50%,-50%); | |
| transform:scale(1) translate(-50%,-50%); | |
| opacity:1 | |
| } | |
| .tippy-popper[x-placement^=left] [x-circle].leave{ | |
| -webkit-transform:scale(.15) translate(-50%,-50%); | |
| -ms-transform:scale(.15) translate(-50%,-50%); | |
| transform:scale(.15) translate(-50%,-50%); | |
| opacity:0 | |
| } | |
| .tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle]{ | |
| background-color:#fff | |
| } | |
| .tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow]{ | |
| border-left:7px solid #fff; | |
| border-top:7px solid transparent; | |
| border-bottom:7px solid transparent | |
| } | |
| .tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small{ | |
| border-left:5px solid #fff; | |
| border-top:5px solid transparent; | |
| border-bottom:5px solid transparent | |
| } | |
| .tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big{ | |
| border-left:10px solid #fff; | |
| border-top:10px solid transparent; | |
| border-bottom:10px solid transparent | |
| } | |
| .tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle]{ | |
| background-color:rgba(0,0,0,.7) | |
| } | |
| .tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow]{ | |
| border-left:7px solid rgba(0,0,0,.7); | |
| border-top:7px solid transparent; | |
| border-bottom:7px solid transparent | |
| } | |
| .tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{ | |
| border-left:5px solid rgba(0,0,0,.7); | |
| border-top:5px solid transparent; | |
| border-bottom:5px solid transparent | |
| } | |
| .tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{ | |
| border-left:10px solid rgba(0,0,0,.7); | |
| border-top:10px solid transparent; | |
| border-bottom:10px solid transparent | |
| } | |
| .tippy-popper[x-placement^=left] [data-animation=perspective]{ | |
| -webkit-transform-origin:right; | |
| -ms-transform-origin:right; | |
| transform-origin:right | |
| } | |
| .tippy-popper[x-placement^=left] [data-animation=perspective].enter{ | |
| opacity:1; | |
| -webkit-transform:translateX(-10px) rotateY(0); | |
| transform:translateX(-10px) rotateY(0) | |
| } | |
| .tippy-popper[x-placement^=left] [data-animation=perspective].leave{ | |
| opacity:0; | |
| -webkit-transform:translateX(0) rotateY(-90deg); | |
| transform:translateX(0) rotateY(-90deg) | |
| } | |
| .tippy-popper[x-placement^=left] [data-animation=fade].enter{ | |
| opacity:1; | |
| -webkit-transform:translateX(-10px); | |
| -ms-transform:translateX(-10px); | |
| transform:translateX(-10px) | |
| } | |
| .tippy-popper[x-placement^=left] [data-animation=fade].leave{ | |
| opacity:0; | |
| -webkit-transform:translateX(-10px); | |
| -ms-transform:translateX(-10px); | |
| transform:translateX(-10px) | |
| } | |
| .tippy-popper[x-placement^=left] [data-animation=shift].enter{ | |
| opacity:1; | |
| -webkit-transform:translateX(-10px); | |
| -ms-transform:translateX(-10px); | |
| transform:translateX(-10px) | |
| } | |
| .tippy-popper[x-placement^=left] [data-animation=shift].leave{ | |
| opacity:0; | |
| -webkit-transform:translateX(0); | |
| -ms-transform:translateX(0); | |
| transform:translateX(0) | |
| } | |
| .tippy-popper[x-placement^=left] [data-animation=scale].enter{ | |
| opacity:1; | |
| -webkit-transform:translateX(-10px) scale(1); | |
| -ms-transform:translateX(-10px) scale(1); | |
| transform:translateX(-10px) scale(1) | |
| } | |
| .tippy-popper[x-placement^=left] [data-animation=scale].leave{ | |
| opacity:0; | |
| -webkit-transform:translateX(0) scale(0); | |
| -ms-transform:translateX(0) scale(0); | |
| transform:translateX(0) scale(0) | |
| } | |
| .tippy-popper[x-placement^=right] [x-arrow]{ | |
| border-right:7px solid #28336e; | |
| border-top:7px solid transparent; | |
| border-bottom:7px solid transparent; | |
| left:-7px; | |
| margin:0 | |
| } | |
| .tippy-popper[x-placement^=right] [x-arrow].arrow-small{ | |
| border-right:5px solid #28336e; | |
| border-top:5px solid transparent; | |
| border-bottom:5px solid transparent; | |
| left:-5px | |
| } | |
| .tippy-popper[x-placement^=right] [x-arrow].arrow-big{ | |
| border-right:10px solid #28336e; | |
| border-top:10px solid transparent; | |
| border-bottom:10px solid transparent; | |
| left:-10px | |
| } | |
| .tippy-popper[x-placement^=right] [x-circle]{ | |
| -webkit-transform-origin:-50% 0; | |
| -ms-transform-origin:-50% 0; | |
| transform-origin:-50% 0 | |
| } | |
| .tippy-popper[x-placement^=right] [x-circle].enter{ | |
| -webkit-transform:scale(1) translate(-50%,-50%); | |
| -ms-transform:scale(1) translate(-50%,-50%); | |
| transform:scale(1) translate(-50%,-50%); | |
| opacity:1 | |
| } | |
| .tippy-popper[x-placement^=right] [x-circle].leave{ | |
| -webkit-transform:scale(.15) translate(-50%,-50%); | |
| -ms-transform:scale(.15) translate(-50%,-50%); | |
| transform:scale(.15) translate(-50%,-50%); | |
| opacity:0 | |
| } | |
| .tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle]{ | |
| background-color:#fff | |
| } | |
| .tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow]{ | |
| border-right:7px solid #fff; | |
| border-top:7px solid transparent; | |
| border-bottom:7px solid transparent | |
| } | |
| .tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small{ | |
| border-right:5px solid #fff; | |
| border-top:5px solid transparent; | |
| border-bottom:5px solid transparent | |
| } | |
| .tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big{ | |
| border-right:10px solid #fff; | |
| border-top:10px solid transparent; | |
| border-bottom:10px solid transparent | |
| } | |
| .tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle]{ | |
| background-color:rgba(0,0,0,.7) | |
| } | |
| .tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow]{ | |
| border-right:7px solid rgba(0,0,0,.7); | |
| border-top:7px solid transparent; | |
| border-bottom:7px solid transparent | |
| } | |
| .tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{ | |
| border-right:5px solid rgba(0,0,0,.7); | |
| border-top:5px solid transparent; | |
| border-bottom:5px solid transparent | |
| } | |
| .tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{ | |
| border-right:10px solid rgba(0,0,0,.7); | |
| border-top:10px solid transparent; | |
| border-bottom:10px solid transparent | |
| } | |
| .tippy-popper[x-placement^=right] [data-animation=perspective]{ | |
| -webkit-transform-origin:left; | |
| -ms-transform-origin:left; | |
| transform-origin:left | |
| } | |
| .tippy-popper[x-placement^=right] [data-animation=perspective].enter{ | |
| opacity:1; | |
| -webkit-transform:translateX(10px) rotateY(0); | |
| transform:translateX(10px) rotateY(0) | |
| } | |
| .tippy-popper[x-placement^=right] [data-animation=perspective].leave{ | |
| opacity:0; | |
| -webkit-transform:translateX(0) rotateY(90deg); | |
| transform:translateX(0) rotateY(90deg) | |
| } | |
| .tippy-popper[x-placement^=right] [data-animation=fade].enter{ | |
| opacity:1; | |
| -webkit-transform:translateX(10px); | |
| -ms-transform:translateX(10px); | |
| transform:translateX(10px) | |
| } | |
| .tippy-popper[x-placement^=right] [data-animation=fade].leave{ | |
| opacity:0; | |
| -webkit-transform:translateX(10px); | |
| -ms-transform:translateX(10px); | |
| transform:translateX(10px) | |
| } | |
| .tippy-popper[x-placement^=right] [data-animation=shift].enter{ | |
| opacity:1; | |
| -webkit-transform:translateX(10px); | |
| -ms-transform:translateX(10px); | |
| transform:translateX(10px) | |
| } | |
| .tippy-popper[x-placement^=right] [data-animation=shift].leave{ | |
| opacity:0; | |
| -webkit-transform:translateX(0); | |
| -ms-transform:translateX(0); | |
| transform:translateX(0) | |
| } | |
| .tippy-popper[x-placement^=right] [data-animation=scale].enter{ | |
| opacity:1; | |
| -webkit-transform:translateX(10px) scale(1); | |
| -ms-transform:translateX(10px) scale(1); | |
| transform:translateX(10px) scale(1) | |
| } | |
| .tippy-popper[x-placement^=right] [data-animation=scale].leave{ | |
| opacity:0; | |
| -webkit-transform:translateX(0) scale(0); | |
| -ms-transform:translateX(0) scale(0); | |
| transform:translateX(0) scale(0) | |
| } | |
| .tippy-popper .tippy-tooltip.transparent-theme{ | |
| background-color:rgba(0,0,0,.7) | |
| } | |
| .tippy-popper .tippy-tooltip.transparent-theme[data-animatefill]{ | |
| background-color:transparent | |
| } | |
| .tippy-popper .tippy-tooltip.light-theme{ | |
| color:#26323d; | |
| -webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.07),0 -2px 10px 0 rgba(0,0,0,.07); | |
| box-shadow:0 2px 10px 0 rgba(0,0,0,.07),0 -2px 10px 0 rgba(0,0,0,.07); | |
| background-color:#fff | |
| } | |
| .tippy-popper .tippy-tooltip.light-theme[data-animatefill]{ | |
| background-color:transparent | |
| } | |
| .tippy-tooltip{ | |
| -moz-osx-font-smoothing:grayscale; | |
| -webkit-font-smoothing:antialiased; | |
| background-color:#28336e; | |
| border-radius:4px; | |
| color:#fff; | |
| font-family:PT Serif,serif; | |
| font-size:.8rem; | |
| line-height:1.2em; | |
| padding:.5rem; | |
| position:relative; | |
| text-align:center; | |
| will-change:transform | |
| } | |
| .tippy-tooltip--small{ | |
| padding:.25rem .5rem; | |
| font-size:.8rem | |
| } | |
| .tippy-tooltip--big{ | |
| padding:.6rem 1.2rem; | |
| font-size:1.2rem | |
| } | |
| .tippy-tooltip[data-animatefill]{ | |
| overflow:hidden; | |
| background-color:transparent | |
| } | |
| .tippy-tooltip[data-interactive]{ | |
| pointer-events:auto | |
| } | |
| .tippy-tooltip[data-inertia]{ | |
| -webkit-transition-timing-function:cubic-bezier(.53,2,.36,.85); | |
| -o-transition-timing-function:cubic-bezier(.53,2,.36,.85); | |
| transition-timing-function:cubic-bezier(.53,2,.36,.85) | |
| } | |
| .tippy-tooltip [x-arrow]{ | |
| position:absolute; | |
| width:0; | |
| height:0 | |
| } | |
| .tippy-tooltip [x-circle]{ | |
| position:absolute; | |
| will-change:transform; | |
| background-color:#28336e; | |
| border-radius:50%; | |
| width:130%; | |
| width:calc(110% + 2rem); | |
| left:50%; | |
| top:50%; | |
| z-index:-1; | |
| overflow:hidden; | |
| -webkit-transition:all ease; | |
| -o-transition:all ease; | |
| transition:all ease | |
| } | |
| .tippy-tooltip [x-circle]:before{ | |
| content:""; | |
| padding-top:90%; | |
| float:left | |
| } | |
| @media (max-width:450px){ | |
| .tippy-popper{ | |
| max-width:96%; | |
| max-width:calc(100% - 20px) | |
| } | |
| } | |
| .ReactModal__Overlay{ | |
| background:hsla(0,0%,86%,.75); | |
| bottom:0; | |
| height:100%; | |
| left:0; | |
| overflow-y:auto; | |
| overflow-y:scroll; | |
| -webkit-overflow-scrolling:touch; | |
| position:fixed; | |
| right:0; | |
| top:0; | |
| width:100%; | |
| z-index:150 | |
| } | |
| .ReactModal__HeroOverlay{ | |
| background:#28336e | |
| } | |
| .ReactModal__Content{ | |
| background:none; | |
| border:none; | |
| outline:none | |
| } | |
| .ReactModal__Content:focus{ | |
| outline:none | |
| } | |
| /*# sourceMappingURL=main.e43823b6.css.map*/ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment