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

70 lines
1.3 KiB
HTML
Raw Normal View History

2022-11-23 12:00:14 -06:00
<!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;
2022-11-23 12:17:13 -06:00
transition-property: color;
transition-duration: 500ms;
}
li a:hover {
color: #a6e3a1;
2022-11-23 12:00:14 -06:00
}
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;
2022-11-23 12:17:13 -06:00
color: #a6e3a1;
2022-11-23 12:00:14 -06:00
margin-top: 20px;
text-align: center;
}
2022-11-23 12:17:13 -06:00
::-moz-placeholder {
color: #313244;
opacity: 1;
}
2022-11-23 12:00:14 -06:00
</style>
</head>
<body>
<main id='container'>
<section>
<ul>