Added Lynx styles, thanks Jay

This commit is contained in:
gr0kchain
2022-06-17 13:57:59 +02:00
parent cc01b3772a
commit faa19930f2
3 changed files with 105 additions and 0 deletions

View File

@@ -3,6 +3,8 @@
<head> <head>
<title>Bitcoin And Lightning Layer Specifications</title> <title>Bitcoin And Lightning Layer Specifications</title>
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<link rel='stylesheet' type='text/css' href='lynx.css'>
<script type='text/javascript' src='lynx.js'></script>
</head> </head>
<body> <body>
<h1>Bitcoin And Lightning Layer Specifications</h1> <h1>Bitcoin And Lightning Layer Specifications</h1>

95
lynx.css Normal file
View File

@@ -0,0 +1,95 @@
html, body{
position:relative;
font-family: monaco, monospace;
color:#c7c7c7;
}
html{
background:#000;
}
body{
background:#000;
margin:2px 4px;
padding:.5em 2em;
}
body::before{
content:'<<<';
background:#ccc;
position:absolute;
top:0;
left:0;
color:#000;
}
h1{
text-align:center;
margin:1em 0;
}
h1 span{
background:blue;
color:#8C7612;
font-weight:normal;
font-size:1rem;
position:relative;
text-align:center;
}
h1, h2, h3, h4, h5, h6{
font-weight:normal;
font-size:1rem;
margin:1rem 0;
}
h3{
margin-left:1em;
}
strong{
color:#FF6E67;
}
em, blockquote{
color:#6971FF;
font-style:normal;
}
ul, ol, title{
color:#CA30C7;
}
ul{
list-style-type:none;
}
ul li:before{
content:'* '
}
ul ul {
padding-left: 4.25em;
}
p{
margin:1em 2em;
}
a{
color:#00C300;
text-decoration:none;
}
a:hover, a:focus{
color:#8C7612;
}
ol{
margin-left:1.5em;
}
blockquote{
margin-left:1em;
}
code, pre{
font:inherit;
color: #00A5A7;
}
hr{
border:none;
background-image: linear-gradient(to right, #8C7612 95%, rgba(255, 255, 255, 0) 5%);
background-position: top;
height:1px;
background-size: 8px 1px;
background-repeat: repeat-x;
}
title{
display:block;
text-align:right;
}
th{
color: #C7C500;
}

8
lynx.js Normal file
View File

@@ -0,0 +1,8 @@
addEventListener("load", function(){
Array.prototype.forEach.call(document.querySelectorAll("h1"), function(h1){
h1.innerHTML = "<span>" + h1.innerHTML + "</span>"
})
var title = document.createElement("title")
title.innerHTML = document.title
document.body.insertBefore(title, document.body.firstChild)
})