/* убрать прозрачность маски при открытии папки. черный фон */

 #mask {
       background-color: #121212;
       opacity: 1;
        }

/* --------------- при наведении подсветка названия ---------------------------------------- */
.site-title, li.note {
    color: #EFEFEF;
    text-shadow: 1px 2px 3px #000000 , 0 0 1em #202020;
    }

.site-title-text {
    font-family:"Franklin Gothic","Segoe UI", Arial;
    font-size: 1.2em;
    font-style: italic;
    font-weight: 400;
    }

.site-link:hover > *,
.site-title-text:hover > *,
.site.in-folder.not-opened:hover > * {
    color: yellow;
    text-shadow: 1px 2px 3px #000000, 0 1em 1em #00FF40;
    }

/* ------------------------------------------------------------------------------------------------------ */

#container
, .nbb
, .nbc
, #nb-search
, .site
, #folder
, .site-snapshot
, .button
, .site-title
, .image-preview
, #notes
, #note-edit {

}

.nbb, .nbc {
}

#nb-search {
}

#container.notransition
, .nbb.notransition
, .nbc.notransition
, .site.notransition
, #folder.notransition
, .site-snapshot.notransition
, .button.notransition
, .site-title.notransition
, .image-preview.notransition
, #notes.notransition
, #note-edit.notransition {
/*    transition-property: none;*/
    }

#container {
    }

.site {
    transition-duration: .2s;
    transition-property: top, left, margin, width, height, transform;
    transition-timing-function: ease;

/*    transition-property: top, left, opacity, transform;*/
    }

#folder {
    transition-duration: .3s;
    transition-property: top, left, margin, width, height, transform;
    transition-timing-function: ease;
    }

#folder.closing {
    transition-duration: .3s;
    transition-property:  top, left, margin, width, height, transform;
    transition-timing-function: ease;
    }

.site-snapshot {
}

.button {
}

.site-title {
}

.image-perview {
}

.site.dragging {
    transition: none !important;
}

#notes {
}

#note-edit {
}