use CSS for line numbers rather than tables

This commit is contained in:
Matthew Connelly 2015-04-18 19:48:05 +01:00
parent ec4b723e68
commit e921575138
1 changed files with 19 additions and 17 deletions

View File

@ -26,33 +26,35 @@ a, a:hover, a:visited, a:focus {
text-decoration: none; text-decoration: none;
color: #ccf; color: #ccf;
} }
.highlighttable { .highlight {
font-size: 12px; font-size: 12px;
line-height: 14px; line-height: 14px;
width: 100%; width: 100%;
border-spacing: 0;
} }
td { pre {
border: 2px solid #335e69; counter-reset: line-numbering;
padding: 2px 0; white-space: pre-wrap;
} }
td.code { pre a::before {
width: 100%; background-color: #335e69;
border-right: none; content: counter(line-numbering);
border-left: 1px solid #335e69; counter-increment: line-numbering;
}
td.linenos {
border-left: none;
border-right: 1px solid #335e69;
}
td.linenos > .linenodiv > pre > a {
display: inline-block; display: inline-block;
padding-top: 2px; margin-right: 8px;
min-width: 30px;
padding: 1px;
padding-bottom: none;
text-align: right;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} }
.highlight > pre > span { .highlight > pre > span {
display: block; display: block;
width: 100%; width: 100%;
padding-top: 2px;
} }
.highlight > pre > span:hover { .highlight > pre > span:hover {
background-color: #113c47; background-color: #113c47;