From 0d4208bd4934d83654fc3893867b2557546b404a Mon Sep 17 00:00:00 2001 From: Matthias Held Date: Mon, 18 Jun 2018 14:14:17 +0200 Subject: Add Nextcloud application --- css/style.scss | 348 +++++++++++++++++++++++++++++ css/vendor/font-awesome/fa-svg-with-js.css | 343 ++++++++++++++++++++++++++++ 2 files changed, 691 insertions(+) create mode 100644 css/style.scss create mode 100644 css/vendor/font-awesome/fa-svg-with-js.css (limited to 'css') diff --git a/css/style.scss b/css/style.scss new file mode 100644 index 0000000..404eef4 --- /dev/null +++ b/css/style.scss @@ -0,0 +1,348 @@ +/** + * @copyright Copyright (c) 2017 Matthias Held + * + * @author Matthias Held + * + * @license GNU AGPL version 3 or any later version + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as + * published by the Free Software Foundation, either version 3 of the + * License, or (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see . + */ + +#ransomware_detection { + ul > li > span.icon { + display: inline-block; + } +} + +.row { + margin-left: -15px; + margin-right: -15px; + position: relative; + &:before, &:after { + content: " "; + display: table + } + &:after { + clear: both + } +} + +.sequence-color { + float: left; + height: 100%; + position: absolute; + top: 0; + bottom: 0; + width: 20px; +} + +.color-box { + height: 100%; + width: 20px; +} + +.sequence-table { + float: right; + width: 100%; + padding-left: 25px; +} + +.ransomware-files { + position: relative; + width: 100%; + color: #2A2A2A; +} + +.file-list { + tr { + &:hover { + td.selection > .selectCheckBox + label:before { + opacity: 1; + } + } + &:focus { + td.selection > .selectCheckBox + label:before { + opacity: 1; + } + } + &.selected { + td.selection > .selectCheckBox + label:before { + opacity: 1; + } + } + td { + &.selection > .selectCheckBox + label:before { + opacity: 0; + position: absolute; + bottom: 4px; + right: 0; + z-index: 10; + } + &.selection { + position: relative; + width: 51px; + vertical-align: top; + padding-left: 0; + padding-right:0; + -webkit-transition:background-image 500ms; -moz-transition:background-image 500ms; -o-transition:background-image 500ms; transition:background-image 500ms; + } + &.selection > .selectCheckBox + label { + background-position: 30px 30px; + height: 50px; + position: absolute; + width: 50px; + z-index: 5; + } + &.selection > .selectCheckBox:checked + label:before { + opacity: 1; + } + &.selection > .selectCheckBox { + position: absolute; + z-index: 10; + } + &.file-name { + width: 50%; + } + } + } +} + +.select-all + label { + top: 0; + background-position: 30px 30px; + height: 50px; + position: absolute; + width: 50px; + z-index: 5; + &:before { + position: absolute; + top: 18px; + left: 18px; + z-index: 10; + } +} + +.has-favorites { + .select-all { + left: 68px; + } +} + +.icon { + display: inline-block; + vertical-align: middle; + background-size: 16px 16px; +} + +span { + &.extension { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + opacity: 1; + -webkit-transition: opacity 300ms; + -moz-transition: opacity 300ms; + -o-transition: opacity 300ms; + transition: opacity 300ms; + vertical-align: top; + color: #2A2A2A; + font-weight: bold; + } +} + +table { + td { + padding: 0 15px; + font-style: normal; + background-position: 8px center; + background-repeat: no-repeat; + &.selection { + .nametext { + position: absolute; + left: 55px; + padding: 0; + overflow: hidden; + text-overflow: ellipsis; + width: 70%; + max-width: 800px; + height: 100%; + } + .thumbnail { + display: inline-block; + width: 32px; + height: 32px; + margin-left: 8px; + margin-top: 9px; + cursor: pointer; + float: left; + position: absolute; + z-index: 4; + } + } + p { + text-align: center; + } + } + th { + .column-title { + display: block; + padding: 15px; + height: 50px; + box-sizing: border-box; + -moz-box-sizing: border-box; + vertical-align: middle; + a { + &.recover-selected { + font-weight: bold; + color: #000; + opacity: 0.3; + &:hover { + opacity: 0.7; + } + } + } + } + .bold { + font-weight: bold; + color: #000; + } + p { + text-align: center; + } + a { + color: #999; + } + color: #999; + } + th, td { + border-bottom: 1px solid #eee; + text-align: left; + font-weight: normal; + } + tbody { + tr { + transition: background-color 0.3s ease; + background-color: #fff; + height: 51px; + &.green { + background-color: #87D37C; + } + &.color-blind-green { + background-color: rgba(11, 85, 159, .25); + } + &.yellow { + background-color: #F5D76E; + } + &.color-blind-yellow { + background-color: rgba(11, 85, 159, .5); + } + &.orange { + background-color: #EB9532; + } + &.color-blind-orange { + background-color: rgba(11, 85, 159, .75); + } + &.red { + background-color: #FF6347; + } + &.color-blind-red { + background-color: rgba(11, 85, 159, 1); + } + &.selected { + background-color: rgba(153, 153, 153, .1) !important; + } + } + } +} + +.color-box { + &.green { + background-color: #87D37C; + } + &.color-blind-green { + background-color: rgba(11, 85, 159, .25); + } + &.yellow { + background-color: #F5D76E; + } + &.color-blind-yellow { + background-color: rgba(11, 85, 159, .5); + } + &.orange { + background-color: #EB9532; + } + &.color-blind-orange { + background-color: rgba(11, 85, 159, .75); + } + &.red { + background-color: #FF6347; + } + &.color-blind-red { + background-color: rgba(11, 85, 159, 1); + } +} + +.legend { + .color-box { + width: 20px; + height: 20px; + float: left; + margin: 0px 5px 0px 5px; + } + .icon-box { + width: 10px; + height: 20px; + float: left; + margin: 0px 0px 0px 5px; + } + li { + float: left; + } + clear: both; + padding-top: 5px; +} + +.section { + margin-bottom: 0px; + .sequence-action { + padding: 4px 0px 4px 0px; + font-weight: bold; + color: #000; + opacity: 0.3; + &:hover { + opacity: 0.7; + } + } +} + +.action { + padding: 4px 0px 4px 0px; + font-weight: bold; + color: #000; + opacity: 0.3; + &:hover { + opacity: 0.7; + } +} + +.suspicion-level-1 { + background-color: #F5D76E; +} + +.suspicion-level-2 { + background-color: #EB9532; +} + +.suspicion-level-3 { + background-color: #FF6347; +} diff --git a/css/vendor/font-awesome/fa-svg-with-js.css b/css/vendor/font-awesome/fa-svg-with-js.css new file mode 100644 index 0000000..9c41e0e --- /dev/null +++ b/css/vendor/font-awesome/fa-svg-with-js.css @@ -0,0 +1,343 @@ +/*! + * Font Awesome Free 5.0.2 by @fontawesome - http://fontawesome.com + * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +svg:not(:root).svg-inline--fa { + overflow: visible; } + +.svg-inline--fa { + display: inline-block; + font-size: inherit; + height: 1em; + overflow: visible; + vertical-align: -.125em; } + .svg-inline--fa.fa-lg { + vertical-align: -.225em; } + .svg-inline--fa.fa-w-1 { + width: 0.0625em; } + .svg-inline--fa.fa-w-2 { + width: 0.125em; } + .svg-inline--fa.fa-w-3 { + width: 0.1875em; } + .svg-inline--fa.fa-w-4 { + width: 0.25em; } + .svg-inline--fa.fa-w-5 { + width: 0.3125em; } + .svg-inline--fa.fa-w-6 { + width: 0.375em; } + .svg-inline--fa.fa-w-7 { + width: 0.4375em; } + .svg-inline--fa.fa-w-8 { + width: 0.5em; } + .svg-inline--fa.fa-w-9 { + width: 0.5625em; } + .svg-inline--fa.fa-w-10 { + width: 0.625em; } + .svg-inline--fa.fa-w-11 { + width: 0.6875em; } + .svg-inline--fa.fa-w-12 { + width: 0.75em; } + .svg-inline--fa.fa-w-13 { + width: 0.8125em; } + .svg-inline--fa.fa-w-14 { + width: 0.875em; } + .svg-inline--fa.fa-w-15 { + width: 0.9375em; } + .svg-inline--fa.fa-w-16 { + width: 1em; } + .svg-inline--fa.fa-w-17 { + width: 1.0625em; } + .svg-inline--fa.fa-w-18 { + width: 1.125em; } + .svg-inline--fa.fa-w-19 { + width: 1.1875em; } + .svg-inline--fa.fa-w-20 { + width: 1.25em; } + .svg-inline--fa.fa-pull-left { + margin-right: .3em; + width: auto; } + .svg-inline--fa.fa-pull-right { + margin-left: .3em; + width: auto; } + .svg-inline--fa.fa-border { + height: 1.5em; } + .svg-inline--fa.fa-li { + width: 2em; } + .svg-inline--fa.fa-fw { + width: 1.25em; } + +.fa-layers svg.svg-inline--fa { + bottom: 0; + left: 0; + margin: auto; + position: absolute; + right: 0; + top: 0; } + +.fa-layers { + display: inline-block; + height: 1em; + position: relative; + text-align: center; + vertical-align: -12.5%; + width: 1em; } + .fa-layers svg.svg-inline--fa { + -webkit-transform-origin: center center; + transform-origin: center center; } + +.fa-layers-text, .fa-layers-counter { + display: inline-block; + position: absolute; + text-align: center; } + +.fa-layers-text { + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-transform-origin: center center; + transform-origin: center center; } + +.fa-layers-counter { + background-color: #ff253a; + border-radius: 1em; + color: #fff; + height: 1.5em; + line-height: 1; + max-width: 5em; + min-width: 1.5em; + overflow: hidden; + padding: .25em; + right: 0; + text-overflow: ellipsis; + top: 0; + -webkit-transform: scale(0.25); + transform: scale(0.25); + -webkit-transform-origin: top right; + transform-origin: top right; } + +.fa-layers-bottom-right { + bottom: 0; + right: 0; + top: auto; + -webkit-transform: scale(0.25); + transform: scale(0.25); + -webkit-transform-origin: bottom right; + transform-origin: bottom right; } + +.fa-layers-bottom-left { + bottom: 0; + left: 0; + right: auto; + top: auto; + -webkit-transform: scale(0.25); + transform: scale(0.25); + -webkit-transform-origin: bottom left; + transform-origin: bottom left; } + +.fa-layers-top-right { + right: 0; + top: 0; + -webkit-transform: scale(0.25); + transform: scale(0.25); + -webkit-transform-origin: top right; + transform-origin: top right; } + +.fa-layers-top-left { + left: 0; + right: auto; + top: 0; + -webkit-transform: scale(0.25); + transform: scale(0.25); + -webkit-transform-origin: top left; + transform-origin: top left; } + +.fa-lg { + font-size: 1.33333em; + line-height: 0.75em; + vertical-align: -.0667em; } + +.fa-xs { + font-size: .75em; } + +.fa-sm { + font-size: .875em; } + +.fa-1x { + font-size: 1em; } + +.fa-2x { + font-size: 2em; } + +.fa-3x { + font-size: 3em; } + +.fa-4x { + font-size: 4em; } + +.fa-5x { + font-size: 5em; } + +.fa-6x { + font-size: 6em; } + +.fa-7x { + font-size: 7em; } + +.fa-8x { + font-size: 8em; } + +.fa-9x { + font-size: 9em; } + +.fa-10x { + font-size: 10em; } + +.fa-fw { + text-align: center; + width: 1.25em; } + +.fa-ul { + list-style-type: none; + margin-left: 2.5em; + padding-left: 0; } + .fa-ul > li { + position: relative; } + +.fa-li { + left: -2em; + position: absolute; + text-align: center; + width: 2em; + line-height: inherit; } + +.fa-border { + border: solid 0.08em #eee; + border-radius: .1em; + padding: .2em .25em .15em; } + +.fa-pull-left { + float: left; } + +.fa-pull-right { + float: right; } + +.fa.fa-pull-left, +.fas.fa-pull-left, +.far.fa-pull-left, +.fal.fa-pull-left, +.fab.fa-pull-left { + margin-right: .3em; } + +.fa.fa-pull-right, +.fas.fa-pull-right, +.far.fa-pull-right, +.fal.fa-pull-right, +.fab.fa-pull-right { + margin-left: .3em; } + +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; } + +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); } + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +.fa-rotate-90 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + +.fa-rotate-180 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + +.fa-rotate-270 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; + -webkit-transform: rotate(270deg); + transform: rotate(270deg); } + +.fa-flip-horizontal { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; + -webkit-transform: scale(-1, 1); + transform: scale(-1, 1); } + +.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(1, -1); + transform: scale(1, -1); } + +.fa-flip-horizontal.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(-1, -1); + transform: scale(-1, -1); } + +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical { + -webkit-filter: none; + filter: none; } + +.fa-stack { + display: inline-block; + height: 2em; + position: relative; + width: 2em; } + +.fa-stack-1x, +.fa-stack-2x { + bottom: 0; + left: 0; + margin: auto; + position: absolute; + right: 0; + top: 0; } + +.svg-inline--fa.fa-stack-1x { + height: 1em; + width: 1em; } + +.svg-inline--fa.fa-stack-2x { + height: 2em; + width: 2em; } + +.fa-inverse { + color: #fff; } + +.sr-only { + border: 0; + clip: rect(0, 0, 0, 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } + +.sr-only-focusable:active, .sr-only-focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; } -- cgit v1.2.3