Привет ребят. может кто подсказать, я сам уже немогу допереть:
1. CSS: как убрать вот эту границу белую, кот-я делает эскиз как бы "вдавленным"; она какого-то белого оттенка, но т.к. там два пикселя, то хз. какого именно оно цвета. Перекопал стили - нифига не нашел. Дам фотку и стиль, который сделал. Он тёмного цвета и эта белая обводка мешает ппц. Слева и сверху убралась, а справа и снизу на нашел что это
Code: Select all
/* ***************************************************************************************************** */
/* ALL TABS ПАНЕЛЬ */
/* ***************************************************************************************************** */
#allTabs-panel,
#ctrlTab-panel {
-moz-appearance: none !important;
/* черно-красный background-image: -moz-radial-gradient(center, ellipse cover, rgba(200,0,0, 1) 10%, rgba(0,0,0, 1) 100%) !important;*/
background-image: -moz-radial-gradient(center, ellipse cover, #666 0%, #101010 100%) !important;
border: 1px solid #222 !important;
}
.allTabs-preview-inner > .tabPreview-canvas {
-moz-appearance: none !important;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
}
.allTabs-preview {
color: #F7F7F7 !important;
font-family: "Segoe UI","Arial" !important;
font-size: 16px !important;
font-weight: 600 !important;
text-shadow: 2px 2px 3px #000 !important;
}
/*.allTabs-preview[selected-tab] {font-weight: 800 !important;}*/
/* подсветка активной ячейки рамкой при наведении мыша и клавишами */
.allTabs-preview:hover > stack > .allTabs-preview-inner,
.allTabs-preview:focus > stack > .allTabs-preview-inner {
box-shadow: 0px 0px 3px 6px #B34EE9;
opacity: 1 !important;
}
/*.allTabs-preview:hover {color:#F9F919 !important;font-weight: 600 !important;text-shadow: 2px 1px 2px #000;} */
.allTabs-preview:not(:hover):not(:focus):not([closebuttonhover]) > html,
.allTabs-preview:not(:hover):not(:focus):not([closebuttonhover]) > canvas {
opacity: 1 !important;
}
.allTabs-preview:focus > html,
.allTabs-preview:focus > canvas {
opacity: 1 !important;
}
#allTabs-meta {
}
#allTabs-filter {
-moz-appearance:none !important;
color: #f2f2f2 !important;
background-color: #787878 !important;
font-weight: 600 !important;
-moz-border-top-colors: #666 #666 !important;
-moz-border-right-colors: #666 #666 !important;
-moz-border-bottom-colors: #666 #666 !important;
-moz-border-left-colors: #666 #666 !important;
min-width: 45em !important;
}
#allTabs-tab-close-button > .toolbarbutton-icon {
}
.allTabs-favicon[src] {
background-color: rgba(230, 255, 230, 0.6) !important;
height: 32px !important;
width: 32px !important;
}
.allTabs-favicon[src]:-moz-locale-dir(rtl) {
}
.allTabs-preview-inner > .tabPreview-canvas {
}
/* button.allTabs-preview[image*="vk.com"]:not(:focus):not(:hover):not(:active) > stack > .allTabs-preview-inner */
button.allTabs-preview[image*="vk.com"] > stack > .allTabs-preview-inner {
background-color: rgba(0,160,255, .8);
}
button.allTabs-preview[image*="hdkinoteatr.com"] > stack > .allTabs-preview-inner {
/* background-color: #0D45C2 !important;*/
background-color: rgba(13,69,194,.8);
}
button.allTabs-preview[image*="youtube.com"] > stack > .allTabs-preview-inner {
/* background-color: #D24000 !important;*/
background-color: rgba(210,64,0,.8);
}
button.allTabs-preview[image*="forum.palemoon.org"] > stack > .allTabs-preview-inner,
button.allTabs-preview[image*="forum.mozilla-russia.org"] > stack > .allTabs-preview-inner {
/* background-color: #AE4FFF !important;*/
background-color: rgba(174,79,255,.8);
}
button.allTabs-preview[image*="addons.palemoon.org"] > stack > .allTabs-preview-inner,
button.allTabs-preview[image*="mozilla.net"] > stack > .allTabs-preview-inner {
background-color: rgba(0,203,51,.8);
}
button.allTabs-preview[image*="wikipedia.org"] > stack > .allTabs-preview-inner {
background-color: rgba(180,180,180,.8);
}
button.allTabs-preview[image*="alternatio.org"] > stack > .allTabs-preview-inner {
/* box-shadow: 0px 0px 2px 5px #A9D083 !important;*/
background-color: rgba(169,208,131,.8);
}
#btn_speeddial > menupopup > menu,
#btn_speeddial > menupopup > menu > menupopup > menuitem {
min-height: 42px !important;
}
#btn_speeddial > menupopup > menu > menupopup {
max-width: 26em !important;
}
2. Это уже больше к JS и CB наверное вопрос, но все равно задам - как AllTabs panel заставить делать эскиз всегда в позиции 0,0 ? т.е. без учета прокрутки страницы, чтоб всегда в эскизе была шапка сайта, а не текущее положение. Вообще, такое поведение довольно глупое, ибо узнаваемость визуально, конечно у шапки сайта, а не у середины страницы с текстом, котороый выглядит одинаково.
Прошу помощи, подсказок. В ответ, поделюсь кодом для CB сделанным отличным парнем(не мной, но по моей просьбе, за что ему благодарочка и полноый восторг.. но я не успел всё это выразить
ибо админы у того сайта - конченные ебанаты, особо упорот "Сирожа" ) для подсветки текущей вкладки в AllTabs panel