From 14f501d2579f416afbad82f6f458ff835647eb90 Mon Sep 17 00:00:00 2001 From: zbig01 Date: Mon, 30 Apr 2018 00:47:11 -0700 Subject: [PATCH] Updated ACL help file, minor styling changes (#1590) * Made minor styling changes to help files, added some css classes to flat stylesheets Updated ACL help file --- interface/billing/sl_eob_search.php | 2 +- interface/forms/fee_sheet/new.php | 2 +- interface/themes/style_ash_blue.css | 304 +++++++++++++++-------------- interface/themes/style_burgundy.css | 306 +++++++++++++++-------------- interface/themes/style_cadmium_yellow.css | 308 +++++++++++++++--------------- interface/themes/style_chocolate.css | 304 +++++++++++++++-------------- interface/themes/style_cobalt_blue.css | 304 +++++++++++++++-------------- interface/themes/style_coral.css | 304 +++++++++++++++-------------- interface/themes/style_deep_purple.css | 306 +++++++++++++++-------------- interface/themes/style_dune.css | 304 +++++++++++++++-------------- interface/themes/style_emerald.css | 304 +++++++++++++++-------------- interface/themes/style_forest_green.css | 304 +++++++++++++++-------------- interface/themes/style_mauve.css | 304 +++++++++++++++-------------- interface/themes/style_mustard_green.css | 304 +++++++++++++++-------------- interface/themes/style_olive.css | 304 +++++++++++++++-------------- interface/themes/style_pink.css | 304 +++++++++++++++-------------- interface/themes/style_powder_blue.css | 306 +++++++++++++++-------------- interface/themes/style_red.css | 306 +++++++++++++++-------------- interface/themes/style_sienna.css | 304 +++++++++++++++-------------- interface/themes/style_tangerine.css | 304 +++++++++++++++-------------- interface/usergroup/adminacl.php | 2 +- interface/usergroup/adminacl_help.php | 71 ++++--- library/globals.inc.php | 2 +- 23 files changed, 2775 insertions(+), 2788 deletions(-) diff --git a/interface/billing/sl_eob_search.php b/interface/billing/sl_eob_search.php index b9edd0060..ff3752be1 100644 --- a/interface/billing/sl_eob_search.php +++ b/interface/billing/sl_eob_search.php @@ -644,7 +644,7 @@ if (($_POST['form_print'] || $_POST['form_download'] || $_POST['form_email'] ||
-

  

+

  

diff --git a/interface/forms/fee_sheet/new.php b/interface/forms/fee_sheet/new.php index 9ef78cd93..da3994dcd 100644 --- a/interface/forms/fee_sheet/new.php +++ b/interface/forms/fee_sheet/new.php @@ -856,7 +856,7 @@ $title = array(xl('Fee Sheet for'), $name, $date);
-

+

diff --git a/interface/themes/style_ash_blue.css b/interface/themes/style_ash_blue.css index 3a1996607..50f4f29bf 100644 --- a/interface/themes/style_ash_blue.css +++ b/interface/themes/style_ash_blue.css @@ -15,22 +15,21 @@ * * @package OpenEMR * @author Ranganath Pathak - * @copyright Copyright (c) 2017 Ranganath Pathak - * @version 1.0 + * @copyright Copyright (c) 2018 Ranganath Pathak + * @version 1.1 * @license http://opensource.org/licenses/gpl-license.php GNU Public License * @link http://www.open-emr.org */ - -/* +/* COLOR PALETTE - #404A6D - Darkest Ash Blue* + #404A6D - Darkest Ash Blue* #3A4B84 - Darker Ash Blue* #6B7CB6 - Dark Ash Blue #8896C4 - Mid Ash Blue #A6B0D3 - Mid Pale Ash Blue* #B5BDDA - Pale Ash Blue - #C3CAE1 - Mid Pale Pale Ash Blue* + #C3CAE1 - Mid Pale Pale Ash Blue* #E1E4F0 - Pale Pale Ash Blue* #E7E6F9 - Pale Purple~ #F0F1F7 - Paler Ash Blue @@ -39,18 +38,19 @@ * - used in styling buttons and input ~ - common for all flat stylesheets */ + @import "core.css"; * { font-family: /* 1 */ -apple-system, BlinkMacSystemFont, /* 2 */ - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", /* 3 */ + "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */ "Helvetica Neue", sans-serif; } -html{ - font-size:14px; +html { + font-size: 14px; } /* RP_MODIFIED 2/09/2015, 1/17/2016*/ + body { margin: 0px 0px 0px 2px; /* set the base fontsize for all DOM children */ @@ -105,7 +105,7 @@ a:hover { color: #000000; font-weight: bold; } -.alert , .alert-custom{ +.alert, .alert-custom { font-size: 70%; color: #FF0000; text-decoration: none; @@ -157,7 +157,6 @@ a:hover { font-weight: bold; text-decoration: none; } - /* see .titlebar below */ .title_bar { @@ -173,8 +172,8 @@ a:hover { color: #000000; } /*============================================================= - * Here we have taken variables from globals.php and turned them into CSS - * classes these should be used in place of the GLOBAL variables + * Here we have taken variables from globals.php and turned them into CSS + * classes these should be used in place of the GLOBAL variables * -- JRM March 2008 =============================================================*/ @@ -183,6 +182,7 @@ a:hover { margin: 8px } /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/ + .bgcolor2 { background-color: #F0F1F7; } @@ -193,18 +193,22 @@ a:hover { margin: 8px } /* $bottom_bg_line */ + .body_title { background-color: #6B7CB6; } /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/ + .body_nav { background-color: #F0F1F7; } /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */ + .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ + .body_login { background: url('../pic/aquabg.gif') repeat; } @@ -213,24 +217,28 @@ a:hover { .table_bg { background-color: #ccc; } - /* $table_bg */ + .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ + .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ + .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ + .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ + .logobar { background-color: #2F2F7D; height: 110px; @@ -241,12 +249,14 @@ a:hover { height: 22px; } /* $GLOBALS['navBarHeight'] */ + .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ + #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; @@ -287,7 +297,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ .highlight { color: magenta !Important; } - /* styles taken out of templates/report/general_default.html */ #reports_list td { @@ -298,7 +307,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ font-size: 8pt; font-family: helvetica; } - /* styles taken out of templates/documents/general_list.html */ #documents_list td { @@ -350,6 +358,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ + #DEM .groupname { font-weight: bold; color: #080; @@ -371,6 +380,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /*30px - ie 6 fix*/ } /* Patient History */ + #HIS .groupname { font-weight: bold; color: #080; @@ -394,6 +404,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Notes * seen in the patient summary and notes screens *============================================================*/ + #pnotes .billing { background-color: #dfd; } @@ -412,13 +423,14 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ padding: 5px; margin: 5px; } -#pnotes_ps_expand div.tab table td { - padding-right: 10px; +#pnotes_ps_expand div.tab table td { + padding-right: 10px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ + #patient_stats { padding: 10px; } @@ -457,6 +469,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Stats Summary * seen in the patient summary screen *============================================================*/ + #patient_stats_summary table { border-collapse: collapse; } @@ -488,6 +501,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ + #patient_pastenc { width: 100%; } @@ -541,6 +555,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Reports * seen in the patient reports screens *============================================================*/ + #patient_reports { width: 100%; } @@ -569,6 +584,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ + #report_custom { width: 100%; } @@ -648,12 +664,12 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ background-color: #FFFFFF; /*RP_MODIFIED 1/16/2016 :#B5BDDA */ } -#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), -.signout-restore-subheading { +#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading { background-color: #C3CAE1; /*RP_MODIFIED 1/16/2016 #ffffff */ } /* The top navigation icon styling*/ + .top-nav-icons { margin-right: 15px; margin-top: 5px @@ -661,9 +677,8 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /* * CSS BUTTONS */ -.message-table-header, #searchResultsHeader, #searchResultsHeader th, -#addressbook_list tr.head, .signout-heading, #report_results table thead, -.dehead, .showborder_head { + +.message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head { background: #8896C4; /*styles the message table header*/ } @@ -686,14 +701,10 @@ input[type="button"], input[type="submit"], button { padding: 0px !Important; margin-bottom: 5px; } -input[type="button"]:focus, input[type="button"]:active:focus, -input[type="button"].active:focus, input[type="submit"]:focus, -input[type="submit"]:active:focus, button.active:focus, button:focus, -button:active:focus, button.active:focus { +input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus { /*transform: translateY(2px);*/ } -input[type="text"], input[type="entry"], input[type="password"], -input[type="search"], textarea { +input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; @@ -708,9 +719,7 @@ select { border: 1px solid #3A4B84 ! Important; margin: 3px; } -input[type="text"]:focus, input[type="entry"]:focus, -input[type="password"]:focus, input[type="search"]:focus, textarea:focus, -select:focus { +input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus { background: #E1E4F0; border-color: #404A6D !important; box-shadow: 0 0 3px #A6B0D3 !important; @@ -720,7 +729,7 @@ select:focus { transition: 0.2s linear all; } select[multiple] { - height:auto !Important; + height: auto !Important; } .css_button_small, .css_button { display: inline-block; @@ -748,20 +757,16 @@ select[multiple] { border-radius: 2px; opacity: 1; } -.css_button_small:focus, .css_button_small:active:focus, -.css_button_small.active:focus, .css_button_small.focus, -.css_button_small:active.focus, .css_button_small.active.focus { +.css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, -.css_button:hover, .css_button:focus, .css_button.focus { +.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus { color: #FFFFFF; text-decoration: none; } -.css_button_small:active, .css_button_small.active, .css_button:active, -.css_button.active { +.css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); @@ -778,8 +783,7 @@ select[multiple] { .css_button_icon { padding: 3px 12px 5px 12px; } -a:visited .css_button_small, a.css_button_small, a:visited .css_button, -a.css_button { +a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button { color: #FFFFFF; } .css_button_small span {} @@ -797,11 +801,11 @@ a.disabled_button:hover { /* * TABS A7A7A7 */ + ul.tabNav { margin: 0 0 -4 0; padding: 0; } - /*RP_MODIFIED 7/16/2016*/ ul.tabNav { @@ -837,14 +841,12 @@ ul.tabNav a { /*#CFCCF7 RP_MODIFIED 2/11/2015*/ border-top-right-radius: 5px; } - /*added RP_MODIFIED */ ul.tabNav a:hover { background-color: #6B7CB6; color: #000000; } - /*RP_MODIFIED 2/11/2015 */ ul.tabNav li.current a { @@ -915,7 +917,6 @@ div.notab-right { background: #FFFFFF; padding: 8px; } - /* * REPORTS */ @@ -977,7 +978,6 @@ div.notab-right { background-color: #C3CAE1; font-weight: bold; } - /** * List-table formatting **/ @@ -1007,7 +1007,6 @@ div.notab-right { text-align: left; font-size: 9pt; } - /** * Drug lookup **/ @@ -1022,7 +1021,6 @@ div.notab-right { position: absolute; display: block; } - /* Password alert styles */ .pwdalert { @@ -1044,10 +1042,8 @@ div.notab-right { border: 3px solid #9acc2e; background-color: #eef7dd; } - /* Password alert styles */ - /* Style for red font */ .redtext { @@ -1055,7 +1051,6 @@ div.notab-right { color: #FF0000; font-size: 10pt; } - /* Style for red font */ .de_identification_status_message { @@ -1101,11 +1096,9 @@ div.notab-right { #navigation-slide li a.expanded { background: #8896C4; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8896C4', - endColorstr='#8896C4'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8896C4', endColorstr='#8896C4'); /* for IE 61a0ff)*/ - background: -webkit-gradient(linear, left top, left bottom, from(#8896C4), - to(#8896C4)); + background: -webkit-gradient(linear, left top, left bottom, from(#8896C4), to(#8896C4)); /* for webkit browsers */ background: -moz-linear-gradient(top, #8896C4, #8896C4); /* for firefox 3.6+ 61a0ff*/ @@ -1113,11 +1106,9 @@ div.notab-right { #navigation-slide ul li a.collapsed_lv2 { background: #7870DE; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', - endColorstr='#7870de'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de'); /* for IE e7e6f9*/ - background: -webkit-gradient(linear, left top, left bottom, from(#7870de), - to(#7870de)); + background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#7870de)); /* for webkit browsers e7e6f9*/ background: -moz-linear-gradient(top, #7870de, #7870de); /* for firefox 3.6+ e7e6f9*/ @@ -1125,32 +1116,25 @@ div.notab-right { #navigation-slide ul li a.expanded_lv2 { background: #e7e6f9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', - endColorstr='#e7e6f9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#e7e6f9'); /* for IE 7870de*/ - background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), - to(#e7e6f9)); + background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#e7e6f9)); /* for webkit browsers 7870de */ background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9); /* for firefox 3.6+ 7870de*/ } #navigation-slide ul li a.collapsed_lv3 { background: #aaaaaa; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', - endColorstr='#aaaaaa'); - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), - to(#aaaaaa)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); + background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa)); background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); } #navigation-slide ul li a.expanded_lv3 { background: #eeeeee; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', - endColorstr='#eeeeee'); - background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), - to(#eeeeee)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -moz-linear-gradient(top, #eeeeee, #eeeeee); } - #sddm li { margin: 0; padding: 0; @@ -1160,11 +1144,9 @@ div.notab-right { /*RP_MODIFIED 2/8/15 #EAE6FF*/ background: #6B7CB6; /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6B7CB6', - endColorstr='#6B7CB6'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6B7CB6', endColorstr='#6B7CB6'); /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ - background: -webkit-gradient(linear, left top, left bottom, from(#6B7CB6), - to(#6B7CB6)); + background: -webkit-gradient(linear, left top, left bottom, from(#6B7CB6), to(#6B7CB6)); /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ background: -moz-linear-gradient(top, #6B7CB6, #6B7CB6); /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ @@ -1288,8 +1270,7 @@ div.notab-right { .example_menu li.active li a { background: #e8e8e8; } -#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 -li.footer, .example_menu .footer { +#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; @@ -1362,6 +1343,7 @@ li.footer, .example_menu .footer { /*RP_ADDED 8/27/2016*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + div.section, div.borderbox { border-color: #404A6D !important; background-color: #C3CAE1; @@ -1369,6 +1351,7 @@ div.section, div.borderbox { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .login div.container { margin-top: 5%; max-width: 500px; @@ -1384,6 +1367,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .feesheet-title { font-weight: 900; background: #6B7CB6 !important; @@ -1393,7 +1377,8 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -#mainBox > .body_top, .body_top_tabs { + +#mainBox>.body_top, .body_top_tabs { background-color: #6B7CB6 !important; } .tabSpan, .tabSpan_tabs { @@ -1439,11 +1424,10 @@ body.login { border: 1px solid #3A4B84; background: white; } - /*.patientEncounterList { background: #ffff9e !Important; border: 1px solid #3A4B84; - + } .patientEncounterList:hover{ background: #E1E4F0 !important; @@ -1453,7 +1437,7 @@ body.login { -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; transition: 0.2s linear all; - + overflow: visible; height: auto; z-index:4; @@ -1486,10 +1470,11 @@ body.login { .menuSection>.menuEntries { background-color: #F0F1F7 !Important; } -.body_title, .body_title_tabs { +.body_title, .body_title_tabs { background-color: #A6B0D3 !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .tabs_body, #searchCriteria { background-color: #B5BDDA; } @@ -1499,6 +1484,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ + #calsearch_params { background-color: #C3CAE1 !important; width: 98% !Important; @@ -1525,6 +1511,7 @@ div#providerPicker select { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/ + img[src *="show_calendar.gif"] { margin-bottom: 3px; } @@ -1546,8 +1533,8 @@ body.admin-layout input[type="button"] { display: inline-block; float: none; } - /* error message = new validation */ + .error-message { color: red; display: block; @@ -1567,8 +1554,8 @@ body.admin-layout input[type="button"] { width: 44px; height: 22px; } - /* flow board filters*/ + #flow_board_parameters { width: 1041px; margin: 25px auto; @@ -1588,6 +1575,7 @@ body.admin-layout input[type="button"] { /* flow board filters*/ /* ------- Therapy groups styling --------- */ + .group-row { margin-top: 15px; } @@ -1629,8 +1617,7 @@ table.dataTable#therapy_groups_list tbody td { .therapy_group #therapy_groups_list_container input[type=number] { -moz-appearance: textfield; } -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { +.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @@ -1675,8 +1662,7 @@ table.dataTable#therapy_groups_list tbody td { margin-bottom: 20px; margin-left: 10px; } -#add_participant .patient_wrap, #add_participant .comment_wrap, -#add_participant .button_wrap { +#add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap { margin-top: 7px; } #add_participant .patient_wrap, #add_participant .comment_wrap { @@ -1744,6 +1730,7 @@ table.dataTable#therapy_groups_list tbody td { margin: 20px 20px 2px 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ + .dm-ed-in-1 { background-color: #C3CAE1 !Important; border-bottom: thin solid #404A6D !Important; @@ -1760,6 +1747,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .responsetd { border-color: #404A6D !important; background-color: #C3CAE1; @@ -1774,6 +1762,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .code_fieldset { border: 1px solid #404A6D !important; background-color: #C3CAE1 !Important; @@ -1788,13 +1777,12 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ -.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, -.navbar-nav>.active>a:focus { + +.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { /* color: white; background-color: transparent !Important;*/ } -.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #C3CAE1 !Important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { @@ -1832,6 +1820,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + input[type=checkbox], input[type=radio] { margin: 4px !Important; } @@ -1840,7 +1829,6 @@ fieldset { background-color: #C3CAE1 !Important; margin-bottom: 10px!Important; padding: 0px 0px 15px 0px !Important; - } legend { border-bottom: 2px solid #6B7CB6 !Important; @@ -1873,10 +1861,9 @@ textarea.form-control { background: #F0F1F7 !Important; color: #8e8e8e !Important; border-color: #404A6D !Important; - border-radius: 2px !Important; + border-radius: 2px !Important; } -.btn-default.active, .btn-default.focus, .btn-default:active, -.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { +.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { border-color: #404A6D !Important; background: #404A6D !Important; } @@ -1887,29 +1874,28 @@ textarea.form-control { border: 1px solid #ccc; border-radius: 3px !Important; } -.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, -.btn-link:hover, .open>.dropdown-toggle.btn-link { +.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link { color: #666666 !Important; border-color: #3A4B84 !Important; background: #E1E4F0 !Important; - box-shadow:0px 0px 2px #3A4B84 inset; - transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s; + box-shadow: 0px 0px 2px #3A4B84 inset; + transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; } -.btn-separate-left, .oe-opt-btn-separate-left{ - margin-left: 20px !Important; +.btn-separate-left, .oe-opt-btn-separate-left { + margin-left: 20px !Important; } -.btn-group .btn { - margin-right:2px !Important; +.btn-group .btn { + margin-right: 2px !Important; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0px !Important; + border-top-right-radius: 0px !Important; border-bottom-right-radius: 0px !Important; border-bottom-left-radius: 3px !Important; border-top-left-radius: 3px !Important; } .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) { - border-top-right-radius: 3px !Important; - border-bottom-right-radius: 3px !Important; + border-top-right-radius: 3px !Important; + border-bottom-right-radius: 3px !Important; } .btn-sm { font-size: 10px !Important; @@ -1930,63 +1916,63 @@ textarea.form-control { height: 24px ! Important; padding: 0px 6px !Important; } -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], -.radio input[type=radio], .radio-inline input[type=radio] { +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -20px !Important; } .checkbox label, .radio label { padding-left: 20px !important; } -.position-override{ - text-align:center !Important; - margin-left:0px; - } -.oe-custom-line{ - padding-bottom:5px; +.position-override { + text-align: center !Important; + margin-left: 0px; +} +.oe-custom-line { + padding-bottom: 5px; } .oe-large { - display: inline-block; + display: inline-block; } .oe-small { - display: none; + display: none; } .oe-show-hide { - display: none; + display: none; } -.oe-legend-radio{ - font-size:12px; - padding:5px 5px 0px 0px; +.oe-legend-radio { + font-size: 12px; + padding: 5px 5px 0px 0px; } .oe-bold-black { font-weight: 700 !Important; color: black !Important; } .oe-btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 15px; - background: #3A4B84 !Important; - color: #FFFFFF !Important; - border-color: #404A6D !Important; -} -.patientInfo a.btn, .patientDataColumn a.btn{ - width: 20px; - height: 20px; - text-align: center; - padding: 2px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 10px !Important; - background: #3A4B84 !Important; - color: #FFFFFF !Important; - border-color: #404A6D !Important; - margin:5px; + width: 30px; + height: 30px; + text-align: center; + padding: 6px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 15px; + background: #3A4B84 !Important; + color: #FFFFFF !Important; + border-color: #404A6D !Important; +} +.patientInfo a.btn, .patientDataColumn a.btn { + width: 20px; + height: 20px; + text-align: center; + padding: 2px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 10px !Important; + background: #3A4B84 !Important; + color: #FFFFFF !Important; + border-color: #404A6D !Important; + margin: 5px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + #globals_form_search { margin-top: -3px; padding: 2px 3px 1px 3px; @@ -1995,19 +1981,31 @@ th.currentvalues, th.historicalvalues { background: #6B7CB6 !Important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .oe-payment-select { width: 80px !important; text-align: right; font-size: 12px; } -.oe-ckbox-label{ +.oe-ckbox-label { padding-left: 30px; font-weight: 500; } -.oe-file-div{ - padding:10px 15px; +.oe-file-div { + padding: 10px 15px; +} +.oe-modal-dialog { + width: 65% !Important; +} +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +.oe-help-redirect { + color: #3A4B84 !Important; } -.oe-modal-dialog{ - width:65% !Important; +.oe-help-heading { + background-color: #E1E4F0 !Important; + border-color: #A6B0D3 !Important; } -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file diff --git a/interface/themes/style_burgundy.css b/interface/themes/style_burgundy.css index 61609c8b8..07bc7ee4a 100644 --- a/interface/themes/style_burgundy.css +++ b/interface/themes/style_burgundy.css @@ -15,22 +15,21 @@ * * @package OpenEMR * @author Ranganath Pathak - * @copyright Copyright (c) 2017 Ranganath Pathak - * @version 1.0 + * @copyright Copyright (c) 2018 Ranganath Pathak + * @version 1.1 * @license http://opensource.org/licenses/gpl-license.php GNU Public License * @link http://www.open-emr.org */ - -/* +/* COLOR PALETTE - #3F0B15 - Darkest Burgundy* + #3F0B15 - Darkest Burgundy* #5F111F - Darker Burgundy* - #B0475B - Dark Burgundy + #B0475B - Dark Burgundy #CF8E9A - Mid Burgundy #E2BBC2 - Mid Pale Burgundy* #EBD1D6 - Pale Burgundy - #F1DEE2 - Mid Pale Pale Burgundy* + #F1DEE2 - Mid Pale Pale Burgundy* #F5E8EA - Pale Pale Burgundy* #E7E6F9 - Pale Purple~ #FAF3F4 - Paler Burgundy @@ -39,18 +38,19 @@ * - used in styling buttons and input ~ - common for all flat stylesheets */ + @import "core.css"; * { font-family: /* 1 */ -apple-system, BlinkMacSystemFont, /* 2 */ - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", /* 3 */ + "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */ "Helvetica Neue", sans-serif; } -html{ - font-size:14px; +html { + font-size: 14px; } /* RP_MODIFIED 2/09/2015, 1/17/2016*/ + body { margin: 0px 0px 0px 2px; /* set the base fontsize for all DOM children */ @@ -105,7 +105,7 @@ a:hover { color: #000000; font-weight: bold; } -.alert , .alert-custom{ +.alert, .alert-custom { font-size: 70%; color: #FF0000; text-decoration: none; @@ -157,7 +157,6 @@ a:hover { font-weight: bold; text-decoration: none; } - /* see .titlebar below */ .title_bar { @@ -173,8 +172,8 @@ a:hover { color: #000000; } /*============================================================= - * Here we have taken variables from globals.php and turned them into CSS - * classes these should be used in place of the GLOBAL variables + * Here we have taken variables from globals.php and turned them into CSS + * classes these should be used in place of the GLOBAL variables * -- JRM March 2008 =============================================================*/ @@ -183,6 +182,7 @@ a:hover { margin: 8px } /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/ + .bgcolor2 { background-color: #FAF3F4; } @@ -193,18 +193,22 @@ a:hover { margin: 8px } /* $bottom_bg_line */ + .body_title { background-color: #B0475B; } /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/ + .body_nav { background-color: #FAF3F4; } /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */ + .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ + .body_login { background: url('../pic/aquabg.gif') repeat; } @@ -213,24 +217,28 @@ a:hover { .table_bg { background-color: #ccc; } - /* $table_bg */ + .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ + .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ + .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ + .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ + .logobar { background-color: #2F2F7D; height: 110px; @@ -241,12 +249,14 @@ a:hover { height: 22px; } /* $GLOBALS['navBarHeight'] */ + .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ + #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; @@ -287,7 +297,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ .highlight { color: magenta !Important; } - /* styles taken out of templates/report/general_default.html */ #reports_list td { @@ -298,7 +307,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ font-size: 8pt; font-family: helvetica; } - /* styles taken out of templates/documents/general_list.html */ #documents_list td { @@ -350,6 +358,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ + #DEM .groupname { font-weight: bold; color: #080; @@ -371,6 +380,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /*30px - ie 6 fix*/ } /* Patient History */ + #HIS .groupname { font-weight: bold; color: #080; @@ -394,6 +404,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Notes * seen in the patient summary and notes screens *============================================================*/ + #pnotes .billing { background-color: #dfd; } @@ -412,13 +423,14 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ padding: 5px; margin: 5px; } -#pnotes_ps_expand div.tab table td { - padding-right: 10px; +#pnotes_ps_expand div.tab table td { + padding-right: 10px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ + #patient_stats { padding: 10px; } @@ -457,6 +469,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Stats Summary * seen in the patient summary screen *============================================================*/ + #patient_stats_summary table { border-collapse: collapse; } @@ -488,6 +501,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ + #patient_pastenc { width: 100%; } @@ -541,6 +555,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Reports * seen in the patient reports screens *============================================================*/ + #patient_reports { width: 100%; } @@ -569,6 +584,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ + #report_custom { width: 100%; } @@ -648,12 +664,12 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ background-color: #FFFFFF; /*RP_MODIFIED 1/16/2016 :#EBD1D6 */ } -#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), -.signout-restore-subheading { +#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading { background-color: #F1DEE2; /*RP_MODIFIED 1/16/2016 #ffffff */ } /* The top navigation icon styling*/ + .top-nav-icons { margin-right: 15px; margin-top: 5px @@ -661,9 +677,8 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /* * CSS BUTTONS */ -.message-table-header, #searchResultsHeader, #searchResultsHeader th, -#addressbook_list tr.head, .signout-heading, #report_results table thead, -.dehead, .showborder_head { + +.message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head { background: #CF8E9A; /*styles the message table header*/ } @@ -686,14 +701,10 @@ input[type="button"], input[type="submit"], button { padding: 0px !Important; margin-bottom: 5px; } -input[type="button"]:focus, input[type="button"]:active:focus, -input[type="button"].active:focus, input[type="submit"]:focus, -input[type="submit"]:active:focus, button.active:focus, button:focus, -button:active:focus, button.active:focus { +input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus { /*transform: translateY(2px);*/ } -input[type="text"], input[type="entry"], input[type="password"], -input[type="search"], textarea { +input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; @@ -708,9 +719,7 @@ select { border: 1px solid #5F111F ! Important; margin: 3px; } -input[type="text"]:focus, input[type="entry"]:focus, -input[type="password"]:focus, input[type="search"]:focus, textarea:focus, -select:focus { +input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus { background: #F5E8EA; border-color: #3F0B15 !important; box-shadow: 0 0 3px #E2BBC2 !important; @@ -720,7 +729,7 @@ select:focus { transition: 0.2s linear all; } select[multiple] { - height:auto !Important; + height: auto !Important; } .css_button_small, .css_button { display: inline-block; @@ -748,20 +757,16 @@ select[multiple] { border-radius: 2px; opacity: 1; } -.css_button_small:focus, .css_button_small:active:focus, -.css_button_small.active:focus, .css_button_small.focus, -.css_button_small:active.focus, .css_button_small.active.focus { +.css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, -.css_button:hover, .css_button:focus, .css_button.focus { +.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus { color: #FFFFFF; text-decoration: none; } -.css_button_small:active, .css_button_small.active, .css_button:active, -.css_button.active { +.css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); @@ -778,8 +783,7 @@ select[multiple] { .css_button_icon { padding: 3px 12px 5px 12px; } -a:visited .css_button_small, a.css_button_small, a:visited .css_button, -a.css_button { +a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button { color: #FFFFFF; } .css_button_small span {} @@ -797,11 +801,11 @@ a.disabled_button:hover { /* * TABS A7A7A7 */ + ul.tabNav { margin: 0 0 -4 0; padding: 0; } - /*RP_MODIFIED 7/16/2016*/ ul.tabNav { @@ -837,14 +841,12 @@ ul.tabNav a { /*#CFCCF7 RP_MODIFIED 2/11/2015*/ border-top-right-radius: 5px; } - /*added RP_MODIFIED */ ul.tabNav a:hover { background-color: #B0475B; color: #000000; } - /*RP_MODIFIED 2/11/2015 */ ul.tabNav li.current a { @@ -915,7 +917,6 @@ div.notab-right { background: #FFFFFF; padding: 8px; } - /* * REPORTS */ @@ -977,7 +978,6 @@ div.notab-right { background-color: #F1DEE2; font-weight: bold; } - /** * List-table formatting **/ @@ -1007,7 +1007,6 @@ div.notab-right { text-align: left; font-size: 9pt; } - /** * Drug lookup **/ @@ -1022,7 +1021,6 @@ div.notab-right { position: absolute; display: block; } - /* Password alert styles */ .pwdalert { @@ -1044,10 +1042,8 @@ div.notab-right { border: 3px solid #9acc2e; background-color: #eef7dd; } - /* Password alert styles */ - /* Style for red font */ .redtext { @@ -1055,7 +1051,6 @@ div.notab-right { color: #FF0000; font-size: 10pt; } - /* Style for red font */ .de_identification_status_message { @@ -1101,11 +1096,9 @@ div.notab-right { #navigation-slide li a.expanded { background: #CF8E9A; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#CF8E9A', - endColorstr='#CF8E9A'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#CF8E9A', endColorstr='#CF8E9A'); /* for IE 61a0ff)*/ - background: -webkit-gradient(linear, left top, left bottom, from(#CF8E9A), - to(#CF8E9A)); + background: -webkit-gradient(linear, left top, left bottom, from(#CF8E9A), to(#CF8E9A)); /* for webkit browsers */ background: -moz-linear-gradient(top, #CF8E9A, #CF8E9A); /* for firefox 3.6+ 61a0ff*/ @@ -1113,11 +1106,9 @@ div.notab-right { #navigation-slide ul li a.collapsed_lv2 { background: #7870DE; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', - endColorstr='#7870de'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de'); /* for IE e7e6f9*/ - background: -webkit-gradient(linear, left top, left bottom, from(#7870de), - to(#7870de)); + background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#7870de)); /* for webkit browsers e7e6f9*/ background: -moz-linear-gradient(top, #7870de, #7870de); /* for firefox 3.6+ e7e6f9*/ @@ -1125,32 +1116,25 @@ div.notab-right { #navigation-slide ul li a.expanded_lv2 { background: #e7e6f9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', - endColorstr='#e7e6f9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#e7e6f9'); /* for IE 7870de*/ - background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), - to(#e7e6f9)); + background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#e7e6f9)); /* for webkit browsers 7870de */ background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9); /* for firefox 3.6+ 7870de*/ } #navigation-slide ul li a.collapsed_lv3 { background: #aaaaaa; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', - endColorstr='#aaaaaa'); - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), - to(#aaaaaa)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); + background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa)); background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); } #navigation-slide ul li a.expanded_lv3 { background: #eeeeee; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', - endColorstr='#eeeeee'); - background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), - to(#eeeeee)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -moz-linear-gradient(top, #eeeeee, #eeeeee); } - #sddm li { margin: 0; padding: 0; @@ -1160,11 +1144,9 @@ div.notab-right { /*RP_MODIFIED 2/8/15 #EAE6FF*/ background: #B0475B; /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#B0475B', - endColorstr='#B0475B'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#B0475B', endColorstr='#B0475B'); /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ - background: -webkit-gradient(linear, left top, left bottom, from(#B0475B), - to(#B0475B)); + background: -webkit-gradient(linear, left top, left bottom, from(#B0475B), to(#B0475B)); /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ background: -moz-linear-gradient(top, #B0475B, #B0475B); /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ @@ -1288,8 +1270,7 @@ div.notab-right { .example_menu li.active li a { background: #e8e8e8; } -#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 -li.footer, .example_menu .footer { +#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; @@ -1362,6 +1343,7 @@ li.footer, .example_menu .footer { /*RP_ADDED 8/27/2016*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + div.section, div.borderbox { border-color: #3F0B15 !important; background-color: #F1DEE2; @@ -1369,6 +1351,7 @@ div.section, div.borderbox { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .login div.container { margin-top: 5%; max-width: 500px; @@ -1384,6 +1367,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .feesheet-title { font-weight: 900; background: #B0475B !important; @@ -1393,7 +1377,8 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -#mainBox > .body_top, .body_top_tabs { + +#mainBox>.body_top, .body_top_tabs { background-color: #B0475B !important; } .tabSpan, .tabSpan_tabs { @@ -1439,11 +1424,10 @@ body.login { border: 1px solid #5F111F; background: white; } - /*.patientEncounterList { background: #ffff9e !Important; border: 1px solid #5F111F; - + } .patientEncounterList:hover{ background: #F5E8EA !important; @@ -1453,7 +1437,7 @@ body.login { -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; transition: 0.2s linear all; - + overflow: visible; height: auto; z-index:4; @@ -1486,10 +1470,11 @@ body.login { .menuSection>.menuEntries { background-color: #FAF3F4 !Important; } -.body_title, .body_title_tabs { +.body_title, .body_title_tabs { background-color: #E2BBC2 !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .tabs_body, #searchCriteria { background-color: #EBD1D6; } @@ -1499,6 +1484,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ + #calsearch_params { background-color: #F1DEE2 !important; width: 98% !Important; @@ -1525,6 +1511,7 @@ div#providerPicker select { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/ + img[src *="show_calendar.gif"] { margin-bottom: 3px; } @@ -1546,8 +1533,8 @@ body.admin-layout input[type="button"] { display: inline-block; float: none; } - /* error message = new validation */ + .error-message { color: red; display: block; @@ -1567,8 +1554,8 @@ body.admin-layout input[type="button"] { width: 44px; height: 22px; } - /* flow board filters*/ + #flow_board_parameters { width: 1041px; margin: 25px auto; @@ -1588,6 +1575,7 @@ body.admin-layout input[type="button"] { /* flow board filters*/ /* ------- Therapy groups styling --------- */ + .group-row { margin-top: 15px; } @@ -1629,8 +1617,7 @@ table.dataTable#therapy_groups_list tbody td { .therapy_group #therapy_groups_list_container input[type=number] { -moz-appearance: textfield; } -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { +.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @@ -1675,8 +1662,7 @@ table.dataTable#therapy_groups_list tbody td { margin-bottom: 20px; margin-left: 10px; } -#add_participant .patient_wrap, #add_participant .comment_wrap, -#add_participant .button_wrap { +#add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap { margin-top: 7px; } #add_participant .patient_wrap, #add_participant .comment_wrap { @@ -1744,6 +1730,7 @@ table.dataTable#therapy_groups_list tbody td { margin: 20px 20px 2px 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ + .dm-ed-in-1 { background-color: #F1DEE2 !Important; border-bottom: thin solid #3F0B15 !Important; @@ -1760,6 +1747,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .responsetd { border-color: #3F0B15 !important; background-color: #F1DEE2; @@ -1774,6 +1762,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .code_fieldset { border: 1px solid #3F0B15 !important; background-color: #F1DEE2 !Important; @@ -1788,13 +1777,12 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ -.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, -.navbar-nav>.active>a:focus { + +.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { /* color: white; background-color: transparent !Important;*/ } -.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #F1DEE2 !Important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { @@ -1832,6 +1820,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + input[type=checkbox], input[type=radio] { margin: 4px !Important; } @@ -1840,7 +1829,6 @@ fieldset { background-color: #F1DEE2 !Important; margin-bottom: 10px!Important; padding: 0px 0px 15px 0px !Important; - } legend { border-bottom: 2px solid #B0475B !Important; @@ -1873,10 +1861,9 @@ textarea.form-control { background: #FAF3F4 !Important; color: #8e8e8e !Important; border-color: #3F0B15 !Important; - border-radius: 2px !Important; + border-radius: 2px !Important; } -.btn-default.active, .btn-default.focus, .btn-default:active, -.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { +.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { border-color: #3F0B15 !Important; background: #3F0B15 !Important; } @@ -1887,29 +1874,28 @@ textarea.form-control { border: 1px solid #ccc; border-radius: 3px !Important; } -.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, -.btn-link:hover, .open>.dropdown-toggle.btn-link { +.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link { color: #666666 !Important; border-color: #5F111F !Important; background: #F5E8EA !Important; - box-shadow:0px 0px 2px #5F111F inset; - transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s; + box-shadow: 0px 0px 2px #5F111F inset; + transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; } -.btn-separate-left, .oe-opt-btn-separate-left{ - margin-left: 20px !Important; +.btn-separate-left, .oe-opt-btn-separate-left { + margin-left: 20px !Important; } -.btn-group .btn { - margin-right:2px !Important; +.btn-group .btn { + margin-right: 2px !Important; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0px !Important; + border-top-right-radius: 0px !Important; border-bottom-right-radius: 0px !Important; border-bottom-left-radius: 3px !Important; border-top-left-radius: 3px !Important; } .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) { - border-top-right-radius: 3px !Important; - border-bottom-right-radius: 3px !Important; + border-top-right-radius: 3px !Important; + border-bottom-right-radius: 3px !Important; } .btn-sm { font-size: 10px !Important; @@ -1930,63 +1916,63 @@ textarea.form-control { height: 24px ! Important; padding: 0px 6px !Important; } -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], -.radio input[type=radio], .radio-inline input[type=radio] { +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -20px !Important; } .checkbox label, .radio label { padding-left: 20px !important; } -.position-override{ - text-align:center !Important; - margin-left:0px; - } -.oe-custom-line{ - padding-bottom:5px; +.position-override { + text-align: center !Important; + margin-left: 0px; +} +.oe-custom-line { + padding-bottom: 5px; } .oe-large { - display: inline-block; + display: inline-block; } .oe-small { - display: none; + display: none; } .oe-show-hide { - display: none; + display: none; } -.oe-legend-radio{ - font-size:12px; - padding:5px 5px 0px 0px; +.oe-legend-radio { + font-size: 12px; + padding: 5px 5px 0px 0px; } .oe-bold-black { font-weight: 700 !Important; color: black !Important; } .oe-btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 15px; - background: #5F111F !Important; - color: #FFFFFF !Important; - border-color: #3F0B15 !Important; -} -.patientInfo a.btn, .patientDataColumn a.btn{ - width: 20px; - height: 20px; - text-align: center; - padding: 2px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 10px !Important; - background: #5F111F !Important; - color: #FFFFFF !Important; - border-color: #3F0B15 !Important; - margin:5px; + width: 30px; + height: 30px; + text-align: center; + padding: 6px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 15px; + background: #5F111F !Important; + color: #FFFFFF !Important; + border-color: #3F0B15 !Important; +} +.patientInfo a.btn, .patientDataColumn a.btn { + width: 20px; + height: 20px; + text-align: center; + padding: 2px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 10px !Important; + background: #5F111F !Important; + color: #FFFFFF !Important; + border-color: #3F0B15 !Important; + margin: 5px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + #globals_form_search { margin-top: -3px; padding: 2px 3px 1px 3px; @@ -1995,19 +1981,31 @@ th.currentvalues, th.historicalvalues { background: #B0475B !Important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .oe-payment-select { width: 80px !important; text-align: right; font-size: 12px; } -.oe-ckbox-label{ +.oe-ckbox-label { padding-left: 30px; font-weight: 500; } -.oe-file-div{ - padding:10px 15px; +.oe-file-div { + padding: 10px 15px; +} +.oe-modal-dialog { + width: 65% !Important; +} +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +.oe-help-redirect { + color: #5F111F !Important; } -.oe-modal-dialog{ - width:65% !Important; +.oe-help-heading { + background-color: #F5E8EA !Important; + border-color: #E2BBC2 !Important; } -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file diff --git a/interface/themes/style_cadmium_yellow.css b/interface/themes/style_cadmium_yellow.css index 723f08efa..5c6977bd3 100644 --- a/interface/themes/style_cadmium_yellow.css +++ b/interface/themes/style_cadmium_yellow.css @@ -15,22 +15,21 @@ * * @package OpenEMR * @author Ranganath Pathak - * @copyright Copyright (c) 2017 Ranganath Pathak - * @version 1.0 + * @copyright Copyright (c) 2018 Ranganath Pathak + * @version 1.1 * @license http://opensource.org/licenses/gpl-license.php GNU Public License * @link http://www.open-emr.org */ - -/* +/* COLOR PALETTE - #E69700 - Darkest Cadmium Yellow* + #E69700 - Darkest Cadmium Yellow* #FF7E00 - Darker Cadmium Yellow * - #FFA800 - Dark Cadmium Yellow + #FFA800 - Dark Cadmium Yellow #FFCE6F - Mid Cadmium Yellow #FFD78B - Mid Pale Cadmium Yellow* - #FFDE9F - Pale Cadmium Yellow - #FFE4B1 - Mid Pale Pale Cadmium Yellow * + #FFDE9F - Pale Cadmium Yellow + #FFE4B1 - Mid Pale Pale Cadmium Yellow * #FFF2D8 - Pale Pale Cadmium Yellow * #E7E6F9 - Pale Purple~ #FFF9ED - Paler Cadmium Yellow @@ -39,18 +38,19 @@ * - used in styling buttons and input ~ - common for all flat stylesheets */ + @import "core.css"; * { font-family: /* 1 */ -apple-system, BlinkMacSystemFont, /* 2 */ - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", /* 3 */ + "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */ "Helvetica Neue", sans-serif; } -html{ - font-size:14px; +html { + font-size: 14px; } /* RP_MODIFIED 2/09/2015, 1/17/2016*/ + body { margin: 0px 0px 0px 2px; /* set the base fontsize for all DOM children */ @@ -105,7 +105,7 @@ a:hover { color: #000000; font-weight: bold; } -.alert , .alert-custom{ +.alert, .alert-custom { font-size: 70%; color: #FF0000; text-decoration: none; @@ -157,7 +157,6 @@ a:hover { font-weight: bold; text-decoration: none; } - /* see .titlebar below */ .title_bar { @@ -173,8 +172,8 @@ a:hover { color: #000000; } /*============================================================= - * Here we have taken variables from globals.php and turned them into CSS - * classes these should be used in place of the GLOBAL variables + * Here we have taken variables from globals.php and turned them into CSS + * classes these should be used in place of the GLOBAL variables * -- JRM March 2008 =============================================================*/ @@ -183,6 +182,7 @@ a:hover { margin: 8px } /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/ + .bgcolor2 { background-color: #FFF9ED; } @@ -193,18 +193,22 @@ a:hover { margin: 8px } /* $bottom_bg_line */ + .body_title { background-color: #FFA800; } /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/ + .body_nav { background-color: #FFF9ED; } /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */ + .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ + .body_login { background: url('../pic/aquabg.gif') repeat; } @@ -213,24 +217,28 @@ a:hover { .table_bg { background-color: #ccc; } - /* $table_bg */ + .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ + .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ + .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ + .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ + .logobar { background-color: #2F2F7D; height: 110px; @@ -241,12 +249,14 @@ a:hover { height: 22px; } /* $GLOBALS['navBarHeight'] */ + .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ + #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; @@ -287,7 +297,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ .highlight { color: magenta !Important; } - /* styles taken out of templates/report/general_default.html */ #reports_list td { @@ -298,7 +307,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ font-size: 8pt; font-family: helvetica; } - /* styles taken out of templates/documents/general_list.html */ #documents_list td { @@ -350,6 +358,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ + #DEM .groupname { font-weight: bold; color: #080; @@ -371,6 +380,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /*30px - ie 6 fix*/ } /* Patient History */ + #HIS .groupname { font-weight: bold; color: #080; @@ -394,6 +404,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Notes * seen in the patient summary and notes screens *============================================================*/ + #pnotes .billing { background-color: #dfd; } @@ -412,13 +423,14 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ padding: 5px; margin: 5px; } -#pnotes_ps_expand div.tab table td { - padding-right: 10px; +#pnotes_ps_expand div.tab table td { + padding-right: 10px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ + #patient_stats { padding: 10px; } @@ -457,6 +469,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Stats Summary * seen in the patient summary screen *============================================================*/ + #patient_stats_summary table { border-collapse: collapse; } @@ -488,6 +501,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ + #patient_pastenc { width: 100%; } @@ -541,6 +555,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Reports * seen in the patient reports screens *============================================================*/ + #patient_reports { width: 100%; } @@ -569,6 +584,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ + #report_custom { width: 100%; } @@ -648,12 +664,12 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ background-color: #FFFFFF; /*RP_MODIFIED 1/16/2016 :#FFDE9F */ } -#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), -.signout-restore-subheading { +#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading { background-color: #FFE4B1; /*RP_MODIFIED 1/16/2016 #ffffff */ } /* The top navigation icon styling*/ + .top-nav-icons { margin-right: 15px; margin-top: 5px @@ -661,9 +677,8 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /* * CSS BUTTONS */ -.message-table-header, #searchResultsHeader, #searchResultsHeader th, -#addressbook_list tr.head, .signout-heading, #report_results table thead, -.dehead, .showborder_head { + +.message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head { background: #FFCE6F; /*styles the message table header*/ } @@ -686,14 +701,10 @@ input[type="button"], input[type="submit"], button { padding: 0px !Important; margin-bottom: 5px; } -input[type="button"]:focus, input[type="button"]:active:focus, -input[type="button"].active:focus, input[type="submit"]:focus, -input[type="submit"]:active:focus, button.active:focus, button:focus, -button:active:focus, button.active:focus { +input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus { /*transform: translateY(2px);*/ } -input[type="text"], input[type="entry"], input[type="password"], -input[type="search"], textarea { +input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; @@ -708,9 +719,7 @@ select { border: 1px solid #FF7E00 ! Important; margin: 3px; } -input[type="text"]:focus, input[type="entry"]:focus, -input[type="password"]:focus, input[type="search"]:focus, textarea:focus, -select:focus { +input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus { background: #FFF2D8; border-color: #E69700 !important; box-shadow: 0 0 3px #FFD78B !important; @@ -720,7 +729,7 @@ select:focus { transition: 0.2s linear all; } select[multiple] { - height:auto !Important; + height: auto !Important; } .css_button_small, .css_button { display: inline-block; @@ -748,20 +757,16 @@ select[multiple] { border-radius: 2px; opacity: 1; } -.css_button_small:focus, .css_button_small:active:focus, -.css_button_small.active:focus, .css_button_small.focus, -.css_button_small:active.focus, .css_button_small.active.focus { +.css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, -.css_button:hover, .css_button:focus, .css_button.focus { +.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus { color: #FFFFFF; text-decoration: none; } -.css_button_small:active, .css_button_small.active, .css_button:active, -.css_button.active { +.css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); @@ -778,8 +783,7 @@ select[multiple] { .css_button_icon { padding: 3px 12px 5px 12px; } -a:visited .css_button_small, a.css_button_small, a:visited .css_button, -a.css_button { +a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button { color: #FFFFFF; } .css_button_small span {} @@ -797,11 +801,11 @@ a.disabled_button:hover { /* * TABS A7A7A7 */ + ul.tabNav { margin: 0 0 -4 0; padding: 0; } - /*RP_MODIFIED 7/16/2016*/ ul.tabNav { @@ -837,14 +841,12 @@ ul.tabNav a { /*#CFCCF7 RP_MODIFIED 2/11/2015*/ border-top-right-radius: 5px; } - /*added RP_MODIFIED */ ul.tabNav a:hover { background-color: #FFA800; color: #000000; } - /*RP_MODIFIED 2/11/2015 */ ul.tabNav li.current a { @@ -915,7 +917,6 @@ div.notab-right { background: #FFFFFF; padding: 8px; } - /* * REPORTS */ @@ -977,7 +978,6 @@ div.notab-right { background-color: #FFE4B1; font-weight: bold; } - /** * List-table formatting **/ @@ -1007,7 +1007,6 @@ div.notab-right { text-align: left; font-size: 9pt; } - /** * Drug lookup **/ @@ -1022,7 +1021,6 @@ div.notab-right { position: absolute; display: block; } - /* Password alert styles */ .pwdalert { @@ -1044,10 +1042,8 @@ div.notab-right { border: 3px solid #9acc2e; background-color: #eef7dd; } - /* Password alert styles */ - /* Style for red font */ .redtext { @@ -1055,7 +1051,6 @@ div.notab-right { color: #FF0000; font-size: 10pt; } - /* Style for red font */ .de_identification_status_message { @@ -1101,11 +1096,9 @@ div.notab-right { #navigation-slide li a.expanded { background: #FFCE6F; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFCE6F', - endColorstr='#FFCE6F'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFCE6F', endColorstr='#FFCE6F'); /* for IE 61a0ff)*/ - background: -webkit-gradient(linear, left top, left bottom, from(#FFCE6F), - to(#FFCE6F)); + background: -webkit-gradient(linear, left top, left bottom, from(#FFCE6F), to(#FFCE6F)); /* for webkit browsers */ background: -moz-linear-gradient(top, #FFCE6F, #FFCE6F); /* for firefox 3.6+ 61a0ff*/ @@ -1113,11 +1106,9 @@ div.notab-right { #navigation-slide ul li a.collapsed_lv2 { background: #7870DE; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', - endColorstr='#7870de'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de'); /* for IE e7e6f9*/ - background: -webkit-gradient(linear, left top, left bottom, from(#7870de), - to(#7870de)); + background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#7870de)); /* for webkit browsers e7e6f9*/ background: -moz-linear-gradient(top, #7870de, #7870de); /* for firefox 3.6+ e7e6f9*/ @@ -1125,32 +1116,25 @@ div.notab-right { #navigation-slide ul li a.expanded_lv2 { background: #e7e6f9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', - endColorstr='#e7e6f9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#e7e6f9'); /* for IE 7870de*/ - background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), - to(#e7e6f9)); + background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#e7e6f9)); /* for webkit browsers 7870de */ background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9); /* for firefox 3.6+ 7870de*/ } #navigation-slide ul li a.collapsed_lv3 { background: #aaaaaa; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', - endColorstr='#aaaaaa'); - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), - to(#aaaaaa)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); + background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa)); background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); } #navigation-slide ul li a.expanded_lv3 { background: #eeeeee; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', - endColorstr='#eeeeee'); - background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), - to(#eeeeee)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -moz-linear-gradient(top, #eeeeee, #eeeeee); } - #sddm li { margin: 0; padding: 0; @@ -1160,11 +1144,9 @@ div.notab-right { /*RP_MODIFIED 2/8/15 #EAE6FF*/ background: #FFA800; /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFA800', - endColorstr='#FFA800'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFA800', endColorstr='#FFA800'); /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ - background: -webkit-gradient(linear, left top, left bottom, from(#FFA800), - to(#FFA800)); + background: -webkit-gradient(linear, left top, left bottom, from(#FFA800), to(#FFA800)); /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ background: -moz-linear-gradient(top, #FFA800, #FFA800); /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ @@ -1288,8 +1270,7 @@ div.notab-right { .example_menu li.active li a { background: #e8e8e8; } -#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 -li.footer, .example_menu .footer { +#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; @@ -1362,6 +1343,7 @@ li.footer, .example_menu .footer { /*RP_ADDED 8/27/2016*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + div.section, div.borderbox { border-color: #E69700 !important; background-color: #FFE4B1; @@ -1369,6 +1351,7 @@ div.section, div.borderbox { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .login div.container { margin-top: 5%; max-width: 500px; @@ -1384,6 +1367,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .feesheet-title { font-weight: 900; background: #FFA800 !important; @@ -1393,7 +1377,8 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -#mainBox > .body_top, .body_top_tabs { + +#mainBox>.body_top, .body_top_tabs { background-color: #FFA800 !important; } .tabSpan, .tabSpan_tabs { @@ -1439,11 +1424,10 @@ body.login { border: 1px solid #FF7E00; background: white; } - /*.patientEncounterList { background: #ffff9e !Important; border: 1px solid #FF7E00; - + } .patientEncounterList:hover{ background: #FFF2D8 !important; @@ -1453,7 +1437,7 @@ body.login { -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; transition: 0.2s linear all; - + overflow: visible; height: auto; z-index:4; @@ -1486,10 +1470,11 @@ body.login { .menuSection>.menuEntries { background-color: #FFF9ED !Important; } -.body_title, .body_title_tabs { +.body_title, .body_title_tabs { background-color: #FFD78B !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .tabs_body, #searchCriteria { background-color: #FFDE9F; } @@ -1499,6 +1484,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ + #calsearch_params { background-color: #FFE4B1 !important; width: 98% !Important; @@ -1525,6 +1511,7 @@ div#providerPicker select { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/ + img[src *="show_calendar.gif"] { margin-bottom: 3px; } @@ -1546,8 +1533,8 @@ body.admin-layout input[type="button"] { display: inline-block; float: none; } - /* error message = new validation */ + .error-message { color: red; display: block; @@ -1567,8 +1554,8 @@ body.admin-layout input[type="button"] { width: 44px; height: 22px; } - /* flow board filters*/ + #flow_board_parameters { width: 1041px; margin: 25px auto; @@ -1588,6 +1575,7 @@ body.admin-layout input[type="button"] { /* flow board filters*/ /* ------- Therapy groups styling --------- */ + .group-row { margin-top: 15px; } @@ -1629,8 +1617,7 @@ table.dataTable#therapy_groups_list tbody td { .therapy_group #therapy_groups_list_container input[type=number] { -moz-appearance: textfield; } -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { +.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @@ -1675,8 +1662,7 @@ table.dataTable#therapy_groups_list tbody td { margin-bottom: 20px; margin-left: 10px; } -#add_participant .patient_wrap, #add_participant .comment_wrap, -#add_participant .button_wrap { +#add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap { margin-top: 7px; } #add_participant .patient_wrap, #add_participant .comment_wrap { @@ -1744,6 +1730,7 @@ table.dataTable#therapy_groups_list tbody td { margin: 20px 20px 2px 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ + .dm-ed-in-1 { background-color: #FFE4B1 !Important; border-bottom: thin solid #E69700 !Important; @@ -1760,6 +1747,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .responsetd { border-color: #E69700 !important; background-color: #FFE4B1; @@ -1774,6 +1762,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .code_fieldset { border: 1px solid #E69700 !important; background-color: #FFE4B1 !Important; @@ -1788,13 +1777,12 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ -.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, -.navbar-nav>.active>a:focus { + +.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { /* color: white; background-color: transparent !Important;*/ } -.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #FFE4B1 !Important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { @@ -1832,6 +1820,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + input[type=checkbox], input[type=radio] { margin: 4px !Important; } @@ -1840,7 +1829,6 @@ fieldset { background-color: #FFE4B1 !Important; margin-bottom: 10px!Important; padding: 0px 0px 15px 0px !Important; - } legend { border-bottom: 2px solid #FFA800 !Important; @@ -1873,10 +1861,9 @@ textarea.form-control { background: #FFF9ED !Important; color: #8e8e8e !Important; border-color: #E69700 !Important; - border-radius: 2px !Important; + border-radius: 2px !Important; } -.btn-default.active, .btn-default.focus, .btn-default:active, -.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { +.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { border-color: #E69700 !Important; background: #E69700 !Important; } @@ -1887,29 +1874,28 @@ textarea.form-control { border: 1px solid #ccc; border-radius: 3px !Important; } -.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, -.btn-link:hover, .open>.dropdown-toggle.btn-link { +.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link { color: #666666 !Important; border-color: #FF7E00 !Important; background: #FFF2D8 !Important; - box-shadow:0px 0px 2px #FF7E00 inset; - transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s; + box-shadow: 0px 0px 2px #FF7E00 inset; + transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; } -.btn-separate-left, .oe-opt-btn-separate-left{ - margin-left: 20px !Important; +.btn-separate-left, .oe-opt-btn-separate-left { + margin-left: 20px !Important; } -.btn-group .btn { - margin-right:2px !Important; +.btn-group .btn { + margin-right: 2px !Important; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0px !Important; + border-top-right-radius: 0px !Important; border-bottom-right-radius: 0px !Important; border-bottom-left-radius: 3px !Important; border-top-left-radius: 3px !Important; } .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) { - border-top-right-radius: 3px !Important; - border-bottom-right-radius: 3px !Important; + border-top-right-radius: 3px !Important; + border-bottom-right-radius: 3px !Important; } .btn-sm { font-size: 10px !Important; @@ -1930,63 +1916,63 @@ textarea.form-control { height: 24px ! Important; padding: 0px 6px !Important; } -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], -.radio input[type=radio], .radio-inline input[type=radio] { +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -20px !Important; } .checkbox label, .radio label { padding-left: 20px !important; } -.position-override{ - text-align:center !Important; - margin-left:0px; - } -.oe-custom-line{ - padding-bottom:5px; +.position-override { + text-align: center !Important; + margin-left: 0px; +} +.oe-custom-line { + padding-bottom: 5px; } .oe-large { - display: inline-block; + display: inline-block; } .oe-small { - display: none; + display: none; } .oe-show-hide { - display: none; + display: none; } -.oe-legend-radio{ - font-size:12px; - padding:5px 5px 0px 0px; +.oe-legend-radio { + font-size: 12px; + padding: 5px 5px 0px 0px; } .oe-bold-black { font-weight: 700 !Important; color: black !Important; } .oe-btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 15px; - background: #FF7E00 !Important; - color: #FFFFFF !Important; - border-color: #E69700 !Important; -} -.patientInfo a.btn, .patientDataColumn a.btn{ - width: 20px; - height: 20px; - text-align: center; - padding: 2px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 10px !Important; - background: #FF7E00 !Important; - color: #FFFFFF !Important; - border-color: #E69700 !Important; - margin:5px; + width: 30px; + height: 30px; + text-align: center; + padding: 6px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 15px; + background: #FF7E00 !Important; + color: #FFFFFF !Important; + border-color: #E69700 !Important; +} +.patientInfo a.btn, .patientDataColumn a.btn { + width: 20px; + height: 20px; + text-align: center; + padding: 2px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 10px !Important; + background: #FF7E00 !Important; + color: #FFFFFF !Important; + border-color: #E69700 !Important; + margin: 5px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + #globals_form_search { margin-top: -3px; padding: 2px 3px 1px 3px; @@ -1995,19 +1981,31 @@ th.currentvalues, th.historicalvalues { background: #FFA800 !Important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .oe-payment-select { width: 80px !important; text-align: right; font-size: 12px; } -.oe-ckbox-label{ +.oe-ckbox-label { padding-left: 30px; font-weight: 500; } -.oe-file-div{ - padding:10px 15px; +.oe-file-div { + padding: 10px 15px; +} +.oe-modal-dialog { + width: 65% !Important; +} +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +.oe-help-redirect { + color: #FF7E00 !Important; } -.oe-modal-dialog{ - width:65% !Important; +.oe-help-heading { + background-color: #FFF2D8 !Important; + border-color: #FFD78B !Important; } -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file diff --git a/interface/themes/style_chocolate.css b/interface/themes/style_chocolate.css index 4fa0cb570..720c75630 100644 --- a/interface/themes/style_chocolate.css +++ b/interface/themes/style_chocolate.css @@ -15,22 +15,21 @@ * * @package OpenEMR * @author Ranganath Pathak - * @copyright Copyright (c) 2017 Ranganath Pathak - * @version 1.0 + * @copyright Copyright (c) 2018 Ranganath Pathak + * @version 1.1 * @license http://opensource.org/licenses/gpl-license.php GNU Public License * @link http://www.open-emr.org */ - -/* +/* COLOR PALETTE - #1E1919 - Darkest Chocolate* + #1E1919 - Darkest Chocolate* #332827 - Darker Chocolate* #756665 - Dark Chocolate #9C9291 - Mid Chocolate #B5ADAC - Mid Pale Chocolate* #C1BBBA - Pale Chocolate - #E0DDDC - Mid Pale Pale Chocolate* + #E0DDDC - Mid Pale Pale Chocolate* #EFEEED - Pale Pale Chocolate* #E7E6F9 - Pale Purple~ #F8F7F7 - Paler Chocolate @@ -39,18 +38,19 @@ * - used in styling buttons and input ~ - common for all flat stylesheets */ + @import "core.css"; * { font-family: /* 1 */ -apple-system, BlinkMacSystemFont, /* 2 */ - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", /* 3 */ + "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */ "Helvetica Neue", sans-serif; } -html{ - font-size:14px; +html { + font-size: 14px; } /* RP_MODIFIED 2/09/2015, 1/17/2016*/ + body { margin: 0px 0px 0px 2px; /* set the base fontsize for all DOM children */ @@ -105,7 +105,7 @@ a:hover { color: #000000; font-weight: bold; } -.alert , .alert-custom{ +.alert, .alert-custom { font-size: 70%; color: #FF0000; text-decoration: none; @@ -157,7 +157,6 @@ a:hover { font-weight: bold; text-decoration: none; } - /* see .titlebar below */ .title_bar { @@ -173,8 +172,8 @@ a:hover { color: #000000; } /*============================================================= - * Here we have taken variables from globals.php and turned them into CSS - * classes these should be used in place of the GLOBAL variables + * Here we have taken variables from globals.php and turned them into CSS + * classes these should be used in place of the GLOBAL variables * -- JRM March 2008 =============================================================*/ @@ -183,6 +182,7 @@ a:hover { margin: 8px } /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/ + .bgcolor2 { background-color: #F8F7F7; } @@ -193,18 +193,22 @@ a:hover { margin: 8px } /* $bottom_bg_line */ + .body_title { background-color: #756665; } /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/ + .body_nav { background-color: #F8F7F7; } /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */ + .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ + .body_login { background: url('../pic/aquabg.gif') repeat; } @@ -213,24 +217,28 @@ a:hover { .table_bg { background-color: #ccc; } - /* $table_bg */ + .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ + .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ + .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ + .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ + .logobar { background-color: #2F2F7D; height: 110px; @@ -241,12 +249,14 @@ a:hover { height: 22px; } /* $GLOBALS['navBarHeight'] */ + .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ + #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; @@ -287,7 +297,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ .highlight { color: magenta !Important; } - /* styles taken out of templates/report/general_default.html */ #reports_list td { @@ -298,7 +307,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ font-size: 8pt; font-family: helvetica; } - /* styles taken out of templates/documents/general_list.html */ #documents_list td { @@ -350,6 +358,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ + #DEM .groupname { font-weight: bold; color: #080; @@ -371,6 +380,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /*30px - ie 6 fix*/ } /* Patient History */ + #HIS .groupname { font-weight: bold; color: #080; @@ -394,6 +404,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Notes * seen in the patient summary and notes screens *============================================================*/ + #pnotes .billing { background-color: #dfd; } @@ -412,13 +423,14 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ padding: 5px; margin: 5px; } -#pnotes_ps_expand div.tab table td { - padding-right: 10px; +#pnotes_ps_expand div.tab table td { + padding-right: 10px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ + #patient_stats { padding: 10px; } @@ -457,6 +469,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Stats Summary * seen in the patient summary screen *============================================================*/ + #patient_stats_summary table { border-collapse: collapse; } @@ -488,6 +501,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ + #patient_pastenc { width: 100%; } @@ -541,6 +555,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Reports * seen in the patient reports screens *============================================================*/ + #patient_reports { width: 100%; } @@ -569,6 +584,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ + #report_custom { width: 100%; } @@ -648,12 +664,12 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ background-color: #FFFFFF; /*RP_MODIFIED 1/16/2016 :#C1BBBA */ } -#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), -.signout-restore-subheading { +#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading { background-color: #E0DDDC; /*RP_MODIFIED 1/16/2016 #ffffff */ } /* The top navigation icon styling*/ + .top-nav-icons { margin-right: 15px; margin-top: 5px @@ -661,9 +677,8 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /* * CSS BUTTONS */ -.message-table-header, #searchResultsHeader, #searchResultsHeader th, -#addressbook_list tr.head, .signout-heading, #report_results table thead, -.dehead, .showborder_head { + +.message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head { background: #9C9291; /*styles the message table header*/ } @@ -686,14 +701,10 @@ input[type="button"], input[type="submit"], button { padding: 0px !Important; margin-bottom: 5px; } -input[type="button"]:focus, input[type="button"]:active:focus, -input[type="button"].active:focus, input[type="submit"]:focus, -input[type="submit"]:active:focus, button.active:focus, button:focus, -button:active:focus, button.active:focus { +input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus { /*transform: translateY(2px);*/ } -input[type="text"], input[type="entry"], input[type="password"], -input[type="search"], textarea { +input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; @@ -708,9 +719,7 @@ select { border: 1px solid #332827 ! Important; margin: 3px; } -input[type="text"]:focus, input[type="entry"]:focus, -input[type="password"]:focus, input[type="search"]:focus, textarea:focus, -select:focus { +input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus { background: #EFEEED; border-color: #1E1919 !important; box-shadow: 0 0 3px #B5ADAC !important; @@ -720,7 +729,7 @@ select:focus { transition: 0.2s linear all; } select[multiple] { - height:auto !Important; + height: auto !Important; } .css_button_small, .css_button { display: inline-block; @@ -748,20 +757,16 @@ select[multiple] { border-radius: 2px; opacity: 1; } -.css_button_small:focus, .css_button_small:active:focus, -.css_button_small.active:focus, .css_button_small.focus, -.css_button_small:active.focus, .css_button_small.active.focus { +.css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, -.css_button:hover, .css_button:focus, .css_button.focus { +.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus { color: #FFFFFF; text-decoration: none; } -.css_button_small:active, .css_button_small.active, .css_button:active, -.css_button.active { +.css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); @@ -778,8 +783,7 @@ select[multiple] { .css_button_icon { padding: 3px 12px 5px 12px; } -a:visited .css_button_small, a.css_button_small, a:visited .css_button, -a.css_button { +a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button { color: #FFFFFF; } .css_button_small span {} @@ -797,11 +801,11 @@ a.disabled_button:hover { /* * TABS A7A7A7 */ + ul.tabNav { margin: 0 0 -4 0; padding: 0; } - /*RP_MODIFIED 7/16/2016*/ ul.tabNav { @@ -837,14 +841,12 @@ ul.tabNav a { /*#CFCCF7 RP_MODIFIED 2/11/2015*/ border-top-right-radius: 5px; } - /*added RP_MODIFIED */ ul.tabNav a:hover { background-color: #756665; color: #000000; } - /*RP_MODIFIED 2/11/2015 */ ul.tabNav li.current a { @@ -915,7 +917,6 @@ div.notab-right { background: #FFFFFF; padding: 8px; } - /* * REPORTS */ @@ -977,7 +978,6 @@ div.notab-right { background-color: #E0DDDC; font-weight: bold; } - /** * List-table formatting **/ @@ -1007,7 +1007,6 @@ div.notab-right { text-align: left; font-size: 9pt; } - /** * Drug lookup **/ @@ -1022,7 +1021,6 @@ div.notab-right { position: absolute; display: block; } - /* Password alert styles */ .pwdalert { @@ -1044,10 +1042,8 @@ div.notab-right { border: 3px solid #9acc2e; background-color: #eef7dd; } - /* Password alert styles */ - /* Style for red font */ .redtext { @@ -1055,7 +1051,6 @@ div.notab-right { color: #FF0000; font-size: 10pt; } - /* Style for red font */ .de_identification_status_message { @@ -1101,11 +1096,9 @@ div.notab-right { #navigation-slide li a.expanded { background: #9C9291; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#9C9291', - endColorstr='#9C9291'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#9C9291', endColorstr='#9C9291'); /* for IE 61a0ff)*/ - background: -webkit-gradient(linear, left top, left bottom, from(#9C9291), - to(#9C9291)); + background: -webkit-gradient(linear, left top, left bottom, from(#9C9291), to(#9C9291)); /* for webkit browsers */ background: -moz-linear-gradient(top, #9C9291, #9C9291); /* for firefox 3.6+ 61a0ff*/ @@ -1113,11 +1106,9 @@ div.notab-right { #navigation-slide ul li a.collapsed_lv2 { background: #7870DE; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', - endColorstr='#7870de'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de'); /* for IE e7e6f9*/ - background: -webkit-gradient(linear, left top, left bottom, from(#7870de), - to(#7870de)); + background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#7870de)); /* for webkit browsers e7e6f9*/ background: -moz-linear-gradient(top, #7870de, #7870de); /* for firefox 3.6+ e7e6f9*/ @@ -1125,32 +1116,25 @@ div.notab-right { #navigation-slide ul li a.expanded_lv2 { background: #e7e6f9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', - endColorstr='#e7e6f9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#e7e6f9'); /* for IE 7870de*/ - background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), - to(#e7e6f9)); + background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#e7e6f9)); /* for webkit browsers 7870de */ background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9); /* for firefox 3.6+ 7870de*/ } #navigation-slide ul li a.collapsed_lv3 { background: #aaaaaa; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', - endColorstr='#aaaaaa'); - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), - to(#aaaaaa)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); + background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa)); background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); } #navigation-slide ul li a.expanded_lv3 { background: #eeeeee; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', - endColorstr='#eeeeee'); - background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), - to(#eeeeee)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -moz-linear-gradient(top, #eeeeee, #eeeeee); } - #sddm li { margin: 0; padding: 0; @@ -1160,11 +1144,9 @@ div.notab-right { /*RP_MODIFIED 2/8/15 #EAE6FF*/ background: #756665; /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#756665', - endColorstr='#756665'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#756665', endColorstr='#756665'); /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ - background: -webkit-gradient(linear, left top, left bottom, from(#756665), - to(#756665)); + background: -webkit-gradient(linear, left top, left bottom, from(#756665), to(#756665)); /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ background: -moz-linear-gradient(top, #756665, #756665); /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ @@ -1288,8 +1270,7 @@ div.notab-right { .example_menu li.active li a { background: #e8e8e8; } -#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 -li.footer, .example_menu .footer { +#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; @@ -1362,6 +1343,7 @@ li.footer, .example_menu .footer { /*RP_ADDED 8/27/2016*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + div.section, div.borderbox { border-color: #1E1919 !important; background-color: #E0DDDC; @@ -1369,6 +1351,7 @@ div.section, div.borderbox { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .login div.container { margin-top: 5%; max-width: 500px; @@ -1384,6 +1367,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .feesheet-title { font-weight: 900; background: #756665 !important; @@ -1393,7 +1377,8 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -#mainBox > .body_top, .body_top_tabs { + +#mainBox>.body_top, .body_top_tabs { background-color: #756665 !important; } .tabSpan, .tabSpan_tabs { @@ -1439,11 +1424,10 @@ body.login { border: 1px solid #332827; background: white; } - /*.patientEncounterList { background: #ffff9e !Important; border: 1px solid #332827; - + } .patientEncounterList:hover{ background: #EFEEED !important; @@ -1453,7 +1437,7 @@ body.login { -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; transition: 0.2s linear all; - + overflow: visible; height: auto; z-index:4; @@ -1486,10 +1470,11 @@ body.login { .menuSection>.menuEntries { background-color: #F8F7F7 !Important; } -.body_title, .body_title_tabs { +.body_title, .body_title_tabs { background-color: #B5ADAC !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .tabs_body, #searchCriteria { background-color: #C1BBBA; } @@ -1499,6 +1484,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ + #calsearch_params { background-color: #E0DDDC !important; width: 98% !Important; @@ -1525,6 +1511,7 @@ div#providerPicker select { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/ + img[src *="show_calendar.gif"] { margin-bottom: 3px; } @@ -1546,8 +1533,8 @@ body.admin-layout input[type="button"] { display: inline-block; float: none; } - /* error message = new validation */ + .error-message { color: red; display: block; @@ -1567,8 +1554,8 @@ body.admin-layout input[type="button"] { width: 44px; height: 22px; } - /* flow board filters*/ + #flow_board_parameters { width: 1041px; margin: 25px auto; @@ -1588,6 +1575,7 @@ body.admin-layout input[type="button"] { /* flow board filters*/ /* ------- Therapy groups styling --------- */ + .group-row { margin-top: 15px; } @@ -1629,8 +1617,7 @@ table.dataTable#therapy_groups_list tbody td { .therapy_group #therapy_groups_list_container input[type=number] { -moz-appearance: textfield; } -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { +.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @@ -1675,8 +1662,7 @@ table.dataTable#therapy_groups_list tbody td { margin-bottom: 20px; margin-left: 10px; } -#add_participant .patient_wrap, #add_participant .comment_wrap, -#add_participant .button_wrap { +#add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap { margin-top: 7px; } #add_participant .patient_wrap, #add_participant .comment_wrap { @@ -1744,6 +1730,7 @@ table.dataTable#therapy_groups_list tbody td { margin: 20px 20px 2px 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ + .dm-ed-in-1 { background-color: #E0DDDC !Important; border-bottom: thin solid #1E1919 !Important; @@ -1760,6 +1747,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .responsetd { border-color: #1E1919 !important; background-color: #E0DDDC; @@ -1774,6 +1762,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .code_fieldset { border: 1px solid #1E1919 !important; background-color: #E0DDDC !Important; @@ -1788,13 +1777,12 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ -.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, -.navbar-nav>.active>a:focus { + +.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { /* color: white; background-color: transparent !Important;*/ } -.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #E0DDDC !Important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { @@ -1832,6 +1820,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + input[type=checkbox], input[type=radio] { margin: 4px !Important; } @@ -1840,7 +1829,6 @@ fieldset { background-color: #E0DDDC !Important; margin-bottom: 10px!Important; padding: 0px 0px 15px 0px !Important; - } legend { border-bottom: 2px solid #756665 !Important; @@ -1873,10 +1861,9 @@ textarea.form-control { background: #F8F7F7 !Important; color: #8e8e8e !Important; border-color: #1E1919 !Important; - border-radius: 2px !Important; + border-radius: 2px !Important; } -.btn-default.active, .btn-default.focus, .btn-default:active, -.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { +.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { border-color: #1E1919 !Important; background: #1E1919 !Important; } @@ -1887,29 +1874,28 @@ textarea.form-control { border: 1px solid #ccc; border-radius: 3px !Important; } -.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, -.btn-link:hover, .open>.dropdown-toggle.btn-link { +.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link { color: #666666 !Important; border-color: #332827 !Important; background: #EFEEED !Important; - box-shadow:0px 0px 2px #332827 inset; - transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s; + box-shadow: 0px 0px 2px #332827 inset; + transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; } -.btn-separate-left, .oe-opt-btn-separate-left{ - margin-left: 20px !Important; +.btn-separate-left, .oe-opt-btn-separate-left { + margin-left: 20px !Important; } -.btn-group .btn { - margin-right:2px !Important; +.btn-group .btn { + margin-right: 2px !Important; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0px !Important; + border-top-right-radius: 0px !Important; border-bottom-right-radius: 0px !Important; border-bottom-left-radius: 3px !Important; border-top-left-radius: 3px !Important; } .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) { - border-top-right-radius: 3px !Important; - border-bottom-right-radius: 3px !Important; + border-top-right-radius: 3px !Important; + border-bottom-right-radius: 3px !Important; } .btn-sm { font-size: 10px !Important; @@ -1930,63 +1916,63 @@ textarea.form-control { height: 24px ! Important; padding: 0px 6px !Important; } -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], -.radio input[type=radio], .radio-inline input[type=radio] { +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -20px !Important; } .checkbox label, .radio label { padding-left: 20px !important; } -.position-override{ - text-align:center !Important; - margin-left:0px; - } -.oe-custom-line{ - padding-bottom:5px; +.position-override { + text-align: center !Important; + margin-left: 0px; +} +.oe-custom-line { + padding-bottom: 5px; } .oe-large { - display: inline-block; + display: inline-block; } .oe-small { - display: none; + display: none; } .oe-show-hide { - display: none; + display: none; } -.oe-legend-radio{ - font-size:12px; - padding:5px 5px 0px 0px; +.oe-legend-radio { + font-size: 12px; + padding: 5px 5px 0px 0px; } .oe-bold-black { font-weight: 700 !Important; color: black !Important; } .oe-btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 15px; - background: #332827 !Important; - color: #FFFFFF !Important; - border-color: #1E1919 !Important; -} -.patientInfo a.btn, .patientDataColumn a.btn{ - width: 20px; - height: 20px; - text-align: center; - padding: 2px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 10px !Important; - background: #332827 !Important; - color: #FFFFFF !Important; - border-color: #1E1919 !Important; - margin:5px; + width: 30px; + height: 30px; + text-align: center; + padding: 6px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 15px; + background: #332827 !Important; + color: #FFFFFF !Important; + border-color: #1E1919 !Important; +} +.patientInfo a.btn, .patientDataColumn a.btn { + width: 20px; + height: 20px; + text-align: center; + padding: 2px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 10px !Important; + background: #332827 !Important; + color: #FFFFFF !Important; + border-color: #1E1919 !Important; + margin: 5px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + #globals_form_search { margin-top: -3px; padding: 2px 3px 1px 3px; @@ -1995,19 +1981,31 @@ th.currentvalues, th.historicalvalues { background: #756665 !Important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .oe-payment-select { width: 80px !important; text-align: right; font-size: 12px; } -.oe-ckbox-label{ +.oe-ckbox-label { padding-left: 30px; font-weight: 500; } -.oe-file-div{ - padding:10px 15px; +.oe-file-div { + padding: 10px 15px; +} +.oe-modal-dialog { + width: 65% !Important; +} +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +.oe-help-redirect { + color: #332827 !Important; } -.oe-modal-dialog{ - width:65% !Important; +.oe-help-heading { + background-color: #EFEEED !Important; + border-color: #B5ADAC !Important; } -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file diff --git a/interface/themes/style_cobalt_blue.css b/interface/themes/style_cobalt_blue.css index ed8b9cd62..21355d6ee 100644 --- a/interface/themes/style_cobalt_blue.css +++ b/interface/themes/style_cobalt_blue.css @@ -15,22 +15,21 @@ * * @package OpenEMR * @author Ranganath Pathak - * @copyright Copyright (c) 2017 Ranganath Pathak - * @version 1.0 + * @copyright Copyright (c) 2018 Ranganath Pathak + * @version 1.1 * @license http://opensource.org/licenses/gpl-license.php GNU Public License * @link http://www.open-emr.org */ - -/* +/* COLOR PALETTE - #1C304D - Darkest Cobalt Blue* + #1C304D - Darkest Cobalt Blue* #38619B - Darker Cobalt Blue* #467AC2 - Dark Cobalt Blue #8CACD9 - Mid Cobalt Blue #BACDE8 - Mid Pale Cobalt Blue* #D1DDEF - Pale Cobalt Blue - #DEE7F3 - Mid Pale Pale Cobalt Blue* + #DEE7F3 - Mid Pale Pale Cobalt Blue* #E4EBF5 - Pale Pale Cobalt Blue* #E7E6F9 - Pale Purple~ #EFF4F9 - Paler Cobalt Blue @@ -39,18 +38,19 @@ * - used in styling buttons and input ~ - common for all flat stylesheets */ + @import "core.css"; * { font-family: /* 1 */ -apple-system, BlinkMacSystemFont, /* 2 */ - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", /* 3 */ + "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */ "Helvetica Neue", sans-serif; } -html{ - font-size:14px; +html { + font-size: 14px; } /* RP_MODIFIED 2/09/2015, 1/17/2016*/ + body { margin: 0px 0px 0px 2px; /* set the base fontsize for all DOM children */ @@ -105,7 +105,7 @@ a:hover { color: #000000; font-weight: bold; } -.alert , .alert-custom{ +.alert, .alert-custom { font-size: 70%; color: #FF0000; text-decoration: none; @@ -157,7 +157,6 @@ a:hover { font-weight: bold; text-decoration: none; } - /* see .titlebar below */ .title_bar { @@ -173,8 +172,8 @@ a:hover { color: #000000; } /*============================================================= - * Here we have taken variables from globals.php and turned them into CSS - * classes these should be used in place of the GLOBAL variables + * Here we have taken variables from globals.php and turned them into CSS + * classes these should be used in place of the GLOBAL variables * -- JRM March 2008 =============================================================*/ @@ -183,6 +182,7 @@ a:hover { margin: 8px } /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/ + .bgcolor2 { background-color: #EFF4F9; } @@ -193,18 +193,22 @@ a:hover { margin: 8px } /* $bottom_bg_line */ + .body_title { background-color: #467AC2; } /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/ + .body_nav { background-color: #EFF4F9; } /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */ + .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ + .body_login { background: url('../pic/aquabg.gif') repeat; } @@ -213,24 +217,28 @@ a:hover { .table_bg { background-color: #ccc; } - /* $table_bg */ + .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ + .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ + .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ + .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ + .logobar { background-color: #2F2F7D; height: 110px; @@ -241,12 +249,14 @@ a:hover { height: 22px; } /* $GLOBALS['navBarHeight'] */ + .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ + #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; @@ -287,7 +297,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ .highlight { color: magenta !Important; } - /* styles taken out of templates/report/general_default.html */ #reports_list td { @@ -298,7 +307,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ font-size: 8pt; font-family: helvetica; } - /* styles taken out of templates/documents/general_list.html */ #documents_list td { @@ -350,6 +358,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ + #DEM .groupname { font-weight: bold; color: #080; @@ -371,6 +380,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /*30px - ie 6 fix*/ } /* Patient History */ + #HIS .groupname { font-weight: bold; color: #080; @@ -394,6 +404,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Notes * seen in the patient summary and notes screens *============================================================*/ + #pnotes .billing { background-color: #dfd; } @@ -412,13 +423,14 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ padding: 5px; margin: 5px; } -#pnotes_ps_expand div.tab table td { - padding-right: 10px; +#pnotes_ps_expand div.tab table td { + padding-right: 10px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ + #patient_stats { padding: 10px; } @@ -457,6 +469,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Stats Summary * seen in the patient summary screen *============================================================*/ + #patient_stats_summary table { border-collapse: collapse; } @@ -488,6 +501,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ + #patient_pastenc { width: 100%; } @@ -541,6 +555,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Reports * seen in the patient reports screens *============================================================*/ + #patient_reports { width: 100%; } @@ -569,6 +584,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ + #report_custom { width: 100%; } @@ -648,12 +664,12 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ background-color: #FFFFFF; /*RP_MODIFIED 1/16/2016 :#D1DDEF */ } -#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), -.signout-restore-subheading { +#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading { background-color: #DEE7F3; /*RP_MODIFIED 1/16/2016 #ffffff */ } /* The top navigation icon styling*/ + .top-nav-icons { margin-right: 15px; margin-top: 5px @@ -661,9 +677,8 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /* * CSS BUTTONS */ -.message-table-header, #searchResultsHeader, #searchResultsHeader th, -#addressbook_list tr.head, .signout-heading, #report_results table thead, -.dehead, .showborder_head { + +.message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head { background: #8CACD9; /*styles the message table header*/ } @@ -686,14 +701,10 @@ input[type="button"], input[type="submit"], button { padding: 0px !Important; margin-bottom: 5px; } -input[type="button"]:focus, input[type="button"]:active:focus, -input[type="button"].active:focus, input[type="submit"]:focus, -input[type="submit"]:active:focus, button.active:focus, button:focus, -button:active:focus, button.active:focus { +input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus { /*transform: translateY(2px);*/ } -input[type="text"], input[type="entry"], input[type="password"], -input[type="search"], textarea { +input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; @@ -708,9 +719,7 @@ select { border: 1px solid #38619B ! Important; margin: 3px; } -input[type="text"]:focus, input[type="entry"]:focus, -input[type="password"]:focus, input[type="search"]:focus, textarea:focus, -select:focus { +input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus { background: #E4EBF5; border-color: #1C304D !important; box-shadow: 0 0 3px #BACDE8 !important; @@ -720,7 +729,7 @@ select:focus { transition: 0.2s linear all; } select[multiple] { - height:auto !Important; + height: auto !Important; } .css_button_small, .css_button { display: inline-block; @@ -748,20 +757,16 @@ select[multiple] { border-radius: 2px; opacity: 1; } -.css_button_small:focus, .css_button_small:active:focus, -.css_button_small.active:focus, .css_button_small.focus, -.css_button_small:active.focus, .css_button_small.active.focus { +.css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, -.css_button:hover, .css_button:focus, .css_button.focus { +.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus { color: #FFFFFF; text-decoration: none; } -.css_button_small:active, .css_button_small.active, .css_button:active, -.css_button.active { +.css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); @@ -778,8 +783,7 @@ select[multiple] { .css_button_icon { padding: 3px 12px 5px 12px; } -a:visited .css_button_small, a.css_button_small, a:visited .css_button, -a.css_button { +a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button { color: #FFFFFF; } .css_button_small span {} @@ -797,11 +801,11 @@ a.disabled_button:hover { /* * TABS A7A7A7 */ + ul.tabNav { margin: 0 0 -4 0; padding: 0; } - /*RP_MODIFIED 7/16/2016*/ ul.tabNav { @@ -837,14 +841,12 @@ ul.tabNav a { /*#CFCCF7 RP_MODIFIED 2/11/2015*/ border-top-right-radius: 5px; } - /*added RP_MODIFIED */ ul.tabNav a:hover { background-color: #467AC2; color: #000000; } - /*RP_MODIFIED 2/11/2015 */ ul.tabNav li.current a { @@ -915,7 +917,6 @@ div.notab-right { background: #FFFFFF; padding: 8px; } - /* * REPORTS */ @@ -977,7 +978,6 @@ div.notab-right { background-color: #DEE7F3; font-weight: bold; } - /** * List-table formatting **/ @@ -1007,7 +1007,6 @@ div.notab-right { text-align: left; font-size: 9pt; } - /** * Drug lookup **/ @@ -1022,7 +1021,6 @@ div.notab-right { position: absolute; display: block; } - /* Password alert styles */ .pwdalert { @@ -1044,10 +1042,8 @@ div.notab-right { border: 3px solid #9acc2e; background-color: #eef7dd; } - /* Password alert styles */ - /* Style for red font */ .redtext { @@ -1055,7 +1051,6 @@ div.notab-right { color: #FF0000; font-size: 10pt; } - /* Style for red font */ .de_identification_status_message { @@ -1101,11 +1096,9 @@ div.notab-right { #navigation-slide li a.expanded { background: #8CACD9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8CACD9', - endColorstr='#8CACD9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8CACD9', endColorstr='#8CACD9'); /* for IE 61a0ff)*/ - background: -webkit-gradient(linear, left top, left bottom, from(#8CACD9), - to(#8CACD9)); + background: -webkit-gradient(linear, left top, left bottom, from(#8CACD9), to(#8CACD9)); /* for webkit browsers */ background: -moz-linear-gradient(top, #8CACD9, #8CACD9); /* for firefox 3.6+ 61a0ff*/ @@ -1113,11 +1106,9 @@ div.notab-right { #navigation-slide ul li a.collapsed_lv2 { background: #7870DE; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', - endColorstr='#7870de'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de'); /* for IE e7e6f9*/ - background: -webkit-gradient(linear, left top, left bottom, from(#7870de), - to(#7870de)); + background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#7870de)); /* for webkit browsers e7e6f9*/ background: -moz-linear-gradient(top, #7870de, #7870de); /* for firefox 3.6+ e7e6f9*/ @@ -1125,32 +1116,25 @@ div.notab-right { #navigation-slide ul li a.expanded_lv2 { background: #e7e6f9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', - endColorstr='#e7e6f9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#e7e6f9'); /* for IE 7870de*/ - background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), - to(#e7e6f9)); + background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#e7e6f9)); /* for webkit browsers 7870de */ background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9); /* for firefox 3.6+ 7870de*/ } #navigation-slide ul li a.collapsed_lv3 { background: #aaaaaa; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', - endColorstr='#aaaaaa'); - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), - to(#aaaaaa)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); + background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa)); background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); } #navigation-slide ul li a.expanded_lv3 { background: #eeeeee; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', - endColorstr='#eeeeee'); - background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), - to(#eeeeee)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -moz-linear-gradient(top, #eeeeee, #eeeeee); } - #sddm li { margin: 0; padding: 0; @@ -1160,11 +1144,9 @@ div.notab-right { /*RP_MODIFIED 2/8/15 #EAE6FF*/ background: #467AC2; /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#467AC2', - endColorstr='#467AC2'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#467AC2', endColorstr='#467AC2'); /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ - background: -webkit-gradient(linear, left top, left bottom, from(#467AC2), - to(#467AC2)); + background: -webkit-gradient(linear, left top, left bottom, from(#467AC2), to(#467AC2)); /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ background: -moz-linear-gradient(top, #467AC2, #467AC2); /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ @@ -1288,8 +1270,7 @@ div.notab-right { .example_menu li.active li a { background: #e8e8e8; } -#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 -li.footer, .example_menu .footer { +#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; @@ -1362,6 +1343,7 @@ li.footer, .example_menu .footer { /*RP_ADDED 8/27/2016*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + div.section, div.borderbox { border-color: #1C304D !important; background-color: #DEE7F3; @@ -1369,6 +1351,7 @@ div.section, div.borderbox { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .login div.container { margin-top: 5%; max-width: 500px; @@ -1384,6 +1367,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .feesheet-title { font-weight: 900; background: #467AC2 !important; @@ -1393,7 +1377,8 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -#mainBox > .body_top, .body_top_tabs { + +#mainBox>.body_top, .body_top_tabs { background-color: #467AC2 !important; } .tabSpan, .tabSpan_tabs { @@ -1439,11 +1424,10 @@ body.login { border: 1px solid #38619B; background: white; } - /*.patientEncounterList { background: #ffff9e !Important; border: 1px solid #38619B; - + } .patientEncounterList:hover{ background: #E4EBF5 !important; @@ -1453,7 +1437,7 @@ body.login { -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; transition: 0.2s linear all; - + overflow: visible; height: auto; z-index:4; @@ -1486,10 +1470,11 @@ body.login { .menuSection>.menuEntries { background-color: #EFF4F9 !Important; } -.body_title, .body_title_tabs { +.body_title, .body_title_tabs { background-color: #BACDE8 !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .tabs_body, #searchCriteria { background-color: #D1DDEF; } @@ -1499,6 +1484,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ + #calsearch_params { background-color: #DEE7F3 !important; width: 98% !Important; @@ -1525,6 +1511,7 @@ div#providerPicker select { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/ + img[src *="show_calendar.gif"] { margin-bottom: 3px; } @@ -1546,8 +1533,8 @@ body.admin-layout input[type="button"] { display: inline-block; float: none; } - /* error message = new validation */ + .error-message { color: red; display: block; @@ -1567,8 +1554,8 @@ body.admin-layout input[type="button"] { width: 44px; height: 22px; } - /* flow board filters*/ + #flow_board_parameters { width: 1041px; margin: 25px auto; @@ -1588,6 +1575,7 @@ body.admin-layout input[type="button"] { /* flow board filters*/ /* ------- Therapy groups styling --------- */ + .group-row { margin-top: 15px; } @@ -1629,8 +1617,7 @@ table.dataTable#therapy_groups_list tbody td { .therapy_group #therapy_groups_list_container input[type=number] { -moz-appearance: textfield; } -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { +.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @@ -1675,8 +1662,7 @@ table.dataTable#therapy_groups_list tbody td { margin-bottom: 20px; margin-left: 10px; } -#add_participant .patient_wrap, #add_participant .comment_wrap, -#add_participant .button_wrap { +#add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap { margin-top: 7px; } #add_participant .patient_wrap, #add_participant .comment_wrap { @@ -1744,6 +1730,7 @@ table.dataTable#therapy_groups_list tbody td { margin: 20px 20px 2px 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ + .dm-ed-in-1 { background-color: #DEE7F3 !Important; border-bottom: thin solid #1C304D !Important; @@ -1760,6 +1747,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .responsetd { border-color: #1C304D !important; background-color: #DEE7F3; @@ -1774,6 +1762,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .code_fieldset { border: 1px solid #1C304D !important; background-color: #DEE7F3 !Important; @@ -1788,13 +1777,12 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ -.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, -.navbar-nav>.active>a:focus { + +.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { /* color: white; background-color: transparent !Important;*/ } -.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #DEE7F3 !Important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { @@ -1832,6 +1820,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + input[type=checkbox], input[type=radio] { margin: 4px !Important; } @@ -1840,7 +1829,6 @@ fieldset { background-color: #DEE7F3 !Important; margin-bottom: 10px!Important; padding: 0px 0px 15px 0px !Important; - } legend { border-bottom: 2px solid #467AC2 !Important; @@ -1873,10 +1861,9 @@ textarea.form-control { background: #EFF4F9 !Important; color: #8e8e8e !Important; border-color: #1C304D !Important; - border-radius: 2px !Important; + border-radius: 2px !Important; } -.btn-default.active, .btn-default.focus, .btn-default:active, -.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { +.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { border-color: #1C304D !Important; background: #1C304D !Important; } @@ -1887,29 +1874,28 @@ textarea.form-control { border: 1px solid #ccc; border-radius: 3px !Important; } -.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, -.btn-link:hover, .open>.dropdown-toggle.btn-link { +.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link { color: #666666 !Important; border-color: #38619B !Important; background: #E4EBF5 !Important; - box-shadow:0px 0px 2px #38619B inset; - transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s; + box-shadow: 0px 0px 2px #38619B inset; + transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; } -.btn-separate-left, .oe-opt-btn-separate-left{ - margin-left: 20px !Important; +.btn-separate-left, .oe-opt-btn-separate-left { + margin-left: 20px !Important; } -.btn-group .btn { - margin-right:2px !Important; +.btn-group .btn { + margin-right: 2px !Important; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0px !Important; + border-top-right-radius: 0px !Important; border-bottom-right-radius: 0px !Important; border-bottom-left-radius: 3px !Important; border-top-left-radius: 3px !Important; } .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) { - border-top-right-radius: 3px !Important; - border-bottom-right-radius: 3px !Important; + border-top-right-radius: 3px !Important; + border-bottom-right-radius: 3px !Important; } .btn-sm { font-size: 10px !Important; @@ -1930,63 +1916,63 @@ textarea.form-control { height: 24px ! Important; padding: 0px 6px !Important; } -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], -.radio input[type=radio], .radio-inline input[type=radio] { +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -20px !Important; } .checkbox label, .radio label { padding-left: 20px !important; } -.position-override{ - text-align:center !Important; - margin-left:0px; - } -.oe-custom-line{ - padding-bottom:5px; +.position-override { + text-align: center !Important; + margin-left: 0px; +} +.oe-custom-line { + padding-bottom: 5px; } .oe-large { - display: inline-block; + display: inline-block; } .oe-small { - display: none; + display: none; } .oe-show-hide { - display: none; + display: none; } -.oe-legend-radio{ - font-size:12px; - padding:5px 5px 0px 0px; +.oe-legend-radio { + font-size: 12px; + padding: 5px 5px 0px 0px; } .oe-bold-black { font-weight: 700 !Important; color: black !Important; } .oe-btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 15px; - background: #38619B !Important; - color: #FFFFFF !Important; - border-color: #1C304D !Important; -} -.patientInfo a.btn, .patientDataColumn a.btn{ - width: 20px; - height: 20px; - text-align: center; - padding: 2px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 10px !Important; - background: #38619B !Important; - color: #FFFFFF !Important; - border-color: #1C304D !Important; - margin:5px; + width: 30px; + height: 30px; + text-align: center; + padding: 6px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 15px; + background: #38619B !Important; + color: #FFFFFF !Important; + border-color: #1C304D !Important; +} +.patientInfo a.btn, .patientDataColumn a.btn { + width: 20px; + height: 20px; + text-align: center; + padding: 2px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 10px !Important; + background: #38619B !Important; + color: #FFFFFF !Important; + border-color: #1C304D !Important; + margin: 5px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + #globals_form_search { margin-top: -3px; padding: 2px 3px 1px 3px; @@ -1995,19 +1981,31 @@ th.currentvalues, th.historicalvalues { background: #467AC2 !Important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .oe-payment-select { width: 80px !important; text-align: right; font-size: 12px; } -.oe-ckbox-label{ +.oe-ckbox-label { padding-left: 30px; font-weight: 500; } -.oe-file-div{ - padding:10px 15px; +.oe-file-div { + padding: 10px 15px; +} +.oe-modal-dialog { + width: 65% !Important; +} +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +.oe-help-redirect { + color: #38619B !Important; } -.oe-modal-dialog{ - width:65% !Important; +.oe-help-heading { + background-color: #E4EBF5 !Important; + border-color: #BACDE8 !Important; } -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file diff --git a/interface/themes/style_coral.css b/interface/themes/style_coral.css index ae52fa821..affd45263 100644 --- a/interface/themes/style_coral.css +++ b/interface/themes/style_coral.css @@ -15,22 +15,21 @@ * * @package OpenEMR * @author Ranganath Pathak - * @copyright Copyright (c) 2017 Ranganath Pathak - * @version 1.0 + * @copyright Copyright (c) 2018 Ranganath Pathak + * @version 1.1 * @license http://opensource.org/licenses/gpl-license.php GNU Public License * @link http://www.open-emr.org */ - -/* +/* COLOR PALETTE - #A5564B - Darkest Coral* + #A5564B - Darkest Coral* #CE3E29 - Darker Coral* #ED7C6C - Dark Coral #F09689 - Mid Coral #F4B0A6 - Mid Pale Coral* #F7CAC4 - Pale Coral - #FBE4E1 - Mid Pale Pale Coral* + #FBE4E1 - Mid Pale Pale Coral* #FBE7E4 - Pale Pale Coral* #E7E6F9 - Pale Purple~ #FDF3F1 - Paler Coral @@ -39,18 +38,19 @@ * - used in styling buttons and input ~ - common for all flat stylesheets */ + @import "core.css"; * { font-family: /* 1 */ -apple-system, BlinkMacSystemFont, /* 2 */ - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", /* 3 */ + "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */ "Helvetica Neue", sans-serif; } -html{ - font-size:14px; +html { + font-size: 14px; } /* RP_MODIFIED 2/09/2015, 1/17/2016*/ + body { margin: 0px 0px 0px 2px; /* set the base fontsize for all DOM children */ @@ -105,7 +105,7 @@ a:hover { color: #000000; font-weight: bold; } -.alert , .alert-custom{ +.alert, .alert-custom { font-size: 70%; color: #FF0000; text-decoration: none; @@ -157,7 +157,6 @@ a:hover { font-weight: bold; text-decoration: none; } - /* see .titlebar below */ .title_bar { @@ -173,8 +172,8 @@ a:hover { color: #000000; } /*============================================================= - * Here we have taken variables from globals.php and turned them into CSS - * classes these should be used in place of the GLOBAL variables + * Here we have taken variables from globals.php and turned them into CSS + * classes these should be used in place of the GLOBAL variables * -- JRM March 2008 =============================================================*/ @@ -183,6 +182,7 @@ a:hover { margin: 8px } /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/ + .bgcolor2 { background-color: #FDF3F1; } @@ -193,18 +193,22 @@ a:hover { margin: 8px } /* $bottom_bg_line */ + .body_title { background-color: #ED7C6C; } /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/ + .body_nav { background-color: #FDF3F1; } /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */ + .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ + .body_login { background: url('../pic/aquabg.gif') repeat; } @@ -213,24 +217,28 @@ a:hover { .table_bg { background-color: #ccc; } - /* $table_bg */ + .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ + .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ + .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ + .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ + .logobar { background-color: #2F2F7D; height: 110px; @@ -241,12 +249,14 @@ a:hover { height: 22px; } /* $GLOBALS['navBarHeight'] */ + .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ + #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; @@ -287,7 +297,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ .highlight { color: magenta !Important; } - /* styles taken out of templates/report/general_default.html */ #reports_list td { @@ -298,7 +307,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ font-size: 8pt; font-family: helvetica; } - /* styles taken out of templates/documents/general_list.html */ #documents_list td { @@ -350,6 +358,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ + #DEM .groupname { font-weight: bold; color: #080; @@ -371,6 +380,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /*30px - ie 6 fix*/ } /* Patient History */ + #HIS .groupname { font-weight: bold; color: #080; @@ -394,6 +404,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Notes * seen in the patient summary and notes screens *============================================================*/ + #pnotes .billing { background-color: #dfd; } @@ -412,13 +423,14 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ padding: 5px; margin: 5px; } -#pnotes_ps_expand div.tab table td { - padding-right: 10px; +#pnotes_ps_expand div.tab table td { + padding-right: 10px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ + #patient_stats { padding: 10px; } @@ -457,6 +469,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Stats Summary * seen in the patient summary screen *============================================================*/ + #patient_stats_summary table { border-collapse: collapse; } @@ -488,6 +501,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ + #patient_pastenc { width: 100%; } @@ -541,6 +555,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Reports * seen in the patient reports screens *============================================================*/ + #patient_reports { width: 100%; } @@ -569,6 +584,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ + #report_custom { width: 100%; } @@ -648,12 +664,12 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ background-color: #FFFFFF; /*RP_MODIFIED 1/16/2016 :#F7CAC4 */ } -#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), -.signout-restore-subheading { +#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading { background-color: #FBE4E1; /*RP_MODIFIED 1/16/2016 #ffffff */ } /* The top navigation icon styling*/ + .top-nav-icons { margin-right: 15px; margin-top: 5px @@ -661,9 +677,8 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /* * CSS BUTTONS */ -.message-table-header, #searchResultsHeader, #searchResultsHeader th, -#addressbook_list tr.head, .signout-heading, #report_results table thead, -.dehead, .showborder_head { + +.message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head { background: #F09689; /*styles the message table header*/ } @@ -686,14 +701,10 @@ input[type="button"], input[type="submit"], button { padding: 0px !Important; margin-bottom: 5px; } -input[type="button"]:focus, input[type="button"]:active:focus, -input[type="button"].active:focus, input[type="submit"]:focus, -input[type="submit"]:active:focus, button.active:focus, button:focus, -button:active:focus, button.active:focus { +input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus { /*transform: translateY(2px);*/ } -input[type="text"], input[type="entry"], input[type="password"], -input[type="search"], textarea { +input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; @@ -708,9 +719,7 @@ select { border: 1px solid #CE3E29 ! Important; margin: 3px; } -input[type="text"]:focus, input[type="entry"]:focus, -input[type="password"]:focus, input[type="search"]:focus, textarea:focus, -select:focus { +input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus { background: #FBE7E4; border-color: #A5564B !important; box-shadow: 0 0 3px #F4B0A6 !important; @@ -720,7 +729,7 @@ select:focus { transition: 0.2s linear all; } select[multiple] { - height:auto !Important; + height: auto !Important; } .css_button_small, .css_button { display: inline-block; @@ -748,20 +757,16 @@ select[multiple] { border-radius: 2px; opacity: 1; } -.css_button_small:focus, .css_button_small:active:focus, -.css_button_small.active:focus, .css_button_small.focus, -.css_button_small:active.focus, .css_button_small.active.focus { +.css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, -.css_button:hover, .css_button:focus, .css_button.focus { +.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus { color: #FFFFFF; text-decoration: none; } -.css_button_small:active, .css_button_small.active, .css_button:active, -.css_button.active { +.css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); @@ -778,8 +783,7 @@ select[multiple] { .css_button_icon { padding: 3px 12px 5px 12px; } -a:visited .css_button_small, a.css_button_small, a:visited .css_button, -a.css_button { +a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button { color: #FFFFFF; } .css_button_small span {} @@ -797,11 +801,11 @@ a.disabled_button:hover { /* * TABS A7A7A7 */ + ul.tabNav { margin: 0 0 -4 0; padding: 0; } - /*RP_MODIFIED 7/16/2016*/ ul.tabNav { @@ -837,14 +841,12 @@ ul.tabNav a { /*#CFCCF7 RP_MODIFIED 2/11/2015*/ border-top-right-radius: 5px; } - /*added RP_MODIFIED */ ul.tabNav a:hover { background-color: #ED7C6C; color: #000000; } - /*RP_MODIFIED 2/11/2015 */ ul.tabNav li.current a { @@ -915,7 +917,6 @@ div.notab-right { background: #FFFFFF; padding: 8px; } - /* * REPORTS */ @@ -977,7 +978,6 @@ div.notab-right { background-color: #FBE4E1; font-weight: bold; } - /** * List-table formatting **/ @@ -1007,7 +1007,6 @@ div.notab-right { text-align: left; font-size: 9pt; } - /** * Drug lookup **/ @@ -1022,7 +1021,6 @@ div.notab-right { position: absolute; display: block; } - /* Password alert styles */ .pwdalert { @@ -1044,10 +1042,8 @@ div.notab-right { border: 3px solid #9acc2e; background-color: #eef7dd; } - /* Password alert styles */ - /* Style for red font */ .redtext { @@ -1055,7 +1051,6 @@ div.notab-right { color: #FF0000; font-size: 10pt; } - /* Style for red font */ .de_identification_status_message { @@ -1101,11 +1096,9 @@ div.notab-right { #navigation-slide li a.expanded { background: #F09689; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F09689', - endColorstr='#F09689'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F09689', endColorstr='#F09689'); /* for IE 61a0ff)*/ - background: -webkit-gradient(linear, left top, left bottom, from(#F09689), - to(#F09689)); + background: -webkit-gradient(linear, left top, left bottom, from(#F09689), to(#F09689)); /* for webkit browsers */ background: -moz-linear-gradient(top, #F09689, #F09689); /* for firefox 3.6+ 61a0ff*/ @@ -1113,11 +1106,9 @@ div.notab-right { #navigation-slide ul li a.collapsed_lv2 { background: #7870DE; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', - endColorstr='#7870de'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de'); /* for IE e7e6f9*/ - background: -webkit-gradient(linear, left top, left bottom, from(#7870de), - to(#7870de)); + background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#7870de)); /* for webkit browsers e7e6f9*/ background: -moz-linear-gradient(top, #7870de, #7870de); /* for firefox 3.6+ e7e6f9*/ @@ -1125,32 +1116,25 @@ div.notab-right { #navigation-slide ul li a.expanded_lv2 { background: #e7e6f9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', - endColorstr='#e7e6f9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#e7e6f9'); /* for IE 7870de*/ - background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), - to(#e7e6f9)); + background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#e7e6f9)); /* for webkit browsers 7870de */ background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9); /* for firefox 3.6+ 7870de*/ } #navigation-slide ul li a.collapsed_lv3 { background: #aaaaaa; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', - endColorstr='#aaaaaa'); - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), - to(#aaaaaa)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); + background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa)); background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); } #navigation-slide ul li a.expanded_lv3 { background: #eeeeee; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', - endColorstr='#eeeeee'); - background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), - to(#eeeeee)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -moz-linear-gradient(top, #eeeeee, #eeeeee); } - #sddm li { margin: 0; padding: 0; @@ -1160,11 +1144,9 @@ div.notab-right { /*RP_MODIFIED 2/8/15 #EAE6FF*/ background: #ED7C6C; /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ED7C6C', - endColorstr='#ED7C6C'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ED7C6C', endColorstr='#ED7C6C'); /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ - background: -webkit-gradient(linear, left top, left bottom, from(#ED7C6C), - to(#ED7C6C)); + background: -webkit-gradient(linear, left top, left bottom, from(#ED7C6C), to(#ED7C6C)); /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ background: -moz-linear-gradient(top, #ED7C6C, #ED7C6C); /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ @@ -1288,8 +1270,7 @@ div.notab-right { .example_menu li.active li a { background: #e8e8e8; } -#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 -li.footer, .example_menu .footer { +#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; @@ -1362,6 +1343,7 @@ li.footer, .example_menu .footer { /*RP_ADDED 8/27/2016*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + div.section, div.borderbox { border-color: #A5564B !important; background-color: #FBE4E1; @@ -1369,6 +1351,7 @@ div.section, div.borderbox { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .login div.container { margin-top: 5%; max-width: 500px; @@ -1384,6 +1367,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .feesheet-title { font-weight: 900; background: #ED7C6C !important; @@ -1393,7 +1377,8 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -#mainBox > .body_top, .body_top_tabs { + +#mainBox>.body_top, .body_top_tabs { background-color: #ED7C6C !important; } .tabSpan, .tabSpan_tabs { @@ -1439,11 +1424,10 @@ body.login { border: 1px solid #CE3E29; background: white; } - /*.patientEncounterList { background: #ffff9e !Important; border: 1px solid #CE3E29; - + } .patientEncounterList:hover{ background: #FBE7E4 !important; @@ -1453,7 +1437,7 @@ body.login { -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; transition: 0.2s linear all; - + overflow: visible; height: auto; z-index:4; @@ -1486,10 +1470,11 @@ body.login { .menuSection>.menuEntries { background-color: #FDF3F1 !Important; } -.body_title, .body_title_tabs { +.body_title, .body_title_tabs { background-color: #F4B0A6 !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .tabs_body, #searchCriteria { background-color: #F7CAC4; } @@ -1499,6 +1484,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ + #calsearch_params { background-color: #FBE4E1 !important; width: 98% !Important; @@ -1525,6 +1511,7 @@ div#providerPicker select { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/ + img[src *="show_calendar.gif"] { margin-bottom: 3px; } @@ -1546,8 +1533,8 @@ body.admin-layout input[type="button"] { display: inline-block; float: none; } - /* error message = new validation */ + .error-message { color: red; display: block; @@ -1567,8 +1554,8 @@ body.admin-layout input[type="button"] { width: 44px; height: 22px; } - /* flow board filters*/ + #flow_board_parameters { width: 1041px; margin: 25px auto; @@ -1588,6 +1575,7 @@ body.admin-layout input[type="button"] { /* flow board filters*/ /* ------- Therapy groups styling --------- */ + .group-row { margin-top: 15px; } @@ -1629,8 +1617,7 @@ table.dataTable#therapy_groups_list tbody td { .therapy_group #therapy_groups_list_container input[type=number] { -moz-appearance: textfield; } -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { +.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @@ -1675,8 +1662,7 @@ table.dataTable#therapy_groups_list tbody td { margin-bottom: 20px; margin-left: 10px; } -#add_participant .patient_wrap, #add_participant .comment_wrap, -#add_participant .button_wrap { +#add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap { margin-top: 7px; } #add_participant .patient_wrap, #add_participant .comment_wrap { @@ -1744,6 +1730,7 @@ table.dataTable#therapy_groups_list tbody td { margin: 20px 20px 2px 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ + .dm-ed-in-1 { background-color: #FBE4E1 !Important; border-bottom: thin solid #A5564B !Important; @@ -1760,6 +1747,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .responsetd { border-color: #A5564B !important; background-color: #FBE4E1; @@ -1774,6 +1762,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .code_fieldset { border: 1px solid #A5564B !important; background-color: #FBE4E1 !Important; @@ -1788,13 +1777,12 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ -.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, -.navbar-nav>.active>a:focus { + +.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { /* color: white; background-color: transparent !Important;*/ } -.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #FBE4E1 !Important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { @@ -1832,6 +1820,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + input[type=checkbox], input[type=radio] { margin: 4px !Important; } @@ -1840,7 +1829,6 @@ fieldset { background-color: #FBE4E1 !Important; margin-bottom: 10px!Important; padding: 0px 0px 15px 0px !Important; - } legend { border-bottom: 2px solid #ED7C6C !Important; @@ -1873,10 +1861,9 @@ textarea.form-control { background: #FDF3F1 !Important; color: #8e8e8e !Important; border-color: #A5564B !Important; - border-radius: 2px !Important; + border-radius: 2px !Important; } -.btn-default.active, .btn-default.focus, .btn-default:active, -.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { +.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { border-color: #A5564B !Important; background: #A5564B !Important; } @@ -1887,29 +1874,28 @@ textarea.form-control { border: 1px solid #ccc; border-radius: 3px !Important; } -.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, -.btn-link:hover, .open>.dropdown-toggle.btn-link { +.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link { color: #666666 !Important; border-color: #CE3E29 !Important; background: #FBE7E4 !Important; - box-shadow:0px 0px 2px #CE3E29 inset; - transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s; + box-shadow: 0px 0px 2px #CE3E29 inset; + transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; } -.btn-separate-left, .oe-opt-btn-separate-left{ - margin-left: 20px !Important; +.btn-separate-left, .oe-opt-btn-separate-left { + margin-left: 20px !Important; } -.btn-group .btn { - margin-right:2px !Important; +.btn-group .btn { + margin-right: 2px !Important; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0px !Important; + border-top-right-radius: 0px !Important; border-bottom-right-radius: 0px !Important; border-bottom-left-radius: 3px !Important; border-top-left-radius: 3px !Important; } .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) { - border-top-right-radius: 3px !Important; - border-bottom-right-radius: 3px !Important; + border-top-right-radius: 3px !Important; + border-bottom-right-radius: 3px !Important; } .btn-sm { font-size: 10px !Important; @@ -1930,63 +1916,63 @@ textarea.form-control { height: 24px ! Important; padding: 0px 6px !Important; } -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], -.radio input[type=radio], .radio-inline input[type=radio] { +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -20px !Important; } .checkbox label, .radio label { padding-left: 20px !important; } -.position-override{ - text-align:center !Important; - margin-left:0px; - } -.oe-custom-line{ - padding-bottom:5px; +.position-override { + text-align: center !Important; + margin-left: 0px; +} +.oe-custom-line { + padding-bottom: 5px; } .oe-large { - display: inline-block; + display: inline-block; } .oe-small { - display: none; + display: none; } .oe-show-hide { - display: none; + display: none; } -.oe-legend-radio{ - font-size:12px; - padding:5px 5px 0px 0px; +.oe-legend-radio { + font-size: 12px; + padding: 5px 5px 0px 0px; } .oe-bold-black { font-weight: 700 !Important; color: black !Important; } .oe-btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 15px; - background: #CE3E29 !Important; - color: #FFFFFF !Important; - border-color: #A5564B !Important; -} -.patientInfo a.btn, .patientDataColumn a.btn{ - width: 20px; - height: 20px; - text-align: center; - padding: 2px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 10px !Important; - background: #CE3E29 !Important; - color: #FFFFFF !Important; - border-color: #A5564B !Important; - margin:5px; + width: 30px; + height: 30px; + text-align: center; + padding: 6px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 15px; + background: #CE3E29 !Important; + color: #FFFFFF !Important; + border-color: #A5564B !Important; +} +.patientInfo a.btn, .patientDataColumn a.btn { + width: 20px; + height: 20px; + text-align: center; + padding: 2px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 10px !Important; + background: #CE3E29 !Important; + color: #FFFFFF !Important; + border-color: #A5564B !Important; + margin: 5px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + #globals_form_search { margin-top: -3px; padding: 2px 3px 1px 3px; @@ -1995,19 +1981,31 @@ th.currentvalues, th.historicalvalues { background: #ED7C6C !Important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .oe-payment-select { width: 80px !important; text-align: right; font-size: 12px; } -.oe-ckbox-label{ +.oe-ckbox-label { padding-left: 30px; font-weight: 500; } -.oe-file-div{ - padding:10px 15px; +.oe-file-div { + padding: 10px 15px; +} +.oe-modal-dialog { + width: 65% !Important; +} +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +.oe-help-redirect { + color: #CE3E29 !Important; } -.oe-modal-dialog{ - width:65% !Important; +.oe-help-heading { + background-color: #FBE7E4 !Important; + border-color: #F4B0A6 !Important; } -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file diff --git a/interface/themes/style_deep_purple.css b/interface/themes/style_deep_purple.css index 426bce3c8..7e8f3df2e 100644 --- a/interface/themes/style_deep_purple.css +++ b/interface/themes/style_deep_purple.css @@ -15,22 +15,21 @@ * * @package OpenEMR * @author Ranganath Pathak - * @copyright Copyright (c) 2017 Ranganath Pathak - * @version 1.0 + * @copyright Copyright (c) 2018 Ranganath Pathak + * @version 1.1 * @license http://opensource.org/licenses/gpl-license.php GNU Public License * @link http://www.open-emr.org */ - -/* +/* COLOR PALETTE - #470E4F - Darkest Deep Purple* + #470E4F - Darkest Deep Purple* #64136F - Darker Deep Purple* - #A446B0 - Dark Deep Purple + #A446B0 - Dark Deep Purple #BB76C5 - Mid Deep Purple #D2A4D8 - Mid Pale Deep Purple* #D7AFDD - Pale Deep Purple - #DDBAE2 - Mid Pale Pale Deep Purple* + #DDBAE2 - Mid Pale Pale Deep Purple* #EAD5ED - Pale Pale Deep Purple* #E7E6F9 - Pale Purple~ #F3E8F5 - Paler Deep Purple @@ -39,18 +38,19 @@ * - used in styling buttons and input ~ - common for all flat stylesheets */ + @import "core.css"; * { font-family: /* 1 */ -apple-system, BlinkMacSystemFont, /* 2 */ - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", /* 3 */ + "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */ "Helvetica Neue", sans-serif; } -html{ - font-size:14px; +html { + font-size: 14px; } /* RP_MODIFIED 2/09/2015, 1/17/2016*/ + body { margin: 0px 0px 0px 2px; /* set the base fontsize for all DOM children */ @@ -105,7 +105,7 @@ a:hover { color: #000000; font-weight: bold; } -.alert , .alert-custom{ +.alert, .alert-custom { font-size: 70%; color: #FF0000; text-decoration: none; @@ -157,7 +157,6 @@ a:hover { font-weight: bold; text-decoration: none; } - /* see .titlebar below */ .title_bar { @@ -173,8 +172,8 @@ a:hover { color: #000000; } /*============================================================= - * Here we have taken variables from globals.php and turned them into CSS - * classes these should be used in place of the GLOBAL variables + * Here we have taken variables from globals.php and turned them into CSS + * classes these should be used in place of the GLOBAL variables * -- JRM March 2008 =============================================================*/ @@ -183,6 +182,7 @@ a:hover { margin: 8px } /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/ + .bgcolor2 { background-color: #F3E8F5; } @@ -193,18 +193,22 @@ a:hover { margin: 8px } /* $bottom_bg_line */ + .body_title { background-color: #A446B0; } /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/ + .body_nav { background-color: #F3E8F5; } /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */ + .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ + .body_login { background: url('../pic/aquabg.gif') repeat; } @@ -213,24 +217,28 @@ a:hover { .table_bg { background-color: #ccc; } - /* $table_bg */ + .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ + .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ + .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ + .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ + .logobar { background-color: #2F2F7D; height: 110px; @@ -241,12 +249,14 @@ a:hover { height: 22px; } /* $GLOBALS['navBarHeight'] */ + .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ + #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; @@ -287,7 +297,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ .highlight { color: magenta !Important; } - /* styles taken out of templates/report/general_default.html */ #reports_list td { @@ -298,7 +307,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ font-size: 8pt; font-family: helvetica; } - /* styles taken out of templates/documents/general_list.html */ #documents_list td { @@ -350,6 +358,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ + #DEM .groupname { font-weight: bold; color: #080; @@ -371,6 +380,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /*30px - ie 6 fix*/ } /* Patient History */ + #HIS .groupname { font-weight: bold; color: #080; @@ -394,6 +404,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Notes * seen in the patient summary and notes screens *============================================================*/ + #pnotes .billing { background-color: #dfd; } @@ -412,13 +423,14 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ padding: 5px; margin: 5px; } -#pnotes_ps_expand div.tab table td { - padding-right: 10px; +#pnotes_ps_expand div.tab table td { + padding-right: 10px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ + #patient_stats { padding: 10px; } @@ -457,6 +469,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Stats Summary * seen in the patient summary screen *============================================================*/ + #patient_stats_summary table { border-collapse: collapse; } @@ -488,6 +501,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ + #patient_pastenc { width: 100%; } @@ -541,6 +555,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Reports * seen in the patient reports screens *============================================================*/ + #patient_reports { width: 100%; } @@ -569,6 +584,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ + #report_custom { width: 100%; } @@ -648,12 +664,12 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ background-color: #FFFFFF; /*RP_MODIFIED 1/16/2016 :#D7AFDD */ } -#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), -.signout-restore-subheading { +#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading { background-color: #DDBAE2; /*RP_MODIFIED 1/16/2016 #ffffff */ } /* The top navigation icon styling*/ + .top-nav-icons { margin-right: 15px; margin-top: 5px @@ -661,9 +677,8 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /* * CSS BUTTONS */ -.message-table-header, #searchResultsHeader, #searchResultsHeader th, -#addressbook_list tr.head, .signout-heading, #report_results table thead, -.dehead, .showborder_head { + +.message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head { background: #BB76C5; /*styles the message table header*/ } @@ -686,14 +701,10 @@ input[type="button"], input[type="submit"], button { padding: 0px !Important; margin-bottom: 5px; } -input[type="button"]:focus, input[type="button"]:active:focus, -input[type="button"].active:focus, input[type="submit"]:focus, -input[type="submit"]:active:focus, button.active:focus, button:focus, -button:active:focus, button.active:focus { +input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus { /*transform: translateY(2px);*/ } -input[type="text"], input[type="entry"], input[type="password"], -input[type="search"], textarea { +input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; @@ -708,9 +719,7 @@ select { border: 1px solid #64136F ! Important; margin: 3px; } -input[type="text"]:focus, input[type="entry"]:focus, -input[type="password"]:focus, input[type="search"]:focus, textarea:focus, -select:focus { +input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus { background: #EAD5ED; border-color: #470E4F !important; box-shadow: 0 0 3px #D2A4D8 !important; @@ -720,7 +729,7 @@ select:focus { transition: 0.2s linear all; } select[multiple] { - height:auto !Important; + height: auto !Important; } .css_button_small, .css_button { display: inline-block; @@ -748,20 +757,16 @@ select[multiple] { border-radius: 2px; opacity: 1; } -.css_button_small:focus, .css_button_small:active:focus, -.css_button_small.active:focus, .css_button_small.focus, -.css_button_small:active.focus, .css_button_small.active.focus { +.css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, -.css_button:hover, .css_button:focus, .css_button.focus { +.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus { color: #FFFFFF; text-decoration: none; } -.css_button_small:active, .css_button_small.active, .css_button:active, -.css_button.active { +.css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); @@ -778,8 +783,7 @@ select[multiple] { .css_button_icon { padding: 3px 12px 5px 12px; } -a:visited .css_button_small, a.css_button_small, a:visited .css_button, -a.css_button { +a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button { color: #FFFFFF; } .css_button_small span {} @@ -797,11 +801,11 @@ a.disabled_button:hover { /* * TABS A7A7A7 */ + ul.tabNav { margin: 0 0 -4 0; padding: 0; } - /*RP_MODIFIED 7/16/2016*/ ul.tabNav { @@ -837,14 +841,12 @@ ul.tabNav a { /*#CFCCF7 RP_MODIFIED 2/11/2015*/ border-top-right-radius: 5px; } - /*added RP_MODIFIED */ ul.tabNav a:hover { background-color: #A446B0; color: #000000; } - /*RP_MODIFIED 2/11/2015 */ ul.tabNav li.current a { @@ -915,7 +917,6 @@ div.notab-right { background: #FFFFFF; padding: 8px; } - /* * REPORTS */ @@ -977,7 +978,6 @@ div.notab-right { background-color: #DDBAE2; font-weight: bold; } - /** * List-table formatting **/ @@ -1007,7 +1007,6 @@ div.notab-right { text-align: left; font-size: 9pt; } - /** * Drug lookup **/ @@ -1022,7 +1021,6 @@ div.notab-right { position: absolute; display: block; } - /* Password alert styles */ .pwdalert { @@ -1044,10 +1042,8 @@ div.notab-right { border: 3px solid #9acc2e; background-color: #eef7dd; } - /* Password alert styles */ - /* Style for red font */ .redtext { @@ -1055,7 +1051,6 @@ div.notab-right { color: #FF0000; font-size: 10pt; } - /* Style for red font */ .de_identification_status_message { @@ -1101,11 +1096,9 @@ div.notab-right { #navigation-slide li a.expanded { background: #BB76C5; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#BB76C5', - endColorstr='#BB76C5'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#BB76C5', endColorstr='#BB76C5'); /* for IE 61a0ff)*/ - background: -webkit-gradient(linear, left top, left bottom, from(#BB76C5), - to(#BB76C5)); + background: -webkit-gradient(linear, left top, left bottom, from(#BB76C5), to(#BB76C5)); /* for webkit browsers */ background: -moz-linear-gradient(top, #BB76C5, #BB76C5); /* for firefox 3.6+ 61a0ff*/ @@ -1113,11 +1106,9 @@ div.notab-right { #navigation-slide ul li a.collapsed_lv2 { background: #7870DE; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', - endColorstr='#7870de'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de'); /* for IE e7e6f9*/ - background: -webkit-gradient(linear, left top, left bottom, from(#7870de), - to(#7870de)); + background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#7870de)); /* for webkit browsers e7e6f9*/ background: -moz-linear-gradient(top, #7870de, #7870de); /* for firefox 3.6+ e7e6f9*/ @@ -1125,32 +1116,25 @@ div.notab-right { #navigation-slide ul li a.expanded_lv2 { background: #e7e6f9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', - endColorstr='#e7e6f9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#e7e6f9'); /* for IE 7870de*/ - background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), - to(#e7e6f9)); + background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#e7e6f9)); /* for webkit browsers 7870de */ background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9); /* for firefox 3.6+ 7870de*/ } #navigation-slide ul li a.collapsed_lv3 { background: #aaaaaa; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', - endColorstr='#aaaaaa'); - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), - to(#aaaaaa)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); + background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa)); background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); } #navigation-slide ul li a.expanded_lv3 { background: #eeeeee; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', - endColorstr='#eeeeee'); - background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), - to(#eeeeee)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -moz-linear-gradient(top, #eeeeee, #eeeeee); } - #sddm li { margin: 0; padding: 0; @@ -1160,11 +1144,9 @@ div.notab-right { /*RP_MODIFIED 2/8/15 #EAE6FF*/ background: #A446B0; /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#A446B0', - endColorstr='#A446B0'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#A446B0', endColorstr='#A446B0'); /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ - background: -webkit-gradient(linear, left top, left bottom, from(#A446B0), - to(#A446B0)); + background: -webkit-gradient(linear, left top, left bottom, from(#A446B0), to(#A446B0)); /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ background: -moz-linear-gradient(top, #A446B0, #A446B0); /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ @@ -1288,8 +1270,7 @@ div.notab-right { .example_menu li.active li a { background: #e8e8e8; } -#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 -li.footer, .example_menu .footer { +#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; @@ -1362,6 +1343,7 @@ li.footer, .example_menu .footer { /*RP_ADDED 8/27/2016*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + div.section, div.borderbox { border-color: #470E4F !important; background-color: #DDBAE2; @@ -1369,6 +1351,7 @@ div.section, div.borderbox { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .login div.container { margin-top: 5%; max-width: 500px; @@ -1384,6 +1367,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .feesheet-title { font-weight: 900; background: #A446B0 !important; @@ -1393,7 +1377,8 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -#mainBox > .body_top, .body_top_tabs { + +#mainBox>.body_top, .body_top_tabs { background-color: #A446B0 !important; } .tabSpan, .tabSpan_tabs { @@ -1439,11 +1424,10 @@ body.login { border: 1px solid #64136F; background: white; } - /*.patientEncounterList { background: #ffff9e !Important; border: 1px solid #64136F; - + } .patientEncounterList:hover{ background: #EAD5ED !important; @@ -1453,7 +1437,7 @@ body.login { -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; transition: 0.2s linear all; - + overflow: visible; height: auto; z-index:4; @@ -1486,10 +1470,11 @@ body.login { .menuSection>.menuEntries { background-color: #F3E8F5 !Important; } -.body_title, .body_title_tabs { +.body_title, .body_title_tabs { background-color: #D2A4D8 !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .tabs_body, #searchCriteria { background-color: #D7AFDD; } @@ -1499,6 +1484,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ + #calsearch_params { background-color: #DDBAE2 !important; width: 98% !Important; @@ -1525,6 +1511,7 @@ div#providerPicker select { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/ + img[src *="show_calendar.gif"] { margin-bottom: 3px; } @@ -1546,8 +1533,8 @@ body.admin-layout input[type="button"] { display: inline-block; float: none; } - /* error message = new validation */ + .error-message { color: red; display: block; @@ -1567,8 +1554,8 @@ body.admin-layout input[type="button"] { width: 44px; height: 22px; } - /* flow board filters*/ + #flow_board_parameters { width: 1041px; margin: 25px auto; @@ -1588,6 +1575,7 @@ body.admin-layout input[type="button"] { /* flow board filters*/ /* ------- Therapy groups styling --------- */ + .group-row { margin-top: 15px; } @@ -1629,8 +1617,7 @@ table.dataTable#therapy_groups_list tbody td { .therapy_group #therapy_groups_list_container input[type=number] { -moz-appearance: textfield; } -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { +.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @@ -1675,8 +1662,7 @@ table.dataTable#therapy_groups_list tbody td { margin-bottom: 20px; margin-left: 10px; } -#add_participant .patient_wrap, #add_participant .comment_wrap, -#add_participant .button_wrap { +#add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap { margin-top: 7px; } #add_participant .patient_wrap, #add_participant .comment_wrap { @@ -1744,6 +1730,7 @@ table.dataTable#therapy_groups_list tbody td { margin: 20px 20px 2px 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ + .dm-ed-in-1 { background-color: #DDBAE2 !Important; border-bottom: thin solid #470E4F !Important; @@ -1760,6 +1747,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .responsetd { border-color: #470E4F !important; background-color: #DDBAE2; @@ -1774,6 +1762,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .code_fieldset { border: 1px solid #470E4F !important; background-color: #DDBAE2 !Important; @@ -1788,13 +1777,12 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ -.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, -.navbar-nav>.active>a:focus { + +.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { /* color: white; background-color: transparent !Important;*/ } -.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #DDBAE2 !Important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { @@ -1832,6 +1820,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + input[type=checkbox], input[type=radio] { margin: 4px !Important; } @@ -1840,7 +1829,6 @@ fieldset { background-color: #DDBAE2 !Important; margin-bottom: 10px!Important; padding: 0px 0px 15px 0px !Important; - } legend { border-bottom: 2px solid #A446B0 !Important; @@ -1873,10 +1861,9 @@ textarea.form-control { background: #F3E8F5 !Important; color: #8e8e8e !Important; border-color: #470E4F !Important; - border-radius: 2px !Important; + border-radius: 2px !Important; } -.btn-default.active, .btn-default.focus, .btn-default:active, -.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { +.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { border-color: #470E4F !Important; background: #470E4F !Important; } @@ -1887,29 +1874,28 @@ textarea.form-control { border: 1px solid #ccc; border-radius: 3px !Important; } -.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, -.btn-link:hover, .open>.dropdown-toggle.btn-link { +.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link { color: #666666 !Important; border-color: #64136F !Important; background: #EAD5ED !Important; - box-shadow:0px 0px 2px #64136F inset; - transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s; + box-shadow: 0px 0px 2px #64136F inset; + transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; } -.btn-separate-left, .oe-opt-btn-separate-left{ - margin-left: 20px !Important; +.btn-separate-left, .oe-opt-btn-separate-left { + margin-left: 20px !Important; } -.btn-group .btn { - margin-right:2px !Important; +.btn-group .btn { + margin-right: 2px !Important; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0px !Important; + border-top-right-radius: 0px !Important; border-bottom-right-radius: 0px !Important; border-bottom-left-radius: 3px !Important; border-top-left-radius: 3px !Important; } .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) { - border-top-right-radius: 3px !Important; - border-bottom-right-radius: 3px !Important; + border-top-right-radius: 3px !Important; + border-bottom-right-radius: 3px !Important; } .btn-sm { font-size: 10px !Important; @@ -1930,63 +1916,63 @@ textarea.form-control { height: 24px ! Important; padding: 0px 6px !Important; } -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], -.radio input[type=radio], .radio-inline input[type=radio] { +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -20px !Important; } .checkbox label, .radio label { padding-left: 20px !important; } -.position-override{ - text-align:center !Important; - margin-left:0px; - } -.oe-custom-line{ - padding-bottom:5px; +.position-override { + text-align: center !Important; + margin-left: 0px; +} +.oe-custom-line { + padding-bottom: 5px; } .oe-large { - display: inline-block; + display: inline-block; } .oe-small { - display: none; + display: none; } .oe-show-hide { - display: none; + display: none; } -.oe-legend-radio{ - font-size:12px; - padding:5px 5px 0px 0px; +.oe-legend-radio { + font-size: 12px; + padding: 5px 5px 0px 0px; } .oe-bold-black { font-weight: 700 !Important; color: black !Important; } .oe-btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 15px; - background: #64136F !Important; - color: #FFFFFF !Important; - border-color: #470E4F !Important; -} -.patientInfo a.btn, .patientDataColumn a.btn{ - width: 20px; - height: 20px; - text-align: center; - padding: 2px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 10px !Important; - background: #64136F !Important; - color: #FFFFFF !Important; - border-color: #470E4F !Important; - margin:5px; + width: 30px; + height: 30px; + text-align: center; + padding: 6px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 15px; + background: #64136F !Important; + color: #FFFFFF !Important; + border-color: #470E4F !Important; +} +.patientInfo a.btn, .patientDataColumn a.btn { + width: 20px; + height: 20px; + text-align: center; + padding: 2px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 10px !Important; + background: #64136F !Important; + color: #FFFFFF !Important; + border-color: #470E4F !Important; + margin: 5px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + #globals_form_search { margin-top: -3px; padding: 2px 3px 1px 3px; @@ -1995,19 +1981,31 @@ th.currentvalues, th.historicalvalues { background: #A446B0 !Important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .oe-payment-select { width: 80px !important; text-align: right; font-size: 12px; } -.oe-ckbox-label{ +.oe-ckbox-label { padding-left: 30px; font-weight: 500; } -.oe-file-div{ - padding:10px 15px; +.oe-file-div { + padding: 10px 15px; +} +.oe-modal-dialog { + width: 65% !Important; +} +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +.oe-help-redirect { + color: #64136F !Important; } -.oe-modal-dialog{ - width:65% !Important; +.oe-help-heading { + background-color: #EAD5ED !Important; + border-color: #D2A4D8 !Important; } -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file diff --git a/interface/themes/style_dune.css b/interface/themes/style_dune.css index de539e0f4..0c935be72 100644 --- a/interface/themes/style_dune.css +++ b/interface/themes/style_dune.css @@ -15,22 +15,21 @@ * * @package OpenEMR * @author Ranganath Pathak - * @copyright Copyright (c) 2017 Ranganath Pathak - * @version 1.0 + * @copyright Copyright (c) 2018 Ranganath Pathak + * @version 1.1 * @license http://opensource.org/licenses/gpl-license.php GNU Public License * @link http://www.open-emr.org */ - -/* +/* COLOR PALETTE - #69513A - Darkest Dune* + #69513A - Darkest Dune* #8C6C4D - Darker Dune* #B08761 - Dark Dune #B79370 - Mid Dune #C7AB90 - Mid Pale Dune* #CFB7A0 - Pale Dune - #E7DBCF - Mid Pale Pale Dune* + #E7DBCF - Mid Pale Pale Dune* #EFE7DF - Pale Pale Dune* #E7E6F9 - Pale Purple~ #F7F4F0 - Paler Dune @@ -39,18 +38,19 @@ * - used in styling buttons and input ~ - common for all flat stylesheets */ + @import "core.css"; * { font-family: /* 1 */ -apple-system, BlinkMacSystemFont, /* 2 */ - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", /* 3 */ + "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */ "Helvetica Neue", sans-serif; } -html{ - font-size:14px; +html { + font-size: 14px; } /* RP_MODIFIED 2/09/2015, 1/17/2016*/ + body { margin: 0px 0px 0px 2px; /* set the base fontsize for all DOM children */ @@ -105,7 +105,7 @@ a:hover { color: #000000; font-weight: bold; } -.alert , .alert-custom{ +.alert, .alert-custom { font-size: 70%; color: #FF0000; text-decoration: none; @@ -157,7 +157,6 @@ a:hover { font-weight: bold; text-decoration: none; } - /* see .titlebar below */ .title_bar { @@ -173,8 +172,8 @@ a:hover { color: #000000; } /*============================================================= - * Here we have taken variables from globals.php and turned them into CSS - * classes these should be used in place of the GLOBAL variables + * Here we have taken variables from globals.php and turned them into CSS + * classes these should be used in place of the GLOBAL variables * -- JRM March 2008 =============================================================*/ @@ -183,6 +182,7 @@ a:hover { margin: 8px } /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/ + .bgcolor2 { background-color: #F7F4F0; } @@ -193,18 +193,22 @@ a:hover { margin: 8px } /* $bottom_bg_line */ + .body_title { background-color: #B08761; } /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/ + .body_nav { background-color: #F7F4F0; } /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */ + .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ + .body_login { background: url('../pic/aquabg.gif') repeat; } @@ -213,24 +217,28 @@ a:hover { .table_bg { background-color: #ccc; } - /* $table_bg */ + .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ + .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ + .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ + .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ + .logobar { background-color: #2F2F7D; height: 110px; @@ -241,12 +249,14 @@ a:hover { height: 22px; } /* $GLOBALS['navBarHeight'] */ + .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ + #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; @@ -287,7 +297,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ .highlight { color: magenta !Important; } - /* styles taken out of templates/report/general_default.html */ #reports_list td { @@ -298,7 +307,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ font-size: 8pt; font-family: helvetica; } - /* styles taken out of templates/documents/general_list.html */ #documents_list td { @@ -350,6 +358,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ + #DEM .groupname { font-weight: bold; color: #080; @@ -371,6 +380,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /*30px - ie 6 fix*/ } /* Patient History */ + #HIS .groupname { font-weight: bold; color: #080; @@ -394,6 +404,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Notes * seen in the patient summary and notes screens *============================================================*/ + #pnotes .billing { background-color: #dfd; } @@ -412,13 +423,14 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ padding: 5px; margin: 5px; } -#pnotes_ps_expand div.tab table td { - padding-right: 10px; +#pnotes_ps_expand div.tab table td { + padding-right: 10px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ + #patient_stats { padding: 10px; } @@ -457,6 +469,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Stats Summary * seen in the patient summary screen *============================================================*/ + #patient_stats_summary table { border-collapse: collapse; } @@ -488,6 +501,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ + #patient_pastenc { width: 100%; } @@ -541,6 +555,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Reports * seen in the patient reports screens *============================================================*/ + #patient_reports { width: 100%; } @@ -569,6 +584,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ + #report_custom { width: 100%; } @@ -648,12 +664,12 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ background-color: #FFFFFF; /*RP_MODIFIED 1/16/2016 :#CFB7A0 */ } -#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), -.signout-restore-subheading { +#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading { background-color: #E7DBCF; /*RP_MODIFIED 1/16/2016 #ffffff */ } /* The top navigation icon styling*/ + .top-nav-icons { margin-right: 15px; margin-top: 5px @@ -661,9 +677,8 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /* * CSS BUTTONS */ -.message-table-header, #searchResultsHeader, #searchResultsHeader th, -#addressbook_list tr.head, .signout-heading, #report_results table thead, -.dehead, .showborder_head { + +.message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head { background: #B79370; /*styles the message table header*/ } @@ -686,14 +701,10 @@ input[type="button"], input[type="submit"], button { padding: 0px !Important; margin-bottom: 5px; } -input[type="button"]:focus, input[type="button"]:active:focus, -input[type="button"].active:focus, input[type="submit"]:focus, -input[type="submit"]:active:focus, button.active:focus, button:focus, -button:active:focus, button.active:focus { +input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus { /*transform: translateY(2px);*/ } -input[type="text"], input[type="entry"], input[type="password"], -input[type="search"], textarea { +input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; @@ -708,9 +719,7 @@ select { border: 1px solid #8C6C4D ! Important; margin: 3px; } -input[type="text"]:focus, input[type="entry"]:focus, -input[type="password"]:focus, input[type="search"]:focus, textarea:focus, -select:focus { +input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus { background: #EFE7DF; border-color: #69513A !important; box-shadow: 0 0 3px #C7AB90 !important; @@ -720,7 +729,7 @@ select:focus { transition: 0.2s linear all; } select[multiple] { - height:auto !Important; + height: auto !Important; } .css_button_small, .css_button { display: inline-block; @@ -748,20 +757,16 @@ select[multiple] { border-radius: 2px; opacity: 1; } -.css_button_small:focus, .css_button_small:active:focus, -.css_button_small.active:focus, .css_button_small.focus, -.css_button_small:active.focus, .css_button_small.active.focus { +.css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, -.css_button:hover, .css_button:focus, .css_button.focus { +.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus { color: #FFFFFF; text-decoration: none; } -.css_button_small:active, .css_button_small.active, .css_button:active, -.css_button.active { +.css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); @@ -778,8 +783,7 @@ select[multiple] { .css_button_icon { padding: 3px 12px 5px 12px; } -a:visited .css_button_small, a.css_button_small, a:visited .css_button, -a.css_button { +a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button { color: #FFFFFF; } .css_button_small span {} @@ -797,11 +801,11 @@ a.disabled_button:hover { /* * TABS A7A7A7 */ + ul.tabNav { margin: 0 0 -4 0; padding: 0; } - /*RP_MODIFIED 7/16/2016*/ ul.tabNav { @@ -837,14 +841,12 @@ ul.tabNav a { /*#CFCCF7 RP_MODIFIED 2/11/2015*/ border-top-right-radius: 5px; } - /*added RP_MODIFIED */ ul.tabNav a:hover { background-color: #B08761; color: #000000; } - /*RP_MODIFIED 2/11/2015 */ ul.tabNav li.current a { @@ -915,7 +917,6 @@ div.notab-right { background: #FFFFFF; padding: 8px; } - /* * REPORTS */ @@ -977,7 +978,6 @@ div.notab-right { background-color: #E7DBCF; font-weight: bold; } - /** * List-table formatting **/ @@ -1007,7 +1007,6 @@ div.notab-right { text-align: left; font-size: 9pt; } - /** * Drug lookup **/ @@ -1022,7 +1021,6 @@ div.notab-right { position: absolute; display: block; } - /* Password alert styles */ .pwdalert { @@ -1044,10 +1042,8 @@ div.notab-right { border: 3px solid #9acc2e; background-color: #eef7dd; } - /* Password alert styles */ - /* Style for red font */ .redtext { @@ -1055,7 +1051,6 @@ div.notab-right { color: #FF0000; font-size: 10pt; } - /* Style for red font */ .de_identification_status_message { @@ -1101,11 +1096,9 @@ div.notab-right { #navigation-slide li a.expanded { background: #B79370; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#B79370', - endColorstr='#B79370'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#B79370', endColorstr='#B79370'); /* for IE 61a0ff)*/ - background: -webkit-gradient(linear, left top, left bottom, from(#B79370), - to(#B79370)); + background: -webkit-gradient(linear, left top, left bottom, from(#B79370), to(#B79370)); /* for webkit browsers */ background: -moz-linear-gradient(top, #B79370, #B79370); /* for firefox 3.6+ 61a0ff*/ @@ -1113,11 +1106,9 @@ div.notab-right { #navigation-slide ul li a.collapsed_lv2 { background: #7870DE; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', - endColorstr='#7870de'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de'); /* for IE e7e6f9*/ - background: -webkit-gradient(linear, left top, left bottom, from(#7870de), - to(#7870de)); + background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#7870de)); /* for webkit browsers e7e6f9*/ background: -moz-linear-gradient(top, #7870de, #7870de); /* for firefox 3.6+ e7e6f9*/ @@ -1125,32 +1116,25 @@ div.notab-right { #navigation-slide ul li a.expanded_lv2 { background: #e7e6f9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', - endColorstr='#e7e6f9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#e7e6f9'); /* for IE 7870de*/ - background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), - to(#e7e6f9)); + background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#e7e6f9)); /* for webkit browsers 7870de */ background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9); /* for firefox 3.6+ 7870de*/ } #navigation-slide ul li a.collapsed_lv3 { background: #aaaaaa; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', - endColorstr='#aaaaaa'); - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), - to(#aaaaaa)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); + background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa)); background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); } #navigation-slide ul li a.expanded_lv3 { background: #eeeeee; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', - endColorstr='#eeeeee'); - background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), - to(#eeeeee)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -moz-linear-gradient(top, #eeeeee, #eeeeee); } - #sddm li { margin: 0; padding: 0; @@ -1160,11 +1144,9 @@ div.notab-right { /*RP_MODIFIED 2/8/15 #EAE6FF*/ background: #B08761; /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#B08761', - endColorstr='#B08761'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#B08761', endColorstr='#B08761'); /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ - background: -webkit-gradient(linear, left top, left bottom, from(#B08761), - to(#B08761)); + background: -webkit-gradient(linear, left top, left bottom, from(#B08761), to(#B08761)); /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ background: -moz-linear-gradient(top, #B08761, #B08761); /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ @@ -1288,8 +1270,7 @@ div.notab-right { .example_menu li.active li a { background: #e8e8e8; } -#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 -li.footer, .example_menu .footer { +#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; @@ -1362,6 +1343,7 @@ li.footer, .example_menu .footer { /*RP_ADDED 8/27/2016*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + div.section, div.borderbox { border-color: #69513A !important; background-color: #E7DBCF; @@ -1369,6 +1351,7 @@ div.section, div.borderbox { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .login div.container { margin-top: 5%; max-width: 500px; @@ -1384,6 +1367,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .feesheet-title { font-weight: 900; background: #B08761 !important; @@ -1393,7 +1377,8 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -#mainBox > .body_top, .body_top_tabs { + +#mainBox>.body_top, .body_top_tabs { background-color: #B08761 !important; } .tabSpan, .tabSpan_tabs { @@ -1439,11 +1424,10 @@ body.login { border: 1px solid #8C6C4D; background: white; } - /*.patientEncounterList { background: #ffff9e !Important; border: 1px solid #8C6C4D; - + } .patientEncounterList:hover{ background: #EFE7DF !important; @@ -1453,7 +1437,7 @@ body.login { -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; transition: 0.2s linear all; - + overflow: visible; height: auto; z-index:4; @@ -1486,10 +1470,11 @@ body.login { .menuSection>.menuEntries { background-color: #F7F4F0 !Important; } -.body_title, .body_title_tabs { +.body_title, .body_title_tabs { background-color: #C7AB90 !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .tabs_body, #searchCriteria { background-color: #CFB7A0; } @@ -1499,6 +1484,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ + #calsearch_params { background-color: #E7DBCF !important; width: 98% !Important; @@ -1525,6 +1511,7 @@ div#providerPicker select { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/ + img[src *="show_calendar.gif"] { margin-bottom: 3px; } @@ -1546,8 +1533,8 @@ body.admin-layout input[type="button"] { display: inline-block; float: none; } - /* error message = new validation */ + .error-message { color: red; display: block; @@ -1567,8 +1554,8 @@ body.admin-layout input[type="button"] { width: 44px; height: 22px; } - /* flow board filters*/ + #flow_board_parameters { width: 1041px; margin: 25px auto; @@ -1588,6 +1575,7 @@ body.admin-layout input[type="button"] { /* flow board filters*/ /* ------- Therapy groups styling --------- */ + .group-row { margin-top: 15px; } @@ -1629,8 +1617,7 @@ table.dataTable#therapy_groups_list tbody td { .therapy_group #therapy_groups_list_container input[type=number] { -moz-appearance: textfield; } -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { +.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @@ -1675,8 +1662,7 @@ table.dataTable#therapy_groups_list tbody td { margin-bottom: 20px; margin-left: 10px; } -#add_participant .patient_wrap, #add_participant .comment_wrap, -#add_participant .button_wrap { +#add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap { margin-top: 7px; } #add_participant .patient_wrap, #add_participant .comment_wrap { @@ -1744,6 +1730,7 @@ table.dataTable#therapy_groups_list tbody td { margin: 20px 20px 2px 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ + .dm-ed-in-1 { background-color: #E7DBCF !Important; border-bottom: thin solid #69513A !Important; @@ -1760,6 +1747,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .responsetd { border-color: #69513A !important; background-color: #E7DBCF; @@ -1774,6 +1762,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .code_fieldset { border: 1px solid #69513A !important; background-color: #E7DBCF !Important; @@ -1788,13 +1777,12 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ -.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, -.navbar-nav>.active>a:focus { + +.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { /* color: white; background-color: transparent !Important;*/ } -.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #E7DBCF !Important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { @@ -1832,6 +1820,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + input[type=checkbox], input[type=radio] { margin: 4px !Important; } @@ -1840,7 +1829,6 @@ fieldset { background-color: #E7DBCF !Important; margin-bottom: 10px!Important; padding: 0px 0px 15px 0px !Important; - } legend { border-bottom: 2px solid #B08761 !Important; @@ -1873,10 +1861,9 @@ textarea.form-control { background: #F7F4F0 !Important; color: #8e8e8e !Important; border-color: #69513A !Important; - border-radius: 2px !Important; + border-radius: 2px !Important; } -.btn-default.active, .btn-default.focus, .btn-default:active, -.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { +.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { border-color: #69513A !Important; background: #69513A !Important; } @@ -1887,29 +1874,28 @@ textarea.form-control { border: 1px solid #ccc; border-radius: 3px !Important; } -.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, -.btn-link:hover, .open>.dropdown-toggle.btn-link { +.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link { color: #666666 !Important; border-color: #8C6C4D !Important; background: #EFE7DF !Important; - box-shadow:0px 0px 2px #8C6C4D inset; - transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s; + box-shadow: 0px 0px 2px #8C6C4D inset; + transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; } -.btn-separate-left, .oe-opt-btn-separate-left{ - margin-left: 20px !Important; +.btn-separate-left, .oe-opt-btn-separate-left { + margin-left: 20px !Important; } -.btn-group .btn { - margin-right:2px !Important; +.btn-group .btn { + margin-right: 2px !Important; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0px !Important; + border-top-right-radius: 0px !Important; border-bottom-right-radius: 0px !Important; border-bottom-left-radius: 3px !Important; border-top-left-radius: 3px !Important; } .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) { - border-top-right-radius: 3px !Important; - border-bottom-right-radius: 3px !Important; + border-top-right-radius: 3px !Important; + border-bottom-right-radius: 3px !Important; } .btn-sm { font-size: 10px !Important; @@ -1930,63 +1916,63 @@ textarea.form-control { height: 24px ! Important; padding: 0px 6px !Important; } -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], -.radio input[type=radio], .radio-inline input[type=radio] { +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -20px !Important; } .checkbox label, .radio label { padding-left: 20px !important; } -.position-override{ - text-align:center !Important; - margin-left:0px; - } -.oe-custom-line{ - padding-bottom:5px; +.position-override { + text-align: center !Important; + margin-left: 0px; +} +.oe-custom-line { + padding-bottom: 5px; } .oe-large { - display: inline-block; + display: inline-block; } .oe-small { - display: none; + display: none; } .oe-show-hide { - display: none; + display: none; } -.oe-legend-radio{ - font-size:12px; - padding:5px 5px 0px 0px; +.oe-legend-radio { + font-size: 12px; + padding: 5px 5px 0px 0px; } .oe-bold-black { font-weight: 700 !Important; color: black !Important; } .oe-btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 15px; - background: #8C6C4D !Important; - color: #FFFFFF !Important; - border-color: #69513A !Important; -} -.patientInfo a.btn, .patientDataColumn a.btn{ - width: 20px; - height: 20px; - text-align: center; - padding: 2px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 10px !Important; - background: #8C6C4D !Important; - color: #FFFFFF !Important; - border-color: #69513A !Important; - margin:5px; + width: 30px; + height: 30px; + text-align: center; + padding: 6px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 15px; + background: #8C6C4D !Important; + color: #FFFFFF !Important; + border-color: #69513A !Important; +} +.patientInfo a.btn, .patientDataColumn a.btn { + width: 20px; + height: 20px; + text-align: center; + padding: 2px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 10px !Important; + background: #8C6C4D !Important; + color: #FFFFFF !Important; + border-color: #69513A !Important; + margin: 5px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + #globals_form_search { margin-top: -3px; padding: 2px 3px 1px 3px; @@ -1995,19 +1981,31 @@ th.currentvalues, th.historicalvalues { background: #B08761 !Important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .oe-payment-select { width: 80px !important; text-align: right; font-size: 12px; } -.oe-ckbox-label{ +.oe-ckbox-label { padding-left: 30px; font-weight: 500; } -.oe-file-div{ - padding:10px 15px; +.oe-file-div { + padding: 10px 15px; +} +.oe-modal-dialog { + width: 65% !Important; +} +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +.oe-help-redirect { + color: #8C6C4D !Important; } -.oe-modal-dialog{ - width:65% !Important; +.oe-help-heading { + background-color: #EFE7DF !Important; + border-color: #C7AB90 !Important; } -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file diff --git a/interface/themes/style_emerald.css b/interface/themes/style_emerald.css index e37a95e75..8334cf442 100644 --- a/interface/themes/style_emerald.css +++ b/interface/themes/style_emerald.css @@ -15,22 +15,21 @@ * * @package OpenEMR * @author Ranganath Pathak - * @copyright Copyright (c) 2017 Ranganath Pathak - * @version 1.0 + * @copyright Copyright (c) 2018 Ranganath Pathak + * @version 1.1 * @license http://opensource.org/licenses/gpl-license.php GNU Public License * @link http://www.open-emr.org */ - -/* +/* COLOR PALETTE - #176638 - Darkest Emerald* + #176638 - Darkest Emerald* #24A35A - Darker Emerald* #2ECC71 - Dark Emerald #57D68D - Mid Emerald #96E5B8 - Mid Pale Emerald* #C0EFD4 - Pale Emerald - #D2F3E0 - Mid Pale Pale Emerald* + #D2F3E0 - Mid Pale Pale Emerald* #E0F7EA - Pale Pale Emerald* #E7E6F9 - Pale Purple~ #EAF9F0 - Paler Emerald @@ -39,18 +38,19 @@ * - used in styling buttons and input ~ - common for all flat stylesheets */ + @import "core.css"; * { font-family: /* 1 */ -apple-system, BlinkMacSystemFont, /* 2 */ - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", /* 3 */ + "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */ "Helvetica Neue", sans-serif; } -html{ - font-size:14px; +html { + font-size: 14px; } /* RP_MODIFIED 2/09/2015, 1/17/2016*/ + body { margin: 0px 0px 0px 2px; /* set the base fontsize for all DOM children */ @@ -105,7 +105,7 @@ a:hover { color: #000000; font-weight: bold; } -.alert , .alert-custom{ +.alert, .alert-custom { font-size: 70%; color: #FF0000; text-decoration: none; @@ -157,7 +157,6 @@ a:hover { font-weight: bold; text-decoration: none; } - /* see .titlebar below */ .title_bar { @@ -173,8 +172,8 @@ a:hover { color: #000000; } /*============================================================= - * Here we have taken variables from globals.php and turned them into CSS - * classes these should be used in place of the GLOBAL variables + * Here we have taken variables from globals.php and turned them into CSS + * classes these should be used in place of the GLOBAL variables * -- JRM March 2008 =============================================================*/ @@ -183,6 +182,7 @@ a:hover { margin: 8px } /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/ + .bgcolor2 { background-color: #EAF9F0; } @@ -193,18 +193,22 @@ a:hover { margin: 8px } /* $bottom_bg_line */ + .body_title { background-color: #2ECC71; } /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/ + .body_nav { background-color: #EAF9F0; } /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */ + .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ + .body_login { background: url('../pic/aquabg.gif') repeat; } @@ -213,24 +217,28 @@ a:hover { .table_bg { background-color: #ccc; } - /* $table_bg */ + .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ + .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ + .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ + .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ + .logobar { background-color: #2F2F7D; height: 110px; @@ -241,12 +249,14 @@ a:hover { height: 22px; } /* $GLOBALS['navBarHeight'] */ + .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ + #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; @@ -287,7 +297,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ .highlight { color: magenta !Important; } - /* styles taken out of templates/report/general_default.html */ #reports_list td { @@ -298,7 +307,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ font-size: 8pt; font-family: helvetica; } - /* styles taken out of templates/documents/general_list.html */ #documents_list td { @@ -350,6 +358,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ + #DEM .groupname { font-weight: bold; color: #080; @@ -371,6 +380,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /*30px - ie 6 fix*/ } /* Patient History */ + #HIS .groupname { font-weight: bold; color: #080; @@ -394,6 +404,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Notes * seen in the patient summary and notes screens *============================================================*/ + #pnotes .billing { background-color: #dfd; } @@ -412,13 +423,14 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ padding: 5px; margin: 5px; } -#pnotes_ps_expand div.tab table td { - padding-right: 10px; +#pnotes_ps_expand div.tab table td { + padding-right: 10px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ + #patient_stats { padding: 10px; } @@ -457,6 +469,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Stats Summary * seen in the patient summary screen *============================================================*/ + #patient_stats_summary table { border-collapse: collapse; } @@ -488,6 +501,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ + #patient_pastenc { width: 100%; } @@ -541,6 +555,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Reports * seen in the patient reports screens *============================================================*/ + #patient_reports { width: 100%; } @@ -569,6 +584,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ + #report_custom { width: 100%; } @@ -648,12 +664,12 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ background-color: #FFFFFF; /*RP_MODIFIED 1/16/2016 :#C0EFD4 */ } -#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), -.signout-restore-subheading { +#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading { background-color: #D2F3E0; /*RP_MODIFIED 1/16/2016 #ffffff */ } /* The top navigation icon styling*/ + .top-nav-icons { margin-right: 15px; margin-top: 5px @@ -661,9 +677,8 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /* * CSS BUTTONS */ -.message-table-header, #searchResultsHeader, #searchResultsHeader th, -#addressbook_list tr.head, .signout-heading, #report_results table thead, -.dehead, .showborder_head { + +.message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head { background: #57D68D; /*styles the message table header*/ } @@ -686,14 +701,10 @@ input[type="button"], input[type="submit"], button { padding: 0px !Important; margin-bottom: 5px; } -input[type="button"]:focus, input[type="button"]:active:focus, -input[type="button"].active:focus, input[type="submit"]:focus, -input[type="submit"]:active:focus, button.active:focus, button:focus, -button:active:focus, button.active:focus { +input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus { /*transform: translateY(2px);*/ } -input[type="text"], input[type="entry"], input[type="password"], -input[type="search"], textarea { +input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; @@ -708,9 +719,7 @@ select { border: 1px solid #24A35A ! Important; margin: 3px; } -input[type="text"]:focus, input[type="entry"]:focus, -input[type="password"]:focus, input[type="search"]:focus, textarea:focus, -select:focus { +input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus { background: #E0F7EA; border-color: #176638 !important; box-shadow: 0 0 3px #96E5B8 !important; @@ -720,7 +729,7 @@ select:focus { transition: 0.2s linear all; } select[multiple] { - height:auto !Important; + height: auto !Important; } .css_button_small, .css_button { display: inline-block; @@ -748,20 +757,16 @@ select[multiple] { border-radius: 2px; opacity: 1; } -.css_button_small:focus, .css_button_small:active:focus, -.css_button_small.active:focus, .css_button_small.focus, -.css_button_small:active.focus, .css_button_small.active.focus { +.css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, -.css_button:hover, .css_button:focus, .css_button.focus { +.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus { color: #FFFFFF; text-decoration: none; } -.css_button_small:active, .css_button_small.active, .css_button:active, -.css_button.active { +.css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); @@ -778,8 +783,7 @@ select[multiple] { .css_button_icon { padding: 3px 12px 5px 12px; } -a:visited .css_button_small, a.css_button_small, a:visited .css_button, -a.css_button { +a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button { color: #FFFFFF; } .css_button_small span {} @@ -797,11 +801,11 @@ a.disabled_button:hover { /* * TABS A7A7A7 */ + ul.tabNav { margin: 0 0 -4 0; padding: 0; } - /*RP_MODIFIED 7/16/2016*/ ul.tabNav { @@ -837,14 +841,12 @@ ul.tabNav a { /*#CFCCF7 RP_MODIFIED 2/11/2015*/ border-top-right-radius: 5px; } - /*added RP_MODIFIED */ ul.tabNav a:hover { background-color: #2ECC71; color: #000000; } - /*RP_MODIFIED 2/11/2015 */ ul.tabNav li.current a { @@ -915,7 +917,6 @@ div.notab-right { background: #FFFFFF; padding: 8px; } - /* * REPORTS */ @@ -977,7 +978,6 @@ div.notab-right { background-color: #D2F3E0; font-weight: bold; } - /** * List-table formatting **/ @@ -1007,7 +1007,6 @@ div.notab-right { text-align: left; font-size: 9pt; } - /** * Drug lookup **/ @@ -1022,7 +1021,6 @@ div.notab-right { position: absolute; display: block; } - /* Password alert styles */ .pwdalert { @@ -1044,10 +1042,8 @@ div.notab-right { border: 3px solid #9acc2e; background-color: #eef7dd; } - /* Password alert styles */ - /* Style for red font */ .redtext { @@ -1055,7 +1051,6 @@ div.notab-right { color: #FF0000; font-size: 10pt; } - /* Style for red font */ .de_identification_status_message { @@ -1101,11 +1096,9 @@ div.notab-right { #navigation-slide li a.expanded { background: #57D68D; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#57D68D', - endColorstr='#57D68D'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#57D68D', endColorstr='#57D68D'); /* for IE 61a0ff)*/ - background: -webkit-gradient(linear, left top, left bottom, from(#57D68D), - to(#57D68D)); + background: -webkit-gradient(linear, left top, left bottom, from(#57D68D), to(#57D68D)); /* for webkit browsers */ background: -moz-linear-gradient(top, #57D68D, #57D68D); /* for firefox 3.6+ 61a0ff*/ @@ -1113,11 +1106,9 @@ div.notab-right { #navigation-slide ul li a.collapsed_lv2 { background: #7870DE; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', - endColorstr='#7870de'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de'); /* for IE e7e6f9*/ - background: -webkit-gradient(linear, left top, left bottom, from(#7870de), - to(#7870de)); + background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#7870de)); /* for webkit browsers e7e6f9*/ background: -moz-linear-gradient(top, #7870de, #7870de); /* for firefox 3.6+ e7e6f9*/ @@ -1125,32 +1116,25 @@ div.notab-right { #navigation-slide ul li a.expanded_lv2 { background: #e7e6f9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', - endColorstr='#e7e6f9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#e7e6f9'); /* for IE 7870de*/ - background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), - to(#e7e6f9)); + background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#e7e6f9)); /* for webkit browsers 7870de */ background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9); /* for firefox 3.6+ 7870de*/ } #navigation-slide ul li a.collapsed_lv3 { background: #aaaaaa; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', - endColorstr='#aaaaaa'); - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), - to(#aaaaaa)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); + background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa)); background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); } #navigation-slide ul li a.expanded_lv3 { background: #eeeeee; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', - endColorstr='#eeeeee'); - background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), - to(#eeeeee)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -moz-linear-gradient(top, #eeeeee, #eeeeee); } - #sddm li { margin: 0; padding: 0; @@ -1160,11 +1144,9 @@ div.notab-right { /*RP_MODIFIED 2/8/15 #EAE6FF*/ background: #2ECC71; /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2ECC71', - endColorstr='#2ECC71'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2ECC71', endColorstr='#2ECC71'); /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ - background: -webkit-gradient(linear, left top, left bottom, from(#2ECC71), - to(#2ECC71)); + background: -webkit-gradient(linear, left top, left bottom, from(#2ECC71), to(#2ECC71)); /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ background: -moz-linear-gradient(top, #2ECC71, #2ECC71); /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ @@ -1288,8 +1270,7 @@ div.notab-right { .example_menu li.active li a { background: #e8e8e8; } -#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 -li.footer, .example_menu .footer { +#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; @@ -1362,6 +1343,7 @@ li.footer, .example_menu .footer { /*RP_ADDED 8/27/2016*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + div.section, div.borderbox { border-color: #176638 !important; background-color: #D2F3E0; @@ -1369,6 +1351,7 @@ div.section, div.borderbox { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .login div.container { margin-top: 5%; max-width: 500px; @@ -1384,6 +1367,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .feesheet-title { font-weight: 900; background: #2ECC71 !important; @@ -1393,7 +1377,8 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -#mainBox > .body_top, .body_top_tabs { + +#mainBox>.body_top, .body_top_tabs { background-color: #2ECC71 !important; } .tabSpan, .tabSpan_tabs { @@ -1439,11 +1424,10 @@ body.login { border: 1px solid #24A35A; background: white; } - /*.patientEncounterList { background: #ffff9e !Important; border: 1px solid #24A35A; - + } .patientEncounterList:hover{ background: #E0F7EA !important; @@ -1453,7 +1437,7 @@ body.login { -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; transition: 0.2s linear all; - + overflow: visible; height: auto; z-index:4; @@ -1486,10 +1470,11 @@ body.login { .menuSection>.menuEntries { background-color: #EAF9F0 !Important; } -.body_title, .body_title_tabs { +.body_title, .body_title_tabs { background-color: #96E5B8 !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .tabs_body, #searchCriteria { background-color: #C0EFD4; } @@ -1499,6 +1484,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ + #calsearch_params { background-color: #D2F3E0 !important; width: 98% !Important; @@ -1525,6 +1511,7 @@ div#providerPicker select { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/ + img[src *="show_calendar.gif"] { margin-bottom: 3px; } @@ -1546,8 +1533,8 @@ body.admin-layout input[type="button"] { display: inline-block; float: none; } - /* error message = new validation */ + .error-message { color: red; display: block; @@ -1567,8 +1554,8 @@ body.admin-layout input[type="button"] { width: 44px; height: 22px; } - /* flow board filters*/ + #flow_board_parameters { width: 1041px; margin: 25px auto; @@ -1588,6 +1575,7 @@ body.admin-layout input[type="button"] { /* flow board filters*/ /* ------- Therapy groups styling --------- */ + .group-row { margin-top: 15px; } @@ -1629,8 +1617,7 @@ table.dataTable#therapy_groups_list tbody td { .therapy_group #therapy_groups_list_container input[type=number] { -moz-appearance: textfield; } -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { +.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @@ -1675,8 +1662,7 @@ table.dataTable#therapy_groups_list tbody td { margin-bottom: 20px; margin-left: 10px; } -#add_participant .patient_wrap, #add_participant .comment_wrap, -#add_participant .button_wrap { +#add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap { margin-top: 7px; } #add_participant .patient_wrap, #add_participant .comment_wrap { @@ -1744,6 +1730,7 @@ table.dataTable#therapy_groups_list tbody td { margin: 20px 20px 2px 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ + .dm-ed-in-1 { background-color: #D2F3E0 !Important; border-bottom: thin solid #176638 !Important; @@ -1760,6 +1747,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .responsetd { border-color: #176638 !important; background-color: #D2F3E0; @@ -1774,6 +1762,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .code_fieldset { border: 1px solid #176638 !important; background-color: #D2F3E0 !Important; @@ -1788,13 +1777,12 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ -.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, -.navbar-nav>.active>a:focus { + +.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { /* color: white; background-color: transparent !Important;*/ } -.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #D2F3E0 !Important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { @@ -1832,6 +1820,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + input[type=checkbox], input[type=radio] { margin: 4px !Important; } @@ -1840,7 +1829,6 @@ fieldset { background-color: #D2F3E0 !Important; margin-bottom: 10px!Important; padding: 0px 0px 15px 0px !Important; - } legend { border-bottom: 2px solid #2ECC71 !Important; @@ -1873,10 +1861,9 @@ textarea.form-control { background: #EAF9F0 !Important; color: #8e8e8e !Important; border-color: #176638 !Important; - border-radius: 2px !Important; + border-radius: 2px !Important; } -.btn-default.active, .btn-default.focus, .btn-default:active, -.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { +.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { border-color: #176638 !Important; background: #176638 !Important; } @@ -1887,29 +1874,28 @@ textarea.form-control { border: 1px solid #ccc; border-radius: 3px !Important; } -.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, -.btn-link:hover, .open>.dropdown-toggle.btn-link { +.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link { color: #666666 !Important; border-color: #24A35A !Important; background: #E0F7EA !Important; - box-shadow:0px 0px 2px #24A35A inset; - transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s; + box-shadow: 0px 0px 2px #24A35A inset; + transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; } -.btn-separate-left, .oe-opt-btn-separate-left{ - margin-left: 20px !Important; +.btn-separate-left, .oe-opt-btn-separate-left { + margin-left: 20px !Important; } -.btn-group .btn { - margin-right:2px !Important; +.btn-group .btn { + margin-right: 2px !Important; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0px !Important; + border-top-right-radius: 0px !Important; border-bottom-right-radius: 0px !Important; border-bottom-left-radius: 3px !Important; border-top-left-radius: 3px !Important; } .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) { - border-top-right-radius: 3px !Important; - border-bottom-right-radius: 3px !Important; + border-top-right-radius: 3px !Important; + border-bottom-right-radius: 3px !Important; } .btn-sm { font-size: 10px !Important; @@ -1930,63 +1916,63 @@ textarea.form-control { height: 24px ! Important; padding: 0px 6px !Important; } -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], -.radio input[type=radio], .radio-inline input[type=radio] { +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -20px !Important; } .checkbox label, .radio label { padding-left: 20px !important; } -.position-override{ - text-align:center !Important; - margin-left:0px; - } -.oe-custom-line{ - padding-bottom:5px; +.position-override { + text-align: center !Important; + margin-left: 0px; +} +.oe-custom-line { + padding-bottom: 5px; } .oe-large { - display: inline-block; + display: inline-block; } .oe-small { - display: none; + display: none; } .oe-show-hide { - display: none; + display: none; } -.oe-legend-radio{ - font-size:12px; - padding:5px 5px 0px 0px; +.oe-legend-radio { + font-size: 12px; + padding: 5px 5px 0px 0px; } .oe-bold-black { font-weight: 700 !Important; color: black !Important; } .oe-btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 15px; - background: #24A35A !Important; - color: #FFFFFF !Important; - border-color: #176638 !Important; -} -.patientInfo a.btn, .patientDataColumn a.btn{ - width: 20px; - height: 20px; - text-align: center; - padding: 2px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 10px !Important; - background: #24A35A !Important; - color: #FFFFFF !Important; - border-color: #176638 !Important; - margin:5px; + width: 30px; + height: 30px; + text-align: center; + padding: 6px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 15px; + background: #24A35A !Important; + color: #FFFFFF !Important; + border-color: #176638 !Important; +} +.patientInfo a.btn, .patientDataColumn a.btn { + width: 20px; + height: 20px; + text-align: center; + padding: 2px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 10px !Important; + background: #24A35A !Important; + color: #FFFFFF !Important; + border-color: #176638 !Important; + margin: 5px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + #globals_form_search { margin-top: -3px; padding: 2px 3px 1px 3px; @@ -1995,19 +1981,31 @@ th.currentvalues, th.historicalvalues { background: #2ECC71 !Important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .oe-payment-select { width: 80px !important; text-align: right; font-size: 12px; } -.oe-ckbox-label{ +.oe-ckbox-label { padding-left: 30px; font-weight: 500; } -.oe-file-div{ - padding:10px 15px; +.oe-file-div { + padding: 10px 15px; +} +.oe-modal-dialog { + width: 65% !Important; +} +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +.oe-help-redirect { + color: #24A35A !Important; } -.oe-modal-dialog{ - width:65% !Important; +.oe-help-heading { + background-color: #E0F7EA !Important; + border-color: #96E5B8 !Important; } -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file diff --git a/interface/themes/style_forest_green.css b/interface/themes/style_forest_green.css index b8fcdcddd..da6483814 100644 --- a/interface/themes/style_forest_green.css +++ b/interface/themes/style_forest_green.css @@ -15,22 +15,21 @@ * * @package OpenEMR * @author Ranganath Pathak - * @copyright Copyright (c) 2017 Ranganath Pathak - * @version 1.0 + * @copyright Copyright (c) 2018 Ranganath Pathak + * @version 1.1 * @license http://opensource.org/licenses/gpl-license.php GNU Public License * @link http://www.open-emr.org */ - -/* +/* COLOR PALETTE - #224301 - Darkest Forest Green* + #224301 - Darkest Forest Green* #2F5D01 - Darker Forest Green* #448602 - Dark Forest Green #8EB667 - Mid Forest Green #B4CE99 - Mid Pale Forest Green* #A1C280 - Pale Forest Green - #C6DAB3 - Mid Pale Pale Forest Green* + #C6DAB3 - Mid Pale Pale Forest Green* #D9E6CC - Pale Pale Forest Green* #E7E6F9 - Pale Purple~ #EFF5EA - Paler Forest Green @@ -39,18 +38,19 @@ * - used in styling buttons and input ~ - common for all flat stylesheets */ + @import "core.css"; * { font-family: /* 1 */ -apple-system, BlinkMacSystemFont, /* 2 */ - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", /* 3 */ + "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */ "Helvetica Neue", sans-serif; } -html{ - font-size:14px; +html { + font-size: 14px; } /* RP_MODIFIED 2/09/2015, 1/17/2016*/ + body { margin: 0px 0px 0px 2px; /* set the base fontsize for all DOM children */ @@ -105,7 +105,7 @@ a:hover { color: #000000; font-weight: bold; } -.alert , .alert-custom{ +.alert, .alert-custom { font-size: 70%; color: #FF0000; text-decoration: none; @@ -157,7 +157,6 @@ a:hover { font-weight: bold; text-decoration: none; } - /* see .titlebar below */ .title_bar { @@ -173,8 +172,8 @@ a:hover { color: #000000; } /*============================================================= - * Here we have taken variables from globals.php and turned them into CSS - * classes these should be used in place of the GLOBAL variables + * Here we have taken variables from globals.php and turned them into CSS + * classes these should be used in place of the GLOBAL variables * -- JRM March 2008 =============================================================*/ @@ -183,6 +182,7 @@ a:hover { margin: 8px } /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/ + .bgcolor2 { background-color: #EFF5EA; } @@ -193,18 +193,22 @@ a:hover { margin: 8px } /* $bottom_bg_line */ + .body_title { background-color: #448602; } /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/ + .body_nav { background-color: #EFF5EA; } /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */ + .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ + .body_login { background: url('../pic/aquabg.gif') repeat; } @@ -213,24 +217,28 @@ a:hover { .table_bg { background-color: #ccc; } - /* $table_bg */ + .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ + .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ + .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ + .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ + .logobar { background-color: #2F2F7D; height: 110px; @@ -241,12 +249,14 @@ a:hover { height: 22px; } /* $GLOBALS['navBarHeight'] */ + .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ + #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; @@ -287,7 +297,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ .highlight { color: magenta !Important; } - /* styles taken out of templates/report/general_default.html */ #reports_list td { @@ -298,7 +307,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ font-size: 8pt; font-family: helvetica; } - /* styles taken out of templates/documents/general_list.html */ #documents_list td { @@ -350,6 +358,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ + #DEM .groupname { font-weight: bold; color: #080; @@ -371,6 +380,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /*30px - ie 6 fix*/ } /* Patient History */ + #HIS .groupname { font-weight: bold; color: #080; @@ -394,6 +404,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Notes * seen in the patient summary and notes screens *============================================================*/ + #pnotes .billing { background-color: #dfd; } @@ -412,13 +423,14 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ padding: 5px; margin: 5px; } -#pnotes_ps_expand div.tab table td { - padding-right: 10px; +#pnotes_ps_expand div.tab table td { + padding-right: 10px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ + #patient_stats { padding: 10px; } @@ -457,6 +469,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Stats Summary * seen in the patient summary screen *============================================================*/ + #patient_stats_summary table { border-collapse: collapse; } @@ -488,6 +501,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ + #patient_pastenc { width: 100%; } @@ -541,6 +555,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Reports * seen in the patient reports screens *============================================================*/ + #patient_reports { width: 100%; } @@ -569,6 +584,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ + #report_custom { width: 100%; } @@ -648,12 +664,12 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ background-color: #FFFFFF; /*RP_MODIFIED 1/16/2016 :#A1C280 */ } -#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), -.signout-restore-subheading { +#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading { background-color: #C6DAB3; /*RP_MODIFIED 1/16/2016 #ffffff */ } /* The top navigation icon styling*/ + .top-nav-icons { margin-right: 15px; margin-top: 5px @@ -661,9 +677,8 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /* * CSS BUTTONS */ -.message-table-header, #searchResultsHeader, #searchResultsHeader th, -#addressbook_list tr.head, .signout-heading, #report_results table thead, -.dehead, .showborder_head { + +.message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head { background: #8EB667; /*styles the message table header*/ } @@ -686,14 +701,10 @@ input[type="button"], input[type="submit"], button { padding: 0px !Important; margin-bottom: 5px; } -input[type="button"]:focus, input[type="button"]:active:focus, -input[type="button"].active:focus, input[type="submit"]:focus, -input[type="submit"]:active:focus, button.active:focus, button:focus, -button:active:focus, button.active:focus { +input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus { /*transform: translateY(2px);*/ } -input[type="text"], input[type="entry"], input[type="password"], -input[type="search"], textarea { +input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; @@ -708,9 +719,7 @@ select { border: 1px solid #2F5D01 ! Important; margin: 3px; } -input[type="text"]:focus, input[type="entry"]:focus, -input[type="password"]:focus, input[type="search"]:focus, textarea:focus, -select:focus { +input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus { background: #D9E6CC; border-color: #224301 !important; box-shadow: 0 0 3px #B4CE99 !important; @@ -720,7 +729,7 @@ select:focus { transition: 0.2s linear all; } select[multiple] { - height:auto !Important; + height: auto !Important; } .css_button_small, .css_button { display: inline-block; @@ -748,20 +757,16 @@ select[multiple] { border-radius: 2px; opacity: 1; } -.css_button_small:focus, .css_button_small:active:focus, -.css_button_small.active:focus, .css_button_small.focus, -.css_button_small:active.focus, .css_button_small.active.focus { +.css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, -.css_button:hover, .css_button:focus, .css_button.focus { +.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus { color: #FFFFFF; text-decoration: none; } -.css_button_small:active, .css_button_small.active, .css_button:active, -.css_button.active { +.css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); @@ -778,8 +783,7 @@ select[multiple] { .css_button_icon { padding: 3px 12px 5px 12px; } -a:visited .css_button_small, a.css_button_small, a:visited .css_button, -a.css_button { +a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button { color: #FFFFFF; } .css_button_small span {} @@ -797,11 +801,11 @@ a.disabled_button:hover { /* * TABS A7A7A7 */ + ul.tabNav { margin: 0 0 -4 0; padding: 0; } - /*RP_MODIFIED 7/16/2016*/ ul.tabNav { @@ -837,14 +841,12 @@ ul.tabNav a { /*#CFCCF7 RP_MODIFIED 2/11/2015*/ border-top-right-radius: 5px; } - /*added RP_MODIFIED */ ul.tabNav a:hover { background-color: #448602; color: #000000; } - /*RP_MODIFIED 2/11/2015 */ ul.tabNav li.current a { @@ -915,7 +917,6 @@ div.notab-right { background: #FFFFFF; padding: 8px; } - /* * REPORTS */ @@ -977,7 +978,6 @@ div.notab-right { background-color: #C6DAB3; font-weight: bold; } - /** * List-table formatting **/ @@ -1007,7 +1007,6 @@ div.notab-right { text-align: left; font-size: 9pt; } - /** * Drug lookup **/ @@ -1022,7 +1021,6 @@ div.notab-right { position: absolute; display: block; } - /* Password alert styles */ .pwdalert { @@ -1044,10 +1042,8 @@ div.notab-right { border: 3px solid #9acc2e; background-color: #eef7dd; } - /* Password alert styles */ - /* Style for red font */ .redtext { @@ -1055,7 +1051,6 @@ div.notab-right { color: #FF0000; font-size: 10pt; } - /* Style for red font */ .de_identification_status_message { @@ -1101,11 +1096,9 @@ div.notab-right { #navigation-slide li a.expanded { background: #8EB667; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8EB667', - endColorstr='#8EB667'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8EB667', endColorstr='#8EB667'); /* for IE 61a0ff)*/ - background: -webkit-gradient(linear, left top, left bottom, from(#8EB667), - to(#8EB667)); + background: -webkit-gradient(linear, left top, left bottom, from(#8EB667), to(#8EB667)); /* for webkit browsers */ background: -moz-linear-gradient(top, #8EB667, #8EB667); /* for firefox 3.6+ 61a0ff*/ @@ -1113,11 +1106,9 @@ div.notab-right { #navigation-slide ul li a.collapsed_lv2 { background: #7870DE; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', - endColorstr='#7870de'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de'); /* for IE e7e6f9*/ - background: -webkit-gradient(linear, left top, left bottom, from(#7870de), - to(#7870de)); + background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#7870de)); /* for webkit browsers e7e6f9*/ background: -moz-linear-gradient(top, #7870de, #7870de); /* for firefox 3.6+ e7e6f9*/ @@ -1125,32 +1116,25 @@ div.notab-right { #navigation-slide ul li a.expanded_lv2 { background: #e7e6f9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', - endColorstr='#e7e6f9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#e7e6f9'); /* for IE 7870de*/ - background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), - to(#e7e6f9)); + background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#e7e6f9)); /* for webkit browsers 7870de */ background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9); /* for firefox 3.6+ 7870de*/ } #navigation-slide ul li a.collapsed_lv3 { background: #aaaaaa; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', - endColorstr='#aaaaaa'); - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), - to(#aaaaaa)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); + background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa)); background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); } #navigation-slide ul li a.expanded_lv3 { background: #eeeeee; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', - endColorstr='#eeeeee'); - background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), - to(#eeeeee)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -moz-linear-gradient(top, #eeeeee, #eeeeee); } - #sddm li { margin: 0; padding: 0; @@ -1160,11 +1144,9 @@ div.notab-right { /*RP_MODIFIED 2/8/15 #EAE6FF*/ background: #448602; /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#448602', - endColorstr='#448602'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#448602', endColorstr='#448602'); /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ - background: -webkit-gradient(linear, left top, left bottom, from(#448602), - to(#448602)); + background: -webkit-gradient(linear, left top, left bottom, from(#448602), to(#448602)); /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ background: -moz-linear-gradient(top, #448602, #448602); /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ @@ -1288,8 +1270,7 @@ div.notab-right { .example_menu li.active li a { background: #e8e8e8; } -#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 -li.footer, .example_menu .footer { +#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; @@ -1362,6 +1343,7 @@ li.footer, .example_menu .footer { /*RP_ADDED 8/27/2016*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + div.section, div.borderbox { border-color: #224301 !important; background-color: #C6DAB3; @@ -1369,6 +1351,7 @@ div.section, div.borderbox { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .login div.container { margin-top: 5%; max-width: 500px; @@ -1384,6 +1367,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .feesheet-title { font-weight: 900; background: #448602 !important; @@ -1393,7 +1377,8 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -#mainBox > .body_top, .body_top_tabs { + +#mainBox>.body_top, .body_top_tabs { background-color: #448602 !important; } .tabSpan, .tabSpan_tabs { @@ -1439,11 +1424,10 @@ body.login { border: 1px solid #2F5D01; background: white; } - /*.patientEncounterList { background: #ffff9e !Important; border: 1px solid #2F5D01; - + } .patientEncounterList:hover{ background: #D9E6CC !important; @@ -1453,7 +1437,7 @@ body.login { -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; transition: 0.2s linear all; - + overflow: visible; height: auto; z-index:4; @@ -1486,10 +1470,11 @@ body.login { .menuSection>.menuEntries { background-color: #EFF5EA !Important; } -.body_title, .body_title_tabs { +.body_title, .body_title_tabs { background-color: #B4CE99 !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .tabs_body, #searchCriteria { background-color: #A1C280; } @@ -1499,6 +1484,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ + #calsearch_params { background-color: #C6DAB3 !important; width: 98% !Important; @@ -1525,6 +1511,7 @@ div#providerPicker select { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/ + img[src *="show_calendar.gif"] { margin-bottom: 3px; } @@ -1546,8 +1533,8 @@ body.admin-layout input[type="button"] { display: inline-block; float: none; } - /* error message = new validation */ + .error-message { color: red; display: block; @@ -1567,8 +1554,8 @@ body.admin-layout input[type="button"] { width: 44px; height: 22px; } - /* flow board filters*/ + #flow_board_parameters { width: 1041px; margin: 25px auto; @@ -1588,6 +1575,7 @@ body.admin-layout input[type="button"] { /* flow board filters*/ /* ------- Therapy groups styling --------- */ + .group-row { margin-top: 15px; } @@ -1629,8 +1617,7 @@ table.dataTable#therapy_groups_list tbody td { .therapy_group #therapy_groups_list_container input[type=number] { -moz-appearance: textfield; } -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { +.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @@ -1675,8 +1662,7 @@ table.dataTable#therapy_groups_list tbody td { margin-bottom: 20px; margin-left: 10px; } -#add_participant .patient_wrap, #add_participant .comment_wrap, -#add_participant .button_wrap { +#add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap { margin-top: 7px; } #add_participant .patient_wrap, #add_participant .comment_wrap { @@ -1744,6 +1730,7 @@ table.dataTable#therapy_groups_list tbody td { margin: 20px 20px 2px 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ + .dm-ed-in-1 { background-color: #C6DAB3 !Important; border-bottom: thin solid #224301 !Important; @@ -1760,6 +1747,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .responsetd { border-color: #224301 !important; background-color: #C6DAB3; @@ -1774,6 +1762,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .code_fieldset { border: 1px solid #224301 !important; background-color: #C6DAB3 !Important; @@ -1788,13 +1777,12 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ -.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, -.navbar-nav>.active>a:focus { + +.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { /* color: white; background-color: transparent !Important;*/ } -.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #C6DAB3 !Important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { @@ -1832,6 +1820,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + input[type=checkbox], input[type=radio] { margin: 4px !Important; } @@ -1840,7 +1829,6 @@ fieldset { background-color: #C6DAB3 !Important; margin-bottom: 10px!Important; padding: 0px 0px 15px 0px !Important; - } legend { border-bottom: 2px solid #448602 !Important; @@ -1873,10 +1861,9 @@ textarea.form-control { background: #EFF5EA !Important; color: #8e8e8e !Important; border-color: #224301 !Important; - border-radius: 2px !Important; + border-radius: 2px !Important; } -.btn-default.active, .btn-default.focus, .btn-default:active, -.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { +.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { border-color: #224301 !Important; background: #224301 !Important; } @@ -1887,29 +1874,28 @@ textarea.form-control { border: 1px solid #ccc; border-radius: 3px !Important; } -.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, -.btn-link:hover, .open>.dropdown-toggle.btn-link { +.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link { color: #666666 !Important; border-color: #2F5D01 !Important; background: #D9E6CC !Important; - box-shadow:0px 0px 2px #2F5D01 inset; - transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s; + box-shadow: 0px 0px 2px #2F5D01 inset; + transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; } -.btn-separate-left, .oe-opt-btn-separate-left{ - margin-left: 20px !Important; +.btn-separate-left, .oe-opt-btn-separate-left { + margin-left: 20px !Important; } -.btn-group .btn { - margin-right:2px !Important; +.btn-group .btn { + margin-right: 2px !Important; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0px !Important; + border-top-right-radius: 0px !Important; border-bottom-right-radius: 0px !Important; border-bottom-left-radius: 3px !Important; border-top-left-radius: 3px !Important; } .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) { - border-top-right-radius: 3px !Important; - border-bottom-right-radius: 3px !Important; + border-top-right-radius: 3px !Important; + border-bottom-right-radius: 3px !Important; } .btn-sm { font-size: 10px !Important; @@ -1930,63 +1916,63 @@ textarea.form-control { height: 24px ! Important; padding: 0px 6px !Important; } -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], -.radio input[type=radio], .radio-inline input[type=radio] { +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -20px !Important; } .checkbox label, .radio label { padding-left: 20px !important; } -.position-override{ - text-align:center !Important; - margin-left:0px; - } -.oe-custom-line{ - padding-bottom:5px; +.position-override { + text-align: center !Important; + margin-left: 0px; +} +.oe-custom-line { + padding-bottom: 5px; } .oe-large { - display: inline-block; + display: inline-block; } .oe-small { - display: none; + display: none; } .oe-show-hide { - display: none; + display: none; } -.oe-legend-radio{ - font-size:12px; - padding:5px 5px 0px 0px; +.oe-legend-radio { + font-size: 12px; + padding: 5px 5px 0px 0px; } .oe-bold-black { font-weight: 700 !Important; color: black !Important; } .oe-btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 15px; - background: #2F5D01 !Important; - color: #FFFFFF !Important; - border-color: #224301 !Important; -} -.patientInfo a.btn, .patientDataColumn a.btn{ - width: 20px; - height: 20px; - text-align: center; - padding: 2px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 10px !Important; - background: #2F5D01 !Important; - color: #FFFFFF !Important; - border-color: #224301 !Important; - margin:5px; + width: 30px; + height: 30px; + text-align: center; + padding: 6px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 15px; + background: #2F5D01 !Important; + color: #FFFFFF !Important; + border-color: #224301 !Important; +} +.patientInfo a.btn, .patientDataColumn a.btn { + width: 20px; + height: 20px; + text-align: center; + padding: 2px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 10px !Important; + background: #2F5D01 !Important; + color: #FFFFFF !Important; + border-color: #224301 !Important; + margin: 5px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + #globals_form_search { margin-top: -3px; padding: 2px 3px 1px 3px; @@ -1995,19 +1981,31 @@ th.currentvalues, th.historicalvalues { background: #448602 !Important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .oe-payment-select { width: 80px !important; text-align: right; font-size: 12px; } -.oe-ckbox-label{ +.oe-ckbox-label { padding-left: 30px; font-weight: 500; } -.oe-file-div{ - padding:10px 15px; +.oe-file-div { + padding: 10px 15px; +} +.oe-modal-dialog { + width: 65% !Important; +} +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +.oe-help-redirect { + color: #2F5D01 !Important; } -.oe-modal-dialog{ - width:65% !Important; +.oe-help-heading { + background-color: #D9E6CC !Important; + border-color: #B4CE99 !Important; } -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file diff --git a/interface/themes/style_mauve.css b/interface/themes/style_mauve.css index 47181d7ef..67b6b07fb 100644 --- a/interface/themes/style_mauve.css +++ b/interface/themes/style_mauve.css @@ -15,22 +15,21 @@ * * @package OpenEMR * @author Ranganath Pathak - * @copyright Copyright (c) 2017 Ranganath Pathak - * @version 1.0 + * @copyright Copyright (c) 2018 Ranganath Pathak + * @version 1.1 * @license http://opensource.org/licenses/gpl-license.php GNU Public License * @link http://www.open-emr.org */ - -/* +/* COLOR PALETTE - #41255A - Darkest Mauve* + #41255A - Darkest Mauve* #5D3580 - Darker Mauve* #8D63B2 - Dark Mauve #A481C1 - Mid Mauve #BAA0D0 - Mid Pale Mauve* #B99FD0 - Pale Mauve - #D5C5E2 - Mid Pale Pale Mauve* + #D5C5E2 - Mid Pale Pale Mauve* #EAE2F0 - Pale Pale Mauve* #E7E6F9 - Pale Purple~ #F3EFF7 - Paler Mauve @@ -39,18 +38,19 @@ * - used in styling buttons and input ~ - common for all flat stylesheets */ + @import "core.css"; * { font-family: /* 1 */ -apple-system, BlinkMacSystemFont, /* 2 */ - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", /* 3 */ + "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */ "Helvetica Neue", sans-serif; } -html{ - font-size:14px; +html { + font-size: 14px; } /* RP_MODIFIED 2/09/2015, 1/17/2016*/ + body { margin: 0px 0px 0px 2px; /* set the base fontsize for all DOM children */ @@ -105,7 +105,7 @@ a:hover { color: #000000; font-weight: bold; } -.alert , .alert-custom{ +.alert, .alert-custom { font-size: 70%; color: #FF0000; text-decoration: none; @@ -157,7 +157,6 @@ a:hover { font-weight: bold; text-decoration: none; } - /* see .titlebar below */ .title_bar { @@ -173,8 +172,8 @@ a:hover { color: #000000; } /*============================================================= - * Here we have taken variables from globals.php and turned them into CSS - * classes these should be used in place of the GLOBAL variables + * Here we have taken variables from globals.php and turned them into CSS + * classes these should be used in place of the GLOBAL variables * -- JRM March 2008 =============================================================*/ @@ -183,6 +182,7 @@ a:hover { margin: 8px } /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/ + .bgcolor2 { background-color: #F3EFF7; } @@ -193,18 +193,22 @@ a:hover { margin: 8px } /* $bottom_bg_line */ + .body_title { background-color: #8D63B2; } /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/ + .body_nav { background-color: #F3EFF7; } /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */ + .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ + .body_login { background: url('../pic/aquabg.gif') repeat; } @@ -213,24 +217,28 @@ a:hover { .table_bg { background-color: #ccc; } - /* $table_bg */ + .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ + .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ + .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ + .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ + .logobar { background-color: #2F2F7D; height: 110px; @@ -241,12 +249,14 @@ a:hover { height: 22px; } /* $GLOBALS['navBarHeight'] */ + .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ + #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; @@ -287,7 +297,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ .highlight { color: magenta !Important; } - /* styles taken out of templates/report/general_default.html */ #reports_list td { @@ -298,7 +307,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ font-size: 8pt; font-family: helvetica; } - /* styles taken out of templates/documents/general_list.html */ #documents_list td { @@ -350,6 +358,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ + #DEM .groupname { font-weight: bold; color: #080; @@ -371,6 +380,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /*30px - ie 6 fix*/ } /* Patient History */ + #HIS .groupname { font-weight: bold; color: #080; @@ -394,6 +404,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Notes * seen in the patient summary and notes screens *============================================================*/ + #pnotes .billing { background-color: #dfd; } @@ -412,13 +423,14 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ padding: 5px; margin: 5px; } -#pnotes_ps_expand div.tab table td { - padding-right: 10px; +#pnotes_ps_expand div.tab table td { + padding-right: 10px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ + #patient_stats { padding: 10px; } @@ -457,6 +469,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Stats Summary * seen in the patient summary screen *============================================================*/ + #patient_stats_summary table { border-collapse: collapse; } @@ -488,6 +501,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ + #patient_pastenc { width: 100%; } @@ -541,6 +555,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Reports * seen in the patient reports screens *============================================================*/ + #patient_reports { width: 100%; } @@ -569,6 +584,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ + #report_custom { width: 100%; } @@ -648,12 +664,12 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ background-color: #FFFFFF; /*RP_MODIFIED 1/16/2016 :#B99FD0 */ } -#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), -.signout-restore-subheading { +#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading { background-color: #D5C5E2; /*RP_MODIFIED 1/16/2016 #ffffff */ } /* The top navigation icon styling*/ + .top-nav-icons { margin-right: 15px; margin-top: 5px @@ -661,9 +677,8 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /* * CSS BUTTONS */ -.message-table-header, #searchResultsHeader, #searchResultsHeader th, -#addressbook_list tr.head, .signout-heading, #report_results table thead, -.dehead, .showborder_head { + +.message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head { background: #A481C1; /*styles the message table header*/ } @@ -686,14 +701,10 @@ input[type="button"], input[type="submit"], button { padding: 0px !Important; margin-bottom: 5px; } -input[type="button"]:focus, input[type="button"]:active:focus, -input[type="button"].active:focus, input[type="submit"]:focus, -input[type="submit"]:active:focus, button.active:focus, button:focus, -button:active:focus, button.active:focus { +input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus { /*transform: translateY(2px);*/ } -input[type="text"], input[type="entry"], input[type="password"], -input[type="search"], textarea { +input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; @@ -708,9 +719,7 @@ select { border: 1px solid #5D3580 ! Important; margin: 3px; } -input[type="text"]:focus, input[type="entry"]:focus, -input[type="password"]:focus, input[type="search"]:focus, textarea:focus, -select:focus { +input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus { background: #EAE2F0; border-color: #41255A !important; box-shadow: 0 0 3px #BAA0D0 !important; @@ -720,7 +729,7 @@ select:focus { transition: 0.2s linear all; } select[multiple] { - height:auto !Important; + height: auto !Important; } .css_button_small, .css_button { display: inline-block; @@ -748,20 +757,16 @@ select[multiple] { border-radius: 2px; opacity: 1; } -.css_button_small:focus, .css_button_small:active:focus, -.css_button_small.active:focus, .css_button_small.focus, -.css_button_small:active.focus, .css_button_small.active.focus { +.css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, -.css_button:hover, .css_button:focus, .css_button.focus { +.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus { color: #FFFFFF; text-decoration: none; } -.css_button_small:active, .css_button_small.active, .css_button:active, -.css_button.active { +.css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); @@ -778,8 +783,7 @@ select[multiple] { .css_button_icon { padding: 3px 12px 5px 12px; } -a:visited .css_button_small, a.css_button_small, a:visited .css_button, -a.css_button { +a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button { color: #FFFFFF; } .css_button_small span {} @@ -797,11 +801,11 @@ a.disabled_button:hover { /* * TABS A7A7A7 */ + ul.tabNav { margin: 0 0 -4 0; padding: 0; } - /*RP_MODIFIED 7/16/2016*/ ul.tabNav { @@ -837,14 +841,12 @@ ul.tabNav a { /*#CFCCF7 RP_MODIFIED 2/11/2015*/ border-top-right-radius: 5px; } - /*added RP_MODIFIED */ ul.tabNav a:hover { background-color: #8D63B2; color: #000000; } - /*RP_MODIFIED 2/11/2015 */ ul.tabNav li.current a { @@ -915,7 +917,6 @@ div.notab-right { background: #FFFFFF; padding: 8px; } - /* * REPORTS */ @@ -977,7 +978,6 @@ div.notab-right { background-color: #D5C5E2; font-weight: bold; } - /** * List-table formatting **/ @@ -1007,7 +1007,6 @@ div.notab-right { text-align: left; font-size: 9pt; } - /** * Drug lookup **/ @@ -1022,7 +1021,6 @@ div.notab-right { position: absolute; display: block; } - /* Password alert styles */ .pwdalert { @@ -1044,10 +1042,8 @@ div.notab-right { border: 3px solid #9acc2e; background-color: #eef7dd; } - /* Password alert styles */ - /* Style for red font */ .redtext { @@ -1055,7 +1051,6 @@ div.notab-right { color: #FF0000; font-size: 10pt; } - /* Style for red font */ .de_identification_status_message { @@ -1101,11 +1096,9 @@ div.notab-right { #navigation-slide li a.expanded { background: #A481C1; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#A481C1', - endColorstr='#A481C1'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#A481C1', endColorstr='#A481C1'); /* for IE 61a0ff)*/ - background: -webkit-gradient(linear, left top, left bottom, from(#A481C1), - to(#A481C1)); + background: -webkit-gradient(linear, left top, left bottom, from(#A481C1), to(#A481C1)); /* for webkit browsers */ background: -moz-linear-gradient(top, #A481C1, #A481C1); /* for firefox 3.6+ 61a0ff*/ @@ -1113,11 +1106,9 @@ div.notab-right { #navigation-slide ul li a.collapsed_lv2 { background: #7870DE; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', - endColorstr='#7870de'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de'); /* for IE e7e6f9*/ - background: -webkit-gradient(linear, left top, left bottom, from(#7870de), - to(#7870de)); + background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#7870de)); /* for webkit browsers e7e6f9*/ background: -moz-linear-gradient(top, #7870de, #7870de); /* for firefox 3.6+ e7e6f9*/ @@ -1125,32 +1116,25 @@ div.notab-right { #navigation-slide ul li a.expanded_lv2 { background: #e7e6f9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', - endColorstr='#e7e6f9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#e7e6f9'); /* for IE 7870de*/ - background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), - to(#e7e6f9)); + background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#e7e6f9)); /* for webkit browsers 7870de */ background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9); /* for firefox 3.6+ 7870de*/ } #navigation-slide ul li a.collapsed_lv3 { background: #aaaaaa; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', - endColorstr='#aaaaaa'); - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), - to(#aaaaaa)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); + background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa)); background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); } #navigation-slide ul li a.expanded_lv3 { background: #eeeeee; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', - endColorstr='#eeeeee'); - background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), - to(#eeeeee)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -moz-linear-gradient(top, #eeeeee, #eeeeee); } - #sddm li { margin: 0; padding: 0; @@ -1160,11 +1144,9 @@ div.notab-right { /*RP_MODIFIED 2/8/15 #EAE6FF*/ background: #8D63B2; /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8D63B2', - endColorstr='#8D63B2'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8D63B2', endColorstr='#8D63B2'); /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ - background: -webkit-gradient(linear, left top, left bottom, from(#8D63B2), - to(#8D63B2)); + background: -webkit-gradient(linear, left top, left bottom, from(#8D63B2), to(#8D63B2)); /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ background: -moz-linear-gradient(top, #8D63B2, #8D63B2); /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ @@ -1288,8 +1270,7 @@ div.notab-right { .example_menu li.active li a { background: #e8e8e8; } -#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 -li.footer, .example_menu .footer { +#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; @@ -1362,6 +1343,7 @@ li.footer, .example_menu .footer { /*RP_ADDED 8/27/2016*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + div.section, div.borderbox { border-color: #41255A !important; background-color: #D5C5E2; @@ -1369,6 +1351,7 @@ div.section, div.borderbox { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .login div.container { margin-top: 5%; max-width: 500px; @@ -1384,6 +1367,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .feesheet-title { font-weight: 900; background: #8D63B2 !important; @@ -1393,7 +1377,8 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -#mainBox > .body_top, .body_top_tabs { + +#mainBox>.body_top, .body_top_tabs { background-color: #8D63B2 !important; } .tabSpan, .tabSpan_tabs { @@ -1439,11 +1424,10 @@ body.login { border: 1px solid #5D3580; background: white; } - /*.patientEncounterList { background: #ffff9e !Important; border: 1px solid #5D3580; - + } .patientEncounterList:hover{ background: #EAE2F0 !important; @@ -1453,7 +1437,7 @@ body.login { -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; transition: 0.2s linear all; - + overflow: visible; height: auto; z-index:4; @@ -1486,10 +1470,11 @@ body.login { .menuSection>.menuEntries { background-color: #F3EFF7 !Important; } -.body_title, .body_title_tabs { +.body_title, .body_title_tabs { background-color: #BAA0D0 !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .tabs_body, #searchCriteria { background-color: #B99FD0; } @@ -1499,6 +1484,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ + #calsearch_params { background-color: #D5C5E2 !important; width: 98% !Important; @@ -1525,6 +1511,7 @@ div#providerPicker select { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/ + img[src *="show_calendar.gif"] { margin-bottom: 3px; } @@ -1546,8 +1533,8 @@ body.admin-layout input[type="button"] { display: inline-block; float: none; } - /* error message = new validation */ + .error-message { color: red; display: block; @@ -1567,8 +1554,8 @@ body.admin-layout input[type="button"] { width: 44px; height: 22px; } - /* flow board filters*/ + #flow_board_parameters { width: 1041px; margin: 25px auto; @@ -1588,6 +1575,7 @@ body.admin-layout input[type="button"] { /* flow board filters*/ /* ------- Therapy groups styling --------- */ + .group-row { margin-top: 15px; } @@ -1629,8 +1617,7 @@ table.dataTable#therapy_groups_list tbody td { .therapy_group #therapy_groups_list_container input[type=number] { -moz-appearance: textfield; } -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { +.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @@ -1675,8 +1662,7 @@ table.dataTable#therapy_groups_list tbody td { margin-bottom: 20px; margin-left: 10px; } -#add_participant .patient_wrap, #add_participant .comment_wrap, -#add_participant .button_wrap { +#add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap { margin-top: 7px; } #add_participant .patient_wrap, #add_participant .comment_wrap { @@ -1744,6 +1730,7 @@ table.dataTable#therapy_groups_list tbody td { margin: 20px 20px 2px 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ + .dm-ed-in-1 { background-color: #D5C5E2 !Important; border-bottom: thin solid #41255A !Important; @@ -1760,6 +1747,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .responsetd { border-color: #41255A !important; background-color: #D5C5E2; @@ -1774,6 +1762,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .code_fieldset { border: 1px solid #41255A !important; background-color: #D5C5E2 !Important; @@ -1788,13 +1777,12 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ -.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, -.navbar-nav>.active>a:focus { + +.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { /* color: white; background-color: transparent !Important;*/ } -.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #D5C5E2 !Important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { @@ -1832,6 +1820,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + input[type=checkbox], input[type=radio] { margin: 4px !Important; } @@ -1840,7 +1829,6 @@ fieldset { background-color: #D5C5E2 !Important; margin-bottom: 10px!Important; padding: 0px 0px 15px 0px !Important; - } legend { border-bottom: 2px solid #8D63B2 !Important; @@ -1873,10 +1861,9 @@ textarea.form-control { background: #F3EFF7 !Important; color: #8e8e8e !Important; border-color: #41255A !Important; - border-radius: 2px !Important; + border-radius: 2px !Important; } -.btn-default.active, .btn-default.focus, .btn-default:active, -.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { +.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { border-color: #41255A !Important; background: #41255A !Important; } @@ -1887,29 +1874,28 @@ textarea.form-control { border: 1px solid #ccc; border-radius: 3px !Important; } -.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, -.btn-link:hover, .open>.dropdown-toggle.btn-link { +.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link { color: #666666 !Important; border-color: #5D3580 !Important; background: #EAE2F0 !Important; - box-shadow:0px 0px 2px #5D3580 inset; - transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s; + box-shadow: 0px 0px 2px #5D3580 inset; + transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; } -.btn-separate-left, .oe-opt-btn-separate-left{ - margin-left: 20px !Important; +.btn-separate-left, .oe-opt-btn-separate-left { + margin-left: 20px !Important; } -.btn-group .btn { - margin-right:2px !Important; +.btn-group .btn { + margin-right: 2px !Important; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0px !Important; + border-top-right-radius: 0px !Important; border-bottom-right-radius: 0px !Important; border-bottom-left-radius: 3px !Important; border-top-left-radius: 3px !Important; } .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) { - border-top-right-radius: 3px !Important; - border-bottom-right-radius: 3px !Important; + border-top-right-radius: 3px !Important; + border-bottom-right-radius: 3px !Important; } .btn-sm { font-size: 10px !Important; @@ -1930,63 +1916,63 @@ textarea.form-control { height: 24px ! Important; padding: 0px 6px !Important; } -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], -.radio input[type=radio], .radio-inline input[type=radio] { +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -20px !Important; } .checkbox label, .radio label { padding-left: 20px !important; } -.position-override{ - text-align:center !Important; - margin-left:0px; - } -.oe-custom-line{ - padding-bottom:5px; +.position-override { + text-align: center !Important; + margin-left: 0px; +} +.oe-custom-line { + padding-bottom: 5px; } .oe-large { - display: inline-block; + display: inline-block; } .oe-small { - display: none; + display: none; } .oe-show-hide { - display: none; + display: none; } -.oe-legend-radio{ - font-size:12px; - padding:5px 5px 0px 0px; +.oe-legend-radio { + font-size: 12px; + padding: 5px 5px 0px 0px; } .oe-bold-black { font-weight: 700 !Important; color: black !Important; } .oe-btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 15px; - background: #5D3580 !Important; - color: #FFFFFF !Important; - border-color: #41255A !Important; -} -.patientInfo a.btn, .patientDataColumn a.btn{ - width: 20px; - height: 20px; - text-align: center; - padding: 2px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 10px !Important; - background: #5D3580 !Important; - color: #FFFFFF !Important; - border-color: #41255A !Important; - margin:5px; + width: 30px; + height: 30px; + text-align: center; + padding: 6px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 15px; + background: #5D3580 !Important; + color: #FFFFFF !Important; + border-color: #41255A !Important; +} +.patientInfo a.btn, .patientDataColumn a.btn { + width: 20px; + height: 20px; + text-align: center; + padding: 2px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 10px !Important; + background: #5D3580 !Important; + color: #FFFFFF !Important; + border-color: #41255A !Important; + margin: 5px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + #globals_form_search { margin-top: -3px; padding: 2px 3px 1px 3px; @@ -1995,19 +1981,31 @@ th.currentvalues, th.historicalvalues { background: #8D63B2 !Important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .oe-payment-select { width: 80px !important; text-align: right; font-size: 12px; } -.oe-ckbox-label{ +.oe-ckbox-label { padding-left: 30px; font-weight: 500; } -.oe-file-div{ - padding:10px 15px; +.oe-file-div { + padding: 10px 15px; +} +.oe-modal-dialog { + width: 65% !Important; +} +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +.oe-help-redirect { + color: #5D3580 !Important; } -.oe-modal-dialog{ - width:65% !Important; +.oe-help-heading { + background-color: #EAE2F0 !Important; + border-color: #BAA0D0 !Important; } -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file diff --git a/interface/themes/style_mustard_green.css b/interface/themes/style_mustard_green.css index 3d08248e5..0382a367e 100644 --- a/interface/themes/style_mustard_green.css +++ b/interface/themes/style_mustard_green.css @@ -15,22 +15,21 @@ * * @package OpenEMR * @author Ranganath Pathak - * @copyright Copyright (c) 2017 Ranganath Pathak - * @version 1.0 + * @copyright Copyright (c) 2018 Ranganath Pathak + * @version 1.1 * @license http://opensource.org/licenses/gpl-license.php GNU Public License * @link http://www.open-emr.org */ - -/* +/* COLOR PALETTE - #646C02 - Darkest Mustard Green* + #646C02 - Darkest Mustard Green* #869003 - Darker Mustard Green* #A8B504 - Dark Mustard Green #C2CB4F - Mid Mustard Green #D3DA81 - Mid Pale Mustard Green* #DBE19A - Pale Mustard Green - #E2E7AE - Mid Pale Pale Mustard Green* + #E2E7AE - Mid Pale Pale Mustard Green* #F1F3DA - Pale Pale Mustard Green* #E7E6F9 - Pale Purple~ #FAFBF2 - Paler Mustard Green @@ -39,18 +38,19 @@ * - used in styling buttons and input ~ - common for all flat stylesheets */ + @import "core.css"; * { font-family: /* 1 */ -apple-system, BlinkMacSystemFont, /* 2 */ - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", /* 3 */ + "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */ "Helvetica Neue", sans-serif; } -html{ - font-size:14px; +html { + font-size: 14px; } /* RP_MODIFIED 2/09/2015, 1/17/2016*/ + body { margin: 0px 0px 0px 2px; /* set the base fontsize for all DOM children */ @@ -105,7 +105,7 @@ a:hover { color: #000000; font-weight: bold; } -.alert , .alert-custom{ +.alert, .alert-custom { font-size: 70%; color: #FF0000; text-decoration: none; @@ -157,7 +157,6 @@ a:hover { font-weight: bold; text-decoration: none; } - /* see .titlebar below */ .title_bar { @@ -173,8 +172,8 @@ a:hover { color: #000000; } /*============================================================= - * Here we have taken variables from globals.php and turned them into CSS - * classes these should be used in place of the GLOBAL variables + * Here we have taken variables from globals.php and turned them into CSS + * classes these should be used in place of the GLOBAL variables * -- JRM March 2008 =============================================================*/ @@ -183,6 +182,7 @@ a:hover { margin: 8px } /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/ + .bgcolor2 { background-color: #FAFBF2; } @@ -193,18 +193,22 @@ a:hover { margin: 8px } /* $bottom_bg_line */ + .body_title { background-color: #A8B504; } /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/ + .body_nav { background-color: #FAFBF2; } /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */ + .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ + .body_login { background: url('../pic/aquabg.gif') repeat; } @@ -213,24 +217,28 @@ a:hover { .table_bg { background-color: #ccc; } - /* $table_bg */ + .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ + .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ + .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ + .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ + .logobar { background-color: #2F2F7D; height: 110px; @@ -241,12 +249,14 @@ a:hover { height: 22px; } /* $GLOBALS['navBarHeight'] */ + .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ + #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; @@ -287,7 +297,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ .highlight { color: magenta !Important; } - /* styles taken out of templates/report/general_default.html */ #reports_list td { @@ -298,7 +307,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ font-size: 8pt; font-family: helvetica; } - /* styles taken out of templates/documents/general_list.html */ #documents_list td { @@ -350,6 +358,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ + #DEM .groupname { font-weight: bold; color: #080; @@ -371,6 +380,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /*30px - ie 6 fix*/ } /* Patient History */ + #HIS .groupname { font-weight: bold; color: #080; @@ -394,6 +404,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Notes * seen in the patient summary and notes screens *============================================================*/ + #pnotes .billing { background-color: #dfd; } @@ -412,13 +423,14 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ padding: 5px; margin: 5px; } -#pnotes_ps_expand div.tab table td { - padding-right: 10px; +#pnotes_ps_expand div.tab table td { + padding-right: 10px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ + #patient_stats { padding: 10px; } @@ -457,6 +469,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Stats Summary * seen in the patient summary screen *============================================================*/ + #patient_stats_summary table { border-collapse: collapse; } @@ -488,6 +501,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ + #patient_pastenc { width: 100%; } @@ -541,6 +555,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Reports * seen in the patient reports screens *============================================================*/ + #patient_reports { width: 100%; } @@ -569,6 +584,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ + #report_custom { width: 100%; } @@ -648,12 +664,12 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ background-color: #FFFFFF; /*RP_MODIFIED 1/16/2016 :#DBE19A */ } -#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), -.signout-restore-subheading { +#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading { background-color: #E2E7AE; /*RP_MODIFIED 1/16/2016 #ffffff */ } /* The top navigation icon styling*/ + .top-nav-icons { margin-right: 15px; margin-top: 5px @@ -661,9 +677,8 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /* * CSS BUTTONS */ -.message-table-header, #searchResultsHeader, #searchResultsHeader th, -#addressbook_list tr.head, .signout-heading, #report_results table thead, -.dehead, .showborder_head { + +.message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head { background: #C2CB4F; /*styles the message table header*/ } @@ -686,14 +701,10 @@ input[type="button"], input[type="submit"], button { padding: 0px !Important; margin-bottom: 5px; } -input[type="button"]:focus, input[type="button"]:active:focus, -input[type="button"].active:focus, input[type="submit"]:focus, -input[type="submit"]:active:focus, button.active:focus, button:focus, -button:active:focus, button.active:focus { +input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus { /*transform: translateY(2px);*/ } -input[type="text"], input[type="entry"], input[type="password"], -input[type="search"], textarea { +input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; @@ -708,9 +719,7 @@ select { border: 1px solid #869003 ! Important; margin: 3px; } -input[type="text"]:focus, input[type="entry"]:focus, -input[type="password"]:focus, input[type="search"]:focus, textarea:focus, -select:focus { +input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus { background: #F1F3DA; border-color: #646C02 !important; box-shadow: 0 0 3px #D3DA81 !important; @@ -720,7 +729,7 @@ select:focus { transition: 0.2s linear all; } select[multiple] { - height:auto !Important; + height: auto !Important; } .css_button_small, .css_button { display: inline-block; @@ -748,20 +757,16 @@ select[multiple] { border-radius: 2px; opacity: 1; } -.css_button_small:focus, .css_button_small:active:focus, -.css_button_small.active:focus, .css_button_small.focus, -.css_button_small:active.focus, .css_button_small.active.focus { +.css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, -.css_button:hover, .css_button:focus, .css_button.focus { +.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus { color: #FFFFFF; text-decoration: none; } -.css_button_small:active, .css_button_small.active, .css_button:active, -.css_button.active { +.css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); @@ -778,8 +783,7 @@ select[multiple] { .css_button_icon { padding: 3px 12px 5px 12px; } -a:visited .css_button_small, a.css_button_small, a:visited .css_button, -a.css_button { +a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button { color: #FFFFFF; } .css_button_small span {} @@ -797,11 +801,11 @@ a.disabled_button:hover { /* * TABS A7A7A7 */ + ul.tabNav { margin: 0 0 -4 0; padding: 0; } - /*RP_MODIFIED 7/16/2016*/ ul.tabNav { @@ -837,14 +841,12 @@ ul.tabNav a { /*#CFCCF7 RP_MODIFIED 2/11/2015*/ border-top-right-radius: 5px; } - /*added RP_MODIFIED */ ul.tabNav a:hover { background-color: #A8B504; color: #000000; } - /*RP_MODIFIED 2/11/2015 */ ul.tabNav li.current a { @@ -915,7 +917,6 @@ div.notab-right { background: #FFFFFF; padding: 8px; } - /* * REPORTS */ @@ -977,7 +978,6 @@ div.notab-right { background-color: #E2E7AE; font-weight: bold; } - /** * List-table formatting **/ @@ -1007,7 +1007,6 @@ div.notab-right { text-align: left; font-size: 9pt; } - /** * Drug lookup **/ @@ -1022,7 +1021,6 @@ div.notab-right { position: absolute; display: block; } - /* Password alert styles */ .pwdalert { @@ -1044,10 +1042,8 @@ div.notab-right { border: 3px solid #9acc2e; background-color: #eef7dd; } - /* Password alert styles */ - /* Style for red font */ .redtext { @@ -1055,7 +1051,6 @@ div.notab-right { color: #FF0000; font-size: 10pt; } - /* Style for red font */ .de_identification_status_message { @@ -1101,11 +1096,9 @@ div.notab-right { #navigation-slide li a.expanded { background: #C2CB4F; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#C2CB4F', - endColorstr='#C2CB4F'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#C2CB4F', endColorstr='#C2CB4F'); /* for IE 61a0ff)*/ - background: -webkit-gradient(linear, left top, left bottom, from(#C2CB4F), - to(#C2CB4F)); + background: -webkit-gradient(linear, left top, left bottom, from(#C2CB4F), to(#C2CB4F)); /* for webkit browsers */ background: -moz-linear-gradient(top, #C2CB4F, #C2CB4F); /* for firefox 3.6+ 61a0ff*/ @@ -1113,11 +1106,9 @@ div.notab-right { #navigation-slide ul li a.collapsed_lv2 { background: #7870DE; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', - endColorstr='#7870de'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de'); /* for IE e7e6f9*/ - background: -webkit-gradient(linear, left top, left bottom, from(#7870de), - to(#7870de)); + background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#7870de)); /* for webkit browsers e7e6f9*/ background: -moz-linear-gradient(top, #7870de, #7870de); /* for firefox 3.6+ e7e6f9*/ @@ -1125,32 +1116,25 @@ div.notab-right { #navigation-slide ul li a.expanded_lv2 { background: #e7e6f9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', - endColorstr='#e7e6f9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#e7e6f9'); /* for IE 7870de*/ - background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), - to(#e7e6f9)); + background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#e7e6f9)); /* for webkit browsers 7870de */ background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9); /* for firefox 3.6+ 7870de*/ } #navigation-slide ul li a.collapsed_lv3 { background: #aaaaaa; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', - endColorstr='#aaaaaa'); - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), - to(#aaaaaa)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); + background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa)); background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); } #navigation-slide ul li a.expanded_lv3 { background: #eeeeee; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', - endColorstr='#eeeeee'); - background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), - to(#eeeeee)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -moz-linear-gradient(top, #eeeeee, #eeeeee); } - #sddm li { margin: 0; padding: 0; @@ -1160,11 +1144,9 @@ div.notab-right { /*RP_MODIFIED 2/8/15 #EAE6FF*/ background: #A8B504; /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#A8B504', - endColorstr='#A8B504'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#A8B504', endColorstr='#A8B504'); /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ - background: -webkit-gradient(linear, left top, left bottom, from(#A8B504), - to(#A8B504)); + background: -webkit-gradient(linear, left top, left bottom, from(#A8B504), to(#A8B504)); /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ background: -moz-linear-gradient(top, #A8B504, #A8B504); /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ @@ -1288,8 +1270,7 @@ div.notab-right { .example_menu li.active li a { background: #e8e8e8; } -#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 -li.footer, .example_menu .footer { +#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; @@ -1362,6 +1343,7 @@ li.footer, .example_menu .footer { /*RP_ADDED 8/27/2016*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + div.section, div.borderbox { border-color: #646C02 !important; background-color: #E2E7AE; @@ -1369,6 +1351,7 @@ div.section, div.borderbox { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .login div.container { margin-top: 5%; max-width: 500px; @@ -1384,6 +1367,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .feesheet-title { font-weight: 900; background: #A8B504 !important; @@ -1393,7 +1377,8 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -#mainBox > .body_top, .body_top_tabs { + +#mainBox>.body_top, .body_top_tabs { background-color: #A8B504 !important; } .tabSpan, .tabSpan_tabs { @@ -1439,11 +1424,10 @@ body.login { border: 1px solid #869003; background: white; } - /*.patientEncounterList { background: #ffff9e !Important; border: 1px solid #869003; - + } .patientEncounterList:hover{ background: #F1F3DA !important; @@ -1453,7 +1437,7 @@ body.login { -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; transition: 0.2s linear all; - + overflow: visible; height: auto; z-index:4; @@ -1486,10 +1470,11 @@ body.login { .menuSection>.menuEntries { background-color: #FAFBF2 !Important; } -.body_title, .body_title_tabs { +.body_title, .body_title_tabs { background-color: #D3DA81 !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .tabs_body, #searchCriteria { background-color: #DBE19A; } @@ -1499,6 +1484,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ + #calsearch_params { background-color: #E2E7AE !important; width: 98% !Important; @@ -1525,6 +1511,7 @@ div#providerPicker select { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/ + img[src *="show_calendar.gif"] { margin-bottom: 3px; } @@ -1546,8 +1533,8 @@ body.admin-layout input[type="button"] { display: inline-block; float: none; } - /* error message = new validation */ + .error-message { color: red; display: block; @@ -1567,8 +1554,8 @@ body.admin-layout input[type="button"] { width: 44px; height: 22px; } - /* flow board filters*/ + #flow_board_parameters { width: 1041px; margin: 25px auto; @@ -1588,6 +1575,7 @@ body.admin-layout input[type="button"] { /* flow board filters*/ /* ------- Therapy groups styling --------- */ + .group-row { margin-top: 15px; } @@ -1629,8 +1617,7 @@ table.dataTable#therapy_groups_list tbody td { .therapy_group #therapy_groups_list_container input[type=number] { -moz-appearance: textfield; } -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { +.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @@ -1675,8 +1662,7 @@ table.dataTable#therapy_groups_list tbody td { margin-bottom: 20px; margin-left: 10px; } -#add_participant .patient_wrap, #add_participant .comment_wrap, -#add_participant .button_wrap { +#add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap { margin-top: 7px; } #add_participant .patient_wrap, #add_participant .comment_wrap { @@ -1744,6 +1730,7 @@ table.dataTable#therapy_groups_list tbody td { margin: 20px 20px 2px 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ + .dm-ed-in-1 { background-color: #E2E7AE !Important; border-bottom: thin solid #646C02 !Important; @@ -1760,6 +1747,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .responsetd { border-color: #646C02 !important; background-color: #E2E7AE; @@ -1774,6 +1762,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .code_fieldset { border: 1px solid #646C02 !important; background-color: #E2E7AE !Important; @@ -1788,13 +1777,12 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ -.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, -.navbar-nav>.active>a:focus { + +.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { /* color: white; background-color: transparent !Important;*/ } -.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #E2E7AE !Important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { @@ -1832,6 +1820,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + input[type=checkbox], input[type=radio] { margin: 4px !Important; } @@ -1840,7 +1829,6 @@ fieldset { background-color: #E2E7AE !Important; margin-bottom: 10px!Important; padding: 0px 0px 15px 0px !Important; - } legend { border-bottom: 2px solid #A8B504 !Important; @@ -1873,10 +1861,9 @@ textarea.form-control { background: #FAFBF2 !Important; color: #8e8e8e !Important; border-color: #646C02 !Important; - border-radius: 2px !Important; + border-radius: 2px !Important; } -.btn-default.active, .btn-default.focus, .btn-default:active, -.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { +.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { border-color: #646C02 !Important; background: #646C02 !Important; } @@ -1887,29 +1874,28 @@ textarea.form-control { border: 1px solid #ccc; border-radius: 3px !Important; } -.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, -.btn-link:hover, .open>.dropdown-toggle.btn-link { +.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link { color: #666666 !Important; border-color: #869003 !Important; background: #F1F3DA !Important; - box-shadow:0px 0px 2px #869003 inset; - transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s; + box-shadow: 0px 0px 2px #869003 inset; + transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; } -.btn-separate-left, .oe-opt-btn-separate-left{ - margin-left: 20px !Important; +.btn-separate-left, .oe-opt-btn-separate-left { + margin-left: 20px !Important; } -.btn-group .btn { - margin-right:2px !Important; +.btn-group .btn { + margin-right: 2px !Important; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0px !Important; + border-top-right-radius: 0px !Important; border-bottom-right-radius: 0px !Important; border-bottom-left-radius: 3px !Important; border-top-left-radius: 3px !Important; } .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) { - border-top-right-radius: 3px !Important; - border-bottom-right-radius: 3px !Important; + border-top-right-radius: 3px !Important; + border-bottom-right-radius: 3px !Important; } .btn-sm { font-size: 10px !Important; @@ -1930,63 +1916,63 @@ textarea.form-control { height: 24px ! Important; padding: 0px 6px !Important; } -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], -.radio input[type=radio], .radio-inline input[type=radio] { +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -20px !Important; } .checkbox label, .radio label { padding-left: 20px !important; } -.position-override{ - text-align:center !Important; - margin-left:0px; - } -.oe-custom-line{ - padding-bottom:5px; +.position-override { + text-align: center !Important; + margin-left: 0px; +} +.oe-custom-line { + padding-bottom: 5px; } .oe-large { - display: inline-block; + display: inline-block; } .oe-small { - display: none; + display: none; } .oe-show-hide { - display: none; + display: none; } -.oe-legend-radio{ - font-size:12px; - padding:5px 5px 0px 0px; +.oe-legend-radio { + font-size: 12px; + padding: 5px 5px 0px 0px; } .oe-bold-black { font-weight: 700 !Important; color: black !Important; } .oe-btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 15px; - background: #869003 !Important; - color: #FFFFFF !Important; - border-color: #646C02 !Important; -} -.patientInfo a.btn, .patientDataColumn a.btn{ - width: 20px; - height: 20px; - text-align: center; - padding: 2px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 10px !Important; - background: #869003 !Important; - color: #FFFFFF !Important; - border-color: #646C02 !Important; - margin:5px; + width: 30px; + height: 30px; + text-align: center; + padding: 6px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 15px; + background: #869003 !Important; + color: #FFFFFF !Important; + border-color: #646C02 !Important; +} +.patientInfo a.btn, .patientDataColumn a.btn { + width: 20px; + height: 20px; + text-align: center; + padding: 2px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 10px !Important; + background: #869003 !Important; + color: #FFFFFF !Important; + border-color: #646C02 !Important; + margin: 5px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + #globals_form_search { margin-top: -3px; padding: 2px 3px 1px 3px; @@ -1995,19 +1981,31 @@ th.currentvalues, th.historicalvalues { background: #A8B504 !Important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .oe-payment-select { width: 80px !important; text-align: right; font-size: 12px; } -.oe-ckbox-label{ +.oe-ckbox-label { padding-left: 30px; font-weight: 500; } -.oe-file-div{ - padding:10px 15px; +.oe-file-div { + padding: 10px 15px; +} +.oe-modal-dialog { + width: 65% !Important; +} +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +.oe-help-redirect { + color: #869003 !Important; } -.oe-modal-dialog{ - width:65% !Important; +.oe-help-heading { + background-color: #F1F3DA !Important; + border-color: #D3DA81 !Important; } -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file diff --git a/interface/themes/style_olive.css b/interface/themes/style_olive.css index 4a633fe6d..62ff88025 100644 --- a/interface/themes/style_olive.css +++ b/interface/themes/style_olive.css @@ -15,22 +15,21 @@ * * @package OpenEMR * @author Ranganath Pathak - * @copyright Copyright (c) 2017 Ranganath Pathak - * @version 1.0 + * @copyright Copyright (c) 2018 Ranganath Pathak + * @version 1.1 * @license http://opensource.org/licenses/gpl-license.php GNU Public License * @link http://www.open-emr.org */ - -/* +/* COLOR PALETTE - #353F29 - Darkest Olive* + #353F29 - Darkest Olive* #405626 - Darker Olive* #6A7F52 - Dark Olive #879874 - Mid Olive #A5B297 - Mid Pale Olive* #D2D8CB - Pale Olive - #DFE3DA - Mid Pale Pale Olive* + #DFE3DA - Mid Pale Pale Olive* #E5E8E1 - Pale Pale Olive* #E7E6F9 - Pale Purple~ #EFF1EC - Paler Olive @@ -39,18 +38,19 @@ * - used in styling buttons and input ~ - common for all flat stylesheets */ + @import "core.css"; * { font-family: /* 1 */ -apple-system, BlinkMacSystemFont, /* 2 */ - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", /* 3 */ + "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */ "Helvetica Neue", sans-serif; } -html{ - font-size:14px; +html { + font-size: 14px; } /* RP_MODIFIED 2/09/2015, 1/17/2016*/ + body { margin: 0px 0px 0px 2px; /* set the base fontsize for all DOM children */ @@ -105,7 +105,7 @@ a:hover { color: #000000; font-weight: bold; } -.alert , .alert-custom{ +.alert, .alert-custom { font-size: 70%; color: #FF0000; text-decoration: none; @@ -157,7 +157,6 @@ a:hover { font-weight: bold; text-decoration: none; } - /* see .titlebar below */ .title_bar { @@ -173,8 +172,8 @@ a:hover { color: #000000; } /*============================================================= - * Here we have taken variables from globals.php and turned them into CSS - * classes these should be used in place of the GLOBAL variables + * Here we have taken variables from globals.php and turned them into CSS + * classes these should be used in place of the GLOBAL variables * -- JRM March 2008 =============================================================*/ @@ -183,6 +182,7 @@ a:hover { margin: 8px } /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/ + .bgcolor2 { background-color: #EFF1EC; } @@ -193,18 +193,22 @@ a:hover { margin: 8px } /* $bottom_bg_line */ + .body_title { background-color: #6A7F52; } /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/ + .body_nav { background-color: #EFF1EC; } /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */ + .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ + .body_login { background: url('../pic/aquabg.gif') repeat; } @@ -213,24 +217,28 @@ a:hover { .table_bg { background-color: #ccc; } - /* $table_bg */ + .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ + .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ + .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ + .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ + .logobar { background-color: #2F2F7D; height: 110px; @@ -241,12 +249,14 @@ a:hover { height: 22px; } /* $GLOBALS['navBarHeight'] */ + .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ + #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; @@ -287,7 +297,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ .highlight { color: magenta !Important; } - /* styles taken out of templates/report/general_default.html */ #reports_list td { @@ -298,7 +307,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ font-size: 8pt; font-family: helvetica; } - /* styles taken out of templates/documents/general_list.html */ #documents_list td { @@ -350,6 +358,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ + #DEM .groupname { font-weight: bold; color: #080; @@ -371,6 +380,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /*30px - ie 6 fix*/ } /* Patient History */ + #HIS .groupname { font-weight: bold; color: #080; @@ -394,6 +404,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Notes * seen in the patient summary and notes screens *============================================================*/ + #pnotes .billing { background-color: #dfd; } @@ -412,13 +423,14 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ padding: 5px; margin: 5px; } -#pnotes_ps_expand div.tab table td { - padding-right: 10px; +#pnotes_ps_expand div.tab table td { + padding-right: 10px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ + #patient_stats { padding: 10px; } @@ -457,6 +469,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Stats Summary * seen in the patient summary screen *============================================================*/ + #patient_stats_summary table { border-collapse: collapse; } @@ -488,6 +501,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ + #patient_pastenc { width: 100%; } @@ -541,6 +555,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Reports * seen in the patient reports screens *============================================================*/ + #patient_reports { width: 100%; } @@ -569,6 +584,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ + #report_custom { width: 100%; } @@ -648,12 +664,12 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ background-color: #FFFFFF; /*RP_MODIFIED 1/16/2016 :#D2D8CB */ } -#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), -.signout-restore-subheading { +#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading { background-color: #DFE3DA; /*RP_MODIFIED 1/16/2016 #ffffff */ } /* The top navigation icon styling*/ + .top-nav-icons { margin-right: 15px; margin-top: 5px @@ -661,9 +677,8 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /* * CSS BUTTONS */ -.message-table-header, #searchResultsHeader, #searchResultsHeader th, -#addressbook_list tr.head, .signout-heading, #report_results table thead, -.dehead, .showborder_head { + +.message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head { background: #879874; /*styles the message table header*/ } @@ -686,14 +701,10 @@ input[type="button"], input[type="submit"], button { padding: 0px !Important; margin-bottom: 5px; } -input[type="button"]:focus, input[type="button"]:active:focus, -input[type="button"].active:focus, input[type="submit"]:focus, -input[type="submit"]:active:focus, button.active:focus, button:focus, -button:active:focus, button.active:focus { +input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus { /*transform: translateY(2px);*/ } -input[type="text"], input[type="entry"], input[type="password"], -input[type="search"], textarea { +input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; @@ -708,9 +719,7 @@ select { border: 1px solid #405626 ! Important; margin: 3px; } -input[type="text"]:focus, input[type="entry"]:focus, -input[type="password"]:focus, input[type="search"]:focus, textarea:focus, -select:focus { +input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus { background: #E5E8E1; border-color: #353F29 !important; box-shadow: 0 0 3px #A5B297 !important; @@ -720,7 +729,7 @@ select:focus { transition: 0.2s linear all; } select[multiple] { - height:auto !Important; + height: auto !Important; } .css_button_small, .css_button { display: inline-block; @@ -748,20 +757,16 @@ select[multiple] { border-radius: 2px; opacity: 1; } -.css_button_small:focus, .css_button_small:active:focus, -.css_button_small.active:focus, .css_button_small.focus, -.css_button_small:active.focus, .css_button_small.active.focus { +.css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, -.css_button:hover, .css_button:focus, .css_button.focus { +.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus { color: #FFFFFF; text-decoration: none; } -.css_button_small:active, .css_button_small.active, .css_button:active, -.css_button.active { +.css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); @@ -778,8 +783,7 @@ select[multiple] { .css_button_icon { padding: 3px 12px 5px 12px; } -a:visited .css_button_small, a.css_button_small, a:visited .css_button, -a.css_button { +a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button { color: #FFFFFF; } .css_button_small span {} @@ -797,11 +801,11 @@ a.disabled_button:hover { /* * TABS A7A7A7 */ + ul.tabNav { margin: 0 0 -4 0; padding: 0; } - /*RP_MODIFIED 7/16/2016*/ ul.tabNav { @@ -837,14 +841,12 @@ ul.tabNav a { /*#CFCCF7 RP_MODIFIED 2/11/2015*/ border-top-right-radius: 5px; } - /*added RP_MODIFIED */ ul.tabNav a:hover { background-color: #6A7F52; color: #000000; } - /*RP_MODIFIED 2/11/2015 */ ul.tabNav li.current a { @@ -915,7 +917,6 @@ div.notab-right { background: #FFFFFF; padding: 8px; } - /* * REPORTS */ @@ -977,7 +978,6 @@ div.notab-right { background-color: #DFE3DA; font-weight: bold; } - /** * List-table formatting **/ @@ -1007,7 +1007,6 @@ div.notab-right { text-align: left; font-size: 9pt; } - /** * Drug lookup **/ @@ -1022,7 +1021,6 @@ div.notab-right { position: absolute; display: block; } - /* Password alert styles */ .pwdalert { @@ -1044,10 +1042,8 @@ div.notab-right { border: 3px solid #9acc2e; background-color: #eef7dd; } - /* Password alert styles */ - /* Style for red font */ .redtext { @@ -1055,7 +1051,6 @@ div.notab-right { color: #FF0000; font-size: 10pt; } - /* Style for red font */ .de_identification_status_message { @@ -1101,11 +1096,9 @@ div.notab-right { #navigation-slide li a.expanded { background: #879874; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#879874', - endColorstr='#879874'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#879874', endColorstr='#879874'); /* for IE 61a0ff)*/ - background: -webkit-gradient(linear, left top, left bottom, from(#879874), - to(#879874)); + background: -webkit-gradient(linear, left top, left bottom, from(#879874), to(#879874)); /* for webkit browsers */ background: -moz-linear-gradient(top, #879874, #879874); /* for firefox 3.6+ 61a0ff*/ @@ -1113,11 +1106,9 @@ div.notab-right { #navigation-slide ul li a.collapsed_lv2 { background: #7870DE; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', - endColorstr='#7870de'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de'); /* for IE e7e6f9*/ - background: -webkit-gradient(linear, left top, left bottom, from(#7870de), - to(#7870de)); + background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#7870de)); /* for webkit browsers e7e6f9*/ background: -moz-linear-gradient(top, #7870de, #7870de); /* for firefox 3.6+ e7e6f9*/ @@ -1125,32 +1116,25 @@ div.notab-right { #navigation-slide ul li a.expanded_lv2 { background: #e7e6f9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', - endColorstr='#e7e6f9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#e7e6f9'); /* for IE 7870de*/ - background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), - to(#e7e6f9)); + background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#e7e6f9)); /* for webkit browsers 7870de */ background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9); /* for firefox 3.6+ 7870de*/ } #navigation-slide ul li a.collapsed_lv3 { background: #aaaaaa; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', - endColorstr='#aaaaaa'); - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), - to(#aaaaaa)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); + background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa)); background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); } #navigation-slide ul li a.expanded_lv3 { background: #eeeeee; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', - endColorstr='#eeeeee'); - background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), - to(#eeeeee)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -moz-linear-gradient(top, #eeeeee, #eeeeee); } - #sddm li { margin: 0; padding: 0; @@ -1160,11 +1144,9 @@ div.notab-right { /*RP_MODIFIED 2/8/15 #EAE6FF*/ background: #6A7F52; /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6A7F52', - endColorstr='#6A7F52'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6A7F52', endColorstr='#6A7F52'); /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ - background: -webkit-gradient(linear, left top, left bottom, from(#6A7F52), - to(#6A7F52)); + background: -webkit-gradient(linear, left top, left bottom, from(#6A7F52), to(#6A7F52)); /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ background: -moz-linear-gradient(top, #6A7F52, #6A7F52); /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ @@ -1288,8 +1270,7 @@ div.notab-right { .example_menu li.active li a { background: #e8e8e8; } -#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 -li.footer, .example_menu .footer { +#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; @@ -1362,6 +1343,7 @@ li.footer, .example_menu .footer { /*RP_ADDED 8/27/2016*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + div.section, div.borderbox { border-color: #353F29 !important; background-color: #DFE3DA; @@ -1369,6 +1351,7 @@ div.section, div.borderbox { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .login div.container { margin-top: 5%; max-width: 500px; @@ -1384,6 +1367,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .feesheet-title { font-weight: 900; background: #6A7F52 !important; @@ -1393,7 +1377,8 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -#mainBox > .body_top, .body_top_tabs { + +#mainBox>.body_top, .body_top_tabs { background-color: #6A7F52 !important; } .tabSpan, .tabSpan_tabs { @@ -1439,11 +1424,10 @@ body.login { border: 1px solid #405626; background: white; } - /*.patientEncounterList { background: #ffff9e !Important; border: 1px solid #405626; - + } .patientEncounterList:hover{ background: #E5E8E1 !important; @@ -1453,7 +1437,7 @@ body.login { -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; transition: 0.2s linear all; - + overflow: visible; height: auto; z-index:4; @@ -1486,10 +1470,11 @@ body.login { .menuSection>.menuEntries { background-color: #EFF1EC !Important; } -.body_title, .body_title_tabs { +.body_title, .body_title_tabs { background-color: #A5B297 !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .tabs_body, #searchCriteria { background-color: #D2D8CB; } @@ -1499,6 +1484,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ + #calsearch_params { background-color: #DFE3DA !important; width: 98% !Important; @@ -1525,6 +1511,7 @@ div#providerPicker select { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/ + img[src *="show_calendar.gif"] { margin-bottom: 3px; } @@ -1546,8 +1533,8 @@ body.admin-layout input[type="button"] { display: inline-block; float: none; } - /* error message = new validation */ + .error-message { color: red; display: block; @@ -1567,8 +1554,8 @@ body.admin-layout input[type="button"] { width: 44px; height: 22px; } - /* flow board filters*/ + #flow_board_parameters { width: 1041px; margin: 25px auto; @@ -1588,6 +1575,7 @@ body.admin-layout input[type="button"] { /* flow board filters*/ /* ------- Therapy groups styling --------- */ + .group-row { margin-top: 15px; } @@ -1629,8 +1617,7 @@ table.dataTable#therapy_groups_list tbody td { .therapy_group #therapy_groups_list_container input[type=number] { -moz-appearance: textfield; } -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { +.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @@ -1675,8 +1662,7 @@ table.dataTable#therapy_groups_list tbody td { margin-bottom: 20px; margin-left: 10px; } -#add_participant .patient_wrap, #add_participant .comment_wrap, -#add_participant .button_wrap { +#add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap { margin-top: 7px; } #add_participant .patient_wrap, #add_participant .comment_wrap { @@ -1744,6 +1730,7 @@ table.dataTable#therapy_groups_list tbody td { margin: 20px 20px 2px 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ + .dm-ed-in-1 { background-color: #DFE3DA !Important; border-bottom: thin solid #353F29 !Important; @@ -1760,6 +1747,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .responsetd { border-color: #353F29 !important; background-color: #DFE3DA; @@ -1774,6 +1762,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .code_fieldset { border: 1px solid #353F29 !important; background-color: #DFE3DA !Important; @@ -1788,13 +1777,12 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ -.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, -.navbar-nav>.active>a:focus { + +.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { /* color: white; background-color: transparent !Important;*/ } -.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #DFE3DA !Important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { @@ -1832,6 +1820,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + input[type=checkbox], input[type=radio] { margin: 4px !Important; } @@ -1840,7 +1829,6 @@ fieldset { background-color: #DFE3DA !Important; margin-bottom: 10px!Important; padding: 0px 0px 15px 0px !Important; - } legend { border-bottom: 2px solid #6A7F52 !Important; @@ -1873,10 +1861,9 @@ textarea.form-control { background: #EFF1EC !Important; color: #8e8e8e !Important; border-color: #353F29 !Important; - border-radius: 2px !Important; + border-radius: 2px !Important; } -.btn-default.active, .btn-default.focus, .btn-default:active, -.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { +.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { border-color: #353F29 !Important; background: #353F29 !Important; } @@ -1887,29 +1874,28 @@ textarea.form-control { border: 1px solid #ccc; border-radius: 3px !Important; } -.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, -.btn-link:hover, .open>.dropdown-toggle.btn-link { +.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link { color: #666666 !Important; border-color: #405626 !Important; background: #E5E8E1 !Important; - box-shadow:0px 0px 2px #405626 inset; - transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s; + box-shadow: 0px 0px 2px #405626 inset; + transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; } -.btn-separate-left, .oe-opt-btn-separate-left{ - margin-left: 20px !Important; +.btn-separate-left, .oe-opt-btn-separate-left { + margin-left: 20px !Important; } -.btn-group .btn { - margin-right:2px !Important; +.btn-group .btn { + margin-right: 2px !Important; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0px !Important; + border-top-right-radius: 0px !Important; border-bottom-right-radius: 0px !Important; border-bottom-left-radius: 3px !Important; border-top-left-radius: 3px !Important; } .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) { - border-top-right-radius: 3px !Important; - border-bottom-right-radius: 3px !Important; + border-top-right-radius: 3px !Important; + border-bottom-right-radius: 3px !Important; } .btn-sm { font-size: 10px !Important; @@ -1930,63 +1916,63 @@ textarea.form-control { height: 24px ! Important; padding: 0px 6px !Important; } -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], -.radio input[type=radio], .radio-inline input[type=radio] { +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -20px !Important; } .checkbox label, .radio label { padding-left: 20px !important; } -.position-override{ - text-align:center !Important; - margin-left:0px; - } -.oe-custom-line{ - padding-bottom:5px; +.position-override { + text-align: center !Important; + margin-left: 0px; +} +.oe-custom-line { + padding-bottom: 5px; } .oe-large { - display: inline-block; + display: inline-block; } .oe-small { - display: none; + display: none; } .oe-show-hide { - display: none; + display: none; } -.oe-legend-radio{ - font-size:12px; - padding:5px 5px 0px 0px; +.oe-legend-radio { + font-size: 12px; + padding: 5px 5px 0px 0px; } .oe-bold-black { font-weight: 700 !Important; color: black !Important; } .oe-btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 15px; - background: #405626 !Important; - color: #FFFFFF !Important; - border-color: #353F29 !Important; -} -.patientInfo a.btn, .patientDataColumn a.btn{ - width: 20px; - height: 20px; - text-align: center; - padding: 2px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 10px !Important; - background: #405626 !Important; - color: #FFFFFF !Important; - border-color: #353F29 !Important; - margin:5px; + width: 30px; + height: 30px; + text-align: center; + padding: 6px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 15px; + background: #405626 !Important; + color: #FFFFFF !Important; + border-color: #353F29 !Important; +} +.patientInfo a.btn, .patientDataColumn a.btn { + width: 20px; + height: 20px; + text-align: center; + padding: 2px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 10px !Important; + background: #405626 !Important; + color: #FFFFFF !Important; + border-color: #353F29 !Important; + margin: 5px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + #globals_form_search { margin-top: -3px; padding: 2px 3px 1px 3px; @@ -1995,19 +1981,31 @@ th.currentvalues, th.historicalvalues { background: #6A7F52 !Important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .oe-payment-select { width: 80px !important; text-align: right; font-size: 12px; } -.oe-ckbox-label{ +.oe-ckbox-label { padding-left: 30px; font-weight: 500; } -.oe-file-div{ - padding:10px 15px; +.oe-file-div { + padding: 10px 15px; +} +.oe-modal-dialog { + width: 65% !Important; +} +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +.oe-help-redirect { + color: #405626 !Important; } -.oe-modal-dialog{ - width:65% !Important; +.oe-help-heading { + background-color: #E5E8E1 !Important; + border-color: #A5B297 !Important; } -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file diff --git a/interface/themes/style_pink.css b/interface/themes/style_pink.css index 5acfda55a..b82530d70 100644 --- a/interface/themes/style_pink.css +++ b/interface/themes/style_pink.css @@ -15,22 +15,21 @@ * * @package OpenEMR * @author Ranganath Pathak - * @copyright Copyright (c) 2017 Ranganath Pathak - * @version 1.0 + * @copyright Copyright (c) 2018 Ranganath Pathak + * @version 1.1 * @license http://opensource.org/licenses/gpl-license.php GNU Public License * @link http://www.open-emr.org */ - -/* +/* COLOR PALETTE - #C02E7E - Darkest Pink* + #C02E7E - Darkest Pink* #CF398B - Darker Pink* #D962A3 - Dark Pink #DC71AC - Mid Pink #E8A0C7 - Mid Pale Pink* #FABBE1 - Pale Pink - #F3CFE3 - Mid Pale Pale Pink* + #F3CFE3 - Mid Pale Pale Pink* #F7DFEC - Pale Pale Pink* #E7E6F9 - Pale Purple~ #FBEFF5 - Paler Pink @@ -39,18 +38,19 @@ * - used in styling buttons and input ~ - common for all flat stylesheets */ + @import "core.css"; * { font-family: /* 1 */ -apple-system, BlinkMacSystemFont, /* 2 */ - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", /* 3 */ + "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */ "Helvetica Neue", sans-serif; } -html{ - font-size:14px; +html { + font-size: 14px; } /* RP_MODIFIED 2/09/2015, 1/17/2016*/ + body { margin: 0px 0px 0px 2px; /* set the base fontsize for all DOM children */ @@ -105,7 +105,7 @@ a:hover { color: #000000; font-weight: bold; } -.alert , .alert-custom{ +.alert, .alert-custom { font-size: 70%; color: #FF0000; text-decoration: none; @@ -157,7 +157,6 @@ a:hover { font-weight: bold; text-decoration: none; } - /* see .titlebar below */ .title_bar { @@ -173,8 +172,8 @@ a:hover { color: #000000; } /*============================================================= - * Here we have taken variables from globals.php and turned them into CSS - * classes these should be used in place of the GLOBAL variables + * Here we have taken variables from globals.php and turned them into CSS + * classes these should be used in place of the GLOBAL variables * -- JRM March 2008 =============================================================*/ @@ -183,6 +182,7 @@ a:hover { margin: 8px } /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/ + .bgcolor2 { background-color: #FBEFF5; } @@ -193,18 +193,22 @@ a:hover { margin: 8px } /* $bottom_bg_line */ + .body_title { background-color: #D962A3; } /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/ + .body_nav { background-color: #FBEFF5; } /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */ + .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ + .body_login { background: url('../pic/aquabg.gif') repeat; } @@ -213,24 +217,28 @@ a:hover { .table_bg { background-color: #ccc; } - /* $table_bg */ + .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ + .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ + .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ + .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ + .logobar { background-color: #2F2F7D; height: 110px; @@ -241,12 +249,14 @@ a:hover { height: 22px; } /* $GLOBALS['navBarHeight'] */ + .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ + #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; @@ -287,7 +297,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ .highlight { color: magenta !Important; } - /* styles taken out of templates/report/general_default.html */ #reports_list td { @@ -298,7 +307,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ font-size: 8pt; font-family: helvetica; } - /* styles taken out of templates/documents/general_list.html */ #documents_list td { @@ -350,6 +358,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ + #DEM .groupname { font-weight: bold; color: #080; @@ -371,6 +380,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /*30px - ie 6 fix*/ } /* Patient History */ + #HIS .groupname { font-weight: bold; color: #080; @@ -394,6 +404,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Notes * seen in the patient summary and notes screens *============================================================*/ + #pnotes .billing { background-color: #dfd; } @@ -412,13 +423,14 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ padding: 5px; margin: 5px; } -#pnotes_ps_expand div.tab table td { - padding-right: 10px; +#pnotes_ps_expand div.tab table td { + padding-right: 10px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ + #patient_stats { padding: 10px; } @@ -457,6 +469,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Stats Summary * seen in the patient summary screen *============================================================*/ + #patient_stats_summary table { border-collapse: collapse; } @@ -488,6 +501,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ + #patient_pastenc { width: 100%; } @@ -541,6 +555,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Reports * seen in the patient reports screens *============================================================*/ + #patient_reports { width: 100%; } @@ -569,6 +584,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ + #report_custom { width: 100%; } @@ -648,12 +664,12 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ background-color: #FFFFFF; /*RP_MODIFIED 1/16/2016 :#FABBE1 */ } -#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), -.signout-restore-subheading { +#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading { background-color: #F3CFE3; /*RP_MODIFIED 1/16/2016 #ffffff */ } /* The top navigation icon styling*/ + .top-nav-icons { margin-right: 15px; margin-top: 5px @@ -661,9 +677,8 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /* * CSS BUTTONS */ -.message-table-header, #searchResultsHeader, #searchResultsHeader th, -#addressbook_list tr.head, .signout-heading, #report_results table thead, -.dehead, .showborder_head { + +.message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head { background: #DC71AC; /*styles the message table header*/ } @@ -686,14 +701,10 @@ input[type="button"], input[type="submit"], button { padding: 0px !Important; margin-bottom: 5px; } -input[type="button"]:focus, input[type="button"]:active:focus, -input[type="button"].active:focus, input[type="submit"]:focus, -input[type="submit"]:active:focus, button.active:focus, button:focus, -button:active:focus, button.active:focus { +input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus { /*transform: translateY(2px);*/ } -input[type="text"], input[type="entry"], input[type="password"], -input[type="search"], textarea { +input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; @@ -708,9 +719,7 @@ select { border: 1px solid #CF398B ! Important; margin: 3px; } -input[type="text"]:focus, input[type="entry"]:focus, -input[type="password"]:focus, input[type="search"]:focus, textarea:focus, -select:focus { +input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus { background: #F7DFEC; border-color: #C02E7E !important; box-shadow: 0 0 3px #E8A0C7 !important; @@ -720,7 +729,7 @@ select:focus { transition: 0.2s linear all; } select[multiple] { - height:auto !Important; + height: auto !Important; } .css_button_small, .css_button { display: inline-block; @@ -748,20 +757,16 @@ select[multiple] { border-radius: 2px; opacity: 1; } -.css_button_small:focus, .css_button_small:active:focus, -.css_button_small.active:focus, .css_button_small.focus, -.css_button_small:active.focus, .css_button_small.active.focus { +.css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, -.css_button:hover, .css_button:focus, .css_button.focus { +.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus { color: #FFFFFF; text-decoration: none; } -.css_button_small:active, .css_button_small.active, .css_button:active, -.css_button.active { +.css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); @@ -778,8 +783,7 @@ select[multiple] { .css_button_icon { padding: 3px 12px 5px 12px; } -a:visited .css_button_small, a.css_button_small, a:visited .css_button, -a.css_button { +a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button { color: #FFFFFF; } .css_button_small span {} @@ -797,11 +801,11 @@ a.disabled_button:hover { /* * TABS A7A7A7 */ + ul.tabNav { margin: 0 0 -4 0; padding: 0; } - /*RP_MODIFIED 7/16/2016*/ ul.tabNav { @@ -837,14 +841,12 @@ ul.tabNav a { /*#CFCCF7 RP_MODIFIED 2/11/2015*/ border-top-right-radius: 5px; } - /*added RP_MODIFIED */ ul.tabNav a:hover { background-color: #D962A3; color: #000000; } - /*RP_MODIFIED 2/11/2015 */ ul.tabNav li.current a { @@ -915,7 +917,6 @@ div.notab-right { background: #FFFFFF; padding: 8px; } - /* * REPORTS */ @@ -977,7 +978,6 @@ div.notab-right { background-color: #F3CFE3; font-weight: bold; } - /** * List-table formatting **/ @@ -1007,7 +1007,6 @@ div.notab-right { text-align: left; font-size: 9pt; } - /** * Drug lookup **/ @@ -1022,7 +1021,6 @@ div.notab-right { position: absolute; display: block; } - /* Password alert styles */ .pwdalert { @@ -1044,10 +1042,8 @@ div.notab-right { border: 3px solid #9acc2e; background-color: #eef7dd; } - /* Password alert styles */ - /* Style for red font */ .redtext { @@ -1055,7 +1051,6 @@ div.notab-right { color: #FF0000; font-size: 10pt; } - /* Style for red font */ .de_identification_status_message { @@ -1101,11 +1096,9 @@ div.notab-right { #navigation-slide li a.expanded { background: #DC71AC; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#DC71AC', - endColorstr='#DC71AC'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#DC71AC', endColorstr='#DC71AC'); /* for IE 61a0ff)*/ - background: -webkit-gradient(linear, left top, left bottom, from(#DC71AC), - to(#DC71AC)); + background: -webkit-gradient(linear, left top, left bottom, from(#DC71AC), to(#DC71AC)); /* for webkit browsers */ background: -moz-linear-gradient(top, #DC71AC, #DC71AC); /* for firefox 3.6+ 61a0ff*/ @@ -1113,11 +1106,9 @@ div.notab-right { #navigation-slide ul li a.collapsed_lv2 { background: #7870DE; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', - endColorstr='#7870de'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de'); /* for IE e7e6f9*/ - background: -webkit-gradient(linear, left top, left bottom, from(#7870de), - to(#7870de)); + background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#7870de)); /* for webkit browsers e7e6f9*/ background: -moz-linear-gradient(top, #7870de, #7870de); /* for firefox 3.6+ e7e6f9*/ @@ -1125,32 +1116,25 @@ div.notab-right { #navigation-slide ul li a.expanded_lv2 { background: #e7e6f9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', - endColorstr='#e7e6f9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#e7e6f9'); /* for IE 7870de*/ - background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), - to(#e7e6f9)); + background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#e7e6f9)); /* for webkit browsers 7870de */ background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9); /* for firefox 3.6+ 7870de*/ } #navigation-slide ul li a.collapsed_lv3 { background: #aaaaaa; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', - endColorstr='#aaaaaa'); - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), - to(#aaaaaa)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); + background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa)); background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); } #navigation-slide ul li a.expanded_lv3 { background: #eeeeee; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', - endColorstr='#eeeeee'); - background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), - to(#eeeeee)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -moz-linear-gradient(top, #eeeeee, #eeeeee); } - #sddm li { margin: 0; padding: 0; @@ -1160,11 +1144,9 @@ div.notab-right { /*RP_MODIFIED 2/8/15 #EAE6FF*/ background: #D962A3; /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#D962A3', - endColorstr='#D962A3'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#D962A3', endColorstr='#D962A3'); /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ - background: -webkit-gradient(linear, left top, left bottom, from(#D962A3), - to(#D962A3)); + background: -webkit-gradient(linear, left top, left bottom, from(#D962A3), to(#D962A3)); /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ background: -moz-linear-gradient(top, #D962A3, #D962A3); /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ @@ -1288,8 +1270,7 @@ div.notab-right { .example_menu li.active li a { background: #e8e8e8; } -#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 -li.footer, .example_menu .footer { +#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; @@ -1362,6 +1343,7 @@ li.footer, .example_menu .footer { /*RP_ADDED 8/27/2016*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + div.section, div.borderbox { border-color: #C02E7E !important; background-color: #F3CFE3; @@ -1369,6 +1351,7 @@ div.section, div.borderbox { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .login div.container { margin-top: 5%; max-width: 500px; @@ -1384,6 +1367,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .feesheet-title { font-weight: 900; background: #D962A3 !important; @@ -1393,7 +1377,8 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -#mainBox > .body_top, .body_top_tabs { + +#mainBox>.body_top, .body_top_tabs { background-color: #D962A3 !important; } .tabSpan, .tabSpan_tabs { @@ -1439,11 +1424,10 @@ body.login { border: 1px solid #CF398B; background: white; } - /*.patientEncounterList { background: #ffff9e !Important; border: 1px solid #CF398B; - + } .patientEncounterList:hover{ background: #F7DFEC !important; @@ -1453,7 +1437,7 @@ body.login { -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; transition: 0.2s linear all; - + overflow: visible; height: auto; z-index:4; @@ -1486,10 +1470,11 @@ body.login { .menuSection>.menuEntries { background-color: #FBEFF5 !Important; } -.body_title, .body_title_tabs { +.body_title, .body_title_tabs { background-color: #E8A0C7 !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .tabs_body, #searchCriteria { background-color: #FABBE1; } @@ -1499,6 +1484,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ + #calsearch_params { background-color: #F3CFE3 !important; width: 98% !Important; @@ -1525,6 +1511,7 @@ div#providerPicker select { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/ + img[src *="show_calendar.gif"] { margin-bottom: 3px; } @@ -1546,8 +1533,8 @@ body.admin-layout input[type="button"] { display: inline-block; float: none; } - /* error message = new validation */ + .error-message { color: red; display: block; @@ -1567,8 +1554,8 @@ body.admin-layout input[type="button"] { width: 44px; height: 22px; } - /* flow board filters*/ + #flow_board_parameters { width: 1041px; margin: 25px auto; @@ -1588,6 +1575,7 @@ body.admin-layout input[type="button"] { /* flow board filters*/ /* ------- Therapy groups styling --------- */ + .group-row { margin-top: 15px; } @@ -1629,8 +1617,7 @@ table.dataTable#therapy_groups_list tbody td { .therapy_group #therapy_groups_list_container input[type=number] { -moz-appearance: textfield; } -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { +.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @@ -1675,8 +1662,7 @@ table.dataTable#therapy_groups_list tbody td { margin-bottom: 20px; margin-left: 10px; } -#add_participant .patient_wrap, #add_participant .comment_wrap, -#add_participant .button_wrap { +#add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap { margin-top: 7px; } #add_participant .patient_wrap, #add_participant .comment_wrap { @@ -1744,6 +1730,7 @@ table.dataTable#therapy_groups_list tbody td { margin: 20px 20px 2px 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ + .dm-ed-in-1 { background-color: #F3CFE3 !Important; border-bottom: thin solid #C02E7E !Important; @@ -1760,6 +1747,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .responsetd { border-color: #C02E7E !important; background-color: #F3CFE3; @@ -1774,6 +1762,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .code_fieldset { border: 1px solid #C02E7E !important; background-color: #F3CFE3 !Important; @@ -1788,13 +1777,12 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ -.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, -.navbar-nav>.active>a:focus { + +.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { /* color: white; background-color: transparent !Important;*/ } -.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #F3CFE3 !Important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { @@ -1832,6 +1820,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + input[type=checkbox], input[type=radio] { margin: 4px !Important; } @@ -1840,7 +1829,6 @@ fieldset { background-color: #F3CFE3 !Important; margin-bottom: 10px!Important; padding: 0px 0px 15px 0px !Important; - } legend { border-bottom: 2px solid #D962A3 !Important; @@ -1873,10 +1861,9 @@ textarea.form-control { background: #FBEFF5 !Important; color: #8e8e8e !Important; border-color: #C02E7E !Important; - border-radius: 2px !Important; + border-radius: 2px !Important; } -.btn-default.active, .btn-default.focus, .btn-default:active, -.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { +.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { border-color: #C02E7E !Important; background: #C02E7E !Important; } @@ -1887,29 +1874,28 @@ textarea.form-control { border: 1px solid #ccc; border-radius: 3px !Important; } -.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, -.btn-link:hover, .open>.dropdown-toggle.btn-link { +.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link { color: #666666 !Important; border-color: #CF398B !Important; background: #F7DFEC !Important; - box-shadow:0px 0px 2px #CF398B inset; - transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s; + box-shadow: 0px 0px 2px #CF398B inset; + transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; } -.btn-separate-left, .oe-opt-btn-separate-left{ - margin-left: 20px !Important; +.btn-separate-left, .oe-opt-btn-separate-left { + margin-left: 20px !Important; } -.btn-group .btn { - margin-right:2px !Important; +.btn-group .btn { + margin-right: 2px !Important; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0px !Important; + border-top-right-radius: 0px !Important; border-bottom-right-radius: 0px !Important; border-bottom-left-radius: 3px !Important; border-top-left-radius: 3px !Important; } .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) { - border-top-right-radius: 3px !Important; - border-bottom-right-radius: 3px !Important; + border-top-right-radius: 3px !Important; + border-bottom-right-radius: 3px !Important; } .btn-sm { font-size: 10px !Important; @@ -1930,63 +1916,63 @@ textarea.form-control { height: 24px ! Important; padding: 0px 6px !Important; } -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], -.radio input[type=radio], .radio-inline input[type=radio] { +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -20px !Important; } .checkbox label, .radio label { padding-left: 20px !important; } -.position-override{ - text-align:center !Important; - margin-left:0px; - } -.oe-custom-line{ - padding-bottom:5px; +.position-override { + text-align: center !Important; + margin-left: 0px; +} +.oe-custom-line { + padding-bottom: 5px; } .oe-large { - display: inline-block; + display: inline-block; } .oe-small { - display: none; + display: none; } .oe-show-hide { - display: none; + display: none; } -.oe-legend-radio{ - font-size:12px; - padding:5px 5px 0px 0px; +.oe-legend-radio { + font-size: 12px; + padding: 5px 5px 0px 0px; } .oe-bold-black { font-weight: 700 !Important; color: black !Important; } .oe-btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 15px; - background: #CF398B !Important; - color: #FFFFFF !Important; - border-color: #C02E7E !Important; -} -.patientInfo a.btn, .patientDataColumn a.btn{ - width: 20px; - height: 20px; - text-align: center; - padding: 2px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 10px !Important; - background: #CF398B !Important; - color: #FFFFFF !Important; - border-color: #C02E7E !Important; - margin:5px; + width: 30px; + height: 30px; + text-align: center; + padding: 6px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 15px; + background: #CF398B !Important; + color: #FFFFFF !Important; + border-color: #C02E7E !Important; +} +.patientInfo a.btn, .patientDataColumn a.btn { + width: 20px; + height: 20px; + text-align: center; + padding: 2px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 10px !Important; + background: #CF398B !Important; + color: #FFFFFF !Important; + border-color: #C02E7E !Important; + margin: 5px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + #globals_form_search { margin-top: -3px; padding: 2px 3px 1px 3px; @@ -1995,19 +1981,31 @@ th.currentvalues, th.historicalvalues { background: #D962A3 !Important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .oe-payment-select { width: 80px !important; text-align: right; font-size: 12px; } -.oe-ckbox-label{ +.oe-ckbox-label { padding-left: 30px; font-weight: 500; } -.oe-file-div{ - padding:10px 15px; +.oe-file-div { + padding: 10px 15px; +} +.oe-modal-dialog { + width: 65% !Important; +} +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +.oe-help-redirect { + color: #CF398B !Important; } -.oe-modal-dialog{ - width:65% !Important; +.oe-help-heading { + background-color: #F7DFEC !Important; + border-color: #E8A0C7 !Important; } -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file diff --git a/interface/themes/style_powder_blue.css b/interface/themes/style_powder_blue.css index 57d1f22e8..6e25e504a 100644 --- a/interface/themes/style_powder_blue.css +++ b/interface/themes/style_powder_blue.css @@ -15,22 +15,21 @@ * * @package OpenEMR * @author Ranganath Pathak - * @copyright Copyright (c) 2017 Ranganath Pathak - * @version 1.0 + * @copyright Copyright (c) 2018 Ranganath Pathak + * @version 1.1 * @license http://opensource.org/licenses/gpl-license.php GNU Public License * @link http://www.open-emr.org */ - -/* +/* COLOR PALETTE - #2F4983 - Darkest Powder Blue* + #2F4983 - Darkest Powder Blue* #4468BB - Darker Powder Blue * - #728DCC - Dark Powder Blue + #728DCC - Dark Powder Blue #8EA3D6 - Mid Powder Blue #B4C2E4 - Mid Pale Powder Blue* #B6CDFC - Pale Powder blue - #CBDCFC - Mid Pale Pale Powder blue* + #CBDCFC - Mid Pale Pale Powder blue* #E9F0FE - Pale Pale Powder blue* #E7E6F9 - Pale Purple~ #F2F6FE - Paler Powder Blue @@ -39,18 +38,19 @@ * - used in styling buttons and input ~ - common for all flat stylesheets */ + @import "core.css"; * { font-family: /* 1 */ -apple-system, BlinkMacSystemFont, /* 2 */ - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", /* 3 */ + "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */ "Helvetica Neue", sans-serif; } -html{ - font-size:14px; +html { + font-size: 14px; } /* RP_MODIFIED 2/09/2015, 1/17/2016*/ + body { margin: 0px 0px 0px 2px; /* set the base fontsize for all DOM children */ @@ -105,7 +105,7 @@ a:hover { color: #000000; font-weight: bold; } -.alert , .alert-custom{ +.alert, .alert-custom { font-size: 70%; color: #FF0000; text-decoration: none; @@ -157,7 +157,6 @@ a:hover { font-weight: bold; text-decoration: none; } - /* see .titlebar below */ .title_bar { @@ -173,8 +172,8 @@ a:hover { color: #000000; } /*============================================================= - * Here we have taken variables from globals.php and turned them into CSS - * classes these should be used in place of the GLOBAL variables + * Here we have taken variables from globals.php and turned them into CSS + * classes these should be used in place of the GLOBAL variables * -- JRM March 2008 =============================================================*/ @@ -183,6 +182,7 @@ a:hover { margin: 8px } /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/ + .bgcolor2 { background-color: #F2F6FE; } @@ -193,18 +193,22 @@ a:hover { margin: 8px } /* $bottom_bg_line */ + .body_title { background-color: #728DCC; } /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/ + .body_nav { background-color: #F2F6FE; } /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */ + .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ + .body_login { background: url('../pic/aquabg.gif') repeat; } @@ -213,24 +217,28 @@ a:hover { .table_bg { background-color: #ccc; } - /* $table_bg */ + .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ + .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ + .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ + .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ + .logobar { background-color: #2F2F7D; height: 110px; @@ -241,12 +249,14 @@ a:hover { height: 22px; } /* $GLOBALS['navBarHeight'] */ + .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ + #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; @@ -287,7 +297,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ .highlight { color: magenta !Important; } - /* styles taken out of templates/report/general_default.html */ #reports_list td { @@ -298,7 +307,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ font-size: 8pt; font-family: helvetica; } - /* styles taken out of templates/documents/general_list.html */ #documents_list td { @@ -350,6 +358,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ + #DEM .groupname { font-weight: bold; color: #080; @@ -371,6 +380,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /*30px - ie 6 fix*/ } /* Patient History */ + #HIS .groupname { font-weight: bold; color: #080; @@ -394,6 +404,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Notes * seen in the patient summary and notes screens *============================================================*/ + #pnotes .billing { background-color: #dfd; } @@ -412,13 +423,14 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ padding: 5px; margin: 5px; } -#pnotes_ps_expand div.tab table td { - padding-right: 10px; +#pnotes_ps_expand div.tab table td { + padding-right: 10px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ + #patient_stats { padding: 10px; } @@ -457,6 +469,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Stats Summary * seen in the patient summary screen *============================================================*/ + #patient_stats_summary table { border-collapse: collapse; } @@ -488,6 +501,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ + #patient_pastenc { width: 100%; } @@ -541,6 +555,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Reports * seen in the patient reports screens *============================================================*/ + #patient_reports { width: 100%; } @@ -569,6 +584,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ + #report_custom { width: 100%; } @@ -648,12 +664,12 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ background-color: #FFFFFF; /*RP_MODIFIED 1/16/2016 :#B6CDFC */ } -#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), -.signout-restore-subheading { +#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading { background-color: #CBDCFC; /*RP_MODIFIED 1/16/2016 #ffffff */ } /* The top navigation icon styling*/ + .top-nav-icons { margin-right: 15px; margin-top: 5px @@ -661,9 +677,8 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /* * CSS BUTTONS */ -.message-table-header, #searchResultsHeader, #searchResultsHeader th, -#addressbook_list tr.head, .signout-heading, #report_results table thead, -.dehead, .showborder_head { + +.message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head { background: #8EA3D6; /*styles the message table header*/ } @@ -686,14 +701,10 @@ input[type="button"], input[type="submit"], button { padding: 0px !Important; margin-bottom: 5px; } -input[type="button"]:focus, input[type="button"]:active:focus, -input[type="button"].active:focus, input[type="submit"]:focus, -input[type="submit"]:active:focus, button.active:focus, button:focus, -button:active:focus, button.active:focus { +input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus { /*transform: translateY(2px);*/ } -input[type="text"], input[type="entry"], input[type="password"], -input[type="search"], textarea { +input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; @@ -708,9 +719,7 @@ select { border: 1px solid #4468BB ! Important; margin: 3px; } -input[type="text"]:focus, input[type="entry"]:focus, -input[type="password"]:focus, input[type="search"]:focus, textarea:focus, -select:focus { +input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus { background: #E9F0FE; border-color: #2F4983 !important; box-shadow: 0 0 3px #B4C2E4 !important; @@ -720,7 +729,7 @@ select:focus { transition: 0.2s linear all; } select[multiple] { - height:auto !Important; + height: auto !Important; } .css_button_small, .css_button { display: inline-block; @@ -748,20 +757,16 @@ select[multiple] { border-radius: 2px; opacity: 1; } -.css_button_small:focus, .css_button_small:active:focus, -.css_button_small.active:focus, .css_button_small.focus, -.css_button_small:active.focus, .css_button_small.active.focus { +.css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, -.css_button:hover, .css_button:focus, .css_button.focus { +.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus { color: #FFFFFF; text-decoration: none; } -.css_button_small:active, .css_button_small.active, .css_button:active, -.css_button.active { +.css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); @@ -778,8 +783,7 @@ select[multiple] { .css_button_icon { padding: 3px 12px 5px 12px; } -a:visited .css_button_small, a.css_button_small, a:visited .css_button, -a.css_button { +a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button { color: #FFFFFF; } .css_button_small span {} @@ -797,11 +801,11 @@ a.disabled_button:hover { /* * TABS A7A7A7 */ + ul.tabNav { margin: 0 0 -4 0; padding: 0; } - /*RP_MODIFIED 7/16/2016*/ ul.tabNav { @@ -837,14 +841,12 @@ ul.tabNav a { /*#CFCCF7 RP_MODIFIED 2/11/2015*/ border-top-right-radius: 5px; } - /*added RP_MODIFIED */ ul.tabNav a:hover { background-color: #728DCC; color: #000000; } - /*RP_MODIFIED 2/11/2015 */ ul.tabNav li.current a { @@ -915,7 +917,6 @@ div.notab-right { background: #FFFFFF; padding: 8px; } - /* * REPORTS */ @@ -977,7 +978,6 @@ div.notab-right { background-color: #CBDCFC; font-weight: bold; } - /** * List-table formatting **/ @@ -1007,7 +1007,6 @@ div.notab-right { text-align: left; font-size: 9pt; } - /** * Drug lookup **/ @@ -1022,7 +1021,6 @@ div.notab-right { position: absolute; display: block; } - /* Password alert styles */ .pwdalert { @@ -1044,10 +1042,8 @@ div.notab-right { border: 3px solid #9acc2e; background-color: #eef7dd; } - /* Password alert styles */ - /* Style for red font */ .redtext { @@ -1055,7 +1051,6 @@ div.notab-right { color: #FF0000; font-size: 10pt; } - /* Style for red font */ .de_identification_status_message { @@ -1101,11 +1096,9 @@ div.notab-right { #navigation-slide li a.expanded { background: #8EA3D6; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8EA3D6', - endColorstr='#8EA3D6'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8EA3D6', endColorstr='#8EA3D6'); /* for IE 61a0ff)*/ - background: -webkit-gradient(linear, left top, left bottom, from(#8EA3D6), - to(#8EA3D6)); + background: -webkit-gradient(linear, left top, left bottom, from(#8EA3D6), to(#8EA3D6)); /* for webkit browsers */ background: -moz-linear-gradient(top, #8EA3D6, #8EA3D6); /* for firefox 3.6+ 61a0ff*/ @@ -1113,11 +1106,9 @@ div.notab-right { #navigation-slide ul li a.collapsed_lv2 { background: #7870DE; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', - endColorstr='#7870de'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de'); /* for IE e7e6f9*/ - background: -webkit-gradient(linear, left top, left bottom, from(#7870de), - to(#7870de)); + background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#7870de)); /* for webkit browsers e7e6f9*/ background: -moz-linear-gradient(top, #7870de, #7870de); /* for firefox 3.6+ e7e6f9*/ @@ -1125,32 +1116,25 @@ div.notab-right { #navigation-slide ul li a.expanded_lv2 { background: #e7e6f9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', - endColorstr='#e7e6f9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#e7e6f9'); /* for IE 7870de*/ - background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), - to(#e7e6f9)); + background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#e7e6f9)); /* for webkit browsers 7870de */ background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9); /* for firefox 3.6+ 7870de*/ } #navigation-slide ul li a.collapsed_lv3 { background: #aaaaaa; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', - endColorstr='#aaaaaa'); - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), - to(#aaaaaa)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); + background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa)); background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); } #navigation-slide ul li a.expanded_lv3 { background: #eeeeee; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', - endColorstr='#eeeeee'); - background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), - to(#eeeeee)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -moz-linear-gradient(top, #eeeeee, #eeeeee); } - #sddm li { margin: 0; padding: 0; @@ -1160,11 +1144,9 @@ div.notab-right { /*RP_MODIFIED 2/8/15 #EAE6FF*/ background: #728DCC; /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#728DCC', - endColorstr='#728DCC'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#728DCC', endColorstr='#728DCC'); /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ - background: -webkit-gradient(linear, left top, left bottom, from(#728DCC), - to(#728DCC)); + background: -webkit-gradient(linear, left top, left bottom, from(#728DCC), to(#728DCC)); /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ background: -moz-linear-gradient(top, #728DCC, #728DCC); /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ @@ -1288,8 +1270,7 @@ div.notab-right { .example_menu li.active li a { background: #e8e8e8; } -#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 -li.footer, .example_menu .footer { +#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; @@ -1362,6 +1343,7 @@ li.footer, .example_menu .footer { /*RP_ADDED 8/27/2016*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + div.section, div.borderbox { border-color: #2F4983 !important; background-color: #CBDCFC; @@ -1369,6 +1351,7 @@ div.section, div.borderbox { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .login div.container { margin-top: 5%; max-width: 500px; @@ -1384,6 +1367,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .feesheet-title { font-weight: 900; background: #728DCC !important; @@ -1393,7 +1377,8 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -#mainBox > .body_top, .body_top_tabs { + +#mainBox>.body_top, .body_top_tabs { background-color: #728DCC !important; } .tabSpan, .tabSpan_tabs { @@ -1439,11 +1424,10 @@ body.login { border: 1px solid #4468BB; background: white; } - /*.patientEncounterList { background: #ffff9e !Important; border: 1px solid #4468BB; - + } .patientEncounterList:hover{ background: #E9F0FE !important; @@ -1453,7 +1437,7 @@ body.login { -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; transition: 0.2s linear all; - + overflow: visible; height: auto; z-index:4; @@ -1486,10 +1470,11 @@ body.login { .menuSection>.menuEntries { background-color: #F2F6FE !Important; } -.body_title, .body_title_tabs { +.body_title, .body_title_tabs { background-color: #B4C2E4 !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .tabs_body, #searchCriteria { background-color: #B6CDFC; } @@ -1499,6 +1484,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ + #calsearch_params { background-color: #CBDCFC !important; width: 98% !Important; @@ -1525,6 +1511,7 @@ div#providerPicker select { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/ + img[src *="show_calendar.gif"] { margin-bottom: 3px; } @@ -1546,8 +1533,8 @@ body.admin-layout input[type="button"] { display: inline-block; float: none; } - /* error message = new validation */ + .error-message { color: red; display: block; @@ -1567,8 +1554,8 @@ body.admin-layout input[type="button"] { width: 44px; height: 22px; } - /* flow board filters*/ + #flow_board_parameters { width: 1041px; margin: 25px auto; @@ -1588,6 +1575,7 @@ body.admin-layout input[type="button"] { /* flow board filters*/ /* ------- Therapy groups styling --------- */ + .group-row { margin-top: 15px; } @@ -1629,8 +1617,7 @@ table.dataTable#therapy_groups_list tbody td { .therapy_group #therapy_groups_list_container input[type=number] { -moz-appearance: textfield; } -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { +.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @@ -1675,8 +1662,7 @@ table.dataTable#therapy_groups_list tbody td { margin-bottom: 20px; margin-left: 10px; } -#add_participant .patient_wrap, #add_participant .comment_wrap, -#add_participant .button_wrap { +#add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap { margin-top: 7px; } #add_participant .patient_wrap, #add_participant .comment_wrap { @@ -1744,6 +1730,7 @@ table.dataTable#therapy_groups_list tbody td { margin: 20px 20px 2px 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ + .dm-ed-in-1 { background-color: #CBDCFC !Important; border-bottom: thin solid #2F4983 !Important; @@ -1760,6 +1747,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .responsetd { border-color: #2F4983 !important; background-color: #CBDCFC; @@ -1774,6 +1762,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .code_fieldset { border: 1px solid #2F4983 !important; background-color: #CBDCFC !Important; @@ -1788,13 +1777,12 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ -.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, -.navbar-nav>.active>a:focus { + +.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { /* color: white; background-color: transparent !Important;*/ } -.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #CBDCFC !Important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { @@ -1832,6 +1820,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + input[type=checkbox], input[type=radio] { margin: 4px !Important; } @@ -1840,7 +1829,6 @@ fieldset { background-color: #CBDCFC !Important; margin-bottom: 10px!Important; padding: 0px 0px 15px 0px !Important; - } legend { border-bottom: 2px solid #728DCC !Important; @@ -1873,10 +1861,9 @@ textarea.form-control { background: #F2F6FE !Important; color: #8e8e8e !Important; border-color: #2F4983 !Important; - border-radius: 2px !Important; + border-radius: 2px !Important; } -.btn-default.active, .btn-default.focus, .btn-default:active, -.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { +.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { border-color: #2F4983 !Important; background: #2F4983 !Important; } @@ -1887,29 +1874,28 @@ textarea.form-control { border: 1px solid #ccc; border-radius: 3px !Important; } -.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, -.btn-link:hover, .open>.dropdown-toggle.btn-link { +.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link { color: #666666 !Important; border-color: #4468BB !Important; background: #E9F0FE !Important; - box-shadow:0px 0px 2px #4468BB inset; - transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s; + box-shadow: 0px 0px 2px #4468BB inset; + transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; } -.btn-separate-left, .oe-opt-btn-separate-left{ - margin-left: 20px !Important; +.btn-separate-left, .oe-opt-btn-separate-left { + margin-left: 20px !Important; } -.btn-group .btn { - margin-right:2px !Important; +.btn-group .btn { + margin-right: 2px !Important; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0px !Important; + border-top-right-radius: 0px !Important; border-bottom-right-radius: 0px !Important; border-bottom-left-radius: 3px !Important; border-top-left-radius: 3px !Important; } .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) { - border-top-right-radius: 3px !Important; - border-bottom-right-radius: 3px !Important; + border-top-right-radius: 3px !Important; + border-bottom-right-radius: 3px !Important; } .btn-sm { font-size: 10px !Important; @@ -1930,63 +1916,63 @@ textarea.form-control { height: 24px ! Important; padding: 0px 6px !Important; } -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], -.radio input[type=radio], .radio-inline input[type=radio] { +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -20px !Important; } .checkbox label, .radio label { padding-left: 20px !important; } -.position-override{ - text-align:center !Important; - margin-left:0px; - } -.oe-custom-line{ - padding-bottom:5px; +.position-override { + text-align: center !Important; + margin-left: 0px; +} +.oe-custom-line { + padding-bottom: 5px; } .oe-large { - display: inline-block; + display: inline-block; } .oe-small { - display: none; + display: none; } .oe-show-hide { - display: none; + display: none; } -.oe-legend-radio{ - font-size:12px; - padding:5px 5px 0px 0px; +.oe-legend-radio { + font-size: 12px; + padding: 5px 5px 0px 0px; } .oe-bold-black { font-weight: 700 !Important; color: black !Important; } .oe-btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 15px; - background: #4468BB !Important; - color: #FFFFFF !Important; - border-color: #2F4983 !Important; -} -.patientInfo a.btn, .patientDataColumn a.btn{ - width: 20px; - height: 20px; - text-align: center; - padding: 2px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 10px !Important; - background: #4468BB !Important; - color: #FFFFFF !Important; - border-color: #2F4983 !Important; - margin:5px; + width: 30px; + height: 30px; + text-align: center; + padding: 6px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 15px; + background: #4468BB !Important; + color: #FFFFFF !Important; + border-color: #2F4983 !Important; +} +.patientInfo a.btn, .patientDataColumn a.btn { + width: 20px; + height: 20px; + text-align: center; + padding: 2px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 10px !Important; + background: #4468BB !Important; + color: #FFFFFF !Important; + border-color: #2F4983 !Important; + margin: 5px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + #globals_form_search { margin-top: -3px; padding: 2px 3px 1px 3px; @@ -1995,19 +1981,31 @@ th.currentvalues, th.historicalvalues { background: #728DCC !Important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .oe-payment-select { width: 80px !important; text-align: right; font-size: 12px; } -.oe-ckbox-label{ +.oe-ckbox-label { padding-left: 30px; font-weight: 500; } -.oe-file-div{ - padding:10px 15px; +.oe-file-div { + padding: 10px 15px; +} +.oe-modal-dialog { + width: 65% !Important; +} +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +.oe-help-redirect { + color: #4468BB !Important; } -.oe-modal-dialog{ - width:65% !Important; +.oe-help-heading { + background-color: #E9F0FE !Important; + border-color: #B4C2E4 !Important; } -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file diff --git a/interface/themes/style_red.css b/interface/themes/style_red.css index a341c9033..feea1bae1 100644 --- a/interface/themes/style_red.css +++ b/interface/themes/style_red.css @@ -15,22 +15,21 @@ * * @package OpenEMR * @author Ranganath Pathak - * @copyright Copyright (c) 2017 Ranganath Pathak - * @version 1.0 + * @copyright Copyright (c) 2018 Ranganath Pathak + * @version 1.1 * @license http://opensource.org/licenses/gpl-license.php GNU Public License * @link http://www.open-emr.org */ - -/* +/* COLOR PALETTE - #68171A - Darkest Red* + #68171A - Darkest Red* #A7252A - Darker Red* #D95459 - Dark Red - #E4878A - Mid Red + #E4878A - Mid Red #ECACAE - Mid Pale Red* #ECA9AC - Pale Red - #F5D6D8 - Mid Pale Pale Red* + #F5D6D8 - Mid Pale Pale Red* #FBEEEF - Pale Pale Red* #E7E6F9 - Pale Purple~ #F9F3F3 - Paler Red @@ -39,18 +38,19 @@ * - used in styling buttons and input ~ - common for all flat stylesheets */ + @import "core.css"; * { font-family: /* 1 */ -apple-system, BlinkMacSystemFont, /* 2 */ - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", /* 3 */ + "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */ "Helvetica Neue", sans-serif; } -html{ - font-size:14px; +html { + font-size: 14px; } /* RP_MODIFIED 2/09/2015, 1/17/2016*/ + body { margin: 0px 0px 0px 2px; /* set the base fontsize for all DOM children */ @@ -105,7 +105,7 @@ a:hover { color: #000000; font-weight: bold; } -.alert , .alert-custom{ +.alert, .alert-custom { font-size: 70%; color: #FF0000; text-decoration: none; @@ -157,7 +157,6 @@ a:hover { font-weight: bold; text-decoration: none; } - /* see .titlebar below */ .title_bar { @@ -173,8 +172,8 @@ a:hover { color: #000000; } /*============================================================= - * Here we have taken variables from globals.php and turned them into CSS - * classes these should be used in place of the GLOBAL variables + * Here we have taken variables from globals.php and turned them into CSS + * classes these should be used in place of the GLOBAL variables * -- JRM March 2008 =============================================================*/ @@ -183,6 +182,7 @@ a:hover { margin: 8px } /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/ + .bgcolor2 { background-color: #F9F3F3; } @@ -193,18 +193,22 @@ a:hover { margin: 8px } /* $bottom_bg_line */ + .body_title { background-color: #D95459; } /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/ + .body_nav { background-color: #F9F3F3; } /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */ + .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ + .body_login { background: url('../pic/aquabg.gif') repeat; } @@ -213,24 +217,28 @@ a:hover { .table_bg { background-color: #ccc; } - /* $table_bg */ + .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ + .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ + .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ + .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ + .logobar { background-color: #2F2F7D; height: 110px; @@ -241,12 +249,14 @@ a:hover { height: 22px; } /* $GLOBALS['navBarHeight'] */ + .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ + #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; @@ -287,7 +297,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ .highlight { color: magenta !Important; } - /* styles taken out of templates/report/general_default.html */ #reports_list td { @@ -298,7 +307,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ font-size: 8pt; font-family: helvetica; } - /* styles taken out of templates/documents/general_list.html */ #documents_list td { @@ -350,6 +358,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ + #DEM .groupname { font-weight: bold; color: #080; @@ -371,6 +380,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /*30px - ie 6 fix*/ } /* Patient History */ + #HIS .groupname { font-weight: bold; color: #080; @@ -394,6 +404,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Notes * seen in the patient summary and notes screens *============================================================*/ + #pnotes .billing { background-color: #dfd; } @@ -412,13 +423,14 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ padding: 5px; margin: 5px; } -#pnotes_ps_expand div.tab table td { - padding-right: 10px; +#pnotes_ps_expand div.tab table td { + padding-right: 10px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ + #patient_stats { padding: 10px; } @@ -457,6 +469,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Stats Summary * seen in the patient summary screen *============================================================*/ + #patient_stats_summary table { border-collapse: collapse; } @@ -488,6 +501,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ + #patient_pastenc { width: 100%; } @@ -541,6 +555,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Reports * seen in the patient reports screens *============================================================*/ + #patient_reports { width: 100%; } @@ -569,6 +584,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ + #report_custom { width: 100%; } @@ -648,12 +664,12 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ background-color: #FFFFFF; /*RP_MODIFIED 1/16/2016 :#ECA9AC */ } -#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), -.signout-restore-subheading { +#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading { background-color: #F5D6D8; /*RP_MODIFIED 1/16/2016 #ffffff */ } /* The top navigation icon styling*/ + .top-nav-icons { margin-right: 15px; margin-top: 5px @@ -661,9 +677,8 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /* * CSS BUTTONS */ -.message-table-header, #searchResultsHeader, #searchResultsHeader th, -#addressbook_list tr.head, .signout-heading, #report_results table thead, -.dehead, .showborder_head { + +.message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head { background: #E4878A; /*styles the message table header*/ } @@ -686,14 +701,10 @@ input[type="button"], input[type="submit"], button { padding: 0px !Important; margin-bottom: 5px; } -input[type="button"]:focus, input[type="button"]:active:focus, -input[type="button"].active:focus, input[type="submit"]:focus, -input[type="submit"]:active:focus, button.active:focus, button:focus, -button:active:focus, button.active:focus { +input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus { /*transform: translateY(2px);*/ } -input[type="text"], input[type="entry"], input[type="password"], -input[type="search"], textarea { +input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; @@ -708,9 +719,7 @@ select { border: 1px solid #A7252A ! Important; margin: 3px; } -input[type="text"]:focus, input[type="entry"]:focus, -input[type="password"]:focus, input[type="search"]:focus, textarea:focus, -select:focus { +input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus { background: #FBEEEF; border-color: #68171A !important; box-shadow: 0 0 3px #ECACAE !important; @@ -720,7 +729,7 @@ select:focus { transition: 0.2s linear all; } select[multiple] { - height:auto !Important; + height: auto !Important; } .css_button_small, .css_button { display: inline-block; @@ -748,20 +757,16 @@ select[multiple] { border-radius: 2px; opacity: 1; } -.css_button_small:focus, .css_button_small:active:focus, -.css_button_small.active:focus, .css_button_small.focus, -.css_button_small:active.focus, .css_button_small.active.focus { +.css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, -.css_button:hover, .css_button:focus, .css_button.focus { +.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus { color: #FFFFFF; text-decoration: none; } -.css_button_small:active, .css_button_small.active, .css_button:active, -.css_button.active { +.css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); @@ -778,8 +783,7 @@ select[multiple] { .css_button_icon { padding: 3px 12px 5px 12px; } -a:visited .css_button_small, a.css_button_small, a:visited .css_button, -a.css_button { +a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button { color: #FFFFFF; } .css_button_small span {} @@ -797,11 +801,11 @@ a.disabled_button:hover { /* * TABS A7A7A7 */ + ul.tabNav { margin: 0 0 -4 0; padding: 0; } - /*RP_MODIFIED 7/16/2016*/ ul.tabNav { @@ -837,14 +841,12 @@ ul.tabNav a { /*#CFCCF7 RP_MODIFIED 2/11/2015*/ border-top-right-radius: 5px; } - /*added RP_MODIFIED */ ul.tabNav a:hover { background-color: #D95459; color: #000000; } - /*RP_MODIFIED 2/11/2015 */ ul.tabNav li.current a { @@ -915,7 +917,6 @@ div.notab-right { background: #FFFFFF; padding: 8px; } - /* * REPORTS */ @@ -977,7 +978,6 @@ div.notab-right { background-color: #F5D6D8; font-weight: bold; } - /** * List-table formatting **/ @@ -1007,7 +1007,6 @@ div.notab-right { text-align: left; font-size: 9pt; } - /** * Drug lookup **/ @@ -1022,7 +1021,6 @@ div.notab-right { position: absolute; display: block; } - /* Password alert styles */ .pwdalert { @@ -1044,10 +1042,8 @@ div.notab-right { border: 3px solid #9acc2e; background-color: #eef7dd; } - /* Password alert styles */ - /* Style for red font */ .redtext { @@ -1055,7 +1051,6 @@ div.notab-right { color: #FF0000; font-size: 10pt; } - /* Style for red font */ .de_identification_status_message { @@ -1101,11 +1096,9 @@ div.notab-right { #navigation-slide li a.expanded { background: #E4878A; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#E4878A', - endColorstr='#E4878A'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#E4878A', endColorstr='#E4878A'); /* for IE 61a0ff)*/ - background: -webkit-gradient(linear, left top, left bottom, from(#E4878A), - to(#E4878A)); + background: -webkit-gradient(linear, left top, left bottom, from(#E4878A), to(#E4878A)); /* for webkit browsers */ background: -moz-linear-gradient(top, #E4878A, #E4878A); /* for firefox 3.6+ 61a0ff*/ @@ -1113,11 +1106,9 @@ div.notab-right { #navigation-slide ul li a.collapsed_lv2 { background: #7870DE; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', - endColorstr='#7870de'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de'); /* for IE e7e6f9*/ - background: -webkit-gradient(linear, left top, left bottom, from(#7870de), - to(#7870de)); + background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#7870de)); /* for webkit browsers e7e6f9*/ background: -moz-linear-gradient(top, #7870de, #7870de); /* for firefox 3.6+ e7e6f9*/ @@ -1125,32 +1116,25 @@ div.notab-right { #navigation-slide ul li a.expanded_lv2 { background: #e7e6f9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', - endColorstr='#e7e6f9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#e7e6f9'); /* for IE 7870de*/ - background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), - to(#e7e6f9)); + background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#e7e6f9)); /* for webkit browsers 7870de */ background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9); /* for firefox 3.6+ 7870de*/ } #navigation-slide ul li a.collapsed_lv3 { background: #aaaaaa; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', - endColorstr='#aaaaaa'); - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), - to(#aaaaaa)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); + background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa)); background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); } #navigation-slide ul li a.expanded_lv3 { background: #eeeeee; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', - endColorstr='#eeeeee'); - background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), - to(#eeeeee)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -moz-linear-gradient(top, #eeeeee, #eeeeee); } - #sddm li { margin: 0; padding: 0; @@ -1160,11 +1144,9 @@ div.notab-right { /*RP_MODIFIED 2/8/15 #EAE6FF*/ background: #D95459; /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#D95459', - endColorstr='#D95459'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#D95459', endColorstr='#D95459'); /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ - background: -webkit-gradient(linear, left top, left bottom, from(#D95459), - to(#D95459)); + background: -webkit-gradient(linear, left top, left bottom, from(#D95459), to(#D95459)); /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ background: -moz-linear-gradient(top, #D95459, #D95459); /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ @@ -1288,8 +1270,7 @@ div.notab-right { .example_menu li.active li a { background: #e8e8e8; } -#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 -li.footer, .example_menu .footer { +#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; @@ -1362,6 +1343,7 @@ li.footer, .example_menu .footer { /*RP_ADDED 8/27/2016*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + div.section, div.borderbox { border-color: #68171A !important; background-color: #F5D6D8; @@ -1369,6 +1351,7 @@ div.section, div.borderbox { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .login div.container { margin-top: 5%; max-width: 500px; @@ -1384,6 +1367,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .feesheet-title { font-weight: 900; background: #D95459 !important; @@ -1393,7 +1377,8 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -#mainBox > .body_top, .body_top_tabs { + +#mainBox>.body_top, .body_top_tabs { background-color: #D95459 !important; } .tabSpan, .tabSpan_tabs { @@ -1439,11 +1424,10 @@ body.login { border: 1px solid #A7252A; background: white; } - /*.patientEncounterList { background: #ffff9e !Important; border: 1px solid #A7252A; - + } .patientEncounterList:hover{ background: #FBEEEF !important; @@ -1453,7 +1437,7 @@ body.login { -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; transition: 0.2s linear all; - + overflow: visible; height: auto; z-index:4; @@ -1486,10 +1470,11 @@ body.login { .menuSection>.menuEntries { background-color: #F9F3F3 !Important; } -.body_title, .body_title_tabs { +.body_title, .body_title_tabs { background-color: #ECACAE !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .tabs_body, #searchCriteria { background-color: #ECA9AC; } @@ -1499,6 +1484,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ + #calsearch_params { background-color: #F5D6D8 !important; width: 98% !Important; @@ -1525,6 +1511,7 @@ div#providerPicker select { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/ + img[src *="show_calendar.gif"] { margin-bottom: 3px; } @@ -1546,8 +1533,8 @@ body.admin-layout input[type="button"] { display: inline-block; float: none; } - /* error message = new validation */ + .error-message { color: red; display: block; @@ -1567,8 +1554,8 @@ body.admin-layout input[type="button"] { width: 44px; height: 22px; } - /* flow board filters*/ + #flow_board_parameters { width: 1041px; margin: 25px auto; @@ -1588,6 +1575,7 @@ body.admin-layout input[type="button"] { /* flow board filters*/ /* ------- Therapy groups styling --------- */ + .group-row { margin-top: 15px; } @@ -1629,8 +1617,7 @@ table.dataTable#therapy_groups_list tbody td { .therapy_group #therapy_groups_list_container input[type=number] { -moz-appearance: textfield; } -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { +.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @@ -1675,8 +1662,7 @@ table.dataTable#therapy_groups_list tbody td { margin-bottom: 20px; margin-left: 10px; } -#add_participant .patient_wrap, #add_participant .comment_wrap, -#add_participant .button_wrap { +#add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap { margin-top: 7px; } #add_participant .patient_wrap, #add_participant .comment_wrap { @@ -1744,6 +1730,7 @@ table.dataTable#therapy_groups_list tbody td { margin: 20px 20px 2px 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ + .dm-ed-in-1 { background-color: #F5D6D8 !Important; border-bottom: thin solid #68171A !Important; @@ -1760,6 +1747,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .responsetd { border-color: #68171A !important; background-color: #F5D6D8; @@ -1774,6 +1762,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .code_fieldset { border: 1px solid #68171A !important; background-color: #F5D6D8 !Important; @@ -1788,13 +1777,12 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ -.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, -.navbar-nav>.active>a:focus { + +.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { /* color: white; background-color: transparent !Important;*/ } -.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #F5D6D8 !Important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { @@ -1832,6 +1820,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + input[type=checkbox], input[type=radio] { margin: 4px !Important; } @@ -1840,7 +1829,6 @@ fieldset { background-color: #F5D6D8 !Important; margin-bottom: 10px!Important; padding: 0px 0px 15px 0px !Important; - } legend { border-bottom: 2px solid #D95459 !Important; @@ -1873,10 +1861,9 @@ textarea.form-control { background: #F9F3F3 !Important; color: #8e8e8e !Important; border-color: #68171A !Important; - border-radius: 2px !Important; + border-radius: 2px !Important; } -.btn-default.active, .btn-default.focus, .btn-default:active, -.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { +.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { border-color: #68171A !Important; background: #68171A !Important; } @@ -1887,29 +1874,28 @@ textarea.form-control { border: 1px solid #ccc; border-radius: 3px !Important; } -.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, -.btn-link:hover, .open>.dropdown-toggle.btn-link { +.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link { color: #666666 !Important; border-color: #A7252A !Important; background: #FBEEEF !Important; - box-shadow:0px 0px 2px #A7252A inset; - transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s; + box-shadow: 0px 0px 2px #A7252A inset; + transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; } -.btn-separate-left, .oe-opt-btn-separate-left{ - margin-left: 20px !Important; +.btn-separate-left, .oe-opt-btn-separate-left { + margin-left: 20px !Important; } -.btn-group .btn { - margin-right:2px !Important; +.btn-group .btn { + margin-right: 2px !Important; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0px !Important; + border-top-right-radius: 0px !Important; border-bottom-right-radius: 0px !Important; border-bottom-left-radius: 3px !Important; border-top-left-radius: 3px !Important; } .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) { - border-top-right-radius: 3px !Important; - border-bottom-right-radius: 3px !Important; + border-top-right-radius: 3px !Important; + border-bottom-right-radius: 3px !Important; } .btn-sm { font-size: 10px !Important; @@ -1930,63 +1916,63 @@ textarea.form-control { height: 24px ! Important; padding: 0px 6px !Important; } -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], -.radio input[type=radio], .radio-inline input[type=radio] { +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -20px !Important; } .checkbox label, .radio label { padding-left: 20px !important; } -.position-override{ - text-align:center !Important; - margin-left:0px; - } -.oe-custom-line{ - padding-bottom:5px; +.position-override { + text-align: center !Important; + margin-left: 0px; +} +.oe-custom-line { + padding-bottom: 5px; } .oe-large { - display: inline-block; + display: inline-block; } .oe-small { - display: none; + display: none; } .oe-show-hide { - display: none; + display: none; } -.oe-legend-radio{ - font-size:12px; - padding:5px 5px 0px 0px; +.oe-legend-radio { + font-size: 12px; + padding: 5px 5px 0px 0px; } .oe-bold-black { font-weight: 700 !Important; color: black !Important; } .oe-btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 15px; - background: #A7252A !Important; - color: #FFFFFF !Important; - border-color: #68171A !Important; -} -.patientInfo a.btn, .patientDataColumn a.btn{ - width: 20px; - height: 20px; - text-align: center; - padding: 2px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 10px !Important; - background: #A7252A !Important; - color: #FFFFFF !Important; - border-color: #68171A !Important; - margin:5px; + width: 30px; + height: 30px; + text-align: center; + padding: 6px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 15px; + background: #A7252A !Important; + color: #FFFFFF !Important; + border-color: #68171A !Important; +} +.patientInfo a.btn, .patientDataColumn a.btn { + width: 20px; + height: 20px; + text-align: center; + padding: 2px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 10px !Important; + background: #A7252A !Important; + color: #FFFFFF !Important; + border-color: #68171A !Important; + margin: 5px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + #globals_form_search { margin-top: -3px; padding: 2px 3px 1px 3px; @@ -1995,19 +1981,31 @@ th.currentvalues, th.historicalvalues { background: #D95459 !Important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .oe-payment-select { width: 80px !important; text-align: right; font-size: 12px; } -.oe-ckbox-label{ +.oe-ckbox-label { padding-left: 30px; font-weight: 500; } -.oe-file-div{ - padding:10px 15px; +.oe-file-div { + padding: 10px 15px; +} +.oe-modal-dialog { + width: 65% !Important; +} +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +.oe-help-redirect { + color: #A7252A !Important; } -.oe-modal-dialog{ - width:65% !Important; +.oe-help-heading { + background-color: #FBEEEF !Important; + border-color: #ECACAE !Important; } -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file diff --git a/interface/themes/style_sienna.css b/interface/themes/style_sienna.css index 5922513fc..efd9aa0a8 100644 --- a/interface/themes/style_sienna.css +++ b/interface/themes/style_sienna.css @@ -15,22 +15,21 @@ * * @package OpenEMR * @author Ranganath Pathak - * @copyright Copyright (c) 2017 Ranganath Pathak - * @version 1.0 + * @copyright Copyright (c) 2018 Ranganath Pathak + * @version 1.1 * @license http://opensource.org/licenses/gpl-license.php GNU Public License * @link http://www.open-emr.org */ - -/* +/* COLOR PALETTE - #753313 - Darkest Sienna* + #753313 - Darkest Sienna* #9C4419 - Darker Sienna* #C45520 - Dark Sienna #CF764C - Mid Sienna #DB9979 - Mid Pale Sienna* #E7BBA5 - Pale Sienna - #EDCCBC - Mid Pale Pale Sienna* + #EDCCBC - Mid Pale Pale Sienna* #F3DDD2 - Pale Pale Sienna* #E7E6F9 - Pale Purple~ #F9EEE8 - Paler Sienna @@ -39,18 +38,19 @@ * - used in styling buttons and input ~ - common for all flat stylesheets */ + @import "core.css"; * { font-family: /* 1 */ -apple-system, BlinkMacSystemFont, /* 2 */ - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", /* 3 */ + "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */ "Helvetica Neue", sans-serif; } -html{ - font-size:14px; +html { + font-size: 14px; } /* RP_MODIFIED 2/09/2015, 1/17/2016*/ + body { margin: 0px 0px 0px 2px; /* set the base fontsize for all DOM children */ @@ -105,7 +105,7 @@ a:hover { color: #000000; font-weight: bold; } -.alert , .alert-custom{ +.alert, .alert-custom { font-size: 70%; color: #FF0000; text-decoration: none; @@ -157,7 +157,6 @@ a:hover { font-weight: bold; text-decoration: none; } - /* see .titlebar below */ .title_bar { @@ -173,8 +172,8 @@ a:hover { color: #000000; } /*============================================================= - * Here we have taken variables from globals.php and turned them into CSS - * classes these should be used in place of the GLOBAL variables + * Here we have taken variables from globals.php and turned them into CSS + * classes these should be used in place of the GLOBAL variables * -- JRM March 2008 =============================================================*/ @@ -183,6 +182,7 @@ a:hover { margin: 8px } /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/ + .bgcolor2 { background-color: #F9EEE8; } @@ -193,18 +193,22 @@ a:hover { margin: 8px } /* $bottom_bg_line */ + .body_title { background-color: #C45520; } /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/ + .body_nav { background-color: #F9EEE8; } /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */ + .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ + .body_login { background: url('../pic/aquabg.gif') repeat; } @@ -213,24 +217,28 @@ a:hover { .table_bg { background-color: #ccc; } - /* $table_bg */ + .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ + .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ + .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ + .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ + .logobar { background-color: #2F2F7D; height: 110px; @@ -241,12 +249,14 @@ a:hover { height: 22px; } /* $GLOBALS['navBarHeight'] */ + .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ + #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; @@ -287,7 +297,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ .highlight { color: magenta !Important; } - /* styles taken out of templates/report/general_default.html */ #reports_list td { @@ -298,7 +307,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ font-size: 8pt; font-family: helvetica; } - /* styles taken out of templates/documents/general_list.html */ #documents_list td { @@ -350,6 +358,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ + #DEM .groupname { font-weight: bold; color: #080; @@ -371,6 +380,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /*30px - ie 6 fix*/ } /* Patient History */ + #HIS .groupname { font-weight: bold; color: #080; @@ -394,6 +404,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Notes * seen in the patient summary and notes screens *============================================================*/ + #pnotes .billing { background-color: #dfd; } @@ -412,13 +423,14 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ padding: 5px; margin: 5px; } -#pnotes_ps_expand div.tab table td { - padding-right: 10px; +#pnotes_ps_expand div.tab table td { + padding-right: 10px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ + #patient_stats { padding: 10px; } @@ -457,6 +469,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Stats Summary * seen in the patient summary screen *============================================================*/ + #patient_stats_summary table { border-collapse: collapse; } @@ -488,6 +501,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ + #patient_pastenc { width: 100%; } @@ -541,6 +555,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Reports * seen in the patient reports screens *============================================================*/ + #patient_reports { width: 100%; } @@ -569,6 +584,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ + #report_custom { width: 100%; } @@ -648,12 +664,12 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ background-color: #FFFFFF; /*RP_MODIFIED 1/16/2016 :#E7BBA5 */ } -#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), -.signout-restore-subheading { +#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading { background-color: #EDCCBC; /*RP_MODIFIED 1/16/2016 #ffffff */ } /* The top navigation icon styling*/ + .top-nav-icons { margin-right: 15px; margin-top: 5px @@ -661,9 +677,8 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /* * CSS BUTTONS */ -.message-table-header, #searchResultsHeader, #searchResultsHeader th, -#addressbook_list tr.head, .signout-heading, #report_results table thead, -.dehead, .showborder_head { + +.message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head { background: #CF764C; /*styles the message table header*/ } @@ -686,14 +701,10 @@ input[type="button"], input[type="submit"], button { padding: 0px !Important; margin-bottom: 5px; } -input[type="button"]:focus, input[type="button"]:active:focus, -input[type="button"].active:focus, input[type="submit"]:focus, -input[type="submit"]:active:focus, button.active:focus, button:focus, -button:active:focus, button.active:focus { +input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus { /*transform: translateY(2px);*/ } -input[type="text"], input[type="entry"], input[type="password"], -input[type="search"], textarea { +input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; @@ -708,9 +719,7 @@ select { border: 1px solid #9C4419 ! Important; margin: 3px; } -input[type="text"]:focus, input[type="entry"]:focus, -input[type="password"]:focus, input[type="search"]:focus, textarea:focus, -select:focus { +input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus { background: #F3DDD2; border-color: #753313 !important; box-shadow: 0 0 3px #DB9979 !important; @@ -720,7 +729,7 @@ select:focus { transition: 0.2s linear all; } select[multiple] { - height:auto !Important; + height: auto !Important; } .css_button_small, .css_button { display: inline-block; @@ -748,20 +757,16 @@ select[multiple] { border-radius: 2px; opacity: 1; } -.css_button_small:focus, .css_button_small:active:focus, -.css_button_small.active:focus, .css_button_small.focus, -.css_button_small:active.focus, .css_button_small.active.focus { +.css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, -.css_button:hover, .css_button:focus, .css_button.focus { +.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus { color: #FFFFFF; text-decoration: none; } -.css_button_small:active, .css_button_small.active, .css_button:active, -.css_button.active { +.css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); @@ -778,8 +783,7 @@ select[multiple] { .css_button_icon { padding: 3px 12px 5px 12px; } -a:visited .css_button_small, a.css_button_small, a:visited .css_button, -a.css_button { +a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button { color: #FFFFFF; } .css_button_small span {} @@ -797,11 +801,11 @@ a.disabled_button:hover { /* * TABS A7A7A7 */ + ul.tabNav { margin: 0 0 -4 0; padding: 0; } - /*RP_MODIFIED 7/16/2016*/ ul.tabNav { @@ -837,14 +841,12 @@ ul.tabNav a { /*#CFCCF7 RP_MODIFIED 2/11/2015*/ border-top-right-radius: 5px; } - /*added RP_MODIFIED */ ul.tabNav a:hover { background-color: #C45520; color: #000000; } - /*RP_MODIFIED 2/11/2015 */ ul.tabNav li.current a { @@ -915,7 +917,6 @@ div.notab-right { background: #FFFFFF; padding: 8px; } - /* * REPORTS */ @@ -977,7 +978,6 @@ div.notab-right { background-color: #EDCCBC; font-weight: bold; } - /** * List-table formatting **/ @@ -1007,7 +1007,6 @@ div.notab-right { text-align: left; font-size: 9pt; } - /** * Drug lookup **/ @@ -1022,7 +1021,6 @@ div.notab-right { position: absolute; display: block; } - /* Password alert styles */ .pwdalert { @@ -1044,10 +1042,8 @@ div.notab-right { border: 3px solid #9acc2e; background-color: #eef7dd; } - /* Password alert styles */ - /* Style for red font */ .redtext { @@ -1055,7 +1051,6 @@ div.notab-right { color: #FF0000; font-size: 10pt; } - /* Style for red font */ .de_identification_status_message { @@ -1101,11 +1096,9 @@ div.notab-right { #navigation-slide li a.expanded { background: #CF764C; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#CF764C', - endColorstr='#CF764C'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#CF764C', endColorstr='#CF764C'); /* for IE 61a0ff)*/ - background: -webkit-gradient(linear, left top, left bottom, from(#CF764C), - to(#CF764C)); + background: -webkit-gradient(linear, left top, left bottom, from(#CF764C), to(#CF764C)); /* for webkit browsers */ background: -moz-linear-gradient(top, #CF764C, #CF764C); /* for firefox 3.6+ 61a0ff*/ @@ -1113,11 +1106,9 @@ div.notab-right { #navigation-slide ul li a.collapsed_lv2 { background: #7870DE; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', - endColorstr='#7870de'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de'); /* for IE e7e6f9*/ - background: -webkit-gradient(linear, left top, left bottom, from(#7870de), - to(#7870de)); + background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#7870de)); /* for webkit browsers e7e6f9*/ background: -moz-linear-gradient(top, #7870de, #7870de); /* for firefox 3.6+ e7e6f9*/ @@ -1125,32 +1116,25 @@ div.notab-right { #navigation-slide ul li a.expanded_lv2 { background: #e7e6f9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', - endColorstr='#e7e6f9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#e7e6f9'); /* for IE 7870de*/ - background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), - to(#e7e6f9)); + background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#e7e6f9)); /* for webkit browsers 7870de */ background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9); /* for firefox 3.6+ 7870de*/ } #navigation-slide ul li a.collapsed_lv3 { background: #aaaaaa; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', - endColorstr='#aaaaaa'); - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), - to(#aaaaaa)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); + background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa)); background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); } #navigation-slide ul li a.expanded_lv3 { background: #eeeeee; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', - endColorstr='#eeeeee'); - background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), - to(#eeeeee)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -moz-linear-gradient(top, #eeeeee, #eeeeee); } - #sddm li { margin: 0; padding: 0; @@ -1160,11 +1144,9 @@ div.notab-right { /*RP_MODIFIED 2/8/15 #EAE6FF*/ background: #C45520; /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#C45520', - endColorstr='#C45520'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#C45520', endColorstr='#C45520'); /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ - background: -webkit-gradient(linear, left top, left bottom, from(#C45520), - to(#C45520)); + background: -webkit-gradient(linear, left top, left bottom, from(#C45520), to(#C45520)); /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ background: -moz-linear-gradient(top, #C45520, #C45520); /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ @@ -1288,8 +1270,7 @@ div.notab-right { .example_menu li.active li a { background: #e8e8e8; } -#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 -li.footer, .example_menu .footer { +#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; @@ -1362,6 +1343,7 @@ li.footer, .example_menu .footer { /*RP_ADDED 8/27/2016*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + div.section, div.borderbox { border-color: #753313 !important; background-color: #EDCCBC; @@ -1369,6 +1351,7 @@ div.section, div.borderbox { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .login div.container { margin-top: 5%; max-width: 500px; @@ -1384,6 +1367,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .feesheet-title { font-weight: 900; background: #C45520 !important; @@ -1393,7 +1377,8 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -#mainBox > .body_top, .body_top_tabs { + +#mainBox>.body_top, .body_top_tabs { background-color: #C45520 !important; } .tabSpan, .tabSpan_tabs { @@ -1439,11 +1424,10 @@ body.login { border: 1px solid #9C4419; background: white; } - /*.patientEncounterList { background: #ffff9e !Important; border: 1px solid #9C4419; - + } .patientEncounterList:hover{ background: #F3DDD2 !important; @@ -1453,7 +1437,7 @@ body.login { -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; transition: 0.2s linear all; - + overflow: visible; height: auto; z-index:4; @@ -1486,10 +1470,11 @@ body.login { .menuSection>.menuEntries { background-color: #F9EEE8 !Important; } -.body_title, .body_title_tabs { +.body_title, .body_title_tabs { background-color: #DB9979 !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .tabs_body, #searchCriteria { background-color: #E7BBA5; } @@ -1499,6 +1484,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ + #calsearch_params { background-color: #EDCCBC !important; width: 98% !Important; @@ -1525,6 +1511,7 @@ div#providerPicker select { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/ + img[src *="show_calendar.gif"] { margin-bottom: 3px; } @@ -1546,8 +1533,8 @@ body.admin-layout input[type="button"] { display: inline-block; float: none; } - /* error message = new validation */ + .error-message { color: red; display: block; @@ -1567,8 +1554,8 @@ body.admin-layout input[type="button"] { width: 44px; height: 22px; } - /* flow board filters*/ + #flow_board_parameters { width: 1041px; margin: 25px auto; @@ -1588,6 +1575,7 @@ body.admin-layout input[type="button"] { /* flow board filters*/ /* ------- Therapy groups styling --------- */ + .group-row { margin-top: 15px; } @@ -1629,8 +1617,7 @@ table.dataTable#therapy_groups_list tbody td { .therapy_group #therapy_groups_list_container input[type=number] { -moz-appearance: textfield; } -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { +.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @@ -1675,8 +1662,7 @@ table.dataTable#therapy_groups_list tbody td { margin-bottom: 20px; margin-left: 10px; } -#add_participant .patient_wrap, #add_participant .comment_wrap, -#add_participant .button_wrap { +#add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap { margin-top: 7px; } #add_participant .patient_wrap, #add_participant .comment_wrap { @@ -1744,6 +1730,7 @@ table.dataTable#therapy_groups_list tbody td { margin: 20px 20px 2px 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ + .dm-ed-in-1 { background-color: #EDCCBC !Important; border-bottom: thin solid #753313 !Important; @@ -1760,6 +1747,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .responsetd { border-color: #753313 !important; background-color: #EDCCBC; @@ -1774,6 +1762,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .code_fieldset { border: 1px solid #753313 !important; background-color: #EDCCBC !Important; @@ -1788,13 +1777,12 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ -.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, -.navbar-nav>.active>a:focus { + +.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { /* color: white; background-color: transparent !Important;*/ } -.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #EDCCBC !Important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { @@ -1832,6 +1820,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + input[type=checkbox], input[type=radio] { margin: 4px !Important; } @@ -1840,7 +1829,6 @@ fieldset { background-color: #EDCCBC !Important; margin-bottom: 10px!Important; padding: 0px 0px 15px 0px !Important; - } legend { border-bottom: 2px solid #C45520 !Important; @@ -1873,10 +1861,9 @@ textarea.form-control { background: #F9EEE8 !Important; color: #8e8e8e !Important; border-color: #753313 !Important; - border-radius: 2px !Important; + border-radius: 2px !Important; } -.btn-default.active, .btn-default.focus, .btn-default:active, -.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { +.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { border-color: #753313 !Important; background: #753313 !Important; } @@ -1887,29 +1874,28 @@ textarea.form-control { border: 1px solid #ccc; border-radius: 3px !Important; } -.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, -.btn-link:hover, .open>.dropdown-toggle.btn-link { +.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link { color: #666666 !Important; border-color: #9C4419 !Important; background: #F3DDD2 !Important; - box-shadow:0px 0px 2px #9C4419 inset; - transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s; + box-shadow: 0px 0px 2px #9C4419 inset; + transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; } -.btn-separate-left, .oe-opt-btn-separate-left{ - margin-left: 20px !Important; +.btn-separate-left, .oe-opt-btn-separate-left { + margin-left: 20px !Important; } -.btn-group .btn { - margin-right:2px !Important; +.btn-group .btn { + margin-right: 2px !Important; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0px !Important; + border-top-right-radius: 0px !Important; border-bottom-right-radius: 0px !Important; border-bottom-left-radius: 3px !Important; border-top-left-radius: 3px !Important; } .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) { - border-top-right-radius: 3px !Important; - border-bottom-right-radius: 3px !Important; + border-top-right-radius: 3px !Important; + border-bottom-right-radius: 3px !Important; } .btn-sm { font-size: 10px !Important; @@ -1930,63 +1916,63 @@ textarea.form-control { height: 24px ! Important; padding: 0px 6px !Important; } -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], -.radio input[type=radio], .radio-inline input[type=radio] { +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -20px !Important; } .checkbox label, .radio label { padding-left: 20px !important; } -.position-override{ - text-align:center !Important; - margin-left:0px; - } -.oe-custom-line{ - padding-bottom:5px; +.position-override { + text-align: center !Important; + margin-left: 0px; +} +.oe-custom-line { + padding-bottom: 5px; } .oe-large { - display: inline-block; + display: inline-block; } .oe-small { - display: none; + display: none; } .oe-show-hide { - display: none; + display: none; } -.oe-legend-radio{ - font-size:12px; - padding:5px 5px 0px 0px; +.oe-legend-radio { + font-size: 12px; + padding: 5px 5px 0px 0px; } .oe-bold-black { font-weight: 700 !Important; color: black !Important; } .oe-btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 15px; - background: #9C4419 !Important; - color: #FFFFFF !Important; - border-color: #753313 !Important; -} -.patientInfo a.btn, .patientDataColumn a.btn{ - width: 20px; - height: 20px; - text-align: center; - padding: 2px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 10px !Important; - background: #9C4419 !Important; - color: #FFFFFF !Important; - border-color: #753313 !Important; - margin:5px; + width: 30px; + height: 30px; + text-align: center; + padding: 6px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 15px; + background: #9C4419 !Important; + color: #FFFFFF !Important; + border-color: #753313 !Important; +} +.patientInfo a.btn, .patientDataColumn a.btn { + width: 20px; + height: 20px; + text-align: center; + padding: 2px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 10px !Important; + background: #9C4419 !Important; + color: #FFFFFF !Important; + border-color: #753313 !Important; + margin: 5px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + #globals_form_search { margin-top: -3px; padding: 2px 3px 1px 3px; @@ -1995,19 +1981,31 @@ th.currentvalues, th.historicalvalues { background: #C45520 !Important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .oe-payment-select { width: 80px !important; text-align: right; font-size: 12px; } -.oe-ckbox-label{ +.oe-ckbox-label { padding-left: 30px; font-weight: 500; } -.oe-file-div{ - padding:10px 15px; +.oe-file-div { + padding: 10px 15px; +} +.oe-modal-dialog { + width: 65% !Important; +} +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +.oe-help-redirect { + color: #9C4419 !Important; } -.oe-modal-dialog{ - width:65% !Important; +.oe-help-heading { + background-color: #F3DDD2 !Important; + border-color: #DB9979 !Important; } -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file diff --git a/interface/themes/style_tangerine.css b/interface/themes/style_tangerine.css index b8e2fa76b..0929c3cf3 100644 --- a/interface/themes/style_tangerine.css +++ b/interface/themes/style_tangerine.css @@ -15,22 +15,21 @@ * * @package OpenEMR * @author Ranganath Pathak - * @copyright Copyright (c) 2017 Ranganath Pathak - * @version 1.0 + * @copyright Copyright (c) 2018 Ranganath Pathak + * @version 1.1 * @license http://opensource.org/licenses/gpl-license.php GNU Public License * @link http://www.open-emr.org */ - -/* +/* COLOR PALETTE - #993F00 - Darkest Tangerine* + #993F00 - Darkest Tangerine* #CC5400 - Darker Tangerine* #FF6900 - Dark Tangerine #FFA566 - Mid Tangerine #FFC093 - Mid Pale Tangerine* #FFD2B3 - Pale Tangerine - #FFE7D6 - Mid Pale Pale Tangerine* + #FFE7D6 - Mid Pale Pale Tangerine* #FFF0E5 - Pale Pale Tangerine* #E7E6F9 - Pale Purple~ #FFF8F4 - Paler Tangerine @@ -39,18 +38,19 @@ * - used in styling buttons and input ~ - common for all flat stylesheets */ + @import "core.css"; * { font-family: /* 1 */ -apple-system, BlinkMacSystemFont, /* 2 */ - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", /* 3 */ + "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */ "Helvetica Neue", sans-serif; } -html{ - font-size:14px; +html { + font-size: 14px; } /* RP_MODIFIED 2/09/2015, 1/17/2016*/ + body { margin: 0px 0px 0px 2px; /* set the base fontsize for all DOM children */ @@ -105,7 +105,7 @@ a:hover { color: #000000; font-weight: bold; } -.alert , .alert-custom{ +.alert, .alert-custom { font-size: 70%; color: #FF0000; text-decoration: none; @@ -157,7 +157,6 @@ a:hover { font-weight: bold; text-decoration: none; } - /* see .titlebar below */ .title_bar { @@ -173,8 +172,8 @@ a:hover { color: #000000; } /*============================================================= - * Here we have taken variables from globals.php and turned them into CSS - * classes these should be used in place of the GLOBAL variables + * Here we have taken variables from globals.php and turned them into CSS + * classes these should be used in place of the GLOBAL variables * -- JRM March 2008 =============================================================*/ @@ -183,6 +182,7 @@ a:hover { margin: 8px } /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/ + .bgcolor2 { background-color: #FFF8F4; } @@ -193,18 +193,22 @@ a:hover { margin: 8px } /* $bottom_bg_line */ + .body_title { background-color: #FF6900; } /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/ + .body_nav { background-color: #FFF8F4; } /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */ + .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ + .body_login { background: url('../pic/aquabg.gif') repeat; } @@ -213,24 +217,28 @@ a:hover { .table_bg { background-color: #ccc; } - /* $table_bg */ + .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ + .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ + .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ + .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ + .logobar { background-color: #2F2F7D; height: 110px; @@ -241,12 +249,14 @@ a:hover { height: 22px; } /* $GLOBALS['navBarHeight'] */ + .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ + #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; @@ -287,7 +297,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ .highlight { color: magenta !Important; } - /* styles taken out of templates/report/general_default.html */ #reports_list td { @@ -298,7 +307,6 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ font-size: 8pt; font-family: helvetica; } - /* styles taken out of templates/documents/general_list.html */ #documents_list td { @@ -350,6 +358,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ + #DEM .groupname { font-weight: bold; color: #080; @@ -371,6 +380,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /*30px - ie 6 fix*/ } /* Patient History */ + #HIS .groupname { font-weight: bold; color: #080; @@ -394,6 +404,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Notes * seen in the patient summary and notes screens *============================================================*/ + #pnotes .billing { background-color: #dfd; } @@ -412,13 +423,14 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ padding: 5px; margin: 5px; } -#pnotes_ps_expand div.tab table td { - padding-right: 10px; +#pnotes_ps_expand div.tab table td { + padding-right: 10px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ + #patient_stats { padding: 10px; } @@ -457,6 +469,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Stats Summary * seen in the patient summary screen *============================================================*/ + #patient_stats_summary table { border-collapse: collapse; } @@ -488,6 +501,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ + #patient_pastenc { width: 100%; } @@ -541,6 +555,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Patient Reports * seen in the patient reports screens *============================================================*/ + #patient_reports { width: 100%; } @@ -569,6 +584,7 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ + #report_custom { width: 100%; } @@ -648,12 +664,12 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ background-color: #FFFFFF; /*RP_MODIFIED 1/16/2016 :#FFD2B3 */ } -#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), -.signout-restore-subheading { +#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading { background-color: #FFE7D6; /*RP_MODIFIED 1/16/2016 #ffffff */ } /* The top navigation icon styling*/ + .top-nav-icons { margin-right: 15px; margin-top: 5px @@ -661,9 +677,8 @@ background-color:transparent;RP_MODIFIED 1/18/2016*/ /* * CSS BUTTONS */ -.message-table-header, #searchResultsHeader, #searchResultsHeader th, -#addressbook_list tr.head, .signout-heading, #report_results table thead, -.dehead, .showborder_head { + +.message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head { background: #FFA566; /*styles the message table header*/ } @@ -686,14 +701,10 @@ input[type="button"], input[type="submit"], button { padding: 0px !Important; margin-bottom: 5px; } -input[type="button"]:focus, input[type="button"]:active:focus, -input[type="button"].active:focus, input[type="submit"]:focus, -input[type="submit"]:active:focus, button.active:focus, button:focus, -button:active:focus, button.active:focus { +input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus { /*transform: translateY(2px);*/ } -input[type="text"], input[type="entry"], input[type="password"], -input[type="search"], textarea { +input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; @@ -708,9 +719,7 @@ select { border: 1px solid #CC5400 ! Important; margin: 3px; } -input[type="text"]:focus, input[type="entry"]:focus, -input[type="password"]:focus, input[type="search"]:focus, textarea:focus, -select:focus { +input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus { background: #FFF0E5; border-color: #993F00 !important; box-shadow: 0 0 3px #FFC093 !important; @@ -720,7 +729,7 @@ select:focus { transition: 0.2s linear all; } select[multiple] { - height:auto !Important; + height: auto !Important; } .css_button_small, .css_button { display: inline-block; @@ -748,20 +757,16 @@ select[multiple] { border-radius: 2px; opacity: 1; } -.css_button_small:focus, .css_button_small:active:focus, -.css_button_small.active:focus, .css_button_small.focus, -.css_button_small:active.focus, .css_button_small.active.focus { +.css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, -.css_button:hover, .css_button:focus, .css_button.focus { +.css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus { color: #FFFFFF; text-decoration: none; } -.css_button_small:active, .css_button_small.active, .css_button:active, -.css_button.active { +.css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); @@ -778,8 +783,7 @@ select[multiple] { .css_button_icon { padding: 3px 12px 5px 12px; } -a:visited .css_button_small, a.css_button_small, a:visited .css_button, -a.css_button { +a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button { color: #FFFFFF; } .css_button_small span {} @@ -797,11 +801,11 @@ a.disabled_button:hover { /* * TABS A7A7A7 */ + ul.tabNav { margin: 0 0 -4 0; padding: 0; } - /*RP_MODIFIED 7/16/2016*/ ul.tabNav { @@ -837,14 +841,12 @@ ul.tabNav a { /*#CFCCF7 RP_MODIFIED 2/11/2015*/ border-top-right-radius: 5px; } - /*added RP_MODIFIED */ ul.tabNav a:hover { background-color: #FF6900; color: #000000; } - /*RP_MODIFIED 2/11/2015 */ ul.tabNav li.current a { @@ -915,7 +917,6 @@ div.notab-right { background: #FFFFFF; padding: 8px; } - /* * REPORTS */ @@ -977,7 +978,6 @@ div.notab-right { background-color: #FFE7D6; font-weight: bold; } - /** * List-table formatting **/ @@ -1007,7 +1007,6 @@ div.notab-right { text-align: left; font-size: 9pt; } - /** * Drug lookup **/ @@ -1022,7 +1021,6 @@ div.notab-right { position: absolute; display: block; } - /* Password alert styles */ .pwdalert { @@ -1044,10 +1042,8 @@ div.notab-right { border: 3px solid #9acc2e; background-color: #eef7dd; } - /* Password alert styles */ - /* Style for red font */ .redtext { @@ -1055,7 +1051,6 @@ div.notab-right { color: #FF0000; font-size: 10pt; } - /* Style for red font */ .de_identification_status_message { @@ -1101,11 +1096,9 @@ div.notab-right { #navigation-slide li a.expanded { background: #FFA566; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFA566', - endColorstr='#FFA566'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFA566', endColorstr='#FFA566'); /* for IE 61a0ff)*/ - background: -webkit-gradient(linear, left top, left bottom, from(#FFA566), - to(#FFA566)); + background: -webkit-gradient(linear, left top, left bottom, from(#FFA566), to(#FFA566)); /* for webkit browsers */ background: -moz-linear-gradient(top, #FFA566, #FFA566); /* for firefox 3.6+ 61a0ff*/ @@ -1113,11 +1106,9 @@ div.notab-right { #navigation-slide ul li a.collapsed_lv2 { background: #7870DE; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', - endColorstr='#7870de'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de'); /* for IE e7e6f9*/ - background: -webkit-gradient(linear, left top, left bottom, from(#7870de), - to(#7870de)); + background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#7870de)); /* for webkit browsers e7e6f9*/ background: -moz-linear-gradient(top, #7870de, #7870de); /* for firefox 3.6+ e7e6f9*/ @@ -1125,32 +1116,25 @@ div.notab-right { #navigation-slide ul li a.expanded_lv2 { background: #e7e6f9; /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', - endColorstr='#e7e6f9'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9', endColorstr='#e7e6f9'); /* for IE 7870de*/ - background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), - to(#e7e6f9)); + background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#e7e6f9)); /* for webkit browsers 7870de */ background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9); /* for firefox 3.6+ 7870de*/ } #navigation-slide ul li a.collapsed_lv3 { background: #aaaaaa; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', - endColorstr='#aaaaaa'); - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), - to(#aaaaaa)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); + background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa)); background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); } #navigation-slide ul li a.expanded_lv3 { background: #eeeeee; - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', - endColorstr='#eeeeee'); - background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), - to(#eeeeee)); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -moz-linear-gradient(top, #eeeeee, #eeeeee); } - #sddm li { margin: 0; padding: 0; @@ -1160,11 +1144,9 @@ div.notab-right { /*RP_MODIFIED 2/8/15 #EAE6FF*/ background: #FF6900; /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */ - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FF6900', - endColorstr='#FF6900'); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FF6900', endColorstr='#FF6900'); /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ - background: -webkit-gradient(linear, left top, left bottom, from(#FF6900), - to(#FF6900)); + background: -webkit-gradient(linear, left top, left bottom, from(#FF6900), to(#FF6900)); /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ background: -moz-linear-gradient(top, #FF6900, #FF6900); /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ @@ -1288,8 +1270,7 @@ div.notab-right { .example_menu li.active li a { background: #e8e8e8; } -#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 -li.footer, .example_menu .footer { +#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; @@ -1362,6 +1343,7 @@ li.footer, .example_menu .footer { /*RP_ADDED 8/27/2016*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + div.section, div.borderbox { border-color: #993F00 !important; background-color: #FFE7D6; @@ -1369,6 +1351,7 @@ div.section, div.borderbox { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .login div.container { margin-top: 5%; max-width: 500px; @@ -1384,6 +1367,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .feesheet-title { font-weight: 900; background: #FF6900 !important; @@ -1393,7 +1377,8 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -#mainBox > .body_top, .body_top_tabs { + +#mainBox>.body_top, .body_top_tabs { background-color: #FF6900 !important; } .tabSpan, .tabSpan_tabs { @@ -1439,11 +1424,10 @@ body.login { border: 1px solid #CC5400; background: white; } - /*.patientEncounterList { background: #ffff9e !Important; border: 1px solid #CC5400; - + } .patientEncounterList:hover{ background: #FFF0E5 !important; @@ -1453,7 +1437,7 @@ body.login { -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; transition: 0.2s linear all; - + overflow: visible; height: auto; z-index:4; @@ -1486,10 +1470,11 @@ body.login { .menuSection>.menuEntries { background-color: #FFF8F4 !Important; } -.body_title, .body_title_tabs { +.body_title, .body_title_tabs { background-color: #FFC093 !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .tabs_body, #searchCriteria { background-color: #FFD2B3; } @@ -1499,6 +1484,7 @@ body.login { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ + #calsearch_params { background-color: #FFE7D6 !important; width: 98% !Important; @@ -1525,6 +1511,7 @@ div#providerPicker select { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/ + img[src *="show_calendar.gif"] { margin-bottom: 3px; } @@ -1546,8 +1533,8 @@ body.admin-layout input[type="button"] { display: inline-block; float: none; } - /* error message = new validation */ + .error-message { color: red; display: block; @@ -1567,8 +1554,8 @@ body.admin-layout input[type="button"] { width: 44px; height: 22px; } - /* flow board filters*/ + #flow_board_parameters { width: 1041px; margin: 25px auto; @@ -1588,6 +1575,7 @@ body.admin-layout input[type="button"] { /* flow board filters*/ /* ------- Therapy groups styling --------- */ + .group-row { margin-top: 15px; } @@ -1629,8 +1617,7 @@ table.dataTable#therapy_groups_list tbody td { .therapy_group #therapy_groups_list_container input[type=number] { -moz-appearance: textfield; } -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, -.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { +.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @@ -1675,8 +1662,7 @@ table.dataTable#therapy_groups_list tbody td { margin-bottom: 20px; margin-left: 10px; } -#add_participant .patient_wrap, #add_participant .comment_wrap, -#add_participant .button_wrap { +#add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap { margin-top: 7px; } #add_participant .patient_wrap, #add_participant .comment_wrap { @@ -1744,6 +1730,7 @@ table.dataTable#therapy_groups_list tbody td { margin: 20px 20px 2px 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ + .dm-ed-in-1 { background-color: #FFE7D6 !Important; border-bottom: thin solid #993F00 !Important; @@ -1760,6 +1747,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .responsetd { border-color: #993F00 !important; background-color: #FFE7D6; @@ -1774,6 +1762,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .code_fieldset { border: 1px solid #993F00 !important; background-color: #FFE7D6 !Important; @@ -1788,13 +1777,12 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ -.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, -.navbar-nav>.active>a:focus { + +.navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { /* color: white; background-color: transparent !Important;*/ } -.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #FFE7D6 !Important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { @@ -1832,6 +1820,7 @@ ul.ext-tab-head li.child-active { /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + input[type=checkbox], input[type=radio] { margin: 4px !Important; } @@ -1840,7 +1829,6 @@ fieldset { background-color: #FFE7D6 !Important; margin-bottom: 10px!Important; padding: 0px 0px 15px 0px !Important; - } legend { border-bottom: 2px solid #FF6900 !Important; @@ -1873,10 +1861,9 @@ textarea.form-control { background: #FFF8F4 !Important; color: #8e8e8e !Important; border-color: #993F00 !Important; - border-radius: 2px !Important; + border-radius: 2px !Important; } -.btn-default.active, .btn-default.focus, .btn-default:active, -.btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { +.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { border-color: #993F00 !Important; background: #993F00 !Important; } @@ -1887,29 +1874,28 @@ textarea.form-control { border: 1px solid #ccc; border-radius: 3px !Important; } -.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, -.btn-link:hover, .open>.dropdown-toggle.btn-link { +.btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link { color: #666666 !Important; border-color: #CC5400 !Important; background: #FFF0E5 !Important; - box-shadow:0px 0px 2px #CC5400 inset; - transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s; + box-shadow: 0px 0px 2px #CC5400 inset; + transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; } -.btn-separate-left, .oe-opt-btn-separate-left{ - margin-left: 20px !Important; +.btn-separate-left, .oe-opt-btn-separate-left { + margin-left: 20px !Important; } -.btn-group .btn { - margin-right:2px !Important; +.btn-group .btn { + margin-right: 2px !Important; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0px !Important; + border-top-right-radius: 0px !Important; border-bottom-right-radius: 0px !Important; border-bottom-left-radius: 3px !Important; border-top-left-radius: 3px !Important; } .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) { - border-top-right-radius: 3px !Important; - border-bottom-right-radius: 3px !Important; + border-top-right-radius: 3px !Important; + border-bottom-right-radius: 3px !Important; } .btn-sm { font-size: 10px !Important; @@ -1930,63 +1916,63 @@ textarea.form-control { height: 24px ! Important; padding: 0px 6px !Important; } -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], -.radio input[type=radio], .radio-inline input[type=radio] { +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -20px !Important; } .checkbox label, .radio label { padding-left: 20px !important; } -.position-override{ - text-align:center !Important; - margin-left:0px; - } -.oe-custom-line{ - padding-bottom:5px; +.position-override { + text-align: center !Important; + margin-left: 0px; +} +.oe-custom-line { + padding-bottom: 5px; } .oe-large { - display: inline-block; + display: inline-block; } .oe-small { - display: none; + display: none; } .oe-show-hide { - display: none; + display: none; } -.oe-legend-radio{ - font-size:12px; - padding:5px 5px 0px 0px; +.oe-legend-radio { + font-size: 12px; + padding: 5px 5px 0px 0px; } .oe-bold-black { font-weight: 700 !Important; color: black !Important; } .oe-btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 15px; - background: #CC5400 !Important; - color: #FFFFFF !Important; - border-color: #993F00 !Important; -} -.patientInfo a.btn, .patientDataColumn a.btn{ - width: 20px; - height: 20px; - text-align: center; - padding: 2px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 10px !Important; - background: #CC5400 !Important; - color: #FFFFFF !Important; - border-color: #993F00 !Important; - margin:5px; + width: 30px; + height: 30px; + text-align: center; + padding: 6px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 15px; + background: #CC5400 !Important; + color: #FFFFFF !Important; + border-color: #993F00 !Important; +} +.patientInfo a.btn, .patientDataColumn a.btn { + width: 20px; + height: 20px; + text-align: center; + padding: 2px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 10px !Important; + background: #CC5400 !Important; + color: #FFFFFF !Important; + border-color: #993F00 !Important; + margin: 5px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + #globals_form_search { margin-top: -3px; padding: 2px 3px 1px 3px; @@ -1995,19 +1981,31 @@ th.currentvalues, th.historicalvalues { background: #FF6900 !Important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + .oe-payment-select { width: 80px !important; text-align: right; font-size: 12px; } -.oe-ckbox-label{ +.oe-ckbox-label { padding-left: 30px; font-weight: 500; } -.oe-file-div{ - padding:10px 15px; +.oe-file-div { + padding: 10px 15px; +} +.oe-modal-dialog { + width: 65% !Important; +} +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ + +.oe-help-redirect { + color: #CC5400 !Important; } -.oe-modal-dialog{ - width:65% !Important; +.oe-help-heading { + background-color: #FFF0E5 !Important; + border-color: #FFC093 !Important; } -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/ \ No newline at end of file diff --git a/interface/usergroup/adminacl.php b/interface/usergroup/adminacl.php index 3aa588023..b1e421525 100644 --- a/interface/usergroup/adminacl.php +++ b/interface/usergroup/adminacl.php @@ -532,7 +532,7 @@ if (!isset($phpgacl_location)) {
-

   " : ""; ?>

+

   " : ""; ?>

diff --git a/interface/usergroup/adminacl_help.php b/interface/usergroup/adminacl_help.php index 255da7706..488199841 100644 --- a/interface/usergroup/adminacl_help.php +++ b/interface/usergroup/adminacl_help.php @@ -94,6 +94,14 @@ use OpenEMR\Core\Header; diff --git a/library/globals.inc.php b/library/globals.inc.php index 32afda088..c01a105f7 100644 --- a/library/globals.inc.php +++ b/library/globals.inc.php @@ -193,7 +193,7 @@ $GLOBALS_METADATA = array( 'css_header' => array( xl('General Theme (need to logout/login after change this setting)'), 'css', - 'style_light.css', + 'style_sienna.css', xl('Pick a general theme (need to logout/login after change this setting).') ), -- 2.11.4.GIT