/* moved from default index.html */
body {
padding-top: 0px;
/* padding-bottom: 20px; */
}
/* ==========================================================================
Author's custom styles
========================================================================== */
h2,
h3,
h4,
p,
li,
td,
div {
font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans",
"Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans",
"Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
pre {
word-break: normal; /* override bootstrap default break-all */
}
.pale {
color: #bcb5d7;
}
.bright {
color: #7c62a3;
}
.rich {
color: #513775;
}
.dark {
color: #382251;
}
.bold {
font-size: larger;
font-weight: bold;
}
.header {
font-size: larger;
font-weight: bold;
border-bottom: solid 1px #bcb5d7;
}
.highlight {
background: #dddaeb; /* paler version of .pale */
}
.label-bright,
.badge-bright {
background: #7c62a3;
}
.accordion-toggle,
.accordion-toggle:hover,
.accordion-toggle:visited {
color: #7c62a3;
}
.indent {
margin-left: 1em;
}
.warning {
color: #f00;
font-weight: bold;
}
.nowrap {
white-space: nowrap;
}
.demographics { margin-top: 10px } /* separate from additional comments */
.demographics td {
border-color: #bcb5d7;
color: #513775;
padding: 5px;
}
.diagnosis {
margin-top: 10px;
margin-bottom: 10px;
font-family: inherit;
font-weight: bold;
line-height: 25px; /* create space for wrapped lines with HMRN link sup */
text-rendering: optimizelegibility;
font-size: 16pt;
}
/* outreach data summary div */
.data_summary { margin-left: 2em; /* align underneath LH chart */ }
.data_summary td { padding: 2px 5px; }
.footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 115px;
margin-top: 10px;
/* border-top: 1px solid #c0c0c0; // can't in case report body extends into footer */
}
.smaller { font-size: smaller }
.diagnosis-comment {
font-size: 1.1em !important;
font-weight: bold;
color: #513775;
}
/* overrides & readability enhancements for printed report */
.text-error { color: #f00 } /* make redder */
.main-div p,
.main-div li,
.comments li { font-size: 1.1em }
h4 a { color: #513775 } /* make 'rich' */
/* end */
/* id OK as #nav-bar not used in print run: */
#nav-bar { /* absolute position doesn't work if page resized - image downsizes */
right: 0px;
position: absolute;
top: 100px;
}
#user-id {
right: 280px;
position: absolute;
top: 80px;
}
.main-div {
border: 1px solid #bcb5d7;
padding: 10px 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.comments {
border: 1px solid #c0c0c0;
padding: 10px 30px;
margin-top: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
span.acronym {
border-bottom: 1px dashed #00f;
cursor: help;
}
/* outreach styles ----------- */
.outreachResults th {
border: solid 1px #c0c0c0;
background: #f0f0f0;
color: #000080;
/* font-size: 11px; */
}
.outreachResults td {
padding: 5px; /* increase spacing */
border: dotted 1px #c0c0c0;
}
td.rangeFlag {
border: dotted 2px #f00;
font-weight: bold;
}
span.superscript { vertical-align: super; font-size: smaller }
/* ----------------------- */
/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */