X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Ftabview%2Ftabview.css;fp=LCARStrek%2Fbrowser%2Ftabview%2Ftabview.css;h=0000000000000000000000000000000000000000;hp=688ed914a6937e88e2b616b2cc2f43c45cb609b2;hb=8ab9ca8a251b25fb4a6ba8744a1c75ec9bcc4990;hpb=e0f773b9afa645a35d6d7949bcc366f651fb1093 diff --git a/LCARStrek/browser/tabview/tabview.css b/LCARStrek/browser/tabview/tabview.css deleted file mode 100644 index 688ed914..00000000 --- a/LCARStrek/browser/tabview/tabview.css +++ /dev/null @@ -1,614 +0,0 @@ -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; -}