This repository has been archived on 2023-09-23. You can view files and clone it, but cannot push or open issues or pull requests.
newtabber/template/header.html

74 lines
1.4 KiB
HTML

<!doctype html>
<html lang='en'>
<head>
<title>New Tab</title>
<meta charset='utf-8'>
<style>
html, body, main, section, ul, li, a, span, form, input {
border: none;
margin: 0;
padding: 0;
outline: none;
}
ul {
list-style-type: none;
overflow: auto;
}
li {
float: left;
margin: 5px 10px;
text-align: center;
}
li a {
text-decoration: none;
color: #313244;
transition-property: color;
transition-duration: 500ms;
}
li a:hover {
color: #a6e3a1;
}
li a.placeholder:hover {
color: #313244;
cursor: default;
}
li a span {
display: none;
}
li a svg {
height: 64px;
width: 64px;
}
body {
background-color: #11111b;
}
#container {
position: fixed;
display: block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
input {
width: 100%;
background-color: #11111b;
border: 1px solid #313244;
border-radius: 5px;
line-height: 32px;
font-family: monospace;
font-size: 20px;
color: #a6e3a1;
margin-top: 20px;
text-align: center;
}
::-moz-placeholder {
color: #313244;
opacity: 1;
}
</style>
</head>
<body>
<main id='container'>
<section>
<ul>