diff options
Diffstat (limited to 'application/basilisk/themes/shared/newtab')
| -rw-r--r-- | application/basilisk/themes/shared/newtab/close.png | bin | 931 -> 0 bytes | |||
| -rw-r--r-- | application/basilisk/themes/shared/newtab/controls.svg | 85 | ||||
| -rw-r--r-- | application/basilisk/themes/shared/newtab/newTab.inc.css | 344 |
3 files changed, 0 insertions, 429 deletions
diff --git a/application/basilisk/themes/shared/newtab/close.png b/application/basilisk/themes/shared/newtab/close.png Binary files differdeleted file mode 100644 index ea6ada49e..000000000 --- a/application/basilisk/themes/shared/newtab/close.png +++ /dev/null diff --git a/application/basilisk/themes/shared/newtab/controls.svg b/application/basilisk/themes/shared/newtab/controls.svg deleted file mode 100644 index 6eb00965d..000000000 --- a/application/basilisk/themes/shared/newtab/controls.svg +++ /dev/null @@ -1,85 +0,0 @@ -<?xml version="1.0" encoding="utf-8"?> -<!-- 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/. --> -<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="288" height="32" viewBox="0 0 288 32"> - <defs> - <style> - /* 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/application/basilisk/themes/shared/newtab/newTab.inc.css b/application/basilisk/themes/shared/newtab/newTab.inc.css deleted file mode 100644 index 8ecd603c9..000000000 --- a/application/basilisk/themes/shared/newtab/newTab.inc.css +++ /dev/null @@ -1,344 +0,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; -} - -/* 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-appearance: none; - padding: 0; - border: none; - height: 16px; - width: 16px; - float: right; - right: 0; - background-image: -moz-image-rect(url(chrome://browser/skin/newtab/close.png), 0, 16, 16, 0); - background-color: transparent; -} - -#newtab-undo-close-button:hover { - background-image: -moz-image-rect(url(chrome://browser/skin/newtab/close.png), 0, 32, 16, 16); -} - -#newtab-undo-close-button:hover:active { - background-image: -moz-image-rect(url(chrome://browser/skin/newtab/close.png), 0, 48, 16, 32); -} - -/* 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 { - font-size: 28px; - padding: 0; - /* only display the text label when CSS backgrounds are disabled (e.g. in high contrast mode) */ - color: transparent; -} - -#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; -} - -/* GRID */ -#topsites-heading { - color: #7A7A7A; - font-size: 1em; - font-weight: normal; - /* Position the heading such that it doesn't affect how many cells we - can fit into the grid. */ - position: absolute; - /* The top margin moves the heading away from the grid. - The horizontal margin aligns the heading with the cells. */ - margin: -1em 10px 0; -} - -/* CELLS */ -.newtab-cell { - --cell-corner-radius: 8px; - background-color: rgba(255,255,255,.2); - border-radius: var(--cell-corner-radius); -} - -body.compact .newtab-cell { - --cell-corner-radius: 2px; -} - -.newtab-cell:empty { - outline: 2px dashed #c1c1c1; - outline-offset: -2px; - -moz-outline-radius: var(--cell-corner-radius); -} - -/* SITES */ -.newtab-site { - border-radius: var(--cell-corner-radius); - 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 1px #add6ff; - margin: -2px; -} - -.newtab-site[dragged] { - transition-property: box-shadow, background-color; - background-color: rgb(242,242,242); -} - -/* LINKS */ -.newtab-link { - border-radius: var(--cell-corner-radius); - overflow: hidden; -} - -/*** - * If you change the sizes here, change them in newTab.css - * and the preference values: - * toolkit.pageThumbs.minWidth - * toolkit.pageThumbs.minHeight - */ -/* THUMBNAILS */ -.newtab-thumbnail { - background-origin: padding-box; - background-clip: padding-box; - background-repeat: no-repeat; - background-size: cover; - height: 180px; - transition: opacity 100ms ease-out; -} - -body.compact .newtab-thumbnail { - height: 100%; - border-radius: calc(var(--cell-corner-radius) + 1px); - outline: 1px solid hsla(0,0%,0%,.1); - -moz-outline-radius: var(--cell-corner-radius); - outline-offset: -1px; -} - -.newtab-thumbnail.placeholder { - color: white; - font-size: 85px; - line-height: 200%; -} - -body.compact .newtab-thumbnail.placeholder { - font-size: 45px; -} - -.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; -} - -body.compact .newtab-site[type=affiliate] .newtab-thumbnail { - background-position: center 30%; -} - -.newtab-site[type=affiliate] .newtab-thumbnail, -body:not(.compact) .newtab-site[type=enhanced] .newtab-thumbnail, -body:not(.compact) .newtab-site[type=organic] .newtab-thumbnail, -body:not(.compact) .newtab-site[type=sponsored] .newtab-thumbnail { - background-size: auto; -} - -/* TITLES */ - -.newtab-title { - background-color: #F2F2F2; - font-size: 13px; - line-height: 30px; - border: 1px solid #fff; - border-radius: 0 0 var(--cell-corner-radius) var(--cell-corner-radius); -} - -body.compact .newtab-title { - background-color: hsla(0,0%,100%,.85); - font-size: 12px; - line-height: 21px; - border: 1px solid hsla(0,0%,80%,.8); - border-top-color: hsla(0,0%,0%,.1); - background-clip: padding-box; -} - -.newtab-title, -.newtab-suggested { - color: #5c5c5c; -} - -body.compact .newtab-title, -body.compact .newtab-suggested { - color: black; -} - -.newtab-suggested[active] { - background-color: rgba(51, 51, 51, 0.95); - border: 0; - color: white; -} - -body:not(.compact) .newtab-site:hover .newtab-title { - color: white; - background-color: #333; - border-color: #333; - border-top-color: white; -} - -body.compact .newtab-site:hover .newtab-title { - color: white; - background-color: hsla(0,0%,20%,.85); - border-color: hsla(0,0%,0%,.8); - border-top-color: white; -} - -.newtab-site[pinned] .newtab-title { - padding-inline-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:dir(rtl)::before { - left: auto; - right: 0; -} - -/* CONTROLS */ -.newtab-control { - background-color: transparent; - background-size: 24px; - border: none; - height: 24px; - width: 24px; - top: 4px; -} - -.newtab-control-pin:dir(ltr), -.newtab-control-block:dir(rtl) { - left: 4px; -} - -.newtab-control-block:dir(ltr), -.newtab-control-pin:dir(rtl) { - right: 4px; -} - -body.compact .newtab-control { - top: -8px; -} - -body.compact .newtab-control-pin:dir(ltr), -body.compact .newtab-control-block:dir(rtl) { - left: -8px; -} - -body.compact .newtab-control-block:dir(ltr), -body.compact .newtab-control-pin:dir(rtl) { - right: -8px; -} - -.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); -} |
