quickerNES/extern/phmap/css/colors.css

303 lines
3.9 KiB
CSS

/***
colors.css v2.0.0
http://clrs.cc
@mrmrs
MIT License
***/
/*
SKINS
- Backgrounds
- Colors
- Border colors
- SVG fills
- SVG Strokes
*/
/* Backgrounds */
.bg-navy {
background-color: #001F3F; }
.bg-blue {
background-color: #0074D9; }
.bg-aqua {
background-color: #7FDBFF; }
.bg-teal {
background-color: #39CCCC; }
.bg-olive {
background-color: #3D9970; }
.bg-green {
background-color: #2ECC40; }
.bg-lime {
background-color: #01FF70; }
.bg-yellow {
background-color: #FFDC00; }
.bg-orange {
background-color: #FF851B; }
.bg-red {
background-color: #FF4136; }
.bg-fuchsia {
background-color: #F012BE; }
.bg-purple {
background-color: #B10DC9; }
.bg-maroon {
background-color: #85144B; }
.bg-white {
background-color: #fff; }
.bg-gray {
background-color: #aaa; }
.bg-silver {
background-color: #ddd; }
.bg-black {
background-color: #111; }
/* Colors */
.navy {
color: #001F3F; }
.blue {
color: #0074D9; }
.aqua {
color: #7FDBFF; }
.teal {
color: #39CCCC; }
.olive {
color: #3D9970; }
.green {
color: #2ECC40; }
.lime {
color: #01FF70; }
.yellow {
color: #FFDC00; }
.orange {
color: #FF851B; }
.red {
color: #FF4136; }
.fuchsia {
color: #F012BE; }
.purple {
color: #B10DC9; }
.maroon {
color: #85144B; }
.white {
color: #fff; }
.silver {
color: #ddd; }
.gray {
color: #aaa; }
.black {
color: #111; }
/* Border colors
Use with another border utility that sets border-width and style
i.e .border { border-width: 1px; border-style: solid; }
*/
.border--navy {
border-color: #001F3F; }
.border--blue {
border-color: #0074D9; }
.border--aqua {
border-color: #7FDBFF; }
.border--teal {
border-color: #39CCCC; }
.border--olive {
border-color: #3D9970; }
.border--green {
border-color: #2ECC40; }
.border--lime {
border-color: #01FF70; }
.border--yellow {
border-color: #FFDC00; }
.border--orange {
border-color: #FF851B; }
.border--red {
border-color: #FF4136; }
.border--fuchsia {
border-color: #F012BE; }
.border--purple {
border-color: #B10DC9; }
.border--maroon {
border-color: #85144B; }
.border--white {
border-color: #fff; }
.border--gray {
border-color: #aaa; }
.border--silver {
border-color: #ddd; }
.border--black {
border-color: #111; }
/* Fills for SVG */
.fill-navy {
fill: #001F3F; }
.fill-blue {
fill: #0074D9; }
.fill-aqua {
fill: #7FDBFF; }
.fill-teal {
fill: #39CCCC; }
.fill-olive {
fill: #3D9970; }
.fill-green {
fill: #2ECC40; }
.fill-lime {
fill: #01FF70; }
.fill-yellow {
fill: #FFDC00; }
.fill-orange {
fill: #FF851B; }
.fill-red {
fill: #FF4136; }
.fill-fuchsia {
fill: #F012BE; }
.fill-purple {
fill: #B10DC9; }
.fill-maroon {
fill: #85144B; }
.fill-white {
fill: #fff; }
.fill-gray {
fill: #aaa; }
.fill-silver {
fill: #ddd; }
.fill-black {
fill: #111; }
/* Strokes for SVG */
.stroke-navy {
stroke: #001F3F; }
.stroke-blue {
stroke: #0074D9; }
.stroke-aqua {
stroke: #7FDBFF; }
.stroke-teal {
stroke: #39CCCC; }
.stroke-olive {
stroke: #3D9970; }
.stroke-green {
stroke: #2ECC40; }
.stroke-lime {
stroke: #01FF70; }
.stroke-yellow {
stroke: #FFDC00; }
.stroke-orange {
stroke: #FF851B; }
.stroke-red {
stroke: #FF4136; }
.stroke-fuchsia {
stroke: #F012BE; }
.stroke-purple {
stroke: #B10DC9; }
.stroke-maroon {
stroke: #85144B; }
.stroke-white {
stroke: #fff; }
.stroke-gray {
stroke: #aaa; }
.stroke-silver {
stroke: #ddd; }
.stroke-black {
stroke: #111; }
/* PRETTIER LINKS */
a {
text-decoration: none;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out; }
a:link {
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out; }
a:visited { }
a:hover {
color: #001F3F;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out; }
a:active {
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out; }