Tachyons

skins

skins

.black { color: #111 }
.dark-gray { color: #333 }
.mid-gray { color: #555 }
.gray { color: #777 }
.silver { color: #999 }
.light-silver { color: #aaa }
.light-gray { color: #eee }
.near-white { color: #f4f4f4 }
.white { color: #fff }
.blue { color: #0074D9 }
.light-blue { color: #64a8ff }
.lightest-blue { color: #a2dfff }
.dark-blue { color: #0045a1 }
.darkest-blue { color: #002f86 }
.yellow { color: #fff93c }
.light-yellow { color: #fffa60 }
.lightest-yellow { color: #fffca6 }
.dark-yellow { color: #e2c100 }
.darkest-yellow { color: #c4a600 }
.orange { color: #FF851B }
.light-orange { color: #ffa942 }
.lightest-orange { color: #ffc55d }
.dark-orange { color: #d05e00 }
.darkest-orange { color: #b14400 }
.red { color: #d82c2c }
.light-red { color: #f94f44 }
.lightest-red { color: #ff6c5c }
.dark-red { color: #bd001a }
.darkest-red { color: #9d0003 }
.teal { color: #27bfa8 }
.light-teal { color: #4eddc5 }
.lightest-teal { color: #6ffae0 }
.dark-teal { color: #25a28f }
.darkest-teal { color: #008876 }
.green { color: #3D9970 }
.light-green { color: #5ab48a }
.lightest-green { color: #75d0a4 }
.dark-green { color: #1e7f58 }
.darkest-green { color: #006540 }
.pink { color: #F012BE }
.light-pink { color: #ff57e8 }
.lightest-pink { color: #ff81ff }
.dark-pink { color: #d100a3 }
.darkest-pink { color: #b20088 }
.purple { color: #980bc6 }
.light-purple { color: #b536e2 }
.lightest-purple { color: #d355ff }
.dark-purple { color: #7b00a9 }
.darkest-purple { color: #5f008e }
.bg-black { background-color: #111 }
.bg-dark-gray { background-color: #333 }
.bg-mid-gray { background-color: #555 }
.bg-gray { background-color: #777 }
.bg-silver { background-color: #999 }
.bg-light-silver { background-color: #aaa }
.bg-light-gray { background-color: #eee }
.bg-near-white { background-color: #f4f4f4 }
.bg-white { background-color: #fff }
.bg-blue { background-color: #0074D9 }
.bg-light-blue { background-color: #64a8ff }
.bg-lightest-blue { background-color: #a2dfff }
.bg-dark-blue { background-color: #0045a1 }
.bg-darkest-blue { background-color: #002f86 }
.bg-yellow { background-color: #fff93c }
.bg-light-yellow { background-color: #fffa60 }
.bg-lightest-yellow { background-color: #fffca6 }
.bg-dark-yellow { background-color: #e2c100 }
.bg-darkest-yellow { background-color: #c4a600 }
.bg-orange { background-color: #FF851B }
.bg-light-orange { background-color: #ffa942 }
.bg-lightest-orange { background-color: #ffc55d }
.bg-dark-orange { background-color: #d05e00 }
.bg-darkest-orange { background-color: #b14400 }
.bg-red { background-color: #d82c2c }
.bg-light-red { background-color: #f94f44 }
.bg-lightest-red { background-color: #ff6c5c }
.bg-dark-red { background-color: #bd001a }
.bg-darkest-red { background-color: #9d0003 }
.bg-teal { background-color: #27bfa8 }
.bg-light-teal { background-color: #4eddc5 }
.bg-lightest-teal { background-color: #6ffae0 }
.bg-dark-teal { background-color: #25a28f }
.bg-darkest-teal { background-color: #008876 }
.bg-green { background-color: #3D9970 }
.bg-light-green { background-color: #5ab48a }
.bg-lightest-green { background-color: #75d0a4 }
.bg-dark-green { background-color: #1e7f58 }
.bg-darkest-green { background-color: #006540 }
.bg-pink { background-color: #F012BE }
.bg-light-pink { background-color: #ff57e8 }
.bg-lightest-pink { background-color: #ff81ff }
.bg-dark-pink { background-color: #d100a3 }
.bg-darkest-pink { background-color: #b20088 }
.bg-purple { background-color: #980bc6 }
.bg-light-purple { background-color: #b536e2 }
.bg-lightest-purple { background-color: #d355ff }
.bg-dark-purple { background-color: #7b00a9 }
.bg-darkest-purple { background-color: #5f008e }
.dim { opacity: 1; transition: opacity 0.15s ease-in-out }
.dim:hover { opacity: 0.6; transition: opacity 0.15s ease-in }
.dim:active, .dim:focus { opacity: 0.8; transition: opacity 0.15s ease-out }