A updated style for bahmni
NNH Bahmni 2025 Version 0.1 by drsiva
Details
Authordrsiva
LicenseNo License
Categorybahmni.naveenhospital.net
Created
Updated
Code size19 kB
Code checksum5c9be78
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Changes :
- changed the way the conditions , diagnosis look on patients dashboard
- changed appointments page
- changed medication page (WIP)
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Bahmni NNH Style
@namespace github.com/openstyles/stylus
@version 18.4.2025
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("nnhstaging.bahmni.in"),
domain("bahmni.naveenhospital.net") {
/* Font change */
@font-face {
font-family: 'Roboto';
src: url('Roboto-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('Roboto-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('Roboto-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
body {
font-family: 'Roboto', sans-serif;
}
/* ---------------------------------------------------- */
/* Background Effect */
body {
background-color: #cedff1;
background-image: url("https://i.imgur.com/GX5mV9V.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */;
}
/*Change Button Style */
.form-control-buttons button {
color: #090909;
padding: 0.1em .7em;
width: max-content;
font-size: 13px;
border-radius: 1.5em;
background: #e8f9fb;
cursor: pointer;
border: 1px solid #e8e8e8;
transition: all 0.3s;
margin: 0px 4px 9px 0px;
box-shkadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff;
}
.form-control-buttons button.active {
color: #fff;
padding-left: 3px;
background: #f4548c;
border-color: #a68062;
box-shadow: 4px 4px 12px #cedff1, 4px 4px 8px 12px #ffffff;
}
/* Patient Portal page */
/*Diagnosis*/
.diagnosis-name {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 25px;
border-radius: 4px;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
font-family: 'Roboto', sans-serif;
color: #e8f9fb;
background: #c80016;
font-size: 16px;
font-weight: 800;
text-transform: uppercase;
}
/*Conditions within Condition*/
/* Active Conditions */
ul.form-field > li:nth-child(1) .table-body .testUnderPanel.left label {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 35px;
border-radius: 4px;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
font-family: 'Roboto', sans-serif;
color: #e8f9fb;
background: #2c974b;
font-size: 16px;
font-weight: 800;
text-transform: uppercase;
}
/* History of Conditions */
ul.form-field > li:nth-child(2) .table-body .testUnderPanel.left label {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 25px;
border-radius: 4px;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
font-family: 'Roboto', sans-serif;
color: #e8f9fb;
background: #2b3044;
font-size: 16px;
font-weight: 800;
text-transform: uppercase;
}
/* Save Button
.mobile-header-wrapper {
justify-content: space-evenly;
display: flex;
}
.mobile-header-wrapper .consultation-btn {
font-size: 35px;
font-weight: 800;
color: #fff;
background-color: #ff5106;
border: none;
outline: none;
cursor: pointer;
padding: 1px 26px;
position: relative;
line-height: 4px;
border-radius: 10px;
box-shadow: 0px 1px 2px #2B3044,
0px 4px 16px #eff71a;
transform-style: preserve-3d;
transform: scale(var(--s, 1)) perspective(600px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
perspective: 600px;
transition: transform 0.1s;
}*/
/* Mobile Header Prev ARROW */
.patient-info-fixed-postion-container div.patient-info-fixed .patient-info .prev-page .fa {
background-color: #3a4bcf;
color: #3ce068;
border: none;
outline: none;
cursor: pointer;
padding: 7px 35px;
position: relative;
line-height: 0px;
border-radius: 10px;
box-shadow: 0px 1px 2px #2B3044,
0px 4px 16px #eff71a;
transform-style: preserve-3d;
transform: scale(var(--s, 1)) perspective(600px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
perspective: 600px;
transition: transform 0.1s;
}
/*Top Header*/
.opd-header-wrapper,
.opd-header-wrapper header,
.reg-wrapper header,
.header-wrapper {
background: #112d4e !important;
}
/*Active Patient Number*/
.tabs ul li.tab-item.tab-selected a,
.tabs ul li.tab-item.tab-selected button {
background-color: #F5F5F5;
color: #ef790a;
font-weight: 600;
text-align: center;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-shadow: .1em .1em .2em rgba(195, 16, 16, .6);
}
/*Second Title - Second Color */
h2.section-title,
.concept-set-panel .concept-set-panel-left .multi-select-lab-tests li.active a,
.concept-set-group .concept-set-title,
.section-title-wrapper {
background: #3F72AF !important;
}
.patient-info-fixed-postion-container {
background: linear-gradient(to bottom, #f8f478, #ffce00) !important;
}
a.back-btn,
button.back-btn,
ul li a.back-btn,
ul li a.back-btn:hover {
align-items: center;
appearance: none;
background-image: radial-gradient(100% 100% at 100% 0, #63d6f7 0, #3a4bcf 100%);
border: 0;
border-radius: 6px;
box-shadow: rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #03f4fcf2 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-flex;
height: 40px;
justify-content: center;
line-height: 1;
list-style: none;
overflow: hidden;
padding-left: 16px;
padding-right: 16px;
position: relative;
text-align: left;
text-decoration: none;
transition: box-shadow .15s, transform .15s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow, transform;
}
a.back-btn:hover,
button.back-btn:hover {
box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #f60000 0 -3px 0 inset;
transform: translateY(-2px);
}
a.back-btn:active {
box-shadow: #3ce068 0 3px 7px inset;
transform: translateY(2px);
}
a.back-btn:focus {
box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
}
/* Patient Top INFO BAR */
.dashboard-patientInformation-section table .patient-info td {
background: linear-gradient(to bottom, #6ad5e0, #1dcf9fba);
}
/*Patient top LINK */
.back-btn-link {
padding: 5px 8px;
border: 1px solid #f00;
background: linear-gradient(to bottom, #f00, #c80016) !important;
margin-top: 6px;
display: inline-block;
border-radius: 1px;
}
.tabs ul li.tab-item.tab-selected a,
.tabs ul li.tab-item.tab-selected button {
background: white !important;
}
.tabs ul li.tab-item a,
.tabs ul li.tab-item button {
background: #0954ea !important;
}
/*Add New OBS Button */
.template-control {
background: none;
}
.template-control .template-control-panel-button button {
background: linear-gradient(to bottom, #7f4bf0, #e770f8)
}
.template-control .template-control-panel-button button:hover {
background: linear-gradient(to bottom, #0954ea, #112d4e)
}
/* ---------------------------------------------------- */
/* ORDERS - LAB Page*/
.order-list h2.order-title {
background: #343188;
}
.order-list .dashboard-section-wrapper .orders-section-left .multi-select-lab-tests ul li a {
background: #326681;
}
.order-list .dashboard-section-wrapper .orders-section-left .multi-select-lab-tests ul li a:hover {
background: #c21d1d;
}
.order-list .dashboard-section-wrapper .orders-section-left .multi-select-lab-tests ul li.active a {
background: #185de7;
}
.order-list .dashboard-section-wrapper .order-section-container .orderBtn {
width: calc(30% - 10px);
}
.order-list .dashboard-section-wrapper .orders-section-left .multi-select-lab-tests .toggle-complete-list {
background: #c80016;
}
/* ORDERS - Lab Page - Selected button*/
.order-list .dashboard-section-wrapper .order-section-container .orderBtnContainer ul li a.noteditable {
cursor: default;
background: #faefbf;
border: 1px solid #c5c5c5;
}
/* column.order-list .dashboard-section-wrapper .orders-section-right{column-count: 5;} */
/*ORDERS - Lab Page - Button Padding*/
.order-list .dashboard-section-wrapper .order-section-container .orderBtnContainer ul li a {
text-align: center !important;
padding: 1em 0 0 0 !important;
min-height: 4em;
}
/* Title for Vital Entering */
.form-builder-row .form-builder-column-wrapper .form-builder-column legend.form-builder-toggle.active {
background: linear-gradient(t...