Initial commit (as a partial copy of md:quality)
This commit is contained in:
1
public/static/css/README.md
Normal file
1
public/static/css/README.md
Normal file
@ -0,0 +1 @@
|
||||
# CSS files for styling the web interface to museum-digital's quality assessment tools
|
||||
46
public/static/css/dialogue.css
Normal file
46
public/static/css/dialogue.css
Normal file
@ -0,0 +1,46 @@
|
||||
/* ========
|
||||
| Reference overlay
|
||||
|= ======== */
|
||||
|
||||
#dialogueArea { display: block; position: fixed; left: 0; top: 0;
|
||||
width: 100%; height: 100%;
|
||||
max-width: initial; max-height: initial;
|
||||
background: rgba(0,0,0,.7); backdrop-filter: blur(3px);
|
||||
z-index: 10000; }
|
||||
#dialogue { display: block; position: absolute; left: 50%; top: 50%;
|
||||
transform: translate(-50%, -50%); min-width: 60vw; min-height: 2em;
|
||||
max-width: 90vw; max-height: 90vh; overflow-y: auto;
|
||||
padding: 1.5em 1em;
|
||||
background: var(--color-bg-normal); border-radius: .3em;
|
||||
box-shadow: 2px 2px 4px var(--color-fg-less), -2px -2px 4px var(--color-fg-less); }
|
||||
#dialogue h3 { margin-top: 0; padding-top: 0; text-transform: initial; color: var(--color-fg-less); }
|
||||
h4 { font-size: 1.05em; }
|
||||
h5 { font-size: 1.02em; }
|
||||
h6 { font-size: 1em; }
|
||||
|
||||
#dialogue section > div > h5,
|
||||
#dialogue section > div > h6 { margin: .5em 0; }
|
||||
|
||||
#confirmButtons { text-align: right; }
|
||||
#dialogue .buttonLike { margin: .5em 0 .2em .5em; background: transparent; transition: background .4s, color .4s; }
|
||||
#dialogue .buttonLike:hover { background: var(--color-borders-dark); color: var(--color-bg-normal); }
|
||||
|
||||
#dialogue input[type="text"],
|
||||
#dialogue textarea { padding: .5em; border-radius: .1em; border: 2px solid var(--color-borders); transition: border .4s; }
|
||||
#dialogue input[type="text"]:hover,
|
||||
#dialogue textarea:hover { border-color: var(--color-fg-normal); }
|
||||
#dialogue button { padding: .6em .8em; font-size: .8em; background: var(--color-bg-normal); border: 1px solid var(--color-borders);
|
||||
transition: .4s; }
|
||||
#dialogue button:focus,
|
||||
#dialogue button:hover { background: var(--color-fg-less); color: var(--color-bg-normal); border-color: var(--color-fg-less); }
|
||||
#dialogue form > * { display: block; width: 100%; }
|
||||
#dialogue form label { font-weight: bold; color: var(--color-fg-less); }
|
||||
#dialogueClose { float: right; display: inline-block; padding: 0 .6em .2em .6em; background: var(--color-bg-raised);
|
||||
border-radius: 100%; cursor: pointer; transition: .4s; }
|
||||
#dialogueClose:hover { background: var(--color-fg-less); color: var(--color-bg-normal); }
|
||||
|
||||
#dialogue ul { margin-left: 1em; padding-left: 0; transition: .4s; }
|
||||
#dialogue ul.minimized { height: 20px; background-color: var(--color-accent-normal);
|
||||
background-size: 20px 20px;
|
||||
background-image: repeating-linear-gradient(to right, var(--color-fg-normal), var(--color-fg-normal) 1px, var(--color-accent-normal) 1px, var(--color-accent-normal)); }
|
||||
#dialogue ul.minimized > * { display: none; }
|
||||
44
public/static/css/editMenu.css
Normal file
44
public/static/css/editMenu.css
Normal file
@ -0,0 +1,44 @@
|
||||
/* ========
|
||||
| New tooltip
|
||||
|= ======== */
|
||||
|
||||
.newToolTip { position: fixed; display: none !important; min-width: 300px !important; max-width: 600px;
|
||||
background: var(--color-fg-less) !important; color: var(--color-bg-normal); text-align: left; font-size: .95rem;
|
||||
border-radius: .2em; box-shadow: 1px 1px 4px var(--color-borders-dark); z-index: 3000; white-space: initial !important; }
|
||||
#newToolTipMain:before { content: attr(data-title); display: block; padding: .5em 1em; max-width: 598px;
|
||||
background: var(--color-fg-less); color: var(--color-bg-raised2); font-weight: bold;
|
||||
box-shadow: 0px 4px 2px -2px var(--color-borders-dark); }
|
||||
#newToolTipMain > * { padding: .5rem 1rem !important; }
|
||||
#newToolTipMain > table td { padding: .5rem 1em; vertical-align: top; }
|
||||
@media screen and (min-width: 768px) {
|
||||
#newToolTipMain.visible { display: block !important; }
|
||||
}
|
||||
|
||||
#newToolTipMain img { max-width: 200px; max-height: 300px; }
|
||||
|
||||
dl#newToolTipMain dt { padding-bottom: 0; font-weight: bold; }
|
||||
dl#newToolTipMain dd { margin: -1em 0 0 0; padding: 0 0 0 0; }
|
||||
|
||||
.newToolTipMain p + .toolTipHierarchy { padding-bottom: 0 !important; }
|
||||
#newToolTipMain > h5 { padding: 0 1rem !important; margin: -.5rem 0 !important; }
|
||||
|
||||
.copyToDialogue { cursor: pointer; }
|
||||
|
||||
/* ========
|
||||
| Animations
|
||||
|= ======== */
|
||||
|
||||
@keyframes pulseBorderSize {
|
||||
0% { border-width: 1em; }
|
||||
50% { border-width: 1.2em; }
|
||||
100% { border-width: 1em; }
|
||||
}
|
||||
@keyframes fade-in-and-vanish {
|
||||
0% { opacity: 0; z-index: 1000; }
|
||||
5% { opacity: .4; }
|
||||
15% { opacity: 1; padding: .8em; }
|
||||
75% { opacity: 1; padding: .8em; }
|
||||
85% { opacity: .4; transform: translateY(0px);}
|
||||
99% { opacity: 0; transform: translateY(-30px);}
|
||||
100% { opacity: 0; z-index: 0; }
|
||||
}
|
||||
329
public/static/css/qa.css
Normal file
329
public/static/css/qa.css
Normal file
@ -0,0 +1,329 @@
|
||||
/*
|
||||
* @import 'editMenu.css';
|
||||
@import 'dialogue.css';
|
||||
*/@import 'editMenu.css';
|
||||
@import 'dialogue.css';
|
||||
:root {
|
||||
--color-bg-normal: #FFF;
|
||||
--color-bg-raised: #EEE;
|
||||
--color-bg-raised2: #FAFAFA;
|
||||
--color-fg-normal: #000;
|
||||
--color-fg-less: #212121;
|
||||
--color-borders: #D6D6D6;
|
||||
--color-borders-dark: #646464;
|
||||
|
||||
--color-accent-normal: #1976D2;
|
||||
--color-accent-hover: #0D47A1;
|
||||
|
||||
--color-green: #388E3C;
|
||||
--color-red: #D32F2F;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
:root {
|
||||
--color-bg-normal: #000;
|
||||
--color-bg-raised: #273000;
|
||||
--color-bg-raised2: #121212;
|
||||
--color-fg-normal: #FFF;
|
||||
--color-fg-less: #EEE;
|
||||
--color-borders: #37474F;
|
||||
--color-borders-dark: #BDBDBD;
|
||||
|
||||
--color-accent-normal: #FFC107;
|
||||
--color-accent-hover: #FFA000;
|
||||
|
||||
--color-green: #81C784;
|
||||
--color-red: #EF5350;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* ==============
|
||||
| Load fonts
|
||||
|================ */
|
||||
|
||||
@font-face {
|
||||
font-family: sourceSansPro;
|
||||
src: local('Source-Sans-Pro'), local('Source Sans Pro'),
|
||||
url(../fonts/SourceSansPro-Regular.woff2) format('woff2'),
|
||||
url(../fonts/SourceSansPro-Regular.ttf) format('truetype');
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* ==============
|
||||
| General
|
||||
|================ */
|
||||
|
||||
* { box-sizing: border-box; z-index: 1; }
|
||||
|
||||
body { margin: 0; background: var(--color-bg-normal); color: var(--color-fg-normal);
|
||||
font-family: sourceSansPro, Arial, Helvetica, Times; font-size: 1.2em; line-height: 1.5em; }
|
||||
#contentWrapper { display: grid; grid-template-columns: auto auto; grid-gap: 2em 2em; }
|
||||
|
||||
a { text-decoration: none; color: inherit; }
|
||||
|
||||
h1 { display: block; width: 100%; text-align: center; margin: 0 auto .8em auto;
|
||||
padding: 1em 0;
|
||||
font-size: 2.5em; line-height: 1.2em; }
|
||||
h1 > * { display: inline-block; vertical-align: middle; color: var(--color-fg-less); }
|
||||
h1 img { margin-right: .5em; border-radius: .1em; opacity: .7; transition: opacity .4s; }
|
||||
h1 img:hover { opacity: 1; }
|
||||
|
||||
main,
|
||||
#contentWrapper > section,
|
||||
#contentWrapper > div,
|
||||
#contentWrapper > form { grid-row: auto; grid-column: 1 / span 2; display: block; width: 90%; margin: 0 auto 3em auto; }
|
||||
|
||||
div#uploader #uploaderMenu { display: block; padding: .5em 0; }
|
||||
|
||||
#parserList { display: block; margin: 0 0; padding: 0 0; }
|
||||
#parserList > li { display: grid; grid-template-columns: 15fr 1fr;
|
||||
margin: 0 0; padding: 0 0; border-bottom: 1px solid var(--color-borders);
|
||||
cursor: pointer;
|
||||
transition: .2s ease-out; }
|
||||
#parserList > li > :first-child:before { content: " > "; margin-right: .5em; }
|
||||
#parserList > li > * { display: inline-block; grid-column: auto; grid-row: 1;
|
||||
margin: 0 0; padding: .3rem 1em; }
|
||||
#parserList > li:hover { background: var(--color-bg-raised); color: var(--color-accent-hover); }
|
||||
|
||||
main p,
|
||||
section p:not(.threeCol p) { white-space: pre-wrap; }
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
#contentWrapper { grid-template-columns: 400px 1fr; }
|
||||
#contentWrapper > div#uploader { position: relative; min-width: initial; }
|
||||
#contentWrapper > main { padding-left: 2em; border-left: 1px dashed var(--color-fg-normal); }
|
||||
div#uploader #uploaderMenu { position: sticky; top: 0; }
|
||||
#contentWrapper > div#uploader, #contentWrapper > main { grid-column: auto; width: initial; }
|
||||
#contentWrapper > div#uploader { margin-left: 5vw; }
|
||||
#contentWrapper > main { margin-right: 5vw; }
|
||||
}
|
||||
|
||||
form > div { margin-bottom: 1em; }
|
||||
label { display: block; font-weight: bold; margin-bottom: .5em; }
|
||||
|
||||
form > h4 { margin-top: 0; }
|
||||
|
||||
body > footer { padding: 1em 5% 3em 5%; background: var(--color-fg-normal); color: var(--color-bg-normal); border-top: .1em solid var(--color-borders); }
|
||||
|
||||
body > footer > div { display: block; }
|
||||
body > footer > div a,
|
||||
body > footer > div span { display: block; font-weight: bold; cursor: pointer;
|
||||
color: inherit; transition: color .4s; }
|
||||
body > footer > div a:hover,
|
||||
body > footer > div span:hover { color: var(--color-accent-hover); }
|
||||
|
||||
.invisible { display: none !important; opacity: 0; }
|
||||
|
||||
.buttonLike,
|
||||
select,
|
||||
button,
|
||||
textarea,
|
||||
input { display: block; width: 100%; padding: .5em .5em; border: 2.5px solid var(--color-bg-raised);
|
||||
background: inherit; color: var(--color-fg-less); font-family: sourceSansPro; font-size: 1em;
|
||||
border-radius: .2em; transition: border .2s; }
|
||||
|
||||
select:hover,
|
||||
textarea:hover,
|
||||
input:hover { border-color: #888; }
|
||||
|
||||
button { width: 100%; padding: .5em .8em;
|
||||
border: 1px solid var(--color-fg-normal); font-weight: bold;
|
||||
border-radius: .1em;
|
||||
text-transform: uppercase; transition: color .2s, color .2s; }
|
||||
textarea { line-height: 1.2em; }
|
||||
|
||||
button:focus,
|
||||
button:hover { color: var(--color-accent-hover); border-color: var(--color-accent-hover); }
|
||||
button.backButton { margin-top: 1.5em; }
|
||||
|
||||
button + button { margin-top: .5em; }
|
||||
aside > h4:first-child { margin-top: 0; }
|
||||
|
||||
select:focus,
|
||||
textarea:focus,
|
||||
input:focus { border-color: var(--color-accent-hover); box-shadow: none; }
|
||||
|
||||
textarea:invalid,
|
||||
input:invalid { box-shadow: none; }
|
||||
textarea:invalid:focus,
|
||||
input:invalid:focus { border-right-width: 1em; }
|
||||
|
||||
textarea { min-height: 30vh; }
|
||||
|
||||
table { width: 100%; max-height: 60vh; margin: 2em 0; border-collapse: collapse; overflow: auto; }
|
||||
|
||||
th { padding: .3em .5em; text-align: left; border-bottom: 2px solid var(--color-fg-less); }
|
||||
tbody > tr:nth-child(2n + 1) { background: var(--color-bg-raised2); }
|
||||
td { padding: .3em .5em; border-bottom: 1px solid var(--color-borders); }
|
||||
|
||||
#contentWrapper > div.uploader { margin-bottom: 0; }
|
||||
#contentWrapper > div.uploader > form { border: 1px solid var(--color-bg-raised); padding: 1em 1em; margin-bottom: 0; }
|
||||
|
||||
.loading:before,
|
||||
.loading:after { content: " "; display: block;
|
||||
position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
|
||||
height: 64px; width: 64px; margin: 0; padding: 0;
|
||||
border-radius: 50%;
|
||||
border: 8px solid var(--color-accent-hover);
|
||||
border-color: var(--color-accent-hover) transparent transparent transparent;
|
||||
z-index: 100;
|
||||
animation: rotating 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation-delay: -0.15s; }
|
||||
|
||||
.loading:after { animation-delay: -0.45s; }
|
||||
|
||||
@keyframes rotating {
|
||||
from { transform: rotate(0deg); }
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
|
||||
header { display: block; width: 100%; padding: 0 2em; font-size: 1rem; z-index: 2; }
|
||||
header#mainHeader { margin-bottom: 2em;
|
||||
background: var(--color-fg-less); color: var(--color-bg-raised2); display: table; }
|
||||
header#mainHeader > * { display: table-cell; }
|
||||
@media screen and (max-width: 768px) {
|
||||
header#mainHeader > * { min-width: 20%; }
|
||||
}
|
||||
header#mainHeader > *:last-child { text-align: right; }
|
||||
|
||||
header#mainHeader, header#mainHeader * { z-index: 5; }
|
||||
header#mainHeader:hover,
|
||||
header#mainHeader *:hover { z-index: 6; }
|
||||
header * { z-index: 2; }
|
||||
header > * { display: inline-block; vertical-align: middle; }
|
||||
|
||||
header h2 { font-size: 1.1em; color: inherit; }
|
||||
main h2, section h2,
|
||||
#more h3 { text-transform: uppercase;
|
||||
font-weight: normal; }
|
||||
|
||||
header select { background: inherit; font-size: .85rem; border: 0; }
|
||||
header select option { color: var(--color-fg-normal); }
|
||||
|
||||
header nav { color: var(--color-bg-raised2); }
|
||||
header nav > * { position: relative; display: inline-block; flex: 1; font-size: 1rem; padding: .7em 0; }
|
||||
|
||||
header#mainHeader img { display: inline-block; height: 1.9em; margin-right: .5em; vertical-align: middle; filter: invert(1); transition: opacity .4s; }
|
||||
header#mainHeader h2 { display: inline-block; vertical-align: middle; font-weight: normal; }
|
||||
header#mainHeader > a:focus > img,
|
||||
header#mainHeader > a:hover > img { opacity: .7; }
|
||||
|
||||
.summary { display: block;
|
||||
padding: 0 1em;
|
||||
border: 1px solid var(--color-borders);
|
||||
border-radius: .1em; }
|
||||
.accordion { max-height: 0; overflow-y: hidden;
|
||||
transition: max-height 0.2s ease-out, border 0.2s ease-out; }
|
||||
.accordion.active { display: block; padding: 1em 0; border-top: 1px dotted var(--color-borders);
|
||||
border-bottom: 1px dotted var(--color-borders); }
|
||||
|
||||
.threeCol { display: grid; grid-template-columns: 1fr; grid-gap: 2em; }
|
||||
.threeCol > * { max-height: 300px; overflow-y: hidden; padding: 0 1em;
|
||||
transition: max-height 0.2s ease-out, border 0.2s ease-out;
|
||||
cursor: pointer; border: 1px solid var(--color-borders); border-bottom-style: dashed; }
|
||||
.threeCol > .active { border-bottom-style: solid; }
|
||||
.threeCol > :hover { border-color: var(--color-accent-hover); }
|
||||
|
||||
.threeCol a { transition: color .4s; }
|
||||
.threeCol a:hover { color: var(--color-accent-hover); }
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
.threeCol { display: block; overflow-x: auto; white-space: nowrap; }
|
||||
.threeCol > * { display: inline-block; margin-right: 5%; width: 30%; white-space: initial; vertical-align: top; }
|
||||
.threeCol > :last-child { margin-right: 0; }
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Accordions
|
||||
*/
|
||||
/* Style the buttons that are used to open and close the accordion panel */
|
||||
.faq_question { position: relative; display: block; width: 100%;
|
||||
padding: .6rem .8rem .6rem 2.4rem; cursor: pointer;
|
||||
margin: .2em 0;
|
||||
border: 1px solid var(--color-borders); border-radius: .2rem;
|
||||
outline: none; transition: .4s ease-out; }
|
||||
|
||||
.faq_question:before { display: inline-block; content: " > ";
|
||||
position: absolute; left: .8rem; top: 50%; transform: translate(0, -50%);
|
||||
font-size: 1.6rem;
|
||||
color: var(--color-accent-normal);
|
||||
font-weight: bold; }
|
||||
|
||||
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
|
||||
.active, .faq_question:hover { background: var(--color-bg-raised2); }
|
||||
.accordion.faq_answer { padding-left: 18px; padding-right: 18px; white-space: pre-wrap; }
|
||||
|
||||
section h2 { margin-top: 2em; }
|
||||
|
||||
#more { border-top: 1px solid var(--color-borders); margin-top: 2em;}
|
||||
|
||||
.moreTiles { display: block; max-width: 100%; position: relative; }
|
||||
.moreTiles > a { display: inline-block; border: 1px solid var(--color-borders);
|
||||
border-radius: .1rem;
|
||||
font-size: .7em;
|
||||
transition: border .4s; }
|
||||
.moreTiles > a:hover,
|
||||
.moreTiles > a:focus { border-color: var(--color-accent-hover); }
|
||||
.moreTiles > a img { display: block; width: 400px; height: 225px; border-radius: inherit; }
|
||||
.moreTiles .moreTilesMeta { position: absolute; bottom: .5em;
|
||||
max-width: 400px;
|
||||
padding: .5em; background: rgba(0, 0, 0, .8);
|
||||
color: #FFF; }
|
||||
.moreTiles .moreTilesMeta p { margin: 0 0; padding: 0 0; font-weight: bold; }
|
||||
.moreTilesTitle { font-weight: bold; font-size: 1.15em; transition: color .4s; }
|
||||
|
||||
.moreTiles > a:hover .moreTilesTitle,
|
||||
.moreTiles > a:focus .moreTilesTitle { color: var(--color-accent-hover); }
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
|
||||
header nav > div > div { display: none; position: absolute; right: 0; top: 100%; width: 300px;
|
||||
background: var(--color-fg-less); text-align: left; }
|
||||
header nav > div > a { padding: .95em 1em; transition: background .4s, color .4s; }
|
||||
header nav > div:focus > a,
|
||||
header nav > div:hover > a { color: var(--color-gray); }
|
||||
header nav > div > a:focus + div,
|
||||
header nav > div:hover > div { display: block; animation: fade-in .4s; }
|
||||
header nav > div > a:focus + div > a,
|
||||
header nav > div:hover > div > a { display: block; padding: .5em 1em; cursor: pointer;
|
||||
transition: background .4s, color .4s; }
|
||||
header nav > div > a:focus + div > a:focus,
|
||||
header nav > div:hover > div > a:hover { background: var(--color-fg-normal); color: var(--color-bg-normal); }
|
||||
header { padding: 0 10em; }
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
body { font-size: 1.08em; }
|
||||
h1 img { display: none; }
|
||||
header .branding { padding: .7rem; }
|
||||
header nav:before { content: " \2630 "; display: inline-block; position: absolute; right: 3rem; top: 0;
|
||||
padding: .8rem 0; font-size: 1.5em; text-align: right; }
|
||||
header nav > * { display: none; }
|
||||
|
||||
header nav:hover:before { display: none; }
|
||||
header nav:hover { position: absolute; left: 0; top: 0; display: flex;
|
||||
width: 100%; min-height: 90vh; padding: 2em 1em .5em 1em; background: var(--color-bg-normal); color: var(--color-fg-normal);
|
||||
border-bottom: 1px solid var(--color-borders); box-shadow: 2px 2px 4px var(--color-borders);
|
||||
z-index: 3; animation: fade-in .4s; }
|
||||
|
||||
header nav:hover > * { display: block; flex: 1; min-width: 40vw; padding: 1em; font-size: 1em; }
|
||||
header nav:hover > div a { display: block; padding: .2em 0; }
|
||||
header { padding: 0 1em; }
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
header#mainHeader,
|
||||
body > footer,
|
||||
header nav,
|
||||
header nav > div > div { background: inherit; color: inherit; }
|
||||
header#mainHeader { border-bottom: 1px solid var(--color-bg-raised2); }
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1600px) {
|
||||
#contentWrapper {
|
||||
max-width: 1400px; margin: 0 auto;
|
||||
}
|
||||
}
|
||||
1
public/static/css/qa.min.css/css/dialogue.css
Normal file
1
public/static/css/qa.min.css/css/dialogue.css
Normal file
@ -0,0 +1 @@
|
||||
#dialogueArea{display:block;position:fixed;left:0;top:0;width:100%;height:100%;max-width:initial;max-height:initial;background:rgba(0,0,0,.7);backdrop-filter:blur(3px);z-index:10000}#dialogue{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:60vw;min-height:2em;max-width:90vw;max-height:90vh;overflow-y:auto;padding:1.5em 1em;background:var(--color-bg-normal);border-radius:.3em;box-shadow:2px 2px 4px var(--color-fg-less),-2px -2px 4px var(--color-fg-less)}#dialogue h3{margin-top:0;padding-top:0;text-transform:initial;color:var(--color-fg-less)}h4{font-size:1.05em}h5{font-size:1.02em}h6{font-size:1em}#dialogue section>div>h5,#dialogue section>div>h6{margin:.5em 0}#confirmButtons{text-align:right}#dialogue .buttonLike{margin:.5em 0 .2em .5em;background:0 0;transition:background .4s,color .4s}#dialogue .buttonLike:hover{background:var(--color-borders-dark);color:var(--color-bg-normal)}#dialogue input[type=text],#dialogue textarea{padding:.5em;border-radius:.1em;border:2px solid var(--color-borders);transition:border .4s}#dialogue input[type=text]:hover,#dialogue textarea:hover{border-color:var(--color-fg-normal)}#dialogue button{padding:.6em .8em;font-size:.8em;background:var(--color-bg-normal);border:1px solid var(--color-borders);transition:.4s}#dialogue button:focus,#dialogue button:hover{background:var(--color-fg-less);color:var(--color-bg-normal);border-color:var(--color-fg-less)}#dialogue form>*{display:block;width:100%}#dialogue form label{font-weight:700;color:var(--color-fg-less)}#dialogueClose{float:right;display:inline-block;padding:0 .6em .2em;background:var(--color-bg-raised);border-radius:100%;cursor:pointer;transition:.4s}#dialogueClose:hover{background:var(--color-fg-less);color:var(--color-bg-normal)}#dialogue ul{margin-left:1em;padding-left:0;transition:.4s}#dialogue ul.minimized{height:20px;background-color:var(--color-accent-normal);background-size:20px 20px;background-image:repeating-linear-gradient(to right,var(--color-fg-normal),var(--color-fg-normal) 1px,var(--color-accent-normal) 1px,var(--color-accent-normal))}#dialogue ul.minimized>*{display:none}
|
||||
1
public/static/css/qa.min.css/css/editMenu.css
Normal file
1
public/static/css/qa.min.css/css/editMenu.css
Normal file
@ -0,0 +1 @@
|
||||
.newToolTip{position:fixed;display:none!important;min-width:300px!important;max-width:600px;background:var(--color-fg-less)!important;color:var(--color-bg-normal);text-align:left;font-size:.95rem;border-radius:.2em;box-shadow:1px 1px 4px var(--color-borders-dark);z-index:3000;white-space:initial!important}#newToolTipMain:before{content:attr(data-title);display:block;padding:.5em 1em;max-width:598px;background:var(--color-fg-less);color:var(--color-bg-raised2);font-weight:700;box-shadow:0 4px 2px -2px var(--color-borders-dark)}#newToolTipMain>*{padding:.5rem 1rem!important}#newToolTipMain>table td{padding:.5rem 1em;vertical-align:top}@media screen and (min-width:768px){#newToolTipMain.visible{display:block!important}}#newToolTipMain img{max-width:200px;max-height:300px}dl#newToolTipMain dt{padding-bottom:0;font-weight:700}dl#newToolTipMain dd{margin:-1em 0 0;padding:0}.newToolTipMain p+.toolTipHierarchy{padding-bottom:0!important}#newToolTipMain>h5{padding:0 1rem!important;margin:-.5rem 0!important}.copyToDialogue{cursor:pointer}@keyframes pulseBorderSize{0%{border-width:1em}50%{border-width:1.2em}100%{border-width:1em}}@keyframes fade-in-and-vanish{0%{opacity:0;z-index:1000}5%{opacity:.4}15%{opacity:1;padding:.8em}75%{opacity:1;padding:.8em}85%{opacity:.4;transform:translateY(0)}99%{opacity:0;transform:translateY(-30px)}100%{opacity:0;z-index:0}}
|
||||
1
public/static/css/qa.min.css/css/qa.css
Normal file
1
public/static/css/qa.min.css/css/qa.css
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user