_theme-color-variables.scss 0000644 00000032356 15076741071 0012005 0 ustar 00 //Theme Red
$theme-red: #F44336;
$theme-red-legal-bg: #fff;
$theme-red-bar: #fff;
$theme-red-navbar-brand: #fff;
$theme-red-navbar-brand_active: #fff;
$theme-red-navbar-brand_hover: #fff;
$theme-red-navbar-brand_focus: #fff;
$theme-red-nav-anchor: #fff;
$theme-red-nav-anchor_hover: rgba(0,0,0,0);
$theme-red-nav-anchor_focus: rgba(0,0,0,0);
$theme-red-nav-anchor-opened: rgba(0,0,0,0);
$theme-red-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-red-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-red-menu-list-active: rgba(0,0,0,0);
$theme-red-menu-list-toggled: rgba(0,0,0,0);
$theme-red-menu-list-submenu: rgba(0,0,0,0);
//Theme Pink
$theme-pink: #E91E63;
$theme-pink-legal-bg: #fff;
$theme-pink-bar: #fff;
$theme-pink-navbar-brand: #fff;
$theme-pink-navbar-brand_active: #fff;
$theme-pink-navbar-brand_hover: #fff;
$theme-pink-navbar-brand_focus: #fff;
$theme-pink-nav-anchor: #fff;
$theme-pink-nav-anchor_hover: rgba(0,0,0,0);
$theme-pink-nav-anchor_focus: rgba(0,0,0,0);
$theme-pink-nav-anchor-opened: rgba(0,0,0,0);
$theme-pink-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-pink-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-pink-menu-list-active: rgba(0,0,0,0);
$theme-pink-menu-list-toggled: rgba(0,0,0,0);
$theme-pink-menu-list-submenu: rgba(0,0,0,0);
//Theme Purple
$theme-purple: #9C27B0;
$theme-purple-legal-bg: #fff;
$theme-purple-bar: #fff;
$theme-purple-navbar-brand: #fff;
$theme-purple-navbar-brand_active: #fff;
$theme-purple-navbar-brand_hover: #fff;
$theme-purple-navbar-brand_focus: #fff;
$theme-purple-nav-anchor: #fff;
$theme-purple-nav-anchor_hover: rgba(0,0,0,0);
$theme-purple-nav-anchor_focus: rgba(0,0,0,0);
$theme-purple-nav-anchor-opened: rgba(0,0,0,0);
$theme-purple-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-purple-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-purple-menu-list-active: rgba(0,0,0,0);
$theme-purple-menu-list-toggled: rgba(0,0,0,0);
$theme-purple-menu-list-submenu: rgba(0,0,0,0);
//Theme Deep Purple
$theme-deep-purple: #673AB7;
$theme-deep-purple-legal-bg: #fff;
$theme-deep-purple-bar: #fff;
$theme-deep-purple-navbar-brand: #fff;
$theme-deep-purple-navbar-brand_active: #fff;
$theme-deep-purple-navbar-brand_hover: #fff;
$theme-deep-purple-navbar-brand_focus: #fff;
$theme-deep-purple-nav-anchor: #fff;
$theme-deep-purple-nav-anchor_hover: rgba(0,0,0,0);
$theme-deep-purple-nav-anchor_focus: rgba(0,0,0,0);
$theme-deep-purple-nav-anchor-opened: rgba(0,0,0,0);
$theme-deep-purple-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-deep-purple-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-deep-purple-menu-list-active: rgba(0,0,0,0);
$theme-deep-purple-menu-list-toggled: rgba(0,0,0,0);
$theme-deep-purple-menu-list-submenu: rgba(0,0,0,0);
//Theme Indigo
$theme-indigo: #3F51B5;
$theme-indigo-legal-bg: #fff;
$theme-indigo-bar: #fff;
$theme-indigo-navbar-brand: #fff;
$theme-indigo-navbar-brand_active: #fff;
$theme-indigo-navbar-brand_hover: #fff;
$theme-indigo-navbar-brand_focus: #fff;
$theme-indigo-nav-anchor: #fff;
$theme-indigo-nav-anchor_hover: rgba(0,0,0,0);
$theme-indigo-nav-anchor_focus: rgba(0,0,0,0);
$theme-indigo-nav-anchor-opened: rgba(0,0,0,0);
$theme-indigo-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-indigo-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-indigo-menu-list-active: rgba(0,0,0,0);
$theme-indigo-menu-list-toggled: rgba(0,0,0,0);
$theme-indigo-menu-list-submenu: rgba(0,0,0,0);
//Theme Blue
$theme-blue: #2196F3;
$theme-blue-legal-bg: #fff;
$theme-blue-bar: #fff;
$theme-blue-navbar-brand: #fff;
$theme-blue-navbar-brand_active: #fff;
$theme-blue-navbar-brand_hover: #fff;
$theme-blue-navbar-brand_focus: #fff;
$theme-blue-nav-anchor: #fff;
$theme-blue-nav-anchor_hover: rgba(0,0,0,0);
$theme-blue-nav-anchor_focus: rgba(0,0,0,0);
$theme-blue-nav-anchor-opened: rgba(0,0,0,0);
$theme-blue-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-blue-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-blue-menu-list-active: rgba(0,0,0,0);
$theme-blue-menu-list-toggled: rgba(0,0,0,0);
$theme-blue-menu-list-submenu: rgba(0,0,0,0);
//Theme Light Blue
$theme-light-blue: #03A9F4;
$theme-light-blue-legal-bg: #fff;
$theme-light-blue-bar: #fff;
$theme-light-blue-navbar-brand: #fff;
$theme-light-blue-navbar-brand_active: #fff;
$theme-light-blue-navbar-brand_hover: #fff;
$theme-light-blue-navbar-brand_focus: #fff;
$theme-light-blue-nav-anchor: #fff;
$theme-light-blue-nav-anchor_hover: rgba(0,0,0,0);
$theme-light-blue-nav-anchor_focus: rgba(0,0,0,0);
$theme-light-blue-nav-anchor-opened: rgba(0,0,0,0);
$theme-light-blue-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-light-blue-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-light-blue-menu-list-active: rgba(0,0,0,0);
$theme-light-blue-menu-list-toggled: rgba(0,0,0,0);
$theme-light-blue-menu-list-submenu: rgba(0,0,0,0);
//Theme Cyan
$theme-cyan: #00BCD4;
$theme-cyan-legal-bg: #fff;
$theme-cyan-bar: #fff;
$theme-cyan-navbar-brand: #fff;
$theme-cyan-navbar-brand_active: #fff;
$theme-cyan-navbar-brand_hover: #fff;
$theme-cyan-navbar-brand_focus: #fff;
$theme-cyan-nav-anchor: #fff;
$theme-cyan-nav-anchor_hover: rgba(0,0,0,0);
$theme-cyan-nav-anchor_focus: rgba(0,0,0,0);
$theme-cyan-nav-anchor-opened: rgba(0,0,0,0);
$theme-cyan-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-cyan-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-cyan-menu-list-active: rgba(0,0,0,0);
$theme-cyan-menu-list-toggled: rgba(0,0,0,0);
$theme-cyan-menu-list-submenu: rgba(0,0,0,0);
//Theme Teal
$theme-teal: #009688;
$theme-teal-legal-bg: #fff;
$theme-teal-bar: #fff;
$theme-teal-navbar-brand: #fff;
$theme-teal-navbar-brand_active: #fff;
$theme-teal-navbar-brand_hover: #fff;
$theme-teal-navbar-brand_focus: #fff;
$theme-teal-nav-anchor: #fff;
$theme-teal-nav-anchor_hover: rgba(0,0,0,0);
$theme-teal-nav-anchor_focus: rgba(0,0,0,0);
$theme-teal-nav-anchor-opened: rgba(0,0,0,0);
$theme-teal-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-teal-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-teal-menu-list-active: rgba(0,0,0,0);
$theme-teal-menu-list-toggled: rgba(0,0,0,0);
$theme-teal-menu-list-submenu: rgba(0,0,0,0);
//Theme Green
$theme-green: #4CAF50;
$theme-green-legal-bg: #fff;
$theme-green-bar: #fff;
$theme-green-navbar-brand: #fff;
$theme-green-navbar-brand_active: #fff;
$theme-green-navbar-brand_hover: #fff;
$theme-green-navbar-brand_focus: #fff;
$theme-green-nav-anchor: #fff;
$theme-green-nav-anchor_hover: rgba(0,0,0,0);
$theme-green-nav-anchor_focus: rgba(0,0,0,0);
$theme-green-nav-anchor-opened: rgba(0,0,0,0);
$theme-green-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-green-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-green-menu-list-active: rgba(0,0,0,0);
$theme-green-menu-list-toggled: rgba(0,0,0,0);
$theme-green-menu-list-submenu: rgba(0,0,0,0);
//Theme Light Green
$theme-light-green: #8BC34A;
$theme-light-green-legal-bg: #fff;
$theme-light-green-bar: #fff;
$theme-light-green-navbar-brand: #fff;
$theme-light-green-navbar-brand_active: #fff;
$theme-light-green-navbar-brand_hover: #fff;
$theme-light-green-navbar-brand_focus: #fff;
$theme-light-green-nav-anchor: #fff;
$theme-light-green-nav-anchor_hover: rgba(0,0,0,0);
$theme-light-green-nav-anchor_focus: rgba(0,0,0,0);
$theme-light-green-nav-anchor-opened: rgba(0,0,0,0);
$theme-light-green-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-light-green-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-light-green-menu-list-active: rgba(0,0,0,0);
$theme-light-green-menu-list-toggled: rgba(0,0,0,0);
$theme-light-green-menu-list-submenu: rgba(0,0,0,0);
//Theme Lime
$theme-lime: #CDDC39;
$theme-lime-legal-bg: #fff;
$theme-lime-bar: #fff;
$theme-lime-navbar-brand: #fff;
$theme-lime-navbar-brand_active: #fff;
$theme-lime-navbar-brand_hover: #fff;
$theme-lime-navbar-brand_focus: #fff;
$theme-lime-nav-anchor: #fff;
$theme-lime-nav-anchor_hover: rgba(0,0,0,0);
$theme-lime-nav-anchor_focus: rgba(0,0,0,0);
$theme-lime-nav-anchor-opened: rgba(0,0,0,0);
$theme-lime-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-lime-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-lime-menu-list-active: rgba(0,0,0,0);
$theme-lime-menu-list-toggled: rgba(0,0,0,0);
$theme-lime-menu-list-submenu: rgba(0,0,0,0);
//Theme Yellow
$theme-yellow: #FFEB3B;
$theme-yellow-legal-bg: #fff;
$theme-yellow-bar: #fff;
$theme-yellow-navbar-brand: #fff;
$theme-yellow-navbar-brand_active: #fff;
$theme-yellow-navbar-brand_hover: #fff;
$theme-yellow-navbar-brand_focus: #fff;
$theme-yellow-nav-anchor: #fff;
$theme-yellow-nav-anchor_hover: rgba(0,0,0,0);
$theme-yellow-nav-anchor_focus: rgba(0,0,0,0);
$theme-yellow-nav-anchor-opened: rgba(0,0,0,0);
$theme-yellow-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-yellow-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-yellow-menu-list-active: rgba(0,0,0,0);
$theme-yellow-menu-list-toggled: rgba(0,0,0,0);
$theme-yellow-menu-list-submenu: rgba(0,0,0,0);
//Theme Amber
$theme-amber: #FFC107;
$theme-amber-legal-bg: #fff;
$theme-amber-bar: #fff;
$theme-amber-navbar-brand: #fff;
$theme-amber-navbar-brand_active: #fff;
$theme-amber-navbar-brand_hover: #fff;
$theme-amber-navbar-brand_focus: #fff;
$theme-amber-nav-anchor: #fff;
$theme-amber-nav-anchor_hover: rgba(0,0,0,0);
$theme-amber-nav-anchor_focus: rgba(0,0,0,0);
$theme-amber-nav-anchor-opened: rgba(0,0,0,0);
$theme-amber-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-amber-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-amber-menu-list-active: rgba(0,0,0,0);
$theme-amber-menu-list-toggled: rgba(0,0,0,0);
$theme-amber-menu-list-submenu: rgba(0,0,0,0);
//Theme Orange
$theme-orange: #FF9800;
$theme-orange-legal-bg: #fff;
$theme-orange-bar: #fff;
$theme-orange-navbar-brand: #fff;
$theme-orange-navbar-brand_active: #fff;
$theme-orange-navbar-brand_hover: #fff;
$theme-orange-navbar-brand_focus: #fff;
$theme-orange-nav-anchor: #fff;
$theme-orange-nav-anchor_hover: rgba(0,0,0,0);
$theme-orange-nav-anchor_focus: rgba(0,0,0,0);
$theme-orange-nav-anchor-opened: rgba(0,0,0,0);
$theme-orange-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-orange-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-orange-menu-list-active: rgba(0,0,0,0);
$theme-orange-menu-list-toggled: rgba(0,0,0,0);
$theme-orange-menu-list-submenu: rgba(0,0,0,0);
//Theme Deep Orange
$theme-deep-orange: #FF5722;
$theme-deep-orange-legal-bg: #fff;
$theme-deep-orange-bar: #fff;
$theme-deep-orange-navbar-brand: #fff;
$theme-deep-orange-navbar-brand_active: #fff;
$theme-deep-orange-navbar-brand_hover: #fff;
$theme-deep-orange-navbar-brand_focus: #fff;
$theme-deep-orange-nav-anchor: #fff;
$theme-deep-orange-nav-anchor_hover: rgba(0,0,0,0);
$theme-deep-orange-nav-anchor_focus: rgba(0,0,0,0);
$theme-deep-orange-nav-anchor-opened: rgba(0,0,0,0);
$theme-deep-orange-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-deep-orange-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-deep-orange-menu-list-active: rgba(0,0,0,0);
$theme-deep-orange-menu-list-toggled: rgba(0,0,0,0);
$theme-deep-orange-menu-list-submenu: rgba(0,0,0,0);
//Theme Brown
$theme-brown: #795548;
$theme-brown-legal-bg: #fff;
$theme-brown-bar: #fff;
$theme-brown-navbar-brand: #fff;
$theme-brown-navbar-brand_active: #fff;
$theme-brown-navbar-brand_hover: #fff;
$theme-brown-navbar-brand_focus: #fff;
$theme-brown-nav-anchor: #fff;
$theme-brown-nav-anchor_hover: rgba(0,0,0,0);
$theme-brown-nav-anchor_focus: rgba(0,0,0,0);
$theme-brown-nav-anchor-opened: rgba(0,0,0,0);
$theme-brown-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-brown-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-brown-menu-list-active: rgba(0,0,0,0);
$theme-brown-menu-list-toggled: rgba(0,0,0,0);
$theme-brown-menu-list-submenu: rgba(0,0,0,0);
//Theme Grey
$theme-grey: #9E9E9E;
$theme-grey-legal-bg: #fff;
$theme-grey-bar: #fff;
$theme-grey-navbar-brand: #fff;
$theme-grey-navbar-brand_active: #fff;
$theme-grey-navbar-brand_hover: #fff;
$theme-grey-navbar-brand_focus: #fff;
$theme-grey-nav-anchor: #fff;
$theme-grey-nav-anchor_hover: rgba(0,0,0,0);
$theme-grey-nav-anchor_focus: rgba(0,0,0,0);
$theme-grey-nav-anchor-opened: rgba(0,0,0,0);
$theme-grey-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-grey-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-grey-menu-list-active: rgba(0,0,0,0);
$theme-grey-menu-list-toggled: rgba(0,0,0,0);
$theme-grey-menu-list-submenu: rgba(0,0,0,0);
//Theme Blue Grey
$theme-blue-grey: #607D8B;
$theme-blue-grey-legal-bg: #fff;
$theme-blue-grey-bar: #fff;
$theme-blue-grey-navbar-brand: #fff;
$theme-blue-grey-navbar-brand_active: #fff;
$theme-blue-grey-navbar-brand_hover: #fff;
$theme-blue-grey-navbar-brand_focus: #fff;
$theme-blue-grey-nav-anchor: #fff;
$theme-blue-grey-nav-anchor_hover: rgba(0,0,0,0);
$theme-blue-grey-nav-anchor_focus: rgba(0,0,0,0);
$theme-blue-grey-nav-anchor-opened: rgba(0,0,0,0);
$theme-blue-grey-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-blue-grey-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-blue-grey-menu-list-active: rgba(0,0,0,0);
$theme-blue-grey-menu-list-toggled: rgba(0,0,0,0);
$theme-blue-grey-menu-list-submenu: rgba(0,0,0,0);
//Theme Black
$theme-black: #000;
$theme-black-legal-bg: #fff;
$theme-black-bar: #fff;
$theme-black-navbar-brand: #fff;
$theme-black-navbar-brand_active: #fff;
$theme-black-navbar-brand_hover: #fff;
$theme-black-navbar-brand_focus: #fff;
$theme-black-nav-anchor: #fff;
$theme-black-nav-anchor_hover: rgba(0,0,0,0);
$theme-black-nav-anchor_focus: rgba(0,0,0,0);
$theme-black-nav-anchor-opened: rgba(0,0,0,0);
$theme-black-nav-anchor-opened_hover: rgba(0,0,0,0);
$theme-black-nav-anchor-opened_focus: rgba(0,0,0,0);
$theme-black-menu-list-active: rgba(0,0,0,0);
$theme-black-menu-list-toggled: rgba(0,0,0,0);
$theme-black-menu-list-submenu: rgba(0,0,0,0);
theme-teal.scss 0000644 00000003706 15076741071 0007504 0 ustar 00 @import '_theme-color-variables';
.theme-teal {
.navbar {
background-color: $theme-teal;
}
.navbar-brand {
color: $theme-teal-navbar-brand;
&:hover {
color: $theme-teal-navbar-brand_hover;
}
&:active {
color: $theme-teal-navbar-brand_active;
}
&:focus {
color: $theme-teal-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-teal-nav-anchor;
&:hover {
background-color: $theme-teal-nav-anchor_hover;
}
&:focus {
background-color: $theme-teal-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-teal-nav-anchor-opened;
&:hover {
background-color: $theme-teal-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-teal-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-teal-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-teal-menu-list-active;
> :first-child {
i, span {
color: $theme-teal;
}
}
}
.toggled {
background-color: $theme-teal-menu-list-toggled;
}
.ml-menu {
background-color: $theme-teal-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-teal-legal-bg;
.copyright {
a {
color: $theme-teal !important;
}
}
}
}
}
theme-blue-grey.scss 0000644 00000004045 15076741071 0010447 0 ustar 00 @import '_theme-color-variables';
.theme-blue-grey {
.navbar {
background-color: $theme-blue-grey;
}
.navbar-brand {
color: $theme-blue-grey-navbar-brand;
&:hover {
color: $theme-blue-grey-navbar-brand_hover;
}
&:active {
color: $theme-blue-grey-navbar-brand_active;
}
&:focus {
color: $theme-blue-grey-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-blue-grey-nav-anchor;
&:hover {
background-color: $theme-blue-grey-nav-anchor_hover;
}
&:focus {
background-color: $theme-blue-grey-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-blue-grey-nav-anchor-opened;
&:hover {
background-color: $theme-blue-grey-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-blue-grey-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-blue-grey-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-blue-grey-menu-list-active;
> :first-child {
i, span {
color: $theme-blue-grey;
}
}
}
.toggled {
background-color: $theme-blue-grey-menu-list-toggled;
}
.ml-menu {
background-color: $theme-blue-grey-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-blue-grey-legal-bg;
.copyright {
a {
color: $theme-blue-grey !important;
}
}
}
}
}
theme-indigo.scss 0000644 00000003754 15076741071 0010033 0 ustar 00 @import '_theme-color-variables';
.theme-indigo {
.navbar {
background-color: $theme-indigo;
}
.navbar-brand {
color: $theme-indigo-navbar-brand;
&:hover {
color: $theme-indigo-navbar-brand_hover;
}
&:active {
color: $theme-indigo-navbar-brand_active;
}
&:focus {
color: $theme-indigo-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-indigo-nav-anchor;
&:hover {
background-color: $theme-indigo-nav-anchor_hover;
}
&:focus {
background-color: $theme-indigo-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-indigo-nav-anchor-opened;
&:hover {
background-color: $theme-indigo-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-indigo-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-indigo-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-indigo-menu-list-active;
> :first-child {
i, span {
color: $theme-indigo;
}
}
}
.toggled {
background-color: $theme-indigo-menu-list-toggled;
}
.ml-menu {
background-color: $theme-indigo-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-indigo-legal-bg;
.copyright {
a {
color: $theme-indigo !important;
}
}
}
}
}
theme-cyan.scss 0000644 00000003706 15076741071 0007511 0 ustar 00 @import '_theme-color-variables';
.theme-cyan {
.navbar {
background-color: $theme-cyan;
}
.navbar-brand {
color: $theme-cyan-navbar-brand;
&:hover {
color: $theme-cyan-navbar-brand_hover;
}
&:active {
color: $theme-cyan-navbar-brand_active;
}
&:focus {
color: $theme-cyan-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-cyan-nav-anchor;
&:hover {
background-color: $theme-cyan-nav-anchor_hover;
}
&:focus {
background-color: $theme-cyan-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-cyan-nav-anchor-opened;
&:hover {
background-color: $theme-cyan-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-cyan-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-cyan-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-cyan-menu-list-active;
> :first-child {
i, span {
color: $theme-cyan;
}
}
}
.toggled {
background-color: $theme-cyan-menu-list-toggled;
}
.ml-menu {
background-color: $theme-cyan-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-cyan-legal-bg;
.copyright {
a {
color: $theme-cyan !important;
}
}
}
}
}
_all-themes.scss 0000644 00000000756 15076741071 0007653 0 ustar 00 //Themes
@import 'theme-red';
@import 'theme-pink';
@import 'theme-purple';
@import 'theme-deep-purple';
@import 'theme-indigo';
@import 'theme-blue';
@import 'theme-light-blue';
@import 'theme-cyan';
@import 'theme-teal';
@import 'theme-green';
@import 'theme-light-green';
@import 'theme-lime';
@import 'theme-yellow';
@import 'theme-amber';
@import 'theme-orange';
@import 'theme-deep-orange';
@import 'theme-brown';
@import 'theme-grey';
@import 'theme-blue-grey';
@import 'theme-black'; theme-blue.scss 0000644 00000003706 15076741071 0007506 0 ustar 00 @import '_theme-color-variables';
.theme-blue {
.navbar {
background-color: $theme-blue;
}
.navbar-brand {
color: $theme-blue-navbar-brand;
&:hover {
color: $theme-blue-navbar-brand_hover;
}
&:active {
color: $theme-blue-navbar-brand_active;
}
&:focus {
color: $theme-blue-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-blue-nav-anchor;
&:hover {
background-color: $theme-blue-nav-anchor_hover;
}
&:focus {
background-color: $theme-blue-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-blue-nav-anchor-opened;
&:hover {
background-color: $theme-blue-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-blue-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-blue-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-blue-menu-list-active;
> :first-child {
i, span {
color: $theme-blue;
}
}
}
.toggled {
background-color: $theme-blue-menu-list-toggled;
}
.ml-menu {
background-color: $theme-blue-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-blue-legal-bg;
.copyright {
a {
color: $theme-blue !important;
}
}
}
}
}
theme-pink.scss 0000644 00000003706 15076741071 0007520 0 ustar 00 @import '_theme-color-variables';
.theme-pink {
.navbar {
background-color: $theme-pink;
}
.navbar-brand {
color: $theme-pink-navbar-brand;
&:hover {
color: $theme-pink-navbar-brand_hover;
}
&:active {
color: $theme-pink-navbar-brand_active;
}
&:focus {
color: $theme-pink-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-pink-nav-anchor;
&:hover {
background-color: $theme-pink-nav-anchor_hover;
}
&:focus {
background-color: $theme-pink-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-pink-nav-anchor-opened;
&:hover {
background-color: $theme-pink-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-pink-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-pink-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-pink-menu-list-active;
> :first-child {
i, span {
color: $theme-pink;
}
}
}
.toggled {
background-color: $theme-pink-menu-list-toggled;
}
.ml-menu {
background-color: $theme-pink-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-pink-legal-bg;
.copyright {
a {
color: $theme-pink !important;
}
}
}
}
}
theme-black.scss 0000644 00000003731 15076741071 0007631 0 ustar 00 @import '_theme-color-variables';
.theme-black {
.navbar {
background-color: $theme-black;
}
.navbar-brand {
color: $theme-black-navbar-brand;
&:hover {
color: $theme-black-navbar-brand_hover;
}
&:active {
color: $theme-black-navbar-brand_active;
}
&:focus {
color: $theme-black-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-black-nav-anchor;
&:hover {
background-color: $theme-black-nav-anchor_hover;
}
&:focus {
background-color: $theme-black-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-black-nav-anchor-opened;
&:hover {
background-color: $theme-black-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-black-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-black-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-black-menu-list-active;
> :first-child {
i, span {
color: $theme-black;
}
}
}
.toggled {
background-color: $theme-black-menu-list-toggled;
}
.ml-menu {
background-color: $theme-black-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-black-legal-bg;
.copyright {
a {
color: $theme-black !important;
}
}
}
}
}
theme-deep-orange.scss 0000644 00000004113 15076741071 0010736 0 ustar 00 @import '_theme-color-variables';
.theme-deep-orange {
.navbar {
background-color: $theme-deep-orange;
}
.navbar-brand {
color: $theme-deep-orange-navbar-brand;
&:hover {
color: $theme-deep-orange-navbar-brand_hover;
}
&:active {
color: $theme-deep-orange-navbar-brand_active;
}
&:focus {
color: $theme-deep-orange-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-deep-orange-nav-anchor;
&:hover {
background-color: $theme-deep-orange-nav-anchor_hover;
}
&:focus {
background-color: $theme-deep-orange-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-deep-orange-nav-anchor-opened;
&:hover {
background-color: $theme-deep-orange-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-deep-orange-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-deep-orange-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-deep-orange-menu-list-active;
> :first-child {
i, span {
color: $theme-deep-orange;
}
}
}
.toggled {
background-color: $theme-deep-orange-menu-list-toggled;
}
.ml-menu {
background-color: $theme-deep-orange-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-deep-orange-legal-bg;
.copyright {
a {
color: $theme-deep-orange !important;
}
}
}
}
}
theme-purple.scss 0000644 00000003754 15076741071 0010071 0 ustar 00 @import '_theme-color-variables';
.theme-purple {
.navbar {
background-color: $theme-purple;
}
.navbar-brand {
color: $theme-purple-navbar-brand;
&:hover {
color: $theme-purple-navbar-brand_hover;
}
&:active {
color: $theme-purple-navbar-brand_active;
}
&:focus {
color: $theme-purple-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-purple-nav-anchor;
&:hover {
background-color: $theme-purple-nav-anchor_hover;
}
&:focus {
background-color: $theme-purple-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-purple-nav-anchor-opened;
&:hover {
background-color: $theme-purple-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-purple-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-purple-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-purple-menu-list-active;
> :first-child {
i, span {
color: $theme-purple;
}
}
}
.toggled {
background-color: $theme-purple-menu-list-toggled;
}
.ml-menu {
background-color: $theme-purple-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-purple-legal-bg;
.copyright {
a {
color: $theme-purple !important;
}
}
}
}
}
theme-red.scss 0000644 00000003663 15076741071 0007333 0 ustar 00 @import '_theme-color-variables';
.theme-red {
.navbar {
background-color: $theme-red;
}
.navbar-brand {
color: $theme-red-navbar-brand;
&:hover {
color: $theme-red-navbar-brand_hover;
}
&:active {
color: $theme-red-navbar-brand_active;
}
&:focus {
color: $theme-red-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-red-nav-anchor;
&:hover {
background-color: $theme-red-nav-anchor_hover;
}
&:focus {
background-color: $theme-red-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-red-nav-anchor-opened;
&:hover {
background-color: $theme-red-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-red-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-red-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-red-menu-list-active;
> :first-child {
i, span {
color: $theme-red;
}
}
}
.toggled {
background-color: $theme-red-menu-list-toggled;
}
.ml-menu {
background-color: $theme-red-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-red-legal-bg;
.copyright {
a {
color: $theme-red !important;
}
}
}
}
}
theme-deep-purple.scss 0000644 00000004113 15076741071 0010772 0 ustar 00 @import '_theme-color-variables';
.theme-deep-purple {
.navbar {
background-color: $theme-deep-purple;
}
.navbar-brand {
color: $theme-deep-purple-navbar-brand;
&:hover {
color: $theme-deep-purple-navbar-brand_hover;
}
&:active {
color: $theme-deep-purple-navbar-brand_active;
}
&:focus {
color: $theme-deep-purple-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-deep-purple-nav-anchor;
&:hover {
background-color: $theme-deep-purple-nav-anchor_hover;
}
&:focus {
background-color: $theme-deep-purple-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-deep-purple-nav-anchor-opened;
&:hover {
background-color: $theme-deep-purple-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-deep-purple-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-deep-purple-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-deep-purple-menu-list-active;
> :first-child {
i, span {
color: $theme-deep-purple;
}
}
}
.toggled {
background-color: $theme-deep-purple-menu-list-toggled;
}
.ml-menu {
background-color: $theme-deep-purple-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-deep-purple-legal-bg;
.copyright {
a {
color: $theme-deep-purple !important;
}
}
}
}
}
theme-orange.scss 0000644 00000003754 15076741071 0010035 0 ustar 00 @import '_theme-color-variables';
.theme-orange {
.navbar {
background-color: $theme-orange;
}
.navbar-brand {
color: $theme-orange-navbar-brand;
&:hover {
color: $theme-orange-navbar-brand_hover;
}
&:active {
color: $theme-orange-navbar-brand_active;
}
&:focus {
color: $theme-orange-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-orange-nav-anchor;
&:hover {
background-color: $theme-orange-nav-anchor_hover;
}
&:focus {
background-color: $theme-orange-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-orange-nav-anchor-opened;
&:hover {
background-color: $theme-orange-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-orange-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-orange-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-orange-menu-list-active;
> :first-child {
i, span {
color: $theme-orange;
}
}
}
.toggled {
background-color: $theme-orange-menu-list-toggled;
}
.ml-menu {
background-color: $theme-orange-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-orange-legal-bg;
.copyright {
a {
color: $theme-orange !important;
}
}
}
}
}
theme-brown.scss 0000644 00000003731 15076741071 0007704 0 ustar 00 @import '_theme-color-variables';
.theme-brown {
.navbar {
background-color: $theme-brown;
}
.navbar-brand {
color: $theme-brown-navbar-brand;
&:hover {
color: $theme-brown-navbar-brand_hover;
}
&:active {
color: $theme-brown-navbar-brand_active;
}
&:focus {
color: $theme-brown-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-brown-nav-anchor;
&:hover {
background-color: $theme-brown-nav-anchor_hover;
}
&:focus {
background-color: $theme-brown-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-brown-nav-anchor-opened;
&:hover {
background-color: $theme-brown-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-brown-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-brown-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-brown-menu-list-active;
> :first-child {
i, span {
color: $theme-brown;
}
}
}
.toggled {
background-color: $theme-brown-menu-list-toggled;
}
.ml-menu {
background-color: $theme-brown-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-brown-legal-bg;
.copyright {
a {
color: $theme-brown !important;
}
}
}
}
}
theme-light-green.scss 0000644 00000004113 15076741071 0010755 0 ustar 00 @import '_theme-color-variables';
.theme-light-green {
.navbar {
background-color: $theme-light-green;
}
.navbar-brand {
color: $theme-light-green-navbar-brand;
&:hover {
color: $theme-light-green-navbar-brand_hover;
}
&:active {
color: $theme-light-green-navbar-brand_active;
}
&:focus {
color: $theme-light-green-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-light-green-nav-anchor;
&:hover {
background-color: $theme-light-green-nav-anchor_hover;
}
&:focus {
background-color: $theme-light-green-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-light-green-nav-anchor-opened;
&:hover {
background-color: $theme-light-green-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-light-green-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-light-green-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-light-green-menu-list-active;
> :first-child {
i, span {
color: $theme-light-green;
}
}
}
.toggled {
background-color: $theme-light-green-menu-list-toggled;
}
.ml-menu {
background-color: $theme-light-green-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-light-green-legal-bg;
.copyright {
a {
color: $theme-light-green !important;
}
}
}
}
}
theme-light-blue.scss 0000644 00000004070 15076741071 0010606 0 ustar 00 @import '_theme-color-variables';
.theme-light-blue {
.navbar {
background-color: $theme-light-blue;
}
.navbar-brand {
color: $theme-light-blue-navbar-brand;
&:hover {
color: $theme-light-blue-navbar-brand_hover;
}
&:active {
color: $theme-light-blue-navbar-brand_active;
}
&:focus {
color: $theme-light-blue-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-light-blue-nav-anchor;
&:hover {
background-color: $theme-light-blue-nav-anchor_hover;
}
&:focus {
background-color: $theme-light-blue-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-light-blue-nav-anchor-opened;
&:hover {
background-color: $theme-light-blue-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-light-blue-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-light-blue-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-light-blue-menu-list-active;
> :first-child {
i, span {
color: $theme-light-blue;
}
}
}
.toggled {
background-color: $theme-light-blue-menu-list-toggled;
}
.ml-menu {
background-color: $theme-light-blue-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-light-blue-legal-bg;
.copyright {
a {
color: $theme-light-blue !important;
}
}
}
}
}
theme-green.scss 0000644 00000003731 15076741071 0007655 0 ustar 00 @import '_theme-color-variables';
.theme-green {
.navbar {
background-color: $theme-green;
}
.navbar-brand {
color: $theme-green-navbar-brand;
&:hover {
color: $theme-green-navbar-brand_hover;
}
&:active {
color: $theme-green-navbar-brand_active;
}
&:focus {
color: $theme-green-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-green-nav-anchor;
&:hover {
background-color: $theme-green-nav-anchor_hover;
}
&:focus {
background-color: $theme-green-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-green-nav-anchor-opened;
&:hover {
background-color: $theme-green-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-green-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-green-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-green-menu-list-active;
> :first-child {
i, span {
color: $theme-green;
}
}
}
.toggled {
background-color: $theme-green-menu-list-toggled;
}
.ml-menu {
background-color: $theme-green-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-green-legal-bg;
.copyright {
a {
color: $theme-green !important;
}
}
}
}
}
theme-grey.scss 0000644 00000003706 15076741071 0007525 0 ustar 00 @import '_theme-color-variables';
.theme-grey {
.navbar {
background-color: $theme-grey;
}
.navbar-brand {
color: $theme-grey-navbar-brand;
&:hover {
color: $theme-grey-navbar-brand_hover;
}
&:active {
color: $theme-grey-navbar-brand_active;
}
&:focus {
color: $theme-grey-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-grey-nav-anchor;
&:hover {
background-color: $theme-grey-nav-anchor_hover;
}
&:focus {
background-color: $theme-grey-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-grey-nav-anchor-opened;
&:hover {
background-color: $theme-grey-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-grey-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-grey-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-grey-menu-list-active;
> :first-child {
i, span {
color: $theme-grey;
}
}
}
.toggled {
background-color: $theme-grey-menu-list-toggled;
}
.ml-menu {
background-color: $theme-grey-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-grey-legal-bg;
.copyright {
a {
color: $theme-grey !important;
}
}
}
}
}
theme-amber.scss 0000644 00000003731 15076741071 0007643 0 ustar 00 @import '_theme-color-variables';
.theme-amber {
.navbar {
background-color: $theme-amber;
}
.navbar-brand {
color: $theme-amber-navbar-brand;
&:hover {
color: $theme-amber-navbar-brand_hover;
}
&:active {
color: $theme-amber-navbar-brand_active;
}
&:focus {
color: $theme-amber-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-amber-nav-anchor;
&:hover {
background-color: $theme-amber-nav-anchor_hover;
}
&:focus {
background-color: $theme-amber-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-amber-nav-anchor-opened;
&:hover {
background-color: $theme-amber-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-amber-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-amber-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-amber-menu-list-active;
> :first-child {
i, span {
color: $theme-amber;
}
}
}
.toggled {
background-color: $theme-amber-menu-list-toggled;
}
.ml-menu {
background-color: $theme-amber-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-amber-legal-bg;
.copyright {
a {
color: $theme-amber !important;
}
}
}
}
}
theme-lime.scss 0000644 00000003706 15076741071 0007505 0 ustar 00 @import '_theme-color-variables';
.theme-lime {
.navbar {
background-color: $theme-lime;
}
.navbar-brand {
color: $theme-lime-navbar-brand;
&:hover {
color: $theme-lime-navbar-brand_hover;
}
&:active {
color: $theme-lime-navbar-brand_active;
}
&:focus {
color: $theme-lime-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-lime-nav-anchor;
&:hover {
background-color: $theme-lime-nav-anchor_hover;
}
&:focus {
background-color: $theme-lime-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-lime-nav-anchor-opened;
&:hover {
background-color: $theme-lime-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-lime-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-lime-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-lime-menu-list-active;
> :first-child {
i, span {
color: $theme-lime;
}
}
}
.toggled {
background-color: $theme-lime-menu-list-toggled;
}
.ml-menu {
background-color: $theme-lime-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-lime-legal-bg;
.copyright {
a {
color: $theme-lime !important;
}
}
}
}
}
theme-yellow.scss 0000644 00000003754 15076741071 0010075 0 ustar 00 @import '_theme-color-variables';
.theme-yellow {
.navbar {
background-color: $theme-yellow;
}
.navbar-brand {
color: $theme-yellow-navbar-brand;
&:hover {
color: $theme-yellow-navbar-brand_hover;
}
&:active {
color: $theme-yellow-navbar-brand_active;
}
&:focus {
color: $theme-yellow-navbar-brand_focus;
}
}
.nav {
> li {
> a {
color: $theme-yellow-nav-anchor;
&:hover {
background-color: $theme-yellow-nav-anchor_hover;
}
&:focus {
background-color: $theme-yellow-nav-anchor_focus;
}
}
}
.open {
> a {
background-color: $theme-yellow-nav-anchor-opened;
&:hover {
background-color: $theme-yellow-nav-anchor-opened_hover;
}
&:focus {
background-color: $theme-yellow-nav-anchor-opened_focus;
}
}
}
}
.bars {
color: $theme-yellow-bar;
}
.sidebar {
.menu {
.list {
li.active {
background-color: $theme-yellow-menu-list-active;
> :first-child {
i, span {
color: $theme-yellow;
}
}
}
.toggled {
background-color: $theme-yellow-menu-list-toggled;
}
.ml-menu {
background-color: $theme-yellow-menu-list-submenu;
}
}
}
.legal {
background-color: $theme-yellow-legal-bg;
.copyright {
a {
color: $theme-yellow !important;
}
}
}
}
}
|