styles/styles.css (143 lines of code) (raw):
.article h1 .anchor-link,
.article h2 .anchor-link,
.article h3 .anchor-link {
position: relative;
display: inline-block;
top: 1px;
padding: 5px 8px 0;
text-decoration: none;
}
.article h1 .anchor-link:after,
.article h2 .anchor-link:after,
.article h3 .anchor-link:after {
position: absolute;
display: none;
bottom: 50%;
margin-top: -8px;
opacity: 0.5;
width: 16px;
height: 16px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACxQAAAsUBidZ/7wAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEqSURBVDiNjdM9S1xRFIXhB8QoihZ+DRoJjlPYWAy2qQSbBFv/gOlT2CuKf0BSphe0EAVBBAvRJlYxghrRQqNgFXEQK5tr4Wa4XO44t9jNXme9h732OZIk0azQigVc4wFr+JQkiSLmduwiyVQNlSKA72G4xzTK2IneZhHAGH6ikupVAvC/KaAB9HMAbhodmMUv3GEdgymtB8cB+JE1dmAjJ7Ct0HtT5nN0pc2d2K/PxgxGsIxJ9OEk9DOU6msM80GItxFSFd9ijV9xEfopBlIX+4DDEP9hNITt6D2nRvmN/szYFuuJUk4J4/gT2hNW0JYTuMs49KXBRkpoeWelagEYypjmMVzgTdgLwCo+Ygp/ozdXBDCBl5zdH6G7KSAoVW8/7hFXWMoLLK9eAaRNvta9bjm9AAAAAElFTkSuQmCC937405abf7d2fa1cd5d9079c2e5160ac");
background-repeat: no-repeat;
content: "";
}
.page-link-to-github {
position: relative;
z-index: 1;
display: inline-block;
border: 1px solid #b5b5b5;
border-radius: 5px;
color: #828282;
font-size: 12px;
padding: 4px 10px;
text-decoration: none;
line-height: 20px;
}
.page-link-to-github:hover {
color: #333333;
border-color: #333333;
text-decoration: none;
}
.page-link-to-github:visited {
color: #828282;
}
.page-link-to-github:visited:hover {
color: #333333;
}
.page-link-to-github .github-icon {
position: absolute;
display: inline-block;
width: 20px;
height: 20px;
background-image: url("main-sprite.png");
background-repeat: no-repeat;
background-position: -50px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.page-link-to-github .github-icon {
background-image: url("main-sprite@2x.png");
background-size: 150px auto;
}
}
.page-link-to-github:hover .github-icon {
background-position: 0 0;
}
.page-link-to-github .text {
padding-left: 27px;
}
@-webkit-keyframes header-highlighting {
0% {
background-color: #FFFFCC;
}
100% {
background-color: #fff;
}
}
@-moz-keyframes header-highlighting {
0% {
background-color: #FFFFCC;
}
100% {
background-color: #fff;
}
}
@-o-keyframes header-highlighting {
0% {
background-color: #FFFFCC;
}
100% {
background-color: #fff;
}
}
@keyframes header-highlighting {
0% {
background-color: #FFFFCC;
}
100% {
background-color: #fff;
}
}
.article h1:hover .anchor-link:after,
.article h2:hover .anchor-link:after,
.article h3:hover .anchor-link:after {
display: block;
opacity: 1;
}
.article .elem-anchor:target + h1,
.article .elem-anchor:target + h2,
.article .elem-anchor:target + h3 {
-webkit-animation: header-highlighting 1.5s;
-moz-animation: header-highlighting 1.5s;
-o-animation: header-highlighting 1.5s;
animation: header-highlighting 1.5s;
}
.article .page-link-to-github {
float: right;
top: 4px;
}
.article img {
max-width: 100%;
}
.article pre {
margin-bottom: 20px !important;
}
.article .code-block__wrapper {
font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
line-height: normal;
}
.article .hll {
display: block;
margin-left: -10px;
margin-right: -10px;
padding-left: 10px;
padding-right: 10px;
background-color: #FFFFCC;
}
.article table {
width: 100%;
}
.article hr {
border-color: #e0e2e3;
border-style: solid;
border-width: 1px 0px 0px 0px;
}