From 8d13bdc6cac0e20c43c6f909fc0208774b9c5c84 Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Sat, 27 Apr 2024 21:47:39 +0200 Subject: Adding upstream version 2020.10.7. Signed-off-by: Daniel Baumann --- src/skin/background.png | Bin 0 -> 1070 bytes src/skin/css/firstRun.css | 798 +++++++++++++++++++++++++++++++ src/skin/firstRun.html | 131 +++++ src/skin/fonts/Chunk.ttf | Bin 0 -> 31268 bytes src/skin/fonts/OpenSans-Bold.ttf | Bin 0 -> 224452 bytes src/skin/fonts/OpenSans-Light.ttf | Bin 0 -> 222236 bytes src/skin/images/EFF-red.svg | 7 + src/skin/images/carrot-down.svg | 10 + src/skin/images/catches-trackers.png | Bin 0 -> 30571 bytes src/skin/images/disable-badger.png | Bin 0 -> 19494 bytes src/skin/images/eff-logo.png | Bin 0 -> 356 bytes src/skin/images/facebook.svg | 19 + src/skin/images/learns-trackers.png | Bin 0 -> 35251 bytes src/skin/images/not-ad-blocker.png | Bin 0 -> 9138 bytes src/skin/images/pb-logo-outline.svg | 41 ++ src/skin/images/twitter.svg | 19 + src/skin/js/firstRun.js | 25 + src/skin/options-layout.css | 260 ++++++++++ src/skin/options.html | 307 ++++++++++++ src/skin/popup.css | 488 +++++++++++++++++++ src/skin/popup.html | 155 ++++++ src/skin/socialwidgets/AddThis.svg | 134 ++++++ src/skin/socialwidgets/Digg.svg | 212 ++++++++ src/skin/socialwidgets/FacebookLike.svg | 216 +++++++++ src/skin/socialwidgets/FacebookShare.svg | 214 +++++++++ src/skin/socialwidgets/LinkedIn.svg | 182 +++++++ src/skin/socialwidgets/Pinterest.svg | 211 ++++++++ src/skin/socialwidgets/Twitter.svg | 116 +++++ 28 files changed, 3545 insertions(+) create mode 100644 src/skin/background.png create mode 100644 src/skin/css/firstRun.css create mode 100644 src/skin/firstRun.html create mode 100644 src/skin/fonts/Chunk.ttf create mode 100644 src/skin/fonts/OpenSans-Bold.ttf create mode 100644 src/skin/fonts/OpenSans-Light.ttf create mode 100644 src/skin/images/EFF-red.svg create mode 100644 src/skin/images/carrot-down.svg create mode 100644 src/skin/images/catches-trackers.png create mode 100644 src/skin/images/disable-badger.png create mode 100644 src/skin/images/eff-logo.png create mode 100644 src/skin/images/facebook.svg create mode 100644 src/skin/images/learns-trackers.png create mode 100644 src/skin/images/not-ad-blocker.png create mode 100644 src/skin/images/pb-logo-outline.svg create mode 100644 src/skin/images/twitter.svg create mode 100644 src/skin/js/firstRun.js create mode 100644 src/skin/options-layout.css create mode 100644 src/skin/options.html create mode 100644 src/skin/popup.css create mode 100644 src/skin/popup.html create mode 100644 src/skin/socialwidgets/AddThis.svg create mode 100644 src/skin/socialwidgets/Digg.svg create mode 100644 src/skin/socialwidgets/FacebookLike.svg create mode 100644 src/skin/socialwidgets/FacebookShare.svg create mode 100644 src/skin/socialwidgets/LinkedIn.svg create mode 100644 src/skin/socialwidgets/Pinterest.svg create mode 100644 src/skin/socialwidgets/Twitter.svg (limited to 'src/skin') diff --git a/src/skin/background.png b/src/skin/background.png new file mode 100644 index 0000000..fb88958 Binary files /dev/null and b/src/skin/background.png differ diff --git a/src/skin/css/firstRun.css b/src/skin/css/firstRun.css new file mode 100644 index 0000000..28880a8 --- /dev/null +++ b/src/skin/css/firstRun.css @@ -0,0 +1,798 @@ +/* base styles, using foundation 6 defaults */ +html { + font-family:sans-serif; + line-height:1.15; + -ms-text-size-adjust:100%; + -webkit-text-size-adjust:100%; +} + +article,aside,footer,header,nav,section { + display:block; +} + +a { + background-color:transparent; + -webkit-text-decoration-skip:objects; +} +a:active,a:hover { + outline-width:0; +} + +img { + border-style:none; +} + +html { + box-sizing:border-box; + font-size:100%; +} +*,*::before,*::after { + box-sizing:inherit; +} +body /* base font and color for privacy badger */ { + margin:0; + padding:0; + background:#fefefe; + font-family:"OpenSans-Light",sans-serif; + font-weight:normal; + line-height:1.5; + color:#000; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; +} +img { + display:inline-block; + vertical-align:middle; + max-width:100%; + height:auto; + -ms-interpolation-mode:bicubic; +} + +/* xy grid, selected foundation classes */ +.small-12 { + -ms-flex:0 0 100%; + flex:0 0 100%; + max-width:100%; +} +.grid-container { + padding-right:.625rem; + padding-left:.625rem; + max-width:75rem; + margin:0 auto; +} +@media print, screen and (min-width: 40em) { + .grid-container { + padding-right:.9375rem; + padding-left:.9375rem; + } +} + +.grid-container.full { + padding-right:0; + padding-left:0; + max-width:100%; + margin:0 auto; +} +.grid-x { + display:-ms-flexbox; + display:flex; + -ms-flex-flow:row wrap; + flex-flow:row wrap; +} +.cell { + -ms-flex:0 0 auto; + flex:0 0 auto; + min-height:0px; + min-width:0px; + width:100%; +} + +.grid-x>.small-shrink,.grid-x>.small-full,.grid-x>.small-1,.grid-x>.small-2,.grid-x>.small-3,.grid-x>.small-4,.grid-x>.small-5,.grid-x>.small-6,.grid-x>.small-7,.grid-x>.small-8,.grid-x>.small-9,.grid-x>.small-10,.grid-x>.small-11,.grid-x>.small-12 { + -ms-flex-preferred-size:auto; + flex-basis:auto; +} +@media print, screen and (min-width: 40em) { + .grid-x>.medium-10 { + -ms-flex-preferred-size:auto; + flex-basis:auto; + } + +} +@media print, screen and (min-width: 64em) { + .grid-x>.large-3,.grid-x>.large-4 { + -ms-flex-preferred-size:auto; + flex-basis:auto; + } +} +.grid-x>.small-12 { + width:100%; +} +@media print, screen and (min-width: 40em) { + .grid-x>.medium-10 { + width:83.33333%; + } +} +@media print, screen and (min-width: 64em) { + .grid-x>.large-3 { + width:25%; + } + .grid-x>.large-4 { + width:33.33333%; + } +} +.grid-margin-x { + margin-left:-.625rem; + margin-right:-.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-x { + margin-left:-.9375rem; + margin-right:-.9375rem; + } +} + +.grid-margin-x>.small-12 { + width:calc(100% - 1.25rem); +} +@media print, screen and (min-width: 40em) { + + .grid-margin-x>.small-12 { + width:calc(100% - 1.875rem); + } + .grid-margin-x>.medium-10 { + width:calc(83.33333% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-x>.large-3 { + width:calc(25% - 1.875rem); + } + .grid-margin-x>.large-4 { + width:calc(33.33333% - 1.875rem); + } +} +.grid-padding-x .grid-padding-x { + margin-right:-.625rem; + margin-left:-.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-x .grid-padding-x { + margin-right:-.9375rem; + margin-left:-.9375rem; + } +} + +.grid-padding-x>.cell { + padding-right:.625rem; + padding-left:.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-x>.cell { + padding-right:.9375rem; + padding-left:.9375rem; + } +} + +@media print, screen and (min-width: 64em) { + .large-up-3>.cell { + width:33.33333%; + } + .large-up-4>.cell { + width:25%; + } +} + +@media print, screen and (min-width: 64em) { + .grid-margin-x.large-up-3>.cell { + width:calc(33.33333% - 1.875rem); + } + .grid-margin-x.large-up-4>.cell { + width:calc(25% - 1.875rem); + } +} + +.grid-padding-y { + margin-top:-.625rem; + margin-bottom:-.625rem; +} +@media print, screen and (min-width: 40em){ + .grid-padding-y { + margin-top:-.9375rem; + margin-bottom:-.9375rem; + } +} + +/* end xy grid */ +div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td { + margin:0; + padding:0; +} +p { + margin-bottom:1rem; + font-size:inherit; + line-height:1.6; + text-rendering:optimizeLegibility; +} + +/* Privacy Badger header fonts */ +h1, +h2, +h3{ + font-family:"OpenSans-Bold",sans-serif; + font-style:normal; + font-weight:normal; + color:inherit; + text-rendering:optimizeLegibility; +} + +h1 { + font-size:1.875rem; + line-height:1.4; + margin-top:0; + margin-bottom:.5rem; +} +h2 { + font-size:1.25rem; + line-height:1.4; + margin-top:0; + margin-bottom:.5rem; +} +h3 { + font-size:1.1875rem; + line-height:1.4; + margin-top:0; + margin-bottom:.5rem; +} + +@media print, screen and (min-width: 40em) { + h1 { + font-size:3.5rem; + } + h2 { + font-size:2.5rem; + } + h3 { + font-size:1.9375rem; + } +} + +p { + font-family:"OpenSans-Light",sans-serif; +} + +a { + line-height:inherit; + color:#F06A0A; + font-weight: bold; + text-decoration:none; + cursor:pointer; +} +a:hover,a:focus { + color:#000; +} +a img { + border:0; +} + +hr { + border-top:0; + border-right:0; + border-bottom:1px solid #cacaca; + border-left:0; + box-sizing:content-box; + clear:both; + height:0; + margin:1.25rem auto; + max-width:75rem; + overflow:visible; +} +ul,ol,dl { + margin-bottom:1rem; + list-style-position:outside; + line-height:1.6; +} +li { + font-size:inherit; +} +ul { + margin-left:1.25rem; + list-style-type:disc; +} +ol { + margin-left:1.25rem; +} +ul ul,ol ul,ul ol,ol ol { + margin-left:1.25rem; + margin-bottom:0; +} +.text-left { + text-align:left; +} +.text-right { + text-align:right; +} +.text-center { + text-align:center; +} +.text-justify { + text-align:justify; +} + +/* buttons */ +.button { + display:inline-block; + vertical-align:middle; + margin:0 0 1rem 0; + font-family:"OpenSans-Bold"; + padding:0.85em 1em; + -webkit-appearance:none; + border:1px solid transparent; + border-radius:0; + transition:background-color 0.25s ease-out,color 0.25s ease-out; + font-size:0.9rem; + line-height:1; + text-align:center; + cursor:pointer; + background-color:#F06A0A; + color:#fefefe; +} +button:hover,.button:focus { + background-color:#cc5a09; + color:#fefefe; +} + +.button.large { + font-size:1rem; + padding:0.8rem 2rem; + margin-top:1rem; + text-transform:uppercase; +} + +/* top-bar and header*/ +.top-bar { + align-items: center; + background-color: #F06A0A; + color: white; + display: -ms-flexbox; + display :flex; + flex-flow: row wrap; + flex-wrap: wrap; + font-family: "OpenSans-Bold",sans-serif; + font-size: 0.6rem; + justify-content: center; + padding: 0.5rem 0.5rem 1rem; + -ms-flex-flow: row wrap; + -ms-flex-wrap: wrap; + -ms-flex-align: center; + -ms-flex-pack: justify; + text-transform: uppercase; +} +@media print, screen and (min-width: 40em) { + .top-bar { + font-size: 0.9rem; + padding: 1rem 0.5rem 1.5rem; + } +} +.top-bar img { + max-width: 3rem; + margin-inline-end: 0.2rem; +} +@media print, screen and (min-width: 40em) { + .top-bar img { + margin-inline-end: 1rem; + } +} + +@media print, screen and (min-width: 40em) { + .top-bar { + -ms-flex-wrap:nowrap; + flex-wrap:nowrap; + } +} + +.top-bar-title { + -ms-flex:0 0 auto; + flex:0 0 auto; + margin:0.5rem 1rem 0.5rem 0; +} + +header { + display:-ms-flexbox; + display:flex; + -ms-flex-flow:row wrap; + flex-flow:row wrap; + background-color:#EC9329; +} +header img { + width:7rem; +} +@media print, screen and (min-width: 40em) { + header img { + margin:1rem 0 0; + width:15rem; + } +} +header .title-bar h1 { + color:white; + font-family:"ChunkFive",serif; +} + +/* visibility classes */ +.hide { + display:none !important; +} +.invisible { + visibility:hidden; +} +@media screen and (max-width: 39.9375em) { + .hide-for-small-only { + display:none !important; + } +} +@media screen and (max-width: 0em), screen and (min-width: 40em) { + .show-for-small-only { + display:none !important; + } +} +@media print, screen and (min-width: 40em) { + .hide-for-medium { + display:none !important; + } +} +@media screen and (max-width: 39.9375em) { + .show-for-medium { + display:none !important; + } +} +@media screen and (min-width: 40em) and (max-width: 63.9375em) { + .hide-for-medium-only { + display:none !important; + } +} +@media screen and (max-width: 39.9375em), screen and (min-width: 64em) { + .show-for-medium-only { + display:none !important; + } +} +@media print, screen and (min-width: 64em) { + .hide-for-large { + display:none !important; + } +} +@media screen and (max-width: 63.9375em) { + .show-for-large { + display:none !important; + } +} +@media screen and (min-width: 64em) and (max-width: 74.9375em) { + .hide-for-large-only { + display:none !important; + } +} +@media screen and (max-width: 63.9375em), screen and (min-width: 75em) { + .show-for-large-only { + display:none !important; + } +} + +.align-right { + -ms-flex-pack:end; + justify-content:flex-end; +} +.align-center { + -ms-flex-pack:center; + justify-content:center; +} +.align-justify { + -ms-flex-pack:justify; + justify-content:space-between; +} +.align-spaced { + -ms-flex-pack:distribute; + justify-content:space-around; +} + +/* share links */ +.share-links { + display:block; + margin:2.5rem auto 2rem; + padding-bottom:3rem; + width:94px; + z-index:3; +} +.share-links>a { + position:relative; + width:2.6rem; + height:2.6rem; + overflow:hidden; +} +.share-links>a:hover { + background-color:transparent !important; +} +.share-links>a i { + position:relative; + display:inline-block; + height:2.6rem; + width:2.6rem; + z-index:2; +} +.share-links>a span { + position:absolute; + visibility:hidden; + display:inline-block; + top:0; + right:0; + z-index:1; + opacity:0.9; + width:12.5rem; + height:2.6rem; + box-sizing:content-box; + line-height:2.6rem; + padding-left:.45614rem; + text-align:left; + text-transform:uppercase; + font-size:0.9rem; + background-color:white; + border-left:0.312rem solid #fff; +} +.share-links>a:first-child { + margin-top:0; + margin-left:0; +} +.share-links>a.share-twitter i { + background:url("../images/twitter.svg"); +} +.share-links>a.share-twitter i:hover { + opacity:0.7; +} +.share-links>a.share-facebook i { + background:url("../images/facebook.svg"); +} +.share-links>a.share-facebook i:hover { + opacity:0.7; +} +.share-links>a { + display:inline-block; + float:left; + margin-left:.65rem; +} +.share-links>a.share-clipboard { + display:none; +} +@media print, screen and (min-width: 40em) { + .share-links { + padding-bottom:0; + position:fixed; + top:5rem; + width:55px; + } + .share-links>a { + position:relative; + width:3.5625rem; + height:3.5625rem; + overflow:hidden; + } + .share-links>a:hover { + background-color:transparent !important; + } + .share-links>a i { + position:relative; + display:inline-block; + height:3.5625rem; + width:3.5625rem; + z-index:2; + } + .share-links>a span { + position:absolute; + visibility:hidden; + display:inline-block; + top:0; + right:0; + z-index:1; + opacity:0.9; + width:12.5rem; + height:3.5625rem; + box-sizing:content-box; + line-height:3.5625rem; + padding-left:.625rem; + text-align:left; + text-transform:uppercase; + font-size:0.9rem; + background-color:white; + border-left:0.4275rem solid #fff; + } + .share-links>a:first-child { + margin-top:0; + margin-left:0; + } + .share-links>a.share-twitter i { + background:url("../images/twitter.svg"); + } + .share-links>a.share-twitter i:hover { + opacity:0.7; + } + .share-links>a.share-facebook i { + background:url("../images/facebook.svg"); + } + .share-links>a.share-facebook i:hover { + opacity:0.7; + } + .share-links>a { + display:block; + float:none; + margin-left:0; + margin-top:.45614rem; + } + .share-links>a:hover,.share-links>a:focus { + width:17.115rem; + transition:width 130ms; + } + .share-links>a:hover i,.share-links>a:focus i { + position:relative; + z-index:2; + } + .share-links>a:hover span,.share-links>a:focus span { + visibility:visible; + } +} +/* fonts */ +@font-face { + font-family:'ChunkFive'; + src:url("../fonts/Chunk.ttf") format("truetype"); + font-weight:900; + font-style:normal; +} +@font-face { + font-family:'OpenSans-Light'; + src:url("../fonts/OpenSans-Light.ttf") format("truetype"); + font-weight:300; + font-style:normal; +} +@font-face { + font-family:'OpenSans-Bold'; + src:url("../fonts/OpenSans-Bold.ttf") format("truetype"); + font-weight:600; + font-style:normal; +} + +/* pb specific */ +body { + font-size:16px; + padding-bottom:3rem; +} + +.text { + margin:1rem 0; +} +.caret-down { + display:-ms-flexbox; + display:flex; + -ms-flex-flow:row wrap; + flex-flow:row wrap; + padding:3rem 0 5rem; +} +.caret-down img { + width:5rem; +} +.grid-container.full { + margin-bottom: 5rem; +} +#intro { + padding:2rem 0rem 4rem; +} +@media print, screen and (min-width: 40em) { + #intro { + padding:4rem 0rem 14rem; + } +} +[id*="pb-features-"],#pb-settings { + display:-ms-flexbox; + display:flex; + -ms-flex-flow:row wrap; + flex-flow:row wrap; + padding:3rem 0 2rem; +} +@media print, screen and (min-width: 40em) { + [id*="pb-features-"],#pb-settings { + padding:3rem 0 5rem; + } +} +[id*="pb-features-"] div,#pb-settings div { + width:calc(100% - 1.875rem); + margin-right:.9375rem; + margin-left:.9375rem; + text-align:center; +} +@media print, screen and (min-width: 40em) { + [id*="pb-features-"] div,#pb-settings div { + width:calc(33.33333% - 1.875rem); + margin-right:.9375rem; + margin-left:.9375rem; + } + +} +[id*="pb-features-"] h3,#pb-settings h3 { + font-size:1.5rem; + text-align:center; + margin-top:1rem; +} +@media print, screen and (min-width: 40em) { + [id*="pb-features-"] h3, #pb-settings h3 { + text-align: start; + font-size: 1.9375rem; + } +} +[id*="pb-features-"] .text, [id*="pb-features-"] p, #pb-settings .text, #pb-settings p { + text-align: start; +} +#pb-settings { + background-image:linear-gradient(#EC9329, #EC9329 30%, #fff 30%); +} +[id*="pb-donate"] { + display:-ms-flexbox; + display:flex; + -ms-flex-flow:row wrap; + flex-flow:row wrap; +} +[id*="pb-donate"] img { + max-width:200px; +} +@media print, screen and (min-width: 40em) { + [id*="pb-donate"] img { + max-width:250px; + } +} +[id*="pb-donate"] div { + width:calc(100% - 1.875rem); + margin-right:.9375rem; + margin-left:.9375rem; +} +@media print, screen and (min-width: 40em) { + [id*="pb-donate"] div { + width:calc(33.33333% - 1.875rem); + margin-right:.9375rem; + margin-left:.9375rem; + } + +} +[id*="pb-donate"] h3 { + font-size:1.5rem; + text-align:center; + margin-top:1rem; +} +@media print, screen and (min-width: 40em) { + [id*="pb-donate"] h3 { + font-size:1.9375rem; + } +} +[id*="pb-donate"] span { + color:#F06A0A; + font-family:"OpenSans-Bold",sans-serif; + font-size:0.9rem; + text-align:center; + text-transform:uppercase; +} +#pb-donate { + background-image:linear-gradient(#DFDFE6, #DFDFE6 30%, #fff 30%); + padding:4rem 0; +} +#pb-privacy-policy, #pb-privacy-policy a { + color:#707070; + font-family:"OpenSans-Light",sans-serif; + font-size:0.9rem; + text-align:center; +} +@media print, screen and (min-width: 40em) { + #pb-donate { + background-image:linear-gradient(#DFDFE6, #DFDFE6 45%, #fff 45%); + padding:7rem 0; + } +} +#pb-donate-help { + margin-bottom:0; +} +@media print, screen and (min-width: 40em) { + #pb-donate-help { + margin-bottom:5rem; + } +} diff --git a/src/skin/firstRun.html b/src/skin/firstRun.html new file mode 100644 index 0000000..307a90a --- /dev/null +++ b/src/skin/firstRun.html @@ -0,0 +1,131 @@ + + + + + + + + + + + + + + +
+ +
+ + +
+ +
+
+ +
+
+

+
+
+ + +
+
+

+
+
+

+
+
+ +
+
+ + +
+
+ +
+
+

+

+
+
+
+
+

+

+
+
+ +
+
+

+

+
+
+
+
+ +
+
+

+

+
+
+
+ i18n_next_section +
+ + +
+
+ +

+

+

+
+
+
+ i18n_next_section +
+ + +
+
+ +

+

+
+
+
+
+ +
+
+
+ +
+
+ + + + + +
+
+ +
+
+ + + diff --git a/src/skin/fonts/Chunk.ttf b/src/skin/fonts/Chunk.ttf new file mode 100644 index 0000000..989342b Binary files /dev/null and b/src/skin/fonts/Chunk.ttf differ diff --git a/src/skin/fonts/OpenSans-Bold.ttf b/src/skin/fonts/OpenSans-Bold.ttf new file mode 100644 index 0000000..7b52945 Binary files /dev/null and b/src/skin/fonts/OpenSans-Bold.ttf differ diff --git a/src/skin/fonts/OpenSans-Light.ttf b/src/skin/fonts/OpenSans-Light.ttf new file mode 100644 index 0000000..563872c Binary files /dev/null and b/src/skin/fonts/OpenSans-Light.ttf differ diff --git a/src/skin/images/EFF-red.svg b/src/skin/images/EFF-red.svg new file mode 100644 index 0000000..aed0c85 --- /dev/null +++ b/src/skin/images/EFF-red.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/skin/images/carrot-down.svg b/src/skin/images/carrot-down.svg new file mode 100644 index 0000000..a5dba24 --- /dev/null +++ b/src/skin/images/carrot-down.svg @@ -0,0 +1,10 @@ + + + + + + diff --git a/src/skin/images/catches-trackers.png b/src/skin/images/catches-trackers.png new file mode 100644 index 0000000..378d59d Binary files /dev/null and b/src/skin/images/catches-trackers.png differ diff --git a/src/skin/images/disable-badger.png b/src/skin/images/disable-badger.png new file mode 100644 index 0000000..f9cd1ec Binary files /dev/null and b/src/skin/images/disable-badger.png differ diff --git a/src/skin/images/eff-logo.png b/src/skin/images/eff-logo.png new file mode 100644 index 0000000..885ae3c Binary files /dev/null and b/src/skin/images/eff-logo.png differ diff --git a/src/skin/images/facebook.svg b/src/skin/images/facebook.svg new file mode 100644 index 0000000..357448f --- /dev/null +++ b/src/skin/images/facebook.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + diff --git a/src/skin/images/learns-trackers.png b/src/skin/images/learns-trackers.png new file mode 100644 index 0000000..0917971 Binary files /dev/null and b/src/skin/images/learns-trackers.png differ diff --git a/src/skin/images/not-ad-blocker.png b/src/skin/images/not-ad-blocker.png new file mode 100644 index 0000000..36730d3 Binary files /dev/null and b/src/skin/images/not-ad-blocker.png differ diff --git a/src/skin/images/pb-logo-outline.svg b/src/skin/images/pb-logo-outline.svg new file mode 100644 index 0000000..9e014cc --- /dev/null +++ b/src/skin/images/pb-logo-outline.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/src/skin/images/twitter.svg b/src/skin/images/twitter.svg new file mode 100644 index 0000000..493b77e --- /dev/null +++ b/src/skin/images/twitter.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + diff --git a/src/skin/js/firstRun.js b/src/skin/js/firstRun.js new file mode 100644 index 0000000..a21b24c --- /dev/null +++ b/src/skin/js/firstRun.js @@ -0,0 +1,25 @@ +(function($) { + +$(window).on("load", function () { + + function setSeenComic() { + var badger = chrome.extension.getBackgroundPage().badger; + var settings = badger.getSettings(); + settings.setItem("seenComic", true); + } + + $(".scroll-it").smoothScroll(); + + var alreadySet = false; + $(window).scroll(function () { + if (!alreadySet) { + if ($(window).scrollTop() > 400) { + alreadySet = true; + setSeenComic(); + } + } + }); +}); + + +}(jQuery)); diff --git a/src/skin/options-layout.css b/src/skin/options-layout.css new file mode 100644 index 0000000..0776e6f --- /dev/null +++ b/src/skin/options-layout.css @@ -0,0 +1,260 @@ +body { + font-family: Arial, Helvetica, sans-serif; + font-size: 13px; + line-height: 1.6; + width: 100%; +} + +body.options a:not(.ui-tabs-anchor):not(.honeybadgerPowered):not(.removeOrigin) { + text-decoration: underline; +} +body.options a:hover:not(.ui-tabs-anchor):not(.honeybadgerPowered):not(.removeOrigin), +body.options a:focus:not(.ui-tabs-anchor):not(.honeybadgerPowered):not(.removeOrigin) { + color: #f06a0a; +} + +h1 { + font-size: 20px; + font-weight: bold; + margin: 10px 8px; +} + +h3 { + margin: 10px 0; +} + +h4 { + display: flex; + flex-direction: row; + margin: 30px 0 15px 0; +} +h4:after { + content: ""; + flex: 1 1; + border-bottom: 1px solid #d3d3d3; + margin: auto; + margin-inline-start: 10px; +} + +div.checkbox { + max-width: 600px; + white-space: nowrap; +} + +div.checkbox span[class^=i18n_] { + white-space: normal; + white-space: break-spaces; +} + +div.checkbox + div.checkbox, div#learning-setting-divs div:first-child, div#learning-setting-divs + div.checkbox { + margin-top: 5px; +} + +input[type=checkbox] { + flex: none; + margin-inline-end: 0.8em; +} + +div.checkbox .ui-icon { + margin-inline-start: 0.2em; + font-size: 1.2em; +} + +div.checkbox .ui-icon-alert { + color: #cc0000; +} + +td +{ + font-size: 13px; + vertical-align: top; + text-align: left; +} + +button +{ + white-space: pre; +} + +label { + cursor: pointer; + display: inline-flex; + align-items: center; +} +#tracking-domains-filters label { + display: inline; +} + +p, #settingsForm { + margin: 10px 0; +} + +#allowlist-form { + margin: 20px 0 0; +} + +#pbInstructions { + margin-bottom: 20px; +} + +#tab-manage-data { + overflow: auto; +} + +.btn-silo { + float: left; + clear: both; + margin-bottom: 20px; + max-width: 700px; + width: 100%; +} + +.btn-silo + .btn-silo { + border-top: 1px solid #d3d3d3; + margin-top: 10px; + padding-top: 10px; +} + +.btn-silo div { + max-width: 350px; + width: 100%; + float: left; +} + +.btn-danger { + color: #e02431; + border-width: 1px; + border-color: #e02431; +} + +.btn-danger:hover { + color: white; + background: #e02431; +} + +.importInput{ + visibility: hidden; + height: 0; + width: 0; +} + +#tracking-domains-loader { + position: absolute; + width: 95%; + height: 60vh; + display: flex; + align-items: center; + justify-content: center; +} + +#tracking-domains-loader .spinner { + border: 0.5em solid #222; + border-bottom-color: #fff; + height: 5em; + width: 5em; + border-radius: 5em; + animation: spin 1s infinite linear; +} +@keyframes spin { + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(359deg); + } +} + +#blockedResources { + width: 390px; +} + +#tracking-domains-filters { + color: #505050; + font-size: 14px; + list-style-type: none; + padding: 10px; + border: 1px solid #d3d3d3; +} + +#tracking-domains-filters li { + margin: 10px 0; + + display: flex; + flex-wrap: wrap; + align-items: center; +} + +#tracking-domains-filters > li > label { + flex: 1 0 150px; /* at least this wide */ + max-width: 300px; /* at most this wide */ +} + +#tracking-domains-filters > li > label + * { + flex: 1 0 300px; /* at least this wide or wrap */ + max-width: 300px; +} + +#tracking-domains-filters > li > label + input[type=checkbox] { + flex: none; +} + +.clickerContainer { + max-height: 400px; /* override popup.css */ +} + +#hide-widgets-row { + width: 100%; + margin-top: 5px; +} + +#hide-widgets-select { + width: 300px; +} + +#tabs, header { + background: transparent; + border: none; + max-width: 800px; + margin: 0 auto; + padding: 0; +} +#tabs .ui-widget-header { + background: transparent; + border: none; + border-bottom: 1px solid #d3d3d3; + border-radius: 0px; + padding: 0; +} +#tabs .ui-tabs-nav .ui-state-default { + background: transparent; + border: none; + border-radius: 0px; + margin: 0; + padding: 0; +} +#tabs .ui-tabs-nav .ui-state-hover { + box-shadow: inset 0 -3px 0 0 #ccc; +} +#tabs .ui-tabs-nav .ui-state-active { + box-shadow: inset 0 -3px 0 0 #f06a0a; +} +#tabs .ui-tabs-nav li a.ui-tabs-anchor { + padding: 1em; +} +#tabs .ui-tabs-nav .ui-state-hover a, +#tabs .ui-tabs-nav .ui-state-active a { + color: #000; +} +#tabs .ui-tabs-nav li a:focus { + outline: none; +} + +.indent1 { + margin-inline-start: 25px; +} + +@media screen and (max-width: 500px){ + .ui-tabs .ui-tabs-panel { + padding: 0.5em 0; + } +} diff --git a/src/skin/options.html b/src/skin/options.html new file mode 100644 index 0000000..428d0fb --- /dev/null +++ b/src/skin/options.html @@ -0,0 +1,307 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ + +

+
+
+ +
+
    +
    • +
    • +
    • +
    • +
    • +
+ +
+
+

+

+

+

+ +

+
+
+

+ + +

+ +
+
    +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • + +
+
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+ +
+
+ +
+ +
+
+ +
+
+ +
+ + + + + + +

+ +
+ +
+ + + +
+
+ +
+

+

+ +

+
+ + +
+
+ +
+
+

+
+

+ +
+
+

+ + +
+
+
+

+
+

+ +
+
+

+ +
+
+
+
+

+ +
+
+

+ +
+
+
+ + +
+ + + diff --git a/src/skin/popup.css b/src/skin/popup.css new file mode 100644 index 0000000..24d8832 --- /dev/null +++ b/src/skin/popup.css @@ -0,0 +1,488 @@ +/* + * This file is part of Privacy Badger + * Copyright (C) 2014 Electronic Frontier Foundation + * + * Privacy Badger is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License version 3 as + * published by the Free Software Foundation. + * + * Privacy Badger is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with Privacy Badger. If not, see . + */ + /*adjoining-classes:ignore*/ + /*csslint ids:ignore*/ + +body { + box-sizing: border-box; + + background: #fefefe; + color: #333; + font-family: helvetica, arial, sans-serif; + font-size: 12px; + + margin: 0; + padding: 7px 12px; + + min-width: 430px; /* Chrome */ + max-width: 100%; /* FF android */ + min-height: 270px; +} +@media screen and (min--moz-device-pixel-ratio:0) { + body { + min-width: 200px; /* FF android */ + width: 430px; /* FF desktop */ + } +} + +@font-face { + font-family: "Chunk-Five"; + src: url("./fonts/Chunk.ttf"); +} + +a { text-decoration: none } + +a:hover { color: #ec9329 } + +.spacer { + height: 7px; + width: 5px; + display: block; + clear: both; +} +.clear { + clear: both; +} + +.clicker { + border-top: 1px solid #aaaaaa; + padding: 5px; + height: 40px; + overflow: hidden; + line-height: normal; +} +.clicker:not(#not-yet-blocked-header):not(#non-trackers-header) { + direction: ltr; +} +.origin{ + max-width: 210px; + color: #555555; + float: left; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.switch-container { + width: 115px; + display: block; + margin-left: 220px; +} +.switch-toggle { + background-color: #515050; + height: 16px; +} +.switch-toggle > label { + cursor: pointer; +} +.options .switch-container { + max-width: 114px; +} + +.switch-candy:hover { + background-color: #868686; +} +.block .switch-candy a { + background-color: #c61223; +} +.cookieblock .switch-candy a { + background-color: #ffcc00; +} +.allow .switch-candy a, .noaction .switch-candy a { + background-color: #339900; +} + +.honeybadgerPowered { + display: none; + margin-right: 10px; + width: 20px; + height: 20px; + position: relative; + left: 340px; + bottom: 15px; +} +.userset .honeybadgerPowered { + display: block; + background: url('/icons/badger-pin.png') no-repeat; +} + +.removeOrigin { + float: right; + margin-right: 0; + width: 10px; +} +.removeOrigin:hover { + color: red; +} + +#blockedResources .breakage-warning { + color: red; + display: none; + font-size: 1.3em; + margin: 0 2px 2px 0; +} +#blockedResources .show-breakage-warning .breakage-warning { + display: inline-block; +} + +#privacyBadgerHeader{ +color: #505050; +font-size: 16px; +} + +#title { + padding-top: 4px; +} + +#header-image-stack { + display: table; + float: left; + margin: 2px 10px 0 10px; + line-height: 1.0; +} + +#privacyBadgerHeader h2{ + display: table-row; + color: #000; + font-size: 24px; + font-weight: normal; + clear: initial; + font-family: "Chunk-Five", serif; + margin-top: 5px; +} + +#privacyBadgerHeader img { + float: left; +} + +#blockedResourcesContainer { + min-height: 70px; +} + +#intro-reminder-btn, #critical-error-link, #learning-prompt-btn { + background-color: #ff641c; + border: 2px solid #ff641c; + color: #fff; + font-weight: bold; + font-size: 17px; + line-height: 1.5; + padding: 1.2em 1em; + transition: background-color 0.3s ease; + width: 100%; +} + +#critical-error-link { + border-radius: 3px; +} + +#intro-reminder-btn:hover, #critical-error-link:hover, #learning-prompt-btn:hover { + background-color: #f58728; +} +.clickerContainer { + max-height: 290px; + overflow-y: auto; + background-color: #E8E9EA; + position: relative; + margin-top: 25px; +} +.keyContainer{ + direction: ltr; + position: relative; +} +.key { + position: absolute; + height: 25px; + left: 215px; + right: 0; + z-index: 30; + background: #fefefe; + padding-top: 4px; + width: 117px; +} +.key img { + margin-left: 19px; +} + +.flex-wrapper { + display: flex; + align-items: center; +} + +#instruction-outer { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 99; + background-color: #000; + opacity: 0.1; + width: 100%; + height: 100%; +} +#instruction { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 100; + background-color: #fff; + color: #333; + text-align: start; + margin: 8px; + padding: 15px; + font-size: 15px; + box-shadow: + 0 2.8px 2.2px rgba(0, 0, 0, 0.034), + 0 6.7px 5.3px rgba(0, 0, 0, 0.048), + 0 12.5px 10px rgba(0, 0, 0, 0.06), + 0 22.3px 17.9px rgba(0, 0, 0, 0.072), + 0 41.8px 33.4px rgba(0, 0, 0, 0.086), + 0 100px 80px rgba(0, 0, 0, 0.12); + border-radius: 4px; + width: calc(100% - 46px); +} +.instruction-logo { + align-self: center; + flex-shrink: 0; + padding-inline-end: 15px; +} +#instruction .flex-wrapper > div { + padding-inline-end: 5px; +} +#intro-reminder-btn, #error-message, #learning-prompt-btn { + margin-top: 1em; +} +#error-message { + text-align: center; +} +#fittslaw { + float: right; +} +#options, #share, #help { + float: right; + margin-top: 7px; +} +#share { + margin-left: 10px; + margin-right: 12px; +} +#options { + margin-inline-end: 3px; +} +#pbInstructions, #special-browser-page, #disabled-site-message { + color: #505050; + font-size: 16px; + margin: 0; + padding-top: 10px; +} +#pbInstructions :not(#options_domain_list_trackers):not(#options_domain_list_no_trackers) a { + text-decoration: underline; + color: black; + font-weight: bold; +} +#pbInstructions :not(#options_domain_list_trackers):not(#options_domain_list_no_trackers) a:hover { + color: #ec9329 +} +#instructions-no-trackers, #special-browser-page, #disabled-site-message { + text-align: center; + margin: 45px 0; + padding: 0; +} +#instructions-many-trackers { + text-align: center; + margin: 10px 0; +} +#instructions-many-trackers, #instructions-no-trackers, #no-third-parties { + display: block; +} +#no-third-parties { + font-size: 12px; +} + +#siteControls, #report-controls { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + margin-top: 5px; + text-align: center; +} +button { + color: #333; +} +.pbButton { + background-color: #fefefe; + border: 2px solid; + border-radius: 3px; + cursor: pointer; + font-family: 'Lucida Grande', 'Segoe UI', Tahoma, 'DejaVu Sans', Arial, sans-serif; + font-size: 12px; + font-weight: bold; + line-height: 16px; + margin-top: 8px; + padding: 10px; + text-align: center; + width: 49%; +} +.pbButton:hover:enabled { + border: 2px solid #F06A0A; +} +.pbButton:disabled { + background-color: #ccc; + color: #666; + cursor: auto; +} +#donate { + width: 100%; +} + +#not-yet-blocked-header, #non-trackers-header { + text-align: center; + color: #f9f9f9; + background: #555; + height: auto; + font-size: 14px; + font-weight: bold; +} +.overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: block; + font-size: 0.8em; + z-index: -1; + opacity: 0; + padding: 3%; + box-sizing: border-box; + color: #ccc; + background: url("/skin/background.png"); + transition: opacity .1s ease; + overflow-y: auto; +} +div.overlay.active { + z-index: 31; + opacity: 1; +} +#error_input { + display: block; + width: 98%; +} +.overlay_title { + display: inline-block; + padding: 0; + margin: 0 0 10px; +} +#report_label { + display: block; + margin: 1% 0; + font-weight: bold; +} +#report-success, #report-fail { + font-size: 12px; + font-weight: bold; + margin: 10px 0; +} +#report-success { + color: green; +} +#report-fail { + color: red; +} +#report-terms { + margin: 10px 0 !important; +} +.overlay_close { + display: inline-block; + float: right; + background: none; + border: 0; + font-size: 1.4em; + color: #ccc; +} +.overlay_close:before { + content: '\2716'; + margin: 4px; +} +#share_output { + display: block; + width: 98%; + height: 60%; +} +#dnt-compliant { + float: left; + display: inline; + padding-right: 5px; +} +#overlay p { + font-size: 12px; + margin: 0 0 10px; +} +#overlay label { + font-size: 13px; +} + +#version{ + color: #707070; + font-size: 10px; + float: left; +} +.faded-bw-color-scheme { + filter: grayscale(1) opacity(0.6); +} + +.tooltipster-sidetip .tooltipster-box { + color: #fcfcfc; + font-size: 13px; + background: #555; + border: none; + border-radius: 7px; +} +.tooltipster-sidetip .tooltipster-arrow-border { + border: none; +} + +@media screen and (max-width: 400px){ + .origin { + max-width: 150px; + } + + .switch-container{ + width: 100px; + display: block; + margin-left: 150px; + } + + .key { + left: 150px; + } + .key img { + margin-left: 12px; + } + + .honeybadgerPowered { + left: 255px; + } + + #share { + margin-left: 6px; + margin-right: 8px; + } + #options { + margin-right: 0px; + } +} diff --git a/src/skin/popup.html b/src/skin/popup.html new file mode 100644 index 0000000..c38fd60 --- /dev/null +++ b/src/skin/popup.html @@ -0,0 +1,155 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + + + +
+
+ +
+
+
+
+
+ +
+ + + + + +
+ +
+

+ +

+ + +
+ + +
+ + +

+
+
+

+ + + +
+ +
+ i18n_popup_options_button + i18n_popup_share_button + i18n_popup_help_button +
+ +
+ +

+
+
+
+
+ +
+

+ + +

+
+
+
+ + + + + +
+ + + + +
+ +
+ + diff --git a/src/skin/socialwidgets/AddThis.svg b/src/skin/socialwidgets/AddThis.svg new file mode 100644 index 0000000..aae4796 --- /dev/null +++ b/src/skin/socialwidgets/AddThis.svg @@ -0,0 +1,134 @@ + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + AddThis + + + + + + + diff --git a/src/skin/socialwidgets/Digg.svg b/src/skin/socialwidgets/Digg.svg new file mode 100644 index 0000000..84cd1c9 --- /dev/null +++ b/src/skin/socialwidgets/Digg.svg @@ -0,0 +1,212 @@ + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + diff --git a/src/skin/socialwidgets/FacebookLike.svg b/src/skin/socialwidgets/FacebookLike.svg new file mode 100644 index 0000000..553d030 --- /dev/null +++ b/src/skin/socialwidgets/FacebookLike.svg @@ -0,0 +1,216 @@ + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + Like + + + + + + + + + + + + + + + + + diff --git a/src/skin/socialwidgets/FacebookShare.svg b/src/skin/socialwidgets/FacebookShare.svg new file mode 100644 index 0000000..21439c0 --- /dev/null +++ b/src/skin/socialwidgets/FacebookShare.svg @@ -0,0 +1,214 @@ + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + Share + + + + + + + + + + + + + + + + + diff --git a/src/skin/socialwidgets/LinkedIn.svg b/src/skin/socialwidgets/LinkedIn.svg new file mode 100644 index 0000000..4f58f02 --- /dev/null +++ b/src/skin/socialwidgets/LinkedIn.svg @@ -0,0 +1,182 @@ + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + LinkedIn + + + + + + + diff --git a/src/skin/socialwidgets/Pinterest.svg b/src/skin/socialwidgets/Pinterest.svg new file mode 100644 index 0000000..9b7c9e5 --- /dev/null +++ b/src/skin/socialwidgets/Pinterest.svg @@ -0,0 +1,211 @@ + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + Pin it + + + + + + + + + + + + + + + + + + + + + diff --git a/src/skin/socialwidgets/Twitter.svg b/src/skin/socialwidgets/Twitter.svg new file mode 100644 index 0000000..ce720bf --- /dev/null +++ b/src/skin/socialwidgets/Twitter.svg @@ -0,0 +1,116 @@ + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + Tweet + + + + -- cgit v1.2.3