X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fpreferences%2Fin-content%2Fpreferences.css;h=126c11fb7f0db42017b074bf287595ea0abd434b;hp=ac4160cfaf1b51bc482db2832cf7332bc74285c6;hb=0bcd55874801a7433d9e74c9377f866abf9d3d1a;hpb=bb9362a9a645a3ccc0f015cbfe3a1e0054d7157d diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css index ac4160cf..126c11fb 100644 --- a/LCARStrek/browser/preferences/in-content/preferences.css +++ b/LCARStrek/browser/preferences/in-content/preferences.css @@ -8,19 +8,33 @@ @font-face { font-family: "Clear Sans"; - src: url("chrome://browser/skin/fonts/ClearSans-Regular.ttf"); + src: url("chrome://browser/content/fonts/ClearSans-Regular.woff") format('woff'); } +#dialogBox, +dialog, +window, +prefwindow, +.windowDialog, page { background-color: #000000; } +* { + -moz-user-select: text; +} + +treecol { + /* override the * rule to let the treecol be sortable */ + -moz-user-select: none; +} + caption { -moz-appearance: none; margin: 0; } -.caption-text { +caption > label { font-size: 1.3rem; font-weight: bold; line-height: 22px; @@ -28,23 +42,21 @@ caption { } .main-content { - max-width: 800px; -} - -prefpane > .content-box { + padding: 40px 48px 48px; overflow: auto; } prefpane { - padding: 40px 48px 48px; + max-width: 800px; + padding: 0; font-family: "Clear Sans", sans-serif; font-size: 1.25rem; line-height: 22px; - color: #000000; + color: #FF9F00; } prefpane > .content-box { - overflow: auto; + overflow: visible; } /* groupboxes */ @@ -109,6 +121,51 @@ menulist > .menulist-label-box { button[type="menu"] > .button-box > .button-menu-dropmarker { } +/* +.help-button { + min-width: 30px; + border-radius: 2px; + border: 1px solid #C1C1C1; + background-color: #FFCB00; + background-image: none; + box-shadow: none; +} + +.help-button:not([disabled="true"]):hover { + background-color: #F4C200; + background-image: none; +} + +.help-button:not([disabled="true"]):hover:active { + background-color: #EABA00; + background-image: none; +} + +.close-icon > .button-box, +.help-button > .button-box { + padding-top: 0; + padding-bottom: 0; + padding-right: 0 !important; + padding-left: 0 !important; +} +*/ +.help-button > .button-box > .button-icon { + width: 26px; + height: 26px; + background-image: url("chrome://browser/skin/preferences/in-content/help-glyph.png"); + background-position: center; +} + +@media (min-resolution: 2dppx) { + .help-button > .button-box > .button-icon { + background-size: 26px 26px; + background-image: url("chrome://browser/skin/preferences/in-content/help-glyph@2x.png"); + } +} + +.help-button > .button-box > .button-text { + display: none; +} .spinbuttons-button { } @@ -156,6 +213,12 @@ button[type="menu"] > menupopup > menu[_moz-menuactive="true"], button[type="menu"] > menupopup > menuitem[_moz-menuactive="true"] { } +menulist > menupopup > menu[selected="true"], +menulist > menupopup > menuitem[selected="true"], +button[type="menu"] > menupopup > menu[selected="true"], +button[type="menu"] > menupopup > menuitem[selected="true"] { +} + menulist > menupopup menuseparator, button[type="menu"] > menupopup menuseparator { } @@ -194,13 +257,6 @@ html|a.inline-link { .checkbox-check[checked] { } -checkbox:hover::before, -checkbox[checked]::before { -} - -checkbox[checked]::before { -} - radio { } @@ -210,18 +266,10 @@ radio { .radio-check[selected] { } -radio:hover::before, -radio[selected]::before { -} - -radio[selected]::before { -} - /* Category List */ #categories { background-color: #A09090; -/* -moz-border-end: 1px solid #FF9F00; */ padding-top: 39px; margin: 0; border-radius: 1em 0 0 0; @@ -231,9 +279,10 @@ radio[selected]::before { background-color: #000000; color: #FFCF00; -moz-border-end-width: 0; - -moz-padding-start: 14px; + -moz-padding-start: 15px; -moz-padding-end: 21px; min-height: 40px; + transition: background-color 150ms; } .category:hover { @@ -345,31 +394,65 @@ radio[selected]::before { } #header-general > .header-icon { - -moz-image-region: rect(3px, 45px, 45px, 3px); + -moz-image-region: rect(0, 40px, 40px, 0); } #header-content > .header-icon { - -moz-image-region: rect(3px, 93px, 45px, 51px); + -moz-image-region: rect(0, 80px, 40px, 40px); } #header-application > .header-icon { - -moz-image-region: rect(3px, 141px, 45px, 99px); + -moz-image-region: rect(0, 120px, 40px, 80px); } #header-privacy > .header-icon { - -moz-image-region: rect(3px, 189px, 45px, 147px); + -moz-image-region: rect(0, 160px, 40px, 120px); } #header-security > .header-icon { - -moz-image-region: rect(3px, 237px, 45px, 195px); + -moz-image-region: rect(0, 200px, 40px, 160px); } #header-sync > .header-icon { - -moz-image-region: rect(3px, 285px, 45px, 243px); + -moz-image-region: rect(0, 240px, 40px, 200px); } #header-advanced > .header-icon { - -moz-image-region: rect(3px, 333px, 45px, 291px); + -moz-image-region: rect(0, 280px, 40px, 240px); +} + +@media (min-resolution: 2dppx) { + .header-icon { + list-style-image: url("chrome://browser/skin/preferences/in-content/header@2x.png"); + } + + #header-general > .header-icon { + -moz-image-region: rect(0, 80px, 80px, 0); + } + + #header-content > .header-icon { + -moz-image-region: rect(0, 160px, 80px, 80px); + } + + #header-application > .header-icon { + -moz-image-region: rect(0, 240px, 80px, 160px); + } + + #header-privacy > .header-icon { + -moz-image-region: rect(0, 320px, 80px, 240px); + } + + #header-security > .header-icon { + -moz-image-region: rect(0, 400px, 80px, 320px); + } + + #header-sync > .header-icon { + -moz-image-region: rect(0, 480px, 80px, 400px); + } + + #header-advanced > .header-icon { + -moz-image-region: rect(0, 560px, 80px, 480px); + } } .indent { @@ -403,12 +486,17 @@ filefield { /* Applications Pane Styles */ -#applications-content { +#applicationsContent { -moz-margin-start: 60px; - padding: 15px; + padding: 15px 0; +} + +#filter { + -moz-margin-start: 0; } #handlersView { + -moz-margin-start: 0; font-size: 1.25rem; line-height: 22px; border: none; /*1px solid #9C9CFF;*/ @@ -462,7 +550,7 @@ filefield { #typeColumn > .treecol-sortdirection[sortDirection=ascending], #actionColumn > .treecol-sortdirection[sortDirection=ascending], #typeColumn > .treecol-sortdirection[sortDirection=descending], -#actionColumn > .treecol-sortdirection[sortDirection=descending] { +#actionColumn > .treecol-sortdirection[sortDirection=descending] { } #typeColumn > .treecol-sortdirection[sortDirection=descending], @@ -502,14 +590,7 @@ description > html|a { cursor: pointer; } -/* Content Pane */ - -#defaultFontSize { - min-width: 5.5em; -} - -/* Sync Pane */ - +#offlineAppsList, #syncEnginesList { /* -moz-appearance: none; color: #737980; @@ -519,8 +600,6 @@ description > html|a { background-color: #F1F1F1;*/ } -/* Advanced Pane */ - #advancedPrefs { padding-bottom: 0; /* no padding needed in inContent prefs */ } @@ -530,15 +609,6 @@ description > html|a { -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 { @@ -547,8 +617,75 @@ description > html|a { margin-bottom: 8px; } + +/** + * Sub-dialog + */ + +#dialogOverlay { + background-color: rgba(0,0,0,0.75); + visibility: hidden; +} + +#dialogBox { + border: 1px solid #9C9CFF; + display: -moz-box; + margin: 0; + padding-right: 6px; + padding-left: 6px; +} + +#dialogBox[resizable="true"] { + resize: both; + overflow: hidden; + min-height: 30em; + min-width: 66ch; +} + +.close-icon { + background-color: transparent !important; + border: none; + box-shadow: none; + height: 18px; + padding: 0; + min-width: 18px; +} + +#dialogBox > .groupbox-body { + -moz-appearance: none; + padding: 0; +} + +#dialogFrame { + -moz-box-flex: 1; + /* Default dialog dimensions */ + height: 30em; + width: 66ch; +} + +/* needs to be removed with bug 1035625 */ +:-moz-any(dialog, window, prefwindow) resizer { + display: none; +} + +tree:not(#rejectsTree) { + min-height: 15em; +} + +:-moz-any(dialog, window, prefwindow) groupbox { + -moz-margin-start: 8px; + -moz-margin-end: 8px; +} + +/** + * End sub-dialog + */ + /* === END shared/in-content/preferences.css === */ +caption { +} + .indent-small { -moz-margin-start: 10px; }