home *** CD-ROM | disk | FTP | other *** search
/ Revista do CD-ROM 114 / CDRom114.iso / internet / temafire / Phoenity.jar / browser / browser.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-11-19  |  25.3 KB  |  924 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: NPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Netscape Public License
  5.  * Version 1.1 (the "License"); you may not use this file except in
  6.  * compliance with the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/NPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is mozilla.org code.
  15.  *
  16.  * The Initial Developer of the Original Code is
  17.  * Netscape Communications Corporation.
  18.  * Portions created by the Initial Developer are Copyright (C) 1998-1999
  19.  * the Initial Developer. All Rights Reserved.
  20.  *
  21.  * Contributor(s):
  22.  * Joe Hewitt (hewitt@netscape.com)
  23.  * Jason Kersey (kerz@netscape.com)
  24.  * Pierre Chanial (chanial@noos.fr)
  25.  *
  26.  * Alternatively, the contents of this file may be used under the terms of
  27.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  28.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  29.  * in which case the provisions of the GPL or the LGPL are applicable instead
  30.  * of those above. If you wish to allow use of your version of this file only
  31.  * under the terms of either the GPL or the LGPL, and not to allow others to
  32.  * use your version of this file under the terms of the NPL, indicate your
  33.  * decision by deleting the provisions above and replace them with the notice
  34.  * and other provisions required by the GPL or the LGPL. If you do not delete
  35.  * the provisions above, a recipient may use your version of this file under
  36.  * the terms of any one of the NPL, the GPL or the LGPL.
  37.  *
  38.  * ***** END LICENSE BLOCK ***** */
  39.  
  40. @import url("chrome://global/skin/");
  41. @import url("chrome://browser/skin/extensions/extensions.css"); /*extensions*/
  42.  
  43. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  44.  
  45. #PersonalToolbar {
  46. min-height: 22px;
  47. }
  48.  
  49. /* ::::: bookmark buttons ::::: */
  50.  
  51. toolbarbutton.bookmark-item {
  52. margin: 0;
  53. min-width: 0;
  54. max-width: 13em;
  55. padding: 2px 3px;
  56. }
  57.  
  58. toolbarbutton.bookmark-item:hover:active,
  59. toolbarbutton.bookmark-item[open="true"] {
  60. padding: 3px 2px 1px 4px;
  61. }
  62.  
  63. toolbarbutton.bookmark-item .toolbarbutton-text{
  64. padding-left: 3px;
  65. }
  66.  
  67. .bookmark-item > .toolbarbutton-icon {
  68. width: 16px;
  69. height: 16px;
  70. }
  71.  
  72. /* Prevent [mode="icons"] from hiding the label */
  73. .bookmark-item > .toolbarbutton-text {
  74. display: -moz-box !important;
  75. }
  76.  
  77. /*
  78. in IE, no dropmarkers.
  79. in Opera, got dropmarkers.
  80. in Firefox, should have dropmarkers, in my opinion.
  81. *
  82. .bookmark-item > .toolbarbutton-menu-dropmarker {
  83. display: none;
  84. }
  85. */
  86.  
  87. #wrapper-personal-bookmarks[place="palette"]{
  88. -moz-box-orient: horizontal !important;
  89. /*horizontal is better because looks more like a 'bar'*/
  90. }
  91. #wrapper-personal-bookmarks .toolbarpaletteitem-box[place="palette"]{
  92. width: 16px;
  93. height: 16px;
  94. /*24x24px is not intuitive because there are no large icons on the Bookmarks Toolbar!*/
  95. background: url("chrome://global/skin/icons/bookmark_item.png") no-repeat -32px 0 !important;
  96. }
  97. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize > .toolbarbutton-text{
  98. margin: 0 !important;
  99. /*just a trivial code to remove the spaces, but won't work*/
  100. }
  101. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize > .toolbarbutton-icon{
  102. margin-left: 2px !important;
  103. /*look nicer?*/
  104. }
  105.  
  106. .bookmarks-toolbar-customize {
  107. display: none;
  108. max-width: 15em !important;
  109. }
  110.  
  111. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize {
  112. display: -moz-box;
  113. }
  114.  
  115. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize .toolbarbutton-text{
  116. margin: 0 !important;
  117. }
  118.  
  119. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-overflow-items {
  120. visibility: hidden;
  121. }
  122.  
  123. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-items {
  124. visibility: hidden;
  125. }
  126.  
  127. /* ::::: bookmark menus ::::: (fixed bug) */
  128.  
  129. menu.bookmark-item,
  130. menuitem.bookmark-item {
  131. /*min-width: 0;*/
  132. max-width: 26em;
  133. /*border-top: 1px solid transparent !important;*/
  134. border-bottom: 1px solid transparent !important;
  135. /*padding: 1px 3px 1px 2px;*/
  136. padding: 1px 2px;
  137. /*margin-top: -1px; * this is a BAD hack, dude! */
  138. }
  139.  
  140. menupopup > .bookmark-item:first-child,
  141. popup > .bookmark-item:first-child,
  142. /* we can drag bookmarks to the top! */
  143. menupopup menuseparator+.bookmark-item,
  144. popup menuseparator+.bookmark-item
  145. /* we can also drag them to the bottom of a menuseparator! */{
  146. border-top: 1px solid transparent !important;
  147. }
  148.  
  149. .bookmark-item > .menu-iconic-left > .menu-iconic-icon {
  150. width: 16px;
  151. height: 16px;
  152. }
  153.  
  154. /* ..... drag and drop styles ..... */
  155.  
  156. .bookmark-item[dragover-left="true"] {
  157. -moz-border-left-colors: -moz-DialogText;
  158. }
  159. .bookmark-item[dragover-right="true"] {
  160. -moz-border-right-colors: -moz-DialogText;
  161. }
  162. .bookmark-item[dragover-top="true"] {
  163. -moz-border-top-colors: -moz-DialogText;
  164. }
  165. .bookmark-item[dragover-bottom="true"] {
  166. -moz-border-bottom-colors: -moz-DialogText;
  167. }
  168.  
  169. /*different drag-on colors for menus*/
  170.  
  171. menu.bookmark-item[dragover-top="true"],
  172. menuitem.bookmark-item[dragover-top="true"] {
  173. -moz-border-top-colors: MenuText;
  174. }
  175. menu.bookmark-item[dragover-bottom="true"],
  176. menuitem.bookmark-item[dragover-bottom="true"] {
  177. -moz-border-bottom-colors: MenuText;
  178. }
  179.  
  180. /* ::::: bookmark items ::::: */
  181.  
  182. .bookmark-item:not([livemark]){
  183. list-style-image: url("chrome://global/skin/icons/bookmark_item.png") !important;
  184. -moz-image-region: rect(0 48px 16px 32px);
  185. }
  186. toolbarbutton.bookmark-item:not([livemark]):hover{
  187. -moz-image-region: rect(16px 32px 32px 16px);
  188. }
  189.  
  190. .bookmark-item[container="true"]:not([livemark]) {
  191. -moz-image-region: rect(0 16px 16px 0);
  192. }
  193. toolbarbutton.bookmark-item[container="true"]:not([livemark]):hover{
  194. -moz-image-region: rect(16px 16px 32px 0);
  195. }
  196.  
  197. .bookmark-item[open="true"]:not([livemark]),
  198. .bookmark-item[container="true"][open="true"]:not([livemark]),
  199. menu.bookmark-item[container="true"]:hover{
  200. -moz-image-region: rect(0 32px 16px 16px);
  201. }
  202.  
  203. /*bookmarklets - inspired by the Noia theme*/
  204. .bookmark-item[statustext^="javascript:"]{
  205. list-style-image: url("chrome://browser/skin/bookmarklet.png") !important;
  206. -moz-image-region: rect(0 16px 16px 0);
  207. }
  208. toolbarbutton.bookmark-item[statustext^="javascript:"]:hover{
  209. -moz-image-region: rect(0 32px 16px 16px);
  210. }
  211.  
  212. /* livemarks */
  213.  
  214. #livemark-button > menupopup > menuitem[data]{
  215. -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;
  216. /* let people recognise icons better! */
  217. }
  218.  
  219. .bookmark-item[livemark="true"][container="true"],
  220. #livemark-button > menupopup > menuitem[data] { 
  221. list-style-image: url("chrome://global/skin/icons/livemark_item.png");
  222. -moz-image-region: rect(0 16px 16px 0);
  223. }
  224.  
  225. .bookmark-item[livemark="true"][open="true"],
  226. .bookmark-item[livemark="true"][container="true"][open="true"],
  227. .bookmark-item[livemark="true"][container="true"]:hover{
  228. -moz-image-region: rect(16px 16px 32px 0);
  229. }
  230.  
  231. .bookmark-item[livemark="true"] > menupopup > .bookmark-item {
  232. list-style-image: url("chrome://global/skin/icons/livemark_item.png") !important;
  233. -moz-image-region: rect(0 32px 16px 16px) !important;
  234. }
  235.  
  236. /* ::::: primary toolbar buttons ::::: */
  237.  
  238. .toolbarbutton-1 {
  239. min-width: 0;
  240. list-style-image: url("chrome://browser/skin/tbar.png");
  241. -moz-box-orient: vertical;
  242. }
  243.  
  244. .toolbarbutton-1[type="menu-button"],
  245. .toolbarbutton-1[type="menu"] {
  246. -moz-box-orient: horizontal;
  247. }
  248.  
  249. toolbar[mode="icons"] toolbarbutton .toolbarbutton-text,
  250. toolbar[mode="text"] toolbarbutton .toolbarbutton-icon {
  251. display: none;
  252. }
  253.  
  254. /*bug fix: make the text middle-align vertically in text-mode*/
  255. toolbar[mode="text"] toolbarbutton:not([type|="menu"]){
  256. -moz-box-orient: horizontal !important;
  257. }
  258.  
  259. /* buttons */
  260.  
  261. #back-button {
  262. -moz-image-region: rect(0 24px 24px 0);
  263. }
  264. #back-button[buttonover="true"],
  265. #back-button:hover {
  266. -moz-image-region: rect(24px 24px 48px 0);
  267. }
  268. #back-button[disabled="true"] {
  269. -moz-image-region: rect(48px 24px 72px 0) !important;
  270. }
  271.  
  272. #forward-button {
  273. -moz-image-region: rect(0 48px 24px 24px);
  274. }
  275. #forward-button[buttonover="true"],
  276. #forward-button:hover {
  277. -moz-image-region: rect(24px 48px 48px 24px);
  278. }
  279. #forward-button[disabled="true"] {
  280. -moz-image-region: rect(48px 48px 72px 24px) !important;
  281. }
  282.  
  283. #reload-button {
  284. -moz-image-region: rect(0 144px 24px 120px);
  285. }
  286. #reload-button:hover {
  287. -moz-image-region: rect(24px 144px 48px 120px);
  288. }
  289. #reload-button[disabled="true"] {
  290. -moz-image-region: rect(48px 72px 72px 48px) !important;
  291. }
  292.  
  293. #stop-button {
  294. -moz-image-region: rect(0 168px 24px 144px);
  295. }
  296. #stop-button:hover {
  297. -moz-image-region: rect(24px 168px 48px 144px);
  298. }
  299. #stop-button[disabled="true"] {
  300. -moz-image-region: rect(48px 96px 72px 72px) !important;
  301. }
  302.  
  303. #home-button {
  304. -moz-image-region: rect(0 264px 24px 240px);
  305. }
  306. #home-button:hover {
  307. -moz-image-region: rect(24px 264px 48px 240px);
  308. }
  309.  
  310. #print-button {
  311. -moz-image-region: rect(0 240px 24px 216px);
  312. }
  313. #print-button:hover {
  314. -moz-image-region: rect(24px 240px 48px 216px);
  315. }
  316.  
  317. #new-tab-button {
  318. -moz-image-region: rect(0 192px 24px 168px);
  319. }
  320. #new-tab-button:hover,
  321. #new-tab-button[checked="true"] {
  322. -moz-image-region: rect(24px 192px 48px 168px);
  323. }
  324.  
  325. #new-window-button {
  326. -moz-image-region: rect(0 216px 24px 192px);
  327. }
  328. #new-window-button:hover,
  329. #new-window-button[checked="true"]{
  330. -moz-image-region: rect(24px 216px 48px 192px);
  331. }
  332.  
  333. #downloads-button {
  334. -moz-image-region: rect(0 96px 24px 72px);
  335. }
  336. #downloads-button:hover,
  337. #downloads-button[checked="true"] {
  338. -moz-image-region: rect(24px 96px 48px 72px);
  339. }
  340.  
  341. #bookmarks-button {
  342. -moz-image-region: rect(0 72px 24px 48px);
  343. }
  344. #bookmarks-button:hover,
  345. #bookmarks-button[checked="true"] {
  346. -moz-image-region: rect(24px 72px 48px 48px);
  347. }
  348.  
  349. #history-button {
  350. -moz-image-region: rect(0 120px 24px 96px);
  351. }
  352. #history-button:hover,
  353. #history-button[checked="true"] {
  354. -moz-image-region: rect(24px 120px 48px 96px);
  355. }
  356.  
  357. #cut-button {
  358. -moz-image-region: rect(0 288px 24px 264px);
  359. }
  360. #cut-button:hover,
  361. #cut-button[checked="true"] {
  362. -moz-image-region: rect(24px 288px 48px 264px);
  363. }
  364. #cut-button[disabled="true"] {
  365. -moz-image-region: rect(48px 120px 72px 96px);
  366. }
  367.  
  368. #copy-button {
  369. -moz-image-region: rect(0 312px 24px 288px);
  370. }
  371. #copy-button:hover,
  372. #copy-button[checked="true"] {
  373. -moz-image-region: rect(24px 312px 48px 288px);
  374. }
  375. #copy-button[disabled="true"] {
  376. -moz-image-region: rect(48px 144px 72px 120px);
  377. }
  378.  
  379. #paste-button {
  380. -moz-image-region: rect(0 336px 24px 312px);
  381. }
  382. #paste-button:hover,
  383. #paste-button[checked="true"] {
  384. -moz-image-region: rect(24px 336px 48px 312px);
  385. }
  386. #paste-button[disabled="true"] {
  387. -moz-image-region: rect(48px 168px 72px 144px);
  388. }
  389.  
  390. #mail-button {
  391. -moz-image-region: rect(0 360px 24px 336px);
  392. }
  393. #mail-button:hover,
  394. #mail-button[checked="true"] {
  395. -moz-image-region: rect(24px 360px 48px 336px);
  396. }
  397. #mail-button[disabled="true"] {
  398. -moz-image-region: rect(48px 192px 72px 168px);
  399. }
  400.  
  401.  
  402. /* ::::: small primary toolbar buttons ::::: */
  403.  
  404. toolbar[iconsize="small"] .toolbarbutton-1 {
  405. list-style-image: url("chrome://browser/skin/tbar_small.png");
  406. }
  407.  
  408. toolbar[iconsize="small"] #back-button {
  409. -moz-image-region: rect(0 16px 16px 0);
  410. }
  411. toolbar[iconsize="small"] #back-button[buttonover="true"],
  412. toolbar[iconsize="small"] #back-button:hover {
  413. -moz-image-region: rect(16px 16px 32px 0);
  414. }
  415. toolbar[iconsize="small"] #back-button[disabled="true"] {
  416. -moz-image-region: rect(32px 16px 48px 0) !important;
  417. }
  418.  
  419. toolbar[iconsize="small"] #forward-button {
  420. -moz-image-region: rect(0 32px 16px 16px);
  421. }
  422. toolbar[iconsize="small"] #forward-button[buttonover="true"],
  423. toolbar[iconsize="small"] #forward-button:hover {
  424. -moz-image-region: rect(16px 32px 32px 16px);
  425. }
  426. toolbar[iconsize="small"] #forward-button[disabled="true"] {
  427. -moz-image-region: rect(32px 32px 48px 16px) !important;
  428. }
  429.  
  430. toolbar[iconsize="small"] #reload-button {
  431. -moz-image-region: rect(0 96px 16px 80px);
  432. }
  433. toolbar[iconsize="small"] #reload-button:hover {
  434. -moz-image-region: rect(16px 96px 32px 80px);
  435. }
  436. toolbar[iconsize="small"] #reload-button[disabled="true"] {
  437. -moz-image-region: rect(32px 48px 48px 32px) !important;
  438. }
  439.  
  440. toolbar[iconsize="small"] #stop-button {
  441. -moz-image-region: rect(0 112px 16px 96px);
  442. }
  443. toolbar[iconsize="small"] #stop-button:hover {
  444. -moz-image-region: rect(16px 112px 32px 96px);
  445. }
  446. toolbar[iconsize="small"] #stop-button[disabled="true"] {
  447. -moz-image-region: rect(32px 64px 48px 48px) !important;
  448. }
  449.  
  450. toolbar[iconsize="small"] #home-button {
  451. -moz-image-region: rect(0 176px 16px 160px);
  452. }
  453. toolbar[iconsize="small"] #home-button:hover {
  454. -moz-image-region: rect(16px 176px 32px 160px);
  455. }
  456.  
  457. toolbar[iconsize="small"] #print-button {
  458. -moz-image-region: rect(0 160px 16px 144px);
  459. }
  460. toolbar[iconsize="small"] #print-button:hover {
  461. -moz-image-region: rect(16px 160px 32px 144px);
  462. }
  463.  
  464. toolbar[iconsize="small"] #downloads-button {
  465. -moz-image-region: rect(0 64px 16px 48px);
  466. }
  467. toolbar[iconsize="small"] #downloads-button:hover,
  468. toolbar[iconsize="small"] #downloads-button[checked="true"] {
  469. -moz-image-region: rect(16px 64px 32px 48px);
  470. }
  471.  
  472. toolbar[iconsize="small"] #new-tab-button {
  473. -moz-image-region: rect(0 128px 16px 112px);
  474. }
  475. toolbar[iconsize="small"] #new-tab-button:hover,
  476. toolbar[iconsize="small"] #new-tab-button[checked="true"] {
  477. -moz-image-region: rect(16px 128px 32px 112px);
  478. }
  479.  
  480. toolbar[iconsize="small"] #new-window-button {
  481. -moz-image-region: rect(0 144px 16px 128px);
  482. }
  483. toolbar[iconsize="small"] #new-window-button:hover,
  484. toolbar[iconsize="small"] #new-window-button[checked="true"] {
  485. -moz-image-region: rect(16px 144px 32px 128px);
  486. }
  487.  
  488. toolbar[iconsize="small"] #bookmarks-button {
  489. -moz-image-region: rect(0 48px 16px 32px);
  490. }
  491. toolbar[iconsize="small"] #bookmarks-button:hover,
  492. toolbar[iconsize="small"] #bookmarks-button[checked="true"] {
  493. -moz-image-region: rect(16px 48px 32px 32px);
  494. }
  495.  
  496. toolbar[iconsize="small"] #history-button {
  497. -moz-image-region: rect(0 80px 16px 64px);
  498. }
  499. toolbar[iconsize="small"] #history-button:hover,
  500. toolbar[iconsize="small"] #history-button[checked="true"] {
  501. -moz-image-region: rect(16px 80px 32px 64px);
  502. }
  503.  
  504. toolbar[iconsize="small"] #cut-button {
  505. -moz-image-region: rect(0 192px 16px 176px);
  506. }
  507. toolbar[iconsize="small"] #cut-button:hover,
  508. toolbar[iconsize="small"] #cut-button[checked="true"] {
  509. -moz-image-region: rect(16px 192px 32px 176px);
  510. }
  511. toolbar[iconsize="small"] #cut-button[disabled="true"] {
  512. -moz-image-region: rect(32px 80px 48px 64px) !important;
  513. }
  514.  
  515. toolbar[iconsize="small"] #copy-button {
  516. -moz-image-region: rect(0 208px 16px 192px);
  517. }
  518. toolbar[iconsize="small"] #copy-button:hover,
  519. toolbar[iconsize="small"] #copy-button[checked="true"] {
  520. -moz-image-region: rect(16px 208px 32px 192px);
  521. }
  522. toolbar[iconsize="small"] #copy-button[disabled="true"] {
  523. -moz-image-region: rect(32px 96px 48px 80px) !important;
  524. }
  525.  
  526. toolbar[iconsize="small"] #paste-button {
  527. -moz-image-region: rect(0 224px 16px 208px);
  528. }
  529. toolbar[iconsize="small"] #paste-button:hover,
  530. toolbar[iconsize="small"] #paste-button[checked="true"] {
  531. -moz-image-region: rect(16px 224px 32px 208px);
  532. }
  533. toolbar[iconsize="small"] #paste-button[disabled="true"] {
  534. -moz-image-region: rect(32px 112px 48px 96px) !important;
  535. }
  536.  
  537. toolbar[iconsize="small"] #mail-button {
  538. -moz-image-region: rect(0 240px 16px 224px);
  539. }
  540. toolbar[iconsize="small"] #mail-button:hover,
  541. toolbar[iconsize="small"] #mail-button[checked="true"] {
  542. -moz-image-region: rect(16px 240px 32px 224px);
  543. }
  544. toolbar[iconsize="small"] #mail-button[disabled="true"] {
  545. -moz-image-region: rect(32px 128px 48px 112px) !important;
  546. }
  547.  
  548. /*
  549. this is specially for Mozilla/Netsape users!
  550. A neat trick by Aaron Spuler, slightly modified.
  551. http://forums.mozillazine.org/viewtopic.php?t=159454
  552. */
  553. #PersonalToolbar[currentset="home-button,personal-bookmarks"] #home-button,
  554. #PersonalToolbar[currentset="personal-bookmarks,home-button"] #home-button{
  555. list-style-image: url("chrome://browser/skin/tbar_small.png") !important;
  556. -moz-image-region: rect(0 176px 16px 160px);
  557. -moz-box-orient: horizontal;
  558. }
  559.  
  560. #PersonalToolbar[currentset="home-button,personal-bookmarks"] #home-button:hover,
  561. #PersonalToolbar[currentset="personal-bookmarks,home-button"] #home-button:hover {
  562. -moz-image-region: rect(16px 176px 32px 160px);
  563. }
  564.  
  565. #PersonalToolbar[currentset="home-button,personal-bookmarks"] #home-button > .toolbarbutton-text,
  566. #PersonalToolbar[currentset="personal-bookmarks,home-button"] #home-button > .toolbarbutton-text{
  567. padding-left: 3px;
  568. }
  569.  
  570. #PersonalToolbar[currentset="home-button,personal-bookmarks"] #personal-bookmarks #bookmarks-ptf{
  571. margin-left: 0 !important; /*override the 'margin-left: 3px'*/
  572. }
  573.  
  574. /* ::::: fullscreen window controls ::::: */
  575.  
  576. #window-controls {
  577. -moz-box-align: center;
  578. padding: 0 2px 0 4px;
  579. border-left: 2px solid;
  580. -moz-border-left-colors: ThreeDHighlight ThreeDShadow;
  581. }
  582.  
  583. #minimize-button {
  584. list-style-image: url("chrome://global/skin/icons/minimize.gif");
  585. }
  586. #restore-button {
  587. list-style-image: url("chrome://global/skin/icons/restore.gif");
  588. }
  589. #close-button {
  590. list-style-image: url("chrome://global/skin/icons/close.gif");
  591. }
  592.  
  593. /*some SMART fullscreen stuff*/
  594.  
  595. toolbar#nav-bar[currentset*="spring"] #fullscreenflex:not([hidden="true"]){
  596. visibility: collapse;
  597. /*when there's already a spring there, this *extra* sping is useless*/
  598. }
  599.  
  600. toolbar[moz-collapsed="true"][currentset*="urlbar-container"]:not([fullscreentoolbar="true"]){
  601. visibility: visible;
  602. /*in full screen mode, the location bar is very important, dude, at least for me*/
  603. }
  604.  
  605. toolbar#toolbar-menubar[moz-collapsed="true"][currentset*="urlbar-container"]:not([fullscreentoolbar="true"]) #menubar-items,
  606. toolbar#toolbar-menubar[moz-collapsed="true"][currentset*="urlbar-container"]:not([fullscreentoolbar="true"]) #softwareupdate-item{
  607. visibility: collapse;
  608. /*the location bar is very important, but I assume the menubar and update toolbarbutton are not?*/
  609. }
  610.  
  611. /* ::::: nav-bar-inner ::::: */
  612.  
  613. #urlbar {
  614. margin: 0 2px !important;
  615. font: icon;
  616. }
  617.  
  618. /* ::::: page proxy icon ::::: */
  619.  
  620. #page-proxy-deck,
  621. #page-proxy-favicon,
  622. #page-proxy-button {
  623. width: 16px;
  624. height: 16px;
  625. }
  626.  
  627. #page-proxy-deck {
  628. cursor: -moz-grab; /*why is this here? It's not working!*/
  629. margin: 2px;
  630. }
  631.  
  632. #page-proxy-favicon {
  633. list-style-image: none;
  634. }
  635.  
  636. #page-proxy-button {
  637. list-style-image: url("chrome://global/skin/icons/bookmark_item.png");
  638. -moz-image-region: rect(0 48px 16px 32px);
  639. }
  640.  
  641. #page-proxy-button[pageproxystate="invalid"] {
  642. cursor: default;
  643. list-style-image: url("chrome://global/skin/icons/bookmark_item.png") !important;
  644. -moz-image-region: rect(0 64px 16px 48px);
  645. }
  646.  
  647. statusbarpanel#statusbar-display {
  648. padding: 0;
  649. }
  650.  
  651. /* ::::: autocomplete ::::: */
  652.  
  653. .autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
  654. /*color: #556; /*this is not a native OS color*/
  655. color: GrayText; /*this is a bad choice. just a temporary solution, for now.*/
  656. }
  657.  
  658. /* ::::: go button ::::: (enhanced with SMART(tm) CSS detection :-D ) */
  659.  
  660. #go-button{
  661. -moz-box-orient: vertical;
  662. list-style-image: url("chrome://browser/skin/g.png");
  663. -moz-image-region: rect(0 24px 24px 0);
  664. }
  665.  
  666. #go-button:hover{
  667. -moz-image-region: rect(24px 24px 48px 0);
  668. }
  669.  
  670. toolbar[iconsize="small"] #go-button,
  671. toolbar:not([currentset*="-button"]) #go-container > #go-button{
  672. -moz-image-region: rect(0 40px 16px 24px);
  673. }
  674.  
  675. toolbar[iconsize="small"] #go-button:hover,
  676. toolbar:not([currentset*="-button"]) #go-container > #go-button:hover{
  677. -moz-image-region: rect(16px 40px 32px 24px);
  678. }
  679.  
  680. toolbar:not([currentset*="-button"]) #go-container > #go-button{
  681. -moz-box-orient: horizontal;
  682. }
  683.  
  684. toolbar:not([currentset*="-button"]) #go-container > #go-button > .toolbarbutton-text{
  685. padding-left: 3px;
  686. padding-right: 1px;
  687. }
  688.  
  689. /*Note: I've removed codes for disabled-state go button.*/
  690.  
  691. #sidebar {
  692. background-color: Window;
  693. }
  694.  
  695. /* ::::: content area ::::: */
  696.  
  697. #status-bar {
  698. border-top: 0;
  699. }
  700.  
  701. #security-button {
  702. display: none;
  703. min-width: 20px;
  704. -moz-box-direction: reverse;
  705. }
  706.  
  707. #security-button[level="high"] {
  708. list-style-image: url("chrome://browser/skin/security_high.png");
  709. display: -moz-box;
  710. }
  711.  
  712. #security-button[level="low"] {
  713. list-style-image: url("chrome://browser/skin/security_low.png");
  714. display: -moz-box;
  715. }
  716.  
  717. #security-button[level="broken"] {
  718. list-style-image: url("chrome://browser/skin/security_broken.png");
  719. display: -moz-box;
  720. }
  721.  
  722. /* XXXsw prevent margins of a value-less label from shifting the image */
  723. #security-button > label:not([value]) {
  724. display: none;
  725. }
  726.  
  727. #page-report-button {
  728. display: none;
  729. width: 20px;
  730. }
  731.  
  732. #page-report-button[blocked] {
  733. display: -moz-box;
  734. list-style-image: url("chrome://browser/skin/page_report.png");
  735. -moz-image-region: rect(0 16px 16px 0);
  736. }
  737. #page-report-button[blocked]:hover {
  738. -moz-image-region: rect(0 32px 16px 16px);
  739. }
  740. /*
  741. I know, there's a clone image here, named Info.png.
  742. I suppose to remove it, but unfortunately, Firefox use it for the
  743. 'browser message' stuff *automatically*, refered from some XUL files
  744. */
  745.  
  746. /*I know, this button has been removed, but I still want to keep this.*/
  747. #page-theme-button {
  748. display: none;
  749. width: 20px;
  750. }
  751.  
  752. #page-theme-button[themes] {
  753. display: -moz-box;
  754. list-style-image: url("chrome://browser/skin/page_themes.png");
  755. -moz-image-region: rect(0 16px 16px 0);
  756. }
  757. #page-theme-button[themes]:hover {
  758. -moz-image-region: rect(0 32px 16px 16px);
  759. }
  760.  
  761. #livemark-button {
  762. width: 20px;
  763. display: none;
  764. }
  765.  
  766. #livemark-button[livemarks] {
  767. list-style-image: url("chrome://browser/skin/livemark.png");
  768. -moz-image-region: rect(0 16px 16px 0);
  769. display: -moz-box;
  770. }
  771. #livemark-button[livemarks]:hover {
  772. -moz-image-region: rect(16px 16px 32px 0);
  773. }
  774.  
  775. /*all statusbar buttons should have hover state!*/
  776.  
  777. /* ::::: throbber ::::: */
  778.  
  779. #navigator-throbber {
  780. -moz-appearance: none !important;
  781. -moz-user-focus: ignore;
  782. margin: 1px 3px !important;
  783. border: 0 !important;
  784. padding: 0 !important;
  785. min-width: 0;
  786. background-color: transparent;
  787. list-style-image: url("chrome://browser/skin/throbber.gif");
  788. width: 24px;
  789. height: 24px;
  790. /*
  791. width and height to prevent 'jumping', since it doesn't use -moz-image-region to cache the animated version
  792. */
  793. }
  794.  
  795. #navigator-throbber .button-box{
  796. border: 0 !important;
  797. padding: 0 !important;
  798. }
  799.  
  800. #navigator-throbber[busy="true"] {
  801. list-style-image: url("chrome://browser/skin/throbber_loading.gif");
  802. }
  803. #navigator-throbber[busy="true"]:hover{
  804. cursor: wait;
  805. }
  806.  
  807. toolbar[iconsize="small"] #navigator-throbber,
  808. toolbar[mode="text"] #navigator-throbber,
  809. /*SMART(tm) throbber placement detection! haha!*/
  810. toolbar:not([currentset*="-button"]) #throbber-box > #navigator-throbber{
  811. list-style-image: url("chrome://browser/skin/throbber_small.gif");
  812. width: 16px;
  813. height: 16px;
  814. }
  815. toolbar[iconsize="small"] #navigator-throbber[busy="true"],
  816. toolbar[mode="text"] #navigator-throbber[busy="true"],
  817. toolbar:not([currentset*="-button"]) #throbber-box > #navigator-throbber[busy="true"] {
  818. list-style-image: url("chrome://browser/skin/throbber_small_loading.gif");
  819. }
  820.  
  821. /*close buttons*/
  822. .tabs-closebutton {
  823. margin-right: 1px;
  824. list-style-image: url("chrome://global/skin/icons/close.gif");
  825. min-width: 17px;
  826. min-height: 17px;
  827. }
  828.  
  829. #content .tabbrowser-tabs .tabs-closebutton{
  830. list-style-image: url("chrome://browser/skin/close.png") !important;
  831. -moz-image-region: rect(0 16px 16px 0);
  832. }
  833. #content .tabbrowser-tabs .tabs-closebutton:hover,
  834. #content .tabbrowser-tabs .tabs-closebutton:hover:active{
  835. -moz-image-region: rect(16px 16px 32px 0);
  836. }
  837.  
  838. #content browsermessage .tabs-closebutton-box{
  839. -moz-box-pack: start !important;
  840. -moz-box-align: start !important;
  841. }
  842. #content browsermessage .tabs-closebutton{
  843. list-style-image: url("chrome://global/skin/icons/another_close.gif");
  844. margin-right: 1px;
  845. min-width: 17px;
  846. min-height: 17px;
  847. }
  848. #content browsermessage:hover:active .tabs-closebutton,
  849. #content browsermessage:focus .tabs-closebutton{ /*trivial*/
  850. list-style-image: url("chrome://global/skin/icons/another_close_focus.gif");
  851. }
  852.  
  853. /*chevrons*/
  854. toolbarbutton.chevron {
  855. list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
  856. }
  857. toolbarbutton.chevron > .toolbarbutton-icon{
  858. padding-bottom: 6px;
  859. }
  860.  
  861. toolbarbutton.chevron > .toolbarbutton-text {
  862. display: none; /* hide chevron label */
  863. }
  864.  
  865. toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
  866. display: none;
  867. }
  868.  
  869. toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
  870. display: -moz-box; /* display chevron icon in text mode */
  871. }
  872.  
  873. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
  874. display: -moz-box;
  875. }
  876.  
  877. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
  878. display: none;
  879. }
  880.  
  881. #sidebar-throbber[loading="true"] {
  882. list-style-image: url(chrome://global/skin/icons/loading.gif);
  883. margin-right: 4px;
  884. }
  885.  
  886. /* Security URL bar*/
  887.  
  888. /* I hate this! All non-native colors! Arrgh! *
  889. #urlbar[level="high"] > .autocomplete-textbox-container,
  890. #urlbar[level="low"] > .autocomplete-textbox-container,
  891. #urlbar[level="broken"] > .autocomplete-textbox-container {
  892. background-color: #F5F6BE;
  893. color: #000000;
  894. }
  895. */
  896.  
  897. /*Ahha.. this is better...*/
  898. #urlbar[level="high"] > .autocomplete-textbox-container,
  899. #urlbar[level="low"] > .autocomplete-textbox-container{
  900. background: transparent url(chrome://browser/skin/bar_yellow.png);
  901. }
  902. #urlbar[level="broken"] > .autocomplete-textbox-container {
  903. /*broken security means more business!!*/
  904. background: transparent url(chrome://browser/skin/bar_red.png);
  905. }
  906.  
  907. #urlbar[level] > .autocomplete-textbox-container > .info-icon {
  908. /*width: 16px;*/
  909. margin-right: 2px;
  910. /*background-repeat: no-repeat;
  911. background-position: center;*/
  912. }
  913. #urlbar[level="high"] > .autocomplete-textbox-container > .info-icon {
  914. /*background-image: url("chrome://browser/skin/security_high.png");*/
  915. list-style-image: url("chrome://browser/skin/security_high.png");
  916. }
  917. #urlbar[level="low"] > .autocomplete-textbox-container > .info-icon {
  918. /*background-image: url("chrome://browser/skin/security_low.png");*/
  919. list-style-image: url("chrome://browser/skin/security_low.png");
  920. }
  921. #urlbar[level="broken"] > .autocomplete-textbox-container > .info-icon {
  922. /*background-image: url("chrome://browser/skin/security_broken.png");*/
  923. list-style-image: url("chrome://browser/skin/security_broken.png");
  924. }