diff options
author | Horst3180 | 2015-08-19 19:38:44 +0200 |
---|---|---|
committer | Horst3180 | 2015-08-19 19:38:44 +0200 |
commit | 1d5f9f7aa7ac0bfe6a091b7c1395cafa33d52c43 (patch) | |
tree | 99efccaeba25e26aa03bdefcb83fb874b5061acc /arc-firefox-theme/chrome/browser/newtab | |
parent | c5fee00815d47f0d3970c6c4761ef1c15e5ee16f (diff) | |
download | solarc-firefox-theme-1d5f9f7aa7ac0bfe6a091b7c1395cafa33d52c43.tar.gz solarc-firefox-theme-1d5f9f7aa7ac0bfe6a091b7c1395cafa33d52c43.tar.xz solarc-firefox-theme-1d5f9f7aa7ac0bfe6a091b7c1395cafa33d52c43.zip |
add firefox theme40.20150819
Diffstat (limited to 'arc-firefox-theme/chrome/browser/newtab')
-rw-r--r-- | arc-firefox-theme/chrome/browser/newtab/controls.svg | 116 | ||||
-rw-r--r-- | arc-firefox-theme/chrome/browser/newtab/newTab.css | 242 | ||||
-rw-r--r-- | arc-firefox-theme/chrome/browser/newtab/whimsycorn.png | bin | 0 -> 3875 bytes |
3 files changed, 358 insertions, 0 deletions
diff --git a/arc-firefox-theme/chrome/browser/newtab/controls.svg b/arc-firefox-theme/chrome/browser/newtab/controls.svg new file mode 100644 index 0000000..b6898bf --- /dev/null +++ b/arc-firefox-theme/chrome/browser/newtab/controls.svg @@ -0,0 +1,116 @@ +<?xml version="1.0" encoding="utf-8"?> + +<svg version="1.1" + id="icons-enhanced-tiles" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + x="0" + y="0" + width="288" + height="32" + viewBox="0 0 288 32"> + + <defs> + <style type="text/css"><![CDATA[ + /* Glyph Styles */ + + .glyphShape-style { + fill: #737373; + } + + .glyphShape-style-pin { + fill: #b4b4b4; + } + + .glyphShape-style-hover-gear { + fill: #4a90e2; + } + + .glyphShape-style-hover-pin { + fill: #4a90e2; + } + + .glyphShape-style-hover-delete { + fill: #ea0000; + } + + .glyphShape-style-hover-active { + fill: #231f20; + } + + /* Circle Background Styles */ + + .glyphShape-style-circle { + fill: #fff; + } + + .glyphShape-style-circle-dropshadow { + fill: #000; + fill-opacity: .5; + filter: url(#filter-shadow-drop); + } + ]]></style> + + <filter id="filter-shadow-drop" x="-10%" y="-10%" width="120%" height="120%"> + <feOffset in="SourceAlpha" dx="0" dy=".75" result="filter-shadow-drop-offset" /> + <feGaussianBlur in="filter-shadow-drop-offset" stdDeviation="1" result="filter-shadow-drop-blur"/> + </filter> + + <path id="glyphShape-gear" d="M28,16c0-1.7,0.9-3.1,2-3.3c-0.4-1.5-0.9-2.9-1.7-4.2c-0.9,0.7-2.6,0.3-3.8-0.9c-1.2-1.2-1.6-2.8-0.9-3.8 c-1.3-0.8-2.7-1.4-4.2-1.7c-0.2,1.1-1.6,2-3.3,2S13,3.1,12.8,2c-1.5,0.4-2.9,0.9-4.2,1.7c0.7,0.9,0.3,2.6-0.9,3.8 c-1.4,1.1-3,1.5-4,0.9C2.9,9.7,2.4,11.2,2,12.7c1.1,0.2,2,1.6,2,3.3s-0.9,3.1-2,3.3c0.4,1.5,0.9,2.9,1.7,4.2 c0.9-0.7,2.6-0.3,3.8,0.9c1.2,1.2,1.6,2.8,0.9,3.8c1.3,0.8,2.7,1.4,4.2,1.7c0.2-1.1,1.6-2,3.3-2s3.1,0.9,3.3,2 c1.5-0.4,2.9-0.9,4.2-1.7c-0.7-0.9-0.3-2.6,0.9-3.8c1.3-1.2,2.8-1.6,3.8-0.9c0.8-1.3,1.4-2.7,1.7-4.2C28.9,19.1,28,17.7,28,16z M16,24c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S20.4,24,16,24z" /> + + <circle id="glyphShape-circle" cx="16" cy="16" r="14" /> + + <path id="glyphShape-pin" d="M19,15v-5h2V7H11v3h2v5l-3,2v2h5c0,4.5,0.4,8,1,8s1-3.5,1-8h5v-2L19,15z" /> + <polygon id="glyphShape-delete" points="23,11 21,9 16,14 11,9 9,11 14,16 9,21 11,23 16,18 21,23 23,21 18,16" /> + + </defs> + + <g id="icon-gear-default"> + <use xlink:href="#glyphShape-gear" class="glyphShape-style" /> + </g> + + <g id="icon-gear-default" transform="translate(32)"> + <use xlink:href="#glyphShape-gear" class="glyphShape-style-hover-gear" /> + </g> + + <g id="icon-pin-default" transform="translate(64)"> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle-dropshadow" /> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle" /> + <use xlink:href="#glyphShape-pin" class="glyphShape-style" /> + </g> + + <g id="icon-pin-hover" transform="translate(96)"> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle-dropshadow" /> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle" /> + <use xlink:href="#glyphShape-pin" class="glyphShape-style-hover-pin" /> + </g> + + <g id="icon-pin-hover-active" transform="translate(128)"> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle-dropshadow" /> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle" /> + <use xlink:href="#glyphShape-pin" class="glyphShape-style-hover-active" /> + </g> + + <g id="icon-delete-default" transform="translate(160)"> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle-dropshadow" /> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle" /> + <use xlink:href="#glyphShape-delete" class="glyphShape-style" /> + </g> + + <g id="icon-delete-hover" transform="translate(192)"> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle-dropshadow" /> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle" /> + <use xlink:href="#glyphShape-delete" class="glyphShape-style-hover-delete" /> + </g> + + <g id="icon-delete-hover-active" transform="translate(224)"> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle-dropshadow" /> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle" /> + <use xlink:href="#glyphShape-delete" class="glyphShape-style-hover-active" /> + </g> + + <g id="icon-pin-default" transform="translate(256)"> + <use xlink:href="#glyphShape-pin" class="glyphShape-style-pin" /> + </g> + +</svg> diff --git a/arc-firefox-theme/chrome/browser/newtab/newTab.css b/arc-firefox-theme/chrome/browser/newtab/newTab.css new file mode 100644 index 0000000..67dbf81 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/newtab/newTab.css @@ -0,0 +1,242 @@ +/* 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/. */ + +/* 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/. */ + +:root { + -moz-appearance: none; + font-size: 75%; + background-color: transparent; +} + +/* SCROLLBOX */ +#newtab-scrollbox:not([page-disabled]) { + color: rgb(0,0,0); + background-color: #f9f9f9; +} + +#newtab-scrollbox:not([page-disabled]) #newtab-margin-bottom { + background: inherit; +} + +/* UNDO */ +#newtab-undo-container { + padding: 4px 3px; + border: 1px solid; + border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16); + background-color: rgba(255,255,255,.4); + color: #525e69; +} + +#newtab-undo-label { + margin-top: 0; + margin-bottom: 0; +} + +.newtab-undo-button { + -moz-appearance: none; + cursor: pointer; + padding: 0; + margin: 0 4px; + border: 0; + background: transparent; + text-decoration: none; + min-width: 0; +} + +.newtab-undo-button:hover { + text-decoration: underline; +} + +.newtab-undo-button:-moz-focusring { + outline: 1px dotted; +} + +#newtab-undo-close-button { + -moz-appearance: none; + padding: 0; + border: none; +} + +#newtab-undo-close-button:-moz-focusring { + outline: 1px dotted; +} + +/* CUSTOMIZE */ +#newtab-customize-button, +.newtab-customize { + background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 32, 32, 0); + background-size: 28px; + height: 38px; + width: 38px; + background-repeat: no-repeat; + background-position: center; + background-color: transparent; + border: none; +} + +.newtab-customize { + height: 28px; + width: 28px; +} + +#newtab-customize-button:-moz-any(:hover, :active, [active]) { + background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 64, 32, 32); + background-color: #FFFFFF; + border: solid 1px #CCCCCC; + border-radius: 2px; +} + +/* CELLS */ +.newtab-cell { + background-color: rgba(255,255,255,.2); + border-radius: 8px; +} + +.newtab-cell:empty { + outline: 2px dashed #c1c1c1; + -moz-outline-radius: 8px; +} + +/* SITES */ +.newtab-site { + border-radius: inherit; + box-shadow: 0 1px 3px #c1c1c1; + text-decoration: none; + transition-property: top, left, opacity, box-shadow, background-color; +} + +.newtab-cell:not([ignorehover]) .newtab-control:hover ~ .newtab-link, +.newtab-cell:not([ignorehover]) .newtab-link:hover, +.newtab-site[dragged] { + border: 2px solid white; + box-shadow: 0 0 6px 2px #4cb1ff; + margin: -2px; +} + +.newtab-site[dragged] { + transition-property: box-shadow, background-color; + background-color: rgb(242,242,242); +} + +/* LINKS */ +.newtab-link { + border-radius: 10px; + overflow: hidden; +} + +/* THUMBNAILS */ +.newtab-thumbnail { + background-origin: padding-box; + background-clip: padding-box; + background-repeat: no-repeat; + background-size: cover; + border-radius: 8px 8px 0px 0px; + height: 180px; + transition: opacity 100ms ease-out; +} + +.newtab-cell:not([ignorehover]) .newtab-site:hover .newtab-thumbnail.enhanced-content { + opacity: 0; +} + +.newtab-site[type=affiliate] .newtab-thumbnail, +.newtab-site[type=enhanced] .newtab-thumbnail, +.newtab-site[type=organic] .newtab-thumbnail, +.newtab-site[type=sponsored] .newtab-thumbnail { + background-position: center center; + background-size: auto; +} + +/* TITLES */ +#newtab-intro-what, +.newtab-sponsored, +.newtab-title, +.newtab-suggested { + color: #5c5c5c; +} + +.newtab-suggested[active] { + background-color: rgba(51, 51, 51, 0.95); + border: 0; + color: white; +} + +.newtab-site:hover .newtab-title { + color: #222; +} + +.newtab-site[pinned] .newtab-title { + -moz-padding-start: 24px; +} + +.newtab-site[pinned] .newtab-title::before { + background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 7, 278, 28, 266); + background-size: 10px; + content: ""; + height: 17px; + left: 0; + position: absolute; + width: 10px; + margin-left: 8px; + margin-top: 6px; +} + +.newtab-site[pinned] .newtab-title:-moz-locale-dir(rtl)::before { + left: auto; + right: 0; +} + +/* CONTROLS */ +.newtab-control { + background-color: transparent; + background-size: 24px; + border: none; + height: 24px; + width: 24px; +} + +.newtab-control-pin, +.newtab-site[pinned] .newtab-control-pin:hover:active { + background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 96, 32, 64); +} + +.newtab-control-pin:hover, +.newtab-site[pinned] .newtab-control-pin:hover { + background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 160, 32, 128); +} + +.newtab-control-pin:hover:active, +.newtab-site[pinned] .newtab-control-pin { + background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 128, 32, 96); +} + +.newtab-control-block { + background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 192, 32, 160); +} + +.newtab-control-block:hover { + background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 224, 32, 192); +} + +.newtab-control-block:hover:active { + background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 256, 32, 224); +} + + +.newtab-undo-button { + color: rgb(221,72,20); +} + +#newtab-undo-close-button { + height: 16px; + width: 16px; +} + +#newtab-intro-panel, +.newtab-title { + font-family: sans-serif; +} diff --git a/arc-firefox-theme/chrome/browser/newtab/whimsycorn.png b/arc-firefox-theme/chrome/browser/newtab/whimsycorn.png Binary files differnew file mode 100644 index 0000000..5c5c2f4 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/newtab/whimsycorn.png |