/****************************************************************************
* font / text Styles *
****************************************************************************/
@import url('https://fonts.googleapis.com/css?family=Gruppo|Prompt:400,500|Raleway:400,600|Tomorrow:400,500,600&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=VT323&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro:wght@400;700&family=Oxygen+Mono&family=VT323&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
:root {
--monthly-background-image: var(--task2do-logo-svg); /* var(--task2do-logo-svg); */
--background-position-y: 1.5rem; /* center; */
--background-position-x: center;
--background-color: transparent; /* rgba(6, 6, 6, .95); */
--background-size: contain;
--user-background-image: unset;
--background-alpha: .2;
--current-time: "0:00AM";
/*
url(/img/Month-backgrounds/March-dark.jpeg) no-repeat center;
*/
--widget--inner-margin: .25rem;
--navigator-control-toolbar--height: 3rem;
--navigator-control-toolbar--margin: .5rem;
--background-layer1-widget--width: 33vw;
--background-layer2-widget--width: 30vw;
--background-layer3-widget--width: 25vw;
--background-widget--edge-offset: 2.5vw;
}
/*
.task2do-logo-background {
background:
} */
/* .form-label-prompt-font {
font-family: 'Prompt', sans-serif;
} */
.gruppo-font-family {
font-family: 'Gruppo', cursive;
}
.prompt-font-family {
font-family: 'Prompt', sans-serif;
}
.raleway-font-family {
font-family: 'Raleway', sans-serif;
}
.tomorrow-font-family {
font-family: 'Tomorrow', sans-serif;
}
.roboto-font-family {
font-family: "Roboto", sans-serif;
font-weight: 500;
}
.terminal-mono-font {
font-family: 'VT323', monospace;
font-weight: 400;
}
.code-mono-font {
font-family: 'Anonymous Pro', monospace;
font-weight: 400;
}
.blue-highlighted-text,
.everythings-cool-blue-highlighted-text {
color:rgba(13, 225, 250, 1);
text-shadow: 0px 0px 1px 1px rgba(26, 26, 13, .75) !important;
transition: .25s all ease-in-out !important;
}
.green-highlighted-text,
.allsys-go-highlighted-text {
color:rgba(13, 225, 250, 1);
text-shadow: 0px 0px 1px 1px rgba(26, 26, 13, .75) !important;
transition: .25s all ease-in-out !important;
}
.orange-highlighted-text,
.warning-highlighted-text {
color:rgba(250, 13, 64, 1);
text-shadow: 0px 0px 1px 1px rgba(26, 26, 13, .75) !important;
transition: .25s all ease-in-out !important;
}
.red-highlighted-text,
.danga-watchya-self-highlighted-text,
.danger-highlighted-text {
color:rgba(250, 13, 64, 1);
text-shadow: 0px 0px 1px 1px rgba(26, 26, 13, .75) !important;
transition: .25s all ease-in-out !important;
}
:root {
/* --monthly-background-image: url(../public/Month-backgrounds/December-dark.jpeg) no-repeat center; */
--task2do-logo-svg: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' style='enable-background:new' viewBox='0 0 1024 1024' height='1024' width='1024' id='svg2' version='1.1'%3E%3Ctitle id='title924'%3ETask2DO! Logo Icon%3C/title%3E%3Cmetadata id='metadata8'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3ETask2DO! Logo Icon%3C/dc:title%3E%3Cdc:date%3E2020-04-07%3C/dc:date%3E%3Cdc:creator%3E%3Ccc:Agent%3E%3Cdc:title%3EBrandon Reilly%3C/dc:title%3E%3C/cc:Agent%3E%3C/dc:creator%3E%3Cdc:publisher%3E%3Ccc:Agent%3E%3Cdc:title%3ETrinix Media%3C/dc:title%3E%3C/cc:Agent%3E%3C/dc:publisher%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs6'%3E%3Cfilter id='filter2694' style='color-interpolation-filters:sRGB'%3E%3CfeFlood id='feFlood2684' result='flood' flood-color='rgb(13,13,13)' flood-opacity='0.768627' /%3E%3CfeComposite id='feComposite2686' result='composite1' operator='in' in2='SourceGraphic' in='flood' /%3E%3CfeGaussianBlur id='feGaussianBlur2688' result='blur' stdDeviation='0.2' in='composite1' /%3E%3CfeOffset id='feOffset2690' result='offset' dy='1.3' dx='1.3' /%3E%3CfeComposite id='feComposite2692' result='composite2' operator='over' in2='offset' in='SourceGraphic' /%3E%3C/filter%3E%3Cfilter id='filter2706' style='color-interpolation-filters:sRGB'%3E%3CfeFlood id='feFlood2696' result='flood' flood-color='rgb(13,13,13)' flood-opacity='0.768627' /%3E%3CfeComposite id='feComposite2698' result='composite1' operator='in' in2='SourceGraphic' in='flood' /%3E%3CfeGaussianBlur id='feGaussianBlur2700' result='blur' stdDeviation='0.2' in='composite1' /%3E%3CfeOffset id='feOffset2702' result='offset' dy='1.3' dx='1.3' /%3E%3CfeComposite id='feComposite2704' result='composite2' operator='over' in2='offset' in='SourceGraphic' /%3E%3C/filter%3E%3Cfilter id='filter2718' style='color-interpolation-filters:sRGB'%3E%3CfeFlood id='feFlood2708' result='flood' flood-color='rgb(13,13,13)' flood-opacity='0.768627' /%3E%3CfeComposite id='feComposite2710' result='composite1' operator='in' in2='SourceGraphic' in='flood' /%3E%3CfeGaussianBlur id='feGaussianBlur2712' result='blur' stdDeviation='0.2' in='composite1' /%3E%3CfeOffset id='feOffset2714' result='offset' dy='1.3' dx='1.3' /%3E%3CfeComposite id='feComposite2716' result='composite2' operator='over' in2='offset' in='SourceGraphic' /%3E%3C/filter%3E%3Cfilter id='filter2730' style='color-interpolation-filters:sRGB'%3E%3CfeFlood id='feFlood2720' result='flood' flood-color='rgb(13,13,13)' flood-opacity='0.768627' /%3E%3CfeComposite id='feComposite2722' result='composite1' operator='in' in2='SourceGraphic' in='flood' /%3E%3CfeGaussianBlur id='feGaussianBlur2724' result='blur' stdDeviation='0.2' in='composite1' /%3E%3CfeOffset id='feOffset2726' result='offset' dy='1.3' dx='1.3' /%3E%3CfeComposite id='feComposite2728' result='composite2' operator='over' in2='offset' in='SourceGraphic' /%3E%3C/filter%3E%3Cfilter id='filter3282' style='color-interpolation-filters:sRGB'%3E%3CfeFlood id='feFlood3272' result='flood' flood-color='rgb(13,13,13)' flood-opacity='0.768627' /%3E%3CfeComposite id='feComposite3274' result='composite1' operator='in' in2='SourceGraphic' in='flood' /%3E%3CfeGaussianBlur id='feGaussianBlur3276' result='blur' stdDeviation='0.3' in='composite1' /%3E%3CfeOffset id='feOffset3278' result='offset' dy='4.5' dx='3.5' /%3E%3CfeComposite id='feComposite3280' result='composite2' operator='over' in2='offset' in='SourceGraphic' /%3E%3C/filter%3E%3C/defs%3E%3Cg transform='translate(0,928)' id='g842' style='display:none' /%3E%3Cg transform='translate(0,768)' style='display:none' id='layer1'%3E%3Cpath id='path26' d='m 522.79265,-747.08006 c -297.74128,0 -462.012327,164.27104 -472.279268,369.60985 H 163.44973 c 0,-154.00408 133.47023,-277.24968 359.34292,-277.20738 266.94044,0 339.62554,112.29036 328.89393,174.5422 -10.61879,61.59742 -61.95349,82.13131 -86.66375,102.66518 h 147.91355 c 61.60171,-51.3347 61.60171,-112.93633 52.70151,-165.11508 -8.71214,-51.07588 -83.50233,-204.49477 -442.84524,-204.49477 z M 50.513382,125.60988 v 82.13553 H 954.00416 v -82.13553 z' style='fill:%23000000;fill-opacity:1;stroke-width:3.85010266' /%3E%3C/g%3E%3Cg id='g2458' style='display:inline' transform='translate(0,768)'%3E%3Cpath transform='matrix(10.26694,0,0,10.26694,9.44562,-2410.3243)' style='fill:%23000000;fill-opacity:1;stroke-width:0.375;filter:url(%23filter2694)' d='m 4,247 v 8 h 88 v -8 z' id='path2456' /%3E%3C/g%3E%3Cg transform='translate(0,768)' style='display:inline' id='g2471'%3E%3Cpath transform='matrix(10.26694,0,0,10.26694,9.44562,-2410.3243)' id='path2469' d='M 50,162 C 21,162 5,178 4,198 h 11 c 0,-15 13,-27.00412 35,-27 26,0 33.079528,10.93708 32.034269,17.00041 C 81,194 76,196 73.59322,198 H 88 c 6,-5 6,-11 5.133119,-16.08221 C 92.284561,176.943 85,162 50,162 Z' style='fill:%23000000;fill-opacity:1;stroke:none;stroke-width:0.375;filter:url(%23filter2730)' /%3E%3C/g%3E%3Cg transform='translate(0,768)' style='display:inline' id='layer2'%3E%3Cpath transform='matrix(3.8501027,0,0,3.8501027,9.44562,-767.61394)' id='path28' d='m 10.666667,124.66667 v 104.66666 h 26.666666 c 76.000007,-50 127.052177,-81.36297 189.333337,-122.66666 C 230.6194,104 229.33333,104 226.66667,104 h -32 C 177.17514,114.66667 61.333334,186.66666 40,200 V 122.66667 H 10.666667 v 1 z' style='fill:%23009600;fill-opacity:1;stroke:none;filter:url(%23filter3282)' /%3E%3C/g%3E%3Cg id='g2742' style='display:none' transform='translate(0,768)'%3E%3Cpath style='fill:%23af0000;fill-opacity:1;stroke-width:3.85010266' d='M 50.513384,-287.63445 V 115.34293 H 153.18278 c 292.60784,-192.505135 489.16393,-313.25579 728.9528,-472.27924 15.21841,-10.26694 10.26691,-10.26694 0,-10.26694 H 758.93229 C 691.5881,-326.13548 245.58526,-48.92813 163.44973,2.406597 V -295.33466 H 50.513384 v 3.8501 z' id='path2740' /%3E%3C/g%3E%3Cg transform='translate(0,768)' style='display:none' id='layer3'%3E%3Cpath id='path24' d='m 316.25129,-431.43058 v 165.59212 c 46.20123,-0.041 123.20328,3.8124 180.95482,-26.98842 38.50103,-23.10061 69.30185,-61.60164 69.30185,-138.6037 0,-77.00203 -30.80082,-115.50306 -69.30185,-138.60369 -57.75154,-30.8008 -134.75359,-23.10062 -180.95482,-23.10062 z m 55.02939,-107.76518 c 83.5743,-0.0411 145.17595,19.21283 145.17595,107.76518 0,88.55238 -65.45174,107.8029 -146.3039,107.7729 0,-88.52238 0,-127.02339 1.12795,-215.53808 z m 426.23344,261.80698 c -204.05544,0 -204.05544,354.20944 0,354.20944 204.05548,0 204.05548,-354.20944 0,-354.20944 z m 100.10267,184.804926 c 0,53.901438 -36.01511,115.524332 -100.10267,115.503079 -59.11572,0.02053 -100.10266,-61.601641 -100.10266,-115.503079 0,-73.151946 41.74207,-135.427916 99.4936,-135.427916 57.75154,0 100.71173,62.27597 100.71173,135.427916 z' style='opacity:1;fill:%23009600;fill-opacity:1;stroke:none;stroke-width:3.85010266;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' /%3E%3C/g%3E%3Cg id='g1501' style='display:none' transform='translate(0,768)'%3E%3Cpath style='opacity:1;fill:%23009600;fill-opacity:1;stroke:none;stroke-width:3.85010266;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' d='m 245.58526,-367.20325 v 174.53798 c 225.87268,5.35071 287.47433,-30.80083 287.47433,-174.53798 0,-154.00412 -61.60165,-189.72681 -287.47433,-184.80493 z m 61.60163,-112.93635 c 123.20329,-5.09897 164.27105,10.26693 164.27105,112.93635 0,92.40246 -41.06776,109.06786 -164.27105,102.66939 z m 492.81314,225.8727 c -215.60574,0.52155 -225.87268,376.04845 0,376.04845 215.60577,0 215.60577,-375.52638 0,-376.04845 z m 98.48579,191.243518 c 0,53.901437 -36.88414,121.637159 -98.48579,121.637159 -61.60163,0 -97.00919,-67.735722 -97.00919,-121.637159 0,-73.151948 35.40756,-124.943438 97.00919,-124.943438 61.60165,0 98.48579,51.79149 98.48579,124.943438 z' id='path1499' /%3E%3C/g%3E%3Cg transform='translate(0,768)' style='display:none' id='g2199' /%3E%3Cg transform='translate(0,928)' style='display:inline' id='layer4'%3E%3Cpath id='path2197' d='m 26,197 v 17 c 22,0.52116 28,-3 28,-17 0,-15 -6,-18.47939 -28,-18 z m 6,-11 c 12,-0.49664 16,1 16,11 0,9 -4,10.62321 -16,10 z' style='display:inline;opacity:1;fill:%23af0000;fill-opacity:1;stroke:none;stroke-width:0.375;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(%23filter2718)' transform='matrix(10.26694,0,0,10.26694,9.44562,-2570.3243)' /%3E%3C/g%3E%3Cg transform='translate(0,928)' style='display:inline' id='layer5'%3E%3Cpath transform='matrix(10.26694,0,0,10.26694,9.44562,-927.61394)' id='path2197-6' d='m 77,51 c -19.425,0.04699 -20.35,33.880086 0,33.880086 19.425,0 19.425,-33.83305 0,-33.880086 z m 8.873076,17.230086 c 0,4.85625 -3.323076,10.958901 -8.873076,10.958901 -5.55,0 -8.740044,-6.102651 -8.740044,-10.958901 0,-6.590625 3.190044,-11.256778 8.740044,-11.256778 5.55,0 8.873076,4.666153 8.873076,11.256778 z' style='display:inline;opacity:1;fill:%23af0000;fill-opacity:1;stroke:none;stroke-width:0.34687501;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(%23filter2706)' /%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat;
--task2do-dialog-dropdown-border: .125rem outset rgba(200, 200, 225, .75);
}
/* html {
overflow: hidden !important;
} */
body {
background: unset;
overflow: hidden !important;
/*! background: rgb(244, 244, 244); */
/* background: url(http://task2do.co/Month-backgrounds/January-dark.jpeg) no-repeat center;
background-size: cover; */
}
#task2do-app-id.v-application {
font-family: "Gruppo", sans-serif;
line-height: 1.0;
font-size: 100%;
}
#task2do-app-id.fullscreenEnabled:fullscreen {
max-width: 100%;
}
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
/* font-family: 'Gruppo', sans-serif; */
-webkit-font-smoothing: antialiased;
/* background: rgba(30, 40, 50, .5) !important; */
background: rgba(50, 100, 200, var(--background-alpha));
display: flex;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100vw;
height: 100vh;
margin: 0 auto;
text-align: center;
padding: 0 ;
background: transparent;
background-size: contain;
-webkit-transition: all 0.2s;
transition: all 0.2s;
user-select: none;
}
#app #task2do-app-id .v-application--wrap {
flex: 1 1 auto;
backface-visibility: hidden;
display: flex;
flex-direction: column;
min-height: 100vh;
max-width: 100vw;
position: absolute;
}
#task2do-app-id.theme--dark.v-application {
background: unset;
}
#task2do-app-id .t2do.catch-phrase {
color: rgba(200, 0, 0, .95);
text-shadow: 1px 1px 1px rgba(13, 13, 13, .75);
font-size: 1.25rem;
letter-spacing: .25rem;
line-height: 1.75rem;
}
#task2do-app-id .t2do.slogan {
color: rgba(0, 200, 0, .95);
text-shadow: 1px 1px 1px rgba(13, 13, 13, .75);
font-size: 1.25rem;
letter-spacing: .25rem;
line-height: 1.75rem;
}
#task2do-app-id.fullscreenEnabled:fullscreen {
max-width: 100%;
}
#app.task2do-app.v-application {
font-family: "Gruppo", sans-serif;
line-height: 1.15;
font-weight: 400;
display: block;
position: absolute;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
/* background-size: cover; */
/* background-color: rgba(13, 13, 13, .98); */
margin: 0;
text-align: center;
overflow-x: hidden;
overflow-y: scroll;
padding: 0;
right: 0;
bottom: 0;
background: transparent;
background-size: contain;
}
#task2do-app-id .centered-container {
position: fixed;
display: flex;
max-width: 100vw;
width: max-content;
height: max-content;
margin: 0 auto;
padding: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: 0.75s cubic-bezier(0.4, 0, 0.2, 1);
}
#task2do-app-id .landing-page-home {
margin-top: -0.875rem;
background-color: rgba(13, 13, 26, 0.85);
border: 0.125rem inset;
border-block-color: rgba(50, 69, 96, .75);
border-inline-color: rgba(200, 200, 250, .75);
filter: drop-shadow(.75rem .75rem .35rem rgba(13, 13, 13, .5));
border-radius: 0.35rem;
}
#task2do-app-id .landing-page-home .logo750px {
width: 95%;
margin-top: 2rem;
}
#task2do-app-id .landing-page-home .v-sheet.theme--dark {
background: unset;
}
.task2do-widget-spinner-container {
background: transparent; /* rgba(13, 13, 13, .1); */
}
#task2do-app-id .v-btn__content {
color: inherit;
display: flex;
flex: 1 0 auto;
justify-content: center;
line-height: normal;
position: relative;
}
/****************************************************************************
* Misc Icons *
****************************************************************************/
#task2do-app-id .v-icon.v-icon {
align-items: center;
margin: 0 auto;
display: inline-flex;
font-feature-settings: "liga";
font-size: 1.0rem;
font-family: Prompt;
font-style: normal;
justify-content: center;
letter-spacing: normal;
line-height: normal;
position: relative;
text-indent: 0;
transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;
user-select: none;
}
#task2do-app-id span.mdi.mdi-autorenew.rotating,
#task2do-app-id span.mdi.mdi-orbit.rotating {
position: absolute;
top: 0.5rem;
width: 2.5rem;
height: 2.0rem;
margin: .75rem;
padding: 0;
font-size: 2.5rem;
font-weight: 400;
color: rgba(25, 100, 200, .95);
/* animation: rotation-animation 1.333s infinite linear; */
/* animation: rotation-animation 0.75s infinite linear; */
animation: rotation-variable-speed-animation 5.0s infinite linear;
}
#task2do-app-id .v-icon.notranslate.mdi {
/*! outline: .0875rem solid rgba(13, 13, 13, .9); */
text-shadow: .0875rem .0875rem .0875rem rgb(6, 6, 6);
font-size: 1.5rem;
padding: 0 .125rem .125rem;
text-shadow: .0875rem .0875rem .05rem rgb(6, 6, 6);
}
#task2do-app-id .v-icon.notranslate.mdi.mdi-note-text {
color: rgba(250, 230, 150, .9)
}
#task2do-app-id .v-icon.notranslate.mdi.mdi-calendar-text {
color: rgba(0, 75, 200, .9)
}
#task2do-app-id .v-icon.notranslate.mdi.mdi-calendar-today {
color: rgba(200, 75, 75, .9)
}
#task2do-app-id .v-icon.notranslate.mdi.mdi-emoticon-poop {
color: rgba(100, 50, 0, .9)
}
#task2do-app-id .v-treeview-node.v-treeview-node--leaf .v-treeview-node__content {
height: 1.75rem;
}
.v-icon.notranslate.v-icon--link.mdi.mdi-pencil {
color: rgba(250, 200, 0, .95);
}
.v-navigation-drawer.v-navigation-drawer--clipped.v-navigation-drawer--fixed.v-navigation-drawer--open.theme--dark {
z-index: 101;
background: rgba(13, 13, 13, .9);
}
#task2do-app-id .v-navigation-drawer .header-image {
height: 3rem;
width: auto;
margin: 0 auto;
display: block;
flex: unset;
}
#task2do-app-id .sunrise-icon {
color: rgba(250, 250, 0, 0.95);
background: linear-gradient(0deg, rgba(75, 75, 0, .9) 0%, rgba(0, 200, 0, .9) 35%, rgba(255, 150, 75, 0.95) 50%, rgba(25, 225, 255, 0.95) 100%);
text-shadow: 0.0875rem 0.0875rem 0.25rem rgba(200, 200, 0, 0.95);
}
#task2do-app-id .sunny-icon {
color: rgba(250, 250, 0, 0.95);
background: linear-gradient(0deg, rgba(75, 75, 0, .9) 0%, rgba(13, 150, 13, 0.975) 35%, rgba(25, 225, 255, 0.95) 100%);
text-shadow: 0.0875rem 0.0875rem 0.25rem rgba(200, 200, 0, 0.95);
}
#task2do-app-id .moonlit-night-icon {
color: rgba(225, 225, 250, 0.95);
background: linear-gradient(0deg, rgba(13, 13, 13, .975) 0%, rgba(13, 16, 26, 0.975) 35%, rgba(26, 26, 50, 0.95) 100%);
text-shadow: 0.0875rem 0.0875rem 0.25rem rgba(200, 200, 0, 0.95);
}
#task2do-app-id .v-navigation-drawer .nav-drawer--widget-group .v-list-group__items .v-list-item {
padding-left: 1.5rem;
}
#task2do-app-id i.v-icon.notranslate.mdi.mdi-check {
font-size: 1.75rem;
color: rgb(50, 255, 50) !important;
text-shadow: rgba(220, 255, 220, 0.95) 0rem 0.0rem 0.2rem !important;
position: absolute;
margin-top: -0.35rem;
}
/* #app { */
/* font-family: 'Avenir', Helvetica, Arial, sans-serif; */
/* color: #2c3e50; */
/* font-family: 'Gruppo', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
margin-top: 60px;
width: 100%;
min-width: 30rem;
margin: .25rem 1.0rem 1rem 0.5rem;
padding: .25rem;
border-radius: .25rem;
font-family: "Gruppo", sans-serif;
line-height: 1.15;
font-weight: 400;
display: block;
position: absolute;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background-size: cover;
background-color: rgba(13, 13, 13, .98);
margin: 0;
text-align: center;
overflow-x: hidden;
overflow-y: scroll;
padding: 0;
right: 0;
bottom: 0;
} */
/****************************************************************************
* B A C K G R O U N D S *
****************************************************************************/
#task2do-app-id .background-container {
background: rgba(6, 6, 13, var(--background-alpha));
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
margin: 0;
padding: 0;
}
#task2do-app-id .background-container video {
/* This is for animated backgrounds that are a webm or mp4 playing on loop.
This single property will allow the video tag to fill the parent container.
...something 45min of trial and error w/ positioning & display properties
to no avail... this time stackoverflow actually helped:
https://stackoverflow.com/questions/4000818/scale-html5-video-and-break-aspect-ratio-to-fill-whole-site
*/
object-fit: cover;
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
}
#task2do-app-id .background-container .task2do-logo {
background: var(--task2do-logo-svg);
background-size: contain;
width: 75%;
margin-left: 12%;
margin-top: 6%;
height: 75%;
}
#task2do-app-id .background-container .monthly-background-image { /*.blurred-background { */
background: var(--monthly-background-image);
background-position-y: var(--background-position-y);
background-position-x: var(--background-position-x);
background-color: var(--background-color);
background-size: var(--background-size);
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: background 2.5s linear;
}
#task2do-app-id .background-container .user-background-image { /* .blurred-background{ */
background: var(--user-background-image);
background-position-y: var(--background-position-y);
background-position-x: var(--background-position-x);
background-color: var(--background-color);
background-size: var(--background-size);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#task2do-app-id .background-container .blurred-background {
filter: blur(.075rem);
}
#task2do-app-id .background-container .black-clouds-effect--filter {
filter: contrast(3) brightness(0.5) saturate(0.1);
}
#task2do-app-id .background-container .night-time--filter {
/* filter: contrast(0.6) brightness(0.3) saturate(1.15); */
filter: contrast(1.1) brightness(0.6) saturate(1.15);
}
#task2do-app-id .background-container .blurred-background.black-clouds-effect--filter {
filter: blur(0.075rem) contrast(3) brightness(0.2) saturate(0.1);
}
#task2do-app-id .background-container .blurred-background.night-time--filter {
filter: blur(0.075rem) contrast(0.6) brightness(0.3) saturate(1.15);
}
.darkened-background {
--titlebar-offset: 3rem;
background: var(--monthly-background-image);
background-position-y: var(--background-position-y);
background-position-x: var(--background-position-x);
background-color: var(--background-color);
background-size: var(--background-size);
filter: blur(0px) brightness(.15) contrast(.9) opacity(0.9);
position: fixed;
width: 100%;
height: calc(100% - var(--titlebar-offset));
top: var(--titlebar-offset);
left: 0;
transition: background 2.5s linear;
}
.semi-trans--tinted__background {
color: rgba(255, 255, 255, 0.5);
/* background: rgba(13, 13, 13, .5); */
}
/****************************************************************************
* D I A L O G & M O D A L S T Y L E S *
****************************************************************************/
#task2do-app-id .text-property-dialog {
position: fixed;
z-index: 500;
}
#task2do-app-id .save-changes-dialog {
position: fixed;
max-width: 500px;
z-index: 500;
}
#task2do-app-id .v-dialog {
border-radius: .5rem;
margin: 1rem;
min-width: 25rem;
overflow-y: auto;
border: .125rem outset rgba(175, 175, 195, .975);
pointer-events: auto;
transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
z-index: inherit;
box-shadow: 0.75rem 0.75rem 0.75rem -0.5rem rgba(0, 0, 0, 0.3), 0.75rem 0.5rem 0.45rem 0.25rem rgba(6, 6, 6, 0.4), 0.5rem 0.75rem 0.5rem 0.5rem rgba(13, 13, 13, 0.25);
}
/******************************************************************************
A L E R T I C O N S / E R R O R D I A L O G *
******************************************************************************/
#task2do-app-id span.mdi.mdi-alert.orange-alert-icon {
position: relative;
/* display: inline-block; */
color: rgb(225, 75, 0);
font-size: 1.5rem;
font-weight: 700;
padding: .125rem .25rem;
line-height: 1;
margin: 0 auto;
}
#task2do-app-id .v-dialog .error-dialog.v-card.v-sheet {
border-radius: .35rem;
border: .125rem outset rgba(6, 6, 6, .5);
padding: .25rem 0.75rem;
}
#task2do-app-id .v-dialog .error-dialog.v-card.v-sheet .mdi:before {
display: inline-block;
font: normal normal 400 2.5rem/1 "Material Design Icons";
padding: 0 .5rem;
text-rendering: auto;
height: 2.75rem;
margin: 0 auto;
vertical-align: middle;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
#task2do-app-id .v-dialog .error-dialog.v-card.v-sheet .v-card__text {
padding: 0.1rem .75rem .15rem .75rem;
width: 100%;
margin: 0 auto;
margin-left: auto;
margin-left: 0;
line-height: 0.975rem;
color: rgb(235, 25, 50);
letter-spacing: 0.05em;
font-family: Prompt;
font-size: 1.05rem;
font-weight: 500;
}
/****************************************************************************
* F O R M & I N P U T S T Y L E S *
****************************************************************************/
#task2do-app-id .v-card .form-container {
/* overflow: auto; */
display: block;
margin: 0 auto;
width: 99%;
padding: .125rem .25rem;
background: unset;
}
#task2do-app-id .task-field-form {
position: fixed;
max-width: 75vw;
min-height: 35vh;
z-index: 500;
}
#task2do-app-id form .v-text-field__slot .v-label,
#task2do-app-id form .v-text-field__slot .v-label.v-label--active,
#task2do-app-id form .v-text-field .v-label {
color: rgb(175, 175, 225);
padding-bottom: 1rem;
margin-bottom: 1.25rem;
line-height: 0.7;
font-size: 0.90rem;
font-weight: 400;
font-family: Tomorrow;
font-variant: small-caps;
letter-spacing: .0875rem;
bottom: 0;
top: 0.25rem;
background: rgba(150, 150, 175, .1);
padding: .25rem;
height: 1.5rem;
margin: auto;
}
#task2do-app-id form .v-text-field {
padding: .125rem;
margin: .075rem;
}
#task2do-app-id .v-application .primary--text {
/* color: #2196f3 !important;
caret-color: #2196f3 !important; */
color: rgba(225, 25, 25, 1) !important;
caret-color: rgba(225, 25, 25, 1) !important;
}
#task2do-app-id .v-application .v-label--active .primary--text {
/* color: #2196f3 !important; */
color: rgba(0, 128, 255, 1);
caret-color: rgba(0, 128, 255, 1) !important;
font-weight: 700;
font-size: 90%;
}
/* #task2do-app-id .v-input--is-focused.v-text-field--is-booted.primary--text {
top: 0 !important;
} */
#task2do-app-id .navbar-button,
#task2do-app-id .form-button {
padding: .125rem .15rem;
min-width: 7rem;
width: 8rem;
max-width: 10rem;
font-family: Gruppo, sans-serif;
font-size: 1.125rem;
letter-spacing: .125rem;
margin: .125rem .45rem;
}
#task2do-app-id .form-button-group {
display: block;
width: 95%;
position: relative;
margin: .75rem auto .25rem;
}
#task2do-app-id .form-button-group button.form-button {
min-width: 10rem;
width: auto;
max-width: 15rem;
max-height: 3rem;
height: 2.5rem;
margin: 0.25rem 2rem;
font-family: Gruppo, sans-serif;
font-size: 1.125rem;
letter-spacing: .125rem;
padding: .125rem .5rem;
background: unset;
background: rgba(0, 0, 100, .25);
}
#task2do-app-id .form-button {
margin: .125rem 0.5rem .75rem;
}
#task2do-app-id .v-card__actions .form-button {
margin: .5rem auto .5rem;
position: relative;
display: inline-block;
width: auto;
min-width: max-content;
height: max-content;
}
#task2do-app-id .v-dialog > .v-card > .v-card__title {
word-break: normal;
white-space: normal;
}
#task2do-app-id .v-dialog .v-card .v-card__text {
font-size: 1.05rem;
font-weight: 700;
margin: .15rem auto;
margin-left: auto;
line-height: 0.975rem;
letter-spacing: 0.0071428571em;
font-family: Gruppo;
padding: 0.1rem .75rem .15rem .75rem;
width: 100%;
margin-left: 0;
}
#task2do-app-id .user-account-container fieldset {
margin: .25rem .35rem;
/* display: block; */
width: 98%;
padding: 1.5rem 0 .25rem;
margin: 0 auto auto.5rem;
}
#task2do-app-id form.v-form {
padding: 0.15rem .5rem;
margin: 0 auto;
}
#task2do-app-id .v-form fieldset legend {
margin-left: 1rem;
padding: 0 .25rem;
font-weight: 700;
font-family: Tomorrow;
font-variant: small-caps;
letter-spacing: .05rem;
}
#task2do-app-id .v-form .v-text-field {
margin: 0 .5rem;
}
#task2do-app-id .v-text-field input {
padding: .5rem .5rem .01rem;
}
#task2do-app-id .v-text-field .v-label--active {
padding-left: .35rem;
}
#task2do-app-id .v-text-field .v-label {
padding-left: .5rem;
}
/****************************************************************************
* C U S T O M v - l i s t S T Y L E S *
****************************************************************************/
:root {
--v-list-item-min-height: 2.5rem;
--v-list-item-padding: .5rem;
--v-list-max-items: 15;
--v-list-selection--color: rgba(8, 128, 224, .975);
}
#task2do-app-id .v-list-item__content {
align-items: center;
display: flex;
flex: 1 1 100%;
letter-spacing: .05rem;
min-height: var(--v-list-item-min-height);
outline: none;
padding: 0 var(--v-list-item-padding);
position: relative;
text-decoration: none;
}
#task2do-app-id .v-list-item {
align-items: center;
display: flex;
flex: 1 1 100%;
letter-spacing: .05rem;
min-height: var(--v-list-item-min-height);
outline: none;
padding: 0; /* var(--v-list-item-padding);*/
position: relative;
text-decoration: none;
}
#task2do-app-id .v-list-item .v-list-item {
font-family: Gruppo;
font-weight: 700;
font-size: 1.15rem;
padding: 0 var(--v-list-item-padding);
}
#task2do-app-id .v-list-item.v-list-item--highlighted .v-list-item {
font-weight: 900 !important;
font-size: 1.35rem;
border: .175rem solid var(--v-list-selection--color);
border-radius: .125rem;
padding: var(--v-list-item-padding);
}
#task2do-app-id .v-list-item .v-list-item__content {
font-family: Gruppo;
font-weight: 700;
font-size: 1.15rem;
padding: 0 var(--v-list-item-padding);
}
#task2do-app-id .v-list-item.v-list-item--highlighted .v-list-item__content {
font-weight: 900 !important;
font-size: 1.35rem;
border: .075rem solid var(--v-list-selection--color);
border-radius: .125rem;
padding: 0 var(--v-list-item-padding);
}
#task2do-app-id .v-list-item--link:before {
background-color: var(--v-list-selection--color);
bottom: 0;
content: "";
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
#task2do-app-id .v-menu__content.v-menu__content--fixed.menuable__content__active {
max-height: calc(var(--v-list-item-min-height) * var(--v-list-max-items)) !important;
top: calc(calc(var(--v-list-item-min-height) * var(--v-list-max-items)) * 0.25) !important;
}
#task2do-app-id .v-list-item.v-list-item--highlighted::before {
opacity: .9;
}
#task2do-app-id .v-menu__content {
border: var(--task2do-dialog-dropdown-border);
}
#task2do-app-id .task-form-dropdown .v-list-item {
font-weight: 700;
font-family: Prompt;
letter-spacing: .0875rem;
font-variant: small-caps;
text-align: left;
min-height: .9rem;
max-height: 2.25rem;
height: 1.5rem;
}
#task2do-app-id .v-select__selections .v-list.v-sheet.v-sheet--tile.theme--dark {
width: 95%;
}
#task2do-app-id .task-form-dropdown .v-select__selections .v-list-item {
width: 92%;
position: absolute;
margin-top: -0.5rem;
height: 1.25rem;
margin-left: 0.25rem;
}
#task2do-app-id .task-form-dropdown .v-list-item__title {
font-size: 1.05rem;
color: rgb(6, 6, 6);
}
#task2do-app-id .task-form-dropdown > .v-select-list.v-card {
height: 100%;
padding: 0;
}
/****************************************************************************
* titlebar and toolbar Styles *
****************************************************************************/
#task2do-app-id .container-titlebar {
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
height: 2.5rem;
font-family: 'Gruppo', sans-serif;
letter-spacing: .125rem;
font-size: 1.25rem;
padding: .5rem .5rem .5rem;
width: 100%;
}
.container-titlebar .v-toolbar__content {
width: 100%;
justify-content: center;
height: 2.5rem;
}
#task2do-app-id .widget.v-card .widget-titlebar .inline-window-button-span {
width: 100%;
display: inline-flex;
justify-content: right;
overflow: hidden;
}
#task2do-app-id .widget .widget-titlebar .inline-window-button-span > button.window-button,
#task2do-app-id .widget .minimize-widget .widget-titlebar .inline-window-button-span > button.window-button {
min-width: 2.5rem;
max-width: 2.7rem;
min-height: 1.95rem;
max-height: 2rem;
}
#task2do-app-id .widget.v-card > header.widget-titlebar {
background: rgba(6, 13, 64, .45);
}
#task2do-app-id .widget.v-card > header.widget-titlebar .widget-titlebar-title {
max-width: 40%;
white-space: nowrap;
overflow: hidden;
}
#task2do-app-id .container-titlebar-header {
font-weight: 400;
margin-bottom: .5rem;
display: inline-block;
}
#task2do-app-id .widget-titlebar .inline-window-button-span .window-button i.v-icon.notranslate.mdi {
/* The widget titlebar window button icon sizes */
font-size: 250%;
color: rgb(235, 245, 255);
/* filter: drop-shadow(.225rem .225rem .0875rem rgba(6, 6, 6, .99)); */
text-shadow: .15rem .15rem .15rem rgba(6, 6, 6, .75);
}
#task2do-app-id .widget.v-card .widget-titlebar .inline-window-button-span button{
margin: .125rem .25rem;
border-radius: 0.125rem;
}
#task2do-app-id .widget.v-card .widget-titlebar .inline-window-button-span button:nth-child(2) {
background: rgba(0, 50, 250, .25);
}
#task2do-app-id .widget.v-card .widget-titlebar .inline-window-button-span button:nth-child(3) {
background: rgba(50, 250, 0, .25);
}
#task2do-app-id .widget.v-card .widget-titlebar .inline-window-button-span button:nth-child(4) {
background: rgba(250, 50, 0, .25);
}
#task2do-app-id .semi-trans--tinted__background.widget.v-card.v-sheet.minimize-widget.v-sheet.theme--dark.navigator-position > header.v-sheet.v-toolbar:not(.widget-titlebar) {
background: rgba(13, 13, 13, .666);
}
/****************************************************************************
* Misc Buttons *
****************************************************************************/
#task2do-app-id .v-btn.v-size--default {
font-size: 1.0rem;
}
#task2do-app-id .v-btn:not(.v-btn--round).v-size--default {
height: 2rem;
min-width: 6rem;
padding: 0 .25rem;
}
#task2do-app-id .theme--dark.v-btn:hover::before {
opacity: 0.2;
}
#task2do-app-id.v-application--is-ltr .v-toolbar__content > .v-btn.v-btn--icon:first-child,
#task2do-app-id.v-application--is-ltr .v-toolbar__extension > .v-btn.v-btn--icon:first-child {
margin-left: 0rem;
margin-right: -0.5rem;
}
#task2do-app-id.v-application--is-ltr .v-toolbar__content > .v-btn.v-btn--icon:last-child,
#task2do-app-id.v-application--is-ltr .v-toolbar__extension > .v-btn.v-btn--icon:last-child {
margin-left: -0.5rem;
margin-right: 0rem;
}
#task2do-app-id .v-toolbar__content .v-btn.v-btn--icon.v-size--default,
#task2do-app-id .v-toolbar__extension .v-btn.v-btn--icon.v-size--default {
height: 2.5rem;
width: 2.5rem;
}
#task2do-app-id .v-btn--icon.v-size--default .v-icon,
#task2do-app-id .v-btn--fab.v-size--default .v-icon {
height: 1.8rem;
font-size: 1.75rem;
width: 2rem;
padding: .125rem .125rem 0 .125rem;
}
#task2do-app-id button.v-btn.v-btn--icon.v-btn--round.theme--dark.v-size--default {
color: rgb(75, 150, 200);
transition: color .05s cubic-bezier(0.4, 0, 0.6, 1);
}
#task2do-app-id button.v-btn.v-btn--icon.v-btn--round.theme--dark.v-size--default:hover {
color: rgb(100, 220, 250);
transition: color .05s cubic-bezier(0.4, 0, 0.6, 1);
}
/* .user-account-container .v-btn:not(.v-btn--round).v-size--default,
#task2do-app-id .container-close-btn {
height: 1.75rem;
min-width: 1.75rem;
padding: .0875rem 0.125rem .125rem .125rem;
margin: 0.5rem auto .5rem;
position: absolute;
right: 0.75rem;
font-size: 1.25rem;
margin: -.25rem 0 0 .125rem;
} */
#task2do-app-id .user-account-container .v-btn:not(.v-btn--round):not(.form-button).v-size--default,
#task2do-app-id .container-close-btn {
width: 2.5rem;
height: 2.25rem;
position: absolute;
min-width: 2.25rem;
min-height: 2.0rem;
max-width: 3.25rem;
max-height: 3rem;
padding: 0;
padding: 0.1rem .125rem .1rem;
right: 0.75rem;
}
/* #task2do-app-id .container-close-btn .v-btn__content {
font-weight: 900;
margin: 0 auto;
line-height: inherit;
height: max-content;
font-family: Gruppo;
padding: 0.35rem 0.25rem;
font-size: 2.15rem;
color: rgba(250, 25, 50, .985);
text-shadow: -0.05rem -0.05rem 0 rgba(200, 100, 100, .25);
filter: drop-shadow(.0875rem .0875rem 0 rgba(6, 6, 6, .99));
transition: .25s all ease-in-out;
} */
/* #task2do-app-id .container-close-btn .v-btn__content {
font-weight: 900;
font-size: 2rem;
font-family: Gruppo;
color: rgba(250, 25, 50, .985);
text-shadow: -0.05rem -0.05rem 0 rgba(200, 100, 100, .25);
filter: drop-shadow(.0875rem .0875rem 0 rgba(6, 6, 6, .99));
}
*/
#task2do-app-id .container-close-btn span.v-btn__content {
font-weight: 900;
font-size: 2.75rem;
line-height: unset;
font-family: Gruppo;
color: rgba(250, 25, 50, .985);
text-shadow: -0.05rem -0.05rem 0 rgba(200, 100, 100, .25);
/* outline: .0875rem solid; */
filter: drop-shadow(.0875rem .0875rem 0 rgba(6, 6, 6, .99));
}
#task2do-app-id .container-close-btn.v-btn__content:hover {
color: rgba(250, 200, 200, .95);
}
/* #task2do-app-id .user-account-container {
position: fixed;
left: 50%;
top: calc(50% - 0.5rem);
transform: translate(-50%, -50%) scale(1);
min-width: 55vw;
max-width: 90vw;
width: max-content;
min-height: max-content;
max-height: 85vh;
height: max-content;
margin: auto;
border: 2px solid rgba(255, 50, 50, .85);
border: .25rem inset rgba(225, 10, 25, .95);
box-shadow: 0 0 0.75rem 0.5rem rgba(250, 0, 25, 0.8);
border-radius: .5rem;
z-index: 30;
background: transparent;
} */
#task2do-app-id .user-account-container {
position: fixed;
display: block;
left: 50%;
top: calc(50%);
transform: translate(-50%, -50%) scale(1);
min-width: 50%;
max-width: 85%;
width: 100%;
min-height: max-content;
max-height: 95vh;
/* height: 83%; */
overflow: hidden;
margin: auto;
border: 2px solid rgba(255, 50, 50, .85);
border: .25rem inset rgba(125, 10, 25, .95);
box-shadow: 0 0 0.75rem 0.5rem rgba(250, 10, 20, 0.875);
border-radius: .5rem;
z-index: 30;
background: transparent;
}
#task2do-app-id .user-account-container .v-sheet header {
height: 2.5rem;
background-color: rgba(13, 13, 13, 0.9);
border-color: rgba(13, 13, 13, 0.9);
position: relative;
width: 100%;
padding: 0;
display: block;
margin: 0 auto;
}
#task2do-app-id .user-account-container .v-sheet header .v-toolbar__content {
position: absolute;
width: 60%;
left: 40%;
transform: translate(-10%, 0.25rem);
height: 2rem;
display: flex;
padding: 0.2rem .25rem .2rem .75rem;
margin: 0 auto;
}
/* element.style {
height: 101%;
display: block;
padding: 0.25rem .25rem 1.5rem;
} */
#task2do-app-id .user-account-container .v-card.v-sheet.theme--dark {
position: relative;
display: block;
width: 100%;
height: 100%;
min-height: 13rem;
padding: .75rem .75rem 1rem .05rem;
overflow: auto;
background: rgba(50, 13, 13, .5);
background: rgba(25, 50, 75, .95);
background: rgba(50, 66, 96, .975);
}
/*
* .container-close-btn.TM__red-glowing-outline.v-btn--outlined.theme--dark.v-size--default:hover,
*/
#task2do-app-id .container-close-btn:hover {
border: 2px inset rgba(250, 0, 0, .95);
box-shadow: 0px 0px .125rem .0875rem rgba(250, 0, 0, .75);
transform: scale(1.015);
transition: .13s transform ease-in-out;
color: rgba(250, 225, 225, .95);
}
#task2do-app-id .TS.L-header-section-container > .ts-header-row .ts-center-column > .app-title h1,
.app-title h1 {
font-size: 2.0rem;
letter-spacing: 0.75rem;
font-weight: 400;
padding: .5rem .25rem .0875rem;
margin: 0;
font-family: 'Gruppo', "Palatino Linotype", sans-serif;
text-shadow: 2px 2px 1px
rgba(0, 0, 0, .9);
font-weight: 700;
font-variant: small-caps;
}
.app-title p {
font-size: 0.9rem;
letter-spacing: 0.5rem;
font-weight: 400;
padding: .25rem .25rem .0875rem;
margin: 0;
}
.TS.L-header-section-container > .ts-header-row .ts-center-column > .app-title h1 > span,
.app-title h1 > span {
color: rgba(225, 10, 10, .9);
}
.TS.L-header-section-container > .ts-header-row .ts-center-column > .app-title h1 > span ~ span,
.app-title h1 > span ~ span {
color: rgba(250, 125, 15, 0.985);
}
.TS.L-header-section-container > .ts-header-row .ts-center-column > .app-title h1 > span ~ span ~ span,
.app-title h1 > span ~ span ~ span {
color: rgba(10, 225, 10, .9);
}
.TS.L-header-section-container > .ts-header-row .ts-center-column > .app-title,
.app-title {
display: inline-block;
line-height: 1.25rem;
margin-top: 0.75rem;
}
.TS.L-header-section-container > .ts-header-row .ts-left-column > a > img {
max-width: 100%;
max-height: 100%;
width: auto;
flex: 1;
height: 3.5rem;
object-fit: scale-down;
opacity: .65;
}
.TS.L-header-section-container > .ts-header-row .ts-center-column > .app-title p {
font-size: .9rem;
font-family: 'Prompt', sans-serif;
letter-spacing: .25rem;
font-variant: small-caps;
}
/* #task2do-app-id .v-content.semi-trans--tinted__background .v-card.v-sheet.theme--dark { */
/* background: rgba(13, 13, 13, .5); */
/* top: 3.0rem;
overflow-y: auto;
display: inline-block;
margin-top: -0.75rem;
display: block;
max-height: calc(80vh - 3rem); */
/* max-height: calc(100% - 3rem); */
/* overflow-x: hidden; */
/* position: relative; */
/* } */
/************************************************************************************
* widget styles *
************************************************************************************/
#task2do-app-id #widget-spinner-id .minimize-widget.semi-trans--tinted__background.widget.v-card.v-sheet {
overflow: hidden;
min-height: 8rem;
max-height: 9rem;
max-width: 25%;
min-width: 25rem;
}
/************************************************************************************
* Maximized widget styles *
************************************************************************************/
#task2do-app-id .widget .v-content.semi-trans--tinted__background .maximize-widget .v-sheet.theme--dark {
height: 74vh;
width: 98vw;
display: block;
position: absolute;
}
/************************************************************************************
* Minimized widget styles *
************************************************************************************/
/* #task2do-app-id .semi-trans--tinted__background.widget.v-card.v-sheet.minimize-widget { */
#task2do-app-id .widget .v-content.semi-trans--tinted__background .minimize-widget .v-sheet .container {
display: none;
}
/*
#task2do-app-id .semi-trans--tinted__background.widget.v-card.v-sheet.minimize-widget.v-sheet.theme--dark.navigator-position {
display: block;
min-width: 20rem;
max-width: 30vw;
width: 100%;
height: 15vh;
margin: 0;
padding: 0;
background: rgba(64, 64, 64, .666);
} */
/* #task2do-app-id .semi-trans--tinted__background.widget.v-card.v-sheet.minimize-widget.v-sheet.theme--dark.navigator-position {
height: 15vh;
max-width: 32vw;
width: 30vw;
min-width: 25%;
display: block;
margin: 0;
padding: 0;
background: rgba(64, 64, 64, .666);
} */
#task2do-app-id .semi-trans--tinted__background.widget.v-card.v-sheet.minimize-widget.v-sheet.theme--dark.navigator-position {
height: 6rem;
width: 30%;
min-width: 25%;
overflow: auto;
display: flex;
}
#task2do-app-id .semi-trans--tinted__background.widget.v-card.v-sheet.theme--dark.navigator-position .v-toolbar__content {
display: flex;
width: 100%;
margin: 0;
padding: 0 !important;
}
#task2do-app-id .semi-trans--tinted__background.widget.v-card.v-sheet.minimize-widget.v-sheet.theme--dark.navigator-position header {
display: block;
height: 6.66rem;
}
#task2do-app-id .semi-trans--tinted__background.widget.v-card.v-sheet.minimize-widget.v-sheet.theme--dark.navigator-position > header.v-sheet.v-toolbar {
display: block;
height: 2.5rem;
max-width: 100%;
width: 100%;
text-align: center;
border-top: .0975rem outset rgba(166, 166, 166, 0.666);
border-bottom: .15rem inset rgba(6, 6, 6, 0.666);
border-radius: .125rem;
}
#task2do-app-id .semi-trans--tinted__background.widget.v-card.v-sheet.minimize-widget.v-sheet.theme--dark.navigator-position button:not(.widget-titlebar):not(.window-button) {
min-width: 7rem;
/*! max-width: 45%; */
font-size: 80%;
margin: .25rem auto;
height: 2.25rem;
width: 40%;
}
#task2do-app-id .semi-trans--tinted__background.widget.v-card.v-sheet.theme--dark.minimize-widget.navigator-position .v-toolbar__content .inline-button-span {
width: 99%;
margin: 1.25rem auto;
display: flex;
padding: .25rem;
background: rgba(26, 26, 26, .35);
}
#task2do-app-id .semi-trans--tinted__background.widget.v-card.v-sheet.minimize-widget.v-sheet .container {
/* #task2do-app-id .widget .v-content.semi-trans--tinted__background .minimize-widget .v-sheet .container { */
display: none;
}
/****************************************************************************************/
#task2do-app-id .semi-trans--tinted__background.widget .v-sheet.theme--dark:not(header.v-toolbar),
#task2do-app-id .semi-trans--tinted__background.widget .v-card.theme--dark:not(header.v-toolbar) {
background: rgba(13, 13, 13, .05);
}
/****************************************************************************
* Widget Navigator Positioning Styles *
****************************************************************************/
/********** Styles for all widgets withing the navigator array***************/
/* #task2do-app-id .task2do-widget-spinner-container .navigator-position {
position: fixed;
z-index: 15;
background: unset;
border: 0.125rem inset;
border-block-color: rgba(13, 13, 13, .5);
border-inline-color: rgba(200, 200, 250, .5);
transition: 1.25s all cubic-bezier(0.25, 1.25, 0.75, 1);
transition: 0.666s all cubic-bezier(0.5, 1.25, 0.75, 1);
transition: 1.35s all cubic-bezier(0.5, 1.25, 0.75, 1);
transition: 3.33s all cubic-bezier(0.5, 1.25, 0.5, 1) !important;
} */
/****************************************************************************
* Centered & Focused Navigator Widget *
****************************************************************************/
#task2do-app-id #widget-spinner-id.task2do-widget-spinner-container .navigator-position.center {
top: 47.5%;
transform: translate(-50%, -50%) scale(1);
z-index: 30;
min-width: 65%;
max-width: 75vw;
min-height: 66%;
max-height: 75vh;
left: 50%;
position: fixed;
height: 100%;
width: 100%;
}
#task2do-app-id #widget-spinner-id.task2do-widget-spinner-container .navigator-position.center > .v-card {
position: relative;
display: block;
left: 50%;
top: 50%;
width: 75%;
min-width: 65%;
max-width: 85%;
min-height: 66%;
max-height: 80%;
transform: translate(-50%, -50%) scale(1);
z-index: 30;
}
#task2do-app-id #widget-spinner-id.task2do-widget-spinner-container .navigator-position.center > .v-card {
top: 47.5%;
transform: translate(-50%, -50%) scale(1);
z-index: 30;
min-width: 65%;
max-width: 75vw;
min-height: 66%;
max-height: 75vh;
position: absolute;
left: 50%;
height: 100%;
width: 100%;
}
/*
#task2do-app-id #widget-spinner-id.task2do-widget-spinner-container .navigator-position.center {
top: 47.5%;
transform: translate(-50%, -50%) scale(1);
z-index: 30;
min-width: 65%;
max-width: 75vw;
min-height: 66%;
max-height: 75vh;
left: 50%;
height: 100%;
width: 100%;
} */
#task2do-app-id #widget-spinner-id .semi-trans--tinted__background.widget.v-card.v-sheet.maximize-widget.navigator-position.center {
width: 100%;
position: fixed;
display: block;
max-width: 100vw;
margin: .5rem auto;
height: 85%;
top: 2.75rem;
transform: translate(-50%, 0rem);
max-height: calc(100vh - 8.5rem);
}
#task2do-app-id .semi-trans--tinted__background.widget.col.navigator-position.center .v-card.v-sheet,
#task2do-app-id .semi-trans--tinted__background.widget.v-sheet.navigator-position.center {
background: rgba(13, 13, 13, .75);
}
#task2do-app-id .semi-trans--tinted__background.widget.v-card.v-card--link.v-sheet.navigator-position.center .v-content.maximize-widget {
width: 100%;
max-width: 100%;
height: 85vh;
max-height: 90vh;
display: block;
position: absolute;
}
/* #task2do-app-id .semi-trans--tinted__background.widget.v-card.v-sheet.theme--dark.navigator-position {
position: fixed;
display: block;
left: 50%;
top: calc(50% - 2.125rem);
transform: translate(-50%, -50%);
overflow: hidden;
background: rgba(13, 13, 13, .35);
border: 0.125rem inset;
border-block-color: rgba(13, 13, 13, .5);
border-inline-color: rgba(200, 200, 250, .5);
transition: 1.25s all cubic-bezier(0.25, 1.25, 0.75, 1);
} */
/* box-shadow: .75rem .75rem .35rem rgba(13, 13, 13, .5); */
/* transition: 1.66s all cubic-bezier(0.75, 1.15, 0.5, 1); */
/* #task2do-app-id .semi-trans--tinted__background.widget.v-card.v-sheet.theme--dark.maximize-widget.navigator-position.center {
width: 100%;
position: fixed;
margin-top: 13.5rem;
display: block;
max-width: 100vw;
max-height: 100%;
height: 75%;
} */
/* #task2do-app-id .semi-trans--tinted__background.widget.v-card.v-sheet.navigator-position.center {
position: fixed;
display: block;
top: calc(50% - 2.125rem);
transform: translate(-50%, -50%);
width: 100%;
height: 75%;
border: 0.125rem inset;
/* left: 48%; */
/* max-width: 75%; */
/* max-height: 65%; */
/* transition: 0.666s all cubic-bezier(0.5, 1.25, 0.75, 1); */
/* } */
/*
#task2do-app-id .navigator-position.left1 .v-content__wrap,
#task2do-app-id .navigator-position.left2 .v-content__wrap,
#task2do-app-id .navigator-position.right1 .v-content__wrap,
#task2do-app-id .navigator-position.right2 .v-content__wrap {
transition: 1.666s background cubic-bezier(0.5, 1.25, 0.5, 1) !important;
background: rgba(13, 13, 13, .35);
} */
/* #task2do-app-id .navigator-position.left1 .v-sheet,
#task2do-app-id .navigator-position.left2 .v-sheet,
#task2do-app-id .navigator-position.right1 .v-sheet,
#task2do-app-id .navigator-position.right2 .v-sheet {
transition: 1.666s background cubic-bezier(0.5, 1.25, 0.75, 1) !important;
overflow:hidden;
background: unset;
} */
/* #task2do-app-id .navigator-position.center .v-content__wrap { */
#task2do-app-id .navigator-position.center .semi-trans--tinted__background > .v-content__wrap {
/* background-color: rgba(26, 26, 26, 0.9); */
border: 0.125rem inset;
border-block-color: rgba(13, 13, 13, .5);
border-inline-color: rgba(200, 200, 250, .5);
filter: drop-shadow(.75rem .75rem .35rem rgba(13, 13, 13, .5));
/* box-shadow: .75rem .75rem .35rem rgba(13, 13, 13, .5); */
/* transition: 6.66s all cubic-bezier(0.5, 1.25, 0.5, 1) !important; */
/* transition: 0.95s all cubic-bezier(0.75, 1.25, 0.5, 1) !important; */
overflow-y: auto;
overflow-x: hidden;
}
/*
.task2do-widget-spinner-container .calendar .v-calendar-weekly__day::after {
content: " 9AM11AM1PM3PM5PM";
}
*/
/*****************************************************************************
* Settings v-card Styles
****************************************************************************/
.task2do-widget-spinner-container .settings-widget.v-card.v-sheet.v-sheet--tile.theme--dark {
max-height: calc(100vh - 6rem);
overflow: auto;
top: 5rem;
max-width: calc(90vw - 6rem);
}
#task2do-app-id #task2do-settings {
position: fixed;
/* This was causing the settings window to persist */
/* display: block; */
margin: 0 auto;
max-width: 85vw;
max-height: 80vh;
width: 100%;
height: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: rgba(6, 6, 6, .5);
}
#task2do-app-id #task2do-settings .v-card__text {
overflow: auto;
height: 100%;
display: block;
width: 100%;
margin: 0 auto;
max-height: 100%;
}
/*****************************************************************************
* Treeview Styles
****************************************************************************/
.task2do-widget-spinner-container .v-treeview-node.v-treeview-node--leaf .v-treeview-node__content {
background: rgba(124, 7, 7, 0.85);
padding: .125rem .25rem;
line-height: 2;
height: 1.5rem;
font-size: 1rem;
color: rgba(13, 13, 13, 1);
border-radius: .125rem;
border: 1px solid rgba(225, 225, 250, .975);
}
.task2do-widget-spinner-container .v-treeview-node.v-treeview-node--leaf .v-treeview-node__content::before {
content: " \1F4DD";
margin-left: -2rem;
padding-right: 1.5rem;
}
.v-treeview-node.v-treeview-node--leaf .v-treeview-node__content.v-treeview-node--active {
border: 2px solid rgba(50, 200, 250, .975);
color: rgba(13, 13, 13, 1);
}
#task2do-app-id .task2do-cats .v-btn.v-btn--contained.theme--dark.v-size--default {
height: 1.5rem;
width: 11rem;
max-width: 15rem;
padding: 0 .25rem;
margin: .125rem .25rem;
font-size: 0.6rem;
text-align: right;
overflow: hidden;
background: transparent;
color: rgba(225, 225, 250, .95);
border: .0875rem solid rgba(13, 175, 225, .9);
transition: .75s all ease-in-out;
}
#task2do-app-id .task2do-cats .v-btn.v-btn--contained.theme--dark.v-size--default:hover {
border: .125rem solid rgba(13, 175, 225, .9);
transition: .15s all ease-in-out;
box-shadow: 0px 0px .0875rem .0875rem rgba(13, 175, 250, .95);
}
#task2do-app-id .v-treeview-node__prepend {
min-width: 0.5rem;
}
/*****************************************************************************
* Calendar Styles
****************************************************************************/
/* .v-calendar-weekly */
#task2do-app-id.v-application .v-calendar-monthly.v-calendar-weekly.v-calendar.theme--dark.v-calendar-events {
height: 78vh;
}
#task2do-app-id .calendar.navigator-position.center .semi-trans--tinted__background > .v-content__wrap {
overflow: visible;
}
#task2do-app-id .theme--dark.v-calendar-weekly .v-calendar-weekly__day {
border-right: #9e9e9e 1px solid;
border-bottom: #9e9e9e 1px solid;
color: #FFFFFF;
background: rgba(13, 13, 13, .1);
background: transparent;
margin-bottom: -0.75rem;
}
#task2do-app-id .v-calendar-weekly__day-label {
text-decoration: none;
user-select: none;
cursor: pointer;
box-shadow: none;
text-align: center;
margin: 1px 0 .25rem 0;
padding-top: 0.25rem;
background-color: rgba(13, 13, 200, .75);
height: 1.5rem;
}
#task2do-app-id.v-application .v-calendar-weekly__day-label .v-btn.v-btn--depressed.v-btn--fab.v-btn--round.theme--dark.v-size--small.transparent {
height: 1.25rem;
background: transparent;
}
#task2do-app-id.v-application .v-calendar .v-btn--fab.v-size--default {
height: 1rem !important;
width: 1rem !important;
}
/* .v-calendar-daily__body {
} */
.theme--dark.v-calendar-monthly,
.theme--dark.v-calendar-weekly,
.v-calendar.theme--dark.v-calendar-events {
background: rgba(13, 13, 13, .1);
background: transparent;
/*background: var(--monthly-background-image); /* url(../public/Month-backgrounds/December-dark.jpeg) no-repeat center; */
/* background-size: cover; */
}
#task2do-app-id .v-calendar .v-event {
position: inherit;
}
.v-calendar-weekly__day,
#task2do-app-id .v-calendar .v-event-timed {
/* background: rgba(200, 200, 225, .95);*/
min-width: .5rem !important;
min-height: .5rem !important;
transition: .13s transform ease-in-out;
}
#task2do-app-id .v-calendar .v-event-timed {
position: absolute;
white-space: nowrap;
text-overflow: ellipsis;
/* overflow: hidden; */
font-size: 100%;
line-height: 1.1;
cursor: pointer;
border-radius: 4px;
pointer-events: all;
transition: .15s transform ease-in-out;
}
#task2do-app-id .v-calendar .v-event-timed:hover {
z-index: 2;
transform: scale(1.05, 1.05);
transition: .15s transform ease-in-out;
}
/*
#task2do-app-id .v-calendar .v-event-timed:hover:not(.v-event-drag-bottom:active),
#task2do-app-id .v-calendar .v-event-timed:hover {
min-width: 15rem !important;
min-height: 4rem !important;
transform: scale(1.025, 1.075);
z-index: 7;
transition: .15s transform ease-in-out, .13s min-width ease-in-out, .13s min-height ease-in-out;
} */
#task2do-app-id .v-event-timed.white--text .v-event-draggable span {
/* width: calc(var(--calendar-visible-events__width) / var(--calendar-num-events)) !important; */
position: absolute;
top: 0.05rem;
left: 0.015rem;
height: 90%;
display: block;
width: calc(100% - 0.5rem);
margin-left: 0.15rem;
margin-right: -0.1rem;
margin-top: .125rem;
white-space: pre-line;
line-height: .95;
font-size: 80%;
text-overflow: ellipsis !important;
overflow: hidden;
font-family: Prompt;
z-index: 1;
text-align: left;
font-weight: 200;
color: rgb(225, 225, 225);
text-shadow: rgba(13, 13, 13, 0.85) 0.05rem 0.05rem 0.05rem;
transition: .15s all ease-in-out;
}
#task2do-app-id .v-calendar .v-event-timed .v-event-draggable:not(.v-event-drag-bottom) {
overflow: hidden;
width: calc(calc(var(--calendar-visible-events__width) / var(--calendar-num-events)) - calc(var(--calendar-interval-width) * .95));
transition: .15s all ease-in-out;
}
#task2do-app-id .v-calendar .v-event-timed:active .v-event-draggable:not(.v-event-drag-bottom),
#task2do-app-id .v-calendar .v-event-timed.selected .v-event-draggable:not(.v-event-drag-bottom) {
/* #task2do-app-id .v-calendar .v-event-timed:not(#task2do-app-id .v-calendar .v-event-timed:hover .v-event-draggable .v-event-drag-bottom):hover { */
/* max-height: 4rem; */
/* min-height: 4rem !important; */
/* left: 5%; *//* top: 2.5%; */
position: absolute;
z-index: 1000;
transform: translate(calc(25% + 1rem), calc(-150% + 1rem)) scale(1.5, 1.5);
width: calc(calc(var(--calendar-visible-events__width) / var(--calendar-num-events)) - calc(var(--calendar-interval-width) * .25));
height: 2.5rem;
margin: .125rem .25rem;
text-align: left;
padding: .25rem;
border-radius: .35rem;
border: .05rem solid rgba(225, 225, 250, .9);
background: rgba(13, 13, 13, .9);
background: inherit;
color: rgb(225, 225, 250);
transition: .15s all ease-in-out;
}
#task2do-app-id .v-calendar .v-calendar-daily__pane.zoomed-in .v-event-timed:active.white--text span.v-event-summary {
font-size: 70%;
}
#task2do-app-id .v-calendar .v-event-draggable i.v-icon.notranslate.mdi {
margin-left: calc(100% - 2.15rem) !important;
}
#task2do-app-id .v-calendar .v-event-draggable span.task-progress-percentage {
font-size: .75rem;
font-weight: 500;
background: rgba(230, 230, 230, 0.75);
color: rgb(200, 0, 0);
text-shadow: rgba(13, 13, 13, 0.75) 0.05rem 0.05rem 0.025rem;
/* border-bottom-right-radius: 0.25rem; */
border-top-right-radius: .25rem;
position: absolute;
/* right: 0.125rem; */
line-height: 0.8;
margin-top: -0.1rem;
margin-left: calc(100% - 2rem);
padding: 0.25rem 0 .15rem 0.25rem;
width: 2rem;
height: 1rem;
}
#task2do-app-id .v-calendar .v-event-draggable .v-event-summary {
overflow: hidden !important;
white-space: pre-line;
/* width: calc(calc(90vw / 7) - var(--calendar-interval-width)); */
width: 95%;
text-align: center;
}
#task2do-app-id .v-calendar .v-calendar-daily__pane.zoomed-in .v-event-timed.white--text .v-event-summary {
letter-spacing: .025rem;
font-size: .9rem;
font-weight: 500;
line-height: 1.25;
font-family: Prompt;
}
#task2do-app-id .v-calendar .v-calendar-daily__pane.zoomed-out .v-event-timed.white--text .v-event-summary {
letter-spacing: .005rem;
font-size: .5rem;
font-weight: 500;
line-height: 1;
font-family: Prompt;
}
#task2do-app-id .v-calendar .v-event-draggable.task-in-progress {
background: rgba(13, 13, 13, .25);
height: 1.75rem;
}
#task2do-app-id .v-calendar .v-event-drag-bottom {
position: absolute;
left: 0;
right: 0;
background: rgba(250, 250, 250, 0.5);
bottom: -.25rem;
border: .075rem dashed rgba(250, 250, 250, .95);
height: .35rem;
cursor: ns-resize;
border-bottom-left-radius: .5rem;
border-bottom-right-radius: .5rem;
transition: .15s all ease-in-out;
}
#task2do-app-id .v-calendar .v-event-drag-bottom:hover {
height: 1rem;
background: none;
border: none;
transition: .1s all ease-in-out;
}
#task2do-app-id .v-calendar .v-event-drag-bottom::after {
display: none;
position: absolute;
left: 50%;
height: 0.25rem;
border-top: .075rem solid white;
border-bottom: .075rem solid white;
width: 60%;
z-index: 1000;
margin-left: 0;
opacity: 1;
content: "";
transform: translate(-50%, 0%);
top: 25%;
padding: 0.05rem 0.25rem 0.15rem;
/* background: rgba(32, 32, 32, 0.95); */
}
#task2do-app-id .v-calendar .v-event-drag-bottom:hover::after {
display: block;
}
#task2do-app-id .theme--dark.v-calendar-weekly .v-calendar-weekly__day:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
border-left: 2px inset rgba(200, 215, 225, .975);
border-top: 2px inset rgba(235, 245, 255, .975);
background: rgba(200, 200, 225, 0.95);
z-index: 50;
-webkit-transition: .15s transform ease-in-out !important;
transition: .15s transform ease-in-out !important;
border-bottom: 2px outset rgba(100, 100, 100, .9);
border-right: 2px outset rgba(150, 150, 150, .9);
box-shadow: .75rem 1.25rem .75rem rgba(6, 6, 6, .85);
}
#task2do-app-id .v-calendar .v-event-timed.task-in-progress,
#task2do-app-id .v-calendar-monthly .v-event.task-in-progress {
box-shadow: 0 0 0 0 rgba(13, 13, 13, 0.95);
/* transform: scale(1); */
animation: pulse-animation-blue-green 2.6s infinite !important;
}
#task2do-app-id .v-calendar .v-event-timed.needs-immediate-attention,
#task2do-app-id .v-calendar-monthly .v-event.needs-immediate-attention {
box-shadow: 0 0 0 0 rgba(130, 13, 13, 0.95);
/* transform: scale(1); */
animation: pulse-animation-red 1.13s infinite;
}
#task2do-app-id .v-calendar .v-event-timed.task-in-progress::after {
content: 'In Progress';
font-size: 1rem;
position: absolute;
display: inline-block;
margin: auto;
margin-top: auto;
width: 100%;
text-align: center;
color: rgb(175, 200, 225);
font-weight: 700;
font-family: Prompt;
font-variant: all-small-caps;
text-shadow: .05rem .175rem .05rem rgba(130, 130, 230, .75);
letter-spacing: .1rem;
margin-top: .35rem;
/* background: rgba(13, 13, 13, .25); */
height: 1.5rem;
}
#task2do-app-id .v-calendar .v-event-timed.needs-immediate-attention::after {
content: 'Needs Immediate Attention!';
font-size: 1rem;
position: absolute;
display: inline-block;
margin: auto;
margin-top: auto;
width: 100%;
text-align: center;
color: rgb(250, 225, 225);
font-weight: 700;
font-family: Prompt;
font-variant: all-small-caps;
text-shadow: .05rem .175rem .05rem rgba(13, 13, 13, .75);
letter-spacing: .1rem;
margin-top: .35rem;
/* background: rgba(13, 13, 13, .75); */
height: 1.5rem;
}
.v-calendar-weekly__day-label {
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
margin: 1px 0 0 0;
line-height: 1.15rem;
padding-top: .25rem;
background-color: rgba(13, 13, 200, .75) !important;
}
.v-calendar-weekly__head-weekday {
-webkit-box-flex: 1;
-ms-flex: 1 0 20px;
flex: 1 0 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 0px .125rem 0px .125rem;
font-size: .9rem;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
font-weight: 900;
background: linear-gradient(0deg, rgba(200, 200, 225, .75) 0%, rgba(215, 220, 220, .35) 15%, rgba(215, 220, 220, 25) 30%, rgba(225, 225, 250, .01) 100%);
background: linear-gradient(0deg, rgba(200, 200, 225, .75) 0%, rgba(215, 220, 220, .35) 15%,rgba(215, 220, 220, .25) 30%, rgba(225, 225, 250, .01) 100%);
background: linear-gradient(92deg, rgba(190, 200, 200, .85) 0%, rgba(130, 135, 140, .85) 20%, rgba(110,115, 120, .85) 48.5%, rgba(85, 90, 95, .8) 59.5%, rgba(60, 65,70, .9) 75.5%, rgba(13, 13, 13, .95) 100%);
background: linear-gradient(90deg, rgba(190, 195, 195, .75) 0%, rgba(220, 225, 225, .85) 50%, rgba(245, 255, 255, .99) 100%);
background: linear-gradient(90deg, rgba(0, 0, 0, 0.95) 0%, rgba(13, 13, 13, 0.95) 50%, rgba(26, 26, 26, 0.95) 100%);
background: linear-gradient(rgba(170, 170, 175, .5) 0%, rgba(235, 235, 240, .95) 5%, rgba(195, 195, 200, .65) 13%, rgba(195, 195, 200, .5) 89%, rgba(75, 80, 85, .5) 100%);
background: linear-gradient(0deg, rgba(200, 200, 225, .66) 0%, rgba(215, 220, 220, .33) 15%, rgba(215, 220, 220, .11) 33%, rgba(225, 225, 250, .01) 99%);
background: linear-gradient(0deg, rgba(200, 200, 225, .66) 0%, rgba(215, 220, 220, .1) 75%,rgba(215, 220, 220, .05) 15%, rgba(225, 225, 250, .01) 100%);
background: linear-gradient(0deg, rgba(200, 200, 225, .75) 0%, rgba(215, 220, 220, .35) 15%,rgba(215, 220, 220, .25) 30%, rgba(225, 225, 250, .01) 100%);
background: linear-gradient(0deg, rgba(200, 200, 225, .015) 0%, rgba(215, 220, 220, .35) 15%,rgba(215, 220, 220, .25) 30%, rgba(225, 225, 250, .01) 100%);
background: linear-gradient(3deg, rgba(13, 13, 26, .1) 0%, rgba(13, 13, 26, .33) 33%, rgba(64, 64, 96, 0.91) 34.5%, rgba(215, 220, 220, .11) 66%, rgba(225, 225, 250, .01) 99%);
background: linear-gradient(5deg, rgba(13, 13, 26, .33) 0%, rgba(13, 13, 26, .33) 2.5%, rgba(64, 64, 96, 0.11) 10%, rgba(215, 220, 220, .11) 20%, rgba(225, 225, 250, .01) 99%), linear-gradient(.2deg, rgba(13, 13, 26, .33) 0%, rgba(13, 13, 26, .33) 2.5%, rgba(64, 64, 96, 0.11) 5%, rgba(215, 220, 220, .0) 10%, rgba(225, 225, 250, .01) 99%);
}
/* Calendar month view day header, turn round button into blue header */
.theme--dark.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
background-color: rgba(13, 13, 200, .7);
}
.task2do-widget-spinner-container .calendar .v-calendar-weekly__day .daily-timeslot {
text-align: left;
display: inline-block;
width: 100%;
border-bottom: 2px outset rgba(100, 100, 100, .75);
padding: .0875rem;
font-size: .75rem;
}
.task2do-widget-spinner-container .calendar .v-calendar-weekly__day .daily-timeslot {
text-align: left;
display: block;
width: 100%;
border-bottom: 2px outset rgba(100, 100, 100, .75);
padding: 0 0 0 .5rem;
font-size: .666rem;
line-height: 1.05rem;
margin: 0 auto;
height: 1.125rem;
transition: 0.95s color ease-in-out, 0.5s transform ease-in-out;
}
.task2do-widget-spinner-container .calendar .v-calendar-weekly__day span:nth-child(2) {
background: rgba(20, 20, 20, .25);
}
.task2do-widget-spinner-container .calendar .v-calendar-weekly__day span:nth-child(3) {
background: rgba(40, 40, 40, .25);
}
.task2do-widget-spinner-container .calendar .v-calendar-weekly__day span:nth-child(4) {
background: rgba(60, 60, 60, .25);
}
.task2do-widget-spinner-container .calendar .v-calendar-weekly__day span:nth-child(5) {
background: rgba(80, 80, 80, .25);
}
.task2do-widget-spinner-container .calendar .v-calendar-weekly__day span:nth-child(6) {
background: rgba(100, 100, 100, .25);
}
.task2do-widget-spinner-container .calendar .v-calendar-weekly__day .daily-timeslot:hover {
background-color: rgba(50, 175, 225, .9);
color: rgba(13, 96, 26, 1);
font-weight: 900;
transform: translate(1.125rem, 0) scale(1.25);
transition: .26s color ease-in-out, .13s transform ease-in-out;
}
/* #task2do-app-id .user-account-container {
position: fixed;
left: 45%;
top: calc(50% - 1.5rem);
transform: translate(-45%, -50%) scale(1);
min-width: 50%;
max-width: 85%;
width: 100%;
min-height: min-content;
max-height: 85vh;
height: min-content;
margin: auto;
border: .25rem inset rgba(125, 10, 25, .95);
-webkit-box-shadow: 0 0 0.75rem 0.5rem rgba(250, 10, 20, 0.875);
box-shadow: 0 0 0.75rem 0.5rem rgba(250, 10, 20, 0.875);
border-radius: .5rem;
z-index: 30;
} */
.landing-page-home {
background-color: rgba(26, 26, 26, 0.80);
border: 0.125rem inset;
border-block-color: rgba(13, 13, 13, .5);
border-inline-color: rgba(200, 200, 250, .5);
filter: drop-shadow(.75rem .75rem .35rem rgba(13, 13, 13, .5));
}
.ts-c-navbar-left {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 70%;
margin: .0875rem;
background: rgba(0, 100, 0, .6);
min-width: 30rem;
}
#task2Do-app-footer-id .trinix-copyright {
margin: 0 auto;
font-size: 66%;
line-height: .95rem;
letter-spacing: .15rem;
}
#task2Do-app-footer-id .trinix-fine-print p {
font-size: 50%;
font-weight: 300;
color: rgb(250, 250, 255);
letter-spacing: .025rem;
display: block;
margin-bottom: .0875rem;
}
#task2Do-app-footer-id .trinix-copyright h3 {
font-family: 'Tomorrow', sans-serif;
font-size: 90%;
font-weight: 400;
line-height: 1;
}
#task2Do-app-footer-id .trinix-copyright p {
font-family: Prompt;
font-size: 80%;
font-weight: 400;
line-height: 1.125rem;
letter-spacing: .25rem;
margin-bottom: .0275rem;
}
/*****************************************************************************
* Media Queries
****************************************************************************/
@media(max-width: 800px) {
/* #task2do-app-id .semi-trans--tinted__background.widget.v-card.v-sheet.theme--dark.maximize-widget.navigator-position.center {
height: calc(95vh - 6rem);
} */
#task2do-app-id .semi-trans--tinted__background.widget.v-card.v-sheet.theme--dark.maximize-widget.navigator-position.center {
position: fixed;
max-width: 98vw;
width: 100%;
max-height: calc(100vh - 10.0rem);
height: 100%;
}
}
@media(min-width: 1199px) {
#task2do-app-id .user-account-container {
max-width: 30rem;
}
.ts-c-navbar-left {
width: 60%;
}
#task2do-app-id .semi-trans--tinted__background.widget.v-card.v-sheet.theme--dark.maximize-widget.navigator-position.center {
position: fixed;
max-width: 97vw;
width: 100%;
max-height: calc(100vh - 8.5rem);
height: 100%;
}
#task2do-app-id .semi-trans--tinted__background.widget.v-card.v-sheet.theme--dark.navigator-position.center {
position: fixed;
/* top: calc(50% - 3.5rem); */
max-width: 77vw;
width: 100%;
max-height: calc(100vh - 11.5rem);
height: 75%;
}
}
/*****************************************************************************
* Pulse Animations *
****************************************************************************/
@keyframes pulse-animation-blue-green {
0% {
transform: scale(1.025);
box-shadow: 0 0 0 0 rgba(130, 130, 230, 0.95);
color: rgb(200, 220, 225) !important;
background-color: rgba(0, 75, 0, 0.95);
}
67% {
transform: scale(1.0);
box-shadow: 0 0 0 1.5rem rgba(130, 130, 230, 0);
color: rgb(13, 13, 13) !important;
background-color: rgba(0, 50, 100, 0.75);
/* background-color: revert; */
}
100% {
transform: scale(1.025);
box-shadow: 0 0 0 0 rgba(130, 130, 230, 0);
color: rgb(220, 220, 225) !important;
background-color: rgba(0, 75, 0, 0.95);
}
}
@keyframes pulse-animation-red-green {
0% {
transform: scale(1.025);
box-shadow: 0 0 0 0 rgba(13, 13, 13, 0.75);
color: rgb(200, 220, 225) !important;
background-color: rgba(150, 0, 0, 0.90);
}
75% {
transform: scale(1.0);
box-shadow: 0 0 0 1rem rgba(13, 13, 13, 0);
color: rgb(13, 13, 13) !important;
background-color: rgba(0, 150, 0, 0.75);
/* background-color: revert; */
}
100% {
transform: scale(1.025);
box-shadow: 0 0 0 0 rgba(13, 13, 13, 0);
color: rgb(220, 220, 225) !important;
background-color: rgba(150, 0, 0, 0.90);
}
}
@keyframes pulse-animation-red {
0% {
transform: scale(1.025);
box-shadow: 0 0 0 0 rgba(13, 13, 13, 0.75);
color: rgb(200, 220, 225) !important;
background-color: rgba(175, 0, 0, 0.95);
}
50% {
transform: scale(1.0);
box-shadow: 0 0 0 1rem rgba(13, 13, 13, 0);
color: rgb(13, 13, 13) !important;
background-color: rgba(50, 0, 0, 0.75);
/* background-color: revert; */
}
100% {
transform: scale(1.025);
box-shadow: 0 0 0 0 rgba(13, 13, 13, 0);
color: rgb(220, 220, 225) !important;
background-color: rgba(175, 0, 0, 0.95);
}
}
/*****************************************************************************
* Rotation Animations *
****************************************************************************/
@keyframes rotation-animation {
0% {
transform: rotate3d(0, 0, 1, 0Deg);
}
100% {
transform: rotate3d(0, 0, 1, 359Deg);
}
}
@keyframes rotation-variable-speed-animation {
0% {
transform: rotate3d(0, 0, 1, 0Deg);
}
40% {
transform: rotate3d(0, 0, 1, 1799Deg);
}
55% {
transform: rotate3d(0, 0, 1, 1979Deg);
}
85% {
transform: rotate3d(0, 0, 1, 3239Deg);
}
100% {
transform: rotate3d(0, 0, 1, 3599Deg);
}
}
/*****************************************************************************
* Misc
****************************************************************************/
#task2do-app-id .task2do-item {
line-height: 1.2rem;
width: 100%;
display: inline-block;
}
#task2do-app-id .task2do-item {
line-height: 1.2rem;
width: 100%;
display: inline-block;
}
#task2do-app-id .task2do-item .v-input--selection-controls__input {
display: inline-block;
}
#task2do-app-id .task2do-item .v-input--selection-controls {
margin-top: .25rem;
padding-top: .15rem;
display: inline-block;
}
/*****************************************************************************
******************************************************************************
*
*
* C S S S T Y L E S f r o m N O T E S . V U E
*
*
*****************************************************************************
****************************************************************************/
:root {
--position-transition: .75s;
--size-transition: .75s;
--opacity-transition: .75s;
}
.is-complete {
text-decoration: line-through;
}
#NotesWidgetId {
transition: .25s all ease-in-out;
}
#NotesWidgetId.fullscreenEnabled:fullscreen {
max-width: 100%;
}
/* div#NotesWidgetContainerId {
width: 100%;
max-width: 99.5vw;
margin: .125rem 0.15rem .125rem 0.5rem;
height: calc(100% - 0rem);
padding: 0;
display: flex;
position: relative;
transition: var(--size-transition) width ease-in-out,
var(--position-transition) margin ease-in-out,
var(--opacity-transition) opacity ease-in-out;
} */
/* #notes-list-container-id {
position: absolute;
display: block;
max-height: calc(100% - 6rem);
height: 100%;
overflow-y: auto;
font-family: 'Anonymous Pro',monospace;
margin: 0 0.025rem 0.15rem -.25rem;
padding: 0.125rem 0.25rem;
z-index: 110;
max-width: 40%;
transition: var(--size-transition) width ease-in-out,
var(--position-transition) margin ease-in-out,
var(--opacity-transition) opacity ease-in-out;
} */
/*
#notes-list-container-id.preview {
width: 40%;
z-index: 110;
max-width: 40%;
opacity: 1;
transition: var(--size-transition) width ease-in-out,
var(--position-transition) margin ease-in-out,
var(--opacity-transition) opacity ease-in-out;
}
#notes-list-container-id.edit-selected {
opacity: 0;
width: 1%;
transition: var(--size-transition) width ease-in-out,
var(--position-transition) margin ease-in-out,
var(--opacity-transition) opacity ease-in-out;
}
.note-widget-inner-container.left-container.full-width {
width: 1%;
}
#notes-list-container-id.preview.full-width {
opacity: 0;
width: 1%;
transition: var(--size-transition) width ease-in-out,
var(--position-transition) margin ease-in-out,
var(--opacity-transition) opacity ease-in-out;
} */
/*
#edit-notes-form-container-id {
max-height: calc(100% - 5rem);
height: 100%;
display: flex;
overflow-y: auto;
margin: 0.25rem .125rem 0rem;
padding: 0.125rem 0.25rem;
max-width: 49.5%;
position: absolute;
transition: .25s all ease-in-out;
} */
/* #edit-notes-form-container-id {
position: absolute;
display: block;
max-height: calc(100% - 6rem);
height: 100%;
max-width: 99%;
width: 1%;
margin: 0.025rem .15rem -.25rem;
padding: 0.125rem 0.25rem;
overflow-y: auto;
opacity: 0;
background: rgba(13, 13, 13, .985);
transition: var(--size-transition) width ease-in-out,
var(--position-transition) margin ease-in-out,
var(--opacity-transition) opacity ease-in-out;
}
#edit-notes-form-container-id.edit-selected {
width: 49.5%;
overflow: unset;
z-index: 101;
opacity: 1;
transition: var(--size-transition) width ease-in-out,
var(--position-transition) margin ease-in-out,
var(--opacity-transition) opacity ease-in-out;
}
div#edit-notes-form-container-id.edit-new {
width: 50%;
opacity: 1;
z-index: 101;
transition: var(--size-transition) width ease-in-out,
var(--position-transition) margin ease-in-out,
var(--opacity-transition) opacity ease-in-out;
}
#edit-notes-form-container-id.full-width-preview {
width: 1%;
opacity: 0;
transition: var(--size-transition) width ease-in-out,
var(--position-transition) margin ease-in-out,
var(--opacity-transition) opacity ease-in-out;
}
#edit-notes-form-container-id.full-width-edit {
width: 100%;
opacity: 1;
margin: 0 .125rem 0.5rem .125rem;
z-index: 101;
transition: var(--size-transition) width ease-in-out,
var(--position-transition) margin ease-in-out,
var(--opacity-transition) opacity ease-in-out;
} */
/* ******************************************************** */
/*
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container {
max-height: calc(100% - 6rem);
height: 100%;
}
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.right-container:not(.full-width) {
max-width: 99.0%;
width: 60%;
margin: .125rem 0.5rem;
margin-left: calc(40.25% - .0875em);
}
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.full-width {
max-width: 99.0%;
width: 100%;
max-height: calc(100% - 6rem);
height: 100%;
}
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.right-container.full-width.right-full-width {
margin: .125rem 0.5rem;
margin-left: calc(40.25% - .0875em);
opacity: 1;
}
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.right-container.full-width.left-full-width {
margin-left: 98%;
opacity: 0;
} */
/***************************************************************************************************
F O R M S t y l e s
**************************************************************************************************/
:root {
--form-height: 98%;
--form-field-gap: .125rem;
--upper-form-fieldset--height: 7rem;
}
#task2do-app-id .widget form fieldset textarea {
width: calc(100% - calc(var(--form-field-gap) * 4));
background: rgba(26, 26, 26, .975);
color: rgba(195, 195, 235, .975);
font-family: 'Anonymous Pro', monospace;
font-size: 1.0rem;
letter-spacing: .125rem;
font-weight: 600;
border: .15rem inset rgba(175, 175, 175, 0.975);
padding: .125rem;
caret-color: rgb(225, 225, 250);
padding: var(--inner-container-gap);
margin: var(--form-field-gap);
/* height: calc(90% - calc(var(--form-field-gap) * 4)); */
}
#task2do-app-id .widget fieldset:first-of-type {
height: var(--upper-form-fieldset--height);
}
#task2do-app-id .widget fieldset:last-of-type {
height: calc(var(--form-height) - var(--upper-form-fieldset--height));
}
/* #edit-note-form-id .row .col {
padding: .25rem .75rem;
} */
/* form#edit-note-form-id {
display: block;
height: 100%;
width: 100%;
margin: 0 auto;
} */
#task2do-app-id .widget form fieldset {
position: relative;
display: block;
width: 100%;
/* height: 100%; */
overflow: hidden;
margin: 0 auto;
padding: .125rem;
/* border: .15rem inset rgba(175, 175, 175, 0.975); */
border: .15rem inset rgba(128, 128, 128, .95);
border-radius: 0.25rem;
transition: .2s all ease-in-out;
}
#task2do-app-id .widget form textarea {
resize: none;
padding: .125rem .25rem;
/* position: absolute; */
/* display: block; */
margin: .125rem 0.25rem .125rem 0.25rem;
transition: .2s all ease-in-out;
}
/*************************** F O R M I N P U T F O N T S T Y L E S ***************************/
#task2do-app-id .widget form fieldset input {
background: rgba(225, 225, 255, .975);
color: rgba(6, 6, 6, .975);
font-family: 'Oxygen Mono', monospace;
font-size: 0.75rem;
letter-spacing: .05rem;
}
#task2do-app-id .widget form fieldset input:disabled {
width: 100%;
background: rgba(150, 150, 175, .95);
color: rgba(69, 50, 50, .95);
padding: .125rem;
}
/*************************** F O R M I N P U T F O N T S T Y L E S ***************************/
/*
#note-preview-id:not(.preview) {
max-height: calc(100% - 6rem);
height: 100%;
overflow-y: auto;
margin: 0.15rem 50% 1rem;
padding: 0.125rem 0.125rem;
width: 49%;
text-align: left;
position: absolute;
transition: var(--size-transition) width ease-in-out,
var(--position-transition) margin ease-in-out,
var(--opacity-transition) opacity ease-in-out;
}
#note-preview-id.full-width-preview {
max-height: calc(100% - 6rem);
height: 100%;
width: 100%;
margin: 0 .125rem 0.5rem .125rem;
z-index: 101;
transition: var(--size-transition) width ease-in-out,
var(--position-transition) margin ease-in-out,
var(--opacity-transition) opacity ease-in-out;
}
#note-preview-id.full-width-edit {
width: 50%;
margin-left: 98%;
opacity: 0;
transition: var(--size-transition) width ease-in-out,
var(--position-transition) margin ease-in-out,
var(--opacity-transition) opacity ease-in-out;
} */
/****************************** E N D O F F O R M S t y l e s*******************************/
/*
#note-preview-id.edit-mode {
max-height: calc(100% - 6.25rem);
height: calc(100% - 3rem);
overflow-y: auto;
margin: 0.05rem calc(50% - .125rem) 0.5rem;
padding: 0.125rem 0.125rem;
max-width: 49%;
text-align: left;
display: flex;
transition: 1.25s all ease-in-out;
} */
/* textarea#edit-note-body-textarea-id {
max-height: 97.5%;
resize: none;
min-width: 98.5%;
max-width: calc(100% - 0.75rem);
padding: .125rem .25rem;
position: absolute;
display: block;
margin: .125rem 0.25rem .125rem 0.25rem;
font-size: 0.75rem;
font-family: 'Oxygen Mono', monospace;
letter-spacing: .05rem;
} */
/*
textarea#edit-note-body-textarea-id {
max-height: 95.25%;
resize: none;
max-width: calc(100% - 0.75rem);
padding: .125rem .25rem;
position: absolute;
display: block;
margin: .125rem 0.25rem .125rem 0.25rem;
font-size: 0.75rem;
font-family: 'Oxygen Mono', monospace;
letter-spacing: .05rem;
} */
/*
@media (min-width: 1400px) {
#notes-list-container-id {
max-height: calc(100% - 6rem);
height: 100%;
display: inline-block;
width: 100%;
overflow-y: auto;
margin: 0 0.025rem 0.15rem -.25rem;
padding: 0.125rem 0.25rem;
max-width: 35%;
width: 100%;
position: absolute;
}
#note-preview-id {
max-height: calc(100% - 6rem);
height: 100%;
width: 100%;
overflow-y: auto;
display: inline-block;
margin: 0 calc(35% - .0875em) 0.5rem;
padding: 0.125rem 0.125rem;
max-width: calc(85% - 1rem);
position: absolute;
}
} */
/* #edit-note-form-id > fieldset label {
line-height: 1.25rem;
} */
/*************************************************************************************************************************************************
CSS Experiments with notes form
*************************************************************************************************************************************************/
/* #notes-list-container-id > .note-item {
height: 2.15rem !important;
z-index: -1;
} */
#notes-list-container-id > .note-item {
height: 1.75rem;
line-height: 2;
display: block;
white-space: pre;
overflow-x: visible;
min-height: 1.15rem;
max-height: 2.15rem;
transition: .25s transform ease-in-out;
text-align: left;
font-size: .9rem;
}
/*
.note-item:hover {
background: rgba(150, 150, 150, .25);
cursor: pointer;
} */
#notes-list-container-id > .note-item:hover {
transform: translate(.5rem, .125rem)scale(1.05);
cursor: pointer;
/* background: rgba(69, 69, 69, .15) !important; */
border: .1rem outset rgba(225, 225, 250, .9);
border-radius: .125rem;
filter: drop-shadow(.125rem .125rem .5rem rgba(226, 6, 6, .95));
}
#notes-list-container-id > .note-item span:first-child {
font-family: Roboto, monospace;
letter-spacing: .035rem;
margin: .1rem .125rem;
font-weight: 600;
padding: .125rem;
font-size: 85%;
}
/* #notes-list-container-id > .note-item span:not(:first-child) {
font-size: 0.9rem;
margin: .1rem .125rem;
font-weight: 600;
padding: .125rem;
} */
#notes-list-container-id > .note-item span:not(:first-child) {
/* font-family: monospace; */
/* font-family: Raleway, monospace; */
/* font-family: Roboto, monospace; */
/* font-family: Tomorrow; */
/* font-family: Prompt; */
letter-spacing: .05rem;
font-weight: 300;
font-size: 95%;
margin: .5rem .15rem;
padding: .125rem .125rem;
}
/* #notes-list-container-id > .note-item:nth-last-child(1n + 20) span:first-child {
color: rgba(175, 25, 25, .95);
}
*/
#notes-list-container-id > .note-item:nth-child(3n) span:first-child {
color: rgba(225, 25, 0, .995);
}
#notes-list-container-id > .note-item:nth-child(3n+1) span:first-child {
color: rgba(50, 250, 50, .995);
}
#notes-list-container-id > .note-item:nth-child(3n+2) span:first-child {
color: rgba(0, 125, 225, .995);
}
/*
#notes-list-container-id > .note-item {
font-family: 'Anonymous Pro',monospace;
font-size: 0.9rem;
margin: .1rem .25rem;
padding: .125rem;
}
*/
#notes-list-container-id > .note-item:nth-child(even) {
background: rgba(26, 26, 26, .995);
}
#notes-list-container-id > .note-item:nth-child(odd) {
background: rgba(6, 6, 6, .9);
}
#notes-list-container-id > .note-item.note-item-selected {
background: rgba(150, 175, 200, 0.75);
color: rgb(6, 6, 6);
border: .1rem inset rgba(225, 225, 250, .9);
border-radius: .125rem;
}
/*************************************************************************************************
End of CSS Experiments with notes form
*************************************************************************************************/
/* @font-face {
font-family: 'Gruppo';
src:
url('https://trinixsoft.com/css/trinixLIB/typography/TechySans-fonts/Gruppo/Gruppo-Regular.ttf') format('truetype');
}
*/
/* @import url('https://trinixcs.com/css/blog-file_folder_icons.css'); */
@import url('https://fonts.googleapis.com/css?family=Gruppo');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono');
.gruppo-style {
font-family: 'Gruppo', cursive;
}
#task2do-app-id .widget {
/*Reset counters we may need*/
counter-reset: trinix-tip-counter;
/*font-size: calc(16px + 0.15vw);
* */
--trinixcs-base-font-size: 1.125rem;
--indent-offset: 2rem;
--code-block-indent-offset: 2rem;
--brandon-48px-avatar-base64: transparent url('data:image/png;base64,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') no-repeat left center;
--katie-48px-avatar-base64: transparent url('data:image/png;base64,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') no-repeat left center;
--privatesmiles-48px-avatar-base64: transparent url('data:image/png;base64,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') no-repeat left center;
--bk-devteam-48px-avatar-base64: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAIAAADYYG7QAAAAB3RJTUUH4wQNCgQzjcWcVQAAAAlwSFlzAAAXEQAAFxEByibzPwAAAARnQU1BAACxjwv8YQUAAAz7SURBVHjazVl5bBzlFf+umdldr+3YOSFxOGICubgDgYRAIYpaBKXhUDkregD9A6SKtvSuhKpWVWlLK6S2VAJBKWdROQUCFKgCJBwJmJgQfOQgcQ4fsb327uzMfN/3Xt836yRO6g02alXGlr2e3Zl533u/473PfGDOSvZ5OtR4PmQZSsY/w933QdKORU6XIlsiG/9rAT1d6n662JNYfaKfB8626PBb9bMWZyfXMVEliOF1MPgCdAMCRQOIggtm2EKWv1o1ncDzU4Rf7Vn8yCVrKxfeM6U7+9v6jKZ1ApcSuRbGR/+b9TNurG2a6+UYPyR5K6I16H5LZMh5JTsuKjqFiJzJKcJ7zF9c7YmCHfH4fqHjr0M7QgDfo1wKZGCFlSi0tE8M775477s39LVIPPj5dbaf/nJhcC4OxonornXhIcc+iFbEb7RDcQIB0a16dfSTvrZ10fBWpZnvUdqZR/kJAq6EVAHKIclKgq0rDtzet/nAhT+zHzMu0xtQgtJYRu6H+1NFf7ng2nB4AhgyDNpAP1/uVZI98osbm46ZmjPAuEFUhoMnhTRgKANWLL/p98+E3XexeSMrQVeXr61adsMl5yqXEQ7WFcvVjNakFEJsioUvfee+arkYOyDJBN0mRiYFnn9a84bWLa98vJtxuPmyxQz8DR3bN3y8i5Z982XLlp15/OrX2ytX7YM4RTEVSz352kfvd3SdMGvaOQuaFh43feO2ntc/2NrZ1bd4XtM1FyygaLZhaQIls9zSkoxICJb3/nPdKxs67n9x3ezpdTff9fRfnl+3+v3tv3roFcPlTb95cueeIlQuQbxNb5QOPKx1azcwfOTld3d0923c2nPpjx6iM+27+h988e3+Mjz6aitV71mz63e6kx2o6oFc/LBxzhgYQjZz7kxz2vQN7Z/cesW5+4bCt1p3cim+/sXTL1m6oLVz94ftuwdDuP3ypX98YvVtFy9f2i0tgwfMzgVzpq1YMvfKlUsm19eEsZ3RUHfuotm3Xr5cCegvhNMm5b96wYIvnH4s0YJq3tLXc41qYocq3Ni0p5hhTp13y8L1XT2vvbfljutWCCqg9WPFFBrOfHq8ZAjI7n745TtWXZh8903Ozcpo7XWXnXH9V66QPFEQOfExCEoY5gmWCCo5ygCgqLgCfPjZt5546tVnMueMC0OcpLlzyP5y/cx5tcxD0TBDzDpdstjjAUPjgUwks73b2e5NTW8M6PY36STViL4fem6DiPWChfNPO/mkXPP56GcV4zWMa0IBk8B0vPkFEcHfnnqp5eMdEwC1C4kSWYin1c743lVnSL8+mD6X6mhT/hJpPdCsHGnx0RVHHSP2FkGQwlQWwh546YMbc41nzW9WU2ejX8+ET4lUpKl0NUQRq0W968EX19OdcmmxSA84fnpAh1VQEHlRKEEkAsvjoaF3HyMZGik/On3ZLzrpGUHaxez6f3B/cn7xFSKV+GjTy+WBrkAPGhh5/iTmjZdlo0DvHkD6w8v7oNTHwl4oDeqoyMxwTM8cTkbSkqb02/LYCmPe39QhhODJkNAFCPsh3GfK/RiX/HIRRdCytafCrFXezAqBxlOy/XV76RM2ybfnmeG9Gy1ykkQGOuaZHLcwBOwHa5CTYo2sapmc/Gf7Cb3Y2La9dVPH/IVzZWmwuPZ+V2W6FaGanJDxR198i6dWp3CMDmJs2lcOD0QsmOwo4JCGrQVxwjQhBXAhhyPx9HbW2Yfbhq1gAXICCEWf5+oMUR+g2Irl3r7hvb39LR27TznxWO4qzVs3d760dlPb5l3/erNlCs8s441XqZk+P7xER8pQLKyo9RWXsLEPJgG7dJ4F4zOpeyPbshcEUw0+DoY46iYLRd1Cv+54XbO9I6zr7Fo/nxKzlCP6PNO6ZuPOt7svUlO/IY9ZJY/GKv3VkdoPajPYqrneubNT1xLCJ1HxAKw0ViVkkBYKYH67hsB9sH3DlDWE6EW1/i2nakqAl5E8BJPhmJg3etQjm4kdnCSsCnqrgtrUel5zo9/o81qFWQkZQULjaesZNAHHQOqcgJmeWjAdpmeBwUHY0c95+YET/ZBpKX0FiUrqCGlSZLwzj4b5eV2vQMCBByl7SJWqKjVvrrdXHy1zGWycjMxIIEQZAS5ZKFCAr+kn+V1pmO0Y8O9uB3Fwbfqu+ZDo++WWiBkYxSKyuVvKJ9Z8YvH+bdU64ioYorJTJ60EE062JPic0Cspz3TeRzQO21Qy4eUNhLXEPVVJEk9FSVk/8VhowzLxChTb3xwZISGbg2zsZKsKiKqUjISH7k3sSN/HkAQoxhLBmxokgpYo9SUwHJB/hJ7QlC+dMPCY9dCmj8nwnAmk8AUStUkujFMbTtqa+JCQz7iwqxyiylmRugStAl1rFZigVkmfHpeQaYFEn4CVK7uOFrhfJ8N7ltgLJxlZxh8vwDtPZve2F98Zmg2TczKg7ruBNwjkPvOmiDpBxqzc/asFVKVkWAkrDQqpZWWstlIROdLR19AnXAnpSVrxIInZSTX6detrXcry/JDx2wevOu8UqOGHrJkUa6gbK9rOJxTQ+A7qQNjfO1QG9SWzBPcyiWekrDEe4Z3E2bEHGP80cxofhsZ3UPV4r7ZDhgLALMNFDdgxVI7LjAcesYtoUB0r/5OAHMR0onkMYNjUwF47S+4oBT/vFDuGnTwYC96E7z++C9BxmqfcNUzQTFQWzqDcaT/gXVa1FthAAl4GPK49J8JkOx7BzUinyXSZtU7tq5J9IgGVIIlMLNxgRvwGBTTPgGexZGMaronDfgHl472ipSCkJjJ51n1UI+XHMqdbNFXSJKI0Nb3jOD4F1HS/1XF7BGaayPtcem4YlhGLi6BLqDPc/zLljBsaHs2aPcFAHO8ooyTxYSGH1dDOYzya11PtSNXzLNgOAyvY1M8YEADZOrIMCzHqxMGNppuI6jtlojS5FpHiO00dZZBaVEkYErFv3x0OmBsoqTwNEJwtmj7A3ueiNt9apbIr/NlLvGamC0cG+tgBUdulOgri3giXzlp2UfPJIlkXbt1jhxwQ3OTFa7h/djB7eTCHwVoaaai7lWhZhebAbcquo1hNY02DRdgQ7Z7Lp5wimzGK5B/araZlubZ2AgEBWsk91g2ElOPVVJqhmmrrHy+9v9sWCEx5lrmkftE8mDzmLcHpqZsECDpW0LcxKvZorg60iqXZZSRJFNI7fAIBEdYtWaHr7umXdikRwSktvDTLaffybZmTz58Wi8RJ438GlD5IOgZwVuQr74kv3CmC6yeJhRJlgtJSzpzvVylclbks7UmJ2ajplaOuD3D6a/ysLpqtEC+eSkQCMvyxOErex10wYBWhXaiEZSOZCIUeCZZw/lhx7Cr8r7Idwyt7TDQ9Vy52ti+pMXagJhQJq6zk1SSFIO+ILiwLhOsMtXTKJEnP0/ZNcHn4qPGpAf0fj893QLhfIiijVB+SF8tHv6vdaSTAHqQXFdO4sjodZ+luFTgUkVRJHBkg3SbDfstwWq/dru7IZzHdERgdwyhQp5uAlRdEhIgD6bLN8Ew6fBMkEoyNiciPfB0H4DSbgK09qTXLE73TKxNqCIGwnEiTU9JtesUmlqDJcKRSJkroc8R9acBXZLwOq4dphxoVD8FNUCg08AjnQDQGR7WSC/ItTTnBGCFGckvHPmdqNMEr0Z0Me8Lk0OPCbXGENiYHiwObg/zkBDAnixhJGwc6YkkkhdyjQul6XlHLJGn9SGLZ/lwcEhACRRMmMU0WJEHecbXZU5v58ZOooxdInSpzVEk3na0my3fdv7a27tQpum14YMsAWVq6Fw0iI4OlTZnjZkSW+TJLZ+lktjJLSzFp5XHJO7vKPVFoynEaiGIqp4IKYJwJH0QDjW8cDGjXghsj6vL5C+fIrDxQYuNaLvqi2ESqUfSGp65alNtje376HGU23fHkqEzjtWeTMluhYxvSOikfUX+YIVRmVO7KU+GYBu9PGwy3mgYqJ9i8EsrhGeLpyJP3c4mwZW2LHxa8+9azGsWMTRTpGvd6osSlGEprt/FswEohz2cwr5IhQo3yaQgQXlGHvMT2/frVzKxaGjVkaE3XoEegfPajcneZ1XBNYXeVtBsUuCdE1suo/TOs28WmyEYPijztvamVKUUhSZ+l/JMNCkIwpZsGDEtC6fIF3OPkAgYV+OBsK2KsTmSz3C/okLoReqhh1ieboKkpodmb3AcC9/8SKrxrtck+uDNLVaOyI7vYY2DIeapzRslVPlvnKkMsl27fzCMeW0YNBzVdTCmyXrpvHcsgEmGo7+J1bo/fCXSN7x5AvAgM04G0SZLJSR5Tp0YtQDrBOHoi+g6PRDDiDCCO/ufEoXN1xShcElzlCVUcnPHQelwcxCxBc6IlhUICn4OUUambOutKe363HkI/tWSKq8RkmYypQQpEulxw414KQzf0ptt5LryR7YmR49/a7B5QIQjMPgAAAABJRU5ErkJggg==') no-repeat left center;
} /*end root selector */
[data-avatar-name] {
vertical-align: middle;
--tcs-avatar-size: 48px;
height:var(--tcs-avatar-size);
margin: 2px 4px;
display: inline-block;
background: var(--note-modal-48px-avatar-base64);
background-size: contain;
}
[data-avatar-48px],
[data-avatar-48px-withname] {
height: 48px;
margin: 2px 4px;
display: inline-block;
background: var(--note-modal-48px-avatar-base64);
background-size: contain;
}
span[data-avatar-name],
img[data-avatar-name]
{
/*Default width: 48px; */
display: inline-block;
height: var(--tcs-avatar-size);
line-height: calc(var(--tcs-avatar-size) * .5);
padding-left: calc(var(--tcs-avatar-size) * 1.125);
/*
*
padding-bottom: calc(calc(var(--tcs-avatar-size) - var(--trinixcs-base-font-size)) * 1.5); *
*/
/*size of avatar + 2px so text isn't hugging right edge */
padding-top: calc(var(--tcs-avatar-size) * .25);
font-family: 'Gruppo', serif;
font-size: calc(var(--trinixcs-base-font-size) * 1.25);
font-weight: 800;
/* This awesome calc puts the text after avatar smack dab in middle, well provided txt is 1rem tall
This leave room open for improvement based on css variables */
}
[data-avatar-name="brandon"]
{
--note-modal-48px-avatar-base64: var(--brandon-48px-avatar-base64);
}
/*
[data-avatar-name="brandon"]::after {
content: "Brandon";
margin-left: 3rem
}*/
embed[data-avatar-name="brandon"]::before {
content: ' Brandon:';
padding-left: 2px;
}
[data-avatar-name="katie"]
{
--note-modal-48px-avatar-base64: var(--katie-48px-avatar-base64);
}
embed[data-avatar-name="katie"]::before {
content: ' Katie:';
padding-left: 2px;
}
[data-avatar-name="bk-devteam"]
{
--note-modal-48px-avatar-base64: var(--bk-devteam-48px-avatar-base64);
}
embed[data-avatar-name="bk-devteam"]::before {
content: ' B&K DevTeam:';
padding-left: 2px;
margin-left: var(--tcs-avatar-size);
line-height: var(--tcs-avatar-size);
}
/* END OF AVATAR SECTION */
/* NAVIGATION */
.site-title a, .site-header .site-branding .site-title a:visited, .site-header .site-branding .site-title a:hover, .site-description {
color: rgba(255, 255, 255, 1);
text-shadow: 2px 2px black;
}
#page {
width: fit-content;
max-width: 100%;
/* margin: 0; */
min-width: 95%;
min-width:99%;
}
.site-header {
width: 100%;
}
.main-navigation {
background:rgba(0, 0, 0, .85);
height: 5.0rem;
padding-top: 1.5rem;
}
.main-navigation .menu .menu-mobile {
background: rgba(13, 13, 13, .85);
border:2px solid rgba(0, 0, 250, .9);
border-radius: .125rem;
box-shadow: 2px 6px 8px rgba(13, 13, 13, .9);
color: rgba(210, 200, 200, .9);
padding-top:0;
}
.main-navigation .menu .menu-mobile li a {
transition: none;
}
/*
.navigation-container {
transition: all .25s ease;
}
*/
.navigation-container ul li a {
color: rgba(210, 200, 200, .9);
transition: all .2s ease;
}
.main-navigation .menu .menu-mobile menu-item {
padding-left: .25rem;
}
.main-navigation .menu .menu-mobile menu-item:hover:active {
background: rgba(0,0, 150, .4);
color: rgba(13, 13, 13, 1);
}
.main-navigation .menu .menu-mobile li:hover:after
{
color: rgba(13, 13, 13, 1);
}
.main-navigation ul>li.current-menu-item>a {
color: rgba(13, 13, 13, 1);
}
.main-navigation ul>li.current-menu-item>a:after, .main-navigation ul>li>a:hover:after {
background-color:rgba(0,0,250,.9);
width: 100%;
height: .25rem;
}
.main-navigation {
text-align: left;
bottom: 0;
/*top: unset;
*/
height: 4.5rem;
}
.main-navigation .menu ul {
margin-bottom:0;
margin-top:0.0rem;
top: unset;
}
.main-navigation .menu ul.menu-desktop > li > a {
padding-left:.5rem;
height: 3rem;
transition: .2s all ease-in-out;
}
.main-navigation .menu ul li > a > .menu-description {
background: rgba(0,0,0,0);
border: 1px solid rgba(2553, 13, 13, .9);
border-radius: .25rem;
box-shadow: 4px 4px 4px rgba(13, 13, 13, .8);
position:absolute;
display: block;
opacity: 0;
padding: .5rem 1rem;
font-size: .75rem;
letter-spacing: .075rem;
/* margin-left: 5px; */
top: -8rem;
left: -5rem;
min-width: 20rem;
height: fit-content;
width: fit-content;
transition: .15s opacity ease-in-out;
}
.main-navigation .menu ul.menu-desktop > li > a:hover > span {
background: rgba(13, 13, 13, .95);
opacity: 1;
color: rgba(255, 255, 255, 1);
transition: .95s opacity ease-in-out;
}
.main-navigation ul>li.current-menu-item>a {
display: inline-block;
background:rgba(0,0,155,.6);
border: none;
color: rgba(13, 13, 13, 1);
color: rgba(250, 240, 240, 1);
padding-left:.5rem;
}
/* END OF NAVIGATION STYLES */
#task2do-app-id .container {
width: auto;
max-width: 98.5%;
}
#task2do-app-id .v-main__wrap.v-content__wrap {
max-width: 100%;
width: 100vw;
}
.content-area {
min-width: 79%;
}
.widget-area {
min-width: 20%;
max-width: 250px;
width: fit-content;
/* max-width: 20%;
*/
}
/*LIST OF FONTS TO CHOOSE FROM
* ------------------- */
/*
font-family: 'Gruppo', serif;
font-family: Roboto;
font-family: Raleway;
font-family: Georgia;
font-family: verdana;
*/
/*---------------------*/
#task2do-app-id .widget p {
display: inline-block;
color: rgb(230, 235, 250);
line-height: 1.4;
font-family: 'Raleway';
font-size: 0.85rem;
}
#task2do-app-id .widget li {
color:rgb(225, 225, 240);
/*! list-style: square; */
font-size: 1rem;
list-style-type: none;
line-height: 1.5;
}
#task2do-app-id .widget ul li::before {
font-size: 1.25rem;
content: '[]-';
letter-spacing: 0.75rem;
font-family: Prompt;
font-weight: 900 bold;
margin-top: 1rem;
display: inline-block;
}
#task2do-app-id .widget span.emphasised-item-date {
font-weight: 900;
font-size: 1.15rem;
text-decoration: underline;
text-decoration-thickness: auto;
text-decoration-line: underline;
text-decoration-style: solid;
margin-right: .75rem;
display: inline-block;
text-decoration-thickness: 0.1rem;
text-underline-offset: 0.25rem;
width: 5rem;
text-align: justify !important;
font-family: "Roboto mono";
letter-spacing: -0.025rem;
}
#task2do-app-id .widget span.emphasised-item-date::after {
text-decoration: none !important;
content: ': ';
}
#task2do-app-id .widget pre {
margin: .125rem auto 1.25rem;
padding: .125rem 2.5rem .125rem 0.5rem;
width: max-content;
font-family: 'Roboto Mono', monospaced !important;
font-size: 80%;
line-height: 1.5;
background: rgba(150,155,160, 0.2);
border: .1rem inset rgba(13, 13, 13, .5);
border-radius: .25rem;
overflow: auto;
word-break: normal;
word-wrap: normal;
box-shadow: .33rem .33rem .75rem -.125rem rgba(13, 13, 13, .33);
}
#task2do-app-id .widget code {
background: rgba(13, 13, 13, .975);
color: rgba(200, 225, 250, 1);
font-size: 90%;
}
#task2do-app-id .widget em {
font-weight: 600;
background: rgba(0, 0, 0, .1);
padding: 0 .125rem;
}
/* Entry Classes
*---------------------*/
.entry-header h1 {
font-size: calc(var(--trinixcs-base-font-size) * 2.0);
font-family: 'Gruppo', cursive;
font-weight:600;
}
.entry-header h2 {
font-size: calc(var(--trinixcs-base-font-size) * 1.75);
font-family: 'Gruppo', cursive;
border-bottom: 2px solid rgba(13, 13, 13, .9);
box-shadow: 2px 2px 2px rgba(13, 13, 13, .5);
}
.entry-content-wrap {
font-size: calc(var(--trinixcs-base-font-size) * .85);
padding: .5rem .25rem;
}
.entry-content h1 {
margin-top: 1.90rem;
font-size: calc(var(--trinixcs-base-font-size) * 2.5);
font-family: 'Gruppo', cursive;
border-bottom: 2px solid rgba(13, 13, 13, .9);
box-shadow: 2px 2px 2px rgba(13, 13, 13, .5);
box-shadow:0px 2px 2px -.10rem rgba(13, 13, 13, .5)
}
.entry-content h2 {
margin: 1.75rem -.25rem .75rem -.125rem;
padding-left: 1.5rem;
font-size: calc(var(--trinixcs-base-font-size) * 1.65);
font-family: 'Gruppo', cursive;
letter-spacing: 0.333rem;
background: linear-gradient(0deg, rgba(200, 200, 225, .66) 0%, rgba(215, 220, 220, .33) 11%, rgba(215, 220, 220, .33) 33%, rgba(215, 220, 220, .011) 66%, rgba(225, 225, 250, .0) 101%);
border-bottom: .125rem solid rgba(13, 13, 13, .5);
/*box-shadow: 1px 3px 0.05rem -.04rem rgba(13, 13, 13, .5);*/
box-shadow: 0.125rem 0.75rem 0.75rem -.5rem rgba(13, 13, 13, .25);
border-bottom-left-radius: .25rem;
}
.entry-content h3 {
font-size: calc(var(--trinixcs-base-font-size) * 1.5);
margin-top: 1.66rem;
padding-left: 1.75rem;
letter-spacing: 0.125rem;
font-family: 'Gruppo', cursive;
}
.entry-content h4 {
font-size: calc(var(--trinixcs-base-font-size) * 1.5);
padding: .25rem .5rem;
margin-left: -0.5rem;
margin-top: 1.0rem;
margin: 0.5rem .5rem 1.0rem -0.5rem;
padding-left: 2rem;
letter-spacing: 0.125rem;
font-family: 'Gruppo', cursive;
background: linear-gradient(5deg, rgba(13, 13, 26, .01) 0%, rgba(13, 13, 13, .5) 1.0%, rgba(0, 0, 0, .90) 2.0%, rgba(0, 0, 0, 0.75) 4.0%, rgba(0, 0, 0, .5) 5.0%, rgba(13, 13, 13, .00) 6.5%), linear-gradient(.125deg, rgba(100, 13, 26, 1) 0%, rgba(100, 13, 26, .75) 5.0%, rgba(100, 13, 26, 0.25) 7.5%, rgba(0, 0, 0, .0) 13%, rgba(255, 225, 250, .0) 50%);
border-top-left-radius:0.5rem;
border-bottom-left-radius: 7.77rem;
/*
* border-bottom: .125rem solid rgba(13, 13, 13, .5);
* box-shadow: 1px 3px 0.05rem -.04rem rgba(13, 13, 13, .5);
box-shadow: 0.01rem 0.35rem 0.25rem -.2rem rgba(13, 13, 13, .33);
*/
}
.entry-content h5 {
font-size: calc(var(--trinixcs-base-font-size) * 1.25);
letter-spacing: 0.125rem;
font-family: 'Gruppo', cursive;
}
/* ENTRY-CONTENT P STYLE
-----------------------*/
.entry-content > p {
/*
font-size: 1.025rem;
font-family: 'Raleway', sans-serif;
color: rgba(13, 13, 13, 1) !important;
font-weight: 500;
letter-spacing: .075rem;
*/
font-size: var(--trinixcs-base-font-size);
font-family: 'Gruppo', cursive;
font-family: 'Raleway', sans-serif;
color: rgba(0, 0, 13, 1) !important;
font-weight: 300;
letter-spacing: .0125rem;
word-spacing: .05rem;
padding: .0125rem .125rem .0rem;
margin: -.250rem 0.0rem 1.5rem .25rem;
/*text-rendering: optimizespeed;*/
}
/*End of entry classes*/
/*
.entry-content > p {
font-family: Georgia;
font-size: 105%;
letter-spacing: .025rem;
padding: .05rem .5rem;
line-height: 1.5rem
}
*/
.indented-paragraph,
.entry-content.indented{
/*
* text-indent: 1.5rem;
*/
font-family: 'Gruppo', cursive;
}
.TCS-indented::before {
content: '';
padding-left: 2.0rem;
}
.TCS-indented,
.tcs-indented { /* because I know I wrote the prefix lowercased for a while */
display: block;
font-family: 'Gruppo', cursive;
font-family: 'Raleway', sans-serif;
font-size: 95%;
padding: 0 .125rem;
}
/*
.TCS-indented a {
text-indent: 0;
}
*/
@counter-style steps {
system: extends decimal;
prefix: 'Step ';
suffix: ': ';
}
/*
.TCS.ordered-list-steps {
display: inline-block;
padding: 1rem .5rem;
margin: .25rem .5rem .5rem 5rem;
}
*/
.TCS.ordered-list-steps li {
list-style-type: none;
line-height: 2.25rem;
font-size: 1.2rem;
}
ol.TCS.ordered-list-steps {
list-style: steps;
counter-reset: my-awesome-counter;
padding: 1rem .5rem;
margin: .25rem .5rem .5rem 5rem;
}
ol.TCS.ordered-list-steps li {
counter-increment: my-awesome-counter;
margin: 0.25rem;
}
ol.TCS.ordered-list-steps li::before {
content: 'Step ' counter(my-awesome-counter) ': ';
/*calc("Step " + counter(my-awesome-counter));*/
/* background: linear-gradient(rgba(170, 170, 175, .1) 81%, rgba(13, 13, 13, .95) 85%, rgba(255, 255, 255, 1) 85.5%), rgba(255, 255, 255, 1) 100%;
*/
border-radius: .125rem;
padding: .1rem 0.75rem .1rem .125rem;
display: inline-block;
line-height: 2.75rem;
color: rgba(13, 13, 13, 1);
text-align: left;
font-family: 'Gruppo', cursive;
font-size: 2.0rem;
font-weight: 500;
text-shadow: .085rem .085rem .040rem rgba(13, 13, 13, .85);
text-transform: uppercase;
}
.entry-content a:not(.trinix-quick-tip-background) {
display: inline-block;
font-size: 105.0%;
font-weight: 700;
letter-spacing: .075rem;
font-family: 'Gruppo', cursive;
padding: 0 .25rem;
color: rgba(13, 13, 128, 1);
border-bottom: 1px solid rgba(255, 0, 0, .7);
border-left: 1px solid rgba(0,0,0,0);
border-right: 1px solid rgba(0,0,0,0);
border-top: 1px solid rgba(0,0,0,0);
transition: .15s all ease;
transition: .25s all ease;
transform: scale(1.0);
}
.entry-content a:not(.trinix-quick-tip-background):hover, .entry-content a:not(.trinix-quick-tip-background):active {
background: rgba(00, 00, 25, .8);
border-radius: .25rem;
color: rgba(0, 255, 0, 1);
text-shadow: 1px 1px 1px rgba(13, 13, 13, .7);
border: 1px solid rgba(255, 0, 0, 1);
box-shadow: 0px 3px 1px -.08rem rgba(13, 13, 13, .7);
box-shadow: 4px 6px 8px 0px rgba(13, 13, 13, .8);
transform: scale(1.015);
}
/* END OF .entry CLASSES*/
a.trinix-quick-tip-background:hover {
box-shadow: .125rem .125rem .125rem -.0975rem rgba(13, 13, 13, .6);
box-shadow: .2rem .75rem .5rem -.15rem rgba(13, 13, 13, .6);
transform: scale(1.015);
}
a.trinix-quick-tip-background:active:focus {
box-shadow: -.08rem -.08rem -.08rem -.08rem rgba(13, 13, 13, .7);
box-shadow: 1px 1px 1px rgba(13, 13, 13, .8);
transform: scale(0.95);
}
/* END OF .entry CLASSES*/
.tcs.grid-card-container {
width: 90%;
max-width:90.5%;
/*
border: 2px dashed orange;
*/
display: grid;
/*
grid-template-columns: auto 21rem 21rem auto;
grid-template-rows: auto;
*/
grid-gap: 2.5rem;
grid-template-columns: auto 40% auto 40% auto;
/*
grid-template-columns: (1, 1fr);
*/
/*DEFINE CARD COLORS
* ---------------------*/
--blue-card: rgba(0, 75, 200, .1);
--darker-blue-card: rgba(0, 75, 200, .4);
--purple-card: rgba(50, 0, 125, .1);
--darker-purple-card: rgba(50, 0, 125, .4);
--avatar-card-background: var(--blue-card);
--avatar-card-bottom-background: var(--darker-blue);
}
.tcs.grid-card-container .blog-avatar-card {
grid-column-start: var(--avatar-card-column);
/*
rid-column:1 / 4 ;
grid-row: 1 / 1;
*/
border: 2px solid rgba(0, 0, 100, .9);
border-radius: .50rem;
height:auto;
padding: 3px 0 0 0;
background-color: var(--avatar-card-background);
text-align: center;
min-width: 20rem;
max-width: 24rem;
}
.tcs.grid-card-container .blog-avatar-card > img {
width:48px;
height:48px;
padding-top: 0.05rem;
margin-right: .5rem;
}
.tcs.grid-card-container .blog-avatar-card > span {
display:block; height:
auto; font-size: 105%;
line-height: 1.1rem;
text-align:center;
padding: .5rem 0 .5rem 0;
margin: 2px 0 0 0;
background-color: var(--avatar-card-bottom-background);
/*
* :rgba(0, 75, 150, .5);
* */
}
/* END OF AVATAR CARDS
* ---------------------*/
/* BLOCKQUOTE QUOTES
* ---------------------*/
#task2do-app-id .widget blockquote::before {
content: '';
background: rgba(26, 26, 26, .85);
color: rgba(220, 220, 230, 1);
}
#task2do-app-id .widget .blockquoted::before {
top: .25rem;
left: 50%;
font-style: italic;
padding: 0 .75rem;
width: 98%;
color: rgba(220, 220, 230, 1);
background: rgba(26, 26, 26, .85);
content: "Quoted material - \201C";
border-bottom: 2px solid rgba(13, 13, 13, .8);
box-shadow: 0px 3px 3px -4px rgba(13, 13, 13, .9);
}
#task2do-app-id .widget blockquote, .blockquoted {
height: fit-content;
/*
margin: 1.5rem 1rem 1.25rem 1rem;
*/
margin: 1.5rem 1rem 2rem 1rem;
padding: .5rem 1.5rem 2.0rem 1.5rem;
font-style: normal;
text-align: left;
color: rgba(250, 250, 250, 1);
background: rgba(26, 26, 26, .85);
border: 1px solid rgba(13, 13, 13, .2);
border-radius: .5rem;
box-shadow: 2px 3px 4px 1px rgba(13, 13, 13, .6);
}
#task2do-app-id .widget .blockquoted blockquote {
margin: 0.67rem;
background: rgba(13, 13, 13, .1);
color: rgba(230, 235, 240, 1);
}
#task2do-app-id .widget blockquote > div, .blockquoted > div{
display:block;
padding: 0.75rem .75rem;
margin-bottom: 1.0rem;
}
#task2do-app-id .widget blockquote, .blockquoted > div ul {
display: block;
margin-left: 2.5rem;
font-size:95%;
padding: 0.75rem .5rem;
}
#task2do-app-id .widget blockquote, .blockquoted > div ul li {
/*
margin: .25rem;
padding: .33rem;
display: block;
text-indent: 0.5rem;
border: 1px solid rgba(13, 13, 13, .7);
border-radius: .5rem;
background: rgba(240, 240, 240, 1);
*/
/* margin: 2.5rem 0.25rem 2.5rem .25rem; */
margin: 0.5rem 0.25rem 0.5rem .25rem;
padding: .25rem;
display: block;
width: auto;
/*
* text-indent: 0.5rem;
*/
border: 1px solid rgba(13, 13, 13, .7);
border-radius: .5rem;
background: rgba(26, 26, 26, .85);
color: rgba(240, 240, 240, 1);
}
/* END BLOCKQUOTE QUOTES
*---------------------*/
/* BLOG IMAGE FRAME
* ---------------------*/
.blog-image-frame {
display: inline-block;
text-align:center;
width: 80%;
margin: 0 10% 0%;
padding: 1.25rem 1rem .75rem 1rem;
border: 2px solid rgba(13, 13, 13, .7);
border-radius: .33rem;
background: rgba(250, 250, 250, .75);
box-shadow: 2px 2px 2px rgba(13, 13,13, .6);
}
#task2do-app-id .widget ul .bulleted-list {
border: none;
margin-left: 1rem;
padding: .75rem .75rem 1rem 1rem;
}
.trinix-tip-container blockquote, .trinix-tip-container .blockquoted {
padding-bottom: 2.0rem;
padding-top: 2.0rem;
margin-top: 0.50rem;
margin-bottom: 0.5rem;
background: rgba(235, 230, 240, .85);
box-shadow: none;
}
.trinix-tip-container blockquote ul {
margin-left: 3rem;
}
#task2do-app-id .widget blockquote::after {
content: '';
color: rgba(240, 240, 240, 1);
/*display: none;
*/
}
#task2do-app-id .widget .blockquoted::after {
top: unset;
left: 50%;
right: unset;
font-style: italic;
margin: 0 0 0 0;
/*padding: 0 .75rem;
*/
width: 17rem;
width: 98%;
bottom: .5rem;
color: rgba(240, 240, 240, 1);
border-top: 2px solid rgba(13, 13, 13, .8);
box-shadow: 0px -3px 3px -4px rgba(13, 13, 13, .9);
background: rgba(26, 26, 26, .85);
content: "\201D - End of quoted material";
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.trinix-tip-container .tip-header h4::before {
/* Decrement "my-sec-counter" by 1 */
/*counter-increment: my-sec-counter -1;*/
counter-increment: trinix-tip-counter ;
content: "Tip #" counter(trinix-tip-counter) ": ";
color: rgba(13, 13, 96, 1);
text-shadow: .03rem .03rem .03rem rgba(13, 13, 13, .8);
font-size: 2rem;
font-weight: 700;
font-variant: small-caps;
letter-spacing: 1px;
margin-right: .33rem;
/* margin-left: 2rem; */
padding-left: 1rem;
}
.trinix-tip-container {
display: inline-block;
margin: 2rem 1.0em;
border: 2px inset rgba(0, 0, 0, .7);
/*
border-radius: 1.5rem;
border-bottom-right-radius: .15rem;
*/
border-radius: 0.8rem;
border-top-right-radius: 3rem;
box-shadow: 3px 3px 4px rgba(13, 13, 13, .7)
}
.trinix-tip-container .tip-header {
display: inline-block;
background: rgba(150, 200, 225, .95);
width: 100%;
padding: 0.25rem .75rem 0.125rem;
line-height: 2.25rem;
margin-bottom: .0125rem;
margin-left: 0px;
border-bottom: 3px solid rgba(225, 0, 0, .8);
font-size: 133%;
border-top-left-radius: 0.65rem;
border-top-right-radius: 2.75rem;
}
.trinix-tip-container .tip-body {
padding: .5rem .75rem 1.0rem;
background-color: rgba(255, 255, 255, .85);
/*background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAALHRFWHRDcmVhdGlvbiBUaW1lAFRodSAxMCBKYW4gMjAxOSAwODoyNzo1NSAtMDUwMFhe5L0AAAAHdElNRQfjAQoNJRmKmeEsAAAACXBIWXMAAB7CAAAewgFu0HU+AAAABGdBTUEAALGPC/xhBQAAABxJREFUeNpj+P//PxMDAwNJmGX7dqZiSUkGoF4A1TEILmv3+ZkAAAAASUVORK5CYII=') repeat left top;*/
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAYAAADT5RIaAAAALHRFWHRDcmVhdGlvbiBUaW1lAFRodSAxMCBKYW4gMjAxOSAwODoyNzo1NSAtMDUwMFhe5L0AAAAHdElNRQfjAQoRCi2sDXfgAAAACXBIWXMAAB7CAAAewgFu0HU+AAAABGdBTUEAALGPC/xhBQAAAB1JREFUeNpjYBhEgHnbNlGmf9oaIUz6V2+8BwsBAESdBflxlv8tAAAAAElFTkSuQmCC');
background-repeat: repeat round;
background-position: 0px 14px;
background-repeat: repeat;
background-position: 0px 7px;
background-size: 2px 38px;
margin-top: -6px;
margin-top: -.5rem;
margin-left: 2px;
margin-right: 2px;
margin-bottom: .25rem;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
}
.tip-body > p {
margin-top: -0.05rem;
margin-bottom: 0rem;
line-height: 2.4rem;
font-size: 1.75rem !important;
}
.main-navigation.sticky span.af-mobile-site-title-wrap
.site-title {
font-size: 0.9rem;
font-family: 'Gruppo', cursive;
display: inline-block;
margin-top: 1.25rem;
/*
* margin-left: 1.5rem;
*/
text-align: center;
}
#task2do-app-id .widget .site-main .posts-navigation, .site-main .post-navigation {
overflow: visible;
}
@media only screen and (max-width: 992px) {
.site-branding .site-title {
font-size: 1.1rem;
}
.main-navigation.sticky span.af-mobile-site-title-wrap .site-titleÂ
{
font-size: 1rem !important;
}
.tcs.grid-card-container {
max-width: 980px;
}
.cli-short-p p, .cli-block{
font-family:monospace;
letter-spacing: 1px;
font-size: 100%;
}
.custom-logo {
display: none;
}
#task2do-app-id .widget blockquote, .blockquoted {
width: fit-content;
margin: 0.5rem .25rem 1.25rem .25rem;
padding: 0.25rem .25rem .5rem .25rem;
padding: 2rem .67rem 2.5rem .67rem;
font-style: normal;
text-align: left;
background: rgba(235, 230, 240, .85);
border: 1px solid rgba(13, 13, 13, .2);
border-radius: .5rem;
box-shadow: 2px 3px 4px 1px rgba(13, 13, 13, .6);
}
.content-area {
width: fit-content;
}
.entry-content-wrap {
width: fit-content;
}
.site-header {
min-width: 99%;
width: fit-content;
}
.entry-content h1 {
margin-top: 1.0rem;
font-size: 2.2rem;
}
.entry-content h2 {
margin-top: 1.66rem;
padding-left: 0.5rem;
font-size: 1.66rem;
letter-spacing: 0.025rem;
}
.entry-content h3 {
font-size: 1.5rem;
margin-top: 1.5rem;
padding-left: 0.75rem;
letter-spacing: 0.0125rem;
}
.entry-content h4 {
font-size: 1.25rem;
margin-top: 1.25rem;
letter-spacing: 0.0125rem;
}
.entry-header h1 {
font-size: 2.0rem;
}
.entry-header h2 {
font-size: 1.75rem;
}
}
@media only screen and (max-width: 1024px) {
.main-navigation .menu ul.menu-desktop > li > a {
padding: .5rem .75rem;
}
.main-navigation .menu ul.menu-desktop {
position: absolute;
margin-top: 1.3rem;
}
.cart-search {
top: -.5rem;
}
}
@media (min-width: 1200px) {
#task2do-app-id .widget .container {
width: auto;
max-width: 97.5%;
}
}
@media (min-width: 1900px) {
#task2do-app-id .container {
max-width: 95%;
}
}
.indented.tab1 {
margin-left: var(--indent-offset);
/*padding-left: 2.5rem;*/
}
.indented.tab2 {
margin-left: calc(2 * var(--indent-offset));
}
.indented.tab3 {
margin-left: calc(3 * var(--indent-offset));
}
/*******************************************************************************************************************
* Trinix Sys Custom CLI / Code Widget Styles
* Start
*******************************************************************************************************************/
.TCS.cli-block,
pre.TCS.cli-block,
.TCS.nested-code-block,
.TCS .cli-block,
pre .TCS .cli-block,
.TCS .nested-code-block {
--code-block-nested-level: 0;
--code-block-nested-offset: 2.5rem;
display: block;
display: grid;
max-width: 95%;
/*
* text-indent: var(--code-block-nested-offsett);
*/
margin: .25rem auto 1.25rem;
width: auto;
min-width: 15rem;
padding: .5rem .75rem .5rem .15rem;
text-indent: 0;
padding-left: .5rem;
border-radius: .33rem;
box-shadow: 8px 10px 16px -2px rgba(13, 13, 13, .33);
font-family: 'Roboto Mono', monospace;
font-size: calc(var(--trinixcs-base-font-size) * .75);
font-weight: 300;
}
#task2do-app-id .widget {
--code-block-nested-level: 0;
--code-block-nested-offset: 2.5rem;
--code-block-textarea--font-size: 75%;
--code-block-font-size-ratio: .75;
--code-block-pixel-to-rem--ratio:.0625rem; /*calc(1 / 16);*/
--code-block-before-content--length: 1;
--code-block-textarea--margin-left: calc(calc(var(--code-block-before-content--length) * var(--code-block-pixel-to-rem--ratio) * var(--code-block-font-size-ratio)));
}
#task2do-app-id .widget pre.TCS.cli-block,
#task2do-app-id .widget pre.cli-block {
text-indent: 0rem !important;
display: inline-block;
position: relative;
overflow: hidden;
max-width: 90vw;
left: 2.5%;
/* display: grid; */
}
#task2do-app-id .widget pre.TCS.cli-block div.button-group,
#task2do-app-id .widget pre.cli-block div.button-group {
display: grid;
width: 100%;
background: rgba(125, 125, 125, .75);
border-bottom: .05rem inset rgba(225, 225, 240, .9);
/* z-index: -1; */
position: static;
/* top: 0; */
/* left: 0; */
/* right: 0; */
/* bottom: 0; */
height: 1.75rem;
/* z-index: 1500; */
overflow: hidden;
border-left: .05rem inset rgba(175, 175, 175, .75);
border-right: .05rem inset rgba(75, 75, 75, .75);
border-top: .05rem inset rgba(175, 175, 175, .75);
border-radius: .125rem;
margin: -0.35rem;
position: absolute;
/* grid-template-columns: 150px 150px 150px 150px; */
/* grid-template-rows: 2rem; */
/* flex-wrap: nowrap; */
grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
justify-content: center;
align-content: baseline;
}
/* #task2do-app-id .widget pre.TCS.cli-block div.button-group > div:hover {
transform: translate(0px, -.5rem);
} */
#task2do-app-id .widget button.TCS.toolbar-widget-button:hover {
transform: translate(0px, -.3rem);
}
#task2do-app-id .widget pre.TCS.cli-block div.button-group > div,
#task2do-app-id .widget pre.cli-block div.button-group > div {
text-align: center;
padding-top: .5rem;
justify-content: center;
background: rgba(0, 0, 150, .8);
border: 2px dashed rgba(200, 200, 0, .9);
transform: translate(0px, -.10rem);
transition: all .1s ease-in-out;
}
#task2do-app-id .widget pre.TCS.cli-block div.button-group button,
#task2do-app-id .widget pre.cli-block div.button-group button {
position: relative;
width: 8rem;
height: 2.5rem;
margin: 2px .25rem;
padding: .001rem .125rem 1rem .125rem;
border-radius: .33rem;
background: rgba(50, 50, 75, .75);
color: rgb(255, 255, 255);
font-size: 90%;
font-variant: small-caps;
text-shadow: 1px 1px 1px rgba(13, 13, 13, .75);
/* max-width: 8rem; */
max-height: 2rem;
transition: all .2s ease-in-out;
/* border: 3px ridge rgba(250, 250, 250, .9); */
border-left: 2px ridge rgba(250, 250, 250, .9);
border-right: 2px ridge rgba(75, 75, 75, .9);
border-top: 2px ridge rgba(250, 250, 250, .9);
border-bottom: 2px ridge rgba(75, 75, 75, .9);
vertical-align: top;
/* transform: translate(0px, .35rem); */
/* transition: transform .15s ease-in-out; */
/* top: 10px; */
/* grid-column-start: 1; */
/* grid-column-end: 2; */
/* grid-column: 1; */
/* grid-row-start: 1; */
vertical-align: top;
}
#task2do-app-id .widget pre.TCS.cli-block div.button-group button font,
#task2do-app-id .widget pre.cli-block div.button-group button font {
margin-top: -0.375rem;
display: block;
}
#task2do-app-id .widget pre.TCS.cli-block div.button-group button:active,
#task2do-app-id .widget pre.cli-block div.button-group button:active {
border-left: 2px ridge rgba(75, 75, 75, .9);
border-right: 2px ridge rgba(250, 250, 250, .9);
border-top: 2px ridge rgba(75, 75, 75, .9);
border-bottom: 2px ridge rgba(250, 250, 250, .9);
box-shadow: -2px -2px -2px rgba(13, 13, 13, .75);
transform: scale(.975);
}
#task2do-app-id .widget pre.TCS.cli-block[data-code-wrap="false"] > span > code,
#task2do-app-id .widget pre.cli-block[data-code-wrap="false"] > span > code {
text-indent: 0rem !important;
display: inline;
white-space: nowrap !important;
}
#task2do-app-id .widget pre.TCS.cli-block > span > code[data-code-wrap="false"] > br,
#task2do-app-id .widget pre.cli-block > span > code[data-code-wrap="false"] > br {
white-space: nowrap !important;
}
#task2do-app-id .widget pre.TCS.cli-block > span > code[data-code-wrap="true"],
#task2do-app-id .widget pre.cli-block > span > code[data-code-wrap="true"] {
text-indent: 0rem !important;
display: inline;
/* white-space: pre-line !important; */
}
#task2do-app-id .widget pre.TCS.cli-block > span > code[data-code-wrap="true"] > br,
#task2do-app-id .widget pre.cli-block > span > code[data-code-wrap="true"] > br {
white-space: pre-line !important;
display: inline;
}
#task2do-app-id .widget pre.TCS.cli-block[data-code-wrap="true"] > span > code > newline,
#task2do-app-id .widget pre.cli-block[data-code-wrap="true"] > span > code > newline {
white-space: pre-line !important;
display: inline;
}
.TCS.cli-block pre,
#task2do-app-id .cli-block pre {
font-family: inherit;
/* white-space: normal;
word-break: normal; */
text-indent: 0rem;
border: none;
}
#task2do-app-id .widget pre.TCS.cli-block > div,
#task2do-app-id .widget pre.cli-block > div {
display: block;
}
/* .TCS.cli-block pre > span:first-child, ,
/* .TCS.cli-block pre > span:first-child, */
#task2do-app-id .widget pre.TCS.cli-block > span {
background: rgba(13, 13, 13, .1);
color: rgba(0, 235, 250, 1) !important;
/* display: inline !important; */
display: block !important;
padding-right: .5rem;
overflow-x: auto;
scrollbar-width: thin;
scrollbar-color: rgba(25, 0, 100, .9) rgba(200, 200, 250, .9);
}
#task2do-app-id .widget pre.cli-block > span::-webkit-scrollbar {
height: 8px !important;
width: 8px !important;
box-shadow: inset 1px 1px 6px rgba(13, 13, 13, .35);
background-color: rgba(200, 200, 200, .9);
}
#task2do-app-id .widget pre.cli-block > span::-webkit-scrollbar-thumb:horizontal {
background: rgba(32, 32, 32, .9);
border-radius: .75rem;
}
#task2do-app-id .widget pre.cli-block > span > code {
color: rgba(200, 225, 250, 1);
white-space: pre;
transition: margin-left .25s ease-in-out;
vertical-align: baseline;
/* --code-block-textarea--margin-left: calc(var(--code-block-before-content--length) * var(--code-block-textarea--font-size)); */
}
#task2do-app-id .widget pre.cli-block > span > code[data-edit-mode="on"] textarea {
background: rgba(13, 13, 213, .95);
padding: 0px .125rem;
margin: 0;
border: unset;
line-height: 1.25rem;
min-height: .9rem;
/* font-family: Roboto; */
font-family: Roboto mono;
font-weight: 500;
color: rgba(250, 250, 250, .95);
}
#task2do-app-id .widget pre.cli-block > span > code[data-code-wrap="true"] textarea {
max-height: max-content;
height: auto;
line-height: 1.0;
margin-left: var(--code-block-textarea--margin-left);
}
#task2do-app-id .widget pre.cli-block > span > code[data-code-wrap="false"] textarea {
max-height: 1.25rem;
height: 1.25rem;
line-height: 1;
margin-left: 0;
}
/*
.TCS.cli-block.local-sudo::before,
*/
#task2do-app-id .widget pre.cli-block.local-sudo > span::before {
color: rgba(235, 50, 50, 1);
content: 'root@localhost:';
}
/*
.TCS.cli-block.local-user::before,
*/
#task2do-app-id .widget pre.cli-block.local-user > span::before{
color: rgba(0, 235, 0, 1);
content: 'user@localhost:';
}
.TCS.cli-block pre > span::after,
pre.TCS.cli-block span code::before {
color: rgba(225, 50, 50, 1);
}
/*
.TCS.cli-block.local-user pre > span:first-child::after,
*/
#task2do-app-id .widget pre.cli-block.local-user span code:first-child::before {
content: '$ ';
}
#task2do-app-id .widget pre.cli-block.local-user span code:not(:first-child) {
color: rgba(225, 225, 235, 1);
background: rgba(13, 13, 13, .95);
font-family: inherit;
font-weight:100 !important;
}
/*
pre.TCS.cli-block.local-sudo pre > span:first-child::after
*/
#task2do-app-id .widget pre.cli-block.local-sudo span code:first-child::before {
content: '# ';
}
#task2do-app-id .widget pre.cli-block span > code:first-child {
font-family: inherit;
font-weight: 700;
color: rgba(255, 255, 255, 1);
background: rgba(13, 13, 13, .975);
}
/*******************************************************************************************************************
* Trinix Sys Custom CLI / Code Widget Styles
* E N D
*******************************************************************************************************************/
#task2do-app-id .TCS.cli-block:not(:first-child) * {
display: inline;
}
#task2do-app-id .TCS.cli-block,
#task2do-app-id .TCS.cli-block > p{
font-family: inherit;
min-width:66%;
max-width:100%;
width: auto;
margin-left: 5%;
padding-left: .5rem
}
#task2do-app-id .TCS.cli-block span.user-editable-field {
color: rgba(255, 150, 0, 1);
background: transparent;
}
#task2do-app-id .TCS.cli-block span.highlighted-cmd {
background: rgba(225, 13, 13, .75);
color: rgba(255, 200, 50, 1.0);
font-weight: 600;
/* text-outline: white; */
--tcs-text-outline--width: 0.075rem;
text-shadow: calc(var(--tcs-text-outline--width) * -1) calc(var(--tcs-text-outline--width) * -1) 0 rgba(13, 13, 13, .9), var(--tcs-text-outline--width) calc(var(--tcs-text-outline--width) * -1) 0 rgba(13, 13, 13, .9), calc(var(--tcs-text-outline--width) * -1) var(--tcs-text-outline--width) 0 rgba(13, 13, 13, .9), var(--tcs-text-outline--width) var(--tcs-text-outline--width) 0 rgba(13, 13, 13, .9);
padding: 0.1rem .25rem;
border-radius: .125rem;
background: linear-gradient(0deg, rgba(225, 255, 26, .5) 0%, rgba(225, 128, 0, .75) 5.0%, rgba(225, 13, 13, .75) 10%, rgba(13, 13, 13, .001) 95%); /*, linear-gradient(90deg, rgba(100, 13, 26, 1) 0%, rgba(100, 13, 26, .75) 5.0%, rgba(100, 13, 26, 0.25) 7.5%, rgba(0, 0, 0, .0) 13%, rgba(255, 225, 250, .0) 50%); */
}
#task2do-app-id .TCS.cli-block.dark,
#task2do-app-id .TCS.nested-code-block.dark {
background: rgba(15, 15, 15, .95) !important;
color: rgb(200, 225, 250);
/* border: .175rem solid rgba(200, 225, 255, .90); */
border-top: .175rem groove rgba(225, 225, 250, .85);
border-left: .175rem groove rgba(200, 200, 215, .85);
border-bottom: .175rem ridge rgba(155, 165, 175, .85);
border-right: .175rem ridge rgba(175, 175, 175, .85);
}
#task2do-app-id .TCS.cli-block.dark > * {
background: rgba(0, 0, 0, 0);
color: rgba(200, 225, 250, 1);
font-weight: 500;
font-family: 'Roboto Mono', monospace;}
#task2do-app-id .TCS.cli-block.light,
#task2do-app-id .TCS.nested-code-block.light {
background: rgba(230, 240, 245, .95);
color: rgb(13, 13, 13);
border-top: .25rem ridge rgba(155, 165, 175, .85);
border-left: .25rem ridge rgba(135, 145, 150, .85);
border-bottom: .275rem groove rgba(90, 95, 110, .85);
border-right: .275rem groove rgba(90, 95, 110, 85);
}
#task2do-app-id .TCS.nested-code-block pre > span:first-child {
display: inline-block;
}
#task2do-app-id .TCS.nested-code-block pre > span {
--code-block-nested-level: 0;
}
#task2do-app-id .TCS.nested-code-block > span > span {
--code-block-nested-level: 1;
}
#task2do-app-id .TCS.nested-code-block > span > span > span{
--code-block-nested-level: 2;
}
#task2do-app-id .TCS.nested-code-block > span > span > span > span {
--code-block-nested-level: 3;
}
#task2do-app-id .TCS.nested-code-block > span > span > span > span > span {
--code-block-nested-level: 4;
}
#task2do-app-id .TCS.nested-code-block span {
padding-left: calc(calc(var(--code-block-nested-level) * var(--code-block-nested-offset)) - calc(var(--code-block-nested-level) * 2rem));
display: inline-block;
/* padding-left: calc(var(--code-block-nested-level) * var(--code-block-nested-offset));
*/
}
#task2do-app-id .TCS.nested-code-block > code span,
#task2do-app-id .TCS.nested-code-block > pre span {
text-indent: 0.0rem;
/* padding-left: calc(calc(var(--code-block-nested-level) * var(--code-block-nested-offset)) - calc(var(--code-block-nested-level) * 1rem)); */
/* padding-left: calc(var(--code-block-nested-level) * var(--code-block-nested-offset)); */
padding-left: var(--code-block-nested-offset);
display: block;
/* padding-left: calc(var(--code-block-nested-level) * var(--code-block-nested-offset));
*/
}
#task2do-app-id .TCS.nested-code-block code > span > span {
--code-block-nested-level: 2;
}
#task2do-app-id .TCS.nested-code-block code > span > span {
--code-block-nested-level: 2;
}
#task2do-app-id .TCS.nested-code-block code > span > span > span{
--code-block-nested-level: 3;
}
#task2do-app-id .TCS.nested-code-block code > span > span > span > span {
--code-block-nested-level: 4;
}
#task2do-app-id .TCS.nested-code-block code > span > span > span > span > span {
--code-block-nested-level: 5;
}
#task2do-app-id .TCS.nested-code-block > code > span:first-child {
--code-block-nested-level: 1;
padding-left: 0 !important;
}
#task2do-app-id .TCS.nested-code-block.level1 {
margin-left: var(--code-block-indent-offset);
}
#task2do-app-id .TCS.nested-code-block.level2 {
margin-left: calc(2 * var(--code-block-indent-offset));
}
#task2do-app-id .TCS.nested-code-block.level1 {
margin-left: calc(3 * var(--code-block-indent-offset));
}
#task2do-app-id .TCS.nested-code-block.level1 {
margin-left: calc(4 * var(--code-block-indent-offset));
}
#task2do-app-id .TCS.cli-text,
#task2do-app-id .TCS.cli-block {
display: inline-block;
width: 50rem;
margin: 0.5rem 0 -.0rem 0;
margin-right: 0px;
margin-left: 0px;
margin-left: 1.5rem;
margin-right: 1.5rem;
padding: .0rem .5rem;
font-family: 'Roboto Mono', monospace;
background: rgba(13, 13, 13, .9);
color: rgba(255, 255, 255, 1);
line-height: 1.66rem;
}
#task2do-app-id .TCS.cli-short,
#task2do-app-id .TCS.cli-inline,
#task2do-app-id .cli-short,
#task2do-app-id .cli-inline {
display: inline-block;
line-height: 1.5rem;
/* height: 90%; */
margin-left: .25rem;
margin-top: .25rem;
padding: .125rem .33rem .225rem;
font-family: 'Roboto Mono', monospace;
background: rgba(13, 13, 13, .9);
color: rgba(255, 255, 255, 1);
border: .175rem ridge rgba(200, 200, 200, .5);
border-radius: .25rem;
}
#task2do-app-id .TCS.cli-short.error,
#task2do-app-id .TCS.cli-inline.error,
#task2do-app-id .cli-short.error,
#task2do-app-id .cli-inline.error {
font-size: 105%;
font-weight: 700;
color: rgba(200, 0, 0, .95);
}
#task2do-app-id .TCS.cli-userdef {
display: inline;
margin-left: .25rem;
padding: .125rem .125rem;
font-family: 'Roboto Mono', monospace;
background: rgba(13, 13, 13, .9);
color: rgba(255, 0, 0, 1);
}
#task2do-app-id .TCS.cli-short-p p, .cli-block{
font-family: 'Roboto Mono', monospace;
letter-spacing: 1px;
font-size: 90%;
/*
background: rgba(13, 13, 13, .9);
color: rgba(255, 255, 255, 1);
padding: .25rem .75rem;
border-radius: .33rem;
border: 1px inset rgba(250, 250, 250, .9);
border: 1px solid rgba(200, 200, 200, .8);
*/
margin-left: .25rem;
margin-top: .25rem;
padding: .015rem .4rem .2rem;
background: rgba(13, 13, 13, .9);
color: rgba(255, 255, 255, 1);
border: .175rem ridge rgba(200, 200, 200, .5);
border-radius: .25rem;
width: fit-content;
}
#task2do-app-id .TCS.text-input-box {
display: inline-block;
line-height: 105%;
height: 90%;
margin-left: .25rem;
margin-top: .25rem;
padding: .125rem .5rem .25rem;
font-family: 'Roboto Mono', monospace;
font-weight: 500;
font-size: 1.0rem;
background: rgba(245, 245, 255, 1.0);
color: rgba(13, 13, 13, 1);
border: .175rem ridge rgba(150, 150, 150, .75);
box-shadow: .125rem .125rem .125rem rgba(13, 13, 13, .4);
border-radius: .15rem;
}
.sourcecode-text,
.source-code-text {
display: inline-block;
width:60rem;
margin-left: 2.5rem;
margin-right:2.5rem;
padding: .125rem .5rem;
font-size: 90%;
font-family: 'Roboto Mono', monospace;
background: rgba(150, 150, 150, .6);
color: rgba(13, 13, 26, 1);
}
.sourcecode-short,
.sourcecode-inline,
.source-code-inline {
display: inline-block;
width: auto;
padding: .125rem .25rem;
font-family: 'Roboto Mono', monospace;
background: rgba(150, 150, 150, .25);
color: rgba(13, 13, 26, 1);
}
/*
* END of SourceCode Styles
****************************/
/* Filename & icon Styles
****************************/
.filename-text {
display: inline;
font-family: 'Roboto Mono', monospace;
margin: .1rem .125rem .125rem .25rem;
padding: 0.0rem .25rem;
background: rgba(13, 13, 13, .2);
color: rgba(13, 13, 13, 1);
border: .125rem ridge rgba(13, 13, 13, .75);
border-radius: .25rem;
}
.trinix-filename-docicon {
--trinix-filename-icon-size: 1rem;
display: inline-block;
height: calc(var(--trinix-filename-icon-size) + 6px);
margin-left: calc(var(--trinix-filename-icon-size) * -0.75) !important;
padding-left: .05rem;
margin-right: 0;
padding-right: 5rem;
border-radius: .25rem;
border: 2px ridge rgba(13, 13, 13, .75);
background: linear-gradient(rgba(170, 170, 175, .5) 0%, rgba(235, 235, 240, .95) 5%, rgba(195, 195, 200, .65) 13%, rgba(195, 195, 200, .5) 89%, rgba(75, 80, 85, .5) 100%);
font-family: 'Roboto Mono', monospace;
padding: .25rem .5rem .125rem .25rem;
transform: scale(0.75);
}
.trinix-filename-docicon > img {
border: none;
outline: none;
border-left: none !important;
margin-left: -1.5rem;
margin-top: -.5rem;
color: transparent;
background: rgba(255, 255, 255, 0);
}
.trinix-filename-docicon img.base64-encoded.filename-icon.doctext {
width: var(--trinix-filename-icon-size);
height: var(--trinix-filename-icon-size);
background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAALHRFWHRDcmVhdGlvbiBUaW1lAE1vbiAxMCBTZXAgMjAxOCAyMzozNTowMSAtMDUwMEXFf+MAAAAHdElNRQfiCQsDKRr2Ky2RAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAAA69JREFUeNrFl91OE0EUx8/MbLe7W1oKFIooAb9uvNGYmOg7eK0x8R2MT8C18UZ5AhONV0ZDotEH8A38APyIn4moCFRpt7vz5ZndUmjctgtz4cCQTnd39j+/+Z9zBoD/3EjWlysrK4uu654FrYkSAhRoYE4BCCF9J9Jad2Yk0Gisi2Ybbn/7cm7p0iUiBwlw+kx3em5u7gLF6bYbGxCHLahOHwFKad+JlFJJ51wAjzl8//7plBM8CfDSvUEC+s1Ikk4pSRukf3e+z+g7jTFKPK9IRisjExW/dOPh0rOLCwsLfZVnElBKw+8WT1YcRQJELJPxoC1IuOGP+Y2lhiAISL1eP/Tm7fs7Z86dv46X7+YmgDAh4hLa2GOhQKCgdmc8qEccn8P7Y6HB832o1Wrk5PGj477j3Hzw6Mnl3AIooRAUHShh9woMXEaTz3m77zKQaN4oisBHErOzM1MOkbceLj2+imbteWfmFkipYKsVI3IKsi1A4xbEzXjoFnS3gnkgxBasra11PXXixLH6+49fF1+vfv2F46cDBTi44lq5mHgg1AXgNIZypZhbAOC9MD2xK8hEqFbk7bsP1T/NxrWhAgQSWNtqJwQ0ktAYWs3NdhLjB21+gUKqQ5aHboEhMDPupwScEHgooDzh5yeQtS2IweQJIUXvu/oR+LaZElBIADCxbG/YEfAKpPN4r+/7ExjzUgLMxUzIoTLuHZiA7hDQQP5ZQy4CukPARkBCIGux/QjURzsEiAuccShX7QhAUtJyCjAEfvxOCUjjAUzHYcPOA8X9EMCCAmMjbloLtAOCMAjKrlUU0O76e+fILkZ4bxNDj6AAEUlQmN+VGVsIwOycn4AJFBdrgCFAHBQhCSJkVh5gFPNAdzREwO5jaSfdz3YtS3/2FoApSKgYYxf9iBnMGFPbeDDBrzLWkL0FeLfn7t0CmpRYGw8YiiwvAVOO/2D2S0yIpVjFCmQ4/EQ0qLn49twETCKqltIwDAWGIdpypGQXhsZDNC+BvYkoTcVYjhsHT8WmeViO90VgZiwtxy2WluPKuG05VvkJcEw8n9db6YEkxBTMOWz+bFkJ8F1M6/pfBJkCCuj8+clSSgDRx6GE0amSNQGW8Xw2AfTAp/Vm50gW4ZEMCdCmNYHcHiigB+ZqQUKguWUICKhOBlYCzHGM0ZwEXi2v8hcvl7UQ5v+8Nh4kFRQ8OwHmaLyx2dBT04d7OGQKKNenrpSYf19y4ersMr7P1SdpXM/OMzU5WX++99pfUkXOhThXx88AAAAASUVORK5CYII=') no-repeat left center;
background-size: contain;
}
/* END Filename & icon Styles
****************************/
/* Keyboard key Styles
****************************/
span.TCS.keyboardkey {
--tcs-keyboardkey-border--size: .45rem;
--tcs-keyboardkey-min--size: 1.5rem;
--tcs-keyboardkey-base--lightness: 210;
--tcs-keyboardkey-text-color: calc(255 - var(--tcs-keyboardkey-base--lightness));
display: inline-block;
background: rgba(calc(var(--tcs-keyboardkey-base--lightness) + 10), calc(var(--tcs-keyboardkey-base--lightness) + 15), calc(var(--tcs-keyboardkey-base--lightness) + 20), 1.0);
color: rgba(var(--tcs-keyboardkey-text-color), var(--tcs-keyboardkey-text-color), var(--tcs-keyboardkey-text-color), 1);
font-weight: 500;
font-size: 1.05rem;
text-indent: 0rem;
/*border: .45rem outset rgba(175, 180, 185, 1.0);
*/
/*
border-top: var(--tcs-keyboardkey-border--size) outset rgba(185, 190, 195, 1.0);
border-left: var(--tcs-keyboardkey-border--size) outset rgba(175, 180, 185, 1.0);
border-bottom: var(--tcs-keyboardkey-border--size) solid rgba(105, 110, 115, 1.0);
border-right: var(--tcs-keyboardkey-border--size) solid rgba(135, 140, 145, 1.0);
*/
border-top: var(--tcs-keyboardkey-border--size) outset rgba(calc(var(--tcs-keyboardkey-base--lightness) - 20), calc(var(--tcs-keyboardkey-base--lightness) - 15), calc(var(--tcs-keyboardkey-base--lightness) - 15), 1.0);
border-left: var(--tcs-keyboardkey-border--size) outset rgba(calc(var(--tcs-keyboardkey-base--lightness) - 30), calc(var(--tcs-keyboardkey-base--lightness) - 25), calc(var(--tcs-keyboardkey-base--lightness) - 25), 1.0);
border-bottom: var(--tcs-keyboardkey-border--size) solid rgba(calc(var(--tcs-keyboardkey-base--lightness) - 60), calc(var(--tcs-keyboardkey-base--lightness) - 55), calc(var(--tcs-keyboardkey-base--lightness) - 55), 1.0);
border-right: var(--tcs-keyboardkey-border--size) solid rgba(calc(var(--tcs-keyboardkey-base--lightness) - 40), calc(var(--tcs-keyboardkey-base--lightness) - 35), calc(var(--tcs-keyboardkey-base--lightness) - 35), 1.0);
min-width: 2.5rem;
height: calc(var(--tcs-keyboardkey-min--size) * 1.75);
line-height: calc(var(--tcs-keyboardkey-min--size) - .25rem);
text-align: center;
border-radius: .15rem;
margin: 0.125rem .5rem 0.125rem .4rem;
padding: .125rem .25rem ;
box-shadow: 2px 2px 3px rgba(13, 13, 13, .4);
text-transform:uppercase;
font-family: 'Roboto Mono', monospace;
}
span.TCS.keyboardkey.light {
--tcs-keyboardkey-base--lightness: 210;
}
span.TCS.keyboardkey.dark {
--tcs-keyboardkey-base--lightness: 25;
border-top: var(--tcs-keyboardkey-border--size) solid rgba(calc(var(--tcs-keyboardkey-base--lightness) + 60), calc(var(--tcs-keyboardkey-base--lightness) + 55), calc(var(--tcs-keyboardkey-base--lightness) + 55), 1.0);
border-left: var(--tcs-keyboardkey-border--size) solid rgba(calc(var(--tcs-keyboardkey-base--lightness) + 40), calc(var(--tcs-keyboardkey-base--lightness) + 35), calc(var(--tcs-keyboardkey-base--lightness) + 35), 1.0);
border-bottom: var(--tcs-keyboardkey-border--size) outset rgba(calc(var(--tcs-keyboardkey-base--lightness) + 50), calc(var(--tcs-keyboardkey-base--lightness) + 55), calc(var(--tcs-keyboardkey-base--lightness) + 55), 1.0);
border-right: var(--tcs-keyboardkey-border--size) outset rgba(calc(var(--tcs-keyboardkey-base--lightness) + 60), calc(var(--tcs-keyboardkey-base--lightness) + 65), calc(var(--tcs-keyboardkey-base--lightness) + 65), 1.0);
}
/* Trinix Quick Tip
* --------------------*/
span.trinix-quick-tip-background,
a.trinix-quick-tip-background {
display: inline-block;
margin-bottom: .75rem;
/* background: linear-gradient(105deg, rgba(245, 250, 250, .195) 0%, rgba(200, 205, 225, .5) 15%, rgba(120, 125, 135, .95) 45%, rgba(65, 70, 75, .98) 52.5%, rgba(50, 55,60, .95) 65.5%, rgba(0, 0, 0, .99) 100%), rgba(225, 225, 250, .9);
*/
border-right: calc(var(--trinix-quick-tip-border--size) * .1) outset rgba(200, 200, 200, .5);
border-radius: .5rem;
}
.trinix-quick-tip-background > span {
--trinix-quick-tip-border--size: .2rem;
--trinix-quick-tip-font-size: calc(var(--trinixcs-base-font-size) * .9);
background: linear-gradient(92deg, rgba(190, 200, 200, .85) 0%, rgba(130, 135, 140, .85) 20%, rgba(110,115, 120, .85) 48.5%, rgba(85, 90, 95, .8) 59.5%, rgba(60, 65,70, .9) 75.5%, rgba(13, 13, 13, .95) 100%);
background: linear-gradient(95deg, rgba(130, 130, 130, .25) 0%, rgba(150, 150, 150, .75) 20%, rgba(75, 85, 90, .85) 45%, rgba(50, 65, 75, .95) 52%, rgba(0, 0, 0, .99) 100%);
border-left: var(--trinix-quick-tip-border--size) ridge rgba(13,13, 13, .05);
border-top: var(--trinix-quick-tip-border--size) ridge rgba(128,128, 129, .950);
/* border-style: groove; */
border-right: calc(var(--trinix-quick-tip-border--size) * 1.1) ridge rgba(200, 200, 200, .75);
border-bottom: calc(var(--trinix-quick-tip-border--size) * 0.9) ridge rgba(200, 200, 200, .95);
border-radius: .25rem;
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
padding:0;
font-size: calc(var(--trinix-quick-tip-font-size) * .9);
margin-left: .25rem;
margin-bottom: .25rem;
padding-bottom: .2rem;
padding-top: .145rem;
}
.trinix-quick-tip-background > span > span {
color: transparent;
font-family: verdana;
white-space: nowrap;
padding: 0.5rem 0.0rem .5rem 0.0rem !important;
margin-left: .75rem;
margin-right: -0.75rem;
}
.trinix-quick-tip-background > span .thin-font {
font-style:normal;
/*
* text-indent: 2rem;
*/
font-weight: 100;
font-family: 'Gruppo', serif;
}
.trinix-quick-tip-background > span .thick-font {
padding-top: 0.125rem !important;
font-style:normal;
/*
* text-indent: 2rem;
*/
font-weight: 300;
font-family: verdana;
font-family: Raleway;
}
.trinix-quick-tip-background > span > .light-text {
background: linear-gradient(90deg, rgba(190, 195, 195, .75) 0%, rgba(220, 225, 225, .85) 50%, rgba(245, 255, 255, .99) 100%);
padding-right: 1rem !important;
text-shadow: .095rem .125rem .0125rem rgba(0, 0, 64, 0.25);
color: rgba(250, 250, 250, .1);
-webkit-background-clip: text;
background-clip: text;
}
.trinix-quick-tip-background > span > .dark-text {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.95) 0%, rgba(13, 13, 13, 0.95) 50%, rgba(26, 26, 26, 0.95) 100%);
text-shadow: -.08rem -.05rem .02rem rgba(220, 220, 255, .75);
color: rgba(0, 0, 0, 0.85);
-webkit-background-clip: text;
background-clip: text;
}
/*Trinix Alert/Warning Messages
* ---------------------*/
.TCS.warning-heads-up-container > .tcs-warning-header::before {
content: "Heads Up: ";
}
.TCS.aside-note-container > .tcs-aside-note-header::before {
content: "A side note: ";
}
.TCS.warning-heads-up-container > .tcs-warning-header,
.TCS.aside-note-container > .tcs-aside-note-header {
display: inline-block;
top: .25rem;
left: 50%;
padding: 0.25rem 0.25rem 0.25rem .75rem;
width: 100%;
border-top-left-radius: .33rem;
border-top-right-radius: .33rem;
border-bottom: 2px solid rgba(13, 13, 13, .8);
box-shadow: 0px 3px 3px -4px rgba(13, 13, 13, .9);
}
.TCS.warning-heads-up-container > .tcs-warning-header {
font-weight: 700;
font-size: 125%;
color: rgba(0, 0, 0, 1);
background: rgba(175, 0, 0, .9);
}
.TCS.aside-note-container > .tcs-aside-note-header {
color: rgba(32, 32, 32, 1);
background: rgba(150, 165, 175, .9);
font-size:115%;
font-weight:500;
}
.TCS.warning-heads-up-container,
.TCS.aside-note-container {
height: fit-content;
/*
margin: 1.5rem 1rem 1.25rem 1rem;
*/
margin: 1.0rem 0.75rem 1.75rem .5rem;
padding: 0;
font-style: normal;
text-align: left;
background: rgba(175, 175, 175, 0.95);
color: rgba(13, 13, 13, 1);
border: 3px groove rgba(200, 220, 240, 0.9);
border-radius: .5rem;
border-top-left-radius: .5rem;
border-top-right-radius: .5rem;
border-bottom-left-radius: .33rem;
border-bottom-right-radius: .33rem;
}
.TCS.warning-heads-up-container .tcs-warning-body,
.TCS.aside-note-container > .tcs-aside-note-body {
display:block;
padding: 0.75rem .5rem .125rem 0.5rem;
margin: .125rem .125rem .125rem .125rem;
font-family: 'Gruppo', serif;
font-size: 110%;
font-weight: 600;
border-bottom-left-radius: .33rem;
border-bottom-right-radius: .33rem;
}
.TCS.warning-heads-up-container .tcs-warning-body {
background: rgba(175, 175, 175, .95);
color: rgba(13, 13, 13, 1);
}
.TCS.aside-note-container > .tcs-aside-note-body,
#task2do-app-id .widget .TCS.aside-note-container > .tcs-aside-note-body p {
background: rgba(215, 225, 225, .95);
color: rgba(13, 13, 13, 1);
}
/*Trinix Aside-Note
* ---------------------*/
/*
.TCS.aside-note-container > .tcs-side-note-header::before {
display: inline-block;
top: .25rem;
left: 50%;
font-style: italic;
padding: 0 .75rem;
width: 98%;
color: rgba(13, 13, 13, 1);
background: rgba(128, 128, 192, .90);
color: rgba(13, 13, 13, 1);
content: "A side note: ";
border-bottom: 2px solid rgba(13, 13, 13, .8);
box-shadow: 0px 3px 3px -4px rgba(13, 13, 13, .9);
}
*/
/*
.TCS.aside-note-container {
height: fit-content;
margin: 1.5rem 1rem 2rem 1rem;
padding: .5rem 1.5rem 2.0rem 1.5rem;
font-style: normal;
text-align: left;
background: rgba(175, 175, 175, 0.95);
border: 1px solid rgba(13, 13, 13, .2);
border-radius: .5rem;
box-shadow: 2px 3px 4px 1px rgba(13, 13, 13, .6);
}
*/
/*
.TCS.aside-note-container > .tcs-aside-note-body {
display:block;
padding: 1.75rem .75rem;
margin-bottom: 2.0rem;
font-family: 'Gruppo', serif;
font-size: 110%;
font-weight: 600;
}
*/
.TCS.shadowed {
/*
box-shadow: 8px 10px 16px -2px rgba(13, 13, 13, .33);
*/
box-shadow: .25rem .5rem .75rem -.125rem rgba(13, 13, 13, .33);
}
/* ansi2html styles
* ----------------------*/
#task2do-app-id .widget pre {
font-family: 'Anonymous Pro',monospace;
}
#task2do-app-id .widget .ef0,.f0 {
color: rgba(0, 0, 0, 0);
}
#task2do-app-id .widget .eb0,.b0 {
display: inline-block;
background-color:rgba(0, 0, 0, 0);
}
#task2do-app-id .widget .ef1,.f1 { color: #AA0000; } .eb1,.b1 { background-color: #AA0000; }
#task2do-app-id .widget .ef2,.f2 { color: #00AA00; } .eb2,.b2 { background-color: #00AA00; }
#task2do-app-id .widget .ef3,.f3 {
color: #AA5500;
}
#task2do-app-id .widget .eb3,.b3 {
background-color: #AA5500;
}
#task2do-app-id .widget .ef4,.f4 { color: #0000AA; } .eb4,.b4 { background-color: #0000AA; }
#task2do-app-id .widget .ef5,.f5 { color: #AA00AA; } .eb5,.b5 { background-color: #AA00AA; }
#task2do-app-id .widget .ef6,.f6 { color: #00AAAA; } .eb6,.b6 { background-color: #00AAAA; }
#task2do-app-id .widget .ef7,.f7 { color: #AAAAAA; } .eb7,.b7 { background-color: #AAAAAA; }
#task2do-app-id .widget .ef8, .f0 > .bold,.bold > .f0 { color: #555555; font-weight: normal; }
#task2do-app-id .widget .ef9, .f1 > .bold,.bold > .f1 { color: #FF5555; font-weight: normal; }
#task2do-app-id .widget .ef10,.f2 > .bold,.bold > .f2 { color: #55FF55; font-weight: normal; }
#task2do-app-id .widget .ef11,.f3 > .bold,.bold > .f3 { color: #FFFF55; font-weight: normal; }
#task2do-app-id .widget .ef12,.f4 > .bold,.bold > .f4 { color: #5555FF; font-weight: normal; }
#task2do-app-id .widget .ef13,.f5 > .bold,.bold > .f5 { color: #FF55FF; font-weight: normal; }
#task2do-app-id .widget .ef14,.f6 > .bold,.bold > .f6 { color: #55FFFF; font-weight: normal; }
#task2do-app-id .widget .ef15,.f7 > .bold,.bold > .f7 { color: #FFFFFF; font-weight: normal; }
#task2do-app-id .widget .eb8 { background-color: #555555; }
#task2do-app-id .widget .eb9 { background-color: #FF5555; }
#task2do-app-id .widget .eb10 { background-color: #55FF55; }
#task2do-app-id .widget .eb11 { background-color: #FFFF55; }
#task2do-app-id .widget .eb12 { background-color: #5555FF; }
#task2do-app-id .widget .eb13 { background-color: #FF55FF; }
#task2do-app-id .widget .eb14 { background-color: #55FFFF; }
#task2do-app-id .widget .eb15 { background-color: #FFFFFF; }
#task2do-app-id .widget .ef16 {
color: rgba(0, 0, 0, 0);
}
#task2do-app-id .widget .eb16 {
background-color:rgba(0, 0, 0, 0);
}
#task2do-app-id .widget .f9 {
color: rgba(0, 0, 0, 0);
}
#task2do-app-id .widget .b9 {
background-color:rgba(255, 255, 255, 1);
}
#task2do-app-id .widget .f9 > .bold,.bold > .f9, body.f9 > pre > .bold {
/* Bold is heavy black on white, or bright white
depending on the default background */
color: #000000;
font-weight: bold;
display:inline;
}
#task2do-app-id .widget .reverse {
/* CSS does not support swapping fg and bg colours unfortunately,
so just hardcode something that will look OK on all backgrounds. */
color: #000000; background-color: #AAAAAA;
}
#task2do-app-id .widget .underline { text-decoration: underline; }
#task2do-app-id .widget .line-through { text-decoration: line-through; }
#task2do-app-id .widget .blink { text-decoration: blink; }
/* Avoid pixels between adjacent span elements.
Note this only works for lines less than 80 chars
where we close span elements on the same line.
span { display: inline-block; }
*/
/*************************** 1 0 0 T E X T C O L U M N S W I D E ***************************/
/*
#task2do-app-id .widget > .widget-window-outer-container .note-widget-inner-container {
position: absolute;
display: block;
height: 100%;
overflow-y: auto;
font-family: 'Anonymous Pro',monospace;
font-size: 1.0rem;
margin: 0 0.025rem 0.15rem -.25rem;
padding: 0.125rem 0.25rem;
z-index: 110;
max-width: 100%;
height: 100%;
background: rgba(13, 13, 13, .95);
border: none;
-webkit-transition: var(--size-transition) width ease-in-out,
var(--size-transition) max-width ease-in-out,
var(--position-transition) margin ease-in-out,
var(--opacity-transition) opacity ease-in-out;
transition: var(--size-transition) width ease-in-out,
var(--size-transition) max-width ease-in-out,
var(--position-transition) margin ease-in-out,
var(--opacity-transition) opacity ease-in-out;
} */
#task2do-app-id .widget-window-outer-container.v-card.v-sheet.theme--dark.fixed-widget {
width: 100%;
height: 100vh;
max-height: 100%;
}
#task2do-app-id .container.widget.semi-trans--tinted__background.calendar-widget-component.maximize-widget.focusedWidget.fixedWidget {
max-width: 100vw;
max-height: 100vh;
}
#task2do-app-id .widget > .widget-window-outer-container .note-widget-inner-container {
position: absolute;
display: block;
height: 100%;
overflow-y: auto;
font-family: 'Anonymous Pro',monospace;
font-size: 1.0rem;
margin: 0 0.025rem 0.15rem -.25rem;
padding: 0.125rem 0.25rem;
z-index: 110;
max-width: 100%;
/* height: 100%; */
background: rgba(13, 13, 13, .95);
border: none;
transition: var(--size-transition) width ease-in-out,
var(--size-transition) max-width ease-in-out,
var(--position-transition) margin ease-in-out,
var(--opacity-transition) opacity ease-in-out;
/* max-height: 100%; */
left: 0;
bottom: 0;
top: calc(var(--widget-window-bar--height) + calc(var(--widget-toolbar--height)) + calc(var(--inner-container-gap) * 1));
width: 50%;
max-height: calc(100% - calc(var(--widget-window-bar--height) + calc(var(--widget-toolbar--height)) + calc(var(--inner-container-gap) * 2)));
/* margin-top: calc(var(--inner-container-gap) + calc(var(--widget-window-bar--height) + var(--widget-toolbar--height))); */
}
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.full-width {
max-width: 100%;
width: 100%;
height: 100%;
/* margin: var(--inner-container-gap) 0.5rem; */
}
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.left-container:not(.full-width),
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.right-container:not(.preview)[class^="edit"]:not(.full-width) {
max-width: 50%;
width: 50%;
}
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.left-container:not(.preview)[class^="edit"]:not(.full-width) {
max-width: calc(40% - calc(var(--inner-container-gap) * 1));
}
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.right-container.preview:not([class^="edit"]):not(.full-width) {
max-width: calc(60% - calc(var(--inner-container-gap) * 0));
margin-left: calc(40% - calc(var(--inner-container-gap) * 2));
width: 100%;
}
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.left-container.preview:not(.full-width) {
/* margin: 0 0.025rem 0.15rem -.25rem; */
width: calc(40% - calc(var(--inner-container-gap) * 1));
opacity: 1;
}
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.left-container[class^="edit"]:not(.full-width) {
/* margin: 0 0.025rem var(--inner-container-gap) -.25rem; */
width: calc(40% - calc(var(--inner-container-gap) * 1));
opacity: .5;
}
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.right-container.full-width.right-full-width {
/* margin-left: calc(40% - var(--inner-container-gap)); */
opacity: 1;
width: calc(100% - var(--inner-container-gap));
}
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.right-container.preview:not(.full-width) {
/* margin: 0.15rem calc(40% - var(--inner-container-gap)) 1rem; */
opacity: 1;
width: calc(60% - calc(var(--inner-container-gap) * 4));
margin-left: calc(50% - var(--inner-container-gap));
/* margin-left: calc(40.0% - var(--inner-container-gap)); */
width: auto;
}
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.right-container:not(.preview):not(.full-width) {
margin-left: calc(50% - calc(var(--inner-container-gap) * 4));
max-width: calc(50% - calc(var(--inner-container-gap) * -2));
width: auto;
}
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.left-container.preview:not([class^="edit"]).full-width.right-full-width {
/* margin: 0.025rem var(--inner-container-gap) -.25rem; */
width: 0%;
opacity: 0;
/* z-index: -1; */
}
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.left-container.preview:not([class^="edit"]).full-width.left-full-width {
max-width: calc(100% - var(--inner-container-gap));;
}
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.right-container.full-width.left-full-width {
margin-left: 99%;
width: 0%;
opacity: 0;
}
/* #task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.right-container.full-width.left-full-width {
} */
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.left-container.hide,
#task2do-app-id #NotesWidgetContainerId .note-widget-inner-container.right-container.hide {
z-index: -1;
opacity: 0 !important;
}
#task2do-app-id .notePreview .note-checklist-ul > li {
margin: 0.25rem .125rem;
list-style-type: none;
}
#task2do-app-id .notePreview .note-checklist-ul > li > ul > li {
margin: .25rem .5rem .25rem 2.5rem;
list-style-type: decimal;
}
#task2do-app-id .notePreview li input[type=checkbox] {
margin: 0 0.75rem 0 .25rem;
}
/**********************************************************************************
*
* Form and Input Element Styles
*
**********************************************************************************/
#task2do-app-id .widget fieldset .v-input__control {
height: 2.25rem;
line-height: 1.1;
padding: .125rem;
}
#task2do-app-id .widget fieldset .v-input__control {
height: 2.25rem;
line-height: 1;
padding: 0.05rem;
margin: 0.25rem .35rem;
font-size: 1.1rem;
/* background: rgba(13, 13, 13, .95); */
}
/* #task2do-app-id .widget fieldset .v-input.v-textarea .v-input__control {
width: 98%;
height: 100%;
margin: .125rem 0.25rem;
padding: 0.05rem;
display: grid;
} */
#task2do-app-id .widget fieldset .v-input.v-textarea .v-input__control {
width: calc(100% - calc(0.4rem + calc(var(--inner-container-gap) * 2)));
height: 100%;
margin: .1rem 0.15rem 0 -0.15rem;
padding: 0.05rem;
display: block;
max-height: 100%;
}
#task2do-app-id .widget fieldset .v-input.v-textarea .v-input__control textarea {
height: 100%;
overflow-y: auto;
margin: 0;
padding: .5rem 0.25rem 0.5rem;
}
/* #task2do-app-id .widget fieldset .col-sm-6.col-12, */
/* #task2do-app-id .widget fieldset .col-sm-8.col-12 {
margin: .125rem .25rem;
max-width: calc(66% - 1rem);
height: 1.1rem;
padding: .0875rem;
} */
#task2do-app-id .col-xl, #task2do-app-id .col-xl-auto, #task2do-app-id .col-xl-12, #task2do-app-id .col-xl-11, #task2do-app-id .col-xl-10, #task2do-app-id .col-xl-9, #task2do-app-id .col-xl-8, #task2do-app-id .col-xl-7, #task2do-app-id .col-xl-6, #task2do-app-id .col-xl-5, #task2do-app-id .col-xl-4, #task2do-app-id .col-xl-3, #task2do-app-id .col-xl-2, #task2do-app-id .col-xl-1, #task2do-app-id .col-lg, #task2do-app-id .col-lg-auto, #task2do-app-id .col-lg-12, #task2do-app-id .col-lg-11, #task2do-app-id .col-lg-10, #task2do-app-id .col-lg-9, #task2do-app-id .col-lg-8, #task2do-app-id .col-lg-7, #task2do-app-id .col-lg-6, #task2do-app-id .col-lg-5, #task2do-app-id .col-lg-4, #task2do-app-id .col-lg-3, #task2do-app-id .col-lg-2, #task2do-app-id .col-lg-1, #task2do-app-id .col-md, #task2do-app-id .col-md-auto, #task2do-app-id .col-md-12, #task2do-app-id .col-md-11, #task2do-app-id .col-md-10, #task2do-app-id .col-md-9, #task2do-app-id .col-md-8, #task2do-app-id .col-md-7, #task2do-app-id .col-md-6, #task2do-app-id .col-md-5, #task2do-app-id .col-md-4, #task2do-app-id .col-md-3, #task2do-app-id .col-md-2, #task2do-app-id .col-md-1, #task2do-app-id .col-sm, #task2do-app-id .col-sm-auto, #task2do-app-id .col-sm-12, #task2do-app-id .col-sm-11, #task2do-app-id .col-sm-10, #task2do-app-id .col-sm-9, #task2do-app-id .col-sm-8, #task2do-app-id .col-sm-7, #task2do-app-id .col-sm-6, #task2do-app-id .col-sm-5, #task2do-app-id .col-sm-4, #task2do-app-id .col-sm-3, #task2do-app-id .col-sm-2, #task2do-app-id .col-sm-1, #task2do-app-id .col, #task2do-app-id .col-auto, #task2do-app-id .col-12, #task2do-app-id .col-11, #task2do-app-id .col-10, #task2do-app-id .col-9, #task2do-app-id .col-8, #task2do-app-id .col-7, #task2do-app-id .col-6, #task2do-app-id .col-5, #task2do-app-id .col-4, #task2do-app-id .col-3, #task2do-app-id .col-2, #task2do-app-id .col-1 {
padding: .075rem;
}
#task2do-app-id .widget > .widget-window-outer-container .note-widget-inner-container {
overflow-y: unset;
}
#task2do-app-id .v-input input[type="text"] {
font-size: .95rem;
font-weight: 500;
}
#task2do-app-id .v-input {
font-size: 1rem;
letter-spacing: .025rem;
}
#task2do-app-id .v-input input,
#task2do-app-id .v-input__slot.v-input textarea {
color: rgb(6, 6, 6);
background: rgba(225, 225, 225, 0.13);
font-weight: 500;
font-family: 'Anonymous Pro';
font-family: Prompt;
font-size: .9rem;
padding: 0 .25rem;
margin: 0 .075rem;
letter-spacing: .015rem;
color: rgb(200, 200, 225);
}
/* #task2do-app-id .widget .theme--dark.v-input input,
#task2do-app-id .widget .theme--dark.v-input textarea {
color: rgb(6, 6, 6);
background: rgba(225, 225, 225, 0.65);
font-weight: 700;
margin: 0;
padding: .125rem .15rem;
line-height: 1.3rem;
border-radius: .15rem;
resize: none;
scrollbar-width: auto;
scrollbar-color: black;
background: rgba(6, 6, 6, .9);
color: rgb(225, 225, 250);
} */
#task2do-app-id .widget .v-input .v-input__control .v-text-field__slot input,
#task2do-app-id .widget .v-input .v-input__control textarea {
/* color: rgb(6, 6, 6); */
/* background: rgba(225, 225, 225, 0.65); */
font-weight: 700;
height: 2.05rem;
margin: .075rem;
/* padding: 0.5rem .25rem 0.25rem 0.25rem; */
padding: .075rem;
line-height: 1;
border-radius: 0.25rem;
border-top-left-radius: 0;
border: .125rem inset rgba(50, 50, 50, .9);
resize: none;
scrollbar-width: auto;
scrollbar-color: black;
/* background: rgba(6, 6, 6, .85); */
/* color: rgb(225, 225, 250); */
/* margin-top: -0.5rem; */
font-size: 1.125rem;
}
#task2do-app-id .widget .v-text-field > .v-input__control > .v-input__slot > .v-text-field__slot {
display: block;
height: calc(100% - calc(var(--upper-form-fieldset--height) + calc(0.5rem + calc(var(--inner-container-gap) * 2))));
flex: 1 1 auto;
position: relative;
height: 100%;
}
#task2do-app-id .widget .v-input .v-input__control textarea {
font-size: 1.125rem;
}
#task2do-app-id .widget .v-input.v-input--is-disabled .v-input__control .v-text-field__slot input {
color: rgba(25, 25, 25, .666);
}
#task2do-app-id .widget .v-input.v-input--is-disabled.time-stamp-form-field .v-input__control .v-text-field__slot input {
font-size: 80%;
color: rgb(0, 100, 0);
}
#task2do-app-id .widget .v-input input,
#task2do-app-id .widget .v-input textarea {
color: rgb(6, 6, 6);
background: rgba(225, 225, 225, 0.65);
}
#task2do-app-id .widget fieldset .v-input__control {
height: 2.0rem;
line-height: 1;
padding: 0.05rem;
margin: 0.75rem .35rem .15rem;
font-size: 1.1rem;
position: relative;
}
#edit-note-form-id {
height: 100%;
display: block;
}
/* #task2do-app-id .widget fieldset .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot, #task2do-app-id .widget fieldset .v-text-field.v-text-field--enclosed .v-text-field__details {
padding: 0.15rem 0.025rem 0 .125rem;
min-height: 1.95rem;
line-height: 1.4rem;
font-size: 1.25rem;
display: block;
top: 1rem;
margin: -0.475rem 0.15rem 0 -0.5rem;
height: calc(100% - calc(var(--upper-form-fieldset--height) * 1));
position: relative;
width: 100%;
} */
#task2do-app-id .widget fieldset .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot, #task2do-app-id .widget fieldset .v-text-field.v-text-field--enclosed .v-text-field__details {
/* padding: 0.15rem 0.025rem 0 .125rem; */
line-height: 1.3rem;
font-size: 1.25rem;
top: 1rem;
height: calc(100% - calc(var(--upper-form-fieldset--height) * 1));
display: block;
margin: 0;
padding: 0;
width: 100%;
height: calc(100% - calc(1.5rem + calc(var(--inner-container-gap) * 2)));
}
#task2do-app-id .v-text-field.v-text-field--enclosed .v-text-field__details {
margin: .075rem;
padding: .075rem;
}
#task2do-app-id .widget .v-input .v-label.v-label--active {
font-size: 0.9rem;
padding: .05rem .5rem .25rem;
color: rgb(220, 250, 250);
background: rgba(13, 13, 13, .75);
border-end-end-radius: .5rem;
}
#task2do-app-id .widget .v-input .v-label.v-label--active {
font-size: 0.9rem;
padding: 0.01rem 0.8rem 0.25rem;
color: rgb(220, 250, 250);
background: rgba(13, 13, 13, .75);
border-end-end-radius: .5rem;
top: 0.5rem;
height: 1.3rem;
}
#task2do-app-id .widget .v-input.v-textarea.v-input--is-label-active {
display: block;
height: calc(100% - -0.75rem);
margin: .25rem 0 0 0.15rem;
width: 100%;
}
#task2do-app-id6.theme--dark.v-input input::placeholder, .theme--dark.v-input textarea::placeholder {
color: rgba(25, 25, 25, 0.9);
}
#task2do-app-id .widget fieldset .v-input.v-textarea .v-input__control textarea {
height: 100%;
overflow-y: auto;
margin: 0;
padding: 1.25rem 0.25rem 0.5rem;
}
#task2do-app-id .v-application--is-ltr .v-textarea.v-text-field--enclosed .v-text-field__slot {
margin-right: unset;
margin-top: .5rem;
}
#task2do-app-id .widget .v-input.notes-search-input .v-input__control .v-text-field__slot {
border-radius: 0.05rem;
border: .125rem inset rgba(50, 50, 50, .9);
}
#task2do-app-id .widget .v-input.notes-search-input .v-input__control .v-text-field__slot input[type=text] {
height: 2rem;
padding: 0.125rem .5rem;
font-family: Tomorrow;
font-size: 1.3rem;
letter-spacing: .025rem;
border-radius: 0.05rem;
border: .175rem inset rgba(75, 70, 65, .9);
background: rgba(115, 120, 130, 0.99);
color: rgb(13, 13, 13);
/* font-family: Prompt; */
/* font-family: 'Oxygen Mono', monospace; */
/* font-family: 'Anonymous Pro', monospace; */
/* font-family: VT323; */
/* font-family: 'Open Sans'; */
}
#task2do-app-id .widget .v-input.notes-search-input .v-input__control .v-text-field__slot input[type=text]::placeholder {
font-size: 85%;
color: rgb(13, 13, 13);
}
/*
#task2do-app-id .widget .v-input .v-label.v-label--active {
font-size: 1.1rem;
padding: 0.25rem 0.5rem;
color: rgb(220, 250, 250);
background: linear-gradient(180deg, rgba(13, 13, 13, .95) 0%, rgba(13, 13, 13, .5) 10%, rgba(13, 13, 13, .75) 50%, rgba(13, 13, 13, .75) 65%, rgba(130, 130, 130, .01) 100%);
border-bottom: .125rem solid rgba(13, 13, 13, .5);
border-end-end-radius: 0.5rem;
top: -0.15rem;
height: 1.75rem;
margin: 0.1rem 0 0 0;
border-bottom-left-radius: 0;
border-radius: .5rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: none;
border: .1rem outset rgba(225, 225, 250, .99);
line-height: 0.7;
border-bottom: none;
text-shadow: .125rem .125rem .05rem rgba(13, 13, 13, .9);
} */
#task2do-app-id .widget .v-input.v-text-field .v-label.v-label--active {
font-size: 1.15rem;
padding: 0.25rem 1rem;
color: rgb(220, 250, 250);
/* border-end-end-radius: 0.5rem; */
top: -0.4rem;
left: 0.15rem !important;
height: 1.5rem;
margin: 0.1rem 0 0 0;
border-radius: .5rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: .1rem outset rgba(225, 225, 250, .99);
line-height: 0.7;
border-bottom: none;
text-shadow: 0.125rem 0.125rem 0.05rem rgba(13, 13, 13, .9);
}
#task2do-app-id .widget .v-input.v-textarea .v-label.v-label--active {
font-size: 1.15rem;
padding: 0.25rem 1rem;
color: rgb(220, 250, 250);
border-end-end-radius: 0.5rem;
top: -0.7rem;
height: 1.5rem;
margin: 0.1rem 0 0 0;
border-radius: .5rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: .1rem outset rgba(225, 225, 250, .99);
line-height: 0.7;
border-bottom: none;
text-shadow: 0.125rem 0.125rem 0.05rem rgba(13, 13, 13, .9);
}
#task2do-app-id .widget .v-input .v-label.v-label--active:hover {
margin: 0.1rem 0 0 -.125rem;
}
.v-input.v-input--is-label-active.v-input--is-dirty.v-input--dense.theme--dark.v-text-field.v-text-field--is-booted.v-text-field--enclosed.v-text-field--outlined.v-text-field--placeholder {
height: 2.5rem;
margin-top: 0.6rem;
}
#task2do-app-id .v-input.v-textarea.v-input--is-label-active.v-input--is-dirty.theme--dark.v-text-field.v-text-field--filled.v-text-field--is-booted.v-text-field--enclosed {
overflow: hidden;
overflow-y: hidden;
}
#task2do-app-id .widget .v-input.notes-search-input.v-input--dense.theme--dark.v-text-field.v-text-field--is-booted.v-text-field--placeholder {
height: 2.9rem;
}
/* #task2do-app-id .widget .v-input__control .v-text-field__details .v-messages.error--text {
position: absolute;
right: .75rem;
padding: .15rem .75rem .25rem 0;
} */
/* #task2do-app-id .widget .v-input__control .v-input__slot .v-text-field__details .v-messages.error--text { */
/* #task2do-app-id .widget .v-input__control ~ .v-input__slot .v-text-field__details .v-messages.error--text .v-messages__message .message-transition-enter-to{
position: absolute;
right: 40%;
top: 5%;
display: block;
} */
/* .v-messages.theme--dark.error--text
.v-messages.theme--dark.error--text */
/* #task2do-app-id .widget .v-input__control .v-messages.error--text {
color: rgba(125, 0, 0, .975) !important;
caret-color: rgba(125, 0, 0, .975) !important;
font-family: Prompt;
font-weight: 500;
letter-spacing: .015rem;
padding: 0.1rem .75rem 0.25rem 0;
padding-right: 0.75rem;
} */
/* #task2do-app-id .widget .v-input__control .v-messages.error--text {
position: relative;
color: rgba(125, 0, 0, .975) !important;
caret-color: rgba(125, 0, 0, .975) !important;
font-family: Prompt;
background: rgba(200, 200, 0, .75);
font-weight: 500;
margin: .25rem .125rem;
border-radius: .125rem;
width: auto;
height: 1rem;
letter-spacing: 0.05rem;
padding: .15rem .75rem .25rem 0;
} */
/******************************************************************************************
*
#task2do-app-id .widget .v-input__control .v-messages.error--text {
position: absolute;
color: rgba(125, 0, 0, .975) !important;
caret-color: rgba(125, 0, 0, .975) !important;
font-family: Prompt;
background: rgba(200, 200, 0, .75);
font-weight: 500;
margin: .25rem .125rem;
border-radius: .125rem;
left: 31%;
top: -1.1rem;
width: auto;
height: 1rem;
letter-spacing: 0.05rem;
padding: .15rem .75rem .25rem 0;
}
#task2do-app-id .widget .v-input__control .v-messages.error--text .v-messages__message {
line-height: .9rem;
}
******************************************************************************************/
/*****************************************************************************
******************************************************************************
*
*
* C S S S T Y L E S f r o m A P P . V U E
*
*
*****************************************************************************
****************************************************************************/
#task2do-app-id .v-icon {
padding: .125rem;
border-radius: .5rem;
}
/********************************** WEATHER ICONS **************************************/
#task2do-app-id .v-navigation-drawer .v-icon {
padding: .5rem;
border-radius: .5rem;
}
#task2do-app-id .v-navigation-drawer .logout-button-centered {
justify-content: center;
margin: 1.5rem;
}
#task2do-app-id .sunrise-icon {
color: rgba(250, 225, 0, 0.995);
font-weight: 700;
font-size: 2.0rem;
background: linear-gradient(0deg, rgba(75, 75, 0, .9) 0%, rgba(0, 200, 0, .9) 15%, rgba(250, 200, 75, 0.95) 40%, rgba(25, 225, 255, 0.95) 100%);
padding: .985rem .25em .015rem;
text-shadow: 0.0875rem 0.0875rem 0.25rem rgba(200, 200, 0, 0.95);
}
#task2do-app-id .sunny-icon {
color: rgba(250, 250, 0, 0.995);
font-size: 2rem;
font-weight: 700;
padding: .125rem .5rem .75rem;
background: linear-gradient(0deg, rgba(75, 75, 0, .9) 0%, rgba(13, 175, 13, 0.975) 15%, rgba(13, 150, 13, 0.975) 27.5%, rgba(13, 150, 200, 0.975) 32.5%, rgba(100, 200, 255, 0.95) 80%);
text-shadow: 0 0 0.35rem rgba(250, 250, 0, 0.995);
}
#task2do-app-id .moonlit-night-icon {
color: rgba(225, 225, 250, 0.95);
background: linear-gradient(0deg, rgba(13, 13, 13, .975) 0%, rgba(13, 16, 26, 0.975) 35%, rgba(26, 26, 50, 0.95) 100%);
font-size: 2.0rem;
padding: .125rem .5rem .75rem;
text-shadow: 0 0 0.015rem rgba(200, 200, 250, 0.95);
}
.topnav {
margin: 0.125rem 0.5rem;
padding: 0.125rem;
}
.navbar-link {
cursor: pointer;
}
/*
#task2do-app-id .nav-drawer-greeting {
font-size: 0.95rem;
letter-spacing: 0.125rem;
height: 3.5rem;
display: flex;
margin: 1rem 5rem .125rem .25rem;
font-variant: small-caps;
font-weight: 500;
}
#task2do-app-id .nav-drawer-greeting p {
line-height: 2.75rem;
display: flex;
}
.nav-drawer-greeting p img {
width: 3rem;
display: flex;
height: 3rem;
padding: .125rem .25rem .5rem;
} */
/*************************** T O P A P P B A R ***************************/
#task2do-app-id .v-app-bar--fixed {
height: var(--top-app-bar--height);
overflow: hidden;
}
#task2do-app-id .v-app-bar .spacer:not(:last-of-type) {
width: 9%;
flex-grow: 0 !important;
}
#task2do-app-id .v-app-bar .appbar-realtime-clock {
/* font-family: 'Oxygen Mono', monospace; */
font-family: 'Anonymous Pro';
font-size: 1.25rem;
font-weight: 900;
color: rgb(225, 26, 26);
background: rgba(50, 64, 69, .95);
border: .125rem inset rgba(96, 96, 96, .96);
border-radius: .125rem;
padding: 0.025rem .0875rem;
padding-left: 0.125rem;
text-shadow: 0.1rem 0.1rem 0.2rem rgba(6, 6, 6, 0.75);
/* display: inline-block; */
height: 2.75rem;
width: auto;
max-width: 45vw;
margin: -.125rem auto -0.075rem;
min-width: 10rem;
/* left: calc(50% + 7rem); */
/* position: absolute; */
letter-spacing: -0.025rem;
/* transform: translate(-50%, 0%); */
padding-left: 0;
line-height: 0.9;
}
#task2do-app-id .v-list-item__content.user-avater-header {
width: 100%;
display: inline-block;
}
@media (max-width: 1199px) {
/* #task2do-app-id .nav-drawer-greeting {
font-size: 0.75rem;
margin: .5rem 2.0rem .125rem .25rem;
font-variant: small-caps;
font-weight: 400;
}
#task2do-app-id .nav-drawer-greeting p {
line-height: 2.5rem;
display: flex;
}
#task2do-app-id .nav-drawer-greeting p.realtime-clock-appbar {
padding: .125rem .35rem;
line-height: 2.rem !important;
font-size: 1.15rem;
font-weight: 400;
}
.nav-drawer-greeting p img {
width: 2rem;
display: flex;
height: 2rem;
padding: .125rem .125rem .25rem;
}
#task2do-app-id .nav-drawer-greeting + .v-toolbar__items {
padding: .125rem;
margin: .125rem 2.5rem .125rem .25rem;
} */
#task2do-top-logo-slogan {
display: none;
}
}
/*
#task2do-app-id button.toolbar-icon.v-btn.v-btn--depressed.v-btn--flat.v-btn--icon.v-btn--outlined.v-btn--round.theme--dark.v-size--default {
width: 2.55rem;
height: 2.55rem;
margin: 0 .5rem;
} */
/* ******************************************************************************
App primary toolbar icons/buttons
*******************************************************************************/
#app-toolbar-id {
display: flex;
}
#task2do-app-id #app-toolbar-id.v-toolbar__items {
padding: .25rem;
margin: .125rem 1.5rem .125rem .25rem;
}
#task2do-app-id .v-toolbar__items.inline-toolbar-icons {
/* height: 3.25rem; */
height: calc(100% - .25rem);
/* margin: 0.35rem .25rem 0.15rem; */
margin: .0875rem .125rem;
padding: 0.05rem;
/* background: rgba(130, 130, 150, .95); */
/* color: rgb(13, 13, 100); */
}
#task2do-app-id .v-toolbar__content, .v-toolbar__extension {
padding: .125rem .25rem;
}
#task2do-app-id #app-toolbar-id.v-toolbar__items button:active,
#task2do-app-id #app-toolbar-id.v-toolbar__items button:focus {
border: .125rem outset rgba(50, 150, 100, .995);
background: rgba(0, 255, 50, .9);
box-shadow: 0px 0px 4px 2px rgba(0, 20, 25, .75);
filter: drop-shadow(0 0 .25rem rgba(0, 225, 0, .95));
transform: scale(1.05);
transition: .15s transform ease-in-out, 1.25s background ease;
}
#task2do-app-id #app-toolbar-id.v-toolbar__items button {
width: 2.75rem;
height: 98% !important;
border: .125rem outset rgba(0, 175, 225, .9);
border-radius: .125rem;
text-shadow: 0.0875rem 0.0875rem 0.125rem rgba(13, 13, 13, .975);
margin: 0 .75rem;
transition: .13s transform ease-in-out, .75s background ease;
}
#task2do-app-id #app-toolbar-id.v-toolbar__items button:hover {
border: .125rem outset rgba(50, 150, 100, .995);
transition: .15s transform ease-in-out, .75s background ease;
}
#task2do-app-id #app-toolbar-id.v-toolbar__items button .v-icon {
color: rgb(225, 225, 250);
text-shadow: .0875rem .0875rem .125rem rgba(13, 13, 13, .975);
transition: .15s transform ease-in-out;
}
#task2do-app-id #app-toolbar-id.v-toolbar__items button:hover .v-icon {
color: rgba(0, 200, 50, .975);
text-shadow: .0875rem .0875rem .125rem rgba(13, 13, 13, .975);
transition: .15s transform ease-in-out;
}
#task2do-app-id .v-tooltip__content.v-tooltip__content__fixed {
opacity: 0.1 !important;
transition: 1.75s all ease-in-out;
}
#task2do-app-id .v-tooltip__content.menuable__content__active {
outline: none;
opacity: .75;
z-index: 1000;
background: rgba(13, 13, 13, .85);
border: .125rem inset rgba(225, 225, 250, .95);
border-radius: .5rem;
filter: drop-shadow(.125rem .125rem .25rem rgba(6, 6, 6, .75));
transition: .35s all ease-in-out;
}
#task2do-app-id .v-tooltip__content.menuable__content__active.v-tooltip__content__fixed {
/* #task2do-app-id .v-tooltip__content[class*=enter-active] { */
outline: none;
opacity: .75;
z-index: 1000;
background: rgba(13, 13, 13, .85);
border: .125rem inset rgba(225, 225, 250, .95);
border-radius: .5rem;
filter: drop-shadow(.125rem .125rem .25rem rgba(6, 6, 6, .75));
transition: .35s all ease-in-out;
}
/* #task2do-app-id .v-tooltip__content[class*=enter-active], */
/* #task2do-app-id .v-tooltip__content[class*=leave-active] {
transition: .75s opacity ease-in-out;
} */
/***************************************************************************
Task2Do Widget Styles
***************************************************************************/
:root {
--top-app-bar--height: 3rem;
--left-app-drawer--width: 0rem;
--widget-window-bar--height: 2.25rem;
--widget-toolbar--height: 3.35rem; /* This will have to be applied via inline-style because it's dependent on wether or not the window has a toolbar*/
--inner-container-gap: .125rem;
--widget-inner-container--margin-top: 0rem;
--widget-inner-container--margin-left: 0rem;
}
#task2do-app-id .container.widget .backgroundWidget {
z-index: -1;
}
#task2do-app-id .container.widget .focusedWidget {
z-index: 1;
}
#task2do-app-id .widget > .widget-window-outer-container.fixed-widget {
/* top: var(--top-app-bar--height); */
top: var(--top-app-bar--height);
}
#task2do-app-id .widget > .widget-window-outer-container {
max-height: 90.0vh;
height: 100%;
overflow: hidden;
max-width: calc(100% - 0.15rem);
width: calc(100% - 0.15rem);
background: rgba(6, 6, 6, .05);
background: transparent;
position: fixed;
margin: 0;
padding: 0;
border: 0.15rem outset rgba(175, 175, 195, .95);
left: 0;
top: 0;
right: 0;
bottom: 0;
/* filter: drop-shadow(1.5rem 2.0rem .75rem rgba(0, 175, 250, .95)); */
}
#task2do-app-id .widget > .widget-window-outer-container .fixed-widget {
top: 0;
}
#task2do-app-id .widget > .widget-window-outer-container .widget-inner-container {
margin: 0;
padding: 0;
max-width: calc(100% - var(--widget-inner-container--margin-left));
/* max-height: 95%; */
/* background: rgba(0, 200, 0, .75); */
position: absolute;
position: relative;
overflow: hidden;
width: 100%;
max-height: calc(100% - calc(var(--widget-window-bar--height) + var(--widget-inner-container--margin-top)));
margin-top: calc(var(--widget-window-bar--height) + var(--widget-inner-container--margin-top));
--widget-inner-container--margin-top: 0rem;
--widget-inner-container--margin-left: 0rem;
margin-left: var(--widget-inner-container--margin-left);
display: block;
/* position: absolute; */
/* position: relative; */
min-height: calc(100% - calc(var(--widget-window-bar--height) + var(--widget-inner-container--margin-top)));
min-width: calc(100% - var(--widget-inner-container--margin-left));
height: 100%;
margin-top: var(--widget-inner-container--margin-top);
}
#task2do-app-id .widget > .widget-window-outer-container .widget-inner-container#NotesWidgetContainerId {
max-height: calc(100% - calc(var(--widget-window-bar--height) + var(--widget-toolbar--height)));
min-height: calc(100% - calc(var(--widget-window-bar--height) + var(--widget-toolbar--height)));
height: 100%;
}
#task2do-app-id .widget > .widget-window-outer-container .border-highlight {
border: .225rem outset rgba(0, 175, 250, .95);
filter: drop-shadow(1.5rem 2.0rem .75rem rgba(0, 175, 250, .95));
box-shadow: 1.5rem 2.0rem .75rem rgba(0, 175, 250, .95);
}
#task2do-app-id .widget.widget-has-focus {
width: min-content;
}
#task2do-app-id .widget.widget-has-focus .widget-window-outer-container {
border: .125rem outset rgba(25, 150, 250, .95);
border-radius: .5rem;
}
/*
#task2do-app-id .widget > .widget-window-outer-container .widget-inner-container {
height: calc(100% - calc( var(--widget-window-bar--height) + var(--widget-toolbar--height)));
margin: 0 0.15rem;
padding: 0 0.15rem;
} */
/*****************************************************************************/
/************* E N D O F F O R M W I D G E T S T Y L E S *************/
.TS.L-section-container > .row,
.TS.L-header-section-container > .ts-header-row {
display: grid;
grid-gap: 2px;
grid-template-rows: 4rem 1fr;
/* grid-template-columns: 1fr 3fr 1fr; */
grid-template-columns: 20% 69% 10% !important;
margin-right: 0.1rem;
margin-left: 0.1rem;
max-height: fit-content;
height: fit-content;
grid-template-areas: "header-left-col header-center-title header-right-col" !important;
}
@media (max-width: 1199px) {
.TS.L-section-container > .row,
.TS.L-header-section-container > .ts-header-row {
/* grid-template-rows: 4rem 1fr; */
/* grid-template-columns: 1fr 3fr 1fr; */
grid-template-columns: 20% 69% 10% !important;
grid-template-areas: "header-left-col header-center-title header-right-col" !important;
}
}
/*********************** U N O R D E R E D L I S T S T Y L E S ***********************/
#task2do-app-id .widget ul.no-bullet {
margin-left: 4rem;
list-style-type: note;
}
#task2do-app-id .widget ul li ul li {
margin-left: 5rem;
list-style-type: decimal;
}
.TS.L-header-section-container > .ts-header-row .ts-right-column > span > ul {
list-style-type: none;
margin: 0;
padding: 0;
/* font-variant: small-caps; */
font-size: 90%;
}
.TS.L-header-section-container > .ts-header-row .ts-right-column > span > ul li {
/* font: 200 20px/1.5 Helvetica, Verdana, sans-serif; */
font-family: Helvetica, Verdana, sans-serif;
font-size: 0.8rem;
font-weight: 200;
padding-right: 0.5rem;
line-height: 1.1;
border-bottom: 1px solid #ccc;
background: rgba(13, 13, 26, 0.95);
text-align: center;
}
.TS.L-header-section-container > .ts-header-row .ts-right-column > span > ul li:last-child {
border: none;
}
.TS.L-header-section-container > .ts-header-row .ts-right-column > span > ul li a {
text-decoration: none;
display: inline-block;
width: 100%;
margin-right: 0.5rem;
background: rgba(10, 30, 90, 1);
padding-right: 0.5rem;
/* padding: 0.05rem 0.35rem .05rem 0.0rem; */
font-variant: small-caps;
color: rgba(220, 225, 225, 1);
text-align: right;
-webkit-transition: font-size 0.3s ease, background-color 0.3s ease,
color 0.3s ease;
-moz-transition: font-size 0.3s ease, background-color 0.3s ease,
color 0.3s ease;
-o-transition: font-size 0.3s ease, background-color 0.3s ease,
color 0.3s ease;
-ms-transition: font-size 0.3s ease, background-color 0.3s ease,
color 0.3s ease;
transition: font-size 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.TS.L-header-section-container > .ts-header-row .ts-right-column > span > ul li a:hover {
font-size: 110%;
/* width: 150px; */
font-weight: 500;
color: rgba(20, 100, 100, 1);
text-shadow: 1px 1px 2px rgba(13, 13, 13, 0.8);
background: #f6f6f6;
}
/* ********************************************************************************
WidgitSpinner Styles: these are the final versions to be PUT IN ORDER
*/
/* widget-window-outer-container v-card v-sheet theme--dark maximize-widget */
/* #task2do-app-id .container.semi-trans--tinted__background.widget.navigator-position.center .maximize-widget, */
/* #task2do-app-id .task2do-widget-spinner-container .widget.widget-has-focus.navigator-position.center > .widget-window-outer-container.maximize-widget {
width: 100%;
position: fixed;
display: block;
max-width: 100vw;
margin: .5rem auto;
height: 85%;
top: 2.75rem;
transform: translate(-50%, 0rem);
max-height: calc(100vh - 8.5rem);
} */
/* #task2do-app-id #widget-spinner-id.task2do-widget-spinner-container .navigator-position.center > .v-card.v-sheet.maximize-widget */
#task2do-app-id .widget-spinner-container .widgets-container > .widget {
width: 100vw;
position: absolute;
overflow: hidden;
display: block;
max-width: 100vw;
max-height: 90vh;
margin: .5rem auto;
height: 90%;
top: var(--top-app-bar--height);
transform: translate(-50%, 0rem);
/* Too much bounce' */
/* transition: 1.75s all cubic-bezier(0.9, 1.75, 0.75, 1.1); */
/* transition: 0.5s all cubic-bezier(0.5, 1.25, 0.75, 1); */
/* transition: 7.75s all cubic-bezier(0.4, 1.2, 0.2, 1); */
/* transition: 0.5s cubic-bezier(0.69, 1.35, 0.85, 1); */
/* transition: 0.75s all cubic-bezier(0.4, 0, 0.2, 1); */
transition: 1.0s cubic-bezier(0.69, 1.35, 0.85, 1);
}
/* #task2do-app-id #widget-spinner-id.task2do-widget-spinner-container .navigator-position.center > .v-card.v-sheet.maximize-widget {
width: 100%;
position: fixed;
display: block;
max-width: 100vw;
margin: .5rem auto;
height: 85%;
top: 2.75rem;
transform: translate(-50%, 0rem);
max-height: calc(100vh - 8.5rem);
} */
/* width: 100%; */
/* #task2do-app-id #widget-spinner-id .widget.navigator-position.center {
width: 100%;
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: .95;
max-width: 100vw;
margin: .5rem auto;
height: 95%;
top: 2.75rem;
transform: translate(-50%, 0rem);
max-height: calc(100vh - 8.5rem);
} */
/* #task2do-app-id .semi-trans--tinted__background.widget.v-card.v-card--link.v-sheet.navigator-position.center .v-content.maximize-widget { */
/*
#task2do-app-id #widget-spinner-id .widget.navigator-position.center > .v-card.v-sheet.maximize-widget {
top: -1%;
top: -.25rem;
width: 100%;
max-width: 99.99%;
height: 85vh;
max-height: 90vh;
display: block;
position: absolute;
transition: 1.75s all cubic-bezier(0.5, 1.25, 0.75, 1);
transition: 7.75s all cubic-bezier(0.4, 0, 0.2, 1);
transition: 0.75s cubic-bezier(0.4, 0, 0.2, 1);
} */
/*********************** N A V I G A T O R C O N T R O L S S T Y L E S ***********************/
/* #task2do-app-id .task2do-widget-spinner-container .navigator-controls {
position: fixed;
display: flex;
height: 4rem;
background-color: rgba(13, 13, 13, 0.95);
border-color: rgba(13, 13, 13, 0.9);
z-index: 1000;
margin: var(--navigator-control-toolbar--margin) auto;
padding: .125rem .5rem .25rem 1.5rem;
width: auto;
justify-content: center;
left: 50%;
top: calc(calc(99% - var(--navigator-control-toolbar--height)) - calc(var(--navigator-control-toolbar--margin) * 2));
transform: translate(-50%, -.125rem);
} */
#task2do-app-id .widget-spinner-container .navigator-controls {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
max-height: 5rem;
width: 100%;
height: 3.5rem;
margin: var(--navigator-control-toolbar--margin) auto;
padding: .125rem .5rem .25rem 1.5rem;
z-index: 1000;
background-color: rgba(13, 130, 230, 0.95);
border: .125rem outset rgba(13, 130, 230, 0.9);
border-color: rgba(200, 225, 250, 0.9);
border-radius: 0.5rem;
filter: drop-shadow(0 -.25rem .75rem rgba(0, 150, 250, .9));
left: 50%;
/* top: calc(calc(102.5% - var(--navigator-control-toolbar--height)) - calc(var(--navigator-control-toolbar--margin) * 2)); */
top: unset;
bottom: -3.5rem;
transform: translate(-50%, -.125rem);
transition: transform 1.5s cubic-bezier(0.69, 1.35, 0.85, 1),
top 1.5s cubic-bezier(0.69, 1.35, 0.85, 1),
color 2.0s cubic-bezier(0.69, 1.35, 0.85, 1),
border-color 2.0s cubic-bezier(0.69, 1.35, 0.85, 1),
filter 2.0s cubic-bezier(0.69, 1.35, 0.85, 1);
}
#task2do-app-id .widget-spinner-container .navigator-controls {
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 4rem;
background-color: rgba(13, 130, 230, 0.95);
border-color: rgba(13, 13, 13, 0.9);
z-index: 1000;
/* margin: var(--navigator-control-toolbar--margin) auto; */
padding: .125rem .5rem .25rem 1.5rem;
width: auto;
height: 3.5rem;
max-height: 5rem;
align-items: center;
justify-content: center;
left: 50%;
/* top: calc(calc(107.5% - var(--navigator-control-toolbar--height)) - calc(var(--navigator-control-toolbar--margin) * 2)); */
-webkit-transform: translate(-50%, -.125rem);
transform: translate(-50%, -.125rem);
transition: all .25s ease-in-out;
}
/*
#task2do-app-id .widget-spinner-container .navigator-controls:hover {
background-color: rgba(13, 13, 13, 0.95);
border-color: rgba(13, 13, 13, 0.9);
z-index: 1000;
margin: var(--navigator-control-toolbar--margin) auto;
padding: .125rem .5rem .25rem 1.5rem;
width: auto;
height: 3.5rem;
max-height: 5rem;
align-items: center;
justify-content: center;
left: 50%;
top: calc(calc(100% - var(--navigator-control-toolbar--height)) - calc(var(--navigator-control-toolbar--margin) * 1));
} */
#task2do-app-id .widget-spinner-container .navigator-controls:hover {
background-color: rgba(13, 13, 13, 0.95);
border: .125rem outset rgba(200, 200, 230, 0.75);
border-color: rgba(13, 13, 13, 0.9);
border-color: rgba(200, 225, 250, 0.5);
border-radius: 0.5rem;
filter: drop-shadow(0 0 0.75rem rgba(240, 250, 255, .995));
top: calc(calc(98.5% - var(--navigator-control-toolbar--height)) - calc(var(--navigator-control-toolbar--margin) * 2));
transform: translate(-50%,0%);
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
top 0.1s cubic-bezier(0.4, 0, 0.2, 1),
color 2.0s cubic-bezier(0.69, 1.35, 0.85, 1),
border-color 2.0s cubic-bezier(0.69, 1.35, 0.85, 1),
filter 2.0s cubic-bezier(0.69, 1.35, 0.85, 1);
}
/**************** E N D O F N A V I G A T O R C O N T R O L S S T Y L E S ****************/
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position {
position: fixed;
display: block;
overflow: hidden;
/* transition: 2.75s all cubic-bezier(0.5, 1.25, 0.75, 1); */
/* transition: 7.75s all cubic-bezier(0.4, 0, 0.2, 1); */
/* transition: 0.75s cubic-bezier(0.4, 0, 0.2, 1); */
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position > .widget-window-outer-container {
/* opacity: .3; */
position: relative;
display: block;
margin: 0;
padding: 0;
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/******************** Widgets with specific positioning ********************/
#task2do-app-id .widget-spinner-container .widgets-container > .widget {
max-height: calc(100vh - var(--top-app-bar--height));
max-width: calc(100vw - var(--left-app-drawer--width));
left: calc(50% + var(--letf-app-drawer--width));
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.minimize-widget {
overflow: hidden;
min-height: 8rem;
max-height: 9rem;
max-width: 50vw;
min-width: 20rem;
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.maximize-widget.navigator-position.center {
width: 100vw;
height: calc(100vh - var(--top-app-bar--height));
left: 0;
top: var(--top-app-bar--height);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
/************************************************************************************
* Maximized widget styles *
************************************************************************************/
/* #task2do-app-id .widget .v-content.semi-trans--tinted__background .maximize-widget .v-sheet.theme--dark { */
/* #task2do-app-id .task2do-widget-spinner-container .container.widget > .widget-window-outer-container.v-card.maximize-widget { */
/* #task2do-app-id .task2do-widget-spinner-container .container.widget > .widget-window-outer-container.v-card.maximize-widget {
height: 74vh;
width: 98vw;
display: block;
position: absolute;
} */
#task2do-app-id .widget .widget-titlebar .inline-window-button-span > button.window-button,
#task2do-app-id .widget .minimize-widget .widget-titlebar .inline-window-button-span > button.window-button {
min-width: 2.5rem;
max-width: 2.7rem;
min-height: 1.95rem;
max-height: 2rem;
}
/************************** W I D G E T O U T E R C O N T A I N E R **************************/
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position {
position: fixed;
display: flex;
overflow: hidden;
padding: 0;
margin: 0;
height: 100%;
left: 50%;
top: calc(50% + calc(var(--top-app-bar--height) * .5));
background: rgba(6, 6, 6, .15);
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.center {
/* top: calc(25% + var(--top-app-bar--height)); */
z-index: 30;
/* width: 75vw; */
transform: translate(-50%, -50%) scale(1);
/* width: 75%; */
width: calc(calc(100vw * 0.7) - var(--left-app-drawer--width));
height: 80%;
filter: drop-shadow(3.5rem 3.0rem 2.75rem rgba(6, 6, 6, 0.995))
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.left1,
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.right1
{
/* opacity: .666; */
width: var(--background-layer1-widget--width);
z-index: 20;
/* filter: drop-shadow(1.5rem 2.0rem .75rem rgba(6, 6, 6, 0.995)); */
filter: drop-shadow(2.75rem 2.75rem 2.0rem rgba(6, 6, 6, 0.995)) blur(1px);
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.left2,
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.right2 {
/* opacity: .5; */
/* min-width: 33vw; */
/* max-width: var(--background-layer2-widget--width); */
width: var(--background-layer2-widget--width);
/* min-height: 35rem; */
/* max-height: 60vh; */
z-index: 15;
filter: drop-shadow(1.5rem 1.5rem 1.0rem rgba(6, 6, 6, 0.995)) blur(2px);
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.left3,
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.right3 {
/* opacity: .5; */
/* min-width: 33vw; */
/* max-width: var(--background-layer2-widget--width); */
width: var(--background-layer3-widget--width);
/* min-height: 35rem; */
/* max-height: 60vh; */
z-index: 10;
filter: drop-shadow(1.0rem 1.0rem 0.75rem rgba(6, 6, 6, 0.995)) blur(2px);
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.left1 {
/* transform: translate(-125%, -50%) scale(.75); */
transform: translate(calc(-15vw - 50%), -50%) scale(0.75)
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.left2 {
/* transform: translate(-55vw, -50%) scale(.66); */
transform: translate(calc(-30vw - 40%), -50%) scale(0.66);
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.left3 {
/* transform: translate(-60vw, -50%) scale(.5); */
transform: translate(calc(-55vw - 5rem), -50%) scale(0.5);
transform: translate(calc(-45vw - 40%), -50%) scale(0.5);
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.right1 {
/* transform: translate(5%, -50%) scale(.75); */
/* transform: translate(calc(10vw - 25%), -50%) scale(.75); */
transform: translate(calc(15vw - 50%), -50%) scale(.75);
/* transition: 15.75s all cubic-bezier(0.5, 1.25, 0.75, 1); */
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.right2 {
/* transform: translate(20vw, -50%) scale(.66); */
transform: translate(calc(30vw - 60%), -50%) scale(.66);
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.right3 {
transform: translate(30vw, -50%) scale(.5);
transform: translate(calc(45vw - 65%), -50%) scale(.5);
}
/************************************************************************************
* M E D I A Q U E R I E S *
************************************************************************************/
@media (min-width: 800px) {
/* @media (min-wdith: 800px) { */
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.center {
width: calc(calc(100vw * 0.66) - var(--left-app-drawer--width));
width: calc(calc(100vw * 0.8) - var(--left-app-drawer--width));
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.left1 {
transform: translate(calc(-25vw - 55%), -50%) scale(0.75);
transform: translate(calc(-25vw - 70%), -50%) scale(0.75);
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.left2 {
/* transform: translate(calc(-40vw - 30%), -50%) scale(0.66); */
transform: translate(calc(-40vw - 35%), -50%) scale(0.66);
transform: translate(calc(-40vw - 40%), -50%) scale(0.66);
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.left3 {
transform: translate(calc(-45vw - 45%), -50%) scale(0.5);
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.right1 {
transform: translate(calc(25vw - 45%), -50%) scale(.75);
transform: translate(calc(25vw - 30%), -50%) scale(.75)
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.right2 {
transform: translate(calc(40vw - 70%), -50%) scale(.66);
transform: translate(calc(40vw - 60%), -50%) scale(.66);
}
#task2do-app-id .widget-spinner-container .widgets-container > .widget.navigator-position.right3 {
transform: translate(calc(45vw - 60%), -50%) scale(.5);
transform: translate(calc(45vw - 55%), -50%) scale(.5);
}
}
/************************************************************************************
* S T Y L E M O D I F I E R C L A S S E S *
************************************************************************************/
.full-width {
width: 100%;
}