moodle-plagiarism_pchkorg/assets/viewer/report-viewer.min.css

799 lines
19 KiB
CSS

@import url(https://fonts.googleapis.com/css?family=Roboto);@charset "UTF-8";
* {
box-sizing: border-box; }
html {
font-family: "Roboto", sans-serif; }
body {
margin: 0; }
.RootLayout {
color: #333;
background: #fff;
height: auto;
width: 100%;
min-height: 100vh;
display: flex;
overflow-x: hidden; }
.RootLayout__content {
padding: 20px 40px;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
z-index: 0;
position: relative; }
@media only screen and (max-width: 1441px) {
.RootLayout__content {
padding: 20px 20px; } }
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
.RootLayout__content {
padding: 20px 20px; } }
.OverlapBar {
position: absolute;
top: 0;
bottom: 0;
right: 12px;
width: 1px; }
.OverlapBar__overlap-part {
width: 1px;
background-color: #a13169; }
.SidebarInset {
background: #d7d7d7;
color: #333;
font-size: 15px;
line-height: 50px;
height: 50px;
opacity: 1;
padding: 0 10px;
text-transform: uppercase;
align-items: center;
display: flex; }
.SidebarInset:hover {
color: white; }
.SidebarInset:hover .SidebarInset__open-arrow {
background: url(sprite-d4601b0b6de55a813269678618bcc950.svg?d4601b0b6de55a813269678618bcc950) no-repeat;
background-position: -98px -89px;
height: 29px;
width: 18px; }
.SidebarInsetContainer {
border-top: 1px solid #cacaca;
overflow: hidden; }
.SidebarInsetContainer:first-child {
border-top: none; }
.SidebarInset__title {
flex-basis: 72%;
max-width: 72%; }
.SidebarInset__percent {
flex-basis: 16.667%;
max-width: 16.667%; }
.SidebarInset__open-arrow-container {
flex-basis: 8.333%;
max-width: 8.333%;
margin-left: 10px; }
.SidebarInset__open-arrow {
background: url(sprite-d4601b0b6de55a813269678618bcc950.svg?d4601b0b6de55a813269678618bcc950) no-repeat;
background-position: -80px -60px;
height: 29px;
width: 18px;
cursor: pointer;
margin-right: 3px; }
.SidebarInset__open-arrow-open {
transform: rotate(180deg); }
.SidebarInset__percent-text {
font-weight: 600; }
.SidebarInset__title-text {
display: inline-block;
max-width: 160px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
font-weight: 400; }
.SidebarInset__title-text:after {
content: '';
display: inline-block;
height: 10px;
margin-left: 8px;
vertical-align: middle;
width: 25px; }
.SidebarInset-plag:hover {
background: #a13169; }
.SidebarInset-plag .SidebarInset__title-text:after {
background: url(wave-dc15a25d325f6e422665aaea4eee9834.svg?dc15a25d325f6e422665aaea4eee9834) 0 center repeat-x; }
.SidebarInse-quot:hover {
background: #639ec3; }
.SidebarInse-quot .SidebarInset__title-text:after {
background: url(wave-qu-8ff3a7579823f9099d975ad581dc134e.svg?8ff3a7579823f9099d975ad581dc134e) 0 center repeat-x; }
.SidebarInset-ref:hover {
background: #289870; }
.SidebarInset-ref .SidebarInset__title-text:after {
background: url(wave-rf-d7c35952140e971b52a5fbb5b5acf36d.svg?d7c35952140e971b52a5fbb5b5acf36d) 0 center repeat-x; }
.SidebarInset__title-button {
display: inline-block;
margin-right: 7px;
margin-left: -3px;
position: relative;
vertical-align: middle;
width: 25px;
border-radius: 8px;
cursor: pointer;
overflow: hidden; }
.SidebarInset__title-button-label {
border-radius: 8px;
cursor: pointer;
display: block;
overflow: hidden;
font-size: 16px; }
.SidebarInset__title-button-inner {
display: block;
transition: margin .2s ease-in 0s;
width: 200%;
font-weight: 600;
margin-left: 0; }
.SidebarInset__title-button-inner:after {
background-color: #EEEEEE;
color: #999999;
content: "";
padding-right: 10px;
text-align: right; }
.SidebarInset__title-button-inner:before, .SidebarInset__title-button-inner:after {
box-sizing: border-box;
color: white;
display: block;
float: left;
font-weight: bold;
font-size: 14px;
height: 14px;
line-height: 14px;
padding: 0;
width: 50%; }
.SidebarInset__title-button-inner:before {
background-color: #EEEEEE;
content: "";
color: #FFFFFF;
padding-left: 10px; }
.SidebarInset__title-button-switch {
background: #949494;
border: 1px solid #EEEEEE;
border-radius: 8px;
display: block;
margin: 0px;
position: absolute;
top: 0;
right: 10px;
bottom: 0;
transition: all .2s ease-in 0s;
width: 14px;
font-weight: 600;
box-sizing: border-box; }
.SidebarInset__title-button-switch-checked {
background-color: #10b34c;
right: 0; }
.SidebarInset__content {
max-height: 0;
opacity: 0;
transition: .3s ease; }
.SidebarInset__content-open {
opacity: 1;
position: relative;
max-height: calc(100vh - 183px); }
@media only screen and (max-width: 1441px) {
.SidebarInset {
font-size: 14px; } }
.Report {
overflow: hidden;
position: relative;
margin: -20px -40px; }
@media only screen and (max-width: 1441px) {
.Report {
margin: -20px -20px; } }
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
.Report {
margin: -20px -20px; } }
.ui-plagCheck-workspace-content {
width: 100%;
display: flex;
flex-direction: column;
margin-right: 320px;
height: 100vH; }
.ui-plagCheck-stats {
background: whitesmoke;
border-bottom: 1px solid #e5e5e5;
position: relative;
padding: 0 20px;
min-height: 95px;
display: flex;
align-items: center; }
.ui-plagCheck-stats-content {
display: flex;
align-items: center;
justify-content: space-between;
height: 101px;
max-width: 900px;
width: 100%;
margin: 0 auto; }
.ui-plagCheck-stats-matched-percent {
color: #a13169;
display: inline-block;
font-size: 62px;
font-weight: 600;
line-height: 68px;
margin-right: 10px; }
.ui-plagCheck-stats-matched-text {
color: #333;
display: inline-block;
font-size: 22px;
font-weight: 300;
line-height: 26px;
max-width: 180px;
position: relative;
text-transform: uppercase; }
.ui-plagCheck-nodes-scroll {
display: flex;
align-items: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.ui-plagCheck-nodes-scroll-container {
max-width: 900px;
margin: 40px 20px;
text-align: left;
line-height: 26px;
word-wrap: break-word;
position: relative;
width: 100%; }
.ui-plagCheck-nodes-scroll-container-center {
display: flex;
justify-content: center; }
.ui-plagCheck-stats-matched-percent-symbol {
font-weight: 300; }
.ui-plagCheck-nodes-scroll-report-name {
font-weight: 700;
line-height: 44px;
margin-right: 20px;
margin-bottom: 20px;
vertical-align: middle;
font-size: 34px; }
.ui-plagcheck-custom-trumb {
background-color: #333;
opacity: 0.3;
border-radius: 2px;
width: 4px; }
.ui-plagCheck-workspace {
display: flex;
flex-flow: row nowrap;
justify-content: space-between; }
.ui-plagCheck-nodes {
box-sizing: border-box;
text-align: justify;
width: 100%;
flex: 1 1 100%;
position: relative; }
.ui-plagCheck-nodes:hover .ui-plagcheck-custom-trumb {
background: #306a8f;
opacity: .6; }
.ui-plagcheck-custom-track {
background-color: #ececec;
border-radius: 2px;
right: 5px;
top: 10px;
height: 93%;
position: absolute;
width: 4px; }
.ui-plagCheck-sources-sticky {
overflow-y: auto; }
.ui-plagCheck-sidebar-sources-container {
width: 98%; }
.ui-plagCheck-sidebar {
background: #ececec;
max-width: 320px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
transition: .3s ease;
width: 100%; }
.ui-plagCheck-sidebar-open-button {
display: none; }
.ui-plagCheck-sidebar-button {
z-index: 1;
background: #8d2b5c;
border-radius: 4px 0 0 4px;
color: #fff;
cursor: pointer;
display: none;
font-size: 16px;
font-weight: 400;
height: 50px;
line-height: 50px;
position: absolute;
top: 98px;
left: -50px;
text-align: center;
width: 50px; }
.ui-plagCheck-sidebar-button:before {
color: white;
content: "%"; }
html body .SidebarInset__content-open .ui-plagCheck-sources-scroll {
position: relative; }
.ui-plagcheck-custom-sources-track {
border-radius: 2px;
right: 2px;
top: 10px;
height: 95%;
position: absolute;
width: 4px; }
.ui-plagcheck-custom-sources-trumb {
background-color: #333;
opacity: 0.3;
border-radius: 2px;
width: 4px; }
.ui-plagCheck-overlap-part-sources {
background: #a13169;
width: 2px; }
.ui-plagCheck-overlap-part-quSources {
background: #639ec3;
width: 2px; }
.ui-plagCheck-overlap-part-reSources {
background: #289870;
width: 2px; }
@media only screen and (max-width: 1441px) {
.ui-plagCheck-stats {
padding: 0 20px; }
.ui-plagCheck-stats-content {
height: 86px; }
.ui-plagCheck-stats {
padding: 0 20px; }
.ui-plagCheck-nodes-scroll-report-name {
font-size: 30px; }
.ui-plagCheck-sidebar {
max-width: 280px; }
.ui-plagCheck-workspace-content {
margin-right: 280px; }
.ui-plagCheck-stats-matched-percent {
font-size: 37px;
line-height: 37px; }
.ui-plagCheck-stats-matched-text {
font-size: 16px;
line-height: 18px; } }
@media only screen and (max-width: 1025px) {
.ui-plagCheck-stats {
min-height: 117px; }
.ui-plagCheck-nodes-scroll-report-name {
font-size: 24px;
margin-right: 0;
max-width: 250px;
overflow: hidden;
text-overflow: ellipsis; }
.ui-plagCheck-workspace-content {
margin-right: 0;
height: 100vH; }
.ui-plagCheck-sidebar {
right: -280px; }
.ui-plagCheck-sidebar:after {
background: #333;
content: "";
position: fixed;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: visible;
z-index: 0;
transition: .3s ease; }
.ui-plagCheck-sidebar-open {
right: 0; }
.ui-plagCheck-sidebar-open:after {
left: -1000px;
opacity: .3;
right: 280px; }
.ui-plagCheck-sidebar-button {
display: block; }
.ui-plagCheck-sidebar-open .ui-plagCheck-sidebar-button:before {
content: "\2716"; }
.ui-plagCheck-sidebar-open-button {
display: block; }
.ui-plagCheck-stats-matched-percent {
font-size: 42px;
line-height: 39px; }
.ui-plagCheck-stats-matched-text {
font-size: 18px;
font-weight: 400;
line-height: 18px; } }
@media only screen and (max-width: 1020px) {
.ui-plagCheck-workspace-content {
height: 100vH; } }
.ui-plagCheck-nodes-header {
margin-bottom: 20px; }
.ui-plagCheck-overlap-bar {
top: 10px;
height: 93%;
right: 12px;
width: 2px; }
@media only screen and (max-width: 641px) {
.ui-plagCheck-stats {
padding: 10px 20px;
overflow: hidden; } }
@media only screen and (max-width: 425px) {
.ui-plagCheck-stats {
padding: 0 10px;
position: relative;
height: 86px; }
.ui-plagCheck-stats-content {
padding-right: 10px; } }
.ui-plagCheck-node-isVisible {
display: inline; }
.ui-plagCheck-node {
font-size: 15px;
white-space: pre-wrap;
background-repeat: repeat-x;
background-position: bottom;
padding-top: 4px;
padding-bottom: 4px;
transition: all 0.3s cubic-bezier(0.51, -0.38, 1, 1);
vertical-align: top; }
.ui-plagCheck-node.quote {
background-color: #639ec3;
color: white; }
.ui-plagCheck-node.reference {
background-color: #289870;
color: white; }
.ui-plagCheck-node.active, .ui-plagCheck-node.ui-plagCheck-source:hover {
background-color: #a13169;
color: white; }
.ui-plagCheck-node-quSources {
background-image: url(wave-qu-8ff3a7579823f9099d975ad581dc134e.svg?8ff3a7579823f9099d975ad581dc134e);
font-weight: 400; }
.ui-plagCheck-node-reSources {
background-image: url(wave-rf-d7c35952140e971b52a5fbb5b5acf36d.svg?d7c35952140e971b52a5fbb5b5acf36d);
font-weight: 400; }
.ui-plagCheck-node-sources {
background-image: url(wave-dc15a25d325f6e422665aaea4eee9834.svg?dc15a25d325f6e422665aaea4eee9834);
font-weight: 400; }
@media only screen and (max-width: 426px) {
.ui-plagCheck-node {
line-height: 18px; } }
.checkIcon:before,
.checkIcon:after {
content: "";
height: 7px;
opacity: 0;
position: absolute;
top: 2px;
left: 1px;
transform-origin: center;
transform: rotate(-45deg);
width: 14px; }
.checkIcon:before {
transition: 0s ease opacity; }
.checkIcon:after {
top: 0px;
transform: rotate(-45deg) scale(0.9); }
.checkIcon-checked:before {
transition: .3s ease opacity;
opacity: 1; }
.checkIcon-checked:after {
opacity: 1; }
.ui-plagCheck-source {
display: flex;
flex-flow: row nowrap;
align-items: center;
line-height: 35px;
font-size: 15px;
padding: 0 10px;
position: relative;
z-index: 0;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.51, -0.38, 1, 1); }
.ui-plagCheck-source.highlighted {
background: #a13169;
color: #fff; }
.ui-plagCheck-source .ui-dropDown-options {
right: 0;
left: auto;
min-width: 160px; }
.ui-plagCheck-source.active .plagCheckSource-web-cache-icon, .ui-plagCheck-source:hover .plagCheckSource-web-cache-icon {
background: url(sprite-d4601b0b6de55a813269678618bcc950.svg?d4601b0b6de55a813269678618bcc950) no-repeat;
background-position: -1055px -1053px;
height: 15px;
width: 60px; }
.ui-plagCheck-source-disabled:hover {
background-color: rgba(211, 211, 211, 0.5); }
.ui-plagCheck-source-enabled.ui-plagCheck-source-sources.active, .ui-plagCheck-source-enabled.ui-plagCheck-source-sources.ui-plagCheck-source:hover {
background: #a13169;
color: #fff; }
.ui-plagCheck-source-enabled.ui-plagCheck-source-sources.active .plagCheckSource-web-cache-icon, .ui-plagCheck-source-enabled.ui-plagCheck-source-sources.ui-plagCheck-source:hover .plagCheckSource-web-cache-icon {
background: url(sprite-d4601b0b6de55a813269678618bcc950.svg?d4601b0b6de55a813269678618bcc950) no-repeat;
background-position: -1055px -1053px;
height: 15px;
width: 60px; }
.ui-plagCheck-source-enabled.ui-plagCheck-source-sources:hover {
color: #fff;
background-color: #a13169; }
.ui-plagCheck-source-enabled.ui-plagCheck-source-sources:hover .plagCheckSource-web-cache-icon {
background: url(sprite-d4601b0b6de55a813269678618bcc950.svg?d4601b0b6de55a813269678618bcc950) no-repeat;
background-position: -1055px -1053px;
height: 15px;
width: 60px; }
.ui-plagCheck-source-enabled.ui-plagCheck-source-quSources.active, .ui-plagCheck-source-enabled.ui-plagCheck-source-quSources.ui-plagCheck-source:hover {
background: #639ec3;
color: #fff; }
.ui-plagCheck-source-enabled.ui-plagCheck-source-quSources.active .ui-plagCheck-source-a, .ui-plagCheck-source-enabled.ui-plagCheck-source-quSources.ui-plagCheck-source:hover .ui-plagCheck-source-a {
background: url(sprite-d4601b0b6de55a813269678618bcc950.svg?d4601b0b6de55a813269678618bcc950) no-repeat;
background-position: -2995px -3158px;
height: 23px;
width: 16px; }
.ui-plagCheck-source-enabled.ui-plagCheck-source-quSources:hover {
color: #fff;
background-color: #639ec3; }
.ui-plagCheck-source-enabled.ui-plagCheck-source-reSources.active, .ui-plagCheck-source-enabled.ui-plagCheck-source-reSources.ui-plagCheck-source:hover {
background: #289870;
color: #fff; }
.ui-plagCheck-source-enabled.ui-plagCheck-source-reSources:hover {
color: #fff;
background-color: #289870; }
.ui-plagCheck-source-checkbox {
outline: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: transparent;
border-radius: 2px;
cursor: pointer;
height: 19px;
min-width: 19px;
position: relative;
margin: 0;
margin-right: 10px;
overflow: hidden;
border: 2px solid #d0d0d0; }
.ui-plagCheck-source-checkbox:checked {
border: 2px solid transparent;
background: #dfdfdf; }
.ui-plagCheck-source-checkbox:hover {
cursor: pointer; }
.ui-plagCheck-source-title {
display: flex;
align-items: center;
width: 100%;
max-width: 65%; }
.ui-plagCheck-source-a {
display: block;
margin-left: 6px;
flex-basis: 8.333%;
max-width: 8.333%;
cursor: pointer; }
.ui-plagCheck-source-a-link {
background: url(sprite-d4601b0b6de55a813269678618bcc950.svg?d4601b0b6de55a813269678618bcc950) no-repeat;
background-position: -4113px -3962px;
height: 18px;
width: 18px;
opacity: 0.8; }
.ui-plagCheck-source-a-link:hover {
opacity: 1; }
.ui-plagCheck-source-external-link {
background: url(sprite-d4601b0b6de55a813269678618bcc950.svg?d4601b0b6de55a813269678618bcc950) no-repeat;
background-position: -2959px -3122px;
height: 18px;
width: 18px;
opacity: 0.8; }
.ui-plagCheck-source-external-link:hover {
opacity: 1; }
.ui-plagCheck-source-percent {
width: 100%;
max-width: 16.667%;
font-size: 12px;
font-weight: 600; }
html body .ui-plagCheck-source-name {
box-sizing: border-box;
font-size: 14px;
font-weight: 400;
margin: 0 5px 0 0;
overflow: hidden;
padding-right: 4px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%; }
html body .ui-plagCheck-source-name:hover {
cursor: pointer;
color: inherit; }
.ui-plagCheck-source-links {
display: flex;
flex-flow: row nowrap;
width: 44px;
justify-content: flex-end;
margin-left: auto; }
.ui-plagCheck-source-options {
display: flex;
flex-flow: row nowrap;
padding: 0 4px; }
.plagCheckSource-web-cache-icon {
background: url(sprite-d4601b0b6de55a813269678618bcc950.svg?d4601b0b6de55a813269678618bcc950) no-repeat;
background-position: -995px -1038px;
height: 15px;
width: 60px;
min-width: 65px;
margin-right: 5px;
margin-left: -5px; }
.checkIcon:before, html body .RootLayout .CheckBox__input:before,
.checkIcon:after,
html body .RootLayout .CheckBox__input:after {
content: "";
height: 7px;
opacity: 0;
position: absolute;
top: 2px;
left: 1px;
transform-origin: center;
transform: rotate(-45deg);
width: 14px; }
.checkIcon:before, html body .RootLayout .CheckBox__input:before {
transition: 0s ease opacity; }
.checkIcon:after,
html body .RootLayout .CheckBox__input:after {
top: 0px;
transform: rotate(-45deg) scale(0.9); }
.checkIcon-checked:before, html body .RootLayout .CheckBox__input:checked:before {
transition: .3s ease opacity;
opacity: 1; }
.checkIcon-checked:after, html body .RootLayout .CheckBox__input:checked:after {
opacity: 1; }
html body .RootLayout .CheckBox__input {
position: relative;
-webkit-appearance: none;
background: transparent;
border: 1px solid #d0d0d0;
border-radius: 2px;
cursor: pointer;
height: 19px;
width: 19px;
transition: .2s ease-in;
outline: none;
overflow: hidden; }
html body .RootLayout .CheckBox__input:before {
top: 2px; }
html body .RootLayout .CheckBox__input:after {
top: 0px; }
html body .RootLayout .Checkbox-error {
border-color: #bf3c26;
box-shadow: 0px 0px 10px #bf3c26;
animation-name: errorZoom;
animation-duration: 0.3s; }
html body .RootLayout .CheckBox__input:before,
html body .RootLayout .CheckBox__input:after {
left: 1px; }
html body .RootLayout .CheckBox__input:checked {
border: 2px solid transparent; }
html body .RootLayout .CheckBox-document:checked {
background: #306a8f;
border: 2px solid #306a8f; }
html body .RootLayout .CheckBox-document:checked:before {
background: white; }
html body .RootLayout .CheckBox-document:checked:after {
background: #306a8f; }
html body .RootLayout .CheckBox-report:checked {
background: #dfdfdf; }
html body .RootLayout .CheckBox-report:checked:before {
background: #306a8f; }
html body .RootLayout .CheckBox-report:checked:after {
background: #dfdfdf; }
@keyframes errorZoom {
0% {
transform: scale(1); }
50% {
transform: scale(1.25); }
100% {
transform: scale(1); } }