body { font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; color: #FF9F00; } #bg { background: #000000; } /* Tabs ----------------------------------*/ .tab { margin: 4px; padding-top: 4px; -moz-padding-end: 6px; padding-bottom: 6px; -moz-padding-start: 4px; background-color: #000000; border-radius: 0.4em; border: 1px solid #9C9CFF; cursor: pointer; } .tab canvas, .cached-thumb { border: none; border-radius: 3px; } .thumb { background-color: white; border-radius: 3px; } .favicon { background-color: #000000; padding-top: 4px; -moz-padding-end: 6px; padding-bottom: 6px; -moz-padding-start: 4px; top: 4px; left: 4px; -moz-border-end: 1px solid #9C9CFF; border-bottom: 1px solid #9C9CFF; height: 17px; width: 17px; } .favicon:-moz-dir(ltr) { border-bottom-right-radius: 0.4em; } .favicon:-moz-dir(rtl) { border-bottom-left-radius: 0.4em; left: auto; right: 2px; } .favicon img { border: none; width: 16px; height: 16px; } .close { top: 6px; right: 8px; width: 16px; height: 16px; border-radius: 3px; background-image: -moz-image-rect(url("chrome://browser/skin/tabview/close.png"), 0, 16, 16, 0); background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.35); background-position: center center; } .close:hover { background-image: -moz-image-rect(url("chrome://browser/skin/tabview/close.png"), 0, 32, 16, 16); background-color: #FFCF00; } .close:-moz-dir(rtl) { right: auto; left: 6px; } .expander { bottom: 6px; right: 6px; width: 16px; height: 16px; background: url("chrome://global/skin/icons/resizer.png") no-repeat; transition-property: opacity; transition-duration: 0.5s; transition-timing-function: ease-out; opacity: 0.2; } .expander:-moz-dir(rtl) { right: auto; left: 6px; transform: scaleX(-1); } .expander:hover, .appTabIcon:hover { transition-property: opacity; transition-duration: 0.5s; transition-timing-function: ease-out; opacity: 1.0; } .favicon img:hover, .close img:hover, .expander img:hover { opacity: 1; border: none; } .tab-title { bottom: -20px; text-align: center; width: 94.5%; } .stacked { padding: 0; } .stacked .thumb { } .stack-trayed .tab-title { color: #E7ADE7; font-size: 10px; } .stack-trayed .thumb { box-shadow: none !important; } .tab.focus { background-color: #008484; border-color: #008484; } .tab.focus > .favicon { background-color: #008484; } /* Tab: Zooming ----------------------------------*/ .front .tab-title, .front .close, .front .favicon, .front .expander, .front .thumb-shadow { display: none; } .front .thumb { box-shadow: none !important; } .front.focus { box-shadow: none !important; } /* Tab GroupItem ----------------------------------*/ .groupItem { cursor: pointer; background-color: #000000; border-radius: 0.4em; border: 1px solid #6080B5; } .groupItem.activeGroupItem { background-color: rgba(0, 132, 132, 0.2); border: 1px solid #008484; } .groupItem .close { z-index: 10; top: 3px; right: 3px; padding: 2px; } .groupItem .close:-moz-dir(rtl) { right: auto; left: 0px; background-position: bottom right; } .dragRegion { background: #008484; } .overlay { background-color: #6000CF !important; border-radius: 0.4em; } .appTabTrayContainer { top: 34px; right: 1px; -moz-border-start: 1px solid #9C9CFF; padding: 0 5px; overflow-x: hidden; text-align: start; line-height: 0; } .appTabTrayContainer:-moz-dir(rtl) { right: auto; left: 1px; } .appTabTray { display: inline-block; -moz-column-width: 16px; -moz-column-gap: 5px; } .appTabTrayContainerTruncated { padding-bottom: 7px; } .appTabTrayContainerTruncated:after { content: "…"; position: absolute; bottom: 2px; left: 0; display: block; width: 100%; height: 15px; line-height: 15px; text-align: center; font-size: 15px; } .appTabIcon { width: 16px; height: 16px; cursor: pointer; opacity: 0.8; padding-bottom: 3px; display: block; } .undo { background-color: #8050B0; padding-top: 3px; padding-bottom: 3px; -moz-padding-start: 5px; -moz-padding-end: 20px; width: 135px; line-height: 25px; box-shadow: 0px 1px 0px #9F9FCC, 0px -1px 0px #008484; color: #FFCF00; border-radius: 0.4em; text-align: center; border: none; cursor: pointer; } .undo:hover { background-color: #FFCF00; color: #000000; } .undo .close { top: 7px; right: 7px; opacity: 0.5; } .undo .close:-moz-dir(rtl) { right: auto; left: 7px; } .undo .close:hover{ opacity: 1.0; } /* Trenches ----------------------------------*/ .guideTrench { opacity: 0.9; border: 1px dashed rgba(156,156,255,.12); border-bottom: none; -moz-border-end: none; box-shadow: 1px 1px 0 rgba(0,132,132,.15); } .guideTrench:-moz-dir(rtl) { box-shadow: -1px 1px 0 rgba(0,132,132,.15); } .visibleTrench { opacity: 0.05; } .activeVisibleTrench { opacity: 0; } .activeVisibleTrench.activeTrench { opacity: 0.45; } .visibleTrench.border, .activeVisibleTrench.border { background-color: #E7ADE7; } .visibleTrench.guide, .activeVisibleTrench.guide { background-color: #9C9CFF; } /* Other ----------------------------------*/ .active { box-shadow: 5px 5px 3px rgba(255,207,0,.5); } .active:-moz-dir(rtl) { box-shadow: -5px 5px 3px rgba(255,207,0,.5); } .acceptsDrop { box-shadow: 2px 2px 7px -1px rgba(0,132,132,.6); } .acceptsDrop:-moz-dir(rtl) { box-shadow: -2px 2px 7px -1px rgba(0,132,132,.6); } .titlebar { cursor: move; font-size: 12px; height: 18px; } input.name { background: transparent; border: 1px solid transparent; color: #FF9F00; margin-top: 3px; -moz-margin-end: 0; margin-bottom: 0; -moz-margin-start: 3px; padding: 1px; border-radius: 3px; } input.name:-moz-dir(rtl) { background-position: right top; } .title-container:hover input.name, .title-container input.name:focus { border: 1px solid #008484; } .title-container:hover input.name-locked { border: 1px solid transparent !important; cursor: default; } input.name:focus { color: #FFCF00; } input.name::-moz-placeholder { font-style: italic !important; color: transparent; background-image: url("chrome://browser/skin/tabview/edit-light.png"); background-repeat: no-repeat; } .title-container:hover input.name::-moz-placeholder { color: #E7ADE7; background-image: none; } input.name:focus::-moz-placeholder { background-image: none; } .title-shield { margin-top: 3px; -moz-margin-end: 0; margin-bottom: 0; -moz-margin-start: 3px; padding: 1px; left: 0; top: 0; height: 100%; width: -moz-available; cursor: text; } .title-shield:-moz-dir(rtl) { left: auto; right: 0; } .transparentBorder { border: 1px solid transparent !important; } .stackExpander { cursor: pointer; bottom: 8px; background-image: -moz-image-rect(url("chrome://browser/skin/tabview/stack-expander.png"), 0, 48, 24, 24); width: 24px; height: 24px; } .stackExpander:hover { background-image: -moz-image-rect(url("chrome://browser/skin/tabview/stack-expander.png"), 0, 24, 24, 0); } /* Resizable ----------------------------------*/ .resizer { background-image: url("chrome://global/skin/icons/resizer.png"); width: 16px; height: 16px; bottom: 0px; right: 0px; opacity: .2; } .resizer:-moz-dir(rtl) { right: auto; left: 0; transform: scaleX(-1); } .iq-resizable-handle { font-size: 0.1px; } .iq-resizable-se { cursor: se-resize; width: 12px; height: 12px; padding-right: 3px; padding-bottom: 3px; right: -2px; bottom: -2px; } .iq-resizable-se:-moz-dir(rtl) { cursor: sw-resize; right: auto; left: 1px; } /* Exit button +----------------------------------*/ #exit-button { width: 24px; height: 24px; -moz-margin-end: 2px; margin-bottom: 2px; background-color: transparent; background-image: -moz-image-rect(url("chrome://browser/skin/tabview/tabviewFx.png"), 0, 90, 18, 72); background-attachment: scroll; background-repeat: no-repeat; background-position: center center; border: none; border-radius: 3px; } #exit-button[groups="0"] { background-image: -moz-image-rect(url("chrome://browser/skin/tabview/tabviewFx.png"), 0, 18, 18, 0); } #exit-button[groups="1"] { background-image: -moz-image-rect(url("chrome://browser/skin/tabview/tabviewFx.png"), 0, 36, 18, 18); } #exit-button[groups="2"] { background-image: -moz-image-rect(url("chrome://browser/skin/tabview/tabviewFx.png"), 0, 54, 18, 36); } #exit-button[groups="3"] { background-image: -moz-image-rect(url("chrome://browser/skin/tabview/tabviewFx.png"), 0, 72, 18, 54); } #exit-button:hover { background-color: #FFCF00; } /* Search ----------------------------------*/ #searchshade{ background-color: rgba(231,174,231,.42); width: 100%; height: 100%; } #search{ width: 100%; height: calc(100% - 1.7em - 20px); /* leave room for banner */ } #searchbox{ width: 270px; max-width: -moz-available; -moz-margin-start: 20px; height: 30px; color: #FF9F00; border: 2px solid #008484; background-color: #000000; border-radius: 0.4em; -moz-padding-start: 5px; -moz-padding-end: 5px; font-size: 14px; } #actions{ top: -3px; padding-top: 3px; width: 29px; border: none; text-align: center; background-color: #000000; border-radius: 0.4em; border: 1px solid #9C9CFF; } #actions #searchbutton{ background-color: transparent; background-image: -moz-image-rect(url("chrome://browser/skin/tabview/search.png"), 0, 20, 20, 0); background-repeat: no-repeat; background-position: center center; border-radius: 3px; border: none; width: 24px; height: 24px; -moz-margin-end: 2px; margin-bottom: 2px; } #actions #searchbutton:hover{ background-color: #FFCF00; background-image: -moz-image-rect(url("chrome://browser/skin/tabview/search.png"), 0, 40, 20, 20); } .notMainMatch{ opacity: .70; } #otherresults { left: 0px; bottom: 0px; width: 100%; height: 30px; background-color: rgba(0,132,132,.3); box-shadow: 0px -1px 0px rgba(255,207,0,.1), inset 0px 2px 5px rgba(255,207,0,.3); } #otherresults:-moz-dir(rtl) { left: auto; right: 0; } #otherresults .label { color: #999; line-height: 30px; -moz-margin-start: 5px; -moz-margin-end: 5px; } .inlineMatch { background-color: rgba(0,132,132,.5); border-radius: 0.4em; box-shadow: 0 1px 4px rgba(255,207,0, 0.6); border: 1px solid #008484; -moz-padding-start: 3px; -moz-padding-end: 3px; height: 20px; -moz-margin-end: 5px; cursor: pointer; } .inlineMatch:hover { opacity: 1.0; } .inlineMatch > img { -moz-margin-end: 5px; position: relative; top: 2px; width: 16px; height: 16px; } .inlineMatch > span { max-width: 200px; height: 15px; }