Move public files to /public subdirectory
phpcs-errors:221 phpunit-status:successful phpstan-errors:0
This commit is contained in:
144
public/assets/css/csvxml.css
Normal file
144
public/assets/css/csvxml.css
Normal file
@ -0,0 +1,144 @@
|
||||
@import 'editMenu.css';
|
||||
|
||||
/* ==============
|
||||
| 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');
|
||||
}
|
||||
|
||||
/* ==============
|
||||
| General
|
||||
|================ */
|
||||
|
||||
* { box-sizing: border-box; z-index: 1; }
|
||||
|
||||
body { margin: 2em; background: #FFF;
|
||||
font-family: sourceSansPro, Arial, Helvetica, Times; font-size: 1.2em; line-height: 1.5em; }
|
||||
|
||||
a { text-decoration: none; color: inherit; }
|
||||
|
||||
h1 { display: block; max-width: 600px; margin: 0 auto 1.5em auto; }
|
||||
h1 > * { display: inline-block; vertical-align: middle; color: #212121; }
|
||||
h1 img { height: 2em; margin-right: .2em; border-radius: .1em; opacity: .7; transition: opacity .4s; }
|
||||
h1 img:hover { opacity: 1; }
|
||||
|
||||
body > div,
|
||||
body > form { display: block; max-width: 90vw; margin: 0 auto 3em auto; padding-bottom: 3em; }
|
||||
|
||||
form > div { margin-bottom: 1em; }
|
||||
label { display: block; font-weight: bold; margin-bottom: .5em; }
|
||||
|
||||
.invisible { display: none !important; opacity: 0; }
|
||||
|
||||
.buttonLike,
|
||||
select,
|
||||
button,
|
||||
textarea,
|
||||
input { display: block; width: 100%; padding: .5em .5em; border: 2.5px solid #EEE;
|
||||
background: inherit; color: #424242; font-family: roboto; font-size: 1em;
|
||||
border-radius: .2em; transition: border .2s; }
|
||||
|
||||
.buttonLike { display: inline-block; text-align: center; }
|
||||
input[type="submit"],
|
||||
button { padding: .5em .8em; }
|
||||
.buttonLike,
|
||||
input[type="submit"],
|
||||
button { background: #FFCCBC; color: #424242; border: none; font-weight: bold; text-transform: uppercase; transition: background .2s, color .2s; }
|
||||
textarea { line-height: 1.2em; }
|
||||
|
||||
select:hover,
|
||||
textarea:hover,
|
||||
input:hover { border-color: #888; }
|
||||
|
||||
.buttonLike:focus,
|
||||
input[type="submit"]:focus,
|
||||
button:focus,
|
||||
.buttonLike:hover,
|
||||
input[type="submit"]:hover,
|
||||
button:hover { background: #CB9B8C; color: #000; }
|
||||
|
||||
aside .buttonLike + .buttonLike,
|
||||
aside button + button { margin-top: .5em; }
|
||||
aside > h4:first-child { margin-top: 0; }
|
||||
|
||||
select:focus,
|
||||
textarea:focus,
|
||||
input:focus { border-color: #CB9B8C; 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 #424242; }
|
||||
tbody > tr:nth-child(2n + 1) { background: #F2F2F2; }
|
||||
td { padding: .3em .5em; border-bottom: 1px solid #D6D6D6; }
|
||||
|
||||
body > div.uploader { background: #F2F2F2; border: 2px solid #EEE; padding: 1em 1em; }
|
||||
|
||||
ul.fieldList { display: block; margin: .5em 0; padding: 0 0; list-style: none; }
|
||||
ul.fieldList > li { display: inline-block; padding: .3em; margin: .1em; border: 1px solid #D6D6D6; background: #FAFAFA; cursor: pointer; transition: background .4s, border .4s, box-shadow .4s;; }
|
||||
ul.fieldList > li:hover { background: #FFF; border-color: #212121; }
|
||||
ul.fieldList > li.requiredField:before { display: inline-block; content: " \002612 "; margin-right: .5em; }
|
||||
ul.fieldList > li.humanTLToggled { border-color: #CB9B8C; background: #CB9B8C; box-shadow: 0 8px 6px -6px black; }
|
||||
|
||||
.options > a.buttonLike { display: inline-block; width: auto;
|
||||
margin: .15em 0; padding: .4em .5em;
|
||||
text-transform: inherit; cursor: pointer;
|
||||
background: initial; border: 2px solid #D6D6D6;
|
||||
opacity: 1;
|
||||
transition: background .4s, opacity .4s; }
|
||||
.options > a.buttonLike:hover { background: #D6D6D6; }
|
||||
|
||||
.actionList { margin: 1em 0 1em 1em; padding: .5em 0; }
|
||||
.actionList > li a { display: inline-block; padding: .3em; border-radius: .3em; transition: background .4s; }
|
||||
.actionList > li a:hover { background: #CB9B8C; }
|
||||
|
||||
/* =============
|
||||
| Dark mode
|
||||
|============ */
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body { background: #263238; color: #ECEFF1; }
|
||||
input, select, textarea { background: inherit; color: inherit; border: 3px solid #37474F; transition: border .4s, box-shadow .4s; }
|
||||
a.buttonLike:focus,
|
||||
.options > a.buttonLike:focus,
|
||||
button:focus,
|
||||
select:focus,
|
||||
textarea:focus,
|
||||
input:focus,
|
||||
textarea:active,
|
||||
input:active,
|
||||
a.buttonLike:hover,
|
||||
.options > a.buttonLike:hover,
|
||||
ul.fieldList > li:hover,
|
||||
button:hover,
|
||||
select:hover,
|
||||
textarea:hover,
|
||||
input:hover { background: inherit; border-color: #FFF; box-shadow: initial; border-radius: .2em; }
|
||||
ul.fieldList > li,
|
||||
.options > a.buttonLike,
|
||||
a.buttonLike, button, input[type="submit"] { background: inherit; color: #FFF; border: 3px solid #FFC107; border-radius: .2em; transition: background .4s, color .4s, border .4s; }
|
||||
ul.fieldList > li { border-color: #37474F; }
|
||||
ul.fieldList > li.humanTLToggled,
|
||||
.options > a.buttonLike:hover,
|
||||
a.buttonLike:hover, button:hover { background: #FFC107; color: #000; border-color: #FFA000; }
|
||||
|
||||
a { color: #CFD8DC; }
|
||||
|
||||
.tiles > section h2 { background: #37474F; color: inherit; }
|
||||
.tiles > section:hover h2 { background: rgba(0,0,0,.2); color: inherit; }
|
||||
|
||||
h1, h1 > * { color: #CFD8DC; }
|
||||
body > div.uploader { background: inherit; border-color: #37474F; }
|
||||
|
||||
}
|
||||
38
public/assets/css/csvxml.min.css
vendored
Normal file
38
public/assets/css/csvxml.min.css
vendored
Normal file
@ -0,0 +1,38 @@
|
||||
@import 'editMenu.css';@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')}*{box-sizing:border-box;z-index:1}
|
||||
body{margin:2em;background:#FFF;font-family:sourceSansPro,Arial,Helvetica,Times;font-size:1.2em;line-height:1.5em}
|
||||
a{text-decoration:none;color:inherit}
|
||||
h1{display:block;max-width:600px;margin:0 auto 1.5em auto}
|
||||
h1>*{display:inline-block;vertical-align:middle;color:#212121}
|
||||
h1 img{height:2em;margin-right:.2em;border-radius:.1em;opacity:.7;transition:opacity.4s}
|
||||
h1 img:hover{opacity:1}
|
||||
body>div,body>form{display:block;max-width:90vw;margin:0 auto 3em auto;padding-bottom:3em}
|
||||
form>div{margin-bottom:1em}
|
||||
label{display:block;font-weight:bold;margin-bottom:.5em}.invisible{display:none!important;opacity:0}.buttonLike,select,button,textarea,input{display:block;width:100%;padding:.5em.5em;border:2.5px solid #EEE;background:inherit;color:#424242;font-family:roboto;font-size:1em;border-radius:.2em;transition:border.2s}.buttonLike{display:inline-block;text-align:center}
|
||||
input[type="submit"],button{padding:.5em.8em}.buttonLike,input[type="submit"],button{background:#FFCCBC;color:#424242;border:none;font-weight:bold;text-transform:uppercase;transition:background.2s,color.2s}
|
||||
textarea{line-height:1.2em}
|
||||
select:hover,textarea:hover,input:hover{border-color:#888}.buttonLike:focus,input[type="submit"]:focus,button:focus,.buttonLike:hover,input[type="submit"]:hover,button:hover{background:#CB9B8C;color:#000}
|
||||
aside.buttonLike+.buttonLike,aside button+button{margin-top:.5em}
|
||||
aside>h4:first-child{margin-top:0}
|
||||
select:focus,textarea:focus,input:focus{border-color:#CB9B8C;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 #424242}
|
||||
tbody>tr:nth-child(2n+1){background:#F2F2F2}
|
||||
td{padding:.3em.5em;border-bottom:1px solid #D6D6D6}
|
||||
body>div.uploader{background:#F2F2F2;border:2px solid #EEE;padding:1em 1em}
|
||||
ul.fieldList{display:block;margin:.5em 0;padding:0 0;list-style:none}
|
||||
ul.fieldList>li{display:inline-block;padding:.3em;margin:.1em;border:1px solid #D6D6D6;background:#FAFAFA;cursor:pointer;transition:background.4s,border.4s,box-shadow.4s}
|
||||
ul.fieldList>li:hover{background:#FFF;border-color:#212121}
|
||||
ul.fieldList>li.requiredField:before{display:inline-block;content:" \002612 ";margin-right:.5em}
|
||||
ul.fieldList>li.humanTLToggled{border-color:#CB9B8C;background:#CB9B8C;box-shadow:0 8px 6px-6px black}.options>a.buttonLike{display:inline-block;width:auto;margin:.15em 0;padding:.4em.5em;text-transform:inherit;cursor:pointer;background:initial;border:2px solid #D6D6D6;opacity:1;transition:background.4s,opacity.4s}.options>a.buttonLike:hover{background:#D6D6D6}.actionList{margin:1em 0 1em 1em;padding:.5em 0}.actionList>li a{display:inline-block;padding:.3em;border-radius:.3em;transition:background.4s}.actionList>li a:hover{background:#CB9B8C}
|
||||
@media(prefers-color-scheme:dark){body{background:#263238;color:#ECEFF1}
|
||||
input,select,textarea{background:inherit;color:inherit;border:3px solid #37474F;transition:border.4s,box-shadow.4s}
|
||||
a.buttonLike:focus,.options>a.buttonLike:focus,button:focus,select:focus,textarea:focus,input:focus,textarea:active,input:active,a.buttonLike:hover,.options>a.buttonLike:hover,ul.fieldList>li:hover,button:hover,select:hover,textarea:hover,input:hover{background:inherit;border-color:#FFF;box-shadow:initial;border-radius:.2em}
|
||||
ul.fieldList>li,.options>a.buttonLike,a.buttonLike,button,input[type="submit"]{background:inherit;color:#FFF;border:3px solid #FFC107;border-radius:.2em;transition:background.4s,color.4s,border.4s}
|
||||
ul.fieldList>li{border-color:#37474F}
|
||||
ul.fieldList>li.humanTLToggled,.options>a.buttonLike:hover,a.buttonLike:hover,button:hover{background:#FFC107;color:#000;border-color:#FFA000}
|
||||
a{color:#CFD8DC}.tiles>section h2{background:#37474F;color:inherit}.tiles>section:hover h2{background:rgba(0,0,0,.2);color:inherit}
|
||||
h1,h1>*{color:#CFD8DC}
|
||||
body>div.uploader{background:inherit;border-color:#37474F}}
|
||||
48
public/assets/css/editMenu.css
Normal file
48
public/assets/css/editMenu.css
Normal file
@ -0,0 +1,48 @@
|
||||
/* ========
|
||||
| New tooltip
|
||||
|= ======== */
|
||||
|
||||
.newToolTip { position: fixed; display: none !important; min-width: 300px !important; max-width: 600px;
|
||||
background: #212121 !important; color: #FFF; text-align: left; font-size: .95rem;
|
||||
border-radius: .2em; box-shadow: 1px 1px 4px #646464; z-index: 3000; white-space: initial !important; }
|
||||
#newToolTipMain:before { content: attr(data-title); display: block; padding: .5em 1em; max-width: 598px;
|
||||
background: #212121; color: #BDBDBD; font-weight: bold;
|
||||
box-shadow: 0px 4px 2px -2px #646464; }
|
||||
#newToolTipMain > * { padding: .5rem 1rem !important; }
|
||||
#newToolTipMain > table td { padding: .5rem 1em; vertical-align: top; }
|
||||
@media screen and (min-width:75em) {
|
||||
#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; }
|
||||
.toolTipHierarchy { margin: 0; padding: 0; border-top: 1px solid #424242; list-style: none; }
|
||||
.toolTipHierarchy ul { margin: 0; padding: .2em 0 .2em 0; list-style: none; }
|
||||
.toolTipHierarchy ul ul { padding: .1em 0 .1em 1.2em; }
|
||||
.toolTipHierarchy ul > li:before { content: " \002514 "; display: inline-block; padding-right: .4em; }
|
||||
|
||||
.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; }
|
||||
}
|
||||
Reference in New Issue
Block a user