fur-colors
Version:
Colors for fur.
153 lines (130 loc) • 2.28 kB
CSS
body {
color: #444;
font-family: sans-serif;
padding: 40px 0 0;
margin: 0;
font-weight: 100;
}
header {
position: fixed;
left: 0;
top: 0;
width: 100%;
box-sizing: border-box;
background: rgba(250, 250, 250, 0.9);
border-bottom: 1px solid #EEE;
padding: 8px;
z-index: 200;
}
header h1 {
margin: 0;
color: #AAA;
font-size: 1.25em;
display: inline-block;
font-weight: 100;
}
a {
text-decoration: none;
color: rgb(88, 167, 170);
}
a:hover {
text-decoration: underline;
}
.container {
max-width: 1080px;
margin: 0 auto;
}
table {
border-collapse: collapse;
width: 100%;
}
td, th {
padding: 5px 10px;
border: 1px solid #EEE;
}
thead {
color: #999;
}
thead th {
border-top: none;
}
th:first-child,
td:first-child {
border-left: none;
}
th:last-child,
td:last-child {
border-right: none;
}
tbody tr:last-child th,
tbody tr:last-child td {
border-bottom: none;
}
.text-center {
text-align: center;
}
tbody th {
font-weight: 100;
font-size: 3em;
color: #555;
}
#jump-to-top-btn {
position: fixed;
right: 0;
bottom: 0;
padding: 4px 8px;
text-align: center;
display: inline-block;
color: #AAA;
background-color: rgba(255, 255, 255, .5);
font-size: 0.75em;
}
#jump-to-top-btn:hover {
color: #555;
text-decoration: none;
background-color: rgba(255, 255, 255, .9);
}
footer {
padding: 10px 4px;
border-top: 1px solid #F5F5F5;
margin: 40px 10px 0;
color: #999;
}
footer nav {
display: inline-block;
font-size: 0.75em;
margin: 0 20px;
}
footer .nav-item {
display: inline-block;
margin: 0 10px;
}
.footer-logo {
height: 24px;
vertical-align: middle;
position: relative;
display: inline-block;
margin: 0 4px;
}
.color-row {
padding: 2px 0;
}
.color-sample {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 2px;
margin: 0 2px;
border: 1px solid #505050;
vertical-align: middle;
line-height: 18px;
padding: 0;
float: left;
}
.color-value {
font-size: 16px;
line-height: 18px;
vertical-align: middle;
padding-left: 2px;
display: inline-block;
}