380 lines
9.3 KiB
Plaintext
380 lines
9.3 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;
|
||
}
|
||
|
||
// The following two 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-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%;
|
||
}
|
||
|
||
.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-remove {
|
||
display: inline-block;
|
||
}
|
||
|
||
.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, .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 {
|
||
border: 1px solid #c8ccd1;
|
||
margin-bottom: 5px;
|
||
padding-right: 5px;
|
||
}
|
||
|
||
.wbs-statement-group {
|
||
background: #eaecf0;
|
||
margin-bottom: 5px;
|
||
border: 1px solid #c8ccd1;
|
||
}
|
||
|
||
.wbs-statement {
|
||
background: white;
|
||
}
|
||
|
||
.wbs-right {
|
||
float: right;
|
||
width: 85%;
|
||
}
|
||
|
||
.wbs-statement-group .wbs-right {
|
||
width: 70%;
|
||
}
|
||
|
||
.wbs-statement .wbs-right {
|
||
width: 90%;
|
||
}
|
||
|
||
.wbs-qualifier, .wbs-reference {
|
||
position: relative;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.wbs-qualifier .wbs-right {
|
||
width: 71%;
|
||
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-qualifier .wbs-statement {
|
||
overflow: hidden;
|
||
}
|
||
|
||
.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-container {
|
||
border: 1px solid #c8ccd1;
|
||
}
|
||
|
||
.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-family: monospace;
|
||
font-size: 9pt;
|
||
}
|