mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-12 21:05:36 +00:00
Bug 738796 - Prefpane stylings. r=jaws
This commit is contained in:
Richard Marti
parent
cb8d61b7f4
commit
ec6458a005
@ -128,6 +128,15 @@
|
||||
#endif
|
||||
<stringbundle id="bundlePreferences" src="chrome://browser/locale/preferences/preferences.properties"/>
|
||||
|
||||
<hbox id="header-advanced"
|
||||
class="header"
|
||||
hidden="true"
|
||||
data-category="paneAdvanced">
|
||||
<image class="header-icon"/>
|
||||
<label class="header-name"
|
||||
value="&paneAdvanced.title;"/>
|
||||
</hbox>
|
||||
|
||||
<tabbox id="advancedPrefs" flex="1"
|
||||
data-category="paneAdvanced" hidden="true"
|
||||
onselect="gAdvancedPane.tabSelectionChanged();">
|
||||
|
||||
@ -55,7 +55,19 @@
|
||||
<key key="&focusSearch2.key;" modifiers="accel" oncommand="gApplicationsPane.focusFilterBox();"/>
|
||||
</keyset>
|
||||
|
||||
<vbox data-category="paneApplications" hidden="true" flex="1">
|
||||
<hbox id="header-application"
|
||||
class="header"
|
||||
hidden="true"
|
||||
data-category="paneApplications">
|
||||
<image class="header-icon"/>
|
||||
<label class="header-name"
|
||||
value="&paneApplications.title;"/>
|
||||
</hbox>
|
||||
|
||||
<vbox id="applicationsContent"
|
||||
data-category="paneApplications"
|
||||
hidden="true"
|
||||
flex="1">
|
||||
<hbox>
|
||||
<textbox id="filter" flex="1"
|
||||
type="search"
|
||||
|
||||
@ -21,6 +21,15 @@
|
||||
<script type="application/javascript"
|
||||
src="chrome://browser/content/preferences/in-content/content.js"/>
|
||||
|
||||
<hbox id="header-content"
|
||||
class="header"
|
||||
hidden="true"
|
||||
data-category="paneContent">
|
||||
<image class="header-icon"/>
|
||||
<label class="header-name"
|
||||
value="&paneContent.title;"/>
|
||||
</hbox>
|
||||
|
||||
<groupbox id="miscGroup" data-category="paneContent" hidden="true">
|
||||
<caption label="&popups.label;"/>
|
||||
|
||||
|
||||
@ -85,6 +85,14 @@
|
||||
#endif
|
||||
</preferences>
|
||||
|
||||
<hbox id="header-general"
|
||||
class="header"
|
||||
data-category="paneGeneral">
|
||||
<image class="header-icon"/>
|
||||
<label class="header-name"
|
||||
value="&paneGeneral.title;"/>
|
||||
</hbox>
|
||||
|
||||
<!-- Startup -->
|
||||
<groupbox id="startupGroup" data-category="paneGeneral">
|
||||
<caption label="&startup.label;"/>
|
||||
|
||||
@ -65,6 +65,15 @@
|
||||
|
||||
</preferences>
|
||||
|
||||
<hbox id="header-privacy"
|
||||
class="header"
|
||||
hidden="true"
|
||||
data-category="panePrivacy">
|
||||
<image class="header-icon"/>
|
||||
<label class="header-name"
|
||||
value="&panePrivacy.title;"/>
|
||||
</hbox>
|
||||
|
||||
<!-- Tracking -->
|
||||
<groupbox id="trackingGroup" data-category="panePrivacy" hidden="true" align="start">
|
||||
<caption label="&tracking.label;"/>
|
||||
|
||||
@ -30,6 +30,15 @@
|
||||
|
||||
</preferences>
|
||||
|
||||
<hbox id="header-security"
|
||||
class="header"
|
||||
hidden="true"
|
||||
data-category="paneSecurity">
|
||||
<image class="header-icon"/>
|
||||
<label class="header-name"
|
||||
value="&paneSecurity.title;"/>
|
||||
</hbox>
|
||||
|
||||
<!-- addons, forgery (phishing) UI -->
|
||||
<groupbox id="addonsPhishingGroup" data-category="paneSecurity" hidden="true">
|
||||
<caption label="&general.label;"/>
|
||||
|
||||
@ -28,6 +28,15 @@
|
||||
<script type="application/javascript"
|
||||
src="chrome://browser/content/sync/utils.js"/>
|
||||
|
||||
<hbox id="header-sync"
|
||||
class="header"
|
||||
hidden="true"
|
||||
data-category="paneSync">
|
||||
<image class="header-icon"/>
|
||||
<label class="header-name"
|
||||
value="&paneSync.title;"/>
|
||||
</hbox>
|
||||
|
||||
<deck id="weavePrefsDeck" data-category="paneSync" hidden="true">
|
||||
<vbox id="noAccount" align="center">
|
||||
<spacer flex="1"/>
|
||||
|
||||
@ -134,9 +134,13 @@ browser.jar:
|
||||
skin/classic/browser/preferences/Options-sync.png (preferences/Options-sync.png)
|
||||
#endif
|
||||
* skin/classic/browser/preferences/preferences.css (preferences/preferences.css)
|
||||
skin/classic/browser/preferences/in-content/preferences.css (preferences/in-content/preferences.css)
|
||||
* skin/classic/browser/preferences/in-content/preferences.css (preferences/in-content/preferences.css)
|
||||
skin/classic/browser/preferences/in-content/check.png (preferences/in-content/check.png)
|
||||
skin/classic/browser/preferences/in-content/icons.png (preferences/in-content/icons.png)
|
||||
skin/classic/browser/preferences/in-content/header.png (preferences/in-content/header.png)
|
||||
skin/classic/browser/preferences/in-content/dropdown.png (preferences/in-content/dropdown.png)
|
||||
skin/classic/browser/preferences/in-content/sorter.png (preferences/in-content/sorter.png)
|
||||
skin/classic/browser/preferences/in-content/dropdown-disabled.png (preferences/in-content/dropdown-disabled.png)
|
||||
skin/classic/browser/preferences/applications.css (preferences/applications.css)
|
||||
skin/classic/browser/preferences/aboutPermissions.css (preferences/aboutPermissions.css)
|
||||
skin/classic/browser/social/services-16.png (social/services-16.png)
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 250 B |
BIN
browser/themes/linux/preferences/in-content/dropdown.png
Normal file
BIN
browser/themes/linux/preferences/in-content/dropdown.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 250 B |
BIN
browser/themes/linux/preferences/in-content/header.png
Normal file
BIN
browser/themes/linux/preferences/in-content/header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
@ -2,271 +2,89 @@
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
||||
- You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||||
|
||||
@namespace html "http://www.w3.org/1999/xhtml";
|
||||
%include ../../../shared/in-content/preferences.css
|
||||
|
||||
@font-face {
|
||||
font-family: "Clear Sans";
|
||||
src: url("chrome://browser/skin/fonts/ClearSans-Regular.ttf");
|
||||
button > .button-box,
|
||||
menulist > .menulist-label-box {
|
||||
-moz-appearance: none;
|
||||
}
|
||||
|
||||
caption {
|
||||
font-size: 1.667rem;
|
||||
button[type="menu"] > .button-box > .button-menu-dropmarker {
|
||||
-moz-appearance: none !important;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
max-width: 800px;
|
||||
menulist:not([editable="true"]) > .menulist-dropmarker {
|
||||
display: -moz-box;
|
||||
margin-top: 6px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
prefpane > .content-box {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/* Checkboxes and radio buttons */
|
||||
|
||||
checkbox {
|
||||
-moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox");
|
||||
}
|
||||
|
||||
.checkbox-check {
|
||||
-moz-appearance: none;
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
max-height: 23px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid rgba(23,50,77,0.40);
|
||||
-moz-margin-end: 10px;
|
||||
background-color: #f1f1f1;
|
||||
background-image: -moz-linear-gradient(-90deg, #ffffff 0%, rgba(255,255,255,0.80) 100%);
|
||||
box-shadow: 0 1px 1px 0 #ffffff, inset 0 2px 0 0 rgba(0,0,0,0.03);
|
||||
}
|
||||
|
||||
.checkbox-check[checked] {
|
||||
border-color: #0096dc;
|
||||
box-shadow: 0 0 2px 2px rgba(0,150,220,0.35), inset 0 0 2px 0 #0096dc;
|
||||
}
|
||||
|
||||
checkbox:hover::before,
|
||||
checkbox[checked]::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 15px;
|
||||
height: 10px;
|
||||
max-height: 10px;
|
||||
margin-top: 7px;
|
||||
margin-bottom: 6px;
|
||||
-moz-margin-end: -19px;
|
||||
-moz-margin-start: 4px;
|
||||
background-image: url("chrome://browser/skin/preferences/in-content/check.png");
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
checkbox[checked]::before {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
|
||||
radio {
|
||||
-moz-binding: url("chrome://global/content/bindings/radio.xml#radio");
|
||||
margin: 7px 0;
|
||||
}
|
||||
|
||||
.radio-check {
|
||||
-moz-appearance: none;
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
max-height: 23px;
|
||||
border: 1px solid rgba(23,50,77,0.40);
|
||||
border-radius: 50%;
|
||||
-moz-margin-end: 10px;
|
||||
background-color: #f1f1f1;
|
||||
background-image: -moz-linear-gradient(-90deg, #ffffff 0%, rgba(255,255,255,0.80) 100%);
|
||||
box-shadow: 0 1px 1px 0 #ffffff, inset 0 2px 0 0 rgba(0,0,0,0.03);
|
||||
}
|
||||
|
||||
.radio-check[selected] {
|
||||
border-color: #0096dc;
|
||||
box-shadow: 0 0 2px 2px rgba(0,150,220,0.35), inset 0 0 2px 0 #0096dc;
|
||||
.radio-label-box {
|
||||
-moz-appearance: none;
|
||||
}
|
||||
|
||||
radio:hover::before,
|
||||
radio[selected]::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
max-height: 11px;
|
||||
border-radius: 50%;
|
||||
margin-bottom: 1px;
|
||||
margin-top: 6px;
|
||||
margin-bottom: 6px;
|
||||
-moz-margin-end: -17px;
|
||||
-moz-margin-start: 6px;
|
||||
background-image: -moz-linear-gradient(-90deg, rgba(76,177,255,0.25) 0%, rgba(23,146,229,0.25) 100%);
|
||||
}
|
||||
|
||||
radio[selected]::before {
|
||||
background-image: -moz-linear-gradient(-90deg, #4cb1ff 0%, #1792e5 100%);
|
||||
}
|
||||
|
||||
/* Category List */
|
||||
|
||||
#categories {
|
||||
.numberbox-input-box {
|
||||
-moz-appearance: none;
|
||||
background-color: #424e5a;
|
||||
-moz-border-end: 1px solid rgba(0,0,0,0.20);
|
||||
padding-top: 39px;
|
||||
margin: 0;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
.category {
|
||||
spinbuttons {
|
||||
-moz-appearance: none;
|
||||
color: rgba(241,241,241,0.70);
|
||||
border: 1px solid transparent;
|
||||
-moz-border-end-width: 0;
|
||||
-moz-padding-start: 14px;
|
||||
-moz-padding-end: 21px;
|
||||
margin-bottom: -1px;
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
.category:hover {
|
||||
background-color: rgba(255,255,255,0.15);
|
||||
border-color: rgba(255,255,255,0.20);
|
||||
}
|
||||
|
||||
.category[selected] {
|
||||
background-color: rgba(0,0,0,0.20);
|
||||
border-color: rgba(255,255,255,0.20);
|
||||
-moz-border-start-width: 3px;
|
||||
-moz-border-start-color: #ff9500;
|
||||
-moz-padding-start: 12px;
|
||||
color: #f1f1f1;
|
||||
}
|
||||
|
||||
.category-name {
|
||||
line-height: 22px;
|
||||
.actionsMenu {
|
||||
font-family: "Clear Sans", sans-serif;
|
||||
font-size: 1.25rem;
|
||||
padding-bottom: 2px;
|
||||
-moz-padding-start: 9px;
|
||||
margin: 0;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.category-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
list-style-image: url("chrome://browser/skin/preferences/in-content/icons.png");
|
||||
.actionsMenu > .menulist-label-box > .menulist-icon {
|
||||
margin-top: 1px;
|
||||
-moz-margin-start: 1px;
|
||||
-moz-margin-end: 6px;
|
||||
}
|
||||
|
||||
#category-general > .category-icon {
|
||||
-moz-image-region: rect(0, 24px, 24px, 0);
|
||||
.actionsMenu > .menulist-label-box > .menulist-label {
|
||||
margin-top: 2px !important;
|
||||
}
|
||||
|
||||
#category-general[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 24px, 48px, 0);
|
||||
}
|
||||
|
||||
#category-content > .category-icon {
|
||||
-moz-image-region: rect(0, 48px, 24px, 24px);
|
||||
}
|
||||
|
||||
#category-content[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 48px, 48px, 24px);
|
||||
}
|
||||
|
||||
#category-application > .category-icon {
|
||||
-moz-image-region: rect(0, 72px, 24px, 48px);
|
||||
}
|
||||
|
||||
#category-application[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 72px, 48px, 48px);
|
||||
}
|
||||
|
||||
#category-privacy > .category-icon {
|
||||
-moz-image-region: rect(0, 96px, 24px, 72px);
|
||||
}
|
||||
|
||||
#category-privacy[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 96px, 48px, 72px);
|
||||
}
|
||||
|
||||
#category-security > .category-icon {
|
||||
-moz-image-region: rect(0, 120px, 24px, 96px);
|
||||
}
|
||||
|
||||
#category-security[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 120px, 48px, 96px);
|
||||
}
|
||||
|
||||
#category-sync > .category-icon {
|
||||
-moz-image-region: rect(0, 144px, 24px, 120px);
|
||||
}
|
||||
|
||||
#category-sync[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 144px, 48px, 120px);
|
||||
}
|
||||
|
||||
#category-advanced > .category-icon {
|
||||
-moz-image-region: rect(0, 168px, 24px, 144px);
|
||||
}
|
||||
|
||||
#category-advanced[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 168px, 48px, 144px);
|
||||
}
|
||||
|
||||
/* Applications Pane Styles */
|
||||
|
||||
#applications-content {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
#handlersView {
|
||||
-moz-appearance: none;
|
||||
border: 1px solid ThreeDShadow;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
/* XXX This style is for bug 740213 and should be removed once that
|
||||
bug has a solution. */
|
||||
description > html|a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* XXX Styles Below can be removed once bug 660726 lands */
|
||||
.nav-button {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
#back-btn:-moz-locale-dir(ltr) {
|
||||
list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=toolbar");
|
||||
}
|
||||
|
||||
#forward-btn:-moz-locale-dir(ltr) {
|
||||
list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar");
|
||||
}
|
||||
|
||||
#back-btn:-moz-locale-dir(rtl) {
|
||||
list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=toolbar");
|
||||
}
|
||||
|
||||
#forward-btn:-moz-locale-dir(rtl) {
|
||||
list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=toolbar");
|
||||
}
|
||||
|
||||
#back-btn[disabled="true"]:-moz-locale-dir(ltr) {
|
||||
list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=toolbar&state=disabled");
|
||||
}
|
||||
|
||||
#forward-btn[disabled="true"]:-moz-locale-dir(ltr) {
|
||||
list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar&state=disabled");
|
||||
}
|
||||
|
||||
#back-btn[disabled="true"]:-moz-locale-dir(rtl) {
|
||||
list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=toolbar&state=disabled");
|
||||
}
|
||||
|
||||
#forward-btn[disabled="true"]:-moz-locale-dir(rtl) {
|
||||
list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=toolbar&state=disabled");
|
||||
}
|
||||
|
||||
.header-button .toolbarbutton-text {
|
||||
display: none;
|
||||
menulist.actionsMenu > .menulist-dropmarker {
|
||||
margin-top: 11px;
|
||||
margin-bottom: 11px;
|
||||
}
|
||||
|
||||
BIN
browser/themes/linux/preferences/in-content/sorter.png
Normal file
BIN
browser/themes/linux/preferences/in-content/sorter.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 154 B |
@ -228,6 +228,10 @@ browser.jar:
|
||||
skin/classic/browser/preferences/in-content/check@2x.png (preferences/in-content/check@2x.png)
|
||||
skin/classic/browser/preferences/in-content/icons.png (preferences/in-content/icons.png)
|
||||
skin/classic/browser/preferences/in-content/icons@2x.png (preferences/in-content/icons@2x.png)
|
||||
skin/classic/browser/preferences/in-content/header.png (preferences/in-content/icons@2x.png)
|
||||
skin/classic/browser/preferences/in-content/sorter.png (preferences/in-content/sorter.png)
|
||||
skin/classic/browser/preferences/in-content/dropdown.png (preferences/in-content/dropdown.png)
|
||||
skin/classic/browser/preferences/in-content/dropdown-disabled.png (preferences/in-content/dropdown-disabled.png)
|
||||
skin/classic/browser/preferences/applications.css (preferences/applications.css)
|
||||
skin/classic/browser/preferences/aboutPermissions.css (preferences/aboutPermissions.css)
|
||||
skin/classic/browser/social/services-16.png (social/services-16.png)
|
||||
|
||||
BIN
browser/themes/osx/preferences/in-content/dropdown-disabled.png
Normal file
BIN
browser/themes/osx/preferences/in-content/dropdown-disabled.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 250 B |
BIN
browser/themes/osx/preferences/in-content/dropdown.png
Normal file
BIN
browser/themes/osx/preferences/in-content/dropdown.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 250 B |
@ -2,60 +2,64 @@
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
||||
- You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||||
|
||||
%include ../../shared.inc
|
||||
%include ../../../shared/in-content/preferences.css
|
||||
|
||||
@namespace html "http://www.w3.org/1999/xhtml";
|
||||
|
||||
@font-face {
|
||||
font-family: "Clear Sans";
|
||||
src: url("chrome://browser/skin/fonts/ClearSans-Regular.ttf");
|
||||
}
|
||||
|
||||
caption {
|
||||
font-size: 1.667rem;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
prefpane > .content-box {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/* Checkboxes and radio buttons */
|
||||
|
||||
.checkbox-check {
|
||||
-moz-appearance: none;
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid rgba(23,50,77,0.40);
|
||||
-moz-margin-end: 10px;
|
||||
background-color: #f1f1f1;
|
||||
background-image: -moz-linear-gradient(-90deg, #ffffff 0%, rgba(255,255,255,0.80) 100%);
|
||||
box-shadow: 0 1px 1px 0 #ffffff, inset 0 2px 0 0 rgba(0,0,0,0.03);
|
||||
}
|
||||
|
||||
.checkbox-check[checked] {
|
||||
border-color: #0096dc;
|
||||
box-shadow: 0 0 2px 2px rgba(0,150,220,0.35), inset 0 0 2px 0 #0096dc;
|
||||
menulist:not([editable="true"]) > .menulist-dropmarker {
|
||||
display: -moz-box;
|
||||
margin-top: 1px;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
checkbox:hover::before,
|
||||
checkbox[checked]::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 15px;
|
||||
height: 10px;
|
||||
margin-bottom: -2px;
|
||||
-moz-margin-end: -20px;
|
||||
-moz-margin-start: 5px;
|
||||
background-image: url("chrome://browser/skin/preferences/in-content/check.png");
|
||||
}
|
||||
|
||||
checkbox[checked]::before {
|
||||
background-position: -15px 0;
|
||||
radio:hover::before,
|
||||
radio[selected]::before {
|
||||
-moz-margin-end: -18px;
|
||||
-moz-margin-start: 7px;
|
||||
}
|
||||
|
||||
.numberbox-input-box {
|
||||
-moz-appearance: none;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
spinbuttons {
|
||||
-moz-appearance: none;
|
||||
}
|
||||
|
||||
.spinbuttons-up {
|
||||
margin-top: 0 !important;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
.spinbuttons-down {
|
||||
margin-bottom: 0 !important;
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
|
||||
.spinbuttons-button > .button-box {
|
||||
-moz-padding-start: 2px !important;
|
||||
-moz-padding-end: 3px !important;
|
||||
}
|
||||
|
||||
.spinbuttons-button > .button-box > .button-text {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.actionsMenu > .menulist-label-box > .menulist-icon {
|
||||
margin-top: 2px;
|
||||
-moz-margin-start: 2px;
|
||||
-moz-margin-end: 8px !important;
|
||||
}
|
||||
|
||||
description {
|
||||
font-size: 1.25rem;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
@media (min-resolution: 2dppx) {
|
||||
@ -68,149 +72,7 @@ checkbox[checked]::before {
|
||||
checkbox[checked]::before {
|
||||
background-image: -moz-image-rect(url("chrome://browser/skin/preferences/in-content/check@2x.png"), 0, 60, 30, 30);
|
||||
}
|
||||
}
|
||||
|
||||
.radio-check {
|
||||
-moz-appearance: none;
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
border: 1px solid rgba(23,50,77,0.40);
|
||||
border-radius: 50%;
|
||||
-moz-margin-end: 10px;
|
||||
background-color: #f1f1f1;
|
||||
background-image: -moz-linear-gradient(-90deg, #ffffff 0%, rgba(255,255,255,0.80) 100%);
|
||||
box-shadow: 0 1px 1px 0 #ffffff, inset 0 2px 0 0 rgba(0,0,0,0.03);
|
||||
}
|
||||
|
||||
.radio-check[selected] {
|
||||
border-color: #0096dc;
|
||||
box-shadow: 0 0 2px 2px rgba(0,150,220,0.35), inset 0 0 2px 0 #0096dc;
|
||||
}
|
||||
|
||||
radio:hover::before,
|
||||
radio[selected]::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
border-radius: 50%;
|
||||
margin-bottom: 1px;
|
||||
-moz-margin-end: -18px;
|
||||
-moz-margin-start: 7px;
|
||||
background-image: -moz-linear-gradient(-90deg, rgba(76,177,255,0.25) 0%, rgba(23,146,229,0.25) 100%);
|
||||
}
|
||||
|
||||
radio[selected]::before {
|
||||
background-image: -moz-linear-gradient(-90deg, #4cb1ff 0%, #1792e5 100%);
|
||||
}
|
||||
|
||||
/* Category List */
|
||||
|
||||
#categories {
|
||||
-moz-appearance: none;
|
||||
background-color: #424e5a;
|
||||
-moz-border-end: 1px solid rgba(0,0,0,0.20);
|
||||
padding-top: 39px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.category {
|
||||
-moz-appearance: none;
|
||||
color: rgba(241,241,241,0.70);
|
||||
border: 1px solid transparent;
|
||||
-moz-border-end-width: 0;
|
||||
-moz-padding-start: 14px;
|
||||
-moz-padding-end: 21px;
|
||||
margin-bottom: -1px;
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
.category:hover {
|
||||
background-color: rgba(255,255,255,0.15);
|
||||
border-color: rgba(255,255,255,0.20);
|
||||
}
|
||||
|
||||
.category[selected] {
|
||||
background-color: rgba(0,0,0,0.20);
|
||||
border-color: rgba(255,255,255,0.20);
|
||||
-moz-border-start-width: 3px;
|
||||
-moz-border-start-color: #ff9500;
|
||||
-moz-padding-start: 12px;
|
||||
color: #f1f1f1;
|
||||
}
|
||||
|
||||
.category-name {
|
||||
line-height: 22px;
|
||||
font-family: "Clear Sans", sans-serif;
|
||||
font-size: 1.25rem;
|
||||
padding-bottom: 2px;
|
||||
-moz-padding-start: 9px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.category-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
list-style-image: url("chrome://browser/skin/preferences/in-content/icons.png");
|
||||
}
|
||||
|
||||
#category-general > .category-icon {
|
||||
-moz-image-region: rect(0, 24px, 24px, 0);
|
||||
}
|
||||
|
||||
#category-general[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 24px, 48px, 0);
|
||||
}
|
||||
|
||||
#category-content > .category-icon {
|
||||
-moz-image-region: rect(0, 48px, 24px, 24px);
|
||||
}
|
||||
|
||||
#category-content[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 48px, 48px, 24px);
|
||||
}
|
||||
|
||||
#category-application > .category-icon {
|
||||
-moz-image-region: rect(0, 72px, 24px, 48px);
|
||||
}
|
||||
|
||||
#category-application[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 72px, 48px, 48px);
|
||||
}
|
||||
|
||||
#category-privacy > .category-icon {
|
||||
-moz-image-region: rect(0, 96px, 24px, 72px);
|
||||
}
|
||||
|
||||
#category-privacy[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 96px, 48px, 72px);
|
||||
}
|
||||
|
||||
#category-security > .category-icon {
|
||||
-moz-image-region: rect(0, 120px, 24px, 96px);
|
||||
}
|
||||
|
||||
#category-security[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 120px, 48px, 96px);
|
||||
}
|
||||
|
||||
#category-sync > .category-icon {
|
||||
-moz-image-region: rect(0, 144px, 24px, 120px);
|
||||
}
|
||||
|
||||
#category-sync[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 144px, 48px, 120px);
|
||||
}
|
||||
|
||||
#category-advanced > .category-icon {
|
||||
-moz-image-region: rect(0, 168px, 24px, 144px);
|
||||
}
|
||||
|
||||
#category-advanced[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 168px, 48px, 144px);
|
||||
}
|
||||
|
||||
@media (min-resolution: 2dppx) {
|
||||
.category-icon {
|
||||
list-style-image: url("chrome://browser/skin/preferences/in-content/icons@2x.png");
|
||||
}
|
||||
@ -271,70 +133,3 @@ radio[selected]::before {
|
||||
-moz-image-region: rect(48px, 336px, 96px, 288px);
|
||||
}
|
||||
}
|
||||
|
||||
/* Applications Pane Styles */
|
||||
|
||||
#applications-content {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
#handlersView {
|
||||
-moz-appearance: none;
|
||||
border: 1px solid rgba(60,73,97,0.5);
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
/* XXX This style is for bug 740213 and should be removed once that
|
||||
bug has a solution. */
|
||||
description > html|a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* XXX Styles Below can be removed once bug 660726 lands */
|
||||
.nav-button {
|
||||
list-style-image: url(chrome://mozapps/skin/extensions/navigation.png);
|
||||
}
|
||||
|
||||
#back-btn:-moz-locale-dir(ltr),
|
||||
#forward-btn:-moz-locale-dir(rtl) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-right: none;
|
||||
-moz-image-region: rect(0, 20px, 20px, 0);
|
||||
padding-right: 3px;
|
||||
}
|
||||
|
||||
#back-btn:-moz-locale-dir(rtl),
|
||||
#forward-btn:-moz-locale-dir(ltr) {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
-moz-image-region: rect(0, 40px, 20px, 20px);
|
||||
padding-left: 3px;
|
||||
}
|
||||
|
||||
.header-button {
|
||||
-moz-appearance: none;
|
||||
padding: 0 4px;
|
||||
margin: 0;
|
||||
height: 22px;
|
||||
border: 1px solid rgba(60,73,97,0.5);
|
||||
border-radius: @toolbarbuttonCornerRadius@;
|
||||
box-shadow: inset 0 1px rgba(255,255,255,0.25), 0 1px rgba(255,255,255,0.25);
|
||||
background: linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,0));
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.header-button .toolbarbutton-text {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header-button[disabled="true"] .toolbarbutton-icon {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.header-button:not([disabled="true"]):active:hover,
|
||||
.header-button[open="true"] {
|
||||
border-color: rgba(45,54,71,0.7);
|
||||
box-shadow: inset 0 0 4px rgb(45,54,71), 0 1px rgba(255,255,255,0.25);
|
||||
background-image: linear-gradient(rgba(45,54,71,0.6), rgba(45,54,71,0));
|
||||
}
|
||||
|
||||
BIN
browser/themes/osx/preferences/in-content/sorter.png
Normal file
BIN
browser/themes/osx/preferences/in-content/sorter.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 154 B |
751
browser/themes/shared/in-content/preferences.css
Normal file
751
browser/themes/shared/in-content/preferences.css
Normal file
@ -0,0 +1,751 @@
|
||||
%if 0
|
||||
/* - This Source Code Form is subject to the terms of the Mozilla Public
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
||||
- You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||||
%endif
|
||||
@namespace html "http://www.w3.org/1999/xhtml";
|
||||
|
||||
@font-face {
|
||||
font-family: "Clear Sans";
|
||||
src: url("chrome://browser/skin/fonts/ClearSans-Regular.ttf");
|
||||
}
|
||||
|
||||
page {
|
||||
-moz-appearance: none;
|
||||
background-image: linear-gradient(#FFFFFF, #EDEDED 100px);
|
||||
}
|
||||
|
||||
caption {
|
||||
-moz-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.caption-text {
|
||||
font-size: 1.3rem;
|
||||
font-weight: bold;
|
||||
line-height: 22px;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
prefpane > .content-box {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
prefpane {
|
||||
padding: 40px 48px 48px;
|
||||
font-family: "Clear Sans", sans-serif;
|
||||
font-size: 1.25rem;
|
||||
line-height: 22px;
|
||||
color: #424E5A;
|
||||
}
|
||||
|
||||
prefpane > .content-box {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/* groupboxes */
|
||||
|
||||
groupbox {
|
||||
-moz-appearance: none;
|
||||
border: none;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
-moz-margin-start: 60px;
|
||||
-moz-padding-start: 0;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
groupbox label {
|
||||
-moz-margin-start: 0;
|
||||
}
|
||||
|
||||
/* tabpanels and tabs */
|
||||
|
||||
tabpanels {
|
||||
-moz-appearance: none;
|
||||
font-size: 1.25rem;
|
||||
line-height: 22px;
|
||||
color: #424E5A;
|
||||
border: none;
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
tabs {
|
||||
-moz-margin-start: 60px;
|
||||
margin-bottom: 15px;
|
||||
border-top: 2px solid;
|
||||
border-bottom: 2px solid;
|
||||
-moz-border-top-colors: #BBBBBB #F9F9F9;
|
||||
-moz-border-bottom-colors: #F9F9F9 #BBBBBB;
|
||||
}
|
||||
|
||||
.tabs-left,
|
||||
.tabs-right {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
tab {
|
||||
-moz-appearance: none;
|
||||
margin-top: 0;
|
||||
padding: 0;
|
||||
-moz-margin-end: 30px;
|
||||
min-height: 60px;
|
||||
background-color: transparent;
|
||||
border-width: 0;
|
||||
border-bottom: 3px solid transparent;
|
||||
}
|
||||
|
||||
tab[selected] {
|
||||
border-bottom-color: #FF9500;
|
||||
}
|
||||
|
||||
.tab-text {
|
||||
font-size: 1.3rem;
|
||||
line-height: 22px;
|
||||
color: #737980;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
tab:not([selected]):hover > .tab-middle > .tab-text {
|
||||
background-color: rgba(255,255,255,0.5);
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
|
||||
tab:not([selected]):hover:active > .tab-middle > .tab-text {
|
||||
background-color: rgba(0,0,0,0.03);
|
||||
}
|
||||
|
||||
tab[selected] > .tab-middle > .tab-text {
|
||||
font-weight: bold;
|
||||
color: #424E5A;
|
||||
}
|
||||
|
||||
/* buttons and menulists */
|
||||
|
||||
button,
|
||||
menulist {
|
||||
-moz-appearance: none;
|
||||
height: 30px;
|
||||
max-height: 30px;
|
||||
color: #737980;
|
||||
line-height: 20px;
|
||||
text-shadow: 0 1px 1px #FEFFFE;
|
||||
border: 1px solid rgba(23,50,77,0.4);
|
||||
-moz-border-top-colors: none !important;
|
||||
-moz-border-right-colors: none !important;
|
||||
-moz-border-bottom-colors: none !important;
|
||||
-moz-border-left-colors: none !important;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 1px 1px 0 #FFFFFF, inset 0 2px 2px 0 #FFFFFF;
|
||||
background-color: #F1F1F1;
|
||||
background-image: linear-gradient(#FFFFFF, rgba(255,255,255,0.1));
|
||||
}
|
||||
|
||||
button:not([disabled]):hover,
|
||||
menulist:not([disabled]):hover {
|
||||
background-image: linear-gradient(#FFFFFF, rgba(255,255,255,0.6));
|
||||
}
|
||||
|
||||
button:not([disabled]):hover:active,
|
||||
menulist[open="true"]:not([disabled]) {
|
||||
background-image: linear-gradient(rgba(255,255,255,0.1),
|
||||
rgba(255,255,255,0.6));
|
||||
}
|
||||
|
||||
button[disabled],
|
||||
menulist[disabled] {
|
||||
background-image: linear-gradient(rgba(255,255,255,0.5),
|
||||
rgba(255,255,255,0.1));
|
||||
border-color: rgba(23,50,77,0.25);
|
||||
color: rgba(115,121,128,0.5);
|
||||
text-shadow: 0 1px 1px #FFFFFF;
|
||||
}
|
||||
|
||||
button > .button-box,
|
||||
menulist > .menulist-label-box {
|
||||
padding-right: 10px !important;
|
||||
padding-left: 10px !important;
|
||||
}
|
||||
|
||||
button[type="menu"] > .button-box > .button-menu-dropmarker {
|
||||
-moz-appearance: none;
|
||||
margin: 1px 0;
|
||||
-moz-margin-start: 10px;
|
||||
padding: 0;
|
||||
width: 10px;
|
||||
height: 15px;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
list-style-image: url("chrome://browser/skin/preferences/in-content/dropdown.png")
|
||||
}
|
||||
|
||||
.spinbuttons-button {
|
||||
-moz-margin-start: 10px !important;
|
||||
-moz-margin-end: 2px !important;
|
||||
}
|
||||
|
||||
.spinbuttons-up {
|
||||
margin-top: 2px !important;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
.spinbuttons-down {
|
||||
margin-bottom: 2px !important;
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
|
||||
.spinbuttons-button > .button-box {
|
||||
padding: 1px 5px 2px !important;
|
||||
}
|
||||
|
||||
.spinbuttons-up > .button-box > .button-icon {
|
||||
list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
|
||||
}
|
||||
|
||||
.spinbuttons-up[disabled] > .button-box > .button-icon {
|
||||
list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif");
|
||||
}
|
||||
|
||||
.spinbuttons-down > .button-box > .button-icon {
|
||||
list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
|
||||
}
|
||||
|
||||
.spinbuttons-down[disabled] > .button-box > .button-icon {
|
||||
list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
|
||||
}
|
||||
|
||||
menulist:not([editable="true"]) > .menulist-dropmarker {
|
||||
-moz-appearance: none;
|
||||
-moz-margin-end: 10px;
|
||||
padding: 0;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
list-style-image: url("chrome://browser/skin/preferences/in-content/dropdown.png")
|
||||
}
|
||||
|
||||
menulist[disabled]:not([editable="true"]) > .menulist-dropmarker {
|
||||
list-style-image: url("chrome://browser/skin/preferences/in-content/dropdown-disabled.png")
|
||||
}
|
||||
|
||||
menulist > menupopup,
|
||||
button[type="menu"] > menupopup {
|
||||
-moz-appearance: none;
|
||||
border: 1px solid rgba(23,50,77,0.4);
|
||||
border-radius: 5px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
menulist > menupopup menu,
|
||||
menulist > menupopup menuitem,
|
||||
button[type="menu"] > menupopup menu,
|
||||
button[type="menu"] > menupopup menuitem {
|
||||
-moz-appearance: none;
|
||||
font-size: 1.25rem;
|
||||
line-height: 22px;
|
||||
height: 40px;
|
||||
color: #737980;
|
||||
}
|
||||
|
||||
menulist > menupopup > menu[_moz-menuactive="true"],
|
||||
menulist > menupopup > menuitem[_moz-menuactive="true"],
|
||||
button[type="menu"] > menupopup > menu[_moz-menuactive="true"],
|
||||
button[type="menu"] > menupopup > menuitem[_moz-menuactive="true"] {
|
||||
color: #FFFFFF;
|
||||
background-image: linear-gradient(#4CB1FF, #1792E5);
|
||||
}
|
||||
|
||||
menulist > menupopup menuseparator,
|
||||
button[type="menu"] > menupopup menuseparator {
|
||||
-moz-appearance: none;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
padding: 0;
|
||||
border-top: 1px solid rgba(23,50,77,0.4);
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/* textboxes */
|
||||
|
||||
textbox {
|
||||
-moz-appearance: none;
|
||||
height: 30px;
|
||||
color: #737980;
|
||||
line-height: 20px;
|
||||
text-shadow: 0 1px 1px #FEFFFE;
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
border: 1px solid rgba(23,50,77,0.4);
|
||||
-moz-border-top-colors: none !important;
|
||||
-moz-border-right-colors: none !important;
|
||||
-moz-border-bottom-colors: none !important;
|
||||
-moz-border-left-colors: none !important;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 1px 1px 0 #FFFFFF, inset 0 2px 2px 0 rgba(0,0,0,0.03);
|
||||
background-color: #F1F1F1;
|
||||
background-image: linear-gradient(#FFFFFF, rgba(255,255,255,0.8));
|
||||
}
|
||||
|
||||
textbox[focused] {
|
||||
color: #424E5A;
|
||||
border-color: #0096DC;
|
||||
box-shadow: 0 0 2px 2px rgba(0,150,220,0.35), inset 0 0 2px 0 #0096DC;
|
||||
}
|
||||
|
||||
textbox[disabled] {
|
||||
color: rgba(115,121,128,0.5);
|
||||
border-color: rgba(23,50,77,0.25);
|
||||
background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.4));
|
||||
}
|
||||
|
||||
/* Links */
|
||||
|
||||
.text-link,
|
||||
.inline-link,
|
||||
html|a.inline-link {
|
||||
font-size: 1.25rem;
|
||||
line-height: 22px;
|
||||
color: #0096DC;
|
||||
}
|
||||
|
||||
.text-link:hover,
|
||||
.inline-link:hover {
|
||||
color: #4CB1FF;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.text-link:hover:active,
|
||||
.inline-link:hover:active {
|
||||
color: #FF9500;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Checkboxes and radio buttons */
|
||||
|
||||
checkbox {
|
||||
margin: 7px 0;
|
||||
}
|
||||
|
||||
.checkbox-check {
|
||||
-moz-appearance: none;
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid rgba(23,50,77,0.40);
|
||||
-moz-margin-end: 10px;
|
||||
background-color: #f1f1f1;
|
||||
background-image: linear-gradient(#ffffff 0%, rgba(255,255,255,0.80) 100%);
|
||||
box-shadow: 0 1px 1px 0 #ffffff, inset 0 2px 0 0 rgba(0,0,0,0.03);
|
||||
}
|
||||
|
||||
.checkbox-check[checked] {
|
||||
border-color: #0096dc;
|
||||
box-shadow: 0 0 2px 2px rgba(0,150,220,0.35), inset 0 0 2px 0 #0096dc;
|
||||
}
|
||||
|
||||
.checkbox-label-box {
|
||||
-moz-margin-start: -1px; /* negative margin for the transparent border */
|
||||
-moz-padding-start: 0;
|
||||
}
|
||||
|
||||
checkbox:hover::before,
|
||||
checkbox[checked]::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 15px;
|
||||
height: 10px;
|
||||
background-image: url("chrome://browser/skin/preferences/in-content/check.png");
|
||||
}
|
||||
|
||||
checkbox[checked]::before {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
|
||||
.radio-check {
|
||||
-moz-appearance: none;
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
border: 1px solid rgba(23,50,77,0.40);
|
||||
border-radius: 50%;
|
||||
-moz-margin-end: 10px;
|
||||
background-color: #f1f1f1;
|
||||
background-image: linear-gradient(#ffffff 0%, rgba(255,255,255,0.80) 100%);
|
||||
box-shadow: 0 1px 1px 0 #ffffff, inset 0 2px 0 0 rgba(0,0,0,0.03);
|
||||
}
|
||||
|
||||
.radio-check[selected] {
|
||||
border-color: #0096dc;
|
||||
box-shadow: 0 0 2px 2px rgba(0,150,220,0.35), inset 0 0 2px 0 #0096dc;
|
||||
}
|
||||
|
||||
.radio-label-box {
|
||||
-moz-margin-start: -1px; /* negative margin for the transparent border */
|
||||
-moz-margin-end: 10px;
|
||||
-moz-padding-start: 0;
|
||||
}
|
||||
|
||||
radio:hover::before,
|
||||
radio[selected]::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
border-radius: 50%;
|
||||
margin-bottom: 1px;
|
||||
background-image: linear-gradient(rgba(76,177,255,0.25) 0%, rgba(23,146,229,0.25) 100%);
|
||||
}
|
||||
|
||||
radio[selected]::before {
|
||||
background-image: linear-gradient(#4cb1ff 0%, #1792e5 100%);
|
||||
}
|
||||
|
||||
/* Category List */
|
||||
|
||||
#categories {
|
||||
-moz-appearance: none;
|
||||
background-color: #424e5a;
|
||||
-moz-border-end: 1px solid rgba(0,0,0,0.20);
|
||||
padding-top: 39px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.category {
|
||||
-moz-appearance: none;
|
||||
color: rgba(241,241,241,0.70);
|
||||
border: 1px solid transparent;
|
||||
-moz-border-end-width: 0;
|
||||
-moz-padding-start: 14px;
|
||||
-moz-padding-end: 21px;
|
||||
margin-bottom: -1px;
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
.category:hover {
|
||||
background-color: rgba(255,255,255,0.15);
|
||||
border-color: rgba(255,255,255,0.20);
|
||||
}
|
||||
|
||||
.category[selected] {
|
||||
background-color: rgba(0,0,0,0.20);
|
||||
border-color: rgba(255,255,255,0.20);
|
||||
-moz-border-start-width: 3px;
|
||||
-moz-border-start-color: #ff9500;
|
||||
-moz-padding-start: 12px;
|
||||
color: #f1f1f1;
|
||||
}
|
||||
|
||||
.category-name {
|
||||
line-height: 22px;
|
||||
font-family: "Clear Sans", sans-serif;
|
||||
font-size: 1.25rem;
|
||||
padding-bottom: 2px;
|
||||
-moz-padding-start: 9px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.category-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
list-style-image: url("chrome://browser/skin/preferences/in-content/icons.png");
|
||||
}
|
||||
|
||||
#category-general > .category-icon {
|
||||
-moz-image-region: rect(0, 24px, 24px, 0);
|
||||
}
|
||||
|
||||
#category-general[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 24px, 48px, 0);
|
||||
}
|
||||
|
||||
#category-content > .category-icon {
|
||||
-moz-image-region: rect(0, 48px, 24px, 24px);
|
||||
}
|
||||
|
||||
#category-content[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 48px, 48px, 24px);
|
||||
}
|
||||
|
||||
#category-application > .category-icon {
|
||||
-moz-image-region: rect(0, 72px, 24px, 48px);
|
||||
}
|
||||
|
||||
#category-application[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 72px, 48px, 48px);
|
||||
}
|
||||
|
||||
#category-privacy > .category-icon {
|
||||
-moz-image-region: rect(0, 96px, 24px, 72px);
|
||||
}
|
||||
|
||||
#category-privacy[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 96px, 48px, 72px);
|
||||
}
|
||||
|
||||
#category-security > .category-icon {
|
||||
-moz-image-region: rect(0, 120px, 24px, 96px);
|
||||
}
|
||||
|
||||
#category-security[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 120px, 48px, 96px);
|
||||
}
|
||||
|
||||
#category-sync > .category-icon {
|
||||
-moz-image-region: rect(0, 144px, 24px, 120px);
|
||||
}
|
||||
|
||||
#category-sync[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 144px, 48px, 120px);
|
||||
}
|
||||
|
||||
#category-advanced > .category-icon {
|
||||
-moz-image-region: rect(0, 168px, 24px, 144px);
|
||||
}
|
||||
|
||||
#category-advanced[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 168px, 48px, 144px);
|
||||
}
|
||||
|
||||
/* header */
|
||||
|
||||
.header {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.header-icon {
|
||||
width: 40px;
|
||||
max-height: 40px;
|
||||
-moz-margin-end: 20px;
|
||||
list-style-image: url("chrome://browser/skin/preferences/in-content/header.png");
|
||||
}
|
||||
|
||||
.header-name {
|
||||
font-size: 2.5rem;
|
||||
font-weight: normal;
|
||||
line-height: 40px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#header-general > .header-icon {
|
||||
-moz-image-region: rect(3px, 45px, 45px, 3px);
|
||||
}
|
||||
|
||||
#header-content > .header-icon {
|
||||
-moz-image-region: rect(3px, 93px, 45px, 51px);
|
||||
}
|
||||
|
||||
#header-application > .header-icon {
|
||||
-moz-image-region: rect(3px, 141px, 45px, 99px);
|
||||
}
|
||||
|
||||
#header-privacy > .header-icon {
|
||||
-moz-image-region: rect(3px, 189px, 45px, 147px);
|
||||
}
|
||||
|
||||
#header-security > .header-icon {
|
||||
-moz-image-region: rect(3px, 237px, 45px, 195px);
|
||||
}
|
||||
|
||||
#header-sync > .header-icon {
|
||||
-moz-image-region: rect(3px, 285px, 45px, 243px);
|
||||
}
|
||||
|
||||
#header-advanced > .header-icon {
|
||||
-moz-image-region: rect(3px, 333px, 45px, 291px);
|
||||
}
|
||||
|
||||
.indent {
|
||||
margin-top: 7px;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
||||
/* General Pane */
|
||||
|
||||
filefield {
|
||||
-moz-appearance: none;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.fileFieldContentBox {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.fileFieldIcon {
|
||||
-moz-margin-start: 10px;
|
||||
-moz-margin-end: 0;
|
||||
}
|
||||
|
||||
.fileFieldLabel {
|
||||
-moz-margin-start: -26px;
|
||||
-moz-padding-start: 36px;
|
||||
}
|
||||
|
||||
#chooseFolder {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
/* Applications Pane Styles */
|
||||
|
||||
#applications-content {
|
||||
-moz-margin-start: 60px;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
#handlersView {
|
||||
-moz-appearance: none;
|
||||
font-size: 1.25rem;
|
||||
line-height: 22px;
|
||||
color: #737980;
|
||||
border: 1px solid rgba(23,50,77,0.4);
|
||||
border-radius: 5px;
|
||||
background-color: #F1F1F1;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
#typeColumn,
|
||||
#actionColumn {
|
||||
-moz-appearance: none;
|
||||
font-family: "Clear Sans", sans-serif;
|
||||
line-height: 20px;
|
||||
color: #737980;
|
||||
height: 36px;
|
||||
padding: 0 10px;
|
||||
background-color: #F7F7F7;
|
||||
border: 1px solid #CCCCCC;
|
||||
-moz-border-top-colors: none;
|
||||
-moz-border-right-colors: none;
|
||||
-moz-border-bottom-colors: none;
|
||||
-moz-border-left-colors: none;
|
||||
text-shadow: 0 1px 1px #FFFFFF;
|
||||
}
|
||||
|
||||
#typeColumn:-moz-locale-dir(ltr),
|
||||
#actionColumn:-moz-locale-dir(rtl) {
|
||||
border-top-left-radius: 5px;
|
||||
}
|
||||
|
||||
#typeColumn:-moz-locale-dir(rtl),
|
||||
#actionColumn:-moz-locale-dir(ltr) {
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
|
||||
#typeColumn:hover,
|
||||
#actionColumn:hover {
|
||||
border-color: #737980;
|
||||
}
|
||||
|
||||
#typeColumn:hover:active,
|
||||
#actionColumn:hover:active {
|
||||
padding: 0 10px;
|
||||
border-color: #0096DC;
|
||||
box-shadow: 0 0 2px 2px rgba(0,150,220,0.35), inset 0 0 2px 0 #0096DC;
|
||||
}
|
||||
|
||||
#typeColumn > .treecol-sortdirection[sortDirection=ascending],
|
||||
#actionColumn > .treecol-sortdirection[sortDirection=ascending],
|
||||
#typeColumn > .treecol-sortdirection[sortDirection=descending],
|
||||
#actionColumn > .treecol-sortdirection[sortDirection=descending] {
|
||||
-moz-appearance: none;
|
||||
list-style-image: url("chrome://browser/skin/preferences/in-content/sorter.png");
|
||||
}
|
||||
|
||||
#typeColumn > .treecol-sortdirection[sortDirection=descending],
|
||||
#actionColumn > .treecol-sortdirection[sortDirection=descending] {
|
||||
transform: scaleY(-1);
|
||||
}
|
||||
|
||||
#handlersView > richlistitem {
|
||||
min-height: 40px !important;
|
||||
}
|
||||
|
||||
.typeIcon {
|
||||
-moz-margin-start: 10px !important;
|
||||
-moz-margin-end: 9px !important;
|
||||
}
|
||||
|
||||
.actionIcon {
|
||||
-moz-margin-start: 11px !important;
|
||||
-moz-margin-end: 8px !important;
|
||||
}
|
||||
|
||||
.actionsMenu {
|
||||
height: 40px;
|
||||
max-height: 40px;
|
||||
}
|
||||
|
||||
.actionsMenu > menupopup > menuitem {
|
||||
-moz-padding-start: 10px !important;
|
||||
}
|
||||
|
||||
.actionsMenu > menupopup > menuitem > .menu-iconic-left {
|
||||
-moz-margin-end: 8px !important;
|
||||
}
|
||||
|
||||
/* XXX This style is for bug 740213 and should be removed once that
|
||||
bug has a solution. */
|
||||
description > html|a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Content Pane */
|
||||
|
||||
#defaultFontSize {
|
||||
min-width: 5.5em;
|
||||
}
|
||||
|
||||
/* Security Pane */
|
||||
|
||||
/* Add margins to this buttons to unsqueeze the checkboxed in same hbox */
|
||||
#addonExceptions,
|
||||
#cookieExceptions,
|
||||
#passwordExceptions,
|
||||
#changeMasterPassword {
|
||||
margin-top: 4px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
/* Sync Pane */
|
||||
|
||||
#syncEnginesList {
|
||||
-moz-appearance: none;
|
||||
color: #737980;
|
||||
padding: 10px;
|
||||
border: 1px solid rgba(23,50,77,0.4);
|
||||
border-radius: 5px;
|
||||
background-color: #F1F1F1;
|
||||
}
|
||||
|
||||
/* Advanced Pane */
|
||||
|
||||
#advancedPrefs {
|
||||
padding-bottom: 0; /* no padding needed in inContent prefs */
|
||||
}
|
||||
|
||||
#encryptionPanel {
|
||||
margin-top: 15px;
|
||||
-moz-margin-start: 60px;
|
||||
}
|
||||
|
||||
#offlineAppsList {
|
||||
-moz-appearance: none;
|
||||
color: #737980;
|
||||
padding: 2px;
|
||||
border: 1px solid rgba(23,50,77,0.4);
|
||||
border-radius: 5px;
|
||||
background-color: #F1F1F1;
|
||||
}
|
||||
|
||||
#telemetryLearnMore,
|
||||
#FHRLearnMore,
|
||||
#crashReporterLearnMore {
|
||||
/* center the links */
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
@ -159,11 +159,15 @@ browser.jar:
|
||||
#endif
|
||||
skin/classic/browser/preferences/saveFile.png (preferences/saveFile.png)
|
||||
* skin/classic/browser/preferences/preferences.css (preferences/preferences.css)
|
||||
skin/classic/browser/preferences/in-content/preferences.css (preferences/in-content/preferences.css)
|
||||
* skin/classic/browser/preferences/in-content/preferences.css (preferences/in-content/preferences.css)
|
||||
skin/classic/browser/preferences/in-content/check.png (preferences/in-content/check.png)
|
||||
skin/classic/browser/preferences/in-content/check@2x.png (preferences/in-content/check@2x.png)
|
||||
skin/classic/browser/preferences/in-content/icons.png (preferences/in-content/icons.png)
|
||||
skin/classic/browser/preferences/in-content/icons@2x.png (preferences/in-content/icons@2x.png)
|
||||
skin/classic/browser/preferences/in-content/header.png (preferences/in-content/icons@2x.png)
|
||||
skin/classic/browser/preferences/in-content/sorter.png (preferences/in-content/sorter.png)
|
||||
skin/classic/browser/preferences/in-content/dropdown.png (preferences/in-content/dropdown.png)
|
||||
skin/classic/browser/preferences/in-content/dropdown-disabled.png (preferences/in-content/dropdown-disabled.png)
|
||||
skin/classic/browser/preferences/applications.css (preferences/applications.css)
|
||||
skin/classic/browser/preferences/aboutPermissions.css (preferences/aboutPermissions.css)
|
||||
skin/classic/browser/social/services-16.png (social/services-16.png)
|
||||
@ -504,11 +508,15 @@ browser.jar:
|
||||
#endif
|
||||
skin/classic/aero/browser/preferences/saveFile.png (preferences/saveFile-aero.png)
|
||||
* skin/classic/aero/browser/preferences/preferences.css (preferences/preferences.css)
|
||||
skin/classic/aero/browser/preferences/in-content/preferences.css (preferences/in-content/preferences.css)
|
||||
* skin/classic/aero/browser/preferences/in-content/preferences.css (preferences/in-content/preferences.css)
|
||||
skin/classic/aero/browser/preferences/in-content/check.png (preferences/in-content/check.png)
|
||||
skin/classic/aero/browser/preferences/in-content/check@2x.png (preferences/in-content/check@2x.png)
|
||||
skin/classic/aero/browser/preferences/in-content/icons.png (preferences/in-content/icons.png)
|
||||
skin/classic/aero/browser/preferences/in-content/icons@2x.png (preferences/in-content/icons@2x.png)
|
||||
skin/classic/aero/browser/preferences/in-content/header.png (preferences/in-content/icons@2x.png)
|
||||
skin/classic/aero/browser/preferences/in-content/sorter.png (preferences/in-content/sorter.png)
|
||||
skin/classic/aero/browser/preferences/in-content/dropdown.png (preferences/in-content/dropdown.png)
|
||||
skin/classic/aero/browser/preferences/in-content/dropdown-disabled.png (preferences/in-content/dropdown-disabled.png)
|
||||
skin/classic/aero/browser/preferences/applications.css (preferences/applications.css)
|
||||
skin/classic/aero/browser/preferences/aboutPermissions.css (preferences/aboutPermissions.css)
|
||||
skin/classic/aero/browser/social/services-16.png (social/services-16.png)
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 250 B |
BIN
browser/themes/windows/preferences/in-content/dropdown.png
Normal file
BIN
browser/themes/windows/preferences/in-content/dropdown.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 250 B |
@ -2,58 +2,33 @@
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
||||
- You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||||
|
||||
@namespace html "http://www.w3.org/1999/xhtml";
|
||||
%include ../../../shared/in-content/preferences.css
|
||||
|
||||
@font-face {
|
||||
font-family: "Clear Sans";
|
||||
src: url("chrome://browser/skin/fonts/ClearSans-Regular.ttf");
|
||||
}
|
||||
|
||||
caption {
|
||||
font-size: 1.667rem;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
prefpane > .content-box {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/* Checkboxes and radio buttons */
|
||||
|
||||
.checkbox-check {
|
||||
-moz-appearance: none;
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid rgba(23,50,77,0.40);
|
||||
-moz-margin-end: 10px;
|
||||
background-color: #f1f1f1;
|
||||
background-image: -moz-linear-gradient(-90deg, #ffffff 0%, rgba(255,255,255,0.80) 100%);
|
||||
box-shadow: 0 1px 1px 0 #ffffff, inset 0 2px 0 0 rgba(0,0,0,0.03);
|
||||
}
|
||||
|
||||
.checkbox-check[checked] {
|
||||
border-color: #0096dc;
|
||||
box-shadow: 0 0 2px 2px rgba(0,150,220,0.35), inset 0 0 2px 0 #0096dc;
|
||||
menulist:not([editable="true"]) > .menulist-dropmarker {
|
||||
margin-top: 1px;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
checkbox:hover::before,
|
||||
checkbox[checked]::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 15px;
|
||||
height: 10px;
|
||||
margin-bottom: -1px;
|
||||
-moz-margin-end: -19px;
|
||||
-moz-margin-start: 4px;
|
||||
background-image: url("chrome://browser/skin/preferences/in-content/check.png");
|
||||
}
|
||||
|
||||
checkbox[checked]::before {
|
||||
background-position: -15px 0;
|
||||
radio {
|
||||
-moz-binding: url("chrome://global/content/bindings/radio.xml#radio");
|
||||
margin: 7px 0;
|
||||
}
|
||||
|
||||
radio:hover::before,
|
||||
radio[selected]::before {
|
||||
-moz-margin-end: -17px;
|
||||
-moz-margin-start: 6px;
|
||||
}
|
||||
|
||||
.actionsMenu > .menulist-label-box > .menulist-icon {
|
||||
-moz-margin-end: 9px;
|
||||
}
|
||||
|
||||
@media (min-resolution: 2dppx) {
|
||||
@ -66,153 +41,7 @@ checkbox[checked]::before {
|
||||
checkbox[checked]::before {
|
||||
background-image: -moz-image-rect(url("chrome://browser/skin/preferences/in-content/check@2x.png"), 0, 60, 30, 30);
|
||||
}
|
||||
}
|
||||
|
||||
radio {
|
||||
-moz-binding: url("chrome://global/content/bindings/radio.xml#radio");
|
||||
}
|
||||
|
||||
.radio-check {
|
||||
-moz-appearance: none;
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
border: 1px solid rgba(23,50,77,0.40);
|
||||
border-radius: 50%;
|
||||
-moz-margin-end: 10px;
|
||||
background-color: #f1f1f1;
|
||||
background-image: -moz-linear-gradient(-90deg, #ffffff 0%, rgba(255,255,255,0.80) 100%);
|
||||
box-shadow: 0 1px 1px 0 #ffffff, inset 0 2px 0 0 rgba(0,0,0,0.03);
|
||||
}
|
||||
|
||||
.radio-check[selected] {
|
||||
border-color: #0096dc;
|
||||
box-shadow: 0 0 2px 2px rgba(0,150,220,0.35), inset 0 0 2px 0 #0096dc;
|
||||
}
|
||||
|
||||
radio:hover::before,
|
||||
radio[selected]::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
border-radius: 50%;
|
||||
margin-bottom: 1px;
|
||||
-moz-margin-end: -17px;
|
||||
-moz-margin-start: 6px;
|
||||
background-image: -moz-linear-gradient(-90deg, rgba(76,177,255,0.25) 0%, rgba(23,146,229,0.25) 100%);
|
||||
}
|
||||
|
||||
radio[selected]::before {
|
||||
background-image: -moz-linear-gradient(-90deg, #4cb1ff 0%, #1792e5 100%);
|
||||
}
|
||||
|
||||
/* Category List */
|
||||
|
||||
#categories {
|
||||
-moz-appearance: none;
|
||||
background-color: #424e5a;
|
||||
-moz-border-end: 1px solid rgba(0,0,0,0.20);
|
||||
padding-top: 39px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.category {
|
||||
-moz-appearance: none;
|
||||
color: rgba(241,241,241,0.70);
|
||||
border: 1px solid transparent;
|
||||
-moz-border-end-width: 0;
|
||||
-moz-padding-start: 14px;
|
||||
-moz-padding-end: 21px;
|
||||
margin-bottom: -1px;
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
.category:hover {
|
||||
background-color: rgba(255,255,255,0.15);
|
||||
border-color: rgba(255,255,255,0.20);
|
||||
}
|
||||
|
||||
.category[selected] {
|
||||
background-color: rgba(0,0,0,0.20);
|
||||
border-color: rgba(255,255,255,0.20);
|
||||
-moz-border-start-width: 3px;
|
||||
-moz-border-start-color: #ff9500;
|
||||
-moz-padding-start: 12px;
|
||||
color: #f1f1f1;
|
||||
}
|
||||
|
||||
.category-name {
|
||||
line-height: 22px;
|
||||
font-family: "Clear Sans", sans-serif;
|
||||
font-size: 1.25rem;
|
||||
padding-bottom: 2px;
|
||||
-moz-padding-start: 9px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.category-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
list-style-image: url("chrome://browser/skin/preferences/in-content/icons.png");
|
||||
}
|
||||
|
||||
#category-general > .category-icon {
|
||||
-moz-image-region: rect(0, 24px, 24px, 0);
|
||||
}
|
||||
|
||||
#category-general[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 24px, 48px, 0);
|
||||
}
|
||||
|
||||
#category-content > .category-icon {
|
||||
-moz-image-region: rect(0, 48px, 24px, 24px);
|
||||
}
|
||||
|
||||
#category-content[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 48px, 48px, 24px);
|
||||
}
|
||||
|
||||
#category-application > .category-icon {
|
||||
-moz-image-region: rect(0, 72px, 24px, 48px);
|
||||
}
|
||||
|
||||
#category-application[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 72px, 48px, 48px);
|
||||
}
|
||||
|
||||
#category-privacy > .category-icon {
|
||||
-moz-image-region: rect(0, 96px, 24px, 72px);
|
||||
}
|
||||
|
||||
#category-privacy[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 96px, 48px, 72px);
|
||||
}
|
||||
|
||||
#category-security > .category-icon {
|
||||
-moz-image-region: rect(0, 120px, 24px, 96px);
|
||||
}
|
||||
|
||||
#category-security[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 120px, 48px, 96px);
|
||||
}
|
||||
|
||||
#category-sync > .category-icon {
|
||||
-moz-image-region: rect(0, 144px, 24px, 120px);
|
||||
}
|
||||
|
||||
#category-sync[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 144px, 48px, 120px);
|
||||
}
|
||||
|
||||
#category-advanced > .category-icon {
|
||||
-moz-image-region: rect(0, 168px, 24px, 144px);
|
||||
}
|
||||
|
||||
#category-advanced[selected] > .category-icon {
|
||||
-moz-image-region: rect(24px, 168px, 48px, 144px);
|
||||
}
|
||||
|
||||
@media (min-resolution: 2dppx) {
|
||||
.category-icon {
|
||||
list-style-image: url("chrome://browser/skin/preferences/in-content/icons@2x.png");
|
||||
}
|
||||
@ -273,81 +102,3 @@ radio[selected]::before {
|
||||
-moz-image-region: rect(48px, 336px, 96px, 288px);
|
||||
}
|
||||
}
|
||||
|
||||
/* Applications Pane Styles */
|
||||
|
||||
#applications-content {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
#handlersView {
|
||||
-moz-appearance: none;
|
||||
border: 1px solid rgba(31,64,100,0.4);
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
/* XXX This style is for bug 740213 and should be removed once that
|
||||
bug has a solution. */
|
||||
description > html|a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* XXX Styles Below can be removed once bug 660726 lands */
|
||||
.nav-button {
|
||||
list-style-image: url(chrome://mozapps/skin/extensions/navigation.png);
|
||||
}
|
||||
|
||||
#forward-btn {
|
||||
-moz-border-start: none;
|
||||
}
|
||||
|
||||
#back-btn:-moz-locale-dir(ltr),
|
||||
#forward-btn:-moz-locale-dir(rtl) {
|
||||
-moz-image-region: rect(0, 18px, 18px, 0);
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
#back-btn:-moz-locale-dir(rtl),
|
||||
#forward-btn:-moz-locale-dir(ltr) {
|
||||
-moz-image-region: rect(0, 36px, 18px, 18px);
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.header-button[disabled="true"] {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.header-button {
|
||||
-moz-appearance: none;
|
||||
padding: 1px 3px;
|
||||
color: #444;
|
||||
text-shadow: 0 0 3px white;
|
||||
background: linear-gradient(
|
||||
rgba(251,252,253,0.95),
|
||||
rgba(246,247,248,0) 49%,
|
||||
rgba(211,212,213,0.45) 51%,
|
||||
rgba(225,226,229, 0.3));
|
||||
background-clip: padding-box;
|
||||
border-radius: 2.5px;
|
||||
border: 1px solid rgba(31,64,100,0.4);
|
||||
border-top-color: rgba(31,64,100,0.3);
|
||||
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25) inset,
|
||||
0 0 2px 1px rgba(255, 255, 255, 0.25) inset;
|
||||
}
|
||||
|
||||
.header-button[disabled="true"] > .toolbarbutton-icon {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.header-button:not([disabled="true"]):active:hover,
|
||||
.header-button[open="true"] {
|
||||
background-color: rgba(61, 76, 92, 0.2);
|
||||
border-color: rgba(39, 53, 68, 0.5);
|
||||
box-shadow: 0 0 3px 1px rgba(39, 53, 68, 0.2) inset;
|
||||
}
|
||||
|
||||
.header-button > .toolbarbutton-text {
|
||||
display: none;
|
||||
}
|
||||
|
||||
BIN
browser/themes/windows/preferences/in-content/sorter.png
Normal file
BIN
browser/themes/windows/preferences/in-content/sorter.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 154 B |
Loading…
Reference in New Issue
Block a user