:root {
--shadow-color: 286deg 0% 0%;
--shadow-elevation-low: 0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.34), 0.4px 0.8px 1px -1.2px hsl(var(--shadow-color) / 0.34), 1px 2px 2.5px -2.5px hsl(var(--shadow-color) / 0.34);
--shadow-elevation-medium: 0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.36), 0.8px 1.6px 2px -0.8px hsl(var(--shadow-color) / 0.36), 2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color) / 0.36), 5px 10px 12.6px -2.5px hsl(var(--shadow-color) / 0.36);
--shadow-elevation-high: 0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.34), 1.5px 2.9px 3.7px -0.4px hsl(var(--shadow-color) / 0.34), 2.7px 5.4px 6.8px -0.7px hsl(var(--shadow-color) / 0.34), 4.5px 8.9px 11.2px -1.1px hsl(var(--shadow-color) / 0.34), 7.1px 14.3px 18px -1.4px hsl(var(--shadow-color) / 0.34), 11.2px 22.3px 28.1px -1.8px hsl(var(--shadow-color) / 0.34), 17px 33.9px 42.7px -2.1px hsl(var(--shadow-color) / 0.34), 25px 50px 62.9px -2.5px hsl(var(--shadow-color) / 0.34);
/* CSS HEX */
--red: #a63d40;
--blue: #367ac3;
--lblue: #eaf1f9;
--yellow: #ffe66d;
--green: #619482;
--lgreen: #cfded9;
--purple: #66c9;
--light-cyan: #dbfaf8;
--brown: #c37f36;
}
@font-face {
font-family: 'Noto Serif';
font-display: swap;
src: url("/css/fonts/NotoSerif-Regular.woff2") format('woff2');
}
@font-face {
font-family: 'Noto Serif';
font-display: swap;
src: url("/css/fonts/NotoSerif-Italic.woff2") format('woff2');
font-style: italic;
}
@font-face {
font-family: 'Noto Serif';
font-display: swap;
src: url("/css/fonts/NotoSerif-Bold.woff2") format('woff2');
font-weight: bold;
}
@font-face {
font-family: 'Noto Serif';
font-display: swap;
src: url("/css/fonts/NotoSerif-BoldItalic.woff2") format('woff2');
font-style: italic;
font-weight: bold;
}
@font-face {
font-family: 'Gugi';
font-display: swap;
src: url("fonts/Gugi-Regular.woff2") format('woff2');
}
@font-face {
font-family: 'Source Sans Pro';
font-display: swap;
src: url("fonts/SourceSansPro-Regular.woff2") format('woff2');
font-weight: normal;
}
@font-face {
font-family: 'Source Sans Pro';
font-display: swap;
src: url("fonts/SourceSansPro-Bold.woff2") format('woff2');
font-weight: bold;
}
@font-face {
font-family: 'Source Sans Pro';
font-display: swap;
src: url("fonts/SourceSansPro-Black.woff2") format('woff2');
font-weight: 900;
}
@font-face {
font-family: 'Source Sans Pro';
font-display: swap;
src: url("fonts/SourceSansPro-Light.woff2") format('woff2');
font-weight: 100;
}
@font-face {
font-family: 'Source Sans Pro';
font-display: swap;
src: url("fonts/SourceSansPro-Italic.woff2") format('woff2');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Source Sans Pro';
font-display: swap;
src: url("fonts/SourceSansPro-BoldItalic.woff2") format('woff2');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Source Sans Pro';
font-display: swap;
src: url("fonts/SourceSansPro-BlackItalic.woff2") format('woff2');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Source Sans Pro';
font-display: swap;
src: url("fonts/SourceSansPro-LightItalic.woff2") format('woff2');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Oxygen';
font-size: 0.1em;
font-weight: 400;
src: url("fonts/Alegreya-VariableFont_wght.woff2") format('woff2');
unicode-range: U+0030-0039;
/* Unicode range for numbers 0 to 9 */
}
@font-face {
font-family: 'Mono';
font-weight: 400;
src: url("fonts/CourierPrime-Regular.woff2") format('woff2');
}
@font-face {
font-family: 'Mono';
font-weight: 800;
src: url("fonts/CourierPrime-Bold.woff2") format('woff2');
}
html {
line-height: 1.15;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
scroll-behavior: smooth;
}
body {
overflow-anchor: none;
}
/* Sections
========================================================================== */
*,
*:before,
*:after {
box-sizing: border-box;
}
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
overflow-x: hidden;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 1.8em;
margin: 0.67em 0;
margin-top: 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main {
/* 1 */
display: block;
}
main>p:first-of-type {
margin: 0 0 1rem;
font-size: 1.5rem;
font-weight: 900;
letter-spacing: -.5px;
text-transform: uppercase;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */
}
a:not([href]) {
text-decoration: none;
color: inherit;
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small,
.small {
font-size: .9rem !important;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: .9rem;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
/* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
text-transform: uppercase;
/* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
.stats>* {
flex: 1 1 auto;
margin-top: 0em;
border-top: 1px solid #ddd;
padding-top: 10px;
}
.stats {
display: flex;
justify-content: space-between;
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
.toggle {
position: relative;
display: inline-block;
width: 3rem;
height: 1.5rem;
background-color: #ccc;
border-radius: 30px;
border: 2px solid #c1c1c1 !important;
}
/* After slide changes */
.toggle:after {
content: '';
position: absolute;
width: calc(1.5rem - 4px);
height: calc(1.5rem - 4px);
border-radius: 50%;
background-color: #fff;
top: 0;
left: 0;
transition: all 0.5s;
}
/* Toggle text */
.toggle span {
margin: 0 5px;
line-height: 1.25rem;
font-size: .75rem;
color: #fff;
/* display: inline-block; */
}
/* Checkbox checked effect */
.checkbox:checked+.toggle::after {
left: 1.5rem;
/* background-color: var(--green); */
}
/* Checkbox checked toggle label bg color */
.checkbox:checked+.toggle {
background-color: SelectedItem;
}
.checkbox:checked+.toggle span {
/* color: var(--green); */
}
/* Checkbox vanished */
.checkbox {
display: none;
}
.tgl {
display: none;
}
.tgflex {
display: flex;
gap: .5rem;
align-items: center;
}
.tgflex span {
max-width: 6rem;
}
.tg-item span {
font-size: .75rem;
text-align: right;
}
.tgl+.tgl-btn {
outline: 0;
display: block;
width: 4em;
height: 2em;
position: relative;
cursor: pointer;
user-select: none;
background-color: #ddd;
border-radius: 2em;
padding: 2px;
transition: all 0.4s ease;
margin-bottom: 0;
}
.sm .tgl + .tgl-btn {
width: 2rem;
height: 1rem;
}
.tgl+.tgl-btn::after {
border-radius: 50%;
background-color: #fff;
transition: all 0.2s ease;
left: 0;
position: relative;
display: block;
content: "";
width: 50%;
height: 100%;
}
.tgl:checked+.tgl-btn {
background-color: var(--green);
}
.tgl:checked+.tgl-btn::after {
left: 50%;
}
.dropdown.open+button {
opacity: 1;
outline: 5px solid var(--light-cyan);
}
.dropstuff {
content: '✓ ';
color: var(--green);
position: absolute;
bottom: 2rem;
}
.dropstuff::before {
background-color: #eaf1f9;
}
.dropstuff.needs:before{
content: 'NEEDS checklist ';
/* font-weight:bold; */
}
.dropstuff.has:before{
content: 'HAS checklist ';
/* font-weight:bold; */
}
.dropstuff.tagged:before{
content: 'HAS tags ';
/* font-weight:bold; */
}
.dropstuff.vols:before{
content: 'Volumes ';
/* font-weight:bold; */
}
.dropstuff.vols.svols:before{
content: 'Source Volumes ';
/* font-weight:bold; */
}
.dropstuff.vols.not_svols:before{
content: 'NOT in Volumes ';
/* font-weight:bold; */
}
.dropstuff.vols b {
display: none;
}
.dropstuff.nottagged::before {
content: 'NOT tagged ';
/* font-weight: bold; */
}
.dropstuff.noted:before{
content: 'HAS notes ';
/* font-weight:bold; */
}
.dropstuff.notnoted::before {
content: 'NO notes with ';
/* font-weight: bold; */
}
.dropstuff b {
font-weight: normal;
background-color: var(--lgreen);
color: var(--green);
font-size: .75rem;
/* white-space:nowrap; */
padding:.25rem;
border-radius:15px;
margin:.25rem 0;
display: block;
}
.filtert{
color: var(--green);
}
.cke_widget_drag_handler_container {
/* display: none !important; */
}
/*
.yidtit .le-toolbar {
direction: rtl;
padding: 6px 8px 6px 40px;
}
*/
/*
.yidtit .le-toolbar-collapse {
left: 5px;
right: auto;
}
*/
/*
.yidtit .le-btn[data-plugin-id="maximize-btn"] {
left: 19px;
right: auto;
}
*/
/*
.yidtit .le-toolbar.le-toolbar-collapsed .le-toolbar-collapse {
rotate: 180deg;
left: 5px;
}
*/
[dir="rtl"] .le-toolbar {
direction: ltr;
/* justify-content: right; */
}
.hasneeds button {
margin:0;
height: fit-content;
}
.hasneeds {
display: flex;
gap:.25rem;
align-items: baseline;
/*
background-color:#fff;
outline:5px solid #fff;
*/
border-radius:5px;
}
.filtercheck .caption {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.filtercheck {
flex: 0 1 auto;
}
.filtergo {
margin: 0;
margin-bottom: .5rem;
white-space: nowrap;
}
.filtergroup {
display: flex;
align-items: flex-end;
padding: .25rem;
background-color: var(--lblue);
border-radius: 5px;
outline: 5px solid var(--lblue);
/* width: 100%; */
gap: .5rem;
}
.filter select {
width: 100%;
}
/*
.filtergroup select {
max-width: 150px;
}
*/
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
/* 1 */
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none !important;
}
input,
textarea,
select,
button,
option,
html,
body {
/*font-family:'Source Sans Pro', sans-serif;*/
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
/* font-stretch: normal; */
font-style: normal;
font-weight: 400;
}
fieldset {
display: flex;
flex-direction: row;
flex-wrap: wrap;
border-radius: 4px;
border: none;
}
fieldset legend {
margin: 18px 0
}
input,
textarea,
select,
button {
border-radius: 3.6px;
display: inline-block;
max-width: 100%;
padding: 9.9px;
border: none;
border-top: 1px solid #000;
border-left: 1px solid #000;
}
select[multiple] {
min-width: 270px
}
textarea {
/* min-height: 5em; */
}
label {
display: inline-block;
margin-bottom: 14.76px;
/* color: #888; */
font-size: .9em;
}
label+* {
page-break-before: always
}
label~label {
margin-left: 2rem;
}
input[type="submit"],
input[type="reset"],
button {
background-color: var(--blue);
color: #fff;
cursor: pointer;
display: inline;
margin-bottom: 18px;
margin-right: 7.2px;
padding: 6.525px 23.4px;
text-align: center;
border: none;
}
a.add,
.new {
background-color: var(--blue);
color: #fff;
cursor: pointer;
display: inline;
margin-bottom: 18px;
margin-right: 7.2px;
margin-left: 7.2px;
padding: 6.525px 23.4px;
text-align: center;
border: none;
font-size: .9rem;
padding: 3px 10px;
border-radius: 10px;
opacity: .5;
display: inline-block;
}
.new a {
color: #fff;
}
.new a:hover {
text-decoration: none;
}
a.add:hover,
.new:hover {
background-color: #000;
color: #fff;
text-decoration: none;
opacity: 1;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
background-color: #d9d9d9;
color: #000
}
input[type="submit"],
button[type="submit"] {
background-color: var(--blue);
color: #fff
}
input[type="submit"][disabled],
input[type="reset"][disabled],
button[disabled] {
background-color: #e6e6e6;
color: #b3b3b3;
cursor: not-allowed
}
input[type="submit"]:hover,
button[type="submit"]:hover {
background-color: #255587;
color: #bfbfbf
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="phone"],
input[type="tel"],
input[type="number"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="color"],
input[type="time"],
input[type="search"],
input[type="range"],
input[type="file"],
input[type="datetime-local"],
select,
textarea {
border: 1px solid #ccc;
margin-bottom: 18px;
padding: 5.4px 6.3px;
width: 100%;
}
time {
display: block !important;
}
input[type="file"] {
overflow: hidden;
border: none;
}
input[type="checkbox"],
input[type="radio"] {
flex-grow: 0;
/*height: 29.7px;*/
margin-left: 0;
margin-right: 9px
}
input[type="checkbox"]+label,
input[type="radio"]+label {
page-break-before: avoid
}
pre,
code,
kbd,
samp,
var,
output {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
font-size: 14.4px
}
pre {
border-left: 1.8px solid #90d5a5;
line-height: 25.2px;
overflow: auto;
padding-left: 18px
}
pre code {
background: none;
border: 0;
line-height: 29.7px;
padding: 0
}
code,
kbd {
background-color: #d3eedb;
border-radius: 3.6px;
color: #3fa75f;
display: inline-block;
line-height: 18px;
padding: 3.6px 6.3px 2.7px
}
kbd {
background-color: #3fa75f;
color: #fff
}
mark {
background-color: #ffc;
padding: 0 3.6px;
}
a {
color: var(--blue);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
hr {
border-bottom: 1px solid #eee;
opacity: .25;
}
figcaption {
font-size: 15.3px;
}
figcaption {
color: #ccc;
}
var,
em,
i {
font-style: italic;
}
dt,
strong,
b {
font-weight: 600;
}
del,
s {
text-decoration: line-through;
}
ins,
u {
text-decoration: underline;
}
html,
body {
min-height: 100%;
width: 100%;
}
body {
background-color: #f5f5f5;
color: #1a1a1a;
padding: 0;
min-width: 320px;
/*max-width: 90%;*/
margin: 0 auto;
position: relative;
}
ol,
ul {
margin-left: 31.5px
}
li dl,
li ol,
li ul {
margin-bottom: 0;
margin-top: 1em;
}
dl {
display: inline-block
}
dt {
padding: 0 18px
}
dd {
padding: 0 18px 4.5px
}
dd:last-of-type {
border-bottom: 1.08px solid #ccc
}
dd+dt {
border-top: 1.08px solid #ccc;
padding-top: 9px
}
blockquote {
border-left: 2.16px solid #ccc;
padding: 4.5px 18px 4.5px 15.84px
}
img {
height: auto;
max-width: 100%
}
.container {
display: grid;
grid-template-areas: "header header header" "crumbs crumbs crumbs" "content split side" "footer footer footer";
grid-template-areas: "header header header" "crumbs crumbs crumbs" "content split side " "mo mo mo" "footer footer footer";
grid-template-columns: 3fr 10px 1fr;
grid-gap: 1.5rem;
grid-template-rows: auto auto 1fr auto;
row-gap: 0;
min-height: 100vh;
margin: 0;
}
.splitter {
cursor: col-resize;
grid-area: split;
border-right: 4px solid #eee;
position: relative;
position: sticky;
top: 1rem;
height: 100vh;
}
.splitter:after {
content: '';
width: 10px;
height: 50px;
background-color: #ccc;
position: absolute;
top: 35vh;
/* top: 50%; */
background: repeating-linear-gradient( 180deg, #ccc, #ccc 8px, #ddd 8px, #ddd 14px);
left: 3px;
}
.splitter span {
width: 10px;
height: 1rem;
color: #000;
position: absolute;
top: calc(35vh + .75rem);
left: 16px;
opacity: .25;
cursor: pointer;
transition: all .15s;
transform: rotate(0deg);
}
.splitter span:hover {
opacity: 1;
color: var(--red);
}
.splitter.splitclose span {
transform: rotate(180deg);
left: -.5rem;
transition: all .15s;
}
.splitter.splitclose span:hover {
color: var(--green);
}
.splitter.splitclose+aside {
max-height: 100vh;
}
header {
grid-area: header;
background-color: #999;
height: 67px;
}
header h1 {
align-items: center;
height: 100%;
display: flex;
gap: 1rem;
}
nav {
background-color: #fff;
position: absolute;
right: 0;
z-index: 999999;
bottom: 0;
width: 260px;
transform: translatex(300px);
transition: all .15s;
padding-top: 3rem;
box-shadow: var(--shadow-elevation-high);
top: 0;
height: 100vh;
}
nav .noham {
display: none;
}
.navint {
overflow: auto;
height: 100%;
padding-bottom: 200px;
}
nav::before {
content: '☰';
position: fixed;
top: 8px;
right: 1.5rem;
background-color: transparent;
transform: translatex(-300px);
font-size: 2rem;
color: #000;
cursor: pointer;
}
nav:hover::before {
color: var(--blue);
}
nav.navopen {
transform: translatex(0);
position: fixed;
}
nav.navopen::before {
content: '×';
transform: translatex(0px);
z-index: 999999;
}
nav.navopen .menuwarn {
padding: 0 12px 1rem;
display: block;
margin-top: -1.25rem;
background-color: #eee;
}
.menuwarn {
font-size: .9em;
color: var(--red);
}
.urllink {
display: block;
}
main {
grid-area: content;
margin-top: 1.5rem;
padding-left: 1.5rem;
}
aside {
grid-area: side;
margin-right: 1.5rem;
}
footer {
grid-area: footer;
padding-bottom: 10rem;
background-color: #f5f5f5;
z-index: 2;
}
.wrappedform {
display: contents;
}
.upimg img {
width: 85px;
height: auto;
}
#alltags details,
#alltags>div {
padding: 20px 10px;
/* cursor: pointer; */
border-top: 1px solid #ccc;
background-color: #eee;
border-radius: 5px;
margin-top: 1em;
padding-bottom: 2em;
position: relative;
}
.allnotecats .catlist {
padding: 10px 0;
position: relative;
}
.catlist .del:hover::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--red);
opacity: .25;
pointer-events: none;
}
.onetag {
padding: 10px 40px;
cursor: initial;
position: relative;
}
.onetag:last-child {
margin-bottom: 0;
}
.onetag:hover {
background-color: #ddd;
border-radius: 4px;
}
.onetwrap {
display: inline-block;
background-color: var(--lgreen);
font-size: .75rem;
padding: .25rem .5rem;
border-radius: 15px;
margin-bottom: .5rem;
margin-right: .5rem;
}
#alltags details summary {
margin-bottom: 10px;
}
.singlecat>a>span {
font-size: .75rem;
color: #999;
}
button.copy {
background-color: transparent;
margin: 0 2rem;
height: 1.5rem;
width: 1.5rem;
overflow: clip;
aspect-ratio: 1;
padding: 0;
position: relative;
top: 6px;
}
button.copy * {
fill: var(--blue);
}
button.copy svg {
width: 100%;
}
button.copy:hover * {
fill: var(--green);
}
.rtl {
direction: rtl;
}
span.rtl, span[dir="rtl"] {
unicode-bidi:embed;
background-color: #f5f5cc;
}
.ltr{
direction: ltr;
}
span.ltr, span[dir="ltr"] {
unicode-bidi:embed;
background-color: #f5ccf5;
}
.item.new {
background-color: green !important;
background-image: none !important;
}
.storyform,
main {
/*position: absolute;*/
top: 137px;
width: 100%;
max-width: calc(100vw - 2rem);
}
.sidebar,
aside {
/*position: absolute;*/
/*
top: 0;
right: calc(-35% - 25px);
*/
/* width: 35%; */
border-top: 0px solid #ccc;
padding: 0px;
background-color: transparent;
border-radius: 0px;
margin-top: 1.5rem;
display: flex;
flex-direction: column;
}
.b-date .tit,
.b-date input {
font-size: .9rem;
}
.b-date {
background-color: #ddd;
order: 10;
}
.mainform {
display: contents;
}
.storyform>form>div,
.storyform>form>.sidebar>div,
main>div,
aside>div {
margin-top: 1em;
border-top: 1px solid #ccc;
padding: 10px;
background-color: #eee;
border-radius: 5px;
position: relative;
}
main>div:first-of-type,
aside>div:first-of-type {
margin-top: 0;
}
main>.onemod:empty+div {
margin-top: 0;
}
.storyform>form>.sidebar {
margin-top: 0;
border-top: 0px solid #ccc;
padding: 0px;
background-color: transparent;
border-radius: 0px;
}
.saveart {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 20px !important;
text-align: right;
z-index: 100;
background-color: #ccc;
}
.nosave .saveart {
display: none;
}
.☯ {
display: none;
align-items: center;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: linear-gradient(black 50%, white 0);
animation: r 2s linear infinite;
}
.☯:before,
.☯:after {
flex: 1;
border: solid 3.33333px white;
height: 3.33333px;
border-radius: 50%;
transform-origin: 0 50%;
transform: scale(0.5);
background-color: black;
animation: s 1s ease-in-out infinite alternate;
content: "";
box-sizing: content-box;
}
.☯:after {
border-color: black;
transform-origin: 100% 50%;
background-color: white;
animation-delay: -1s;
}
@keyframes s {
to {
transform: scale(1.5);
}
}
@keyframes r {
to {
transform: rotate(1turn);
}
}
#texts {
padding-bottom: 30px;
}
.nav a,
nav a {
display: block;
background-color: #eee;
/* margin-right: 15px; */
padding: 10px 12px;
margin: .5rem 0 0 0;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1.5px;
/* text-align: center; */
}
.nav a.on,
nav a.on {
background-color: var(--blue);
color: #eee;
}
h1 .sitetit {
color: var(--red);
font-size: 16px;
font-family: 'Gugi';
margin-top: 1.5rem;
margin-left: -2rem;
}
.admin {
color: var(--red);
top: .25rem;
position: relative;
width: 255px;
}
.admin svg {
fill: var(--red);
width: 75px;
height: 75px;
display: inline-block;
vertical-align: middle;
position: absolute;
top: 0px;
left: 170px;
/*background-color: #fff;*/
border-radius: 50%;
overflow: visible;
padding: 0 20px 20px 0;
fill: #000;
/*box-shadow: 0px 0px 58px #ccc;*/
}
.admin svg path {
animation: 1s ease-in-out 0s;
}
.tags-for input {
width: auto;
}
/* LOG IN */
.login {
width: 350px;
}
.field-wrap {
position: relative;
margin-bottom: 40px;
}
.field-wrap label {
font-size: .75rem;
text-transform: uppercase;
display: inline-block;
font-family: 'brandon', sans-serif;
font-size-adjust: .5;
letter-spacing: 2px;
font-weight: bold;
}
.field-wrap label .req {
margin: 2px;
color: var(--verybright);
}
.field-wrap input {
display: block;
width: 100%;
/* height: 100%; */
padding: 5px 10px;
background-color: #fff;
border: 1px solid var(--midaccent);
color: #000;
border-radius: 5px;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
font-size: 1rem;
margin-top: 5px;
font-size: 1.5rem;
}
.field-wrap .plabel {
position: relative;
}
.passicon {
position: absolute;
top: 2em;
right: 5px;
width: 30px;
z-index: 10;
cursor: pointer;
}
.forgot {
position: relative;
text-align: right;
top: -40px;
}
.password[type="text"]~#password-strength-text::before {
content: "/";
position: absolute;
top: 1.5rem;
right: 15px;
color: #000;
font-size: 30px;
text-shadow: 2px 4px 1px #fff;
z-index: 20;
font-weight: bold;
pointer-events: none;
}
.oneu {
padding: .5rem 5px;
position: relative;
gap: 1rem;
display: grid;
grid-template-columns: 1fr 1fr 1.5fr 1fr .5fr .5fr 1fr .25fr;
}
.oneu>* {
flex: 1 1 20%;
}
.oneu.head {
font-weight: bold;
background-color: #999 !important;
color: #fff;
align-items: center;
}
.oneu:nth-of-type(2n+1) {
background-color: #ddd;
}
.oneu .del {
flex: 0 0 20px;
}
.oneu .del:hover::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 5px;
background-color: var(--red);
opacity: .25;
pointer-events: none;
}
#password-strength-text {
text-transform: none;
font-weight: normal;
letter-spacing: .5px;
color: #999;
}
#password-strength-meter {
margin: 5px auto;
display: block;
}
meter {
/* Reset the default appearance */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0 auto 1em;
width: 100%;
height: 0.5em;
/* Applicable only to Firefox */
background-color: none;
background-color: rgba(0, 0, 0, 0.1);
}
meter::-webkit-meter-bar {
background-color: none;
background-color: rgba(0, 0, 0, 0.1);
}
/* Webkit based browsers */
meter[value="1"]::-webkit-meter-optimum-value {
background-color: red;
}
meter[value="2"]::-webkit-meter-optimum-value {
background-color: yellow;
}
meter[value="3"]::-webkit-meter-optimum-value {
background-color: orange;
}
meter[value="4"]::-webkit-meter-optimum-value {
background-color: green;
}
/* Gecko based browsers */
meter[value="1"]::-moz-meter-bar {
background-color: red;
}
meter[value="2"]::-moz-meter-bar {
background-color: yellow;
}
meter[value="3"]::-moz-meter-bar {
background-color: orange;
}
meter[value="4"]::-moz-meter-bar {
background-color: green;
}
.readonlyinput {
border: none;
background-color: transparent;
margin: 0;
padding: 0;
font-size: 1.1rem;
color: var(--green);
;
}
.ifi.loading {
top: 2rem;
position: relative;
/* background-color: ; */
color: var(--red);
display: block;
width: 100%;
height: 3rem;
}
.ifi.loading::after {
left: -1rem;
top: -1.5rem;
}
.pt {
display: inline-flex;
font-size: .8em;
}
.pt>div {
background-color: #ddd;
color: #999;
padding: 1px 8px;
margin: 0 3px;
border-radius: 5px;
}
.nav,
nav {
/* margin-bottom: 25px; */
}
.message.show.hide {
padding: 1rem;
border: 1px solid var(--red);
font-weight: bold;
border-radius: 0;
background-color: #3b7dc4;
color: #fff;
position: relative !important;
position: fixed !important;
top: 10px;
left: 25vw;
width: 50vw;
text-align: center;
opacity: 1;
transition: opacity 0.5s ease;
}
.message.error {
background-color: var(--red) !important;
}
.message a {
background-color: #fff;
padding: 0px 12px;
border-radius: 10px;
}
.message p {
text-align: center;
}
.message.fade-out{
opacity: 0 !important;
}
details pre {
background-color: #000;
}
.yiddishtextwrap .clear-btn {
bottom: auto;
top: 5rem;
right: -1rem;
left: auto;
z-index: 99;
}
.but {
background-color: var(--blue);
color: #fff;
cursor: pointer;
margin-right: 7.2px;
padding: 6.525px 23.4px;
text-align: center;
border: none;
border-radius: 3.6px;
display: inline-block;
max-width: 100%;
opacity: .75;
}
.but:hover {
opacity: 1;
}
.but.feat {
min-width: 90px;
}
.but.butsm {
padding: 3px 10px;
font-size: .8em;
}
.but.butyes {
background-color: #44af69;
}
.but.butno {
background-color: var(--red);
}
.but.del {
border-radius: 50%;
width: 20px;
height: 20px;
vertical-align: middle;
display: inline-block;
line-height: 18px;
padding: 0;
margin: 0;
text-align: center;
float: right;
background-color: transparent;
}
.but.del svg {
width: 100%;
height: 100%;
}
.but.del svg * {
fill: var(--red);
}
.new.but::after {
content: '+';
font-weight: bold;
text-shadow: 0px 0px 2px #0f0;
}
.new.but {
background-image: linear-gradient(to bottom, #fff, #ccc);
color: #060;
font-size: .9em;
padding: 5px 10px;
border: 1px solid #fff;
}
.new.but:hover {
background-image: linear-gradient(to bottom, #ddd, #ddd);
}
.showall {
list-style-type: none;
margin-left: 0;
padding-left: 0;
}
.showall li {
padding: 3px 5px;
}
.showall li:nth-of-type(2n) {
background-color: #fff;
}
.showall li:hover {
background-color: #ccc;
}
.sorty.shrink .updown::after {
content: 'expand ↓';
float: right;
display: inline-block;
font-size: .9em;
position: relative;
top: .5em;
color: var(--blue);
opacity: .75;
cursor: pointer;
}
.sorty .updown::after {
content: 'collapse ↑';
float: right;
display: inline-block;
font-size: .9em;
position: relative;
top: .5em;
color: var(--blue);
opacity: .75;
cursor: pointer;
}
#sortable,
#sortablepages {
list-style-type: none;
margin: 0;
padding: 0;
}
#sortable li,
#sortablepages li {
padding-bottom: 1em;
padding-top: 1em;
position: relative;
}
#sortable li span.ui-icon,
#sortablepages li span.ui-icon {
position: absolute;
margin-left: -2em;
cursor: grab;
}
#sortable li.sortn span,
#sortablepages li.sortn span {
display: none;
}
#sortable li:hover,
#sortablepages li:hover {
/* background-color: #fff; */
}
.matsarea li:nth-of-type(2n) {
background: repeating-linear-gradient( 45deg, #eee, #ddd 10px, #eee 10px, #ddd 20px);
}
.sorty {
border: 1px solid #ccc;
border-radius: 10px;
padding: 0 10px;
}
.sorty.shrink>div {
max-height: 0;
overflow: hidden;
transition: all .25s;
padding: 0;
margin: 0;
border: 0;
}
.sorty>div {
/*max-height: 240px;*/
transition: all .25s;
}
.shrink>div:first-of-type {
max-height: 2em;
}
.existingfiles,
.hexistingfiles {
padding: 0 .5rem !important;
}
.existingfiles img {
height: 75px;
width: auto;
}
.is {
max-width: 320px;
}
.branch>div:hover {
border-radius: 4px;
background-color: #ddd;
}
.branch>div {
padding: 5px 10px;
}
.sorty div {
border-bottom: 1px solid #fff;
margin-bottom: 10px;
padding-bottom: 10px;
}
.matsarea>li::after {
content: '';
display: table;
clear: both;
}
.txtsarea .df {
position: absolute;
right: 5px;
top: 30px;
}
.txtsarea {}
.button {
background-color: var(--blue) !important;
background-image: none !important;
color: #eee;
border-radius: 5px;
padding: 6px 12px;
vertical-align: middle;
font-size: 15px;
cursor: pointer;
text-decoration: none;
border: 0 none;
display: inline-block;
text-align: center;
line-height: 1em;
}
.button:hover {
background-color: #bfbfbf !important;
color: #255587 !important;
text-decoration: none;
}
.button[data-type=low-priority],
button[data-type=low-priority] {
background-color: #fff !important;
color: #999;
border: 1px solid #ccc;
opacity: 1;
}
.button[data-type=low-priority]:hover,
button[data-type=low-priority]:hover {
color: #7c6354;
border: 1px solid #7c6354;
}
.b[data-type=low-priority] {
background-color: #fff !important;
color: #999;
border: 1px solid #ccc;
}
.b[data-type=low-priority]:hover {
color: #7c6354;
border: 1px solid #7c6354;
}
.button[data-size=small],
button[data-size=small] {
font-size: 12px;
line-height: 12px;
padding: 6px 12px;
}
.button[data-size=large],
button[data-size=large] {
font-size: 26px;
}
#sortable.txtsarea li span.ui-icon,
#sortablepages.txtsarea li span.ui-icon {
top: 30px;
}
#sortable.txtsarea li,
#sortablepages.txtsarea li {
border-top: 1px solid #ccc;
}
.upspace {
margin: 0 0 30px 35px;
}
.progress-wrp {
/*border: 1px solid #0099CC;*/
padding: 1px;
position: relative;
top: -10px;
border-radius: 3px;
text-align: left;
background-color: #fff;
/*box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);*/
opacity: 0;
margin-bottom: 15px;
transition: opacity .5s;
}
.progress-wrp .progress-bar {
height: 2px;
border-radius: 3px;
background-color: rgb(54, 122, 195);
width: 0;
transition: width .1s;
box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}
.progress-wrp .status {
top: 3px;
left: 50%;
position: absolute;
display: inline-block;
color: #000;
font-size: 13px;
background-color: #f5f5f5;
padding: 3px 8px;
margin-top: 5px;
border-radius: 12px;
}
.commeta {
font-size: .9rem;
}
.commlink {
margin-left: 1rem;
}
.commlink p {
margin: 0;
}
.onecomm {
margin-bottom: 1rem;
border-bottom: 1px solid #ccc;
padding-bottom: 1rem;
}
.onecomm .status {
background-color: #c339;
color: #fff;
font-size: .75rem;
padding: 0 .5rem;
border-radius: 15px;
}
.onecomm .status:empty {
display: none;
}
.onecomm .le-body {
max-height: 20rem;
}
.onecomm .lite-editor {
height: auto;
}
.commcontrolls {
float: left;
}
.summary::before {
content: '►';
}
.details {
/* cursor: pointer; */
font-size: .75rem;
text-transform: uppercase;
/* width: 40%; */
}
.details.open .summary::before {
content: '▼';
}
.details .summary {
font-size: .75rem;
cursor: pointer;
display: inline;
}
.details .content {
font-size: .75rem;
margin-left: 1rem;
display: grid;
grid-template-rows: 0fr;
transition: max-height .25s, grid-template-rows 0.15s ease-in-out, padding .35s;
text-transform: none;
font-size: 1rem;
background-color: #f5f5f5;
}
.details.open .content {
grid-template-rows: 1fr;
border: 1px solid #ccc;
padding: 1rem;
}
.peopleform .details {
width: 100%;
}
.peopleform .details.open .content {
padding: .5rem;
background-color: #fff;
}
.peopleform .commbuttons{
display: flex;
gap: .5rem;
}
.peopleform .commbuttons button{
display: block;
text-transform: capitalize;
border-radius: 15px;
padding: .25rem .5rem;
background-color: var(--red);
opacity: .5;
margin-bottom: .5rem;
}
.peopleform .commbuttons button.togglepub.u {
background-color: var(--green);
opacity: .75;
}
.peopleform .onecomm .status {
color: var(--red);
background-color: transparent;
padding: 0;
font-size: .9rem;
}
.details .contin {
overflow: hidden;
}
.onecomm .open + .comm-controls .editcomm {
display: block;
}
.onecomm button {
display: none;
}
.comm-controls{
display: flex;
gap: 1rem;
margin: .25rem 1rem;
}
.editing:has(.open) button {
display: block;
}
.editing .editcomm {
display: none !important;
}
.savecomm {
background-color: var(--green);
}
.cancelcomm {
background-color: transparent;
color: #000;
outline: 1px solid #999;
}
.editing .cimages > div::after {
content: '✕';
position: absolute;
top: -.5rem;
left: -.5rem;
background-color: var(--red);
color: #fff;
opacity: .5;
border-radius: 50%;
height: 1.5rem;
width: 1.5rem;
text-align: center;
vertical-align: middle;
line-height: 1rem;
cursor: pointer;
padding: .25rem;
}
.editing .cimages > div:hover::after {
opacity: 1;
}
.editing .cimages > div {
position: relative;
}
.bigpop img {
width: 100%;
height: 100%;
object-fit: contain;
}
.bigpop {
z-index: 9999999999;
width: 100%;
height: 100%;
background-color: var(--purple);
backdrop-filter: blur(3px);
padding: 2rem;
position: fixed;
top: 0;
left: 0;
}
[data-big],
.bigpop {
cursor: pointer;
}
.bigpop.noclose {
cursor: default;
}
.bigpopinner {
width: 80%;
max-width: 800px;
margin: auto;
background-color: #fff;
padding: 1rem;
max-height: 90vh;
position: relative;
padding-bottom: 2rem;
min-height: 10rem;
}
.bigpopinner>div {
margin: 2rem;
}
.noclose .bigpopinner::after {
content: none;
}
.bigpopinner::after {
content: '✕';
position: absolute;
top: .5rem;
right: .5rem;
font-size: 2rem;
color: #ccc;
}
.bigpopinner:hover::after {
color: #000;
}
.ywrap .cke_contents>*,
.hascke:has(.englishname) .cke_contents>*,
.peepsdatetext .cke_contents>*,
.hascke:has(.yiddishname) .cke_contents>*,
.hascke:has(.yiddate) .cke_contents>* {
font-size: calc(.5rem + .9vw);
/*
line-height: 0;
height: 2.5rem !important;
*/
}
.heblite,
.heblite .cke,
.heblite label {
width: 100%;
}
.heblite .cke {
border: 1px solid #ccc !important;
max-height: 10rem;
overflow: auto;
}
.heblite .cke_top {
position: relative;
}
a.cke_button:hover {
scale: 1.4;
transition: scale .15s;
}
.splitwrap {
padding: 1rem;
background-color: #eee;
max-height: 60vh;
overflow: auto;
}
.popclose:hover {
opacity: 1;
}
.popclose {
position: absolute;
top: .5rem;
right: .5rem;
font-size: 2rem;
color: var(--red);
cursor: pointer;
opacity: .5;
margin: 0 !important;
}
.comblist {
width: 100%;
}
.comblistinner {
direction: rtl;
display: flex;
flex-direction: column;
gap: .5rem;
margin: .5rem 0;
width: 60%;
}
.splitsave {
position: absolute;
bottom: 0;
background-color: var(--red);
display: flex;
align-items: center;
right: 0;
left: 0;
}
.splitsave button {
margin: .5rem auto;
}
body:has(.bigpop) {
overflow-y: clip;
}
.prettydropdown {
position: relative;
min-width: 72px;
/* 70px + borders */
display: inline-block;
}
.prettydropdown.loading {
min-width: 0;
}
.prettydropdown>ul {
position: absolute;
top: 10px;
left: 0;
background-color: #fff;
border: none;
box-sizing: content-box;
color: #777;
cursor: pointer;
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
-webkit-user-select: none;
/* Chrome all / Safari all */
-moz-user-select: none;
/* Firefox all */
-ms-user-select: none;
/* IE 10+ */
user-select: none;
/* Likely future */
z-index: 1;
}
.prettydropdown svg {
height: 1em;
fill: #777;
}
.prettydropdown.loading>ul {
visibility: hidden;
white-space: nowrap;
}
.prettydropdown>ul:focus,
.prettydropdown:not(.disabled)>ul:hover {
border-color: #7f7f7f;
}
.prettydropdown:not(.disabled)>ul.active {
width: auto;
max-height: none !important;
border-color: #1e90ff;
overflow-x: hidden;
overflow-y: auto;
z-index: 99;
}
.prettydropdown>ul.active:focus {
outline: none;
}
.prettydropdown>ul.active.reverse {
top: auto;
bottom: 0;
}
.prettydropdown>ul>li {
position: relative;
min-width: 70px;
height: 2em;
/* 50px - borders */
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
box-sizing: border-box;
display: none;
line-height: 2em;
/* 48px - borders */
margin: 0;
max-width: 200px !important;
}
.prettydropdown.loading>ul>li {
min-width: 0;
display: block;
padding-right: 0.8rem;
}
.prettydropdown>ul:not(.active)>li:not(.selected):first-child {
color: transparent;
/* Prevent FOUC */
}
.prettydropdown>ul>li:first-child,
.prettydropdown>ul.active>li {
display: block;
}
.prettydropdown>ul.active>li:not(.label):hover,
.prettydropdown>ul.active>li.hover:not(.label),
.prettydropdown>ul.active>li:first-child:hover:after {
background-color: #1e90ff;
color: #fff;
}
.prettydropdown>ul.active>li.nohover {
background-color: inherit !important;
color: inherit !important;
}
.prettydropdown>ul.active>li.hover:before,
.prettydropdown>ul.active>li.nohover:after {
border-top-color: #fff !important;
}
.prettydropdown>ul.active>li.hover:after,
.prettydropdown>ul.active>li.nohover:before {
border-top-color: #1e90ff !important;
}
.prettydropdown.arrow>ul>li.selected:before,
.prettydropdown.arrow>ul>li.selected:after {
position: absolute;
top: 8px;
bottom: 0;
right: 8px;
height: 16px;
border: 8px solid transparent;
/* Arrow size */
box-sizing: border-box;
content: '';
display: block;
margin: auto;
}
.prettydropdown.arrow.small>ul>li.selected:before,
.prettydropdown.arrow.small>ul>li.selected:after {
top: 4px;
height: 8px;
border-width: 4px;
}
.prettydropdown.arrow>ul>li.selected:before {
border-top-color: transparent;
/* Arrow color */
}
.prettydropdown.arrow>ul>li.selected:after {
top: 4px;
/* Chevron thickness */
border-top-color: #000;
/* Match background colour */
}
.prettydropdown.arrow.small>ul>li.selected:after {
top: 2px;
/* Chevron thickness */
}
.prettydropdown.arrow.triangle>ul>li.selected:after {
content: none;
}
.prettydropdown>ul:hover>li.selected:before {
border-top-color: #7f7f7f;
}
.prettydropdown>ul.active>li.selected:before,
.prettydropdown>ul.active>li.selected:after {
border: none;
}
.prettydropdown>ul:not(.active)>li>span.checked {
display: none;
}
/* Multi-Select */
.prettydropdown.multiple>ul>li.selected {
overflow: hidden;
padding-right: 2rem;
text-overflow: ellipsis;
white-space: nowrap;
}
.prettydropdown>ul>li>span.checked {
clear: both;
float: right;
font-weight: bold;
margin-right: 0.8rem;
}
/* Option Groups */
.prettydropdown>ul>li.label {
cursor: default;
font-weight: bold;
}
.prettydropdown>ul>li.label:first-child,
.prettydropdown.classic>ul>li.label~li.selected {
border-top: none;
}
.prettydropdown>ul>li.label~li:not(.label):not(.selected),
.prettydropdown.classic>ul.active>li.label~li:not(.label) {
padding-left: 1.6rem;
}
/* Classic Behavior */
.prettydropdown.classic>ul:not(.active)>li.selected:not(:first-child) {
position: absolute;
top: 0;
display: block;
}
/* Disabled */
.prettydropdown.disabled,
.prettydropdown>ul>li.disabled {
opacity: 0.3;
}
.prettydropdown.disabled>ul>li,
.prettydropdown>ul>li.disabled {
cursor: not-allowed;
}
/* Divider Lines */
.prettydropdown.multiple>ul>li.selected+li,
.prettydropdown.multiple>ul.reverse>li.selected,
.prettydropdown>ul>li.label,
.prettydropdown>ul>li.label~li.selected {
border-top-color: #dedede;
}
.onechrome.inactive {
background-color: rgba(166, 61, 64, .1) !important;
border-bottom: 1px solid #ccc;
}
.act {
cursor: pointer;
}
.act svg {
width: 25px;
}
.active .act svg {
fill: var(--red);
}
.inactive .act svg {
fill: rgba(0, 100, 0, 1);
}
#tab {
border-collapse: collapse;
max-width: 90vw !important;
margin-left: -20vw;
margin-bottom: 20px;
margin-right: -20vw;
}
#tab tr:nth-of-type(2n) {
background-color: #e1e1e1;
}
#tab tr:hover {
background-color: #c2d7ed;
}
#tab td {
padding: 8px;
font-size: .8em;
border: 1px solid transparent;
vertical-align: top;
}
.saveart.changed {
background-color: rgb(166, 61, 64);
}
#tab tr:nth-of-type(even) {
background-color: #fff;
}
#tab thead tr {
font-weight: bold;
background-color: #ccc;
white-space: nowrap;
position: sticky;
top: 0;
text-transform: uppercase;
letter-spacing: .5px;
}
th {
text-align: left;
padding: 8px;
cursor: pointer;
}
th[class*="sorting"] {
background-color: #c2d7ed;
}
table#tab {
counter-reset: rowNumber;
}
table#tab tbody tr {
counter-increment: rowNumber;
}
/*
table#tab tbody tr:not(:first-child) {
counter-increment: rowNumber;
}
*/
table#tab tbody tr td:first-child::before {
content: counter(rowNumber);
min-width: 1em;
margin-right: 0.5em;
}
.sorting-asc::after {
content: '';
border: 4px solid transparent;
border-top-color: #000;
vertical-align: middle;
display: inline-block;
margin-left: 5px;
}
.sorting-desc::after {
content: '';
border: 4px solid transparent;
border-bottom-color: #000;
vertical-align: middle;
display: inline-block;
margin-left: 5px;
}
.metainfo {
display: inline-block;
font-size: .9em;
vertical-align: top;
margin-left: 20px;
}
select {
display: inline-block;
width: auto;
}
.em,
.n {
color: #999;
text-transform: lowercase;
}
.n {
display: inline-block;
width: 1em;
text-align: right;
font-size: .9em;
}
.egroup {
display: flex;
flex-wrap: wrap;
}
.egroup>* {
flex: 1 0 50%;
page-break-before: auto;
}
.titty {
font-family: 'Gugi';
font-size: 48px;
width: calc(170px + 1rem);
display: inline-block;
margin-left: 1.5rem;
}
.titty a {
color: inherit;
}
.titty a:hover {
text-decoration: none;
}
.newpcatname {
display: none;
}
.newpcatname.show {
display: block;
}
input.short,
textarea.short {
display: inline-block;
width: auto;
vertical-align: middle;
}
.itemifo>.itname {
flex: 1 0 100%;
}
.itemifo>div {
flex: 0 1 49%;
}
.itemifo {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.itemifo .desc {
order: 3;
flex: 1 0 100%;
}
.itemifo>div .short {
max-width: 50%;
vertical-align: top;
}
.price {
position: relative;
}
.price input {
padding-left: 18px;
}
.price span {
position: absolute;
z-index: 10;
color: #999;
top: 1.5em;
left: 5px;
}
input.datetime {
display: inline-block;
width: 190px;
font-size: .9em;
background-color: #ddd;
}
.boxtit {
/*
position: sticky;
top: 0;
*/
background-color: #eee;
/* z-index: 99; */
padding-bottom: 10px;
}
.boxtit>a::before {
display: block;
content: '';
}
label.radio:hover {
background-color: #999;
color: #fff;
border-radius: 10px;
border: 1px inset #fff;
cursor: pointer;
}
label.radio {
margin-right: 20px;
padding: 2px 8px;
border: 1px solid transparent;
}
label.disabled {
opacity: .5;
pointer-events: none;
}
[name="auth_sig"]+.sigPad {
border: 0px solid red;
max-height: 0;
transform: scaleY(0);
transition: all .25s;
}
.sigPad {
max-height: 300px;
transform: scaleY(1);
transition: all .25s;
}
.sigPad.show {
max-height: 300px !important;
transform: scaleY(1) !important;
transition: all .25s;
}
.editsig::after {
content: 'edit signature';
font-size: .9em;
text-align: right;
display: block;
color: var(--blue);
cursor: pointer;
}
.editsig:hover::after {
text-decoration: underline;
}
.placeholder {
background-color: #cfcfcf;
}
ol.sortable {
list-style: outside none none;
margin: 0;
padding: 0;
}
ol.sortable li {
margin: 0;
padding: 10px 0;
}
ol.sortable li .handle {
margin-left: 0;
margin-right: 6px;
margin-top: 2px;
cursor: grab;
}
.sortable,
.sortable ol {
list-style-type: none;
margin-left: 0;
padding-left: 0;
}
.sortable ol {
padding-left: 2em;
}
.sortable ol ol {
padding-left: 4em;
}
.sortable li ol {
max-height: 10000px;
overflow: hidden;
transition: all .25s;
}
.sortable li.mjs-nestedSortable-collapsed ol {
max-height: 0;
transition: all .25s;
}
.disc {
display: inline-block;
transition: all .25s;
font-size: .75em;
color: #999;
cursor: pointer;
}
.comu,
.comd {
font-size: .75rem;
color: #777;
}
.onecomwrap {
padding: .5rem;
margin-bottom: 1rem;
background-color: #eee;
border-radius: 15px;
border-top: 1px solid #ccc;
width: 100%;/* fit-content; */
position: relative;
}
.onecomwrap .com {
overflow-x: auto;
max-width: 100%;
overflow-y: visible;
padding-bottom: 1rem;
}
.commdel {
position: absolute;
top: -.5rem;
right: -.5rem;
width: 1rem;
height: 1rem;
overflow: clip;
background-color: var(--red);
color: #fff;
border-radius: 50%;
opacity: .5;
justify-content: center;
align-items: center;
display: flex;
cursor: pointer;
font-size: .75rem;
}
.commdel:hover {
opacity: 1;
}
.cwrap {
display: grid;
grid-template-columns: repeat( auto-fit, minmax(150px, 1fr));
width: 100%;
gap: .5rem;
}
.alllex .onelex:nth-of-type(2n+1) {
background-color: #f5f5f5;
}
.alllex .onelex:hover {
background-color: #fff !important;
}
.onelex:has(.mylock) .msels {
opacity: .5;
cursor: not-allowed;
}
.onelex:has(.mylock) .msels:active{
pointer-events: none;
}
.oneautoc .yes {
width: .75rem;
flex: 0 0 .75rem;
display: block;
position: relative;
height: .75rem;
border: 1px solid #999;
background-color: #fff;
}
.oneautoc .yes::after {
content: '✓';
position: absolute;
top: 3px;
left: 1px;
line-height: 0;
font-size: 1.2rem;
color: var(--green);
}
.oneautoc .no {
width: .75rem;
display: block;
position: relative;
height: .75rem;
border: 1px solid #999;
background-color: #fff;
}
.oneautoc .no::after {
content: '✕';
position: absolute;
top: 4px;
left: -2px;
line-height: 0;
font-size: 1.2rem;
color: var(--red);
}
.oneautoc {
display: flex;
gap: .5rem;
align-items: first baseline;
margin-bottom: .5rem;
}
.autocname {
font-size: .9rem;
}
.autochecklist .onecat {
background-color: #fff;
}
.branch.li input {
width: fit-content;
}
.branch s {
text-decoration: none;
}
.mjs-nestedSortable-expanded .disc {
transform: rotate(90deg);
transition: all .25s;
}
.mjs-nestedSortable-leaf .disc {
visibility: hidden;
}
button.sm {
font-size: .8rem;
padding: 3px 10px;
border-radius: 10px;
opacity: .5;
}
.saver {
background-color: green;
}
.oneurl input {
display: inline;
max-width: 500px;
margin-bottom: 0;
}
details {
transition: max-height .2s ease;
overflow: hidden;
}
details:not([open]) {
max-height: 2em;
transition: max-height .2s ease;
}
details[open] {
max-height: 100em;
transition: max-height .2s ease;
overflow: auto;
}
/*
.sortable::before {
content: '\25bc sort';
position: relative;
left: -1.5em;
font-size: .8em;
top: -1em;
color: #999;
}
*/
#sort {
margin-top: 2em;
}
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
}
.list-group-item {
position: relative;
display: block;
padding: .75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .125);
}
.list-group-item:first-child {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
}
.list-group-item:empty {
display: none;
}
.list-group-item a {
display: flex;
gap: 1rem;
}
.list-group-item > div {
display: flex;
gap: 1rem;
align-items: center;
}
.list-group-item p {
margin: 0;
}
.nested-sortable,
.nested-1,
.nested-2,
.nested-3 {
margin-top: 5px;
}
.list-group-item .list-group-item {
background-color: #cccccc;
}
.list-group-item {
background-color: #e6e6e6;
}
.list-group-item .list-group-item .list-group-item {
background-color: #b3b3b3;
}
.list-group.nested-sortable {
min-height: .5rem;
}
.handle {
cursor: grab;
}
.tagcat {
background-color: #f5f5f5;
padding: .5rem;
margin-bottom: 1rem;
border-radius: 5px;
position: relative;
}
.withtag ol {
margin: 0;
padding: 1rem;
}
.withtag p {
display: inherit;
}
.tagcat a.del:hover:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--red);
opacity: .1;
pointer-events: none;
z-index: 9;
cursor: pointer;
}
.tagsorty li {
border: none !important;
padding-top: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.tagsorty li div {
border: none;
margin-bottom: 0;
}
.tagsorty>div {
max-height: initial !important;
}
.tagsortable {
margin: 0 2em !important;
font-size: .9em;
}
/*https://raw.githubusercontent.com/kraaden/autocomplete/master/autocomplete.min.css*/
.autocomplete {
background-color: #fff;
z-index: 1000;
font: 14px/22px "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
overflow: auto;
box-sizing: border-box;
border: 1px solid rgba(50, 50, 50, .6)
}
.autocomplete * {
font: inherit
}
.autocomplete>div {
padding: 0 4px
}
.autocomplete .group {
background-color: #eee
}
.autocomplete>div.selected,
.autocomplete>div:hover:not(.group) {
background-color: #81ca91;
cursor: pointer
}
.autocomplete {
background-color: #eee;
padding: .75rem 0;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 5px 5px 15px #ccc;
}
.autocomplete>div:nth-of-type(2n) {}
.autocomplete>div {
padding: .35rem;
font-size: .9rem;
}
.autocomplete>div.selected,
.autocomplete>div:hover:not(.group) {
background-color: var(--blue);
color: #fff;
}
.autocomplete strong {
color: var(--red);
font-weight: bold;
}
.autocomplete .selected strong {
color: #ccc;
}
/*
select option:last-of-type
{
color: red;
}
*/
.hide {
opacity: 0;
max-height: 0;
overflow: hidden;
transition: opacity .1s;
position: absolute !important;
}
.show.hide {
opacity: 1;
max-height: 5000px;
overflow: visible;
transition: opacity .1s;
position: absolute;
z-index: 99999;
padding: 20px;
}
.hide.show.inline {
left: auto;
top: auto;
}
.show>div {
/* padding-bottom: 20px; */
}
.show>div:last-of-type {
padding-bottom: 0;
}
.close {
position: absolute;
top: -.5rem;
right: -.5rem;
color: #fff;
width: 1rem;
height: 1rem;
display: inline-block;
background-color: var(--red);
border-radius: 50%;
line-height: 1;
text-align: center;
opacity: .75;
cursor: pointer;
}
.close:hover {
opacity: 1;
}
.newcollection,
.newcategory,
.newnotecategory {
position: relative;
left: -25%;
top: 100%;
background-color: #fff;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
display: inline-block;
box-shadow: 2px 2px 10px #ccc;
z-index: 100;
min-width: 300px;
}
.mks .newcategory {
left: 0;
}
.newcollection {
left: auto;
top: auto;
}
.allcollections label {
display: flex;
align-items: center;
border-top: 1px solid #ccc;
margin: 0;
padding: 10px 0;
font-size: 1rem;
background-color: #ffffff;
gap: .5rem;
}
.allcolls .idesc {
display: inline-block;
height: 1rem;
overflow: hidden;
flex: 1 1 50%;
}
.allcolls .allitems .idesc {
display: block;
height: auto;
overflow: visible;
flex: 0 0 0;
}
.allcollections .child label>a:first-of-type {
width: 150px;
}
.collection {
position: relative;
}
.collection input {
order: -1;
}
.withsel {
padding: 5px 10px !important;
background-color: #ddd !important;
border: none !important;
font-size: .75rem;
display: flex;
gap: 20px;
align-items: center;
position: sticky;
top: -2px;
z-index: 9;
margin: 0 -10px .5rem -10px;
}
[data-stuck] .withsel {
background-color: var(--yellow) !important;
}
.withsel select,
.withsel button {
font-size: .75rem;
margin-bottom: 0;
}
#multisel {
margin-bottom: 0;
}
.checkall::before {
content: '↓ ';
}
.alllex .checkall::before {
content: '';
}
.alllex .checkall::after {
content: ' ↓';
}
.checkall {
color: var(--blue);
cursor: pointer;
width: 75px;
white-space: nowrap;
}
.withsel .hide.show {
top: 0;
left: auto;
}
#extrainfo.block {
display: block;
}
#extrainfo {
display: none;
position: absolute;
background-color: #fff;
padding: 15px;
box-shadow: var(--shadow-elevation-medium);
left: auto;
top: 2.1rem;
margin-left: 100px;
border: 1px solid #ccc;
}
#extrainfo .tagside button {
margin-top: auto;
margin-bottom: auto;
}
#extrainfo .autochecklist {
display: none;
}
#extrainfo .tagchecklists label:has(:checked) {
text-decoration: none;
color: #000;
}
.datewrap input {
padding: 0 .1rem;
border: 1px solid #999;
width: 2rem;
margin-left: auto;
}
.datewrap {
display: flex;
gap: .25rem;
margin: 1rem 0;
}
.vcwrap .datewrap {
gap: 0;
}
.vcwrap .datewrap>span::after {
content: '/';
}
.vcwrap .datewrap>span:last-of-type::after {
content: '';
}
.vcwrap .datewrap>span:empty {
display: none;
}
.vcwrap .daterangewrap>span::after {
content: '—';
}
.vcwrap .daterangewrap>span:last-of-type::after {
content: '';
}
.vcwrap .daterangewrap>span:empty {
display: none;
}
.vc .f {
flex: 0 0 125px;
font-size: .75rem;
color: #666;
text-align: right;
text-transform: uppercase;
}
.vc .v p {
margin: 0 0 .5rem 0;
line-height: 1.4;
}
.vc .v {
flex: 1 1 auto;
}
.vc .onefield {
display: flex;
gap: 1rem;
padding: .5rem;
border-bottom: 1px solid #ddd;
align-items: baseline;
}
.vc .onefield:has(.v:empty) {
/* display: none; */
}
.vc .onecat:not(:has(.onetwrap)) {
display: none;
}
.vc .notetext {
padding: .25rem .5rem;
}
.vc .notetext p {
margin: 0 0 .5rem 0;
}
.datewrap .year input {
width: 3rem;
}
.datewrap label {
display: flex;
flex-direction: column;
position: relative;
margin: 0;
}
.datewrap label span {
color: #999;
font-size: .75rem;
}
.datewrap label span::after {
content: '/';
left: .25rem;
position: relative;
}
.datewrap .year label span::after {
content: '';
}
/*
.darerangewrap label {
display: flex;
flex-direction: column;
margin: 0;
}
*/
.darerangewrap {
display: flex;
flex-wrap: wrap;
align-items: last baseline;
gap: .25rem;
}
.darerangewrap>div:first-of-type {
flex: 1 1 100%;
font-size: .75rem;
margin: 1rem 0 1.5rem;
}
.darerangewrap>div:first-of-type span {
background-color: var(--blue);
color: #fff;
padding: .1rem .5rem;
border-radius: 15px;
cursor: pointer;
opacity: .5;
}
.darerangewrap>div:first-of-type span:hover {
opacity: 1;
}
.rangeyr input {
width: 3rem;
}
.datewrap label.rangeyr span::after {
content: none;
}
/*
.darerangewrap input {
width: 3rem;
border: 1px solid #999;
padding: 0 .1rem;
}
.darerangewrap label > span {
color: #999;
font-size: .75rem;
}
*/
/*
.compdates:not(:has(.darerangewrap input:placeholder-shown)) {
background-color: red;
}
*/
.darerangewrap.showrange label {
opacity: 1;
display: flex;
}
.darerangewrap label {
opacity: 0;
display: none;
}
.darerangewrap:has(input:not(:placeholder-shown)) label {
/* background-color: blue; */
opacity: 1;
display: flex;
}
.darerangewrap:has(input:not(:placeholder-shown))>div:first-of-type span {
opacity: 1;
cursor: default;
position: relative;
}
.darerangewrap:has(input:not(:placeholder-shown))>div:first-of-type span::before {
content: '▲ from';
position: absolute;
top: -1rem;
color: var(--blue);
left: 0;
}
.darerangewrap:has(input:not(:placeholder-shown))>div:first-of-type span::after {
content: '▼ to';
position: absolute;
bottom: -1rem;
color: var(--blue);
left: 0;
}
.tagside .sidecontentswrap {
display: flex;
gap: .5rem;
flex-wrap: wrap;
}
.taglist .wrapdetails {
width: 100%;
font-size: .75rem;
}
.taglist {
display: flex;
gap: 1rem;
position: relative;
flex-wrap: wrap;
}
.taglist .title {
position: absolute !important;
right: 1rem;
}
.ql-align-right,
.ql-direction-rtl {
text-align: right;
}
.previewtags {
order: 2;
}
.setmainurl {}
.urllist>div:first-of-type * {
color: var(--green);
}
.setmainurl {
font-size: .75rem;
cursor: pointer;
background-color: var(--green);
white-space: nowrap;
margin-left: 10px;
color: #fff;
padding: 2px 8px;
border-radius: 10px;
opacity: .75;
}
.urllist>div:first-of-type .setmainurl {
opacity: 0;
}
.oneurl {
display: flex;
align-items: center;
margin-bottom: .5rem;
}
.singleurl {
display: contents;
}
.crumbs.pages a {
padding: 0;
white-space: nowrap;
}
.crumbs.pages>div::after {
margin-top: 0;
}
.crumbs.pages>div {
min-width: auto;
display: inline;
margin-right: 2rem;
}
.crumbs .configlayout {
margin-left: auto;
}
.volpageblock {
display: flex;
gap: 2rem;
}
.unlockednbanner p {
max-width: 600px;
}
.resitem div {
font-size: .75rem;
}
.resitem {
margin-bottom: 1rem;
}
#extrainfo>div {
display: none;
min-width: 20vw;
gap: 15px;
align-items: center;
flex-direction: column;
}
.extraclose {
position: absolute;
top: -.5rem;
right: -.5rem;
color: #fff;
width: 1rem;
height: 1rem;
display: inline-block !important;
background-color: var(--red);
border-radius: 50%;
line-height: 1;
text-align: center;
opacity: .75;
cursor: pointer;
}
.allcollections .collection label::before {
content: '';
background-image: url('/svgbg/i/parent/c/FFE66D');
width: 30px;
height: 25px;
background-size: cover;
display: inline-block;
}
.allcollections .collection.child label::before {
background-image: url('/svgbg/i/collection/c/FFE66D');
}
.allcollections .item label::before {
background-image: url('/svgbg/i/item/c/FFE66D') !important;
}
.allcollections .file label::before {
background-image: url('/svgbg/i/file/c/FFE66D') !important;
}
.allcollections .child label {
padding-left: 2rem;
}
.allcollections .items {
background-color: #f5f5f5;
max-height: 0;
overflow: hidden;
transition: all .15s;
}
.item.oneitem label {
padding-left: 4rem;
background-color: #f9f9f9;
}
.allcollections .open .items {
max-height: 100vh;
transition: all .15s;
overflow: auto;
}
.allcollections {
padding: 0;
border-radius: 0;
margin-top: 0;
}
.collection.child {
position: relative;
}
.expando::after {
content: '▶';
margin-left: 7px;
vertical-align: middle;
}
.open .expando::after {
content: '▼';
}
.expando {
position: absolute;
right: 1rem;
top: .75rem;
font-size: .75rem;
cursor: pointer;
}
.oneitem {
display: block;
border-top: 1px solid #ccc;
margin: 0;
padding: 10px 0;
padding-left: 0px;
display: flex;
align-items: start;
}
.oneitem a:first-of-type {
width: 100%;
}
.oneitem.open .files {
max-height: 100vh;
transition: all .15s;
overflow: auto;
}
.oneitem .files {
background-color: #f5f5f5;
max-height: 0;
overflow: hidden;
transition: all .15s;
}
.open .item.oneitem {
padding: 0;
border: 0;
}
/* hide New Source from Peeple for NEW people page */
form:has(input[name="donew"]) .addsourcefrompeep {
display: none;
}
.cke_contents a, .cke_contents a * {
color: var(--blue) !important;
}
/* TO DO arrows add back */
/*
.newcollection::before, .newcategory::before, .newnotecategory::before {
content: '';
border: 10px solid transparent;
border-right: 10px solid #fff;
width: 20px;
position: absolute;
left: -20px;
top: calc(10px);
z-index: 1;
}
.newcollection::after, .newcategory::after, .newnotecategory::after {
border: 10px solid transparent;
content: '';
position: absolute;
left: -22px;
top: calc(10px);
border-right: 10px solid #ccc;
}
*/
button.small {
margin-bottom: 0;
}
.formbutton.dirty {
background-color: var(--red);
display: flex;
}
.formbutton {
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
/* text-align: right; */
display: none;
z-index: 99999;
justify-content: end;
align-items: center;
padding: 10px;
border-radius: 0;
}
.formbutton button {
margin-bottom: 0;
transition: all .15s;
}
.formbutton a.cancel.button {
color: #fff;
background-color: var(--red) !important;
margin-right: 2rem;
}
.formbutton a.cancel.button:hover {
background-color: #fff !important;
color: var(--red) !important;
}
lite-editor[data-toolbar-group="general"] .le-body{
max-height: 100vh;
}
.delentry span {
color: var(--red);
cursor: pointer;
}
.delentry span:hover {
color: #000;
text-decoration: underline;
}
.delentry.opentodel span {
display: none;
}
.delentry button {
/* display: none; */
margin: 0;
opacity: 1;
background-color: transparent;
}
.delentry button a {
color: var(--red) !important;
}
.delentry.opentodel button {
display: block;
}
.delentry button:hover {
background-color: var(--red);
}
.delentry button:hover a {
color: #fff !important;
}
.delentry button a,
.delentry button a:hover {
color: #fff;
text-decoration: none;
background-color: transparent !important;
}
.newcrumb~.delentry {
display: none !important;
}
.lock * {
fill: var(--red);
}
.lock {
display: inline;
float: left;
margin: 0 .5rem;
}
.mylock * {
fill: var(--green);
}
.mylock {
display: inline;
float: left;
margin: 0 .5rem;
}
#progwrap {
height: 10px;
flex: 1 0 auto;
}
#progwrap {
height: 10px;
flex: 1 0 auto;
margin-right: 10px;
border-radius: 5px;
}
#the-progress-div {
background-color: var(--yellow);
height: 100%;
width: 0%;
}
#the-progress-text {
padding-top: 10px;
color: var(--blue);
}
#uperror {
position: absolute;
top: -9.5rem;
right: 0;
height: 10rem;
padding: 10px;
background-color: #fff;
width: 50%;
text-align: left;
color: var(--red);
overflow: auto;
display: none;
box-shadow: var(--shadow-elevation-high);
padding-right: 30px;
}
#uperrorclose {
position: fixed;
right: 10px;
color: #000;
cursor: pointer;
font-size: 1.2rem;
border-radius: 50%;
padding: 5px;
height: 1.5rem;
width: 1.5rem;
text-align: center;
line-height: .75;
}
#uperrorclose:hover {
background-color: var(--red);
color: #fff;
}
main,
aiside {
position: relative;
top: 0;
/* margin-bottom: 30rem; */
}
/*
main svg {
position: absolute;
top: -20px;
left: -20px;
width: 50px;
z-index: 9;
fill: var(--blue);
transform: rotate(-5deg);
opacity: .75;
}
*/
/*
main svg > * {
fill: var(--blue);
}
*/
main>div :is(input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="phone"],
input[type="tel"],
input[type="number"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="color"],
input[type="time"],
input[type="search"],
input[type="range"],
input[type="file"],
input[type="datetime-local"],
select,
textarea) {
margin-bottom: 0;
}
/* with sel still hass margin */
main>div div.withsel :is(input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="phone"],
input[type="tel"],
input[type="number"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="color"],
input[type="time"],
input[type="search"],
input[type="range"],
input[type="file"],
input[type="datetime-local"],
select,
textarea) {
margin-bottom: 18px;
}
.inline {
display: inline-block;
/*
min-width: 100px;
max-width: 400px;
*/
}
.tit {
color: #999;
font-weight: 900;
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: -.5px;
display: flex;
align-items: center;
gap: .25rem;
}
.subt {
color: #555;
margin-top: 1rem;
margin-bottom: .5rem;
font-weight: 100;
border-top: 1px solid #ccc;
padding-top: 1rem;
}
.show .tit {
font-size: .9rem;
font-weight: 500;
text-transform: uppercase;
}
summary .tit {
display: inline;
}
.titt {
font-weight: bold;
text-transform: uppercase;
}
.stackwrap img {
max-height: 175px;
width: auto;
}
.stackwrap {
display: flex;
gap: 1rem;
}
.right {
float: right;
}
.new {
margin-left: 0;
}
.removelink.removelink {
background-color: var(--red);
width: 1rem;
color: transparent;
aspect-ratio: 1;
position: relative;
order: -1;
height: 1rem;
padding: 10px;
}
.removelink.removelink::after {
content: "✕";
color: #fff;
position: absolute;
left: 5px;
top: 2px;
}
.alltrans .trans {
margin-right: 0 !important;
}
.trabs.trans a span {
color: #000;
}
.alpha {
display: flex;
flex-wrap: wrap;
align-self: center;
gap: .15rem;
}
.alpha a {
padding: 0 .5rem !important;
text-transform: uppercase;
}
.alphaon {
background-color: #94b7db;
color: #fff;
}
.pagination {
display: flex;
list-style: none;
gap: .5rem;
padding: .5rem;
margin: 0;
background-color: var(--lblue);
}
/* Settings Panel */
.settings-panel {
background-color: transparent;
border: 0;
padding: 0;
margin: 1rem 0 !important;
}
.onesetting{
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 0 1rem 1rem;
}
.settings-options {
display: flex;
flex-direction: column;
gap: 1rem;
}
.settings-option {
display: flex;
align-items: center;
gap: 8px;
}
.settings-option input[type="radio"] {
cursor: pointer;
}
.settings-option label {
margin: 0;
}
.settings-status {
margin-top: 1rem;
padding: .5rem;
border-left: 3px solid var(--green);
font-size: .9rem;
background-color: var(--lgreen);
}
/* Link Popup */
.link-popup {
position: fixed;
z-index: 999999;
padding: 0 1rem 1rem;
border-radius: 4px;
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
background-color: #fff;
display: none;
}
.link-popup-content {
display: flex;
flex-direction: column;
gap: 1rem;
}
.link-popup-content p {
margin: .5rem 0;
font-weight: bold;
}
.link-popup-warn {
display: none;
padding: .5rem;
border-radius: 4px;
background-color: #fff7e6;
color: #663c00;
font-size: 1rem;
}
.link-popup-buttons {
display: flex;
gap: 1rem;
white-space: nowrap;
}
.link-popup-btn {
flex: 1;
padding: .5rem;
border-radius: 4px;
border: 1px solid #ddd;
background-color: #f5f5f5;
cursor: pointer;
color: #000;
font-size: 1rem;
margin: 0 !important;
}
.link-popup-btn:hover {
background-color: var(--lblue);
color: #000;
}
.link-popup-btn-primary {
border-color: #017bff;
background-color: var(--blue);
color: #fff;
}
.link-popup-btn-primary:hover {
background-color: var(--lblue);
color: #000;
}
.link-popup-cancel {
margin-top: .5rem;
padding: .5rem;
border-radius: 4px;
border: 1px solid #ccc;
background-color: transparent;
color: #666;
cursor: pointer;
text-align: left;
font-size: .9rem;
width: fit-content;
margin: auto;
}
.link-popup-cancel:hover {
background-color: #f5f5f5;
}
.link-popup-remember {
display: flex;
align-items: center;
padding: .5rem 0;
font-size: .9rem;
color: #666;
}
.link-popup-remember input[type="checkbox"] {
cursor: pointer;
}
.link-popup-remember label {
margin: 0;
font-size: .9rem;
}
/*
[target="_blank"]:hover::after {
content: '↬';
position: absolute;
color: var(--green);
left: -1rem;
font-size: 1rem;
}
[target="_blank"] {
position: relative;
}
*/
.newtab-icon {
position: fixed;
pointer-events: none;
/* Allow clicks to pass through */
font-size: 1rem;
transform: translate(-50%, -50%);
z-index: 1000;
display: none;
/* Hidden by default */
background-color: var(--purple);
padding: .25rem;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
color: #fff;
line-height: 1rem;
}
.newtab-icon span{
color: #fff;
white-space: nowrap;
font-size: .9rem;
margin-left: -80px;
background-color: var(--purple);
padding: .25rem .5rem;
margin-top: .5rem;
display: inline-block;
text-align: center;
}
.onenote {
padding: 0;
background-color: #fff;
font-size: .9rem;
border-radius: 3px;
margin: 10px 0 10px 0;
position: relative;
clear: both;
list-style: none;
border: 1px solid #ccc;
}
.onenote .cke_contents {
overflow: hidden;
max-height: 3000px;
transition: max-height .2s;
}
.onenote.sortable-chosen .cke_contents {
/* max-height: 100px; */
/* transform: scale(1, 0.7); */
}
.sorting .onenote .cke_contents {
/* max-height: 100px; */
/* transform: scale(1, 0.7); */
}
.onenote.sortable-chosen .pagelistpreview {
/* max-height: 50px; */
/* transform: scale(1, 0.7); */
}
.sorting .onenote .pagelistpreview {
/* max-height: 50px; */
/* transform: scale(1. 0.7); */
}
/*
.onenotecat[class*="Images"] img {
max-width: 150px;
}
*/
.pagelistpreview {
overflow: hidden;
}
.addbutts {
display: flex;
gap: 1rem;
}
.addbutts span {
position: relative;
}
.addbuttsbutts {
scale: 1;
transform-origin: left;
}
.cke_wysiwyg_div,
textarea.cke_source {
/* min-height: 4rem !important; */
}
.cke_hebrewchar span {
font-size: 1.4rem !important;
font-family: serif !important;
margin: 0 .25rem !important;
cursor: pointer !important;
}
.hebtable {
display: flex;
flex-wrap: wrap;
gap:.5rem;
direction: rtl;
}
.onenote h3 {
padding: 0 1rem;
font-weight: 100;
text-transform: uppercase;
letter-spacing: 1.5px;
margin: 1rem 0 0 0;
}
.txtsarea .onenote {
margin-bottom: 2rem !important;
scroll-margin-top: 50px;
}
/*
.onenote::before {
content: '⠿';
transform: rotate(90deg);
display: inline-block;
color: var(--blue);
margin-left: 5px;
cursor: move;
opacity: 0;
}
.onenote:hover::before {
opacity: 1;
}
*/
.onenote [contenteditable="false"] p {
/* margin: 0; */
font-size: .9rem;
line-height: 1;
}
.onenote [contenteditable="false"] p~p {
margin-top: 8px;
}
.deletenote {
position: absolute;
top: -5px;
right: -5px;
width: 20px;
height: 20px;
cursor: pointer;
color: var(--red);
background-color: #fff;
border-radius: 50%;
text-align: center;
opacity: .5;
z-index: 2;
background-color: var(--red);
color: #fff;
}
.deletenote:hover {
opacity: 1;
}
.deletenote:hover~div::after {
background-color: #c77777 !important;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
opacity: .25;
pointer-events: none;
border-radius: 5px;
}
.draggable .handle:hover~div::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--blue);
opacity: .1;
pointer-events: none;
z-index: 9;
}
.blue-background-class {
background-color: var(--blue);
}
.deletenote svg {
width: 100%;
height: 100%;
}
.deletenote svg * {
fill: var(--red);
}
.onecat,
.onenotecat {
padding: 5px;
background-color: #f5f5f5;
/* margin: 10px -9px; */
margin: 5px 0px;
flex: 0 0 auto;
/*border-right: 1px solid #fff;*/
flex-wrap: wrap;
max-width: 100%;
position: relative;
padding-right: 1rem !important;
}
.tagside .catname::before {
content: '';
width: 100%;
position: absolute;
border-radius: 10px;
border-left: 1px solid #ccc;
top: 0;
bottom: 0px;
left: -2px;
}
.onenotecat[class*='Yiddish'] .cke_contents>div {
text-align: right;
}
.tagside.tagchecklists .catname::before {
content: none;
}
.showtagcats-hide {
display: none;
}
.tagside {
display: flex;
flex-wrap: wrap;
gap: 0 20px;
}
.tagside .tit {
flex: 1 1 100%;
}
.tagchecklists label {
display: flex;
gap:.5rem;
margin:.5rem 0 auto !important;
align-items: baseline;
cursor: pointer;
}
.tagchecklists label .check {
margin: 0;
margin-top: .25rem;
}
.tagchecklists label:hover {
background-color: #eee;
}
.tagchecklists label b {
font-weight: normal;
}
.checkintable details {
overflow: hidden;
/* Keep this line to prevent an odd blue outline around the element in Safari. */
}
.checkintable summary {
display: block;
}
.checkintable summary::-webkit-details-marker {
display: none;
}
.checkintable summary span {
height: 1rem;
display: flex;
gap: .25rem;
align-items: center;
white-space: nowrap;
}
.checkintable summary span:hover {
cursor: pointer;
}
.checkintable summary span::before {
content: "►";
font-size: .75rem;
transition: rotate 200ms 400ms ease-out;
display: inline-block;
margin-right: .15rem;
}
.checkintable div.content {
box-sizing: border-box;
max-width: 500px;
max-height: 0;
overflow: hidden;
padding: 0 1rem;
transition: max-height 400ms ease-out;
}
.checkintable details[open]+div.content {
max-height: 500rem;
/* Set a max-height value enough to show all the content */
transition: max-height 400ms ease-out;
}
.checkintable details[open] summary span::before {
rotate: 90deg;
transition: rotate 200ms ease-out;
}
.onecheck * {
font-style: normal;
font-weight: normal;
font-size: .75rem;
}
.onecheck i {
flex: 0 0 min-content;
}
#cke_nametextyid+.clear-btn,
#cke_datestext+.clear-btn {
bottom: auto;
top: 5rem;
}
.footnote_text~.cke .cke_contents {
min-height: 5rem;
}
.yidtit .tit {
text-align: right;
justify-content: end;
}
.yidtit .tit pp-tip {
order: -1;
}
.yidtit .tit pp-tip~pp-tip {
order: -2;
}
pp-tip {
text-align: left;
}
.tagchecklists label:has(:checked) {
text-decoration: line-through;
text-decoration-color: currentcolor;
text-decoration-color: rgba(255, 0, 0, 40%);
color: #888;
}
.checkcat {
font-weight: bold;
white-space: nowrap;
}
.checkwrap b {
font-weight: normal;
line-height: 1;
}
.checkwrap i {
font-style: normal;
flex: 0 0 .75rem;
text-align: left;
}
.onecheck:has(.y) b {
text-decoration: line-through;
text-decoration-color: var(--red);
}
.onecheck {
display: flex;
gap: .5rem;
margin-bottom: .25rem;
}
.checkwrap {
font-size: .75rem;
}
.checklist summary {
font-size: .75rem;
}
/*
.side{
padding-bottom: 2.5rem;
}
*/
aside .newcat,
aside .newnotecat {
position: absolute;
bottom: .5rem;
left: 1rem;
}
.ndate {
font-size: .75rem;
color: #999;
text-align: right;
padding: 3px 10px;
background-color: #eee;
}
.notetxt {
padding: 5px 10px;
}
.editnote svg {
width: 100%;
height: 100%;
}
.onenote .cke_bottom {
border: none;
}
.editnote {
height: 23px;
display: inline-flex;
margin-left: 10px;
gap: .25rem;
background-color: var(--blue);
color: #fff;
padding: .25rem;
border-radius: 5px;
text-transform: uppercase;
opacity: .5;
}
.noteuser {
/* margin: .25rem 1rem 0 0; */
float: left;
}
.editnote:hover {
opacity: 1;
}
.editnote svg * {
fill: var(--blue);
fill: #fff;
}
.editnote:hover svg * {
fill: #000;
fill: #fff;
}
.branch.li>div {
display: flex;
width: 100%;
}
.branch.li>div a {
margin-right: auto;
}
.branch.li>div .pt {
height: fit-content;
}
.branch.li:nth-of-type(2n) {
background-color: #fff6;
}
.branch.li {
padding: .5rem 0;
margin: 0 -.5rem;
}
.oncat summary {
display: none;
}
.allfiles {
/*
display: flex;
flex-wrap: wrap;
*/
display: block !important;
margin: 0 !important;
}
.onefilewrap {
display: flex;
align-items: center;
}
.onefile {
padding: 10px 5px;
margin-right: 0;
font-size: .9rem;
cursor: pointer;
display: flex;
gap: 5px;
/* align-items: center; */
border-bottom: 1px solid #ddd;
flex: 1 1 auto;
position: relative;
}
.fdel:hover::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--red);
opacity: .25;
pointer-events: none;
}
.fileimg {
display: inline-flex;
align-items: flex-start;
gap: 5px;
}
.filegroup {
float: right;
}
.filewrap {
overflow: auto;
}
/* SHOW/HIDE list of tag cats to add */
/*
.notexisting{
display: none;
}
*/
.addtagdrop {
display: none;
}
/* END SHOW/HIDE list of tag cats to add */
.addtagdrop,
.addnotedrop {
font-size: .75rem;
margin-top: 1rem;
flex: 0 0 100%;
}
.addtagdrop>*,
.addnotedrop>* {
font-size: .75rem;
}
.addtagdrop>select,
.addnotedrop>select {
border-radius: 20px;
padding: 2px 5px;
margin: 0 7px;
max-width: 100px !important;
}
.addnotedrop{
display: none;
}
.removeimg {
margin: 0 .5rem 1rem;
}
.removeimg::before {
content: '×';
background-color: var(--red);
color: #fff;
border-radius: 50%;
width: 1em;
height: 1em;
overflow: hidden;
display: inline-flex;
justify-content: center;
align-items: center;
line-height: 0;
margin-right: 5px;
}
.removeimg {
font-size: .75rem;
}
.removeimg:hover {
cursor: pointer;
opacity: 1;
}
.removeimg {
opacity: .75;
}
.groupdel {
display: inline-block;
width: 15px;
cursor: pointer;
}
.groupdel * {
width: 100%;
fill: var(--red);
opacity: .75;
}
.groupdel:hover * {
opacity: 1;
}
.group {
width: 25px;
padding: 5px;
border-radius: 50%;
filter: saturate(2000%);
}
.group svg {
width: 100%;
}
.onefile>div {
/* flex: 1 0 calc(20% - 20px); */
margin-left: 5px;
word-wrap: anywhere;
white-space: normal;
}
.fileimg {
flex: 0 0 10%;
}
.fname {
flex: 0 0 10%;
}
.filedate {
flex: 0 0 8%;
font-size: .75rem;
}
a.onefile>div:nth-of-type(4) {
flex: 0 0 20%;
}
.onefilewrap>div:first-of-type {
width: 20px;
}
.onefile.header>div:first-of-type {
width: calc(15px + 10%);
}
.onefile.header>div:nth-of-type(2) {
flex: 0 0 8%;
}
.onefile.header>div:nth-of-type(3) {
flex: 0 0 10%;
}
.onefile.header>div:nth-of-type(4) {
flex: 0 0 20%;
}
.fdesc {
flex: 1 1 auto;
}
.ifi>div {
display: inline-block;
font-size: .75rem;
margin-right: 1rem;
color: #999;
white-space: nowrap;
}
.done {
font-size: .9rem;
color: #fff;
}
.onefile.header>div {
/* margin-left: 20px; */
}
.onefile>div:first-of-type {
/* flex: 0 0 20px; */
}
.onefile>div:last-of-type {
flex: 0 0 20px !important;
}
.onefile.header {
font-weight: bold;
background-color: #ccc;
cursor: default;
}
.onefile.header:hover {
background-color: #f5f5f5 !important;
}
.onefile:hover {
background-color: #fff !important;
}
.onefile:nth-of-type(2n) {
background-color: #f5f5f5;
}
.fdel svg * {
fill: var(--red);
}
.fdel {
flex: 0 0 40px !important;
margin-left: auto !important;
}
.fdel:hover svg * {
fill: #000;
}
.list-group-item details {
margin-left: 4rem;
}
.tagkey::before {
background-color: rgba(153, 255, 153, .1);
display: inline-block;
width: 1rem;
height: 1rem;
border: 1px solid #999;
content: '';
vertical-align: bottom;
margin-right: 5px;
}
.tagkey {
font-size: .75rem;
display: inline-block;
white-space: nowrap;
margin-left: 1rem;
font-weight: 300;
color: #666;
letter-spacing: .25px;
display: none;
}
.catname {
letter-spacing: 1px;
font-size: .9rem;
font-weight: bold;
}
.catname>span {
margin-left: 5px;
display: block;
line-height: 1;
margin-bottom: .5rem;
}
.catname span span {
font-weight: normal;
letter-spacing: 0;
font-size: .75rem;
color: #999;
}
.catname span span.priv {
color: var(--red);
}
.catname span span.pub {
color: var(--green);
}
.catname button {
display: block;
margin: 7px;
float: none;
}
textarea[disabled] {
resize: none;
border: none;
color: #000;
padding: 0;
margin: 0;
font-size: .9rem;
}
.crumbs>div {
display: inline-block;
margin-right: 5rem;
min-width: 150px;
}
.crumbs>div a {
padding: 1rem;
position: relative;
z-index: 10;
padding-left: 1.5rem;
padding-bottom: .5rem;
display: inline-block;
width: 100%;
height: 100%;
}
.crumbs>div a:empty {
display: block;
margin-bottom: -1rem;
}
.crumbs>div.on {
/* font-weight:bold; */
border-bottom: 5px solid #ccc;
/* padding-bottom: 15px; */
}
.crumbs>div a:hover {
background-color: #fff;
border-radius: 5px;
}
.crumbs>div a:empty:hover {
background-color: transparent;
cursor: inherit;
}
.crumbs {
background-color: transparent;
border: none !important;
padding-top: 10px;
padding-bottom: 0;
font-size: .75rem;
display: flex;
grid-area: crumbs;
margin: 10px 2rem 0;
width: calc(100vw - 4rem);
align-items: center;
}
.crumbs::after {
content: none;
background-color: url('/svgbg/i/location/c/999999');
position: absolute;
top: -1rem;
left: -1rem;
width: 50px;
height: 50px;
background-size: cover;
}
.crumbs>div:last-of-type {
margin-right: 0;
}
h3~.txttag~h3 {
display: none;
}
.onenote .searchbox,
.onenote .searchboxres {
padding: 1rem;
}
.onenote .searchbox,
.onenote .searchboxres {
padding: 1rem;
}
.onenote .le-body {
max-height: 400px;
}
.oneres {
display: flex;
margin-bottom: 1rem;
gap: 9px;
font-size: .75rem;
align-items: center;
}
.oneres button {
height: 1.2rem;
width: 85px;
}
.searchboxres~.notestoshow {
max-width: 300px;
margin: 1rem;
}
.chosentitle:not(:empty)::before {
content: "chosen: ";
text-transform: uppercase;
font-weight: normal;
letter-spacing: 1px;
}
.chosentitle {
margin: 0 1rem;
font-weight: bold;
text-transform: uppercase;
font-size: 1rem;
border-bottom: 1px solid #ddd;
}
/*
.crumb-item::before {
background-image: url('/svgbg/i/item/c/a63d40') !important;
background-size: cover;
content: '';
width: 100px;
height: 100px;
position: absolute;
top: -25px;
left: 0;
z-index: 999;
transform: rotate(-10deg);
}
*/
.crumb-file::before {
/* background-image: url('/svgbg/i/file/c/a63d40') !important; */
background-size: cover;
content: '';
width: 100px;
height: 100px;
position: absolute;
top: -25px;
left: 0;
z-index: 999;
transform: rotate(-10deg);
}
.crumb-collection::before {
/* background-image: url('/svgbg/i/collection/c/a63d40') !important; */
background-size: cover;
content: '';
width: 100px;
height: 100px;
position: absolute;
top: -25px;
left: 0;
z-index: 999;
transform: rotate(-10deg);
pointer-events: none;
}
.crumbs>div::after {
content: '>';
margin-left: 1rem;
position: absolute;
margin-top: 10px;
}
.crumbs>div.on::after {
content: none;
}
.crumbs>div.on a::after {
content: none;
}
.crumbs>div.on~div::after {
content: none;
}
.crumbs>div a:not(:empty)::before {
font-size: .75rem;
position: absolute;
top: 0px;
color: #999;
font-weight: normal;
white-space: nowrap;
}
/*
.crumbs > div.on a:not(:empty)::before{
color: var(--blue);
}
*/
.crumbs>div.h a::before {
content: 'all collections';
}
.crumbs>div.p a:not(:empty)::before {
content: 'parent collection';
}
.crumbs>div.c a:not(:empty)::before {
content: 'collection';
}
.crumbs>div.i a:not(:empty)::before {
content: 'item';
}
.crumbs>div.f a:not(:empty)::before {
content: 'file';
}
.crumbs>div a:not(:empty)::after {
content: '';
/* background-image: url('/svgbg/i/collection/c/FFE66D'); */
width: 1.5rem;
height: 1.5rem;
top: 0;
left: -.5rem;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
z-index: -1;
/* transform: rotate(-10deg); */
}
.crumbs>div.p a:not(:empty)::after {
/* .crumbs > div.p.on a:not(:empty)::after */
background-image: url('/svgbg/i/location0/c/FFE66D');
}
.crumbs>div.c a:not(:empty)::after {
background-image: url('/svgbg/i/location1/c/FFE66D');
}
.crumbs>div.i a:not(:empty)::after {
background-image: url('/svgbg/i/location2/c/FFE66D');
}
.crumbs>div.f a:not(:empty)::after {
background-image: url('/svgbg/i/location3/c/FFE66D');
}
.crumbs>div.h a::after {
background-image: url('/svgbg/i/globe/c/FFE66D');
}
/*
.crumbs > div.on.p a::after {
background-image: url('/svgbg/i/parent/c/367ac3');
}
.crumbs > div.on.c a::after {
background-image: url('/svgbg/i/collection/c/367ac3');
}
.crumbs > div.on.i a::after {
background-image: url('/svgbg/i/item/c/367ac3');
}
.crumbs > div.on.f a::after {
background-image: url('/svgbg/i/file/c/367ac3');
}
*/
.crumbs>div a {
/* color: #666; */
}
/*
.crumbs > div.on a {
color: var(--blue);
}
*/
.crumbs>div~div {
display: block;
/*
margin-left: 50px;
margin-top: 1.5rem;
*/
}
.crumbs .hidden {
display: none;
}
.crumbs>div~div::before {
/* content: '>'; */
}
.crumbs>div~div:nth-of-type(3) {
/* margin-left: 100px; */
}
.crumbs>div~div:nth-of-type(4) {
/* margin-left: 150px; */
}
.crumb-collection::before {
content: none;
}
/*
.crumbs > div a:not(:empty)::after {
content: none;
}
*/
.crumbs>div::after {
/* content: none; */
}
.idesc>* {
margin: 0;
}
.idesc {
/*
display: inline-block;
font-size: .75rem;
padding-left: 10px;
color: #999;
height: 1rem;
overflow: hidden;
flex: 1 1 50%;
vertical-align: middle;
*/
font-size: .75rem;
color: #999;
}
.numfiles {
font-size: .75rem;
display: inline-block;
}
.cdel:hover::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--red);
opacity: .25;
pointer-events: none;
}
.cdel:hover {
opacity: 1;
}
.cdel {
/* float: right; */
cursor: pointer;
margin-right: 1rem;
opacity: .5;
order: 100;
margin-left: .5rem;
}
.cdel * {
fill: var(--red);
}
textarea[readonly]~.cke .cke_top {
display: none;
}
.le-body {
/* width: 100% !important; */
}
.cke_maximized,
.cke_maximized .cke_editable {
bottom: 0;
}
.le-body iframe {
max-width: 100%;
}
.le-body .center {
text-align: center;
display: block;
}
.le-body .big {
font-size: 1.5em;
}
.le-body .image-right figure {
float: right;
}
.le-body .image-left figure {
float: left;
}
.le-maximized .le-body {
max-height: none !important;
height: calc(100% - 6rem) !important;
}
.le-body figcaption:empty::after {
content: 'caption';
opacity: .75;
}
.gutter {
/* grid-row: 1/-1; */
cursor: col-resize;
background-image: url(/vertical.png);
background-color: rgb(229, 231, 235);
background-repeat: no-repeat;
background-position: 50%;
z-index: 9999999999999;
position: relative;
width: 20px;
background-color: blue;
height: 100vh;
grid-area: slider;
}
.le-body figure.image-left {
float: left;
}
.le-body figure.image-left img {}
.le-body figure.image-left {
clear: both;
margin-right: 1rem !important;
margin-bottom: 0 !important;
}
.le-body figure.image-right {
float: right;
margin-left: 1rem !important;
margin-bottom: 0 !important;
}
.le-body figure.image-right img {}
.le-body figure.image-right {
clear: both;
}
.image-center {
clear: both;
}
.le-body figure {
display: flex;
padding: 1em;
justify-content: center;
/* min-width: 320px; */
flex-direction: column;
align-items: center;
margin-top: 2em;
/* margin-bottom: 2em !important; */
border: 10px solid var(--almostwhite);
border-radius: 5px;
background-color: var(--light);
}
.le-body figure[data-isize='Large'] {
margin-left: calc(-37.5vw + 50%);
width: 75vw;
}
.le-body figure img {
margin-bottom: 0;
padding-bottom: 0 !important;
}
.le-body i, .le-body em {
color: #666;
}
/*
.Indent1, .le-body .Indent1{
margin-left: 4rem;
}
.Indent2, .le-body .Indent2{
margin-left: 8rem;
}
.Indent3, .le-body .Indent3{
margin-left: 12rem;
}
[dir="rtl"].Indent1, .le-body .Indent-1 {
margin-left: unset;
margin-right: 4rem !important;
}
[dir="rtl"].Indent2, .le-body .Indent-2 {
margin-left: unset;
margin-right: 8rem !important;
}
[dir="rtl"].Indent3, .le-body .Indent-3 {
margin-left: unset;
margin-right: 12rem !important;
}
*/
/*
[class*="Indent"]::before {
content: ">";
position: absolute;
inset-inline-start: -4rem;
color: var(--blue);
}
*/
/*
[class*="Indent"] {
position: relative;
}
*/
.creditother_select button {
height: fit-content;
}
.creditother_select {
display: flex;
gap: 5px;
align-items: center;
}
.creditother_select .autoComplete_wrapper > ul {
margin-top: -1rem;
list-style: none;
overflow: auto;
max-height: 200px;
}
.creditlist .uname a {
color: inherit;
cursor: text;
}
.creditlist .uname a:hover{
text-decoration: none;
}
img[data-isize]:not([data-isize='nosize']) {
display: flex;
padding: 1em;
justify-content: center;
min-width: 320px;
flex-direction: column;
align-items: center;
border: 10px solid var(--almostwhite);
border-radius: 5px;
background-color: var(--almostwhite);
}
img[data-isize='Large'] {
width: 75% !important;
height: auto;
margin: auto;
}
img[data-isize='Medium'] {
width: 50% !important;
height: auto;
margin: auto;
}
img[data-isize='Small'] {
width: 25% !important;
height: auto;
margin: auto;
}
figure[data-isize='Medium'] {
width: 50% !important;
margin: auto;
}
figure[data-isize='Small'] {
width: 25% !important;
margin: auto;
}
figure img:not([data-isize="nosize"]) {
width: 100%;
height: auto;
margin: auto;
}
figure[data-isize="nosize"], aside figure:not([data-isize]) {
display: inline-table;
margin: 0;
margin-bottom: 1em;
padding: 0;
min-width: 0;
}
.onetxt>figure[data-isize="nosize"] {
position: relative;
left: 50%;
transform: translateX(-50%);
}
figure[data-isize="nosize"] img, aside figure:not([data-isize])[data-isize="nosize"] img {
margin: 0;
padding: 0;
}
figcaption {
color: var(--main);
font-size: .9rem;
/* max-width: 80ch; */
text-align: center;
/* display: table-caption; */
caption-side: bottom;
font-family: brandon, sans-serif;
}
.pagelistpreview {
background-color: #eee;
padding: 1rem;
width: 250px;
order: 2;
align-self: stretch;
font-size: .75rem;
background-color: #f5f5f5;
flex: 1 1 auto;
}
.pagelistpreview>.onep {
display: flex;
align-items: start;
margin-bottom: .25rem;
}
.pagelistpreview>.onep::before {
content: '⠿';
transform: rotate(90deg);
display: inline-block;
margin-right: 5px;
cursor: move;
}
.listofpages {
display: flex;
flex-wrap: wrap;
align-items: start;
border-top: 1px solid #ccc;
/* margin-top: 5rem; */
position: relative;
}
.saved .listofpages {
margin-top: 1rem;
}
.pagelistpreview .onep {
font-size: 1rem;
}
.tagpagelist {
display: flex;
gap: .5rem;
flex-wrap: wrap;
align-items: center;
}
.tagpagelist>div {
font-size: .75rem;
}
.floater {
font-weight: bold;
color: #666;
}
.onet {
margin: 1rem 0;
background-color: var(--blue);
color: #fff;
padding: .25rem .5rem;
border-radius: 15px;
font-size: .75rem;
text-transform: uppercase;
opacity: .75;
cursor: pointer;
}
.onet.on {
filter: invert(1);
}
.count {
font-size: .75rem;
margin-right: .5rem;
margin-left: -1rem;
align-self: center;
color: #999;
}
/*
.notestoshow {
display: none;
}
*/
/*
.listofpages::before {
content: 'Preview of dynamic list';
font-size: .75rem;
color: #999;
position: absolute;
right: 0;
top: -1rem;
}
*/
.saved .multiwrap * {
display: none;
}
.saved .listofpages {
display: flex;
}
.saved .pagelistpreview,
.saved .pagelistpreview * {
display: block;
}
.saved .pagelistpreview>.onep::before {
display: none;
}
.wrapdetails {
display: flex;
align-items: flex-start;
}
.wrapdetails .listofpages {
flex: 1 1 300px;
}
.txttag {
display: none;
}
.saved .txttag {
display: block;
margin: 1rem 1rem 0;
}
.saved .layoutpreview,
.saved .layoutpreview .selected,
.saved .layoutpreview .selected * {
/* display: block; */
}
.edittxtblock {
position: absolute;
right: 0;
bottom: 10px;
z-index: 999;
}
.notestoshow .multiselectholder {
/* width: auto; */
}
.notestoshow {
flex: 0 0 auto;
position: relative;
/* DISABLE NOTES FEATURE*/
display: none;
}
.notestoshowtit {
height: 1rem;
font-size: .75rem;
color: #999;
}
.pagelistpreview::before {
content: 'Preview of dynamic list';
padding-bottom: .5rem;
display: block;
margin-top: -.5rem;
color: #999;
}
.listofpages>div {
flex: 1 1 auto;
align-self: stretch;
height: min-content;
}
.layoutpreview {
display: flex;
flex-wrap: wrap;
flex: 0 1 auto !important;
padding: 8px;
/* dont't allow diff views */
display: none;
}
.layout {
border: 1px solid #eee !important;
margin-top: 5px;
cursor: pointer;
transition: all .1s;
padding: 2px 5px;
}
.layoutpreview img {
width: auto;
height: 80px;
}
.layoutpreview>div {
flex: 1 1 auto;
padding-bottom: 15px;
font-size: .75rem;
color: #999;
border: 1px solid transparent;
/* padding: 5px; */
margin-right: 8px;
}
.layout.selected {
border: 1px solid var(--green) !important;
color: #fff;
background-color: var(--green);
opacity: .5;
}
.layoutpreview::before {
/* content: 'Layouts:'; */
flex: 1 1 100%;
padding: 10px;
font-size: .75rem;
color: #999;
}
.multiholders {
display: flex;
gap: 1rem;
}
.multiholders>div {
margin-right: auto;
}
.multiholders>div:last-of-type {
margin-right: 0;
margin-top: -1rem;
}
.multiholders>div:first-of-type {
margin-top: 0;
}
.multiholders {
margin-bottom: 2rem;
position: relative;
}
.multiselectholder {
max-height: 9.5rem;
overflow: scroll;
position: relative;
background-color: #eee;
flex: 1 1 auto;
border-radius: 2px;
box-shadow: var(--shadow-elevation-low);
border: 1px solid #ccc;
min-height: 5.5rem;
order: 0;
}
.listofsel {
font-size: .75rem;
color: #999;
position: absolute;
left: 0;
bottom: -4.5rem;
height: 4rem;
overflow: auto;
max-width: 300px;
}
.multiselecttitle {
position: sticky;
top: 0;
background-color: #ccc;
padding: 5px;
font-size: 1.1rem;
margin-bottom: .5rem;
}
.pagelistpreview:empty::before {
content: 'Nothing to show...';
font-size: .75rem;
}
.multilist {
padding: 0 .5rem;
}
.multitype {
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
display: block;
}
.multiselcheck:hover {
background-color: #ccc;
}
.multiselcheck {
padding-left: 1.5rem;
padding-top: .25rem;
color: #666;
margin: 0 -.5rem;
border-bottom: 1px solid #fff;
padding-bottom: .25rem;
padding-right: .5rem;
}
/* not public */
.multiselcheck.pub-n {
background-color: rgba(255, 153, 153, .1);
}
/*
.multiselcheck:nth-of-type(2n) {
background-color: #f5f5f5;
}
.multiselcheck:nth-of-type(2n+1) {
background-color: #ddd;
}
*/
.multiselcheck label {
margin: 0;
display: block;
cursor: pointer;
padding: 3px 0;
text-transform: none;
}
.multicat {
/* padding-top: .25rem; */
color: #666;
letter-spacing: .5px;
font-size: .75rem;
}
.multiwrap {
padding: 0 1rem 1rem;
}
.multiwrap input[type='radio'] {
transform: scale(1.5);
}
.multiwrap .title input {
font-size: 1rem !important;
padding: 3px;
width: 400px;
display: block;
}
.multiwrap .title {
position: relative;
text-transform: uppercase;
letter-spacing: .5px;
color: #000;
margin-top: 1rem;
background-color: #f5f5f5;
padding: .5rem;
display: block;
}
.sticks {
position: sticky;
top: 0;
background-color: #ffff;
margin: 0 -.5rem;
padding: .25rem .5rem;
}
.multicat .sticks {
/* top: 1rem; */
}
.multitype .sticks {
z-index: 2;
}
.multicat .sticks {
z-index: 0 !important;
}
.statval:invalid {
color: red;
}
.statval {
width: 2rem !important;
}
.dropdown {
position: relative;
z-index: 99;
}
.sm .dropdown {
max-width: fit-content;
}
.dropdown.open>.caption {
border-bottom: solid 1px #999;
}
.dropdown>.caption {
background-color: #ddd;
padding: .45rem;
padding-right: 1.5rem;
border-radius: 15px;
cursor: pointer;
position: relative;
border-radius: 15px;
white-space: nowrap;
height: 35px;
}
.dropdown>.caption:hover {
background-color: var(--blue);
}
.dropdown>.caption::after {
content: '⌃';
position: absolute;
right: .25rem;
font-size: .75rem;
transform: rotate(180deg);
transition: all .15s;
}
.dropdown.open>.caption::after {
transform: rotate(0deg) translateY(.25rem);
transition: all .15s;
}
.dropdown.open>.list {
display: block;
}
.dropdown>.list {
position: absolute;
background-color: #fff;
width: 100%;
border-radius: 0 0 3px 3px;
display: none;
z-index: 9;
min-width: 350px;
box-shadow: 5px 5px 15px #ccc;
top: 2rem;
}
.dropdown>.list>.item {
padding: .5rem;
cursor: pointer;
}
.dropdown>.list>.item.selected {
font-weight: bold;
}
.dropdown>.caption:hover,
.dropdown>.list>.item:hover {
background-color: var(--blue);
color: #fff;
}
samp {
font-size: 1.5rem;
font-weight: bold;
color: var(--blue);
/* float: left; */
line-height: 1rem;
/* margin: .5rem -3rem; */
}
p:has(samp) {
margin: 0 !important;
}
p:has(samp) + p {
margin-top: 0;
}
samp + p {
margin-top: 0;
}
p:has(+ p[dir="rtl"]) samp{
direction: rtl;
}
p:has(+ p[dir="ltr"]) samp{
direction: ltr;
}
.myfilter {
position: sticky;
background-color: #ccc;
z-index: 2;
margin: -1rem;
padding: 1rem;
top: -1rem;
}
.onefilter {
display: flex;
gap: 0;
flex-direction: column;
}
.filtername {
font-size: .9rem !important;
color: var(--blue);
}
.filterbox .dropstuff::before {
display: none;
}
.filterbox .dropdown > .caption {
white-space: normal;
height: auto;
font-size: .9rem;
padding: .25rem;
}
.dropdown.open>.list {
display: block;
}
.dropdown .statdesc {
font-size: .8rem;
grid-column-start: 2;
}
.dropdown .item label {
margin-bottom: 0;
font-size: 1rem;
display: grid;
grid-template-columns: 25px auto;
/* cursor: pointer; */
align-items: first baseline;
}
input[type='checkbox'], input[type='radio']{
cursor: pointer;
}
.dropdown .statdesc>p:first-of-type {
margin-top: 0;
}
.dropdown .statdesc>p:last-of-type {
margin-bottom: 0;
}
.onelex.shouldnot {
background-color: #000 !important;
}
.droplist {
max-height: 0;
overflow: auto;
transition: all .15s;
position: absolute;
background-color: ButtonFace;
left: -5px;
top: -50%;
width: 13rem;
margin: .5rem 0 1rem;
}
.dropreveal .droplist {
max-height: 10rem;
overflow-y: auto;
overflow-x: hidden;
transition: all .15s;
box-shadow: 2px 2px 5px #555;
z-index: 2;
border-radius: 15px;
padding: .5rem 0 1rem;
margin: 0;
}
.droplist .sticks {
margin: 0;
position: unset;
font-weight: bold;
background-color: unset;
}
.droplist .multiselcheck {
border-bottom: none;
}
.dropwrap {
overflow: unset;
max-height: unset;
min-height: unset;
flex: unset;
border: unset;
background-color: unset;
box-shadow: unset;
}
.droplabel:empty:before {
content: 'choose';
}
.droplabel::after {
content: '⌃';
position: absolute;
right: .25rem;
font-size: .75rem;
transform: rotate(180deg);
bottom: .75rem;
}
.droplabel {
font-size: reset;
position: relative;
left: auto;
bottom: auto;
height: auto;
overflow: reset;
max-width: none;
color: #000;
font-size: .75rem;
font-family: sans-serif;
cursor: pointer;
display: inline-block;
background-color: ButtonFace;
border-radius: 15px;
padding: .5rem 2rem .5rem 1rem;
line-height: 1.25;
}
.showdet {
flex: 1 1 100% !important;
}
.showdet select {
font-size: .75rem;
transition: all .1s;
/* height: 1.5rem; */
}
.oneplace p {
margin: 0;
padding: 0;
}
.oneplace .placedesc {
font-size: .9rem;
}
.oneplace .placetype{
text-transform: uppercase;
letter-spacing: 1px;
font-size: .75rem;
display: block;
}
.oneplace {
border-bottom: 1px solid #ccc;
margin-bottom: .5rem;
padding-bottom: .5rem;
position: relative;
}
.oneplace * {
display: inline;
}
.noperm p {
margin:0;
max-width: 300px;
}
.nopermtext p {
max-width: 600px;
}
#imagesrcid {
max-height: 200px;
width: unset;
margin: auto;
display: block;
border: 1px solid #ccc;
}
/* show diff toolbar when maximized */
/*
aside *:is(.cke_combo__format,
.cke_button__outdent,
.cke_button__indent,
.cke_button__blockquote,
.cke_button__simplebutton,
.cke_button__image,
.cke_button__horizontalrule,
.cke_button__specialchar,
.cke_button__youtube,
.cke_toolbar_separator) {
display: none !important;
}
*/
aside .cke_maximized *:is(.cke_combo__format,
.cke_button__outdent,
.cke_button__indent,
.cke_button__blockquote,
.cke_button__simplebutton,
.cke_button__image,
.cke_button__horizontalrule,
.cke_button__specialchar,
.cke_button__youtube,
.cke_toolbar_separator) {
display: inline-block !important;
}
aside img, aside figure {
max-width: fit-content;
display: block !important;
border: 1px solid #ccc;
display: flex !important;
flex-direction: column;
}
aside figcaption {
max-width: none;
width: 100%;
order: 10;
}
aside figure {
padding: 1rem !important;
}
aside .cke_editable {
padding-top: 1rem;
}
.withsel *:is(.cke_combo__format,
.cke_button__outdent,
.cke_button__indent,
.cke_button__blockquote,
.cke_button__simplebutton,
.cke_button__image,
.cke_button__horizontalrule,
.cke_button__specialchar,
.cke_button__youtube,
.cke_toolbar_separator) {
display: none !important;
}
.withsel .cke_maximized *:is(.cke_combo__format,
.cke_button__outdent,
.cke_button__indent,
.cke_button__blockquote,
.cke_button__simplebutton,
.cke_button__image,
.cke_button__horizontalrule,
.cke_button__specialchar,
.cke_button__youtube,
.cke_toolbar_separator) {
display: inline-block !important;
}
#cke_datestext .cke_contents,
#cke_datestextyid .cke_contents,
#cke_nametextyid .cke_contents {
/* height: 2.5rem !important; */
}
#cke_datestext .cke_contents p {
direction: ltr;
}
#cke_datestextyid .cke_contents p {
/* direction: rtl; */
}
#cke_datestext .cke_contents .cke_wysiwyg_div,
#cke_datetextyid .cke_contents .cke_wysiwyg_div,
#cke_yname .cke_contents .cke_wysiwyg_div {
/*
height: 2.5rem;
overflow: hidden;
min-height: 0 !important;
*/
}
.savenewpseronbut {
background-color: var(--green) !important;
}
.withsel .onenote::before {
content: none;
}
.nested-sort {
clear: both;
padding: 5px 10px;
margin: 10px -8px;
}
.nested-sort--enabled li {
cursor: move;
}
.nested-sort li {
list-style: none;
margin: 0 0 5px;
padding: 10px;
background-color: #fff;
border: 0px solid #ddd;
position: relative;
}
.nested-sort li ol {
padding: 0;
list-style: none;
}
.nested-sort ol:not(.open) li {
display: none;
}
.nested-sort li:not(.ns-targeted) ol:not(.ns-placeholder) {
max-height: 0px;
position: relative;
padding-top: 0;
cursor: pointer;
margin-left: 0;
top: 0;
left: 0;
width: 25px;
border: 0px solid red;
margin-top: 0;
}
.nested-sort li:not(.ns-targeted) ol:not(.ns-placeholder)::before {
content: '▶';
position: absolute;
top: -1rem;
left: -30px;
font-size: 12px;
line-height: 1rem;
}
.nested-sort li:not(.ns-targeted) ol:not(.ns-placeholder).open::before {
content: '▼';
}
.nested-sort li:not(.ns-targeted) ol:not(.ns-placeholder).open {
overflow: visible;
width: 100%;
max-height: 1000px;
transition: max-height .15s;
}
.nested-sort li:not(.ns-targeted) ol:not(.ns-placeholder).open li {
margin-left: 2rem;
padding-bottom: 0;
}
/* ns-dragged is the class name of the item which is being dragged */
.nested-sort .ns-dragged {
border: 1px solid red;
}
.draggable .handle {
transform: rotate(90deg);
display: inline-block;
color: var(--blue);
margin-left: 5px;
cursor: move;
}
/* ns-targeted is the class name of the item on which the dragged item is hovering */
.nested-sort .ns-targeted {
border: 1px solid green;
}
.nested-sort .ns-targeted::before {
content: '';
display: list-item;
height: 1px;
border: 1px dashed green;
position: relative;
top: -.75rem;
}
/* TABS https://codeconvey.com/simple-css-tabs-without-javascript/ */
.tab-wrap {
transition: 0.3s box-shadow ease;
/* border-radius: 6px; */
max-width: 100%;
display: flex;
flex-wrap: wrap;
position: relative;
list-style: none;
background-color: #fff;
margin: 40px;
border: 1px solid #eee;
}
.tab-wrap:hover {
box-shadow: var(--shadow-elevation-medium);
}
.tab {
display: none;
}
.tab:checked:nth-of-type(1)~.tab__content:nth-of-type(1) {
opacity: 1;
transition: 0.5s opacity ease-in, 0.8s transform ease;
position: relative;
top: 0;
z-index: 100;
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(2)~.tab__content:nth-of-type(2) {
opacity: 1;
transition: 0.5s opacity ease-in, 0.8s transform ease;
position: relative;
top: 0;
z-index: 100;
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(3)~.tab__content:nth-of-type(3) {
opacity: 1;
transition: 0.5s opacity ease-in, 0.8s transform ease;
position: relative;
top: 0;
z-index: 100;
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(4)~.tab__content:nth-of-type(4) {
opacity: 1;
transition: 0.5s opacity ease-in, 0.8s transform ease;
position: relative;
top: 0;
z-index: 100;
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(5)~.tab__content:nth-of-type(5) {
opacity: 1;
transition: 0.5s opacity ease-in, 0.8s transform ease;
position: relative;
top: 0;
z-index: 100;
transform: translateY(0px);
text-shadow: 0 0 0;
}
.tab:first-of-type:not(:last-of-type)+label {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.tab:not(:first-of-type):not(:last-of-type)+label {
border-radius: 0;
}
.tab:last-of-type:not(:first-of-type)+label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.tab:checked+label {
background-color: #fff;
box-shadow: 0 -1px 0 #fff inset;
cursor: default;
}
.tab:checked+label:hover {
box-shadow: 0 -1px 0 #fff inset;
background-color: #fff;
}
.tab+label {
box-shadow: 0 -1px 0 #eee inset;
/* border-radius: 6px 6px 0 0; */
cursor: pointer;
display: block;
text-decoration: none;
color: #333;
flex-grow: 3;
text-align: center;
background-color: #eee;
user-select: none;
text-align: center;
transition: 0.3s background-color ease, 0.3s box-shadow ease;
height: 50px;
box-sizing: border-box;
padding: 15px;
margin: 0;
}
.tab-wrap label {
border-left: 1px solid #000;
}
.tab-wrap label:first-of-type {
border: none;
}
.tab+label:hover {
background-color: #f9f9f9;
box-shadow: 0 1px 0 #f4f4f4 inset;
}
.tab__content {
padding: 10px 25px;
background-color: transparent;
position: absolute;
width: 100%;
z-index: -1;
opacity: 0;
left: 0;
transform: translateY(-3px);
/* border-radius: 6px; */
}
.cke_chrome {
clear: both;
border: 0px solid #d1d1d1 !important;
border-right: 1px solid #d1d1d1 !important;
}
aside .cke_chrome {
border-right: none !important;
}
/*
.cke_button__maximize {
position: absolute !important;
right: .25rem;
}
*/
.cke[style] .cke_contents {
max-height: none;
}
.cke_contents {
max-height: 25rem;
overflow: auto !important;
}
.draggable .handle {
/*
position: sticky;
top: 63px;
*/
z-index: 9;
}
.txtsarea .cke_top {
position: sticky !important;
top: 80px !important;
z-index: 9;
box-shadow: 0 5px 5px #eee;
}
aside .cke_contents {
max-height: 175px;
}
.source .cke_contents {
min-height: 200px;
}
.source .cke_source {
min-height: 200px;
padding-top: 3rem !important;
}
.convert .dz-filename span {
background-color: #e6f0e6 !important;
}
.dropzone .dz-preview.dz-error::before {
content: 'Try to upload this file again...';
position: absolute;
background-color: #fff;
padding: 5px;
z-index: 999;
font-size: .9rem;
color: var(--red);
}
.dropzone .dz-preview.dz-error {
background-color: var(--red) !important;
}
.dropzone .dz-preview .dz-error-mark {
background-color: red;
}
.dropzone .dz-preview .dz-progress {
top: 20%;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
top: 20%;
}
.dropzone .dz-preview .dz-details {
position: relative;
opacity: 1;
padding: 5px;
}
.dropzone .dz-preview .dz-details .dz-size {
margin-bottom: 0;
}
.dropzone .dz-preview .dz-image {
margin-top: 8px;
}
.dropzone .dz-preview .dz-remove {
order: -1;
}
.dropzone .dz-preview {
display: inline-flex !important;
flex-direction: column;
flex: 1 0 20%;
align-items: center;
background-color: #ccc !important;
padding: 0px;
border-radius: 10px;
box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.03);
margin: 5px;
}
.dropzone .dz-message {
margin: auto;
}
.dropzone .dz-preview label,
.dropzone .dz-preview input,
.dropzone .dz-preview textarea {
width: 100%;
}
.dropzone .dz-preview label {
padding: 8px;
margin: 0;
}
.dz-preview .close {
position: absolute;
width: 25px;
height: 25px;
top: -10px;
right: -10px;
background-color: #fff;
border-radius: 50%;
}
.dz-preview .close {
position: absolute;
width: 25px;
height: 25px;
top: -10px;
right: -10px;
background-color: #fff;
border-radius: 50%;
text-align: center;
line-height: 21px;
border: 1px solid #fff;
cursor: pointer;
}
.dz-preview .close svg {
width: 15px;
height: 15px;
fill: red;
}
.button.loading {
position: relative;
color: transparent;
background-color: #fff;
cursor: not-allowed;
}
.loading::after {
content: "";
position: absolute;
width: 16px;
height: 16px;
top: 0;
bottom: 0;
margin: auto;
border: 4px solid transparent;
border-top-color: var(--red);
border-radius: 50%;
animation: loading-spinner 1s ease infinite;
z-index: 999999999999;
}
@keyframes loading-spinner {
from {
transform: rotate(0turn);
}
to {
transform: rotate(1turn);
}
}
.dz-preview label {
/* color: #fff; */
}
/*
.sf {
position: fixed;
top: 65px;
z-index: 9999999999;
left: 0;
width: 100%;
background-color: var(--altaccent);
}
.sf .button {
background-color: var(--verybright);
}
*/
.dropzone .addmore {
justify-content: center;
cursor: pointer !important;
box-shadow: none !important;
background-color: transparent !important;
border: 1px dashed #fff;
pointer-events: none;
/* last */
order: 1;
}
.dropzone .addmore:hover {
background-color: #fff !important;
}
.dropzone .addmore:hover .button {
background-color: #000;
color: #fff;
}
#addart {
border: 1px solid #ccc;
display: flex;
flex-wrap: wrap;
border-radius: 15px;
margin: 0;
padding: 5px;
margin-bottom: 2rem;
background-color: #fff;
}
#addart.dz-drag-hover {
border: 1px dashed #000;
background-color: #ccc;
}
.dropzone .dz-preview .dz-image:hover img {
transform: scale(1.05, 1.05);
filter: blur(8px);
}
.dz-image:hover~.dz-details {
opacity: 1;
}
.tagify {
background-color: transparent !important;
border: none !important;
}
.tagify__tag {
background-color: #e5e5e5;
}
.tagify__tag>div>* {
word-wrap: anywhere;
}
.tagify__tag__removeBtn {
align-self: flex-start;
}
.tagify__input::before {
content: '+ ADD TAG' !important;
position: absolute !important;
background-color: #fff;
border-radius: 10px;
opacity: 1 !important;
text-align: center;
border: 1px solid #ccc;
color: #999 !important;
padding: 3px 10px;
height: auto !important;
font-size: .9rem;
}
.tagify__input:hover::before {
border: 1px solid #000;
}
.tagify__input {
cursor: pointer;
margin: 5px 0 !important;
min-width: 95px !important;
width: 95px !important;
max-width: 95px !important;
overflow: visible !important;
margin-top: 0rem !important;
}
.tagify__input:focus {
outline: 1px solid #ccc !important;
background-color: #fff;
min-width: 120px !important;
margin: .25rem .5rem !important;
}
.tagify__input:focus::before {
content: none !important;
}
.tagify__tag:not([tagid])>div::before {
box-shadow: none;
background-color: rgba(153, 255, 153, .1);
}
.tagify {
background-color: rgba(54, 122, 195, .1);
}
.tagify__tag {
border: 1px solid rgba(54, 122, 195, .25);
}
.tagify__tag,
.tagify__input {
font-size: .75rem;
}
.tagp {
display: block;
font-size: .75rem !important;
/* margin-left: 1rem; */
color: #999;
}
.tagify__dropdown__item:hover .tagp {
color: #fff;
}
.tagp:after {
content: " > ";
}
.tagp:empty {
display: none;
}
.tagify__dropdown__item {
padding-right: 1rem !important;
margin-bottom: .5rem !important;
line-height: 1 !important;
}
input#autoComplete {
margin-bottom: 0;
}
.autoComplete_wrapper>ul {
margin: 0;
}
.autoComplete_wrapper {
display: block;
}
.autoComplete_wrapper>input {
height: auto;
color: inherit;
border-radius: inherit;
background-image: none;
}
.autoComplete_wrapper>input:focus::placeholder {
padding: inherit;
font-size: inherit;
color: inherit;
}
.autoComplete_wrapper>input:focus::selection {
background-color: inherit;
}
.autoComplete_wrapper>input:focus {
color: inherit;
}
.autoComplete_wrapper>ul>li mark {
padding: 0;
}
/* de.css | http://localhost/admin/de.css?v=20220813184936 */
.autoComplete_wrapper>ul {
position: absolute;
z-index: 2;
width: 100%;
margin: 0;
padding: 8px 0;
box-shadow: 1px 8px 8px #999;
background-color: #fff;
border-radius: 0 0 5px 5px;
}
.autoComplete_wrapper {
position: relative;
}
.autoComplete_wrapper>ul li:nth-of-type(2n+1) {
background-color: #eee;
}
.autoComplete_wrapper>ul li {
padding: 5px 8px;
cursor: pointer;
}
.autoComplete_wrapper>ul li:hover {
background-color: var(--green);
}
.autoComplete_wrapper mark {
background-color: var(--yellow);
}
.autoComplete_wrapper>ul li[aria-selected] {
background-color: var(--green);
}
.plink {
margin: .5rem 0;
}
.lastmod {
font-size: .9rem;
/* white-space: nowrap; */
color: #888;
text-align: right;
}
.lastmod .mod {
font-size: .75rem;
display: block;
white-space: wrap;
}
.onemod {
display: flex;
gap: 1rem;
align-items: flex-end;
background-color: #fff;
opacity: .5;
}
.onemod .mod {
font-size: .75rem;
}
.onemod::before {
content: 'last modified: ';
font-size: .75rem;
}
.onemod:empty {
display: none;
}
.goGetYidWrap {
display: flex;
gap: .25rem;
align-items: center;
margin-left: auto;
width: fit-content;
padding: .25rem .5rem;
background-color: #fff;
border-radius: 0 0 15px 15px;
color: #777;
border-top: 1px solid #ccc;
}
.goGetYidWrap button {
margin: 0;
}
.goGetYidWrap .undoyid {
opacity: 0;
visibility: hidden;
}
.gotYid .undoyid {
opacity: .5;
visibility: visible;
}
.goGetYidWrap select {
border-radius: 20px;
padding: 2px 5px;
font-size: .75rem;
max-width: 6rem;
}
/* "Get Names" modal (admin/people.php, note category id=1) */
.getnames-overlay {
position: fixed;
inset: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, .45);
}
.getnames-dialog {
width: 100%;
max-width: 32rem;
max-height: 85vh;
display: flex;
flex-direction: column;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 6px 20px rgba(0, 0, 0, .2);
}
.getnames-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0rem 0 0 1.25rem;
border-bottom: 1px solid #eee;
}
.getnames-header h3 {
margin: 0;
}
.getnames-close {
border: 0;
background: transparent;
font-size: 1.5rem;
line-height: 1;
cursor: pointer;
color: #777;
padding: .5rem;
margin-right: 0;
}
.getnames-close:hover {
color: #000;
}
.getnames-progress {
padding: 1rem 1.25rem;
}
.getnames-progress-bar {
height: 6px;
border-radius: 3px;
background-color: #eee;
overflow: hidden;
}
.getnames-progress-fill {
height: 100%;
width: 0;
background-color: var(--blue, #017bff);
transition: width .3s ease;
}
.getnames-progress-text {
margin: .5rem 0 0;
font-size: .85rem;
color: #777;
}
.getnames-body {
padding: 1rem 1.25rem;
overflow-y: auto;
}
.getnames-loading {
color: #777;
}
.getnames-source {
margin-bottom: 1.25rem;
}
.getnames-source:last-child {
margin-bottom: 0;
}
.getnames-source-head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: .5rem;
border-bottom: 1px solid #eee;
padding-bottom: .25rem;
margin-bottom: .5rem;
}
.getnames-checkall {
font-size: .8rem;
font-weight: normal;
color: #555;
white-space: nowrap;
}
.getnames-candidates {
list-style: none;
margin: 0;
padding: 0;
}
.getnames-candidates li {
padding: .25rem 0;
}
.getnames-candidates label {
display: block;
font-weight: normal;
cursor: pointer;
}
.getnames-type {
color: #888;
font-size: .8rem;
}
.getnames-note {
color: #777;
font-size: .9rem;
}
.getnames-note.getnames-error {
color: #a33;
}
.getnames-footer {
display: flex;
gap: 1rem;
padding: 1rem 1.25rem;
border-top: 1px solid #eee;
}
/* "Find Mentions" modal (admin/people.php .mentionswrap -- runs the
Mention Finder in admin/mentions.php for just the one person being
edited). Overlay/dialog chrome mirrors .getnames-*; row styling mirrors
.mf-* in admin/mentions.php so results look the same in both places. */
.mf-findbtn {
margin: 0 0 .5rem;
}
.pmf-overlay {
position: fixed;
inset: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, .45);
}
.pmf-dialog {
width: 100%;
max-width: 40rem;
max-height: 85vh;
display: flex;
flex-direction: column;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 6px 20px rgba(0, 0, 0, .2);
}
.pmf-dialog button:disabled {
opacity: .5 !important;
}
.pmf-dialog button {
opacity: 1 !important;
}
.pmf-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0 0 1.25rem;
border-bottom: 1px solid #eee;
}
.pmf-header h3 {
margin: 0;
}
.pmf-close {
border: 0;
background: transparent;
font-size: 1.5rem;
line-height: 1;
cursor: pointer;
color: #777;
padding: .5rem;
margin-right: 0;
}
.pmf-close:hover {
color: #000;
}
.pmf-headeractions {
display: flex;
align-items: center;
gap: .5rem;
}
.pmf-rescan {
margin: 0;
}
.pmf-status {
padding: 1rem 1.25rem;
font-size: .9rem;
color: #777;
}
.pmf-sectionactions {
display: flex;
align-items: center;
gap: .5rem;
padding: 0 1.25rem 0rem;
border-bottom: 2px solid var(--lblue);
margin-bottom: 1rem;
}
.pmf-sectionactions {
flex-wrap: wrap;
}
.pmf-sectionactions[hidden] {
display: none;
}
.pmf-sectionactions button:disabled {
opacity: .35;
cursor: not-allowed;
}
.pmf-sectionactions button.yes {
background: var(--green);
color: #fff;
}
/* Big checkboxes: one per row + a "Select all" toggle in the section actions */
.pmf-check {
width: 1rem;
height: 1rem;
flex-shrink: 0;
margin: 0;
cursor: pointer;
accent-color: var(--blue);
}
.pmf-checkall {
display: inline-flex;
align-items: center;
gap: .4rem;
cursor: pointer;
font-size: .75rem;
user-select: none;
}
.pmf-num {
flex-shrink: 0;
min-width: 1.25rem;
margin-right: -.5rem;
font-size: .7rem;
line-height: 1.1rem;
text-align: right;
opacity: .55;
}
.pmf-row:has(.pmf-rowcheck:checked) {
background-color: var(--lblue);
}
.pmf-row.resolved .pmf-rowcheck {
visibility: hidden;
pointer-events: none;
}
.pmf-sectionactions button.no {
background: var(--red);
color: #fff;
}
.pmf-body {
padding: 0 1.25rem 1rem;
overflow-y: auto;
}
.pmf-row {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 1rem;
padding: .5rem;
border-top: 1px dashed var(--lgreen);
}
.pmf-row:first-of-type {
border-top: 0;
}
.pmf-info {
flex: 1;
min-width: 0;
}
.pmf-field {
display: inline-block;
margin-left: .5rem;
padding: .05rem .4rem;
border-radius: 4px;
background: var(--lgreen);
font-size: .75rem;
}
.pmf-matched {
display: inline-block;
margin-left: .5rem;
font-size: .85rem;
opacity: .8;
}
.pmf-snippet {
margin-top: .25rem;
font-size: .85rem;
opacity: .75;
word-wrap: anywhere;
}
.pmf-snippet mark {
background-color: rgba(250, 250, 0, .25);
color: inherit;
opacity: 1;
font-weight: 600;
padding: 0 .1rem;
border-radius: 2px;
}
.pmf-actions {
display: flex;
gap: .5rem;
flex-shrink: 0;
}
.pmf-actions button.yes {
background: var(--green);
color: #fff;
}
.pmf-actions button.no {
background: var(--red);
color: #fff;
}
.pmf-row.resolved {
opacity: .5;
}
.pmf-resulticon {
font-size: 1.3rem;
font-weight: 700;
line-height: 1;
cursor: default;
}
.pmf-row.approved .pmf-resulticon {
color: var(--green);
}
.pmf-row.rejected .pmf-resulticon {
color: var(--red);
}
.pmf-reloadnote {
margin: 0 1.25rem 1rem;
padding: .5rem .75rem;
background: var(--yellow);
border-radius: 6px;
font-size: .85rem;
display: inline-block;
}
.pmf-group {
display: inline-block;
margin-left: .5rem;
padding: .05rem .4rem;
border-radius: 4px;
background: var(--lblue);
color: var(--blue);
font-size: .75rem;
}
.pmf-row.failed {
background-color: rgba(250, 250, 0, .15);
}
.pmf-failmsg {
margin-top: .35rem;
font-size: .85rem;
color: var(--red);
}
.pmf-failmsg a {
color: var(--blue);
text-decoration: underline;
}
.mentions .lifeyrs {
font-size: .85em;
opacity: .7;
white-space: nowrap;
}
body:has(.pmf-overlay) {
overflow: hidden;
}
.alllex .onelex {
direction: rtl;
display: flex;
gap: 1rem;
margin: .5rem -.5rem;
padding: .25rem .5rem;
display: grid;
grid-template-columns: 15px 60px 5fr 1fr 2fr 20px 40px;
grid-template-columns: 15px 60px 105px 5fr 1fr;
grid-template-columns: 40px 15px 5fr 1fr 100px;
}
.alllex .onelex.onetrans {
direction: ltr;
}
.alllex .onelex:nth-of-type(2n) {
background-color: #ddd;
padding: .75rem .5rem;
}
.onelex .check {}
.onelex a {
font-size: 1.2rem;
font-family: serif;
}
.onelex.onetrans a {
font-family: sans-serif;
font-size: 1rem;
}
.onelex a span {
font-size: .75rem;
}
.onelex>a {
line-height: 1.2rem;
display: inline-flex;
gap: 1rem;
align-items: start;
}
.onelex>a>* {
flex: 0 1 auto;
}
.onelex p {
margin: 0;
}
.onelex td p {
/* word-wrap: anywhere; */
}
.yname {
/* color: var(--green); */
/* opacity: .5; */
}
/*
.cke_contents p[dir="ltr"] {
text-align: left;
}
*/
/*
.onelex a span.datdets, .onelex a span.datetext {
color: #367ac3cc ;
}
*/
.onelex .link {
position: relative;
font-size: .8rem !important;
display: inline-block;
}
.onelex .link~.link {
margin-top: .5rem !important;
}
.onelex .vol {
color: #000;
/*
position: absolute;
top: -.75rem;
*/
left: 0rem;
/* white-space: nowrap; */
line-height: 1;
}
.onelex a.link:hover {
opacity: 1;
}
.onelex.onepeep a {
font-family: 'Oxygen', sans-serif;
}
.onepagedetail {
max-height: 10rem;
overflow: auto;
margin-bottom: 1rem;
padding: 1rem 0;
}
.onevol {
display: flex;
gap: 1rem;
background-color: #ddd;
padding: .75rem .5rem;
margin: 0 -.5rem;
align-items: center;
position: relative;
}
.onevol.pub-n::after {
background-color: var(--red);
opacity: 1;
content: '';
position: absolute;
top: .75rem;
left: -1rem;
width: 1rem;
height: 1rem;
display: block;
border-radius: 50%;
}
.onevol:nth-of-type(2n) {
background-color: #eee;
}
.onevol>div:last-of-type {
margin-left: auto;
}
.slist {
list-style: none;
list-style: decimal;
padding: 0;
margin: 0;
}
.slist li {
margin: 10px;
padding: 15px;
border: 1px solid #dfdfdf;
background-color: #f5f5f5;
}
/* (B) DRAG-AND-DROP HINT */
.slist li.hint {
border: 1px solid #ffc49a;
background-color: #feffb4;
}
.slist li.active {
border: 1px solid #ffa5a5;
background-color: #ffe7e7;
}
.combine {
font-size: 1rem;
padding: 1rem;
}
le-widget[data-widget-plugin="slideshow"] {
clear: both;
}
.ytexttools {
display: flex;
gap: 1rem;
align-items: center;
margin-left: auto;
width: fit-content;
padding: .25rem .5rem;
background-color: #fff;
border-radius: 0 0 15px 15px;
border-top: 1px solid #ccc;
}
.ytexttools .goGetYidWrap {
border: none;
padding-right: 0;
}
.fontchanger select {
border-radius: 20px;
padding: 2px 5px;
font-size: .75rem;
}
.fontchanger > * {
font-size: .75rem;
margin: 0;
}
.fontchanger {
/*
margin-left: auto;
margin-left: auto;
width: fit-content;
padding: .25rem .5rem;
background-color: #fff;
border-radius: 0 0 15px 15px;
color: #777;
*/
}
/*
.yidtoolbarwrap .advanced{
display: none !important;
}
*/
.yiddishtextwrap .cke_contents > div > *
/*.yiddishtextwrap .cke_contents p, .yiddishtextwrap .cke_contents ul */ {
max-width: calc(820px - 3rem);
/* border-bottom: 1px solid #ddd; */
margin-left: auto;
}
/*
.peepsdatetext.ywrap .cke_contents,
.peepsdatetext.ywrap .cke_contents p,
#cke_yname .cke_contents .cke_wysiwyg_div,
#cke_nametextyid .cke_contents>div {
text-align: right;
direction: rtl;
}
*/
/*
.cke_wysiwyg_div[dir="auto"] {
direction: ltr !important;
}
*/
hi-light {
background-color: var(--yellow);
}
.sorton {
opacity: 1 !important;
}
.yid-quote {
quotes: "«" "»" "‹" "›";
}
.curuser {
display: inline-flex;
font-weight: normal;
font-size: .9rem;
gap: 1rem;
color: #333;
margin-left: auto;
max-width: 2rem;
overflow: hidden;
white-space: nowrap;
position: relative;
padding-left: 2rem;
height: 2rem;
transition: all .15s;
align-items: center;
flex-wrap: wrap;
/* margin-right: 4rem; */
position: absolute;
right: 4rem;
}
.ptype {
background-color: var(--green);
border-radius: 15px;
padding: 0 .5rem;
color: #fff;
}
.curuser.Admin::after {
cursor: pointer;
content: '';
left: 0;
top: 1rem;
background-image: url('data:image/svg+xml;utf8,');
position: absolute;
background-size: 100%;
height: 1rem;
width: 1rem;
filter: invert(100%);
}
.curuser.open {
max-width: 100%;
transition: all .15s;
background-color: #ccc;
padding-right: .5rem;
box-shadow: 4px 4px 4px #666;
}
.curuser a {
color: #000;
text-decoration: underline;
}
.perms i {
background-color: #666;
color: #ddd;
font-style: normal;
padding: 0 10px;
border-radius: 10px;
font-size: .75rem;
}
.perms {
margin-left: -.5rem;
}
.curuser::before {
width: 2rem;
height: 2rem;
content: '';
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
cursor: pointer;
position: absolute;
left: 0;
top: 3px;
background-size: 80%;
filter: invert(0%);
transition: all .15s;
}
.curuser:hover::before {
filter: invert(75%);
transition: all .15s;
}
.statwrap label {
display: flex;
margin: 0;
white-space: nowrap;
}
.statwrap {
display: flex;
gap: 1rem;
margin: 1rem .5rem;
}
main>div.sm .statwrap input {
flex: 0 0 1rem;
width: auto;
margin: 2px;
}
.alllex>div i.n {
color: red;
}
.alllex>div i.y {
color: green;
}
.contin .cimages {
display: flex;
border: 1px solid;
flex-wrap: wrap;
gap: .5rem;
background-color: #ccc;
padding: .5rem;
}
.contin .cimages div {
flex: 0 0 125px;
}
.editlink #basic {
margin-bottom: 0;
padding-right: 2.5rem;
}
.alllex>div i {
font-style: normal;
/* width: 2rem; */
display: inline-flex;
align-items: flex-end;
gap: 5px;
white-space: nowrap;
}
.alllex .num i {
font-style: italic;
}
.alllex>div i small {
color: #999;
font-size: .75rem;
}
main .list-group-item div input {
width: auto;
}
.motext {
/* grid-area: mo; */
/*
margin: 2rem 1.5rem;
border-top: 1px solid #ccc;
padding: 10px;
background-color: #eee;
border-radius: 5px;
*/
position: relative;
margin-bottom: 5rem;
}
:is(.onelex,
.onetrans) .tags .content>div {
font-size: .65rem;
padding: .25rem .5rem;
border-radius: 15px;
background-color: #367ac355;
width: fit-content;
display: inline-block;
margin: 0 .25rem .25rem 0;
text-transform: uppercase;
letter-spacing: .75px;
}
.tags .details .content {
background: none;
border: none;
margin-left: 0;
padding: 0;
font-size: 1rem;
max-height: 0;
overflow: hidden;
}
.tags .details.open .content {
border: none;
padding: .25rem 0 0;
max-height: 100vh;
}
.toggleall {
font-size: .65rem;
text-transform: none;
font-weight: normal;
cursor: pointer;
color: var(--blue);
text-decoration: underline;
display: block;
}
.table-arrows th small {
display: block;
font-size: .75rem !important;
}
.clearfinds {
color: #fff;
font-size: .75rem;
background-color: var(--red);
padding: 0 .5rem;
border-radius: 15px;
text-transform: uppercase;
opacity: .5;
margin: 0;
display: inline-block;
}
.clearfinds:hover {
opacity: 1;
text-decoration: none;
}
.bad {
text-decoration: underline;
text-decoration-color: #f00;
text-decoration-style: dotted;
text-underline-offset: 4px;
}
.fixed {
background-color: #dde;
border-radius: 6px;
outline: .2rem solid #dde;
cursor: pointer;
}
.lexwrap>* {
padding: 2rem;
width: 50%;
position: relative;
/* border: 1px solid #66c; */
/* overflow: scroll; */
}
.lexwrap pp-tip {
position: absolute;
top: -1rem;
}
.lexwrap .heb {
direction: rtl;
font-size: calc(.5rem + 1vw);
width: 100%;
height: 100%;
border: 2px inset ButtonBorder;
background-color: Field;
line-height: 1.4;
text-rendering: optimizeLegibility;
cursor: text;
border-radius: 5px;
padding: 1rem;
aspect-ratio: 64 / 90;
overflow: auto;
border: none;
border-top: 1px solid #000;
border-left: 1px solid #000;
/* white-space: pre-wrap; */
}
.spelled .cke_contents,
.yiddishtextwrap .cke_contents,
.cke_editor_hebtext .cke_contents {
font-size: calc(.5rem + 1vw);
line-height: 1.4;
text-rendering: optimizeLegibility;
cursor: text;
/* white-space: pre-wrap; */
font-family: Oxygen, 'Source Sans Pro', serif;
font-family: Oxygen, 'Mono', monospace;
}
.spelled .lite-editor{
height: 100%;
}
.fn-text { display: none; }
.alllex .fn-ref-sup{
display: none;
}
/* ANKETE DISABLE */
/*
body:has([name="vol"][value="a"]:checked):has([name="status"][value="c"]:checked) .spelled .cke {
pointer-events: none;
opacity: .5;
}
body:has([name="vol"][value="a"]:checked):has([name="status"][value="c"]:checked) .spelled {
cursor: not-allowed;
}
body:has([name="vol"][value="a"]:checked):has([name="status"][value="c"]:checked) .spelled::before {
content: 'If you want to edit this text, you need to do it from the ANKETE Admin page';
font-family: 'Source Sans Pro', sans-serif;
display: block;
background-color: var(--red);
width: fit-content;
color: #fff;
padding: .25rem 1rem;
border-radius: 15px;
font-style: italic;
}
*/
/*
.spelled:has(.notheb.ankete):before{
content: 'If you want to edit this DRAFT Ankete text, you need to do it from the ANKETE Admin page';
font-family: 'Source Sans Pro', sans-serif;
display: block;
background-color: var(--red);
width: fit-content;
color: #fff;
padding: .25rem 1rem;
border-radius: 15px;
font-style: italic;
position: relative;
}
*/
.spelled:has(.notheb.ankete) .clear-btn{
display: none;
}
/*
.yiddishtextwrap .cke_top {
padding-left: calc(100% - 800px);
}
*/
.yiddishtextwrap .breakfromocr,
.yiddishtextwrap ins {
display: none !important;
}
[aria-readonly="true"],
[disabled] {
/* opacity: .8 !important; */
cursor: not-allowed !important;
}
.acopy:hover {
opacity: 1;
}
.acopy {
text-transform: uppercase;
text-decoration: none;
font-size: .8rem;
padding: 3px 10px;
border-radius: 10px;
opacity: .5;
color: #fff;
background-color: var(--blue);
width: fit-content;
margin: 5px 0;
cursor: pointer;
font-family: 'Source Sans Pro', sans-serif;
}
/* Active animation */
.acopy.copied {
animation: fadeToast 1.5s ease forwards;
}
@keyframes fadeToast {
0% {
opacity: 0;
transform: translateY(10px);
}
15% {
opacity: .1;
}
80% {
opacity: .8;
transform: translateY(0);
}
100% {
opacity: 1;
}
}
[aria-readonly="true"] figure, [aria-readonly="true"] figcaption, [disabled] figure, [disabled] figcaption {
border: none;
outline: none !important;
pointer-events: none;
}
.locked .tlink,
.locked .tagify__input,
.locked .tagify__tag__removeBtn,
.locked .darerangewrap>div:first-of-type span,
.locked .commdel,
.locked .delentry,
.locked .revert {
cursor: not-allowed !important;
pointer-events: none;
}
.locked .delentry {
display: none;
}
.lockednbanner {
color: var(--red);
letter-spacing: .5px;
display: flex !important;
align-items: center;
gap: .5rem;
}
.lockednbanner svg * {
fill: var(--red);
}
.unlockednbanner {
color: var(--green);
letter-spacing: .5px;
display: flex !important;
align-items: center;
gap: .5rem;
}
.unlockednbanner svg * {
fill: var(--green);
}
.unlockednbanner *,
.lockednbanner * {
margin: 0;
}
.locked .le-clean-btn {
display: none !important;
}
.testrecordbadge {
background-color: green;
padding: 3px 12px;
color: #fff;
border-radius: 15px;
}
.tagfilter {
width: 9rem !important;
}
.cke_editor_english_text .cke_contents {
font-size: calc(.5rem + .9vw);
line-height: 1.3;
font-family: Oxygen, 'Source Sans Pro', serif;
}
.spelled .cke_contents {
/*
aspect-ratio: 64 / 90;
overflow: scroll !important;
*/
border: none;
border-top: 1px solid #000;
border-left: 1px solid #000;
/*
width: 100%;
height: calc(100% - 72px) !important;
*/
border: 2px inset ButtonBorder;
background-color: Field;
border-radius: 5px;
padding: 0rem;
border: none;
}
.spelled .cke_contents section {
direction: rtl;
padding-top: 3rem;
}
.spelled .cke_contents {
max-height: none;
/* height: calc(100% - 2.5rem) !important; */
}
/*
.spelled .cke_contents p {
border-bottom: 1px solid #ddd;
}
*/
.spelled textarea {
padding: 1rem;
max-width: 95%;
direction: rtl
}
.lexwrap:not(:has(#imageContainer)) .spelled {
width: 100%;
}
.spelled .cke_contents em,
.yiddishtextwrap .cke_contents em,
.cke_editor_hebtext .cke_contents em,
.spelled .cke_contents .em,
.yiddishtextwrap .cke_contents .em,
.cke_editor_hebtext .cke_contents .em,
.spelled .cke_contents i,
.yiddishtextwrap .cke_contents i,
.cke_editor_hebtext .cke_contents i {
color: #888;
font-style: italic;
}
.yiddishtag {
display: block;
text-align: right;
}
.credits label:nth-of-type(2n) {
background-color: #f5f5f5;
}
.credits label {
margin: 0 0 .25rem;
display: grid;
gap:.5rem;
align-items: center;
grid-template-columns: 15px 1fr 60px;
}
.credits label input {
margin: 0;
height: .75rem;
}
h5 {
margin:
.5rem 0 0;
text-transform: uppercase;
letter-spacing: .25px;
color: #666;
font-weight: normal;
}
/*
.spelled .cke_reset {
height: 100%;
height: calc(100% - 29px) !important
}
*/
.spelled .cke_inner {
position: relative;
/* height: 100%; */
}
.spelled .cke_top {
position: absolute;
top: 1rem;
z-index: 2;
width: 98%;
position: sticky;
top: 0;
background-color: #fff;
box-shadow: 0 2px 2px -2px rgba(34, 47, 62, .1), 0 8px 8px -4px rgba(34, 47, 62, .07);
}
.spelled #cke_hebtext {
/* height: calc(75vh - 18px); */
overflow-y: auto;
overflow-x: clip;
position: relative;
}
.spelled .cke_reset.cke_widget_drag_handler_container {
height: 0;
}
.spelled .cke_widget_wrapper:hover>.cke_widget_drag_handler_container {
height: 15px !important;
}
.cke_source {
padding: 1rem !important;
max-width: calc(100% - 2rem);
font-size: 1rem !important;
}
.cke ins {
display: block;
height: 0;
overflow: hidden;
}
main>div label input {
width: auto;
}
#cke_orig_dedication {
display: none;
}
.allres .onep.noyid {
direction: ltr;
}
.allres .ptaglist {
display: none;
}
.onep.noyid {}
.yname,
.ytext {
direction: rtl;
}
/*
.spellsuggest {
background-color: #ccc;
padding: 1rem;
min-width: 200px;
min-height: 200px;
z-index: 999;
color: #000;
box-shadow: 5px 5px 15px #999;
cursor: grab;
}
.spellsuggest:before{
content: "Spelling";
display: block;
}
.spellsuggest ul {
margin: 0;
}
.spellsuggest .loading::after {
left: calc(50% - 8px);
}
*/
.lexwrap .notheb {
direction: rtl;
font-size: calc(.5rem + 1vw);
width: 100%;
height: 100%;
border: 2px inset ButtonBorder;
background-color: #eee;
line-height: 1.4;
text-rendering: optimizeLegibility;
cursor: text;
border-radius: 5px;
padding: 1rem;
aspect-ratio: 64 / 90;
overflow: auto;
border: none;
border-top: 1px solid #000;
border-left: 1px solid #000;
white-space: pre-wrap;
}
.lexwrap .notheb.ankete {
background-color: #fff;
white-space: normal;
}
.lexwrap {
display: flex;
gap: 1rem;
width: 100%;
margin: auto;
/* height: 75vh; */
margin-top: 1rem;
/* margin-bottom: 5rem; */
/* min-height: 60vh; */
}
.imageContainer img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
object-fit: contain;
/* Preserve aspect ratio within the container */
cursor: move;
transition: scale .15s;
}
.lexwrap .thumb {
padding: 0;
/* overflow: hidden; */
position: relative;
/* aspect-ratio: 64 / 90; */
}
.lexwrap .thumb>div:first-of-type {
height: 100%;
background-color: #fff;
}
.spelled {
background-color: #eee;
font-family: serif;
padding: 0;
border: none;
position: relative;
/* height: 75vh; */
}
/* TINY MCE----------- */
.tox-tinymce {
height: 100% !important;
}
.tox-statusbar__branding {
display: none;
}
/* END TINY MCE----------- */
.onesource.newsource .linkwrap {
display: none;
}
.onesource.newsource.makenew .linkwrap {
display: flex;
}
.onesource.newsource.makenew .addnewsource {
display: none;
}
.linkwrap:has(.tlink:empty) .goalink {
display: none;
}
.personpage .onesource {
margin: 1rem 0;
}
.page-select {
font-size: .75rem;
}
.tlink {
background-color: var(--purple);
padding: .25rem .5rem;
border-radius: 5px;
color: #fff;
cursor: pointer;
display: flex;
gap: .5rem;
pointer-events: none;
/*
max-width: 350px;
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis;
*/
}
.tlink p {
margin:0;
}
.tlink :is(span,
br) {
display: none;
}
.tlink i {
order: -1;
font-style: normal;
flex: 1 1 40%;
}
.tlink i u,
li i u {
text-decoration: none;
font-size: .75rem;
/* white-space: nowrap; */
display: block;
color: #000;
}
.tlink i b {
font-weight: normal;
font-size: .75rem;
}
.tlink i span {
display: none;
}
.editlink li i span {
display: none;
}
.editlink li i b {
font-weight: normal;
}
.tlink:hover {
background-color: #66f;
}
.tlink:empty {
background-color: var(--red);
pointer-events: all;
}
.auto-search-wrapper:has(.tlink:empty)~.golink {
display: none;
}
.auto-search-wrapper:has(.tlink:empty)~.removelink {
visibility: hidden;
}
.tlink:empty:after {
content: 'not yet linked';
font-style: italic;
}
.editlink {
max-width: 0;
overflow: hidden;
opacity: 0;
transition: max-width .15s, overflow .2s, opacity .15s;
display: none;
}
.edit~.editlink {
max-width: 100%;
width: 100%;
overflow: visible;
opacity: 1;
transition: max-width .15s, overflow .2s, opacity .15s;
display: block;
}
.tlink.edit {
display: none;
}
.zoomcontrols span {
border: 1px solid #66c;
padding: .25rem .5rem;
background-color: #fff;
margin: -1px;
cursor: pointer;
color: #66c;
}
.zoomcontrols span:hover {
background-color: #eee;
}
.zoomcontrols {
position: absolute;
z-index: 9;
display: flex;
flex-direction: column;
font-size: 1.5rem;
text-align: center;
right: .5rem;
bottom: 0rem;
}
#resetButton {
margin: .5rem 0;
padding: .25rem;
position: relative;
}
#imageContainer>div::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 5;
opacity: .1;
/* striped bg for image */
/* background: repeating-linear-gradient( 45deg, #fff, #fff 10px, #ccc 10px, #ccc 20px ); */
pointer-events: none;
}
#imageContainer>div:first-of-type {
position: relative;
overflow: hidden;
background-color: #ccc;
}
.ocrimagewrap #zoomImage {
position: absolute;
}
.histwrap {
padding: 0rem;
display: flex;
gap: 1rem;
grid-area: mo;
background-color: #f5f5f5;
z-index: 9;
margin: 1.5rem;
align-items: start;
}
.onedit {
font-size: .75rem;
margin-bottom: .5rem;
}
.onedit b {
font-weight: normal;
display: block;
}
.onedit.current {
color: var(--green);
}
.onedit:hover {
text-decoration: underline;
cursor: pointer;
color: var(--blue);
}
.onedit.open * {
font-weight: bold;
}
.vc {
transition: opacity 0.3s ease; /* adjust speed */
opacity: 1;
}
.vc.fadeout {
opacity: 0;
}
.onefield.edited-by i {
background-color: var(--yellow);
padding: 0 .5rem;
border-radius: 15px;
margin: 0 1rem;
font-style: normal;
}
.hist .tit {
white-space: nowrap;
margin-bottom: 1rem;
}
.vcwrap {
margin: auto;
display: flex;
flex-wrap: wrap;
gap: 1rem;
align-items: flex-start;
margin-top: .5rem;
position: relative;
width: 100%;
background-color: #f5f5f5;
max-height: 1rem;
overflow: hidden;
padding-bottom: 0;
transition: all .15s;
}
.vcwrap .tit:hover:after {
opacity: 1;
}
.vcwrap .tit:after {
content: 'show';
font-weight: normal;
font-size: .75rem;
margin-left: 1rem;
background-color: var(--green);
color: #fff;
padding: 0 .5rem;
border-radius: 15px;
cursor: pointer;
opacity: .75;
}
.vcwrap.openvc {
max-height: 500rem;
padding-bottom: 5rem;
transition: all .15s;
}
.vcwrap.openvc .tit:after {
content: 'hide';
background-color: var(--red);
}
.vcwrap.openvc .onefield {
max-height: 50rem;
overflow: auto;
}
.vename p, .vyname p, .vecites p, .vycites p {
margin: 0;
}
.vcwrap .datewrap{
margin: 0;
}
.vecites:empty, .vycites:empty{
display: none;
}
.vecites:before{
content: 'English citations:';
display: block;
color: var(--blue);
margin-top: 1rem;
font-weight: normal;
}
.vycites:before{
content: 'Yiddish citations:';
display: block;
color: var(--blue);
margin-top: 1rem;
font-weight: normal;
}
.rangwarp:has(#dateSlider.maxed) .vcmod::before {
content: 'Current: ';
color: green;
font-weight: 600;
}
.rangwarp:has(#dateSlider.maxed) .revert {
display:none;
}
.vcwrap .slider-container {
display: flex;
align-items: center;
gap: 8px;
}
.vcwrap .arrow-btn {
background-color: transparent;
border: none;
padding: 6px 10px;
font-size: 18px;
cursor: pointer;
border-radius: 4px;
transition: background 0.2s;
color: var(--blue);
}
.vcwrap .arrow-btn:hover {
background-color: #ccc;
}
#dateSlider {
flex: 1;
}
.vcwrap .revert {
margin: auto;
display: inherit;
display: none;
}
.vcwrap figure {
max-width: calc(100% - 4rem);
}
.novc{
color: var(--red);
font-size: .9rem;
}
button.asdesc {
margin: 0;
}
button.asdesc a {
color: #fff;
font-weight: bold;
}
button.asdesc:hover a {
color: #000;
}
.onelex .onecomwrap .com {
font-size: .75rem;
/* max-height: 2.5rem; */
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.onelex .onecomwrap .com a {
font-size: .75rem;
}
/*
.onelex .onecomwrap * {
display: none;
}
*/
.vc {
background-color: #fff;
order: 2;
padding: 1rem;
flex: 0 0 75%;
}
.vc ins {
display: none;
}
.vc .tit {
font-size: .75rem;
letter-spacing: 0;
font-weight: normal;
color: #666;
}
.vc .catname {
font-size: .75rem;
font-weight: normal;
color: #666;
text-transform: uppercase;
letter-spacing: 0;
}
.vcwrap.current .vc {
outline: 10px solid var(--lgreen);
}
.vcwrap .currtit {
color: green;
display: none;
}
.vcwrap.current .currtit {
color: green;
display: inline;
}
.vcwrap .vc *::before {
display: block;
color: var(--blue);
margin-top: 1rem;
font-weight: normal;
}
.vcwrap .vc .vename:before {
content: 'English name:';
}
.vcwrap .vc .vyname:before {
content: 'Yiddish name:';
}
.vcwrap .vc .vetext:before {
content: 'English text:';
}
.vcwrap .vc .vytext:before {
content: 'Yiddish text:';
}
.vcwrap .vc .vcentry:before {
content: 'Yiddish name';
}
.vcwrap .vc .vctext:before {
content: 'Yiddish text';
}
.vcwrap .vc .vctext p:first-of-type,
.vcwrap .vc .vetext p:first-of-type,
.vcwrap .vc .vytext p:first-of-type {
margin-top: 0;
}
.vcwrap .vcvol .v1:before {
content: 'vol:';
}
.vcwrap .vcvol .v2:before {
content: 'pg:';
}
.vcwrap .vcdates {
gap: 1rem;
}
.vcwrap .vcdates span p {
margin: 0;
}
.vcwrap .vcdates span {
color: #000;
}
.vcwrap .vcdates {
color: var(--blue);
}
.vcwrap .vuser {
color: var(--brown);
}
.vcwrap .v text-field::before {
content: attr(name);
font-size: .75rem;
color: #666 !important;
text-transform: uppercase !important;
margin: 0 !important;
}
.vcwrap .v text-field:nth-of-type(2) {
background-color: #f5f5f5;
}
.vcwrap .v text-field:nth-of-type(2n+1) {
background-color: var(--lblue);
}
.vcwrap .v text-field p {
margin: 0 !important;
}
.vcwrap text-field {
display: block;
padding: .5rem;
}
.vcredits .onecredit {
font-size: .9rem;
margin-top: .5rem;
color: #666;
}
.vcredits .onecredit span {
color: #000;
}
.vchecklist .onecat {
display: block !important;
}
.vchecklist .cwrap > div:last-of-type label:has(:checked) {
text-decoration: none;
color: #000;
}
.vchecklist .cwrap > div:last-of-type label {
position: relative;
padding-left: 25px;
cursor: auto;
}
.vchecklist .cwrap > div:last-of-type label:hover{
background-color: transparent;
}
.vchecklist .cwrap > div:last-of-type label:before {
width: .75rem;
display: block;
height: .75rem;
background-color: #fff;
position: absolute;
top: 4px;
left: -2px;
line-height: 6px;
font-size: 1.2rem;
margin-top: 0;
content: '✕';
color: var(--red);
}
.vchecklist .cwrap > div:last-of-type label:has(:checked):before {
content: '✓';
color: var(--green);
}
.vchecklist .yes, .vchecklist .no {
border: 0 !important;
}
.vchecklist .cwrap > div:last-of-type label input {
display: none;
}
.getsug:hover {
text-decoration: underline;
}
.getsug {
color: var(--blue);
cursor: pointer;
}
.sugg {
padding: .5rem;
background-color: #f5f5f5;
max-height: 14rem;
text-align: center;
}
.sugg ul {
text-align: left;
max-height: 6.75rem;
overflow: scroll;
margin: 1rem 0;
padding: 0;
}
.linker {
background-color: var(--lgreen);
border-radius: 15px;
color: #000;
padding: 0 .5rem;
}
.linker:hover {
background-color: var(--green);
color: #fff;
}
.sugg li {
margin-bottom: .5rem;
display: flex;
gap: .5rem;
}
/*
.sugg li:hover{
background-color: #fff;
}
*/
.sugg li a:hover {
text-decoration: none;
}
.sugg:empty {
display: none;
}
.sugg .gopeep {
text-transform: uppercase;
font-size: .9rem;
display: flex;
gap: .25rem;
align-items: center;
color: #6666cc;
}
.sugg .gopeep:hover {
color: #000;
}
.sugg .gopeep svg * {
fill: #6666cc;
}
.vcwrap .rangwarp {
flex: 0 0 22%;
}
.vcdates,
.vcvol,
.vuser {
display: flex;
gap: .25rem;
background-color: #eee;
padding: .1rem .25rem;
font-size: .75rem;
}
.vuser {
background-color: transparent;
}
.vctext {
direction: rtl;
min-height: 20rem;
}
.vcmod {
font-size: .75rem;
text-align: center;
}
.vcentry {
direction: rtl;
font-weight: bold;
}
.vside .noperson {
display: none;
}
.vside .vsourcetags {
display: none;
}
.current .revert {
display: none;
}
.menulabel {
background-color: transparent !important;
border: none !important;
margin: 0 !important;
padding: 0 !important;
}
nav .menulabel {
margin: 1rem 1rem 0 !important;
padding: 1rem 1rem 0 !important;
}
/*
.sm {
display: inline-block;
vertical-align: top;
background-color: transparent;
border-right: 1px solid #ccc;
border-radius: 0;
border-top: 0;
}
*/
.ageliving {
margin-top: 1rem;
}
.ageliving .tg-item span {
font-size: 1rem;
}
.agecalc {
font-size: .9rem;
}
.agecalc u {
text-decoration: none;
}
main>div.sm {
display: inline-block;
vertical-align: top;
background-color: transparent;
/* border-right: 1px solid #ccc; */
border-radius: 0;
border-top: 0;
}
main > div.compdates > div {
border-right: 1px solid #ccc;
padding-right: 1rem;
}
main > div.compdates {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
/*
.calcdate {
flex: 0 0 100%;
}
*/
.calcdate .approx:nth-of-type(2) {
display: none;
}
.agenow {
display: none;
}
.sm .tit {
font-size: 1rem;
}
main>div.sm input {
max-width: 7rem;
}
main > div.sm.places input {
max-width: none;
}
main>div input {
width: 100%;
}
main>div input[name="page"] {
width: 3rem;
}
.hidden {
display: none !important;
}
.no-results {
text-align: center;
color: #666;
font-style: italic;
padding: 20px;
display: none;
}
.b-startdate,
.b-enddate,
.b-datetext,
.b-location {
display: none;
}
.tag-event .b-startdate,
.tag-event .b-enddate,
.tag-event .b-datetext,
.tag-event .b-location {
display: block;
}
.tagevent .b-startdate,
.tagevent .b-enddate,
.tagevent .b-datetext,
.tagevent .b-location {
display: block;
}
.jumptopdf {
color: #6c6;
padding: .25rem 1rem;
text-transform: uppercase;
font-family: sans-serif;
font-size: .75rem;
margin-left: auto;
margin-top: .5rem;
height: 1.5rem;
line-height: 2.25;
letter-spacing: 1px;
}
.inav {
width: 50%;
display: flex;
margin-bottom: 1rem;
}
.inav span {
text-decoration: none;
color: #669;
font-size: 2rem;
margin-right: 1rem;
cursor: pointer;
}
.plab {
margin: 0 !important;
font-size: 1rem !important;
}
.inav>span {
display: flex;
align-items: center;
}
.ppage.plab {
margin-left: .5rem !important;
}
.npage.plab {
margin-right: .5rem !important;
}
.navsearch {
display: inline-block;
}
.navsearch b {
font-weight: normal;
color: #666;
}
:is(.yidn,
.richtextheb,
.yidd)+.cke .cke_toolbar {
float: right;
}
#cke_hebtext .cke_toolbox_collapser {
float: left;
}
.guide tr:nth-of-type(2n) td {
background-color: #fff;
}
.guide tr:nth-of-type(odd) td {
background-color: #eee;
}
.guide td {
vertical-align: top;
white-space: normal;
}
.guide {
border-collapse: collapse;
}
.guide img {
border: 1px solid #ccc;
padding: 3px;
width: 40px;
background: #fff;
border-radius: 5px;
}
.guide h2 {
color: var(--blue);
}
.guide tr:has(h2) td {
background-color: var(--lblue) !important;
border-top: 1px solid #000;
}
.guide td:first-of-type b {
width: 40px;
height: 40px;
border: 1px solid #ccc;
display: flex;
background-color: #fff;
border-radius: 5px;
font-size: 1.4rem;
align-items: center;
justify-content: center;
margin: auto;
}
.guide td:first-of-type img {
width: 40px !important;
}
.guide td:first-of-type figure {
padding: 0 !important;
margin: 0 auto !important;
}
.guide td:first-of-type{
text-align: center;
}
.popup .guide figure[data-width] img {
min-width: 300px;
}
.popup .guide figure[data-width] {
min-width: 340px;
}
/*
:is(.yidn, .richtextheb, .yidd) + .cke .cke_toolbar > * {
float: right !important;
}
*/
.subpeople {
/*
margin-left: 10rem;
background-color: #fff6;
padding: 1rem;
width: max-content;
margin-top: 1rem;
border-radius: 10px;
border-top: 1px solid #ddd;
margin-bottom: 1rem;
*/
}
.tableview {
background-color: var(--lblue);
padding:0 .5rem;
border-radius: 15px;
border: 1px solid var(--blue);
}
.navopen .tableview {
border: 0;
background-color:#eee;
padding: 1rem 2rem .5rem;
border-radius: 0;
}
.navopen .tableview.on {
background-color: var(--blue);
}
.subpeople>div {
margin-top: 1em;
border-top: 1px solid #ccc;
padding: 10px;
background-color: #eee;
border-radius: 5px;
position: relative;
}
.subpeople a {
display: inline-block;
}
.subpeople a i {
font-style: normal;
filter: invert(1);
font-size: .9rem;
}
nav .subpeople {
width: auto;
margin: -1.5rem auto 1rem;
padding: 0;
border: none;
margin-bottom: 2rem;
}
nav .subpeople a {
width: auto;
display: block;
margin-bottom: -1.5rem;
font-size: .9rem;
text-transform: unset;
padding-left: 2rem;
}
.navsearch b {
font-size: .8rem;
}
.auto-results-wrapper {
list-style: none;
margin: 0;
padding: 0;
max-height: 400px;
overflow: auto;
background-color: #fff;
position: absolute;
z-index: 999;
width: 100%;
/* border: 1px solid #999; */
box-shadow: 2px 2px 8px #ccc;
max-width: 300px;
display: none;
}
.auto-results-wrapper ul {
margin: 0;
list-style: none;
padding: 0;
}
.auto-results-wrapper li {
padding: .5rem;
line-height: 1.1;
font-family: sans-serif;
color: #333;
font-size: .9rem;
letter-spacing: .25px;
cursor: pointer;
}
.auto-results-wrapper li p {
margin: 0;
}
.auto-results-wrapper li br {
display: none;
}
.auto-results-wrapper.auto-is-active {
border: 1px solid #999;
display: block;
}
.auto-search-wrapper input {
font-size: 1.1rem;
width: 100%;
margin-bottom: 0;
}
.auto-selected {
background-color: #66f3;
}
.auto-search-wrapper {
margin-right: 0;
/* flex: 0 0 auto; */
display: flex;
gap: 1rem;
align-items: center;
/* justify-content: end; */
/* position: relative; */
max-width: 100%;
overflow-x: auto;
}
.linkwrap {
display: inline-flex;
gap: .5rem;
width: min-content;
align-items: center;
/* flex-wrap: wrap; */
width: 100%;
/* margin: 1rem 0; */
position: relative;
}
.removelink {
margin: 0;
}
.golink:hover {
color: #000;
}
.golink {
font-size: 1.4rem;
color: #6666cc;
cursor: pointer;
opacity: 1;
/* margin-left: 2rem; */
display: inline-flex;
gap: .25rem;
align-items: center;
font-size: .9rem;
}
.golink svg * {
fill: #66c;
}
.tagtypes:empty {
display: none;
}
.tagtypes {
font-size: .7rem;
background-color: #999;
color: #fff;
padding: 2px 10px;
margin-left: 1rem;
text-transform: uppercase;
}
.newtagbycat {
margin-left: auto;
display: block;
background-color: var(--blue);
width: fit-content;
color: #fff;
padding: .15rem 1rem;
margin-top: .5rem;
border-radius: 15px;
font-size: .9rem;
opacity: .5;
text-decoration: none;
text-transform: lowercase;
}
.newtagbycat:hover {
opacity: 1;
text-decoration: none;
background-color: #000;
}
.noperson {
margin-bottom: 0rem;
}
.newpersonform {
background-color: #f5f5f5;
padding: 0;
margin-bottom: 1rem;
overflow: hidden;
max-height: 0;
transition: all .15s;
}
.newpersonopen .newpersonform {
max-height: 500px;
transition: all .15s;
padding: 1rem 1rem 0;
}
.newpersonform input {
padding: 3px;
margin: .25rem;
}
.newpseronbut {
margin-top: 1rem;
margin-bottom: 0;
}
.savenewpseronbut {
float: right;
}
.personpage .neweng :is([name="yiddish_name"],
[name="birthyr"],
[name="deathyr"]) {
display: none;
}
.personpage .newyid :is([name="name"],
[name="birthyr"],
[name="deathyr"]) {
display: none;
}
.inav[data-show="0-0"] .inxt,
.inav[data-show="0-0"] .iprev {
opacity: 0;
}
pp-tip {
line-height: 0;
}
pp-tip.toolbar {
float: right;
/* margin-left: auto; */
right: 0;
}
pp-tip ul ul {
margin: 0;
}
/*
.sourecsite {
margin-top: auto;
}
*/
.cites {
display: flex;
flex-direction: column;
overflow-x: auto;
}
.sourecsite::before {
content: 'auto-cite CJC sources:';
margin: .5rem 0;
display: block;
}
.sourecsite.y::before {
text-align: right;
display: block;
}
.sourecsite {
font-size: .9rem;
}
.sourecsite a * {
display: inline;
}
/*
.sourecsite a {
margin-bottom: .5rem;
display: block;
}
*/
.sourecsite:empty {
display: none;
}
.sourecsite p {
display: inline;
}
.sourecsite > div {
margin-bottom: .5rem;
}
.mentions a {
display: block;
margin-bottom: 1rem;
}
.mentions a p {
margin: 0;
}
.cites .mentions a {
margin-bottom: 0rem;
}
.cites .mentions {
height: 4.5rem;
overflow: auto;
font-size: .9rem;
resize: vertical;
}
.mentionswrap {
background-color: #ddd;
/* padding: .25rem; */
}
.mentions + .cat {
border-top: 15px solid #eeeeee;
}
.mentionlists > * {
padding: .25rem;
}
.auto-clear {
align-items: center;
background-color: transparent;
border: none;
bottom: 0;
cursor: pointer;
display: flex;
height: 2rem;
justify-content: center;
margin: 0;
right: -2rem;
top: 0;
width: min-content;
position: absolute;
padding: 0;
float: none;
display: none;
}
[dir="rtl"] {
direction: rtl;
/* text-align: right; */
}
.motrans {
flex: 1 1 100%;
}
.auto-clear::before {
content: "✕";
height: 100%;
line-height: 100%;
color: #fff;
background-color: #66c;
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
}
.auto-clear:hover {
background-color: transparent;
}
.auto-clear:hover::before {
background-color: #000;
}
.auto-is-loading:after {
content: '';
width: 15px;
padding: 4px;
background-color: #66c;
aspect-ratio: 1;
border-radius: 50%;
--_m: conic-gradient(#0000, #000), linear-gradient(#000 0 0) content-box;
-webkit-mask: var(--_m);
mask: var(--_m);
-webkit-mask-composite: source-out;
mask-composite: subtract;
box-sizing: border-box;
animation: load 1s linear infinite;
margin: 1rem auto;
position: absolute;
top: -8px;
left: 2rem;
}
@keyframes load {
to {
transform: rotate(1turn)
}
}
#auto-basic-results>div {
padding: .5rem;
color: #fdd;
background-color: #666;
letter-spacing: 1px;
}
.spacelong {
display: inline-block;
width: 9rem;
}
.spaceshort {
display: inline-block;
width: 4rem;
}
.AlignLeft {
text-align: left !important;
}
.AlignCenter {
text-align: center !important;
}
.AlignRight {
text-align: right !important;
}
.AlignJustify {
text-align: justify !important;
}
p[align="center"] {
text-align: center;
}
p[align="left"] {
text-align: left;
}
p[align="right"] {
text-align: right;
}
.onelex .trans {
background-color: var(--purple);
padding: .1rem 1em;
border-radius: 5px;
display: inline-flex;
align-items: center;
margin-right: auto;
direction: ltr;
}
/*
.onelex .tags div {
white-space: nowrap;
}
*/
.onelex .tags .tagparent {
color: var(--blue);
text-transform: lowercase;
}
/*
.onelex .tags {
margin-right: auto;
display: flex;
gap: 5px;
flex-wrap: wrap;
height: fit-content;
justify-content: center;
}
*/
.onelex .trans:empty {
/* display: none; */
visibility: hidden;
}
.onelex .vp {
font-size: .75rem;
/* color: #999; */
text-align: left;
line-height: 1;
}
.onelex .trans a {
color: #fff;
font-size: .75rem;
font-family: sans-serif;
}
.onelex .status {
width: 1rem;
}
.onelex a.small {
font-size: .75rem;
color: #666;
}
nav .navsearch {
display: none;
}
nav hr {
display: none;
}
.navsearch form {
display: flex;
gap: 1rem;
max-width: 600px;
align-items: center;
}
.navsearch form button {
margin: 0;
}
main>div.filter {
background-color: transparent;
display: flex;
flex-wrap: wrap;
gap: 1rem;
align-items: center;
border: none;
font-size: .8rem;
}
main>div.filter a {
border: 1px solid #94b7db;
padding: .25rem 1rem;
border-radius: 15px;
font-size: .9rem;
text-decoration: none;
}
main>div.filter a.on {
background-color: #999;
color: #fff;
}
main>div.filter a:hover {
background-color: #ccc;
}
.filter .list {
padding: 1rem;
max-height: 15rem;
overflow:auto;
}
.filtergroup > div {
flex: 1 1 auto;
}
.filtergroup > div:has(select) {
max-width: 10rem;
}
.filter .filterdrop-tag, .filter .filterdrop-nottagged {
max-width: 10rem;
}
.checkgroupwrap {
margin-bottom: 1rem;
}
.checkgroupwrap>span {
font-weight: bold;
}
/*
.filtercheck {
display: flex;
align-items: end;
gap: .25rem;
}
*/
.filtercheck button {
align-self: center;
margin: 0;
}
.filter select {
display: block;
background-color: #ddd;
padding: .25rem;
cursor: pointer;
position: relative;
border-radius: 15px;
border: 0;
appearance: none;
font-size: .8rem;
background-image: url('data:image/svg+xml,');
background-position: calc(100% - 0.25rem) center !important;
background-repeat: no-repeat;
background-size: 13px;
padding-right: 1.5rem;
}
.filter select:hover {
background-color: var(--blue);
color: #fff;
background-image: url('data:image/svg+xml,');
}
.filter select:focus {
background-image: url('data:image/svg+xml,');
}
.filter select:focus:hover {
background-image: url('data:image/svg+xml,');
}
/*
.filter select[name="v"] {
width: 9rem;
}
*/
.navsearch b {
font-size: .9rem;
width: 100%;
/* line-height: 0; */
color: #000;
}
.alllex .onesource.onesource.onesource {
direction: rtl;
}
.allres .onepagedetail span {
background-color: #ff03;
outline: .25rem solid #ff03;
border-radius: 5px;
}
.allres .onepagedetail span.expandres {
color: blue;
color: #000;
/* cursor: pointer; */
display: inline;
background-color: transparent !important;
outline: none !important;
margin: 0 1rem;
}
.expandres+.expandres {
display: none !important;
}
.allres .onep {
direction: rtl;
margin-bottom: 1rem;
border-bottom: 1px solid #fff;
padding-bottom: 1rem;
max-width: 800px;
}
.allres .t {
font-weight: bold;
}
.allres .onep.trans {
direction: ltr;
}
.navsearch.block form {
display: flex;
}
.navsearch.block {
display: block;
max-width: 450px;
margin-top: 5rem;
flex-wrap: wrap;
}
.navsearch.block form input {
margin: 0;
}
.navsearch input {
width: 8rem;
}
.deleted {
color: #fff;
padding: .5rem;
font-weight: bold;
background-color: var(--red);
}
.deleted a {
background-color: var(--green);
display: inline-block !important;
width: min-content !important;
padding: .25rem .5rem !important;
border-radius: 15px;
margin: 0 .5rem;
color: #fff;
}
.deleted a:hover {
border-radius: 15px !important;
color: var(--green);
text-decoration: none;
}
.vc {
display: flex;
gap: 1rem;
align-items: start;
}
.vc aside {
flex: 0 0 calc(30% - 1rem);
order: 2;
margin: 0;
}
.vc section {
flex: 1 0 70%;
}
.vc ol:not(:has(li)) {
display: none;
}
.vc .tit::after {
content: none !important;
}
.vc :is(pp-tip, .addnotedrop, button, .handle, .editnote) {
display: none;
}
.vc .tit::after {
content: none !important;
}
.vc .side {
background-color: transparent;
}
.vc ol {
background-color: transparent;
}
.vc .onenote {
border: 0;
}
.vc .onenote * {
background-color: transparent;
max-width: ;
max-height: none;
text-align: left;
float: none;
}
.vc span:has(.cke_resizer) {
display: none;
}
.vc .newnotecategory {
display: none;
}
.creditlist {
list-style: none;
margin: 0;
padding: 0;
}
.creditlist li:nth-of-type(2n) {
background-color: #f5f5f5;
padding: .5rem 0;
margin: .5rem 0;
}
.creditlist .handle {
display: inline;
/* display: none; */
}
.creditlist li {
display: grid;
grid-template-columns: 10px 1rem 1fr 6rem 2fr;
gap: .5rem;
align-items: center;
font-size: .9rem;
position: relative
/* grid-template-columns: 1fr 5fr 8rem 8fr; */
}
.creditlist li * {
margin: 0;
padding: 0;
height: min-content;
}
.uname.free-text {
color: var(--red);
}
.creditlist select {
font-size: .75rem;
padding: 0 .25rem;
}
.creditlist textarea{
font-size:.8rem;
padding: .25rem;
}
.credit-type-title {
text-transform: uppercase;
margin: 1rem 0 0;
font-size: .8rem;
color: #666;
border-top: 1px solid #ccc;
padding-top: .5rem;
}
.cols {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 1rem;
width: 100%;
}
.peepsdatetext #cke_datestext .cke_contents p {
direction: ltr;
}
.mainform {
display: contents;
display: grid;
grid-column-start: 1;
grid-column-end: 4;
grid-template-columns: subgrid;
position: relative;
align-self: start;
/* overflow-y: clip; */
}
.hascke {
position: relative;
}
.clear-btn {
position: absolute;
bottom: auto;
top: 2rem;
right: -1rem;
width: 1rem;
height: 1rem;
overflow: clip;
background-color: var(--red);
color: #fff;
border-radius: 50%;
opacity: .5;
justify-content: center;
align-items: center;
display: flex;
cursor: pointer;
font-size: .75rem;
/* background-color: #555; */
}
:is(.yidn, .richtextheb, .yidd) ~ .clear-btn, .motext .clear-btn{
right: -1rem;
left: auto;
}
.clear-btn:hover{
opacity: 1;
}
.englishtextwrap .clear-btn, .ywrap .clear-btn {
bottom: auto;
top: 2rem;
}
.yiddishtextwrap .clear-btn {
bottom: auto;
top: 2rem;
}
.yiddishtextwrap, .englishtextwrap{
/* max-height: 60vh; */
overflow-x: auto;
}
.sidebyside .clear-btn {
/* display: none; */
min-width: 0;
right: 0;
top: 0;
}
.sidebyside > * > * {
min-width: 300px;
}
.sidebyside .tit {
white-space: nowrap;
max-width: 95%;
}
.sidebyside-container {
position: relative;
}
.sidebyside {
display: grid;
gap: .5rem;
grid-template-columns: 1fr 1rem 1fr;
position: relative;
grid-template-areas:
'l s r'
'l s r';
transition: all .15s;
}
.sidebyside lite-editor {
/* height: 550px; */
display: block;
}
.sidebyside .cites lite-editor {
/* height: 250px; */
}
.sidebyside .lite-editor {
/* height: 100%; */
height: 60vh;
}
.sidebyside .cites .lite-editor {
height: 40vh;
}
.sidebyside > div {
/* height: 100%; */
}
.sidebyside lite-editor > div {
/* height: 100%; */
}
.ocrtext .lite-editor{
max-height: 60vh;
}
.ocrtext .lite-editor.resized{
max-height: 82vh;
}
/*
.le-body {
max-height: 70vh;
}
*/
/*
.sidebyside .le-body {
min-height: 4em;
}
*/
/*
.cites .le-body {
height: 5rem;
}
*/
lite-editor[readonly] .le-toolbar > *{
display:none;
}
.sidebyside > * {
position: relative;
/* overflow: auto; */
}
.sidebyside-container .textresizer{
cursor: col-resize;
position: sticky;
top: 1rem;
grid-area: s;
height: 100%;
z-index: 9;
}
.textresizer::before {
content: '';
height: 100%;
width: 4px;
background-color: #ddd;
position: absolute;
left: 6px;
}
.resizethumb {
width: 10px;
height: 50px;
position: absolute;
background: repeating-linear-gradient( 180deg, #ccc, #ccc 8px, #ddd 8px, #ddd 14px);
display: block;
translate: 3px;
min-width: 0;
}
.splitthumbwrap{
position: sticky;
top: calc(35vh + 1rem);
height: 50px;
width: 15px;
min-width: 0;
}
.sidebyside-container .textresizer span {
width: 10px;
height: 1rem;
color: #000;
position: absolute;
left: 0;
opacity: .25;
cursor: pointer;
transition: all .15s;
transform: rotate(0deg);
display: none;
min-width: 0;
translate: 16px;
top: 15px;
}
.sidebyside-container .textresizer:hover span{
display: block;
}
.sidebyside-container .textresizer span.toleft {
/* left: -16px; */
translate: -16px;
}
.sidebyside-container .textresizer span:hover {
opacity: 1;
color: var(--red);
}
.ocrsidebyside-container {
position: relative;
}
.ocrsidebyside {
display: grid;
gap: .5rem;
grid-template-columns: 1fr 1rem 1fr;
position: relative;
grid-template-areas: 'l s r' 'l s r';
transition: all .15s;
/* height: 85vh; */
}
.ocrsidebyside:not(:has(.ocrresizer)) {
display: block;
}
.ocrimage{
grid-area: l;
overflow: auto;
}
.ocrtext{
grid-area: r;
height: 100%;
overflow: hidden;
}
.ocrsidebyside > * {
position: relative;
width: auto;
/* overflow: auto; */
}
.ocrsidebyside-container .ocrresizer{
cursor: col-resize;
position: sticky;
top: 1rem;
grid-area: s;
height: 100%;
z-index: 9;
padding: 0;
}
.ocrresizer::before {
content: '';
height: 100%;
width: 4px;
background-color: #ddd;
position: absolute;
left: 6px;
}
/*
.ocrsidebyside-container .ocrresizer::after {
content: '';
width: 10px;
height: 50px;
position: absolute;
top: calc(35vh + 1rem);
background: repeating-linear-gradient( 180deg, #ccc, #ccc 8px, #ddd 8px, #ddd 14px);
left: 3px;
position: sticky;
display: block;
translate: 3px;
}
*/
.ocrsidebyside-container .ocrresizer span {
width: 10px;
height: 1rem;
color: #000;
position: absolute;
left: 0x;
opacity: .25;
cursor: pointer;
transition: all .15s;
transform: rotate(0deg);
display: none;
min-width: 0;
translate: 16px;
top: 15px;
}
.ocrsidebyside-container .ocrresizer:hover span{
display: block;
}
.ocrsidebyside-container .ocrresizer span.toleft {
/* left: -16px; */
translate: -16px;
}
.ocrsidebyside-container .ocrresizer span:hover {
opacity: 1;
color: var(--red);
}
.csvdown:hover {
text-decoration: none;
opacity: 1;
}
.csvdown {
background-color: var(--blue);
color: #fff;
padding: .1rem .5rem;
font-size: .75rem;
border-radius: 15px;
opacity: .5;
white-space: nowrap;
}
.onepp div {
display: inline;
}
.onepp div b {
font-size: .75rem;
font-weight: normal;
}
.inav{
width: auto;
padding: 0;
padding-left: 1rem;
}
.ocrimagewrap iframe {
height: 100%;
}
#imageContainer:has(iframe) .zoomcontrols {
display: none;
}
/* -s pages PEOPLE-s and SOURCE-s >>>>>>>>>>>>>>>>>>>>>>>> */
.pslist .fsearch button {
display: none;
}
.pslist .filterdetailstext br {
display: none;
}
.pslist .filter-sentinel {
padding: 0;
margin: 0;
margin-top: 0px;
margin-bottom: 0px;
border: 0;
margin-bottom: -1rem;
}
.pslist .filterbox {
padding: 0;
margin-bottom: -1rem;
position: sticky;
top: 0px;
z-index: 999;
}
.pslist #filter-toggle {
display: flex;
gap: .25rem;
align-items: center;
font-size: .9rem;
padding: .25rem 1rem;
margin: .5rem .5rem .5rem auto;
}
.pslist .filerprimary {
display: flex;
gap: 1rem;
align-items: center;
}
.pslist .filtertext {
display: flex;
gap: .5rem;
}
.pslist .filterdetailstext {
font-size: .9rem;
}
.pslist .filterdetailstext b {
font-weight: normal;
text-transform: lowercase;
font-variant: small-caps;
}
.pslist .filter {
overflow: auto;
}
.pslist .filter-footer {
background-color: #f5f5f5;
z-index: 99;
padding: 1rem;
margin-top: auto;
}
.pslist .filter-footer button {
width: 100%;
margin: 0;
height: 2rem;
opacity: 1;
}
.pslist .ytag {
display: block;
direction: rtl;
}
.pslist aside {
flex: 1 0 100%;
}
.pslist .navsearch.block {
width: 100%;
max-width: none;
}
.pslist .navsearch input {
width: 100%;
/* padding-right: 1.5rem; */
}
.pslist .fsearchinner {
flex: 1 0 auto;
position: relative;
}
.pslist .fsearchinner .clear {
position: absolute;
right: .5rem;
top: .5rem;
cursor: pointer;
}
.pslist main>p:first-of-type {
display: inline-block;
margin-right: 1rem;
}
.pslist .onelex .vol {
display: block;
text-align: left;
}
.pslist .mylock {
float: right;
}
.pslist .links {
text-align: right;
}
.pslist .filtertext:empty {
display: none;
}
.pslist .filtertext i {
font-style: italic !important;
color: var(--blue);
}
.pslist .filtertext {
background-color: var(--lblue);
}
.pslist table a:focus,
.pslist table a:active {
outline: 2px dotted var(--blue);
}
.pslist .ent details {
overflow: hidden;
}
.pslist .ent summary {
font-size: .75rem;
}
.pslist .ent summary span {
height: 1rem;
display: flex;
gap: .25rem;
align-items: center;
white-space: nowrap;
color: #666;
}
.pslist .ent summary span::before {
content: "►";
font-size: .75rem;
transition: rotate 200ms 400ms ease-out;
display: inline-block;
margin-right: .15rem;
}
.pslist .ent details[open] summary span::before {
rotate: 90deg;
transition: rotate 200ms ease-out;
}
.pslist .ent div.content {
box-sizing: border-box;
/* max-width: 500px; */
max-height: 0;
overflow: hidden;
/* padding: 0 1rem; */
transition: max-height 400ms ease-out;
background-color: #f5f5f5;
width: fit-content;
margin-left: auto;
}
.pslist .ent summary::marker {
content: '';
}
.pslist .ent summary span:hover {
cursor: pointer;
}
.pslist .ent details[open]+div.content {
max-height: 500rem;
padding: .5rem;
transition: all 400ms ease-out;
}
.pslist .alllex i.y.s {
color: var(--green);
}
.pslist .tmeta {
display: flex;
align-items: center;
gap: 1rem;
position: sticky;
top: 0rem;
background-color: #eee;
padding: .25rem;
z-index: 9;
}
.pslist .smsel select {
height: 1.2rem;
font-size: .75rem;
max-width: 7rem;
padding: 0 .25rem;
}
.pslist .smsel {
font-size: .75rem;
display: flex;
gap: .5rem;
align-items: center;
}
.pslist .withsel {
top: 38px;
margin: 0;
}
.pslist .container {
grid-template-areas:
"header "
"crumbs "
"content"
"mo "
"footer ";
}
.pslist aside {
order: 100;
margin: 0;
align-self: end;
}
.pslist .num {
background: none;
border: 0;
margin: 0;
color: var(--green);
margin-right: auto;
}
.pslist .num span {
color: #666;
font-size: .75rem;
}
.pslist .navsearch.block {
width: auto;
display: flex;
flex-direction: row;
gap: .5rem;
align-items: center;
margin: 0;
padding: .25rem;
background-color: var(--lblue);
border: none;
outline: 5px solid var(--lblue);
}
.pslist .navsearch.block button {
margin: 0;
}
.pslist main>div.filter {
align-items: flex-end;
}
.pslist .navsearch b {
width: auto;
}
.pslist .datetext {
flex: 0 0 100% !important;
line-height: 1;
}
.pslist .ename {
direction: ltr;
}
.pslist .stat {
align-self: flex-start;
flex-direction: column;
justify-content: center;
width: 100%;
display: flex !important;
align-items: center !important;
font-style: normal;
}
.pslist .stattxt {
font-size: .75rem;
white-space: wrap;
text-align: center;
width: 85%;
margin: auto;
}
.pslist .checkall {}
.pslist .alllex .onelex.onepeep {
direction: ltr;
}
.pslist .link {
font-size: .9rem !important;
font-family: oxygen, sans-serif !important;
letter-spacing: .5px;
align-self: center;
background-color: var(--purple);
color: #fff;
padding: .25rem;
border-radius: 10px;
}
.pslist :nth-child(1 of .link) {
margin-left: auto;
}
.pslist .onelex .tags:empty {
/* display: none; */
}
.pslist .alllex .onelex {
grid-template-columns: 40px 40px 15px 5fr 1fr 1.5fr 100px 80px;
}
.pslist .links {
margin: auto;
}
.pslist .msels {
margin: 0 !important;
}
.pslist .table-sort tr:nth-of-type(2n) {
background-color: #ddd;
}
.pslist .table-sort {
/* border-collapse: collapse; */
}
.pslist th {
white-space: nowrap;
cursor: default;
}
.table-arrows th.sorted {
color: var(--green);
}
.table-arrows th:last-of-type {
text-align: right;
}
.pslist thead {
background-color: #ccc;
/*
position: sticky;
top: 4.5rem;
*/
z-index: 2;
box-shadow: 0px 5px 10px #999;
}
/* Let the table scroll horizontally when the viewport is narrow. This turns
.alllex into a scroll container, which means the real can no longer
stick to the page (it sticks to .alllex, which doesn't scroll vertically).
A fixed clone bar pinned at the same 4.5rem line takes over — see the
sticky-header script at the bottom of this file. */
.pslist .alllex {
overflow-x: auto;
}
.pslist .thead-clone-wrap {
position: fixed;
overflow: hidden; /* clip the translated header to the visible area */
z-index: 998; /* under .filterbox (999), over the table body */
pointer-events: none;
}
.pslist .thead-clone-wrap table {
margin: 0;
pointer-events: auto; /* re-enable clicks so headers stay sortable */
}
.pslist .thead-clone-wrap thead {
position: static; /* the fixed wrapper does the pinning */
}
.pslist tbody tr:first-of-type td {
padding-top: 2rem;
}
.pslist .ent {
direction: rtl;
/*
width: max-content;
min-width: 300px;
*/
}
.pslist .link {
display: inline-block;
max-width: 200px;
}
.pslist .table-sort {
width: calc(100% + 20px);
margin-left: -10px;
}
.pslist tbody td {
padding: .5rem;
vertical-align: top;
width: min-content;
}
.pslist .ent a {
display: flex;
flex-wrap: wrap;
gap: 0 1rem;
}
.pslist .yname {
direction: rtl;
margin-left: auto;
}
.pslist .alllex .onelex {
direction: ltr;
display: table-row;
}
.pslist .alllex i.y {
color: green;
width: min-content;
}
.pslist .alllex i.n {
color: red;
width: min-content;
}
.pslist .disable-sort {
cursor: default;
font-weight: normal;
}
.pslist .enthead {
text-align: right;
}
.pslist .alllex .onelex:hover {
background-color: #fff;
}
.pslist .mintd {
width: 0;
}
.pslist .onelex .link {
margin: .1rem 0 !important;
}
.pslist .mintd small {
font-size: .75rem;
}
/* >>>>>>>>>>>>>>>>>>>>>>>> END -s pages PEOPLE-s and SOURCE-s */
.motext .clear-btn {
bottom: auto;
top: 5rem;
}
.motext label {
display: block;
}
.motext label ~ label {
margin-left: 0;
}
.motext.fieldtext {
display: grid;
grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) );
gap: 1rem;
padding: 1rem;
margin-bottom: 0;
}
.fieldtext .cke_contents_auto[dir="auto"] {
direction: ltr;
}
.smfields .cke_editable p:first-of-type {
margin:
.25rem 0;
}
.newplaceswrap button {
margin: 0;
background-color: var(--green);
}
.newplaceswrap select {
border-radius: 20px;
padding: 2px 5px;
font-size: .75rem;
}
.newplaceswrap {
align-items: center;
max-height: 0;
overflow: hidden;gap: .5rem;
display: flex;
flex-wrap: wrap;
max-width: 250px;
align-items: center;
transition:max-height .2s ease-in, padding .2s ease-in, overflow 1s;
margin: -.75rem 0 1rem;
padding: 0;
}
.openplace .newplaceswrap {
max-height: 10rem;
transition: max-height .2s ease-out, padding .2s ease-out, overflow 1s;
overflow: visible;
background-color: #fff;
padding: .5rem;
}
.placety input {
border-radius: 20px;
padding: 2px 5px;
font-size: .75rem;
width: 6rem !important;
background-color: #e9e9ed;
cursor: pointer;
}
/*
.placety::after {
content: '∨';
left: 5rem;
position: absolute;
top: .2rem;
font-size: .75rem;
pointer-events: none;
}
*/
.openplace .newplace {
opacity: 0;
pointer-events: none;
max-height: 0;
}
.oneplace:has(.close:hover) {
background-color: #ccc;
}
.oneplace.deleting {
scale: 0;
transition: all .5s ease-in;
max-height: 0;
}
.oneplace.deleting{
scale: 1;
max-height: 20rem;
}
.newplaceswrap .auto-is-loading::after {
left: -1rem;
}
.newplaceswrap .auto-clear {
display: block;
right: 0;
opacity: .5;
}
.auto-wrap {
position: relative;
width: 100%;
}
.auto-wrap input {
width: 100%;
max-width: 100% !important;
}
.auto-wrap:has([type="hidden"][value=""]) input {
color: var(--red);
}
.auto-wrap ::placeholder {
color: #999;
}
.oneplace .close {
outline: 2px solid var(--red);
width: .75rem;
height: .75rem;
font-size: .75rem;
}
a.clone {
text-transform: uppercase;
text-decoration: none;
padding: .25rem .5rem;
font-size: .8rem;
padding: 3px 10px;
border-radius: 10px;
opacity: .5;
color: #fff;
background-color: var(--blue);
}
a.clone:hover {
background-color: #d9d9d9;
color: #000;
}
figcaption::before {
content: 'Caption: ';
color: #999;
font-variant: small-caps;
font-style: italic;
content: none;
}
figcaption {
border: 1px solid #ccc;
padding: .25rem !important;
}
figcaption:empty {
display: none;
}
figure {
background-color: #f5f5f5;
padding: 1rem !important;
}
.splitwrap .cke_contents {
overflow: visible !important;
}
.splitwrap .cke {
max-height: none;
overflow: visible;
}
.splitwrap .cke_wysiwyg_div {
max-height: 10rem;
}
.splitwrap .split_entry{
direction: rtl;
}
.sourcelink .lang-Yiddish{
display: none;
}
/*
textarea.cke_editable {
height: 100% !important;
}
:is(#cke_yiddish_cites, #yiddishtextwrap, .yidtit) textarea.cke_editable {
direction: rtl;
text-align: right !important;
}
*/
.sourcepeopletags {
background-color: #a63d4055;
}
.dcreditset {
background-color: var(--blue);
color: #fff;
font-size: .9rem;
padding: 3px 10px;
border-radius: 10px;
opacity: .5;
float: right;
margin-right: 1rem;
text-decoration: none;
}
.dcreditset:hover{
opacity: 1;
}
.dcredit {
color: var(--green);
font-size: .9rem;
float: right;
margin-right: 1rem;
padding: 3px 10px;
float: right;
margin-right: 1rem;
text-transform: uppercase;
}
.is-empty {
display:none;
}
.alladmincommentswrap {
display: block !important;
}
.layoutconfig #reset-layout {
margin-top: 1rem;
margin-left: auto;
display: inherit;
}
.layoutconfig .layout-config-container {
display: flex;
gap: 1rem;
margin-top: 1rem;
}
.layoutconfig .layout-column {
flex: 1;
background-color: #f5f5f5;
padding: 15px;
border-radius: 8px;
min-height: 400px;
}
.layoutconfig .layout-column:first-of-type {
flex: 1 1 50%;
}
.layoutconfig .block-item {
background-color: white;
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 10px;
border-radius: 4px;
cursor: move;
display: flex;
align-items: center;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
text-transform: capitalize;
}
.layoutconfig .block-item:hover {
background-color: #f9f9f9;
border-color: #bbb;
}
.layoutconfig .block-item .handle {
cursor: grab;
color: #999;
margin-right: 10px;
}
.layoutconfig .block-item .title {
}
.layoutconfig .sortable-ghost {
opacity: 0.4;
background-color: #e0e0e0;
}
.layoutconfig .actions {
margin-top: 20px;
padding: 15px;
background-color: #fff;
border-top: 1px solid #eee;
text-align: right;
}
.layoutconfig .loading-overlay {
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(255,255,255,0.8);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
font-size: 1.5rem;
color: #666;
}
.pagination {
list-style-type: none;
padding: 0;
display: inline-flex;
justify-content: space-between;
box-sizing: border-box;
margin: 0;
align-items: center;
}
.pagination li {
box-sizing: border-box;
padding-right: 10px;
}
.pagination .gotopagenum{
display: flex;
gap: .5rem;
font-size: .9rem;
align-items: center;
}
.pagination .gotopagenum input{
width: 3rem;
font-size: .9rem;
padding: .25rem;
}
.pagination .gotopagenum button{
padding: .25rem;
border-radius: 15px;
font-size: .75rem;
margin: 0;
opacity: .5;
}
.pagination li > a, .pagination li > span {
background-color: #ddd;
padding: .25rem .5rem;
text-decoration: none;
font-size: .75rem;
color: var(--blue);
border-radius: 4px;
}
.pagination li > span {
background-color: #ccc;
color: #888;
}
.pagination li a:hover {
background-color: var(--lgreen);
}
.pagination .next a,
.pagination .prev a {
text-transform: uppercase;
font-size: .75rem;
}
.pagination .currentpage a {
background-color: var(--blue);
color: #fff;
}
.pagination .currentpage a:hover {
background-color: var(--blue);
}
[class*="simplebar"] {
outline: none !important;
}
.simplebar-wrapper {
border-bottom: 1px dashed var(--blue);
padding-bottom: 1em;
}
.oneline .simplebar-wrapper {
border-bottom: 0;
}
.le-body:empty .simplebar-wrapper, .le-body:has(.simplebar-content:empty) .simplebar-wrapper{
border-bottom: 0;
}
[data-dir="rtl"]:not(.oneline) .simplebar-content p {
padding-right: 10px !important;
}
/* fights ff nightly bug */
/*
.simplebar-content::before, .simplebar-content::after{
display: block !important;
}
*/
/* Drawer Base Styles */
.drawer {
position: fixed;
top: 0;
right: 0;
width: 350px;
height: 100%;
background-color: white;
box-shadow: -2px 0 10px rgba(0,0,0,0.1);
transition: transform 0.3s ease-in-out;
transform: translateX(100%); /* Hidden by default */
z-index: 1000;
display: flex;
flex-direction: column;
z-index: 9999999;
padding: .5rem;
background-color: #eaf1f9;
}
.drawer.open {
transform: translateX(0); /* Slide in */
}
/* Fixed Footer Logic */
.drawer-content {
height: 100vh;
position: relative;
display: flex;
flex-direction: column;
padding-bottom: 0;
}
body:has(.drawer.open) nav::before {
display: none;
}
.drawer-footer {
padding: 20px;
border-top: 1px solid #eee;
background-color: #f9f9f9;
}
.btn-apply {
width: 100%;
padding: 12px;
background-color: #007bff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
/* Overlay */
.overlay {
position: fixed;
inset: 0;
background-color: rgba(0,0,0,0.5);
display: none;
z-index: 999;
}
/*
.overlay.active {
display: block;
}
*/
#close-drawer {
background-color: var(--red);
width: 30px;
height: 30px;
padding: 0;
border-radius: 50%;
left: -1rem;
position: absolute;
top: 0;
font-size: 2rem;
line-height: 0;
opacity: .85;
display: none;
z-index: 9;
}
.open #close-drawer {
display: block;
}
.filtergroup {
flex-direction: column;
align-items: flex-start;
}
.filtergroup > div:has(select) {
max-width: none;
}
.filtergroup > div {
width: 100%;
max-width: none !important;
}
.onefilter{
/* border-top: 1px solid var(--blue); */
padding-top: .5rem;
}
.dropstuff {
position: static;
display: none;
}
.hasneeds {
display: block;
}
.dropdown {
position: relative;
z-index: 99;
}
.caption {
/* anchor-name: --dropdown-anchor; */
cursor: pointer;
}
.filterbox .dropdown > .list {
position: fixed;
max-height: 18rem;
overflow: clip;
popover: auto;
position-area: left center;
width: 350px;
border: none;
border-radius: 15px;
margin-right: 5px;
background-color: transparent;
box-shadow: none;
z-index: 999999999999;
}
.filterbox .dropdown > .list:popover-open{
display: block;
}
/*
.dropdown > .list::after {
content: '';
position: absolute;
top: calc(50% - 40px);
width: 25px;
height: 25px;
border: 20px solid transparent;
border-right: ;
border-left-color: #ddd;
right: -20px;
filter: drop-shadow(11px 4px 5px #999);
z-index: 0;
}
*/
.filterbox .dropdown > .list .poparrow {
position: fixed;
width: 25px;
height: 25px;
border: 20px solid transparent;
border-left-color: transparent;
border-left-color: #ddd;
right: -17px;
filter: drop-shadow(11px 4px 5px #999);
z-index: 9;
position-area: left center;
}
.popinner {
position: relative;
padding: 1rem;
overflow: auto;
width: 100%;
border: none;
border-radius: 15px;
background-color: #ddd;
max-height: 15rem;
filter: drop-shadow(10px 10px 5px #999);
}
.filterbox .dropdown.open .caption::before {
content: '';
position: absolute;
top: -.25rem;
left: -20px;
width: 25px;
height: 25px;
border: 20px solid transparent;
border-left: 20px solid #ddd;
}
.list:not(:popover-open) {
display: none;
}
/* PHONES ---------- */
@media only screen and (max-width: 700px) {
body,
html {
width: 100vw;
overflow-x: clip;
}
.cke_editor_english_text .cke_contents {
font-size: 1rem;
}
.cke_wysiwyg_div {
width: 95%;
}
.ytexttools {
display: block;
}
.lexwrap {
display: block;
height: auto;
}
.lexwrap>* {
width: 100%;
}
.spelled {
margin-top: 3rem;
}
.spelled .cke_contents,
.yiddishtextwrap .cke_contents,
.cke_editor_hebtext .cke_contents {
font-size: 1rem;
}
.inav {
width: auto;
}
.spelled .cke_top {
position: static;
}
h1 .sitetit {
display: none;
}
main>p:first-of-type {
overflow-wrap: break-word;
}
.tmeta {
flex-direction: column;
}
.table-sort td,
.table-sort th {
width: 100%;
margin: 0;
padding: .25rem !important;
display: block;
}
.pslist .table-sort td, .pslist .table-sort th {
display: table-cell;
}
main>div input {
width: auto;
}
.alllex i.y,
.alllex i.n {
width: auto !important;
display: block !important;
}
.stat {
display: block !important;
}
.stattxt {
text-align: left !important;
width: auto !important;
}
.crumbs {
display: block;
}
.crumbs>div a {
height: auto;
}
.crumbs>div.on {
display: block;
margin-bottom: 1rem;
}
.crumbs>div::after {
position: static;
}
.unlockednbanner,
.lockednbanner {
display: block !important;
}
.tit {
margin-top: 3rem;
}
.cols {
display: contents !important;
}
#cke_datestext .cke_contents,
#cke_datestextyid .cke_contents,
#cke_nametextyid .cke_contents {
height: auto !important;
}
.container,
.mainform {
display: block !important;
}
.table-sort thead {
display: none;
}
}
.mentionscount {
display: inline-block;
min-width: 1.4em;
padding: 0 .45em;
margin-left: .25em;
border-radius: 1em;
background: #666;
color: #fff;
font-size: .8em;
font-weight: normal;
line-height: 1.5;
text-align: center;
vertical-align: middle;
}