вопрос к экспертам =) | Форум Mozilla Россия

sapha > 06-04-2010 16:34:40

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);



#identity-box, #identity-box hbox {

-moz-border-radius: 11px 0 0 11px !important;

background: transparent !important;

-moz-box-shadow: none !important;

}



.searchbar-engine-button {

background: transparent !important;

-moz-box-shadow: none !important;

-moz-border-radius: 10px 0 0 11px !important;

margin-left: -1px !important;

}



#searchbar .autocomplete-textbox-container {-moz-border-radius: 11px !important;}

.searchbar-engine-button .box-inherit.button-box {margin: 0 1px 0 4px !important;}

.searchbar-engine-button .searchbar-dropmarker-image {display: none !important;}

#searchbar .box-inherit.button-box {background: transparent !important;}



#urlbar .autocomplete-textbox-container {-moz-border-radius: 11px 0 0 11px !important;}

#urlbar .autocomplete-history-dropmarker {-moz-border-radius: 0 11px 11px 0 !important;}

#urlbar, .searchbar-textbox {

-moz-appearance: none !important;

-moz-border-radius: 6px/14px;

-moz-border-top-colors: threedshadow #9C9C9C !important;

-moz-border-left-colors: threedshadow #9C9C9C !important;

-moz-border-bottom-colors: threedshadow #9C9C9C !important;

-moz-border-right-colors:  threedshadow #9C9C9C !important;

}



#urlbar .autocomplete-textbox-container, 

#searchbar .autocomplete-textbox-container, 

#urlbar .autocomplete-history-dropmarker {background-image: url(data:image/png;base64) !important;

background-repeat: repeat-x !important;

}



.searchbar-engine-image {opacity: .8 !important;}

#urlbar .autocomplete-history-dropmarker {background-color: transparent !important;}

#urlbar .progress-bar {opacity: .6 !important;}

#page-proxy-stack image {margin: 0 -2px 0 2px !important;}



#identity-icon-label {color: black !important;}

#identity-box:not(:hover) #identity-icon-label {font-size: 0 !important;}

#identity-icon-label {text-shadow: 0px 0px 3px white, 1px 1px 3px white, -1px -1px 3px white !important;}

#urlbar[level="high"] {background-color: #8ae234!important; }

#urlbar[level="low"] {background-color: #FFFFCC !important; }

#urlbar[level="broken"] {background-color: #FFCCCC!important; }

здравствуйте ! Вот есть код на закругленные углы в urlbar, но там помимо этого еще очень много лишнего... Как мне сделать что бы все было по дефолту, но только чтобы остались закругленные углы в urlbar'е и searchbar'е Спасибо

Infocatcher > 06-04-2010 20:09:31

Убрать все перечисления вида
свойство: значение
, кроме
-moz-border-radius: что-то там;

Примерно так:

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#identity-box, #identity-box hbox {
-moz-border-radius: 11px 0 0 11px !important;
}

.searchbar-engine-button {
-moz-border-radius: 10px 0 0 11px !important;
}

#searchbar .autocomplete-textbox-container {-moz-border-radius: 11px !important;}

#urlbar .autocomplete-textbox-container {-moz-border-radius: 11px 0 0 11px !important;}

#urlbar .autocomplete-history-dropmarker {-moz-border-radius: 0 11px 11px 0 !important;}

#urlbar, .searchbar-textbox {
-moz-border-radius: 6px/14px;
}

mserv > 07-04-2010 00:29:59

sapha пишет

Как мне сделать что бы все было по дефолту, но только чтобы остались закругленные углы в urlbar'е и searchbar'е Спасибо

Можно так

/* Slightly rounded address and search bar corners */
#urlbar {
-moz-appearance: none !important;
-moz-border-radius: 3px !important;
padding-right: 1px !important; }
#searchbar .searchbar-textbox {
-moz-appearance: none !important;
-moz-border-radius: 7px !important; }

SnipeSP > 16-08-2010 12:41:00

Здравствуйте.

Чтобы hbox выглядел как кнопка меню, использую style="-moz-appearance: toolbarbutton;"
Однако для полного эффекта мне в этой кнопке не хватает стрелочки, как бывает у <toolbarbutton type="menu">
Есть какой-нибудь простой вариант добавить эту стрелочку, и чтобы она автоматом менялась в зависимости от плагинов и т.д.

SnipeSP > 16-08-2010 15:02:59

Нашел путь к этой стрелке: chrome://global/skin/arrow/arrow-dn.gif
Пытаюсь её вставить, но она съезжает вниз и никак не получается разместить её по центру кнопки.

Выделить код

Код:

<hbox type="menu" style="-moz-appearance: toolbarbutton;" popup="moneyAndStocksMenu">
                <hbox class="bold" style="margin-right: 5px;" id="moneyAndStocksBlock_name">USD</hbox>
                <hbox><image src="...green.gif" id="moneyAndStocksBlock_image" style="margin-bottom:-10px;"/></hbox>
                <hbox id="moneyAndStocksBlock_price">30.7</hbox>
                                <image src="chrome://global/skin/arrow/arrow-dn.gif"/>
                <menupopup id="moneyAndStocksMenu" position="before_start" style="background:white">                
                    <iframe src="...empty.html" width="250" height="200" id="moneyAndStocksMenu_iframe" style="overflow:hidden"></iframe>
                </menupopup>
            </hbox>