/* * Gold theme override for grandartius.app.artiusdental.com * * Mirrors the blue rules from style.css, blue.css, theme_override.css, * override.css and custom.css with a luxury gold palette. Loaded LAST * in so simple cascade ordering wins; !important is mirrored * only where the source rule used it. * * #1976d2 (primary blue) -> #B8860B (DarkGoldenrod) * #1e88e5 (login/topbar deep) -> #C9A227 (rich amber gold) * #76B9DA (topbar light blue) -> #C9A961 (antique gold) * #76b9da52 / 7d (alpha blues) -> #C9A96152 / 7D * #028ee1 (focus blue) -> #9C7000 (deep burnished gold) */ /* ============================================================== */ /* Topbar (mirrors theme_override.css + blue.css) */ /* ============================================================== */ .topbar { background: #C9A961; } .topbar .navbar-header { background: #C9A961; } .topbar .top-navbar .navbar-header .navbar-brand .light-logo { display: none; color: rgba(255, 255, 255, 0.8); } .topbar .navbar-light .navbar-nav .nav-item > a.nav-link { color: #ffffff !important; } .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus { color: rgba(255, 255, 255, 0.8) !important; } /* ============================================================== */ /* General links, theme accents (mirrors blue.css + style.css) */ /* ============================================================== */ a.link:hover, a.link:focus { color: #B8860B !important; } html body a.link:focus, html body a.link:hover { color: #B8860B; } html body blockquote { border-left: 5px solid #B8860B; } .bg-theme, html body .bg-theme { background-color: #B8860B !important; } html body .text-themecolor, .text-themecolor { color: #B8860B !important; } .text-info { color: #B8860B !important; } .bg-info { background-color: #B8860B !important; } .label-info, .badge-info { background-color: #B8860B; } .round.round-info { background: #B8860B; } .blue-theme { background: #B8860B; } /* Sidebar */ .right-sidebar .rpanel-title { background: #C9A961 !important; } /* ============================================================== */ /* Tables (mirrors blue.css + style.css) */ /* ============================================================== */ .stylish-table tbody tr:hover, .stylish-table tbody tr.active { border-left: 4px solid #B8860B; } .color-table.info-table thead th, .color-bordered-table.info-bordered-table thead th, .full-color-table.full-info-table thead th, .full-color-table.full-info-table tr:hover { background-color: #B8860B; } .color-bordered-table.info-bordered-table { border: 2px solid #B8860B; } /* ============================================================== */ /* Pagination */ /* ============================================================== */ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #B8860B; border-color: #B8860B; } .paging_simple_numbers .pagination .paginate_button.active a, .paging_simple_numbers .pagination .paginate_button:hover a { background: #B8860B; border: 1px solid #B8860B; color: #ffffff; } /* ============================================================== */ /* Tabs */ /* ============================================================== */ .profile-tab li a.nav-link.active, .customtab li a.nav-link.active { border-bottom: 2px solid #B8860B; color: #B8860B; } .profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover { color: #B8860B; } .customtab2 li a.nav-link.active { background: #B8860B; color: #ffffff; } .tabs-vertical li .nav-link.active, .tabs-vertical li .nav-link.active:focus, .tabs-vertical li .nav-link:hover { background: #B8860B; border-right: 2px solid #B8860B; color: #ffffff; } /* override.css nav-tabs (#76b9da) */ .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border-color: #C9A961 #C9A961 #fff; } .nav-tabs { border-bottom: 1px solid #C9A961; } /* ============================================================== */ /* Buttons (mirrors blue.css + style.css) */ /* ============================================================== */ .btn-themecolor, .btn-themecolor.disabled { background: #B8860B; color: #ffffff; border: 1px solid #B8860B; } .btn-themecolor:hover, .btn-themecolor.disabled:hover { background: #B8860B; opacity: 0.7; border: 1px solid #B8860B; } .btn-themecolor.active, .btn-themecolor:focus, .btn-themecolor.disabled.active, .btn-themecolor.disabled:focus { background: #9C7000; } .btn-info, .btn-info.disabled { background: #B8860B; border: 1px solid #B8860B; } .btn-info.disabled:hover, .btn-info:hover { background: #B8860B; border: 1px solid #B8860B; } .btn-outline-info { color: #B8860B; background-color: transparent; border-color: #B8860B; } .btn-outline-info.focus, .btn-outline-info:focus, .btn-outline-info:hover { background: #B8860B; border-color: #B8860B; } /* ============================================================== */ /* Cards */ /* ============================================================== */ .card-info { background: #B8860B; border-color: #B8860B; } .card-outline-info { border-color: #B8860B; } .card-outline-info .card-header { background: #B8860B; border-color: #B8860B; } /* ============================================================== */ /* Sidebar navigation (mirrors blue.css) */ /* ============================================================== */ .label-themecolor { background: #B8860B; } .sidebar-nav > ul > li.active > a { color: #B8860B; border-color: #B8860B; } .sidebar-nav > ul > li.active > a i { color: #B8860B; } .sidebar-nav ul li a.active, .sidebar-nav ul li a:hover { color: #B8860B; } .sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i { color: #B8860B; } /* ============================================================== */ /* Form material (gradient underline) */ /* ============================================================== */ .form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus { background-image: -webkit-gradient(linear, left top, left bottom, from(#B8860B), to(#B8860B)), -webkit-gradient(linear, left top, left bottom, from(rgba(120, 130, 140, 0.13)), to(rgba(120, 130, 140, 0.13))); background-image: -webkit-linear-gradient(#B8860B, #B8860B), -webkit-linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13)); background-image: -o-linear-gradient(#B8860B, #B8860B), -o-linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13)); background-image: linear-gradient(#B8860B, #B8860B), linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13)); } .form-control-line .form-control:focus { border-bottom: 1px solid #B8860B; } /* ============================================================== */ /* Datepicker / DateRangePicker */ /* ============================================================== */ .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #B8860B; } .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover { background: #B8860B; } .dp-selected[style] { background-color: #B8860B !important; } /* ============================================================== */ /* List group */ /* ============================================================== */ .list-group-item.active, .list-group .list-group-item.active:hover { background: #B8860B; border-color: #B8860B; } /* ============================================================== */ /* Misc accents */ /* ============================================================== */ .bootstrap-select .dropdown-menu li a:focus, .bootstrap-select .dropdown-menu li a:hover { color: #B8860B; } .jq-icon-info { background-color: #B8860B; } .icolors > li.info { background: #B8860B; } /* ============================================================== */ /* FullCalendar buttons (mirrors override.css #76b9da) */ /* ============================================================== */ .fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active { background-color: #C9A961 !important; border-color: #C9A961 !important; } /* ============================================================== */ /* Calendar selection states (mirrors custom.css + override.css) */ /* ============================================================== */ .calendar-events.active { background-color: #C9A96152; } .calendar-resources.active { background-color: #C9A96152; } .fc .fc-timegrid-slot:hover { background-color: #C9A9617D !important; } /* ============================================================== */ /* Login (mirrors blue-dark.css for /Staff/Login + RecoverPassword) */ /* ============================================================== */ .login-register a, .login-register a.link:hover, .login-register a.link:focus { color: #C9A227; } body.gold-login a { color: #C9A227; } body.gold-login a.link:hover, body.gold-login a.link:focus { color: #C9A227 !important; } body.gold-login .bg-theme { background-color: #C9A227 !important; } body.gold-login .pagination > .active > a, body.gold-login .pagination > .active > span, body.gold-login .pagination > .active > a:hover, body.gold-login .pagination > .active > span:hover, body.gold-login .pagination > .active > a:focus, body.gold-login .pagination > .active > span:focus { background-color: #C9A227; border-color: #C9A227; } body.gold-login .text-themecolor { color: #C9A227 !important; } body.gold-login .btn-themecolor, body.gold-login .btn-themecolor.disabled { background: #C9A227; color: #ffffff; border: 1px solid #C9A227; } body.gold-login .btn-themecolor:hover, body.gold-login .btn-themecolor.disabled:hover { background: #C9A227; opacity: 0.7; border: 1px solid #C9A227; } body.gold-login .btn-themecolor.active, body.gold-login .btn-themecolor:focus, body.gold-login .btn-themecolor.disabled.active, body.gold-login .btn-themecolor.disabled:focus { background: #9C7000; }