Skip to content

Instantly share code, notes, and snippets.

@liquidvisual
Created December 16, 2015 12:47
Show Gist options
  • Save liquidvisual/cb87015f1dd66dd26de7 to your computer and use it in GitHub Desktop.
Save liquidvisual/cb87015f1dd66dd26de7 to your computer and use it in GitHub Desktop.
Unminified Theme CSS (Un-sassified)
@media (min-width:1350px) {
.btn-document a:hover:after,
.document-link a:hover:after {
color: #fff
}
}
@media (min-width:1350px) {
.btn-document .card-anchor:hover a,
.card-anchor:hover .btn,
.card-anchor:hover .btn-document a,
.card-anchor:hover .document-link a,
.document-link .card-anchor:hover a {
background: #c24c1b;
border-color: #c24c1b
}
.btn-document .card-anchor:hover a i,
.card-anchor:hover .btn i,
.card-anchor:hover .btn-document a i,
.card-anchor:hover .document-link a i,
.document-link .card-anchor:hover a i {
color: #fff
}
}
.global-navigation .theme-1 .top-parent-anchor {
background: #5D784B
}
.global-navigation .theme-1 .top-parent-anchor:hover {
background: #75975f
}
.global-navigation .theme-1 .dropdown a:hover {
background: #516841
}
.global-navigation .theme-1 .dropdown,
.global-navigation .theme-1.has-dropdown:hover>.top-parent-anchor {
background: #75975f
}
.btn-document .theme-2 a,
.document-link .theme-2 a,
.theme-2 .btn-document a,
.theme-2 .btn-primary,
.theme-2 .document-link a {
background: #4B623B;
border-color: #4B623B
}
.theme-2 .stage a:not(.btn) {
color: #4B623B
}
.theme-2 .stage a:not(.btn):hover {
color: #334228
}
@media (min-width:1350px) {
.btn-document .theme-2 .card-anchor:hover a,
.btn-document .theme-2 a:hover,
.document-link .theme-2 .card-anchor:hover a,
.document-link .theme-2 a:hover,
.theme-2 .btn-document a:hover,
.theme-2 .btn:hover,
.theme-2 .card-anchor:hover .btn,
.theme-2 .card-anchor:hover .btn-document a,
.theme-2 .card-anchor:hover .document-link a,
.theme-2 .document-link a:hover {
background: #334228;
border-color: #334228
}
.btn-document .theme-2 .card-anchor:hover a i,
.btn-document .theme-2 a:hover i,
.document-link .theme-2 .card-anchor:hover a i,
.document-link .theme-2 a:hover i,
.theme-2 .btn-document a:hover i,
.theme-2 .btn:hover i,
.theme-2 .card-anchor:hover .btn i,
.theme-2 .card-anchor:hover .btn-document a i,
.theme-2 .card-anchor:hover .document-link a i,
.theme-2 .document-link a:hover i {
color: #fff
}
}
.theme-2 .global-navigation {
border-color: #4B623B
}
.global-navigation .theme-2 .top-parent-anchor {
background: #4B623B
}
.global-navigation .theme-2 .top-parent-anchor:hover {
background: #63824e
}
.global-navigation .theme-2 .dropdown a:hover {
background: #3f5231
}
.global-navigation .theme-2 .dropdown,
.global-navigation .theme-2.has-dropdown:hover>.top-parent-anchor {
background: #63824e
}
.btn-document .theme-3 a,
.document-link .theme-3 a,
.theme-3 .btn-document a,
.theme-3 .btn-primary,
.theme-3 .document-link a {
background: #1D5276;
border-color: #1D5276
}
.theme-3 .stage a:not(.btn) {
color: #1D5276
}
.theme-3 .stage a:not(.btn):hover {
color: #13364d
}
@media (min-width:1350px) {
.btn-document .theme-3 .card-anchor:hover a,
.btn-document .theme-3 a:hover,
.document-link .theme-3 .card-anchor:hover a,
.document-link .theme-3 a:hover,
.theme-3 .btn-document a:hover,
.theme-3 .btn:hover,
.theme-3 .card-anchor:hover .btn,
.theme-3 .card-anchor:hover .btn-document a,
.theme-3 .card-anchor:hover .document-link a,
.theme-3 .document-link a:hover {
background: #13364d;
border-color: #13364d
}
.btn-document .theme-3 .card-anchor:hover a i,
.btn-document .theme-3 a:hover i,
.document-link .theme-3 .card-anchor:hover a i,
.document-link .theme-3 a:hover i,
.theme-3 .btn-document a:hover i,
.theme-3 .btn:hover i,
.theme-3 .card-anchor:hover .btn i,
.theme-3 .card-anchor:hover .btn-document a i,
.theme-3 .card-anchor:hover .document-link a i,
.theme-3 .document-link a:hover i {
color: #fff
}
}
.theme-3 .global-navigation {
border-color: #1D5276
}
.global-navigation .theme-3 .top-parent-anchor {
background: #1D5276
}
.global-navigation .theme-3 .top-parent-anchor:hover {
background: #276e9f
}
.global-navigation .theme-3 .dropdown a:hover {
background: #184462
}
.global-navigation .theme-3 .dropdown,
.global-navigation .theme-3.has-dropdown:hover>.top-parent-anchor {
background: #276e9f
}
.btn-document .theme-4 a,
.document-link .theme-4 a,
.theme-4 .btn-document a,
.theme-4 .btn-primary,
.theme-4 .document-link a {
background: #1B6395;
border-color: #1B6395
}
.theme-4 .stage a:not(.btn) {
color: #1B6395
}
.theme-4 .stage a:not(.btn):hover {
color: #13466a
}
@media (min-width:1350px) {
.btn-document .theme-4 .card-anchor:hover a,
.btn-document .theme-4 a:hover,
.document-link .theme-4 .card-anchor:hover a,
.document-link .theme-4 a:hover,
.theme-4 .btn-document a:hover,
.theme-4 .btn:hover,
.theme-4 .card-anchor:hover .btn,
.theme-4 .card-anchor:hover .btn-document a,
.theme-4 .card-anchor:hover .document-link a,
.theme-4 .document-link a:hover {
background: #13466a;
border-color: #13466a
}
.btn-document .theme-4 .card-anchor:hover a i,
.btn-document .theme-4 a:hover i,
.document-link .theme-4 .card-anchor:hover a i,
.document-link .theme-4 a:hover i,
.theme-4 .btn-document a:hover i,
.theme-4 .btn:hover i,
.theme-4 .card-anchor:hover .btn i,
.theme-4 .card-anchor:hover .btn-document a i,
.theme-4 .card-anchor:hover .document-link a i,
.theme-4 .document-link a:hover i {
color: #fff
}
}
.theme-4 .global-navigation {
border-color: #1B6395
}
.global-navigation .theme-4 .top-parent-anchor {
background: #1B6395
}
.global-navigation .theme-4 .top-parent-anchor:hover {
background: #2380c0
}
.global-navigation .theme-4 .dropdown a:hover {
background: #17557f
}
.global-navigation .theme-4 .dropdown,
.global-navigation .theme-4.has-dropdown:hover>.top-parent-anchor {
background: #2380c0
}
.btn-document .theme-5 a,
.document-link .theme-5 a,
.theme-5 .btn-document a,
.theme-5 .btn-primary,
.theme-5 .document-link a {
background: #E2632E;
border-color: #E2632E
}
.theme-5 .stage a:not(.btn) {
color: #E2632E
}
.theme-5 .stage a:not(.btn):hover {
color: #c24c1b
}
@media (min-width:1350px) {
.btn-document .theme-5 .card-anchor:hover a,
.btn-document .theme-5 a:hover,
.document-link .theme-5 .card-anchor:hover a,
.document-link .theme-5 a:hover,
.theme-5 .btn-document a:hover,
.theme-5 .btn:hover,
.theme-5 .card-anchor:hover .btn,
.theme-5 .card-anchor:hover .btn-document a,
.theme-5 .card-anchor:hover .document-link a,
.theme-5 .document-link a:hover {
background: #c24c1b;
border-color: #c24c1b
}
.btn-document .theme-5 .card-anchor:hover a i,
.btn-document .theme-5 a:hover i,
.document-link .theme-5 .card-anchor:hover a i,
.document-link .theme-5 a:hover i,
.theme-5 .btn-document a:hover i,
.theme-5 .btn:hover i,
.theme-5 .card-anchor:hover .btn i,
.theme-5 .card-anchor:hover .btn-document a i,
.theme-5 .card-anchor:hover .document-link a i,
.theme-5 .document-link a:hover i {
color: #fff
}
}
.theme-5 .global-navigation {
border-color: #E2632E
}
.global-navigation .theme-5 .top-parent-anchor {
background: #E2632E
}
.global-navigation .theme-5 .top-parent-anchor:hover {
background: #e8845b
}
.global-navigation .theme-5 .dropdown a:hover {
background: #d8551e
}
.global-navigation .theme-5 .dropdown,
.global-navigation .theme-5.has-dropdown:hover>.top-parent-anchor {
background: #e8845b
}
.btn-document .theme-6 a,
.document-link .theme-6 a,
.theme-6 .btn-document a,
.theme-6 .btn-primary,
.theme-6 .document-link a {
background: #F27946;
border-color: #F27946
}
.theme-6 .stage a:not(.btn) {
color: #F27946
}
.theme-6 .stage a:not(.btn):hover {
color: #ef5616
}
@media (min-width:1350px) {
.btn-document .theme-6 .card-anchor:hover a,
.btn-document .theme-6 a:hover,
.document-link .theme-6 .card-anchor:hover a,
.document-link .theme-6 a:hover,
.theme-6 .btn-document a:hover,
.theme-6 .btn:hover,
.theme-6 .card-anchor:hover .btn,
.theme-6 .card-anchor:hover .btn-document a,
.theme-6 .card-anchor:hover .document-link a,
.theme-6 .document-link a:hover {
background: #ef5616;
border-color: #ef5616
}
.btn-document .theme-6 .card-anchor:hover a i,
.btn-document .theme-6 a:hover i,
.document-link .theme-6 .card-anchor:hover a i,
.document-link .theme-6 a:hover i,
.theme-6 .btn-document a:hover i,
.theme-6 .btn:hover i,
.theme-6 .card-anchor:hover .btn i,
.theme-6 .card-anchor:hover .btn-document a i,
.theme-6 .card-anchor:hover .document-link a i,
.theme-6 .document-link a:hover i {
color: #fff
}
}
.theme-6 .global-navigation {
border-color: #F27946
}
.global-navigation .theme-6 .top-parent-anchor {
background: #F27946
}
.global-navigation .theme-6 .top-parent-anchor:hover {
background: #f59c76
}
.global-navigation .theme-6 .dropdown a:hover {
background: #f0682e
}
.global-navigation .theme-6 .dropdown,
.global-navigation .theme-6.has-dropdown:hover>.top-parent-anchor {
background: #f59c76
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment