Skip to content

Instantly share code, notes, and snippets.

@idelem

idelem/index.html

Last active August 23, 2018 11:45
Show Gist options
  • Save idelem/77cd9dac664cb69ffb9a69fe53617bb6 to your computer and use it in GitHub Desktop.
Save idelem/77cd9dac664cb69ffb9a69fe53617bb6 to your computer and use it in GitHub Desktop.
Download ZIP
nord palette
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style media="screen">
body {
height: auto;
font-size: 12px;
}
.row {
margin: 10px auto;
}
.block {
position: relative;
display: inline-block;
width:90px;
height:90px;
}
textarea {
position: absolute;
resize: none;
top: 30px;
left: 0.5em;
border: none;
background: none;
}
.dark span textarea {
color: #d8dee9 !important;
}
.light span textarea {
color: #2e3440 !important;
}
</style>
</head>
<body>
<div class="row dark">
<span style="background-color:#2e3440;" class="block">
<textarea name="name" rows="1" cols="7" readonly>#2e3440</textarea>
</span>
<span style="background-color:#3b4252;" class="block">
<textarea name="name" rows="1" cols="7" readonly>#3b4252</textarea>
</span>
<span style="background-color:#434c5e;" class="block">
<textarea name="name" rows="1" cols="7" readonly>#434c5e</textarea>
</span>
<span style="background-color:#4c566a;" class="block">
<textarea name="name" rows="1" cols="7" readonly>#4c566a</textarea>
</span>
</div>
<div class="row light">
<span style="background-color:#d8dee9;" class="block">
<textarea name="name" rows="1" cols="7" readonly>#d8dee9</textarea>
</span>
<span style="background-color:#e5e9f0;" class="block">
<textarea name="name" rows="1" cols="7" readonly>#e5e9f0</textarea>
</span>
<span style="background-color:#eceff4;" class="block">
<textarea name="name" rows="1" cols="7" readonly>#eceff4</textarea>
</span>
</div>
<div class="row light">
<span style="background-color:#8fbcbb;" class="block">
<textarea name="name" rows="1" cols="7" readonly>#8fbcbb</textarea>
</span>
<span style="background-color:#88c0d0;" class="block">
<textarea name="name" rows="1" cols="7" readonly>#88c0d0</textarea>
</span>
<span style="background-color:#81a1c1;" class="block">
<textarea name="name" rows="1" cols="7" readonly>#81a1c1</textarea>
</span>
<span style="background-color:#5e81ac;" class="block">
<textarea name="name" rows="1" cols="7" readonly>#5e81ac</textarea>
</span>
</div>
<div class="row light">
<span style="background-color:#bf616a;" class="block">
<textarea name="name" rows="1" cols="7" readonly>#bf616a</textarea>
</span>
<span style="background-color:#d08770;" class="block">
<textarea name="name" rows="1" cols="7" readonly>#d08770</textarea>
</span>
<span style="background-color:#ebcb8b;" class="block">
<textarea name="name" rows="1" cols="7" readonly>#ebcb8b</textarea>
</span>
<span style="background-color:#a3be8c;" class="block">
<textarea name="name" rows="1" cols="7" readonly>#a3be8c</textarea>
</span>
<span style="background-color:#b48ead;" class="block">
<textarea name="name" rows="1" cols="7" readonly>#b48ead</textarea>
</span>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment