49 lines
2.0 KiB
CSS
49 lines
2.0 KiB
CSS
|
/* ========
|
||
|
|
| New tooltip
|
||
|
|
|= ======== */
|
||
|
|
|
||
|
|
.newToolTip { position: fixed; display: none !important; min-width: 300px !important; max-width: 600px;
|
||
|
|
background: #212121 !important; color: #FFF; text-align: left; font-size: .95rem;
|
||
|
|
border-radius: .2em; box-shadow: 1px 1px 4px #646464; z-index: 3000; white-space: initial !important; }
|
||
|
|
#newToolTipMain:before { content: attr(data-title); display: block; padding: .5em 1em; max-width: 598px;
|
||
|
|
background: #212121; color: #BDBDBD; font-weight: bold;
|
||
|
|
box-shadow: 0px 4px 2px -2px #646464; }
|
||
|
|
#newToolTipMain > * { padding: .5rem 1rem !important; }
|
||
|
|
#newToolTipMain > table td { padding: .5rem 1em; vertical-align: top; }
|
||
|
|
@media screen and (min-width:75em) {
|
||
|
|
#newToolTipMain.visible { display: block !important; }
|
||
|
|
}
|
||
|
|
|
||
|
|
#newToolTipMain img { max-width: 200px; max-height: 300px; }
|
||
|
|
|
||
|
|
dl#newToolTipMain dt { padding-bottom: 0; font-weight: bold; }
|
||
|
|
dl#newToolTipMain dd { margin: -1em 0 0 0; padding: 0 0 0 0; }
|
||
|
|
|
||
|
|
.newToolTipMain p + .toolTipHierarchy { padding-bottom: 0 !important; }
|
||
|
|
#newToolTipMain > h5 { padding: 0 1rem !important; margin: -.5rem 0 !important; }
|
||
|
|
.toolTipHierarchy { margin: 0; padding: 0; border-top: 1px solid #424242; list-style: none; }
|
||
|
|
.toolTipHierarchy ul { margin: 0; padding: .2em 0 .2em 0; list-style: none; }
|
||
|
|
.toolTipHierarchy ul ul { padding: .1em 0 .1em 1.2em; }
|
||
|
|
.toolTipHierarchy ul > li:before { content: " \002514 "; display: inline-block; padding-right: .4em; }
|
||
|
|
|
||
|
|
.copyToDialogue { cursor: pointer; }
|
||
|
|
|
||
|
|
/* ========
|
||
|
|
| Animations
|
||
|
|
|= ======== */
|
||
|
|
|
||
|
|
@keyframes pulseBorderSize {
|
||
|
|
0% { border-width: 1em; }
|
||
|
|
50% { border-width: 1.2em; }
|
||
|
|
100% { border-width: 1em; }
|
||
|
|
}
|
||
|
|
@keyframes fade-in-and-vanish {
|
||
|
|
0% { opacity: 0; z-index: 1000; }
|
||
|
|
5% { opacity: .4; }
|
||
|
|
15% { opacity: 1; padding: .8em; }
|
||
|
|
75% { opacity: 1; padding: .8em; }
|
||
|
|
85% { opacity: .4; transform: translateY(0px);}
|
||
|
|
99% { opacity: 0; transform: translateY(-30px);}
|
||
|
|
100% { opacity: 0; z-index: 0; }
|
||
|
|
}
|