newtabber/template/header.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;
    }
    html, body {
      height: 100%;
    }
    body {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    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;
    }
    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;
    }
    input::placeholder {
      color: #313244;
      opacity: 1;
    }
    </style>
  </head>
  <body>
    <main>
      <section>
        <ul>
initial commit 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;`
			`}`
better stylings 2022-11-25 09:16:38 -06:00			`html, body {`
			`height: 100%;`
			`}`
			`body {`
			`display: flex;`
			`align-items: center;`
			`justify-content: center;`
			`}`
initial commit 2022-11-23 12:00:14 -06:00			`ul {`
			`list-style-type: none;`
			`overflow: auto;`
			`}`
			`li {`
			`float: left;`
			`margin: 5px 10px;`
			`text-align: center;`
			`}`
			`li a {`
			`text-decoration: none;`
			`color: #313244;`
styling update 2022-11-23 12:17:13 -06:00			`transition-property: color;`
			`transition-duration: 500ms;`
			`}`
			`li a:hover {`
			`color: #a6e3a1;`
initial commit 2022-11-23 12:00:14 -06:00			`}`
added placeholders 2022-11-23 13:37:23 -06:00			`li a.placeholder:hover {`
			`color: #313244;`
			`cursor: default;`
			`}`
initial commit 2022-11-23 12:00:14 -06:00			`li a span {`
			`display: none;`
			`}`
			`li a svg {`
			`height: 64px;`
			`width: 64px;`
			`}`
			`body {`
			`background-color: #11111b;`
			`}`
			`input {`
			`width: 100%;`
			`background-color: #11111b;`
			`border: 1px solid #313244;`
			`border-radius: 5px;`
			`line-height: 32px;`
			`font-family: monospace;`
			`font-size: 20px;`
styling update 2022-11-23 12:17:13 -06:00			`color: #a6e3a1;`
initial commit 2022-11-23 12:00:14 -06:00			`margin-top: 20px;`
			`text-align: center;`
			`}`
better stylings 2022-11-25 09:16:38 -06:00			`input::placeholder {`
styling update 2022-11-23 12:17:13 -06:00			`color: #313244;`
			`opacity: 1;`
			`}`
initial commit 2022-11-23 12:00:14 -06:00			`</style>`
			`</head>`
			`<body>`
better stylings 2022-11-25 09:16:38 -06:00			`<main>`
initial commit 2022-11-23 12:00:14 -06:00			`<section>`
			`<ul>`