467 lines
13 KiB
Plaintext
467 lines
13 KiB
Plaintext
/*
|
||
|
||
Copyright 2010, Google Inc.
|
||
All rights reserved.
|
||
|
||
Redistribution and use in source and binary forms, with or without
|
||
modification, are permitted provided that the following conditions are
|
||
met:
|
||
|
||
* Redistributions of source code must retain the above copyright
|
||
notice, this list of conditions and the following disclaimer.
|
||
* Redistributions in binary form must reproduce the above
|
||
copyright notice, this list of conditions and the following disclaimer
|
||
in the documentation and/or other materials provided with the
|
||
distribution.
|
||
* Neither the name of Google Inc. nor the names of its
|
||
contributors may be used to endorse or promote products derived from
|
||
this software without specific prior written permission.
|
||
|
||
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||
OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||
SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||
LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||
DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||
THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||
|
||
*/
|
||
|
||
@import-less url("../theme.less");
|
||
|
||
.schema-alignment-dialog-canvas {
|
||
padding: 0px
|
||
margin-top: 3px;
|
||
background: white;
|
||
}
|
||
|
||
.schema-alignment-dialog-statements-area {
|
||
padding: 10px;
|
||
max-height: 350px;
|
||
min-height: 250px;
|
||
overflow-y: scroll;
|
||
}
|
||
|
||
.schema-alignment-dialog-columns-area {
|
||
border: 1px solid #bcf;
|
||
padding: 5px;
|
||
max-height: 100px;
|
||
overflow-y: scroll;
|
||
}
|
||
|
||
.wbs-draggable-column {
|
||
border: 1px solid #aaa;
|
||
padding: 2px;
|
||
margin: 2px;
|
||
background-color: #eee;
|
||
display: inline-block;
|
||
padding-bottom: 3px;
|
||
}
|
||
|
||
.ui-droppable .wbs-draggable-column {
|
||
margin: 0px;
|
||
padding: 0px;
|
||
padding-left: 2px;
|
||
}
|
||
|
||
.wbs-reconciled-column {
|
||
border-bottom: 3px solid #282;
|
||
padding-bottom: 1px;
|
||
}
|
||
|
||
.wbs-restricted-column-name {
|
||
max-width: 120px;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.wbs-accepting-input {
|
||
box-shadow: inset 0 0 10px #a7cdff;
|
||
}
|
||
|
||
.wbs-validated-input {
|
||
border: 1px solid green !important;
|
||
}
|
||
|
||
.wbs-unvalidated-input {
|
||
border: 1px solid red !important;
|
||
background-color: #ffbfbf;
|
||
}
|
||
|
||
// The following three rules are taken from Wikibase
|
||
.wbs-icon {
|
||
background-position: center;
|
||
background-size: 20px 20px;
|
||
width: 20px;
|
||
height: 20px;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
opacity: 0.7;
|
||
}
|
||
|
||
.wbs-remove .wbs-icon {
|
||
background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%3E%20%3Cg%20id=%22remove%22%3E%20%3Cpath%20id=%22trash-can%22%20d=%22M12%2010h-1v6h1v-6zm-2%200H9v6h1v-6zm4%200h-1v6h1v-6zm0-4V5H9v1H6v3h1v7.966l1%201.03v-.073V18h6.984l.016-.018v.015l1-1.03V9h1V6h-3zm1%2011H8V9h7v8zm1-9H7V7h9v1z%22/%3E%20%3C/g%3E%20%3C/svg%3E");
|
||
}
|
||
|
||
.wbs-remove span:last-child:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.wbs-rank-selector-icon {
|
||
background-position: -36px;
|
||
width: 8px;
|
||
flex: 0 0 8px;
|
||
height: 20px;
|
||
margin-right: 2px;
|
||
background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20width=%22107%22%20height=%2220%22%3E%20%3Cdefs%3E%20%3Cpath%20d=%22M3.1%2C0%200%2C3.8%200%2C6%208%2C6%208%2C3.8%204.9%2C0zm8.2%2C7%20-2.3%2C2%200%2C2%202.3%2C2%203.4%2C0%202.3%2C-2%200%2C-2%20-2.3%2C-2zm6.7%2C7%200%2C2.2%203.1%2C3.8%201.8%2C0%203.1%2C-3.8%200%2C-2.2z%22%20id=%22a%22/%3E%20%3Cpath%20d=%22m18.5%2C10.75%200%2C-1.5%202%2C-1.75%203%2C0%202%2C1.75%200%2C1.5%20-2%2C1.75%20-3%2C0zm0%2C-6.75%200%2C1.5%207%2C0%200%2C-1.5%20-2.875%2C-3.5%20-1.25%2C0zm-9%2C12%200%2C-1.5%207%2C0%200%2C1.5%20-2.875%2C3.5%20-1.25%2C0zm0%2C-12%200%2C1.5%207%2C0%200%2C-1.5%20-2.875%2C-3.5%20-1.25%2C0zm-9%2C12%200%2C-1.5%207%2C0%200%2C1.5%20-2.875%2C3.5%20-1.25%2C0zm0%2C-5.25%200%2C-1.5%202%2C-1.75%203%2C0%202%2C1.75%200%2C1.5%20-2%2C1.75%20-3%2C0z%22%20id=%22b%22%20fill=%22none%22/%3E%20%3C/defs%3E%20%3Cuse%20fill=%22%23000%22%20x=%220%22%20y=%220%22%20xlink:href=%22%23a%22/%3E%20%3Cuse%20stroke=%22%23000%22%20x=%220%22%20y=%220%22%20xlink:href=%22%23b%22/%3E%20%3Cuse%20fill=%22%2372777d%22%20x=%2227%22%20y=%220%22%20xlink:href=%22%23a%22/%3E%20%3Cuse%20stroke=%22%2372777d%22%20x=%2227%22%20y=%220%22%20xlink:href=%22%23b%22/%3E%20%3Cuse%20fill=%22%2336c%22%20x=%2254%22%20y=%220%22%20xlink:href=%22%23a%22/%3E%20%3Cuse%20stroke=%22%2336c%22%20x=%2254%22%20y=%220%22%20xlink:href=%22%23b%22/%3E%20%3Cuse%20fill=%22%23447ff5%22%20x=%2281%22%20y=%220%22%20xlink:href=%22%23a%22/%3E%20%3Cuse%20stroke=%22%23447ff5%22%20x=%2281%22%20y=%220%22%20xlink:href=%22%23b%22/%3E%20%3C/svg%3E");
|
||
}
|
||
|
||
.wbs-item-input, .wbs-prop-input, .wbs-target-input {
|
||
width: 250px;
|
||
height: 20px;
|
||
/* border: 1px solid #a2a9b1; */
|
||
display: inline-block;
|
||
/* background: white; */
|
||
margin: 5px;
|
||
}
|
||
|
||
.wbs-target-input {
|
||
display: inline-flex;
|
||
}
|
||
|
||
.wbs-prop-input {
|
||
width: 120px;
|
||
}
|
||
|
||
.wbs-qualifier .wbs-prop-input {
|
||
width: 85px;
|
||
}
|
||
|
||
.wbs-qualifier .wbs-target-input {
|
||
width: 120px;
|
||
}
|
||
|
||
.wbs-item-input input, .wbs-prop-input input, .wbs-target-input input {
|
||
width: 100%;
|
||
border: solid #b5b5b5 1px;
|
||
padding: 2px;
|
||
}
|
||
|
||
.wbs-draggable-column img {
|
||
float: right;
|
||
}
|
||
|
||
.wbs-toolbar {
|
||
float: right;
|
||
width: 100px;
|
||
padding: 2px;
|
||
}
|
||
|
||
.wbs-remove,
|
||
.wbs-add-item, .wbs-add-statement-group, .wbs-add-statement,
|
||
.wbs-add-qualifier, .wbs-add-reference, .wbs-add-namedesc {
|
||
color: #0645ad !important;
|
||
font-size: 0.9em;
|
||
}
|
||
|
||
.wbs-add-item:hover, .wbs-add-statement-group:hover, .wbs-add-statement:hover,
|
||
.wbs-add-qualifier:hover, .wbs-add-reference:hover, .wbs-add-namedesc:hover {
|
||
text-decoration: none;
|
||
}
|
||
|
||
.wbs-add-item span:hover, .wbs-add-statement-group span:hover, .wbs-add-statement span:hover,
|
||
.wbs-add-qualifier span:hover, .wbs-add-reference span:hover, .wbs-add-namedesc span:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.wbs-remove {
|
||
display: inline-block;
|
||
}
|
||
|
||
.wbs-item-contents {
|
||
padding-left: 10px;
|
||
margin-left: 20px;
|
||
border-left: 3px solid gray;
|
||
}
|
||
|
||
.wbs-add-item b, .wbs-add-statement-group b, .wbs-add-statement b,
|
||
.wbs-add-qualifier b, .wbs-add-reference b, .wbs-add-namedesc b {
|
||
font-size: 1em;
|
||
color: grey;
|
||
width: 20px;
|
||
height: 20px;
|
||
}
|
||
|
||
.wbs-statement-group-container:empty:before {
|
||
content: attr(data-emptyplaceholder);
|
||
color: gray;
|
||
}
|
||
|
||
.schema-alignment-dialog-preview .wbs-qualifier .wbs-statement-container {
|
||
display: table-cell;
|
||
vertical-align: bottom;
|
||
padding-left: 10px;
|
||
height: 20px;
|
||
}
|
||
|
||
.wbs-statement-group-container, .wbs-statement-container, .wbs-qualifier-container, .wbs-reference-container {
|
||
width: 100%;
|
||
display: block;
|
||
overflow: auto;
|
||
}
|
||
|
||
.wbs-item, .wbs-statement-group, .wbs-statement, .wbs-qualifier, .wbs-reference {
|
||
display: block;
|
||
overflow: auto;
|
||
}
|
||
|
||
.wbs-item {
|
||
margin-bottom: 5px;
|
||
padding-right: 5px;
|
||
}
|
||
|
||
.wbs-statement-group {
|
||
background: #eaecf0;
|
||
margin-bottom: 5px;
|
||
border: 1px solid #c8ccd1;
|
||
}
|
||
|
||
.wbs-statement {
|
||
background: white;
|
||
border-bottom: 1px solid #eaecf0;
|
||
}
|
||
|
||
.wbs-statement:last-child {
|
||
border-bottom: 0;
|
||
}
|
||
|
||
.wbs-right {
|
||
float: right;
|
||
width: 85%;
|
||
}
|
||
|
||
.wbs-statement-group .wbs-right {
|
||
width: 75%;
|
||
}
|
||
|
||
.wbs-statement .wbs-right {
|
||
width: 90%;
|
||
}
|
||
|
||
.wbs-qualifier, .wbs-reference {
|
||
position: relative;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.wbs-qualifier .wbs-right {
|
||
width: auto;
|
||
position: absolute;
|
||
top: 0px;
|
||
margin-left: 100px;
|
||
}
|
||
|
||
.wbs-reference > .wbs-right {
|
||
width: 100%;
|
||
}
|
||
|
||
.wbs-references-toggle {
|
||
width: 12em;
|
||
margin: 5px;
|
||
}
|
||
|
||
.wbs-references-toggle a {
|
||
color: #0645ad !important;
|
||
}
|
||
|
||
|
||
.wbs-references-toggle .triangle-icon {
|
||
background: transparent url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A//purl.org/dc/elements/1.1/%22%0A%20%20%20xmlns%3Acc%3D%22http%3A//creativecommons.org/ns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A//www.w3.org/1999/02/22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20id%3D%22svg8%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20viewBox%3D%220%200%202.6458332%202.6458332%22%0A%20%20%20height%3D%2210%22%0A%20%20%20width%3D%2210%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs2%22%20/%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata5%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage/svg+xml%3C/dc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A//purl.org/dc/dcmitype/StillImage%22%20/%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C/dc%3Atitle%3E%0A%20%20%20%20%20%20%3C/cc%3AWork%3E%0A%20%20%20%20%3C/rdf%3ARDF%3E%0A%20%20%3C/metadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20transform%3D%22translate%280%2C-294.35416%29%22%0A%20%20%20%20%20id%3D%22layer1%22%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20id%3D%22path12%22%0A%20%20%20%20%20%20%20d%3D%22m%200.21601809%2C294.5035%202.28763941%2C1.14744%20-2.29850705%2C1.20871%20z%22%0A%20%20%20%20%20%20%20style%3D%22fill%3A%23645eea%3Bfill-opacity%3A1%3Bfill-rule%3Aevenodd%3Bstroke%3A%23645eea%3Bstroke-width%3A0.06161711px%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-opacity%3A1%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A) no-repeat center center;
|
||
background-size: 100% auto;
|
||
height: 8px;
|
||
width: 8px;
|
||
margin-right: 4px;
|
||
display: inline-block;
|
||
}
|
||
|
||
.pointing-right {
|
||
transform: rotate(0deg);
|
||
transition: .3s cubic-bezier(.17,.67,.21,1.69);
|
||
}
|
||
.pointing-down {
|
||
transform: rotate(90deg);
|
||
transition: .3s cubic-bezier(.17,.67,.21,1.69);
|
||
}
|
||
|
||
.wbs-qualifier .wbs-statement {
|
||
overflow: hidden;
|
||
background: transparent;
|
||
}
|
||
|
||
.wbs-monolingual-container, .wbs-quantity-container {
|
||
display: inline-block;
|
||
}
|
||
|
||
.wbs-reference-header {
|
||
height: 22px;
|
||
overflow: hidden;
|
||
display: block;
|
||
background-color: #b6c8ec;
|
||
}
|
||
|
||
.wbs-reference {
|
||
background-color: #eaf3ff;
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
.wbs-reference .wbs-statement {
|
||
background-color: #eaf3ff;
|
||
}
|
||
|
||
.wbs-namedesc-header, .wbs-statements-header {
|
||
font-size: 1.2em;
|
||
}
|
||
|
||
.wbs-namedesc {
|
||
border-left: 1px solid #c8ccd1;
|
||
border-right: 1px solid #c8ccd1;
|
||
}
|
||
|
||
.wbs-namedesc:first-child {
|
||
border-top: 1px solid #c8ccd1;
|
||
}
|
||
|
||
.wbs-namedesc:last-child {
|
||
border-bottom: 1px solid #c8ccd1;
|
||
}
|
||
|
||
|
||
.wbs-namedesc-container:empty:before {
|
||
content: attr(data-emptyplaceholder);
|
||
color: gray;
|
||
padding: 5px;
|
||
border: none;
|
||
}
|
||
|
||
.wbs-namedesc {
|
||
background-color: #eaecf0;
|
||
padding: 5px;
|
||
}
|
||
|
||
.wbs-namedesc-type, .wbs-namedesc-value {
|
||
display: inline-block;
|
||
}
|
||
|
||
.wbs-namedesc-value {
|
||
padding-left: 20px;
|
||
width: 300px;
|
||
}
|
||
|
||
.wbs-language-input {
|
||
width: 100%;
|
||
}
|
||
|
||
.schema-alignment-columns-header {
|
||
margin-bottom: 0.3em;
|
||
}
|
||
|
||
/*** Warnings rendering ****/
|
||
|
||
.wb-warning h1 {
|
||
font-size: 1.2em;
|
||
}
|
||
|
||
.schema-alignment-dialog-warnings table,
|
||
.perform-edits-warnings-area table {
|
||
width: 100%;
|
||
}
|
||
|
||
tr.wb-warning:nth-of-type(odd) {
|
||
background-color: #f2f2f2;
|
||
}
|
||
|
||
.wb-warning-count span,
|
||
.schema-alignment-total-warning-count {
|
||
color: white;
|
||
background-color: #777;
|
||
padding: 0px 5px;
|
||
border-radius: 0.5em;
|
||
}
|
||
|
||
.wb-warning-severity {
|
||
width: 60px;
|
||
height: 60px;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
.wb-warning-severity-INFO {
|
||
background-image: url('../../images/Information.png');
|
||
}
|
||
|
||
.wb-warning-severity-WARNING {
|
||
background-image: url('../../images/Warning.png');
|
||
}
|
||
|
||
.wb-warning-severity-IMPORTANT {
|
||
background-image: url('../../images/Important.png');
|
||
}
|
||
|
||
.wb-warning-severity-CRITICAL {
|
||
background-image: url('../../images/Critical.png');
|
||
}
|
||
|
||
.wb-warning-body {
|
||
padding: 5px;
|
||
vertical-align: top;
|
||
}
|
||
|
||
.wb-warning-count {
|
||
padding: 5px;
|
||
vertical-align: middle;
|
||
text-align: center;
|
||
}
|
||
|
||
.wb-warning-end {
|
||
float: clear;
|
||
}
|
||
|
||
div.schema-alignment-dialog-warnings,
|
||
div.perform-edits-warnings-area {
|
||
min-height: 340px;
|
||
max-height: 400px;
|
||
overflow-x: hidden;
|
||
overflow-y: scroll;
|
||
}
|
||
|
||
.wb-issue-preformat {
|
||
border: 1px solid #eaecf0;
|
||
background-color: #f8f9fa;
|
||
padding: 1px 3px;
|
||
border-radius: 2px;
|
||
font-family: monospace;
|
||
}
|
||
|
||
.wb-preview-new-entity {
|
||
color: #11c;
|
||
}
|
||
|
||
/*** QuickStatements Preview ***/
|
||
|
||
div.schema-alignment-dialog-preview {
|
||
min-height: 340px;
|
||
max-height: 400px;
|
||
overflow: auto;
|
||
background: white;
|
||
padding: 10px;
|
||
margin-top: 3px;
|
||
white-space: pre;
|
||
font-size: 9pt;
|
||
}
|