This commit is contained in:
@@ -51,3 +51,71 @@ body {
|
||||
background-color: #555;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/*
|
||||
* Tooltip magic.
|
||||
*/
|
||||
.tooltip {
|
||||
position: relative;
|
||||
border-bottom: 0.5px dotted; /* If you want dots under the hoverable text */
|
||||
|
||||
span {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
> .tooltip-content {
|
||||
visibility: hidden;
|
||||
width: 400px;
|
||||
text-align: left;
|
||||
padding: 0.25em 1ch;
|
||||
|
||||
position: absolute;
|
||||
z-index: 11000;
|
||||
pointer-events: none;
|
||||
|
||||
top: 0;
|
||||
left: 105%;
|
||||
|
||||
border: 1px solid;
|
||||
|
||||
> h1 {
|
||||
font-size: 1.5em;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
border: none;
|
||||
}
|
||||
|
||||
> h2 {
|
||||
font-size: 1em;
|
||||
margin: 0;
|
||||
margin-bottom: 0.15em;
|
||||
margin-top: -0.25em;
|
||||
font-weight: 200;
|
||||
opacity: 0.5;
|
||||
text-align: center;
|
||||
border: none;
|
||||
}
|
||||
|
||||
p:last-of-type {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.no-tooltip {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tooltip:hover {
|
||||
> .tooltip-content {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1200px) {
|
||||
.tooltip {
|
||||
> .tooltip-content {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -92,7 +92,7 @@ body.theme-data {
|
||||
}
|
||||
|
||||
|
||||
div.markdown-content .orange, body.theme-logs div.markdown-content blockquote, body.theme-logs div.markdown-content table, body.theme-logs div.markdown-content pre {
|
||||
div.markdown-content .orange, body.theme-logs .color-blockquote, body.theme-logs div.markdown-content blockquote, body.theme-logs div.markdown-content table, body.theme-logs div.markdown-content pre {
|
||||
background-color: rgba(221, 170, 17, 0.125);
|
||||
color: #DA1;
|
||||
|
||||
@@ -100,7 +100,7 @@ div.markdown-content .orange, body.theme-logs div.markdown-content blockquote, b
|
||||
color: #DA1;
|
||||
}
|
||||
}
|
||||
div.markdown-content .blue, body.theme-story div.markdown-content blockquote, body.theme-story div.markdown-content table, body.theme-story div.markdown-content pre {
|
||||
div.markdown-content .blue, body.theme-story .color-blockquote, body.theme-story div.markdown-content blockquote, body.theme-story div.markdown-content table, body.theme-story div.markdown-content pre {
|
||||
background-color: rgba(34, 187, 255, 0.125);
|
||||
color: #4BF;
|
||||
|
||||
@@ -108,7 +108,7 @@ div.markdown-content .blue, body.theme-story div.markdown-content blockquote, bo
|
||||
color: #4BF; //
|
||||
}
|
||||
}
|
||||
div.markdown-content .green, body.theme-mapp div.markdown-content blockquote, body.theme-mapp div.markdown-content table, body.theme-mapp div.markdown-content pre {
|
||||
div.markdown-content .green, body.theme-mapp .color-blockquote, body.theme-mapp div.markdown-content blockquote, body.theme-mapp div.markdown-content table, body.theme-mapp div.markdown-content pre {
|
||||
background-color: rgba(17,255,136, 0.125);
|
||||
color: #1F8;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user