Super Start | Форум Mozilla Россия

В поисках норм. SpeedDial перепробовать всех. Годных оказалось только два FVD SpeedDial и SuperStart Выбрал SS, но бесило его тормоза , анимация групп. Чуть поковырял, в силу своих скромных познаний и чуть подкрутил. Причин две КМК:
- автор зачем-то сделал "раздвижение вверх-вниз" групп при открытии, а сверху маска с прозрачностью. В теории красиво - на практике - тормоза при открытии\закрытии групп.
- обилие transitions на всех элементах. Но автор расширения выделил этовсе в отдельный файл(за что ему тоже благодарочка) так что было довольно просто это все поубирать и чуть изменить.
В итоге получилось на мой вкус хорошо и быстро.
файл transition.css получился такой:

скрытый текст

Выделить код

Код:

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

 #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 {
}