nnh
NNH v.06.12.24 by drsiva
Details
Authordrsiva
LicenseNo License
Categorynnhstaging.bahmni.in
Created
Updated
Code size16 kB
Code checksuma2114974
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
10-6-24
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name nnhstaging.bahmni.in - DEC 2024
@namespace github.com/openstyles/stylus
@version 28.8.24
@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;
}
/* 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;
}
/*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(to bottom, #ff3b19, #f00);
color: white;
}
/* Value Entry Field Color Change */
.form-builder-row .form-builder-column-wrapper .form-builder-column .form-field-wrap input {
width: 12.5em;
color: #634834;
padding: 2px 10px;
margin: 0 10px 5px 0;
background-color: #faefbf;
border: 1px solid #e1bcec;
font-size: 14px;
}
/* Order Page Buttons */
/* Remove ? Add Symbol on Vitals Page */
.visit-patient-page .form-builder-row .form-builder-column-wrapper .form-builder-column .form-field-wrap .label-wrap .form-builder-tooltip-trigger,
.form-builder-row .form-builder-column-wrapper .form-builder-column .form-field-wrap .form-builder-comment-toggle {
display: none !important;
}
/* RETOR MODE WARNING LINE */
.retro-mode .opd-header-wrapper,
.retro-mode .reg-header,
.retro-mode.opd-header-wrapper {
border-top: 8px dashed #fa0909;
}
/* Appointment Page changes */
.GridSummary_tableGridWrapper__1WSCP .GridSummary_currentDateColumn__1-33L {
background-color: #a2ffe582 !important;
}
.GridSummary_tableGridWrapper__1WSCP .GridSummary_tableGridSummary__zQCQl tbody > tr > td a {
font-weight: 900;
font-size: 150%;
background-color: #06fe00c2;
text-decoration-style: wavy;
color: #ff4b2b;
cursor: pointer;
}
/* ---------------------------------------------------- */
/*Medication Page*/
.form .form-field .field-attribute,
form .form-field .field-attribute {
float: left;
text-align: center;
}
.treatment-page-container .treatment-section-left {
margin-left:-20px;
text-align:center;
font-size: 16px;
min-width: 352px;
max-width: 93%;
color: #e8f9fb;
}
.treatment-page-container .treatment-section-right {
min-width: 30%;
max-width: 70%;
}
...