remove old VueJS application
This commit is contained in:
@@ -1,410 +0,0 @@
|
|||||||
.daterangepicker {
|
|
||||||
position: absolute;
|
|
||||||
color: inherit;
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 4px;
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
width: 278px;
|
|
||||||
max-width: none;
|
|
||||||
padding: 0;
|
|
||||||
margin-top: 7px;
|
|
||||||
top: 100px;
|
|
||||||
left: 20px;
|
|
||||||
z-index: 3001;
|
|
||||||
display: none;
|
|
||||||
font-family: arial;
|
|
||||||
font-size: 15px;
|
|
||||||
line-height: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker:before, .daterangepicker:after {
|
|
||||||
position: absolute;
|
|
||||||
display: inline-block;
|
|
||||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
|
||||||
content: '';
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker:before {
|
|
||||||
top: -7px;
|
|
||||||
border-right: 7px solid transparent;
|
|
||||||
border-left: 7px solid transparent;
|
|
||||||
border-bottom: 7px solid #ccc;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker:after {
|
|
||||||
top: -6px;
|
|
||||||
border-right: 6px solid transparent;
|
|
||||||
border-bottom: 6px solid #fff;
|
|
||||||
border-left: 6px solid transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.opensleft:before {
|
|
||||||
right: 9px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.opensleft:after {
|
|
||||||
right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.openscenter:before {
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 0;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.openscenter:after {
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 0;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.opensright:before {
|
|
||||||
left: 9px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.opensright:after {
|
|
||||||
left: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.drop-up {
|
|
||||||
margin-top: -7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.drop-up:before {
|
|
||||||
top: initial;
|
|
||||||
bottom: -7px;
|
|
||||||
border-bottom: initial;
|
|
||||||
border-top: 7px solid #ccc;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.drop-up:after {
|
|
||||||
top: initial;
|
|
||||||
bottom: -6px;
|
|
||||||
border-bottom: initial;
|
|
||||||
border-top: 6px solid #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.single .drp-selected {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.show-calendar .drp-calendar {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.show-calendar .drp-buttons {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.auto-apply .drp-buttons {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .drp-calendar {
|
|
||||||
display: none;
|
|
||||||
max-width: 270px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .drp-calendar.left {
|
|
||||||
padding: 8px 0 8px 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .drp-calendar.right {
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .drp-calendar.single .calendar-table {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
|
|
||||||
color: #fff;
|
|
||||||
border: solid black;
|
|
||||||
border-width: 0 2px 2px 0;
|
|
||||||
border-radius: 0;
|
|
||||||
display: inline-block;
|
|
||||||
padding: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .calendar-table .next span {
|
|
||||||
transform: rotate(-45deg);
|
|
||||||
-webkit-transform: rotate(-45deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .calendar-table .prev span {
|
|
||||||
transform: rotate(135deg);
|
|
||||||
-webkit-transform: rotate(135deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
|
|
||||||
white-space: nowrap;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
min-width: 32px;
|
|
||||||
width: 32px;
|
|
||||||
height: 24px;
|
|
||||||
line-height: 24px;
|
|
||||||
font-size: 12px;
|
|
||||||
border-radius: 4px;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
white-space: nowrap;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .calendar-table {
|
|
||||||
border: 1px solid #fff;
|
|
||||||
border-radius: 4px;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .calendar-table table {
|
|
||||||
width: 100%;
|
|
||||||
margin: 0;
|
|
||||||
border-spacing: 0;
|
|
||||||
border-collapse: collapse;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
|
|
||||||
background-color: #eee;
|
|
||||||
border-color: transparent;
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker td.week, .daterangepicker th.week {
|
|
||||||
font-size: 80%;
|
|
||||||
color: #ccc;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
|
|
||||||
background-color: #fff;
|
|
||||||
border-color: transparent;
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker td.in-range {
|
|
||||||
background-color: #ebf4f8;
|
|
||||||
border-color: transparent;
|
|
||||||
color: #000;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker td.start-date {
|
|
||||||
border-radius: 4px 0 0 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker td.end-date {
|
|
||||||
border-radius: 0 4px 4px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker td.start-date.end-date {
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker td.active, .daterangepicker td.active:hover {
|
|
||||||
background-color: #357ebd;
|
|
||||||
border-color: transparent;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker th.month {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker td.disabled, .daterangepicker option.disabled {
|
|
||||||
color: #999;
|
|
||||||
cursor: not-allowed;
|
|
||||||
text-decoration: line-through;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
|
|
||||||
font-size: 12px;
|
|
||||||
padding: 1px;
|
|
||||||
height: auto;
|
|
||||||
margin: 0;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker select.monthselect {
|
|
||||||
margin-right: 2%;
|
|
||||||
width: 56%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker select.yearselect {
|
|
||||||
width: 40%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
|
|
||||||
width: 50px;
|
|
||||||
margin: 0 auto;
|
|
||||||
background: #eee;
|
|
||||||
border: 1px solid #eee;
|
|
||||||
padding: 2px;
|
|
||||||
outline: 0;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .calendar-time {
|
|
||||||
text-align: center;
|
|
||||||
margin: 4px auto 0 auto;
|
|
||||||
line-height: 30px;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .calendar-time select.disabled {
|
|
||||||
color: #ccc;
|
|
||||||
cursor: not-allowed;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .drp-buttons {
|
|
||||||
clear: both;
|
|
||||||
text-align: right;
|
|
||||||
padding: 8px;
|
|
||||||
border-top: 1px solid #ddd;
|
|
||||||
display: none;
|
|
||||||
line-height: 12px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .drp-selected {
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 12px;
|
|
||||||
padding-right: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .drp-buttons .btn {
|
|
||||||
margin-left: 8px;
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: bold;
|
|
||||||
padding: 4px 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
|
|
||||||
border-right: 1px solid #ddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
|
|
||||||
border-left: 1px solid #ddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.show-ranges.rtl .drp-calendar.right {
|
|
||||||
border-right: 1px solid #ddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.show-ranges.ltr .drp-calendar.left {
|
|
||||||
border-left: 1px solid #ddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .ranges {
|
|
||||||
float: none;
|
|
||||||
text-align: left;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.show-calendar .ranges {
|
|
||||||
margin-top: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .ranges ul {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .ranges li {
|
|
||||||
font-size: 12px;
|
|
||||||
padding: 8px 12px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .ranges li:hover {
|
|
||||||
background-color: #eee;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .ranges li.active {
|
|
||||||
background-color: #08c;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Larger Screen Styling */
|
|
||||||
@media (min-width: 564px) {
|
|
||||||
.daterangepicker {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .ranges ul {
|
|
||||||
width: 140px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.single .ranges ul {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.single .drp-calendar.left {
|
|
||||||
clear: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker {
|
|
||||||
direction: ltr;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .drp-calendar.left {
|
|
||||||
clear: left;
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .drp-calendar.left .calendar-table {
|
|
||||||
border-right: none;
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .drp-calendar.right {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .drp-calendar.right .calendar-table {
|
|
||||||
border-left: none;
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .drp-calendar.left .calendar-table {
|
|
||||||
padding-right: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .ranges, .daterangepicker .drp-calendar {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 730px) {
|
|
||||||
.daterangepicker .ranges {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .ranges {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker.rtl .ranges {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.daterangepicker .drp-calendar.left {
|
|
||||||
clear: none !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,277 +0,0 @@
|
|||||||
html {
|
|
||||||
height: 100%;
|
|
||||||
margin:0;
|
|
||||||
padding:0;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin:0;
|
|
||||||
padding:0;
|
|
||||||
}
|
|
||||||
|
|
||||||
body, p, td, th, textarea
|
|
||||||
{
|
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
font-size:1.2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.permalink, .permalink:hover, .permalink:active, .permalink:visited {
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'FontAwesome';
|
|
||||||
src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
|
|
||||||
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.group {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
#app {
|
|
||||||
display: grid;
|
|
||||||
height: 100vh;
|
|
||||||
margin: 0;
|
|
||||||
grid:
|
|
||||||
"search" auto
|
|
||||||
"navigation " auto
|
|
||||||
"result" 1fr
|
|
||||||
/ 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
#logo {
|
|
||||||
grid-area: logo;
|
|
||||||
font-size: 1.2em;
|
|
||||||
font-weight: bold;
|
|
||||||
background-color: black;
|
|
||||||
color: white;
|
|
||||||
padding: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search-input-wrapper {
|
|
||||||
grid-area: search_field;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search-bar {
|
|
||||||
grid-area: search;
|
|
||||||
background-color: #aaa;
|
|
||||||
padding-bottom:3px;
|
|
||||||
display: grid;
|
|
||||||
grid:
|
|
||||||
"search_field" auto
|
|
||||||
"filter_bar" auto
|
|
||||||
/ 1fr
|
|
||||||
}
|
|
||||||
|
|
||||||
#navigation-bar {
|
|
||||||
grid-area: navigation;
|
|
||||||
background-color: #ccc;
|
|
||||||
}
|
|
||||||
|
|
||||||
#navigation {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
#result {
|
|
||||||
grid-area: result;
|
|
||||||
background: #eee;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
overflow: auto;
|
|
||||||
position:relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#result-view img{
|
|
||||||
-webkit-user-drag: none; /* prevent Chrome's default behavior, when dragging on an image */
|
|
||||||
}
|
|
||||||
|
|
||||||
#zoom-in-slider {
|
|
||||||
background: #ccc;
|
|
||||||
opacity:0.4;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#filter-bar {
|
|
||||||
grid-area: filter_bar;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search-input {
|
|
||||||
box-sizing: border-box;
|
|
||||||
border: 0;
|
|
||||||
width: 100%;
|
|
||||||
padding: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#proposals {
|
|
||||||
position: fixed;
|
|
||||||
background: white;
|
|
||||||
width: 100%;
|
|
||||||
padding: 2px;
|
|
||||||
max-height: 200px;
|
|
||||||
z-index: 1;
|
|
||||||
overflow-y: scroll;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
#proposals div {
|
|
||||||
padding: 2px;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
|
|
||||||
#proposals div:hover, #proposals .highlighted {
|
|
||||||
background: lightgrey;
|
|
||||||
}
|
|
||||||
|
|
||||||
.number-input-1k {
|
|
||||||
width: 3em;
|
|
||||||
}
|
|
||||||
.number-input-10k {
|
|
||||||
width: 4em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search-date-range {
|
|
||||||
width: 38ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
#add-filter {
|
|
||||||
float:right;
|
|
||||||
}
|
|
||||||
|
|
||||||
#button-bar {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search-submit {
|
|
||||||
margin-left:3px;
|
|
||||||
margin-right:3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#result-image {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
#result-image img {
|
|
||||||
display:block; /* removes 3 pixels extra height around the image */
|
|
||||||
}
|
|
||||||
|
|
||||||
#prev_image, #next_image {
|
|
||||||
position: absolute;
|
|
||||||
height: 100%;
|
|
||||||
font-size: 4em;
|
|
||||||
opacity: 0.1;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
#prev_image:hover, #next_image:hover {
|
|
||||||
background: whitesmoke;
|
|
||||||
opacity: 0.7;
|
|
||||||
}
|
|
||||||
|
|
||||||
#prev_image:hover i, #next_image:hover i {
|
|
||||||
opacity: 1.0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#prev_image {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
#next_image{
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#result-error-message {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-grid-300 {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fit, minmax(300px, 300px));
|
|
||||||
grid-gap: 10px;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gallery-item {
|
|
||||||
display: flex;
|
|
||||||
flex-flow: column;
|
|
||||||
background: white;
|
|
||||||
box-shadow: 5px 5px 10px 0px #aaa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gallery-item a {
|
|
||||||
align-self: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gallery-item .fieldValue{
|
|
||||||
word-break: break-all;
|
|
||||||
}
|
|
||||||
|
|
||||||
#result-view-gallery-image-viewer {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
bottom:0;
|
|
||||||
z-index: 1;
|
|
||||||
overflow-y:hidden;
|
|
||||||
}
|
|
||||||
#result-view-gallery-image-viewer img{
|
|
||||||
display:block; /* removes 3 pixels extra height around the image */
|
|
||||||
}
|
|
||||||
|
|
||||||
#result-view-gallery-image-viewer-close {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
font-size: 2em;
|
|
||||||
opacity: 0.3;
|
|
||||||
}
|
|
||||||
|
|
||||||
#result-view-gallery-image-viewer-close:hover {
|
|
||||||
opacity: 1.0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#galleryControls {
|
|
||||||
margin-left: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#galleryControls progress {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
#galleryControls progress:after {
|
|
||||||
content: attr(percentage)'%';
|
|
||||||
}
|
|
||||||
|
|
||||||
.center
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:required:invalid {
|
|
||||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC);
|
|
||||||
background-position: right top;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-abort:hover {
|
|
||||||
color: #ff6b6b;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clickable {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.time {
|
|
||||||
font-family: monospace;
|
|
||||||
}
|
|
||||||
File diff suppressed because one or more lines are too long
Binary file not shown.
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -1,35 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
|
|
||||||
<script type="text/javascript" src="js/moment-2.24.0.min.js"></script>
|
|
||||||
<script type="text/javascript" src="js/daterangepicker-3.0.5.js"></script>
|
|
||||||
<script type="text/javascript" src="js/invaders.js"></script>
|
|
||||||
{{#isProduction}}
|
|
||||||
<script type="text/javascript" src="js/vue-2.6.10.min.js"></script>
|
|
||||||
{{/isProduction}}
|
|
||||||
{{^isProduction}}
|
|
||||||
<script type="text/javascript" src="js/vue-2.6.10-dev.js"></script>
|
|
||||||
{{/isProduction}}
|
|
||||||
<script type="text/javascript" src="js/ui.js"></script>
|
|
||||||
<link rel="stylesheet" type="text/css" href="css/design.css">
|
|
||||||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
|
|
||||||
<link rel="stylesheet" type="text/css" href="css/invaders.css">
|
|
||||||
<link rel="stylesheet" type="text/css" href="css/daterangepicker-3.0.5.css" />
|
|
||||||
|
|
||||||
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="app">
|
|
||||||
<search-bar v-bind="{ 'searchBar': searchBar }"></search-bar>
|
|
||||||
<div id="navigation-bar">
|
|
||||||
<navigation-bar v-bind="{ 'searchBar': searchBar }"></navigation-bar>
|
|
||||||
<navigation-bar-gallery v-bind="{ 'gallery': gallery }"></navigation-bar-gallery>
|
|
||||||
</div>
|
|
||||||
<div id="result">
|
|
||||||
<result-view v-bind="{ 'searchBar': searchBar, 'resultView': resultView }"></result-view>
|
|
||||||
<result-view-gallery v-bind="{ 'gallery': gallery }"></result-view-gallery>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Reference in New Issue
Block a user