Ross
1411 lines
20 KiB
CSS
1411 lines
20 KiB
CSS
body {
|
|
color: gray;
|
|
background-color: black;
|
|
}
|
|
|
|
|
|
.warn {
|
|
color: red;
|
|
}
|
|
|
|
.answer-list {
|
|
font-size: 20px;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
/* Chrome/Safari */
|
|
-moz-user-select: none;
|
|
/* Firefox */
|
|
-ms-user-select: none;
|
|
/* IE10+ */
|
|
}
|
|
|
|
.answer-list .answer:hover {
|
|
z-index: 99999;
|
|
position: relative;
|
|
background: black;
|
|
}
|
|
|
|
.answer-list .correct {
|
|
/* color: green; */
|
|
color: lightblue;
|
|
}
|
|
|
|
.answer-list .correct::after {
|
|
content: " [Score = 2]";
|
|
font-size: small;
|
|
}
|
|
|
|
.answer-list.rapid .correct::after {
|
|
content: " [Score = 2]";
|
|
}
|
|
|
|
.answer-list .half-correct {
|
|
color: yellow;
|
|
}
|
|
|
|
.answer-list .half-correct::after {
|
|
content: " [Score = 1]";
|
|
font-size: small;
|
|
}
|
|
|
|
.answer-list.rapid .half-correct::after {
|
|
content: " [Score = 1]";
|
|
}
|
|
|
|
.answer-list .incorrect {
|
|
color: red;
|
|
}
|
|
|
|
.answer-list .incorrect::after {
|
|
content: " [Score = 0]";
|
|
font-size: small;
|
|
}
|
|
|
|
.answer-list .not-marked {
|
|
color: white;
|
|
}
|
|
|
|
.key {
|
|
font-size: 20;
|
|
}
|
|
|
|
.hide,
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
.answered {
|
|
/* color: green; */
|
|
color: lightblue;
|
|
}
|
|
|
|
.unanswered {
|
|
color: darkred;
|
|
border-color: darkred;
|
|
}
|
|
|
|
.unanswered:hover {
|
|
background-color: rgb(166, 0, 0);
|
|
}
|
|
|
|
#question-list {
|
|
list-style: none;
|
|
float: right;
|
|
padding: 1px;
|
|
border: 1px solid gray;
|
|
/*max-height: 80%;*/
|
|
height: 100%;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.flagged {
|
|
color: red;
|
|
}
|
|
|
|
.not-flagged {}
|
|
|
|
button {
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
padding: 0.35em 1.2em;
|
|
border: 0.1em solid #52057b;
|
|
margin: 0 0.3em 0.3em 0;
|
|
border-radius: 0.12em;
|
|
box-sizing: border-box;
|
|
text-decoration: none;
|
|
font-family: 'Roboto', sans-serif;
|
|
font-weight: 300;
|
|
color: #a600ff;
|
|
text-align: center;
|
|
transition: all 0.2s;
|
|
background-color: transparent;
|
|
}
|
|
|
|
button:hover {
|
|
color: white;
|
|
background-color: #52057b;
|
|
}
|
|
|
|
button:disabled {
|
|
color: gray;
|
|
background-color: #110119;
|
|
border-color: #110119;
|
|
}
|
|
|
|
|
|
button a {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
|
|
.button-unset {
|
|
background-color: unset;
|
|
color: unset;
|
|
border: unset;
|
|
}
|
|
.button-unset:hover {
|
|
background-color: unset;
|
|
color: unset;
|
|
border: unset;
|
|
}
|
|
|
|
.marking-list pre {
|
|
display: inline;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.mark-offcanvas {
|
|
width: 45%;
|
|
}
|
|
|
|
.save {
|
|
display: inline-block;
|
|
padding: 0.35em 1.2em;
|
|
border: 0.1em solid #ffffff;
|
|
margin: 0 0.3em 0.3em 0;
|
|
border-radius: 0.12em;
|
|
box-sizing: border-box;
|
|
text-decoration: none;
|
|
font-family: "Roboto", sans-serif;
|
|
font-weight: 300;
|
|
color: #ffffff;
|
|
text-align: center;
|
|
transition: all 0.2s;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.save:hover {
|
|
color: #000000;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
#stats-plot {
|
|
width: 50%;
|
|
float: right;
|
|
}
|
|
|
|
#dicom-image {
|
|
width: 100%;
|
|
height: 600px;
|
|
}
|
|
|
|
.dicom-viewer {
|
|
width: 100%;
|
|
height: 600px;
|
|
}
|
|
|
|
.rapid-dicom-viewer {
|
|
width: 400px;
|
|
height: 600px;
|
|
position: fixed;
|
|
top: 30px;
|
|
right: 0px;
|
|
float: right;
|
|
}
|
|
|
|
.marking-dicom {
|
|
position: fixed;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
width: 45%;
|
|
height: 90%;
|
|
z-index: 1;
|
|
}
|
|
|
|
.cornerstone-canvas {
|
|
height: 100%;
|
|
}
|
|
|
|
.marking {}
|
|
|
|
#question-mark-list {
|
|
padding: 20px
|
|
}
|
|
|
|
#full-question-list {
|
|
counter-reset: question-list;
|
|
/* Set a counter named 'section', and its initial value is 0. */
|
|
}
|
|
|
|
#full-question-list li {
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
#full-question-list li::before {
|
|
counter-increment: question-list;
|
|
content: counter(question-list) " ";
|
|
padding-right: 0.5em;
|
|
}
|
|
|
|
#full-question-list img {
|
|
float: left;
|
|
padding-right: 20px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
#question-mark-list a {
|
|
color: darkgray;
|
|
}
|
|
|
|
#question-mark-list .unmarked a {
|
|
color: purple;
|
|
}
|
|
|
|
#question-mark-list li {
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
#start-marking-button {
|
|
float: right;
|
|
position: sticky;
|
|
top: 30px;
|
|
}
|
|
|
|
#save-annotations {
|
|
position: absolute;
|
|
right: 50px;
|
|
}
|
|
|
|
#save-annotations.save-rapid-annotations, #save-annotations.save-shorts-annotations {
|
|
position: relative;
|
|
}
|
|
|
|
.drop-target {
|
|
width: 100%;
|
|
width: 100vw;
|
|
height: 100px;
|
|
text-align: center;
|
|
font-size: larger;
|
|
position: sticky;
|
|
bottom: 0;
|
|
left: 0%;
|
|
right: 50%;
|
|
margin-left: -50vw;
|
|
margin-right: -50vw;
|
|
}
|
|
|
|
#drop-container {
|
|
border: 1px dashed white;
|
|
}
|
|
|
|
.series-drop {
|
|
position: sticky;
|
|
height: 600px;
|
|
bottom: -500px;
|
|
}
|
|
|
|
.submit-button {
|
|
position: sticky;
|
|
bottom: 0;
|
|
}
|
|
|
|
#feedback-drop-target {
|
|
float: right;
|
|
height: 100%;
|
|
width: 30%;
|
|
}
|
|
|
|
.drop-target-active {
|
|
background-color: #427aa1;
|
|
}
|
|
|
|
#drop-filenames span {
|
|
font-size: xx-small;
|
|
color: gray;
|
|
padding-right: 1em;
|
|
|
|
}
|
|
|
|
.image-formset {
|
|
border: 1px solid white;
|
|
}
|
|
|
|
select,
|
|
input {
|
|
background-color: #05668d;
|
|
color: white;
|
|
border: none;
|
|
}
|
|
|
|
table.table {
|
|
color: white;
|
|
}
|
|
|
|
#view-filter-options {
|
|
/* float: right; */
|
|
}
|
|
|
|
.rapid-img {
|
|
width: 300px;
|
|
height: 300px;
|
|
}
|
|
|
|
.feedback-img {
|
|
border: 1px solid #05668d;
|
|
}
|
|
|
|
.uploading {
|
|
margin-top: -20px;
|
|
height: 75%;
|
|
/* float: right; */
|
|
position: absolute;
|
|
display: inline;
|
|
max-width: 100px;
|
|
}
|
|
|
|
/* img.uploading:hover {
|
|
height: 95%;
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%)
|
|
} */
|
|
|
|
.image-ident-warning {
|
|
border: 2px solid red;
|
|
}
|
|
|
|
|
|
.image-ident-loading {
|
|
background: rgba(142, 68, 173, 1);
|
|
box-shadow: 0 0 0 0 rgba(142, 68, 173, 1);
|
|
animation: pulse-purple 2s infinite;
|
|
}
|
|
|
|
@keyframes pulse-purple {
|
|
0% {
|
|
transform: scale(0.95);
|
|
box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7);
|
|
}
|
|
|
|
70% {
|
|
transform: scale(1);
|
|
box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);
|
|
}
|
|
|
|
100% {
|
|
transform: scale(0.95);
|
|
box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
|
|
}
|
|
}
|
|
|
|
#annotation-json-content {
|
|
display: none;
|
|
}
|
|
|
|
.cid-score-table {
|
|
max-width: 400px;
|
|
}
|
|
|
|
.user-answer-score-0 {
|
|
color: red !important;
|
|
}
|
|
|
|
.user-answer-score-1 {
|
|
color: yellow !important;
|
|
}
|
|
|
|
.user-answer-score-2 {
|
|
/* color: green; */
|
|
color: lightblue !important;
|
|
}
|
|
|
|
.rapid-ans.user-answer-score-2 {
|
|
color: lightblue;
|
|
}
|
|
|
|
.rapid-ans.user-answer-score-1 {
|
|
/* color: green; */
|
|
color: yellow;
|
|
}
|
|
|
|
.physics-ans .user-answer-score-1 {
|
|
color: lightblue;
|
|
}
|
|
|
|
td.user-answer-score-0::after {
|
|
content: "✗";
|
|
}
|
|
|
|
td.user-answer-score-1::after {
|
|
content: "✓";
|
|
}
|
|
|
|
td.user-answer-score-2::after {
|
|
content: "✓✓";
|
|
}
|
|
|
|
td.user-answer-score-1.rapid-ans::after {
|
|
content: "✓";
|
|
}
|
|
|
|
td.user-answer-score-2.rapid-ans::after {
|
|
content: "✓✓";
|
|
}
|
|
|
|
.score-row {
|
|
font-weight: bolder;
|
|
background-color: darkslateblue;
|
|
}
|
|
|
|
.user-answer-score pre {
|
|
display: inline;
|
|
color: inherit;
|
|
}
|
|
|
|
.correct-answer {
|
|
color: white;
|
|
}
|
|
|
|
.user-answer-li {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.submitted-user-answer:hover::after {
|
|
content: " Submitted answer";
|
|
opacity: 50%;
|
|
}
|
|
|
|
.question-stem-text {
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.parent-help:hover .help-text {
|
|
opacity: 50%;
|
|
}
|
|
|
|
.parent-help .help-text {
|
|
opacity: 0%;
|
|
}
|
|
|
|
.google-link {
|
|
padding-left: 10px;
|
|
font-size: smaller;
|
|
}
|
|
|
|
.abcde {
|
|
list-style-type: lower-alpha;
|
|
}
|
|
|
|
.abcde li {
|
|
padding: 0px;
|
|
clear: right;
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
#full-question-list-physics li {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
|
|
#full-question-list-physics {
|
|
width: 800px;
|
|
user-select: none;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
}
|
|
|
|
.answer-1 {
|
|
/* color: green; */
|
|
color: lightblue;
|
|
}
|
|
|
|
.answer-0 {
|
|
color: red;
|
|
}
|
|
|
|
.selector {
|
|
border-color: #05668d;
|
|
}
|
|
|
|
.selector input {
|
|
color: gray;
|
|
background-color: white;
|
|
font-size: small;
|
|
}
|
|
|
|
.selector .selector-available h2,
|
|
.selector .selector-chosen h2 {
|
|
margin-bottom: 0px;
|
|
border: none;
|
|
/* border-color: #05668d; */
|
|
background-color: #ebf2fa;
|
|
color: #343a40;
|
|
font-size: larger;
|
|
}
|
|
|
|
.selector .selector-available select,
|
|
.selector .selector-chosen select {
|
|
border-color: #05668d;
|
|
}
|
|
|
|
#id_laterality {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
#id_laterality li {
|
|
display: inline-block;
|
|
border-radius: 4px;
|
|
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
background: rgb(28, 184, 65);
|
|
padding-right: 10px;
|
|
color: white;
|
|
}
|
|
|
|
.add-popup {
|
|
display: block;
|
|
}
|
|
|
|
.multi-image-block,
|
|
.series-block {
|
|
display: inline-flex;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.multi-image-block .series-block {
|
|
/* height: 100%; */
|
|
max-width: 120px;
|
|
}
|
|
|
|
.series-block-thumbnail img {
|
|
max-width: 80px;
|
|
max-height: 80px;
|
|
}
|
|
|
|
.series-block-examination {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.series-block-image-number {
|
|
font-size: small;
|
|
}
|
|
|
|
.series-block-series-number {
|
|
font-size: small;
|
|
}
|
|
|
|
.series-block a {
|
|
text-decoration: none;
|
|
color: unset;
|
|
}
|
|
|
|
.series-block-image-number-count {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.series-block-popup-link {
|
|
font-size: smaller;
|
|
}
|
|
|
|
.series-block-popup-link a {
|
|
color: rgb(0, 153, 255);
|
|
opacity: 50%;
|
|
}
|
|
|
|
.series-block img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.sortable-placeholder {
|
|
border: 4px solid purple;
|
|
|
|
}
|
|
|
|
.temp-thumb {
|
|
float: right;
|
|
height: 100px;
|
|
width: 100px;
|
|
}
|
|
|
|
.long-answer pre {
|
|
white-space: pre-wrap;
|
|
font: inherit;
|
|
color: inherit;
|
|
}
|
|
|
|
.long-answer .answer-heading {
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.proposed-answer {
|
|
color: darkblue
|
|
}
|
|
|
|
.notes .complete {
|
|
color: darkslategray;
|
|
}
|
|
|
|
table.longs .user-answer-score-4,
|
|
table.longs .user-answer-score-4\.0,
|
|
table.longs .user-answer-score-4\.5 {
|
|
color: red;
|
|
}
|
|
|
|
table.longs .user-answer-score-5\.0,
|
|
table.longs .user-answer-score-5\.5 {
|
|
color: yellow;
|
|
}
|
|
|
|
table.longs .user-answer-score-6\.0,
|
|
table.longs .user-answer-score-6\.5 {
|
|
color: yellowgreen;
|
|
}
|
|
|
|
table.longs .user-answer-score-7\.0,
|
|
table.longs .user-answer-score-7\.5,
|
|
table.longs .user-answer-score-8\.0,
|
|
table.longs .user-answer-score-8,
|
|
table.longs .user-answer-score-8\.5 {
|
|
color: green;
|
|
}
|
|
|
|
table.longs .user-answer-score- {
|
|
background-color: red;
|
|
}
|
|
|
|
textarea,
|
|
input {
|
|
border-radius: 2px;
|
|
background-color: #343a40;
|
|
color: lightgray;
|
|
}
|
|
|
|
.exam-list li,
|
|
#full-question-list li {
|
|
display: flex;
|
|
}
|
|
|
|
ul.exam-list {
|
|
padding-left: 0.5em;
|
|
padding-right: 0.5em;
|
|
}
|
|
|
|
.flex-col-half {
|
|
flex: 0.5;
|
|
}
|
|
|
|
.flex-col {
|
|
flex: 1;
|
|
}
|
|
|
|
.flex-col-2 {
|
|
flex: 2;
|
|
}
|
|
|
|
.flex-col-3 {
|
|
flex: 3;
|
|
}
|
|
|
|
.flex-col-4 {
|
|
flex: 4;
|
|
}
|
|
|
|
.score-answer-list {
|
|
width: 55%;
|
|
}
|
|
|
|
.score-answer-list pre {
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.question-display-block {
|
|
position: fixed;
|
|
right: 0px;
|
|
top: 30px;
|
|
width: 40%;
|
|
}
|
|
|
|
.view-question-link {
|
|
float: right;
|
|
color: blue;
|
|
cursor: pointer;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.view-question-link-longs {
|
|
color: blue;
|
|
cursor: pointer;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.date,
|
|
.small-gray {
|
|
font-size: smaller;
|
|
opacity: 50%;
|
|
}
|
|
|
|
.date:hover {
|
|
opacity: 100%;
|
|
}
|
|
|
|
.floating-header {
|
|
position: sticky;
|
|
top: 1px;
|
|
background-color: black;
|
|
border: dashed 1px gray;
|
|
padding-left: 1em;
|
|
z-index: 999;
|
|
}
|
|
|
|
.sba-answer-list {
|
|
list-style-type: lower-alpha;
|
|
}
|
|
|
|
.sba-answer-list li:hover {
|
|
color: purple;
|
|
}
|
|
|
|
#menu-list button {
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
margin: 1px;
|
|
}
|
|
|
|
.sba-finish-list {
|
|
/* display: flex; */
|
|
}
|
|
|
|
/* .sba-finish-list li {
|
|
display: inline-block;
|
|
border: 1px solid purple;
|
|
min-width: 10px;
|
|
}
|
|
*/
|
|
.sba-finish-list a {
|
|
text-decoration: none;
|
|
color: unset;
|
|
|
|
}
|
|
|
|
.sba-finish-list span {
|
|
color: lightblue;
|
|
}
|
|
|
|
.sba-finish-list span.unanswered {
|
|
color: gray;
|
|
|
|
}
|
|
|
|
.no-select {
|
|
user-select: none;
|
|
}
|
|
|
|
.sba-answer-list .correct {
|
|
background-color: green;
|
|
color: white;
|
|
}
|
|
|
|
.id {
|
|
opacity: 50%;
|
|
font-size: small;
|
|
}
|
|
|
|
.sticky-alert {
|
|
position: sticky;
|
|
top: 5px;
|
|
}
|
|
|
|
.marking-block {
|
|
display: inline-flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.marking-block details {
|
|
padding-right: 20px;
|
|
flex: 1
|
|
}
|
|
|
|
.image-link {
|
|
color: purple;
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.inner-display-block {
|
|
display: none;
|
|
border: 1px dashed rgba(0, 0, 255, 0.346);
|
|
|
|
}
|
|
|
|
.hide-show {
|
|
float: right;
|
|
transform: rotate(90deg) translateX(40px);
|
|
color: blueviolet;
|
|
user-select: none;
|
|
}
|
|
|
|
.clear-both {
|
|
clear: both;
|
|
}
|
|
|
|
.check-review {
|
|
color: purple;
|
|
}
|
|
|
|
.current-mark {
|
|
color: gray;
|
|
}
|
|
|
|
|
|
.temp-thumb-large {
|
|
width: 1000px;
|
|
height: 1000px;
|
|
max-width: 1000px;
|
|
}
|
|
|
|
.image-duplicate {
|
|
border: 2px solid orange;
|
|
}
|
|
|
|
.finding-form {
|
|
border: 1px dashed darkblue;
|
|
|
|
}
|
|
|
|
.finding-box {
|
|
display: flex;
|
|
border: 1px dashed gray;
|
|
}
|
|
|
|
.view-finding-button {
|
|
flex: 1;
|
|
}
|
|
|
|
.view-finding-details {
|
|
flex: 4;
|
|
}
|
|
|
|
.delete-finding-link,
|
|
.edit-finding-link {
|
|
flex: 1;
|
|
}
|
|
|
|
summary h2,
|
|
summary h3,
|
|
summary h4,
|
|
summary h5 {
|
|
display: inline;
|
|
}
|
|
|
|
.mark-buttons {
|
|
position: sticky;
|
|
bottom: 0px;
|
|
background-color: black;
|
|
opacity: 80%;
|
|
}
|
|
|
|
.small-url-button, .no-padding {
|
|
padding: 0px;
|
|
}
|
|
|
|
button a,
|
|
button a:link,
|
|
button a:visited,
|
|
button a:hover {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
|
|
details.filter {
|
|
border: 1px solid gray;
|
|
padding: 10px;
|
|
margin: 20px;
|
|
}
|
|
|
|
/* Generic default styling for forms */
|
|
|
|
/* Highlight form errors */
|
|
tr:has(.errorlist) {
|
|
border: 1px dashed red;
|
|
}
|
|
|
|
.errorlist+input {
|
|
background-color: red;
|
|
color: darkblue;
|
|
}
|
|
|
|
.alert-error {
|
|
border: 1px dashed red;
|
|
|
|
}
|
|
|
|
/* Form styling */
|
|
|
|
.control-group {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.help-block {
|
|
float: right;
|
|
opacity: 25%;
|
|
}
|
|
|
|
.control-group:hover .help-block {
|
|
opacity: 100%;
|
|
}
|
|
|
|
.control-group {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.inline-form {
|
|
display: inline-grid;
|
|
}
|
|
|
|
form .submit-button {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.cid-candidate-list li {
|
|
display: grid;
|
|
grid-template-columns: 150px repeat(auto-fill, 400px);
|
|
}
|
|
|
|
.user-candidate-list li {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, 400px);
|
|
}
|
|
|
|
|
|
.cid-candidate-list div {}
|
|
|
|
.stamp-white {
|
|
display: inline-block;
|
|
z-index: 1;
|
|
font-family: Arial, sans-serif;
|
|
transform: rotate(-15deg);
|
|
font-size: 20px;
|
|
color: white;
|
|
border: solid 2px white;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
zoom: 1;
|
|
filter: alpha(opacity=20);
|
|
opacity: 0.9;
|
|
text-shadow: 0 0 2px white;
|
|
box-shadow: 0 0 2px white;
|
|
}
|
|
|
|
.self-feedback-block {
|
|
border: gray 1px dashed;
|
|
}
|
|
|
|
.self-feedback-block.data {
|
|
opacity: 60%;
|
|
font-size: small;
|
|
}
|
|
|
|
.collection-name-blend {
|
|
opacity: 70%;
|
|
font-size: small;
|
|
}
|
|
|
|
.cancel-button {
|
|
color: darkblue;
|
|
border-color: darkblue;
|
|
}
|
|
|
|
.bulk-edit {
|
|
position: sticky;
|
|
top: 0px;
|
|
background-color: black;
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
table .peninsula-trainee::before {
|
|
content: "Trainee";
|
|
transform: rotate(-90deg) translate(-45px, -10px);
|
|
color: darkblue;
|
|
display: inline-block;
|
|
float: left;
|
|
width: 20px;
|
|
}
|
|
|
|
|
|
.form-control,
|
|
.form-control:focus,
|
|
.form-control option {
|
|
background-color: unset;
|
|
color: unset
|
|
}
|
|
|
|
#clockdiv {
|
|
font-family: sans-serif;
|
|
display: inline-block;
|
|
font-weight: 100;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
display: none;
|
|
color: darkgray;
|
|
}
|
|
|
|
#clockdiv>div {
|
|
padding: 1px;
|
|
border-radius: 3px;
|
|
display: inline-block;
|
|
}
|
|
|
|
#clockdiv div>span.num {
|
|
color: white;
|
|
padding: 1px;
|
|
border-radius: 3px;
|
|
display: inline-block;
|
|
}
|
|
|
|
#timeup {
|
|
display: none;
|
|
color: red;
|
|
font-weight: 100;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#time-details {
|
|
opacity: 50%;
|
|
font-size: small;
|
|
}
|
|
|
|
.current-question {
|
|
background-color: #52057b;
|
|
color: grey;
|
|
}
|
|
|
|
.show-on-hover {
|
|
opacity: 0%;
|
|
}
|
|
|
|
.show-on-hover:hover {
|
|
opacity: 100%;
|
|
}
|
|
|
|
.diff_add {
|
|
color: green;
|
|
}
|
|
|
|
.diff_sub {
|
|
color: red;
|
|
}
|
|
|
|
/*
|
|
tr:has(> td > a) {
|
|
border: 1px blue solid
|
|
}
|
|
*/
|
|
|
|
#logout-form {
|
|
display: inline;
|
|
}
|
|
/* #logout-form button {
|
|
background: none;
|
|
border: none;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
text-decoration: underline;
|
|
color: #3282b8;
|
|
}
|
|
*/
|
|
.resource-block {
|
|
max-width: fit-content;
|
|
}
|
|
|
|
.resource-block video {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.no-list-style {
|
|
list-style-type: none;
|
|
padding-left: 1rem;
|
|
}
|
|
|
|
#listing .dicom-file {
|
|
clear: both;
|
|
}
|
|
|
|
/* Some fancy loading CSS */
|
|
.sk-cube-grid {
|
|
width: 60px;
|
|
height: 60px;
|
|
}
|
|
|
|
.sk-cube-grid .sk-cube {
|
|
width: 33%;
|
|
height: 33%;
|
|
background-color: #4527A0;
|
|
float: left;
|
|
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
|
|
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
|
|
}
|
|
|
|
.sk-cube-grid .sk-cube1 {
|
|
-webkit-animation-delay: 0.2s;
|
|
animation-delay: 0.2s;
|
|
}
|
|
|
|
.sk-cube-grid .sk-cube2 {
|
|
-webkit-animation-delay: 0.3s;
|
|
animation-delay: 0.3s;
|
|
}
|
|
|
|
.sk-cube-grid .sk-cube3 {
|
|
-webkit-animation-delay: 0.4s;
|
|
animation-delay: 0.4s;
|
|
}
|
|
|
|
.sk-cube-grid .sk-cube4 {
|
|
-webkit-animation-delay: 0.1s;
|
|
animation-delay: 0.1s;
|
|
}
|
|
|
|
.sk-cube-grid .sk-cube5 {
|
|
-webkit-animation-delay: 0.2s;
|
|
animation-delay: 0.2s;
|
|
}
|
|
|
|
.sk-cube-grid .sk-cube6 {
|
|
-webkit-animation-delay: 0.3s;
|
|
animation-delay: 0.3s;
|
|
}
|
|
|
|
.sk-cube-grid .sk-cube7 {
|
|
-webkit-animation-delay: 0s;
|
|
animation-delay: 0s;
|
|
}
|
|
|
|
.sk-cube-grid .sk-cube8 {
|
|
-webkit-animation-delay: 0.1s;
|
|
animation-delay: 0.1s;
|
|
}
|
|
|
|
.sk-cube-grid .sk-cube9 {
|
|
-webkit-animation-delay: 0.2s;
|
|
animation-delay: 0.2s;
|
|
}
|
|
|
|
@-webkit-keyframes sk-cubeGridScaleDelay {
|
|
|
|
0%,
|
|
70%,
|
|
100% {
|
|
-webkit-transform: scale3D(1, 1, 1);
|
|
transform: scale3D(1, 1, 1);
|
|
}
|
|
|
|
35% {
|
|
-webkit-transform: scale3D(0, 0, 1);
|
|
transform: scale3D(0, 0, 1);
|
|
}
|
|
}
|
|
|
|
@keyframes sk-cubeGridScaleDelay {
|
|
|
|
0%,
|
|
70%,
|
|
100% {
|
|
-webkit-transform: scale3D(1, 1, 1);
|
|
transform: scale3D(1, 1, 1);
|
|
}
|
|
|
|
35% {
|
|
-webkit-transform: scale3D(0, 0, 1);
|
|
transform: scale3D(0, 0, 1);
|
|
}
|
|
}
|
|
|
|
.progress-block {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: smaller;
|
|
}
|
|
|
|
#progress-text {
|
|
position: absolute;
|
|
}
|
|
|
|
.fullscreen-overlay {
|
|
position: fixed;
|
|
display: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: rgba(0, 0, 0, 0.9);
|
|
z-index: 2;
|
|
cursor: pointer;
|
|
color: lightgray;
|
|
overflow: auto;
|
|
}
|
|
|
|
.fullscreen-overlay-transparent {
|
|
position: fixed;
|
|
display: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 2;
|
|
cursor: pointer;
|
|
color: lightgray;
|
|
overflow: auto;
|
|
}
|
|
|
|
.hover-highlight {
|
|
opacity: 50%;
|
|
}
|
|
.hover-highlight:hover {
|
|
opacity: 100%;
|
|
color:purple;
|
|
}
|
|
|
|
/* For crispy... */
|
|
.select2-selection {
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
.help-text, .help-text summary {
|
|
cursor: help !important;
|
|
}
|
|
|
|
details.help-text > summary {
|
|
list-style: none;
|
|
}
|
|
|
|
/* .selector, .selector-available, .selector-chosen {
|
|
display: inline-block;
|
|
} */
|
|
|
|
#div_id_exams {
|
|
display: inline-block;
|
|
}
|
|
|
|
#dicom-image .help-text{
|
|
position: absolute;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
#dicom-image .help-text:hover{
|
|
background-color: rgba(0, 0, 0, 0.546);
|
|
}
|
|
|
|
.accordion-item {
|
|
background-color: black;
|
|
}
|
|
|
|
.accordion-button {
|
|
background-color: darkgray;
|
|
}
|
|
|
|
.navbar {
|
|
padding: 0px;
|
|
}
|
|
|
|
.navbar .nav-link {
|
|
padding: 0px;
|
|
}
|
|
|
|
.navbar .navbar-brand {
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
}
|
|
|
|
a, a:link {
|
|
color: #3282b8;
|
|
}
|
|
|
|
.navbar .nav-link {
|
|
color: #3282b8;
|
|
}
|
|
|
|
span#user-id {
|
|
opacity: 50%;
|
|
float: right;
|
|
}
|
|
|
|
.marking-link {
|
|
color: #8600789e;
|
|
text-decoration: none;
|
|
text-transform: uppercase;
|
|
}
|
|
.marking-link:hover {
|
|
color: #3282b8;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.remove-button {
|
|
opacity: 20%;
|
|
}
|
|
.remove-button:hover {
|
|
opacity: 100%;
|
|
}
|
|
|
|
/* Crispy forms clear button */
|
|
.position-relative {
|
|
position: relative;
|
|
}
|
|
|
|
/* Style the clear button */
|
|
.clear-input-button {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
display: none; /* Hidden by default */
|
|
z-index: 1;
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.clear-input-button:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* Show the clear button only when the input field or textarea is hovered and contains text */
|
|
.position-relative:hover .clear-input-button {
|
|
display: inline-block;
|
|
}
|
|
|
|
.related-finding-modal {
|
|
max-width: 600px;
|
|
width: auto;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.btn.reduce-opacity {
|
|
opacity: 0.3;
|
|
transition: opacity 0.2s;
|
|
}
|
|
.btn.reduce-opacity:hover, .btn.reduce-opacity:focus {
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
|
|
/* Highlight row on hover */
|
|
.row-selector tbody tr:hover td {
|
|
background-color: darkblue;
|
|
cursor: pointer;
|
|
}
|
|
/* Highlight selected row */
|
|
.row-selector tbody tr.selected td {
|
|
background-color: #b3d7ff !important;
|
|
color: #333;
|
|
} |