div.appBar {
height: 9vh;
background: var(--obj-background);
color: var(--obj-forecolor);
box-shadow: var(--obj-shadow-std);
padding: var(--obj-padding);
margin: 0 10vw 1vh 10vw;
border-radius: 0 0 7px 7px;
position: relative;
}
div.appBar div {
display: inline-block;
}
div.appBar a {
background: none;
text-decoration: none;
color: var(--links-forecolor);
border: none;
padding-bottom: 0.4vh;
}
div.appBar a:hover {
text-decoration: none;
border-bottom: 0.3vh dotted var(--links-hover-forecolor);
color: var(--links-hover-forecolor);
cursor: pointer;
}
div.appBar div.appLogo {
position: relative;
top: 0;
width: 16vw;
}
div.appBar div.appLogo svg#logomaxworks {
width: 16vw;
vertical-align: top;
}
div.appBar div.appSections {
width: 64vw;
right: 0;
text-align: right;
position: absolute;
padding: 0.7vh 0.7vh 0.2vh 0;
}
div.appBar div.appSections a {
font-size: 1.2vw;
margin: 0 1vh;
}
div.appBar div.appTitle {
font-size: 1.6vh;
}
div.appBar div.appTitle a.breadCrumb {
font-size: 1.6vh;
margin: 0;
padding: 0;
font-weight: 400;
}
div.appBar div.appTitle a.breadCrumb:before {
content: "/";
color: var(--links-forecolor);
font-weight: inherit;
margin: 0;
padding: 0;
}
div.appBar div.appControls {
position: absolute;
right: 0.7vh;
}
div.appBar div.appControls div.appUserLogin {
background: rgba(255, 255, 255, 0.2);
padding: 0.4vh 0.4vw;
font-size: 1vmax;
transition-property: background color;
transition-duration: 1s;
}
div.appBar div.appControls div.appUserLogin:hover {
background: rgba(255, 255, 255, 0.8);
color: black;
}
div.appBar div.appControls div.appUserLogin:hover div.appUserMenu {
display: inline-block;
}
div.appBar div.appControls div.appUserLogin:hover div.appUserMenu a {
color: black!important;
padding: 0.2vh;
border-bottom-color: black;
}
div.appBar div.appControls div.appUserMenu {
position: absolute;
right: 0;
top: 3vh;
display: inline-block;
background: #ffffff;
color: black;
width: 100%;
box-shadow: var(--obj-shadow-std);
display: none;
transition-property: display;
transition-duration: 1s;
}
div.appBar div.appControls div.appUserMenu a {
width: 100%;
}
div.browser {
background-color: var(--object-level5);
font-family: var(--font-semi);
width: 18vw;
height: 88vh;
top: 0;
float: left;
position: relative;
display: inline-block;
}
div.browser dl,
div.browser dd,
div.browser dt {
margin: 0;
}
div.browser dl {
background: none;
padding-left: 0.15rem;
}
div.browser dl.menuContainer dt.cats div.divAdds {
visibility: hidden;
background: #f0f0f0;
text-align: right;
top: 2vh;
}
div.browser dl.menuContainer dt.cats div.divAdds button {
display: block;
cursor: pointer;
border: none;
width: 100%;
margin-top: 2px;
box-shadow: none;
text-align: right;
transition: box-shadow 0.3s;
}
div.browser dl.menuContainer dt.cats div.divAdds button span.caption {
margin-right: 2px;
}
div.browser dl.menuContainer dt.cats div.divAdds button:hover {
box-shadow: var(--mc-obj-shadow);
background: white;
}
div.browser dl.menuContainer dt.cats div.divAdds:hover {
visibility: visible;
/* z-index: 100; */
box-shadow: 1rem 1rem 2rem black;
}
div.browser dl.menuContainer dt.cats div.divAdds:before {
content: "…";
display: block;
position: absolute;
visibility: visible;
right: 0.7vh;
top: -2vh;
}
div.browser dl.menuContainer dd.pubbSummary button.scrollMe {
background: none;
border: none;
box-shadow: none;
padding-left: 1vw;
font-family: var(--font-semi);
font-weight: 400;
color: var(--mc-green-3);
}
div.browser dl.menuContainer dd.pubbSummary ol.scrollMe {
max-height: 40vh;
overflow-y: scroll;
border-left: 2px solid #c8c8c8;
margin-right: 12rem;
padding-right: 14width: 100%;
width: 13vw;
margin-bottom: 2rem;
box-shadow: 0.05rem -0.05rem 0.4rem rgba(0, 0, 0, 0.6) inset;
display: none;
}
div.browser dl.menuContainer dd.pubbSummary ol.scrollMe li chapter {
margin-bottom: 0.5vh;
width: 90%;
}
div.browser dl.menuContainer dt.pubb + dd {
max-height: 60vh;
overflow-y: scroll;
}
div.browser dl.menuContainer dd ol {
width: 96%;
overflow: hidden;
padding-inline-start: 0.7rem;
}
div.browser dl.menuContainer dd ol li {
list-style: none;
position: relative;
}
div.browser dl.menuContainer dd ol li span.numerazioneCapitoli {
display: none;
}
div.browser dl.menuContainer dd ol li > ol {
margin: 0 0 0.4vh 0;
}
div#mainBody {
position: relative;
}
div.menuSorter {
width: 20rem;
}
div.menuSorter .dragMe {
display: block;
border-left: 3px double gray;
background: #f0f0f0;
cursor: grab;
margin: 0.3rem 0 0.3rem 0.3rem;
border: 1px solid gray;
box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.6);
padding: 0.2rem 0 0.2rem 0.2rem;
position: relative;
}
div.menuSorter .dragMe:active {
cursor: grabbing;
}
div.menuSorter ul.sortMe {
min-height: 10px;
min-width: 10px;
border: none;
background: #e6e6e6;
}
div.menuSorter li > ul {
margin-left: 0;
padding-left: 0;
}
div.menuSorter li.collapsed > ul {
display: none;
}
div.menuSorter li > button {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
overflow: hidden;
position: absolute;
right: 0;
}
div.menuSorter li > button:hover {
color: yellow;
}
div.menuSorter li.collapsed > button {
background: #919191;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
height: 0.6rem;
}
div.modData {
width: 80vw;
height: 88vh;
max-width: 80vw;
position: absolute;
right: 0.4vw;
top: 0;
display: inline-block;
background: #f0f0f0;
overflow-y: scroll;
/* div.contentSettings{
padding: 0;
div.blockSettings,
div.blockFields{
display: block;
position: relative;
margin: 0.3rem 0.2rem;
}
} */
}
div.modData div.copertinaSezione {
position: relative;
margin-left: 25%;
margin-top: 25%;
width: 50%;
background-color: white;
border-color: 1px solid #353535;
padding: 1rem;
}
div.modData div.chapterMenuBar {
padding: 0.3rem;
}
div.modData div.chapterMenuBar div.addModuleButton div.pickamodule {
display: none;
position: absolute;
background: var(--obj-background);
padding: 1rem;
border: var(--obj-border);
box-shadow: var(--obj-shadow-std);
left: -1rem;
top: 1.3rem;
width: 34rem;
text-align: left;
/* z-index: 1000; */
box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.6);
font-size: 1rem;
}
div.modData div.chapterMenuBar div.addModuleButton div.pickamodule span.groupTitle {
color: var(--obj-forecolor);
width: 100%;
display: block;
text-align: left;
border-bottom: 1px solid var(--obj-forecolor);
margin-bottom: 0.2rem;
margin-top: 0.6rem;
}
div.modData div.chapterMenuBar div.addModuleButton div.pickamodule button {
width: 10rem;
text-align: left;
font-family: var(--font-condensed);
font-size: 1.1rem;
font-weight: 500;
}
/* div.contentSettings.menuBar{
padding-left: 24px;
} */
ctrl {
width: unset;
}
ctrl data select {
min-width: 10em!important;
}
div.amsify-suggestags-area {
min-width: 20rem;
background: white;
border: 1px solid var(--ui-ctrl-color);
box-shadow: 0.08em 0.08em 0.15em rgba(40, 40, 40, 0.65) inset;
}
div.amsify-suggestags-area .amsify-suggestags-input-area .amsify-select-tag.col-bg {
background: #d8d8d8;
color: black;
font-family: var(--font-semi);
font-size: 1rem;
background: #09ccb5;
}
div.amsify-suggestags-area input.amsify-suggestags-input {
border: none;
background: none;
box-shadow: none;
min-width: unset;
}