You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
573 lines
11 KiB
573 lines
11 KiB
/* Bootstrap Code */ |
|
|
|
@import "../default-variables"; |
|
|
|
/* Manilla Theme-Specific Colors */ |
|
$manilla-gray: #c0c0c0; |
|
|
|
//$font-family-sans-serif: "source_sans_pro", "FontAwesome", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; |
|
$close-color: $black; |
|
$close-text-shadow: 0 1 0 $black; |
|
|
|
// Import Bootstrap 4 SCSS Files before doing anything |
|
// This gets replaced in gulp now -- do not touch |
|
// bs4import |
|
|
|
// Fix Font Awesome fonts path |
|
$fa-font-path: "../assets/@fortawesome/fontawesome-free/webfonts"; |
|
// Font Awesome Import |
|
@import "../../../public/assets/@fortawesome/fontawesome-free/scss/fontawesome"; |
|
@import "../../../public/assets/@fortawesome/fontawesome-free/scss/brands"; |
|
@import "../../../public/assets/@fortawesome/fontawesome-free/scss/regular"; |
|
@import "../../../public/assets/@fortawesome/fontawesome-free/scss/solid"; |
|
|
|
@import "../core"; |
|
|
|
@import "../theme-defaults"; |
|
|
|
/* All overrides */ |
|
@if $compact-theme == false { |
|
.nav-menu-img { |
|
display: none !important; |
|
} |
|
|
|
body { |
|
content: "\f0c4" !important; |
|
margin: 0 0 0 2px !important; |
|
} |
|
|
|
.menu, |
|
.menu_selected, |
|
.logout { |
|
@include font-size("0.95rem"); |
|
font-style: italic !important; |
|
} |
|
|
|
.text { |
|
color: darken($danger, 40%) !important; |
|
} |
|
|
|
.alert-custom, |
|
.link { |
|
@include font-size("0.8rem"); |
|
text-decoration: none !important; |
|
} |
|
|
|
.more, |
|
.back, |
|
.link_selected, |
|
.link_selected:visited, |
|
#addressbook_list tr.search, |
|
#addressbook_list tr.detail { |
|
@include font-size("0.8rem"); |
|
} |
|
|
|
.link_submit { |
|
@include font-size("0.85rem"); |
|
} |
|
|
|
.items { |
|
@include font-size("0.6rem"); |
|
} |
|
|
|
.title { |
|
@include font-size("1.2rem"); |
|
} |
|
|
|
.title_bar { |
|
@include font-size("1.0rem"); |
|
} |
|
|
|
.title_bar_top { |
|
@include font-size("1.1rem"); |
|
} |
|
|
|
.sidebar { |
|
background: #fffbeb !important; |
|
font-size: 95% !important; |
|
} |
|
|
|
.sidebar .submenu { |
|
font-size: 90% !important; |
|
} |
|
|
|
.navbar-custom { |
|
padding: 0 !important; |
|
} |
|
|
|
#addressbook_list tr.head { |
|
@include font-size("0.9rem"); |
|
} |
|
|
|
#addressbook_list .inputtext { |
|
@include font-size("0.8rem"); |
|
} |
|
|
|
/*============================================================= |
|
* Patient Stats |
|
* seen in the patient stats screens |
|
*============================================================*/ |
|
#patient_stats table { |
|
background-color: $white; |
|
border: 1px solid $black; |
|
border-radius: 5px; |
|
box-shadow: 2px 2px 2px $manilla-gray; |
|
padding: 1em; |
|
width: 100%; |
|
} |
|
|
|
#patient_stats table:first { |
|
border: 0; |
|
} |
|
|
|
#patient_stats .head, |
|
#patient_stats .detail { |
|
@include font-size("0.9rem"); |
|
} |
|
|
|
/*============================================================= |
|
* Patient Past Encounters and Documents |
|
* seen in the patient encounter screen |
|
*============================================================*/ |
|
#patient_pastenc #tooltipdiv { |
|
@include font-size("0.85rem"); |
|
} |
|
|
|
tr.odd { |
|
background-color: $gray !important; |
|
} |
|
|
|
td.even { |
|
background-color: $white !important; |
|
} |
|
|
|
/* |
|
* TABS |
|
*/ |
|
|
|
ul.tabNav { |
|
background: inherit !important; |
|
padding-top: 0 !important; |
|
} |
|
|
|
ul.tabNav li { |
|
@include font-size("0.8rem"); |
|
border-left: 1px solid $black; |
|
border-radius: 8px 8px 0 0; |
|
border-right: 1px solid $black; |
|
border-top: 1px solid $black; |
|
float: left; |
|
margin: 0 3px 0 0; |
|
padding: 0.5px 0 0 !important; |
|
position: relative; |
|
text-align: left; |
|
top: 2px; |
|
vertical-align: bottom; |
|
z-index: 1; |
|
} |
|
|
|
ul.tabNav li.current { |
|
@include font-size("0.8rem"); |
|
border-left: 1px solid $black; |
|
font-weight: bold; |
|
position: relative; |
|
text-align: left; |
|
top: 0.0875em; |
|
vertical-align: bottom; |
|
z-index: 3; |
|
} |
|
|
|
ul.tabNav a { |
|
background: #f8e6cb; |
|
border-radius: 8px 8px 0 0; |
|
box-shadow: 2px -1px 1px $manilla-gray; |
|
color: $dark !important; |
|
padding: 8px !important; |
|
} |
|
|
|
div.tabContainer { |
|
background-color: $white; |
|
border: 1px solid $manilla-gray; |
|
border-radius: 0 8px 8px; |
|
box-shadow: 0 0 10px #f0f0f0; |
|
clear: both; |
|
float: left; |
|
margin-bottom: 2em; |
|
margin-top: -0.1px; |
|
padding: 10px; |
|
position: relative; |
|
width: 100%; |
|
z-index: 1; |
|
} |
|
|
|
div.tabContainer div.tab { |
|
border: 0; |
|
color: $body-color; |
|
display: none; |
|
padding: 10px; |
|
} |
|
|
|
div.tabContainer div.current { |
|
box-shadow: 0; |
|
display: block; |
|
} |
|
|
|
div.tab { |
|
background: $white none repeat scroll 0 0; |
|
border: 1px solid $black; |
|
border-radius: 5px; |
|
margin-bottom: 10px; |
|
min-height: 180px; |
|
width: 100%; |
|
} |
|
|
|
div.tab_long { |
|
background: $white none repeat scroll 0 0; |
|
margin-bottom: 10px; |
|
min-height: 180px; |
|
width: 100%; |
|
} |
|
|
|
div.tab p:last-child { |
|
margin-bottom: 0; |
|
} |
|
|
|
td .div { |
|
border-left: 1px solid $black; |
|
} |
|
|
|
div.notab { |
|
background: $white none repeat scroll 0 0; |
|
background-color: $white; |
|
border: 1px solid $manilla-gray; |
|
border-radius: 0 0 5px 5px; |
|
box-shadow: 1px 2px 4px $manilla-gray; |
|
margin-bottom: 10px; |
|
margin-bottom: 2em; |
|
padding-left: 10px; |
|
width: initial; |
|
} |
|
|
|
div.notab-right { |
|
background-color: $white; |
|
border: 1px solid $manilla-gray; |
|
border-radius: 0 0 5px 5px; |
|
box-shadow: 1px 2px 4px $manilla-gray; |
|
margin-bottom: 2em; |
|
padding-left: 10px; |
|
width: initial; |
|
} |
|
|
|
.section-header { |
|
background-color: #f8e8cb; |
|
border: 1px solid $black; |
|
border-radius: 5px 5px 0 0; |
|
box-shadow: 2px 0 5px $manilla-gray; |
|
clear: both; |
|
margin: initial; |
|
padding: 6px; |
|
} |
|
|
|
.section-header-dynamic { |
|
background-color: #f8e8cb; |
|
border: 1px solid $black; |
|
border-radius: 5px 5px 0 0; |
|
box-shadow: 2px 0 5px $manilla-gray; |
|
clear: both; |
|
margin: inherit; |
|
padding: 6px; |
|
} |
|
|
|
.summary_item { |
|
background: $white none repeat scroll 0 0; |
|
background-color: $white; |
|
border: 1px solid $manilla-gray; |
|
border-radius: 0 0 5px 5px; |
|
box-shadow: 1px 2px 4px $manilla-gray; |
|
margin: 0 auto 10px; |
|
margin-bottom: 10px; |
|
} |
|
|
|
div.summary_item div { |
|
margin: 1em auto; |
|
} |
|
|
|
/** |
|
* List-table formatting |
|
**/ |
|
|
|
.showborder td, |
|
.showborder_head th, |
|
.shownoborder td, |
|
.showborder_long tr td { |
|
@include font-size("0.75rem"); |
|
} |
|
|
|
/** |
|
* Drug lookup |
|
**/ |
|
.drug_lookup { |
|
@include font-size("0.6875rem"); |
|
} |
|
|
|
/* Style for red font */ |
|
.redtext { |
|
@include font-size("0.8125rem"); |
|
} |
|
|
|
/* Style for red font */ |
|
|
|
body dl { |
|
background-color: #c9dbf2; |
|
border-bottom: 0.1px solid $black; |
|
box-shadow: 0 0 10px $black; |
|
min-height: 0.5px; |
|
} |
|
|
|
|
|
#sddm li { |
|
background: #c9dbf2; |
|
/* for non-css3 browsers */ |
|
color: $black; |
|
padding: 0; |
|
} |
|
|
|
#sddm li a { |
|
@include font-size("0.8rem"); |
|
color: $body-color; |
|
padding: 4px 10px; |
|
} |
|
|
|
#sddm li a:hover { |
|
background: #16558c; |
|
color: $white; |
|
} |
|
|
|
#sddm div { |
|
background-color: #c9dbf2; |
|
border: 0.7px solid $gray; |
|
border-radius: 0 5px 5px; |
|
box-shadow: 0 6px 12px rgba($black, 0.176); |
|
color: $body-color; |
|
margin-top: 0; |
|
min-width: 175px; |
|
padding-bottom: 4px; |
|
padding-left: 0; |
|
padding-right: 0; |
|
padding-top: 3px; |
|
z-index: 20; |
|
} |
|
|
|
#sddm div a { |
|
background: #c9dbf2; |
|
color: $body-color; |
|
} |
|
|
|
#sddm div a:hover { |
|
background: #16558c; |
|
} |
|
|
|
#sddm td { |
|
border-top: 0 !important; |
|
} |
|
|
|
.example_menu { |
|
font-size: 70% !important; |
|
} |
|
|
|
.example_menu ul a:Subjective { |
|
font-weight: normal; |
|
} |
|
|
|
.example_menu ul a:hover { |
|
background: $light; |
|
text-decoration: underline; |
|
} |
|
|
|
/* Form styles */ |
|
.formtable { |
|
@include font-size("0.8125rem"); |
|
} |
|
|
|
.error-message { |
|
@include font-size("0.6875rem"); |
|
} |
|
|
|
/* flow board filters*/ |
|
#flow_board_parameters { |
|
border: 1px solid $black; |
|
border-radius: 8px; |
|
box-shadow: 2px 2px 2px rgb(192, 192, 192); |
|
padding: 8px; |
|
text-decoration: none; |
|
} |
|
|
|
#flow_board_parameters table { |
|
border: 0; |
|
} |
|
|
|
#theform table table { |
|
background: $white; |
|
border-bottom: 0.1px solid $black; |
|
box-shadow: 0 0 2px $manilla-gray; |
|
color: $dark; |
|
display: block; |
|
margin: 3px; |
|
padding: 0; |
|
text-decoration: none; |
|
} |
|
|
|
#theform th ul li { |
|
top: 0.375em; |
|
} |
|
|
|
#pattrk { |
|
background: $white; |
|
border: 1px solid $black; |
|
border-radius: 8px; |
|
box-shadow: 2px 2px 2px $manilla-gray; |
|
color: $dark; |
|
display: block; |
|
margin: 0 auto; |
|
padding: 8px; |
|
text-decoration: none; |
|
} |
|
|
|
.calendar { |
|
z-index: 2; |
|
} |
|
|
|
.chevron_color { |
|
color: #063f80; |
|
} |
|
|
|
/* main.php*/ |
|
.body_main { |
|
background-color: $light; |
|
} |
|
|
|
/*~~openemr5 tabs menu , user and logout icon~~*/ |
|
#menu_icon, |
|
#logout_icon, |
|
#user_icon { |
|
color: $gray !important; |
|
} |
|
|
|
/*~~openemr5 tabs menu , user and logout icon~~*/ |
|
/*openrmr5.0.2 edit_globals vertical menu*/ |
|
#oe-nav-ul.tabNav li { |
|
border: 0; |
|
border-radius: 0; |
|
} |
|
|
|
#oe-nav-ul.tabNav li.current { |
|
color: #676666; |
|
} |
|
|
|
#oe-nav-ul.tabNav a { |
|
background: $light; |
|
border-bottom: 1px solid $gray-400; |
|
border-left: 2px solid $gray; |
|
} |
|
|
|
#oe-nav-ul.tabNav a:hover { |
|
background-color: $white !important; |
|
color: $gray; |
|
} |
|
|
|
#oe-nav-ul.tabNav { |
|
background: rgba($black, 0.05) !important; |
|
} |
|
|
|
#oe-nav-ul.tabNav .current a { |
|
background: $white; |
|
border-color: $gray; |
|
color: #676666; |
|
} |
|
|
|
#globals-div .tabContainer { |
|
border-color: $gray; |
|
} |
|
|
|
.oe-global-tab-heading { |
|
color: #676666; |
|
margin-top: -20px; |
|
} |
|
|
|
.tabNotchosen { |
|
background-color: #fffffff0 !important; |
|
border-bottom: 1px solid $gray !important; |
|
border-left: 0 !important; |
|
border-right: 0 !important; |
|
border-top: 0 !important; |
|
box-shadow: 3px 4px 11px $gray; |
|
display: block; |
|
} |
|
|
|
#patient_caret { |
|
font-style: smaller; |
|
} |
|
/*openemr5.0.2 edit_globals vertical menu*/ |
|
/*bootstrap navbar */ |
|
.navbar-collapse.collapse.in { |
|
background-color: $light !important; |
|
color: $body-color !important; |
|
} |
|
|
|
.navbar-light .navbar-nav > li > a:focus, |
|
.navbar-light .navbar-nav > li > a:hover { |
|
background-color: #eee; |
|
color: $dark; |
|
} |
|
} |
|
|
|
.navbar-expand-xl { |
|
box-shadow: 1px 2px 6px #80808073; |
|
} |
|
|
|
#mainBox > nav { |
|
background-color: #c9dbf2 !important; |
|
box-shadow: 0 0 5px #939393; |
|
padding: 0; |
|
z-index: 10; |
|
} |
|
|
|
#mainbox > div { |
|
background-color: #c9dbf2 !important; |
|
margin: 0; |
|
padding: 0; |
|
z-index: 1; |
|
} |
|
|
|
#attendantData { |
|
background-color: #c9dbf2 !important; |
|
} |
|
|
|
#tabs_div { |
|
background-color: #c9dbf2 !important; |
|
box-shadow: inset 0 -2px 3px #80808850; |
|
z-index: auto; |
|
} |
|
|
|
#tabsControl { |
|
background: unset; |
|
} |
|
|
|
.tabSpan { |
|
box-shadow: 0 -2px 3px #80808850; |
|
} |
|
|
|
|
|
/*search any*/ |
|
@import "../navigation-slide/manilla"; |
|
@import "../oe-bootstrap"; |
|
|
|
.btn-primary { |
|
background-color: #c9dbf2; |
|
border-color: #00000073; |
|
color: #000; |
|
} |
|
|
|
.btn-group { |
|
color: #000; |
|
}
|
|
|