Skip to content

Instantly share code, notes, and snippets.

@thedeerchild
Created October 15, 2012 15:32
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save thedeerchild/3893117 to your computer and use it in GitHub Desktop.
Save thedeerchild/3893117 to your computer and use it in GitHub Desktop.
Overwrites default coloring in Zurb Foundation to make buttons, links, nav-bars and pill tabs Cornell Red (Carnelian).
a, a:visited {
color: #b31b1b;
text-decoration: none;
}
a:hover {
color: #871414;
text-decoration: none;
}
.button {
background: #b31b1b;
border: 1px solid #691010;
color: #fff;
}
a.button, a.button:hover {
color: #fff;
}
.button:hover {
background-color: #871414;
}
.button:focus {
-webkit-box-shadow: 0 0 4px #b31b1b, 0 1px 0 rgba(255,255,255,0.5) inset;
-moz-box-shadow: 0 0 4px #b31b1b, 0 1px 0 rgba(255,255,255,0.5) inset;
box-shadow: 0 0 4px #b31b1b, 0 1px 0 rgba(255,255,255,0.5) inset;
}
.nav-bar {
background: #b31b1b;
}
.nav-bar > li {
border: 1px solid #871414;
}
.nav-bar > li:last-child {
border-right: solid 1px #871414;
}
.nav-bar > li.active {
background: #4c0b0b;
border-color: #4c0b0b;
}
.nav-bar > li.active:hover {
background: #4c0b0b;
}
.nav-bar > li:hover {
background: #871414;
}
.nav-bar a {
color: #f2f2f2;
}
ul.side-nav li.divider {
border-top: 1px solid #ddd;
}
dl.tabs.pill dd a {
background: #ddd;
color: #000;
}
dl.tabs.pill dd.active a {
background-color: #b31b1b;
color: #e6e6e6;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment