Bug 1092526 - Styles for about:downloads. r=josiah
This commit is contained in:
Родитель
791301393e
Коммит
436b537505
|
@ -6,17 +6,6 @@ richlistitem.download {
|
|||
-moz-binding: url('chrome://messenger/content/downloads/download.xml#download');
|
||||
}
|
||||
|
||||
#msgDownloadsRichListBox {
|
||||
/** The default listbox appearance comes with an unwanted margin. **/
|
||||
margin: 0;
|
||||
display: -moz-box;
|
||||
}
|
||||
|
||||
#msgDownloadsRichListBox > richlistitem.download {
|
||||
height: 5em;
|
||||
padding: 5px 8px;
|
||||
}
|
||||
|
||||
#msgDownloadsListEmptyDescription {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<?xml-stylesheet href="chrome://global/skin/"?>
|
||||
<?xml-stylesheet href="chrome://messenger/content/downloads/aboutDownloads.css" type="text/css"?>
|
||||
<?xml-stylesheet href="chrome://messenger/skin/downloads/aboutDownloads.css" type="text/css"?>
|
||||
<!-- 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/. -->
|
||||
|
@ -12,8 +13,11 @@
|
|||
|
||||
<window id="aboutDownloads"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:xhtml="http://www.w3.org/1999/xhtml"
|
||||
title="&aboutDownloads.title;"
|
||||
onload="DownloadsView.init();">
|
||||
<xhtml:link rel="shortcut icon"
|
||||
href="chrome://messenger/skin/downloads/download.svg"/>
|
||||
<script type="application/javascript"
|
||||
src="chrome://global/content/globalOverlay.js"/>
|
||||
<script type="application/javascript"
|
||||
|
|
|
@ -98,6 +98,8 @@ classic.jar:
|
|||
skin/classic/messenger/messengercompose/compose-toolbar-small.png (mail/compose/compose-toolbar-small.png)
|
||||
skin/classic/messenger/messengercompose/format-buttons.png (mail/compose/format-buttons.png)
|
||||
skin/classic/messenger/messengercompose/linux-noise.png (mail/compose/linux-noise.png)
|
||||
skin/classic/messenger/downloads/download.svg (mail/downloads/download.svg)
|
||||
skin/classic/messenger/downloads/aboutDownloads.css (mail/downloads/aboutDownloads.css)
|
||||
% skin messenger-newsblog classic/1.0 %skin/classic/messenger-newsblog/
|
||||
skin/classic/messenger-newsblog/feed-subscriptions.css (mail/newsblog/feed-subscriptions.css)
|
||||
skin/classic/messenger-newsblog/icons/rss-feed.png (mail/newsblog/rss-feed.png)
|
||||
|
|
|
@ -0,0 +1,47 @@
|
|||
/* 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/. */
|
||||
|
||||
/*** Panel and outer controls ***/
|
||||
|
||||
#aboutDownloads {
|
||||
background-color: #f1f1f1;
|
||||
color: #424e5a;
|
||||
padding: 18px;
|
||||
}
|
||||
|
||||
#msgDownloadsListEmptyDescription {
|
||||
margin: 1em;
|
||||
text-align: center;
|
||||
color: GrayText;
|
||||
}
|
||||
|
||||
#msgDownloadsRichListBox {
|
||||
/** The default listbox appearance comes with an unwanted margin. **/
|
||||
-moz-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#msgDownloadsRichListBox > richlistitem.download {
|
||||
height: 5em;
|
||||
padding: 5px 8px;
|
||||
}
|
||||
|
||||
.fileTypeIcon {
|
||||
-moz-margin-end: 8px;
|
||||
/* Prevent flickering when changing states. */
|
||||
min-height: 32px;
|
||||
min-width: 32px;
|
||||
}
|
||||
|
||||
.fileName {
|
||||
margin-bottom: 3px;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
.size,
|
||||
.startDate {
|
||||
opacity: 0.7;
|
||||
font-size: 95%;
|
||||
cursor: inherit;
|
||||
}
|
|
@ -0,0 +1,7 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 16 16">
|
||||
<path
|
||||
d="m 8,14.5 6.5,-6 -4,0 0,-6.5 C 10.5,1.75 10.25,1.5 10,1.5 l -4,0 C 5.75,1.5 5.5,1.75 5.5,2 l 0,6.5 -4,0 z"
|
||||
style="fill:#505050;fill-opacity:0.8;stroke:#505050;stroke-opacity:0.95;stroke-width:0.5;"/>
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 332 B |
|
@ -114,6 +114,8 @@ classic.jar:
|
|||
skin/classic/messenger/messengercompose/format-buttons@2x.png (mail/compose/format-buttons@2x.png)
|
||||
skin/classic/messenger/messengercompose/insert-menu.png (mail/compose/insert-menu.png)
|
||||
skin/classic/messenger/messengercompose/insert-menu@2x.png (mail/compose/insert-menu@2x.png)
|
||||
skin/classic/messenger/downloads/aboutDownloads.css (mail/downloads/aboutDownloads.css)
|
||||
skin/classic/messenger/downloads/download.svg (mail/downloads/download.svg)
|
||||
% skin messenger-newsblog classic/1.0 %skin/classic/messenger-newsblog/
|
||||
skin/classic/messenger-newsblog/feed-subscriptions.css (mail/newsblog/feed-subscriptions.css)
|
||||
skin/classic/messenger-newsblog/rss-feed.png (mail/newsblog/rss-feed.png)
|
||||
|
|
|
@ -0,0 +1,47 @@
|
|||
/* 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/. */
|
||||
|
||||
/*** Panel and outer controls ***/
|
||||
|
||||
#aboutDownloads {
|
||||
background-color: #f1f1f1;
|
||||
color: #424e5a;
|
||||
padding: 18px;
|
||||
}
|
||||
|
||||
#msgDownloadsListEmptyDescription {
|
||||
margin: 1em;
|
||||
text-align: center;
|
||||
color: GrayText;
|
||||
}
|
||||
|
||||
#msgDownloadsRichListBox {
|
||||
/** The default listbox appearance comes with an unwanted margin. **/
|
||||
-moz-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#msgDownloadsRichListBox > richlistitem.download {
|
||||
height: 6em;
|
||||
padding: 5px 8px;
|
||||
}
|
||||
|
||||
.fileTypeIcon {
|
||||
-moz-margin-end: 8px;
|
||||
/* Ensure icons are displayed at 32px size even on Retina display */
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
.fileName {
|
||||
margin-bottom: 3px;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
.size,
|
||||
.startDate {
|
||||
opacity: 0.7;
|
||||
font-size: 95%;
|
||||
cursor: inherit;
|
||||
}
|
|
@ -0,0 +1,7 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 16 16">
|
||||
<path
|
||||
d="m 8,14.5 6.5,-6 -4,0 0,-6.5 C 10.5,1.75 10.25,1.5 10,1.5 l -4,0 C 5.75,1.5 5.5,1.75 5.5,2 l 0,6.5 -4,0 z"
|
||||
style="fill:#4d4d4d;stroke:#4d4d4d;stroke-width:0.5;"/>
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 295 B |
|
@ -129,6 +129,8 @@ classic.jar:
|
|||
skin/classic/messenger/messengercompose/compose-toolbar-small.png (mail/compose/compose-toolbar-small.png)
|
||||
skin/classic/messenger/messengercompose/noise.png (mail/compose/noise.png)
|
||||
skin/classic/messenger/messengercompose/format-buttons.png (mail/compose/format-buttons.png)
|
||||
* skin/classic/messenger/downloads/aboutDownloads.css (mail/downloads/aboutDownloads.css)
|
||||
skin/classic/messenger/downloads/download.svg (mail/downloads/download.svg)
|
||||
skin/classic/messenger/preferences/alwaysAsk.png (mail/preferences/alwaysAsk.png)
|
||||
skin/classic/messenger/preferences/application.png (mail/preferences/application.png)
|
||||
skin/classic/messenger/preferences/preferences.css (mail/preferences/preferences.css)
|
||||
|
@ -409,6 +411,8 @@ classic.jar:
|
|||
skin/classic/aero/messenger/messengercompose/compose-toolbar-inverted.png (mail/compose/compose-toolbar-aero-inverted.png)
|
||||
skin/classic/aero/messenger/messengercompose/noise.png (mail/compose/noise.png)
|
||||
skin/classic/aero/messenger/messengercompose/format-buttons.png (mail/compose/format-buttons-aero.png)
|
||||
* skin/classic/aero/messenger/downloads/aboutDownloads.css (mail/downloads/aboutDownloads-aero.css)
|
||||
skin/classic/aero/messenger/downloads/download.svg (mail/downloads/download.svg)
|
||||
skin/classic/aero/messenger/preferences/alwaysAsk.png (mail/preferences/alwaysAsk.png)
|
||||
skin/classic/aero/messenger/preferences/application.png (mail/preferences/application.png)
|
||||
* skin/classic/aero/messenger/preferences/preferences.css (mail/preferences/preferences-aero.css)
|
||||
|
|
|
@ -0,0 +1,36 @@
|
|||
%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
|
||||
%define WINDOWS_AERO
|
||||
%include aboutDownloads.css
|
||||
%undef WINDOWS_AERO
|
||||
|
||||
@media (-moz-windows-default-theme) {
|
||||
/*
|
||||
-moz-appearance: menuitem is almost right, but the hover effect is not
|
||||
transparent and is lighter than desired.
|
||||
|
||||
Copied from the autocomplete richlistbox styling in
|
||||
toolkit/themes/windows/global/autocomplete.css
|
||||
|
||||
This styling should be kept in sync with the style from the above file.
|
||||
*/
|
||||
#msgDownloadsRichListBox > richlistitem.download[selected] {
|
||||
color: inherit;
|
||||
background-color: transparent;
|
||||
/* four gradients for the bevel highlights on each edge, one for blue background */
|
||||
background-image:
|
||||
linear-gradient(to bottom, rgba(255,255,255,0.9) 3px, transparent 3px),
|
||||
linear-gradient(to right, rgba(255,255,255,0.5) 3px, transparent 3px),
|
||||
linear-gradient(to left, rgba(255,255,255,0.5) 3px, transparent 3px),
|
||||
linear-gradient(to top, rgba(255,255,255,0.4) 3px, transparent 3px),
|
||||
linear-gradient(to bottom, rgba(163,196,247,0.3), rgba(122,180,246,0.3));
|
||||
background-clip: content-box;
|
||||
border-radius: 6px;
|
||||
outline: 1px solid rgb(124,163,206);
|
||||
-moz-outline-radius: 3px;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,52 @@
|
|||
/* 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/. */
|
||||
|
||||
/*** Panel and outer controls ***/
|
||||
|
||||
#aboutDownloads {
|
||||
background-color: #f1f1f1;
|
||||
color: #424e5a;
|
||||
padding: 18px;
|
||||
}
|
||||
|
||||
#msgDownloadsListEmptyDescription {
|
||||
margin: 1em;
|
||||
text-align: center;
|
||||
color: GrayText;
|
||||
}
|
||||
|
||||
#msgDownloadsRichListBox {
|
||||
/** The default listbox appearance comes with an unwanted margin. **/
|
||||
-moz-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#msgDownloadsRichListBox > richlistitem.download {
|
||||
height: 6em;
|
||||
%ifndef WINDOWS_AERO
|
||||
padding: 5px 8px;
|
||||
%endif
|
||||
}
|
||||
|
||||
.fileTypeIcon {
|
||||
-moz-margin-end: 8px;
|
||||
%ifdef WINDOWS_AERO
|
||||
-moz-margin-start: 8px;
|
||||
%endif
|
||||
/* explicitly size the icon, so size doesn't vary on hidpi systems */
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
.fileName {
|
||||
margin-bottom: 3px;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
.size,
|
||||
.startDate {
|
||||
opacity: 0.7;
|
||||
font-size: 95%;
|
||||
cursor: inherit;
|
||||
}
|
|
@ -0,0 +1,30 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
viewBox="0 0 16 16">
|
||||
<defs>
|
||||
<linearGradient
|
||||
id="gradient1"
|
||||
x1="8"
|
||||
y1="1"
|
||||
x2="8"
|
||||
y2="15"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#3f4f5a" offset="0"/>
|
||||
<stop stop-color="#7e8c97" offset="1"/>
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="gradient2"
|
||||
x1="8"
|
||||
y1="1"
|
||||
x2="8"
|
||||
y2="15"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0c1b25" offset="0"/>
|
||||
<stop stop-color="#4f585f" stop-opacity="0.9" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path
|
||||
d="m 8,14.5 6.5,-6 -4,0 0,-6.5 C 10.5,1.75 10.25,1.5 10,1.5 l -4,0 C 5.75,1.5 5.5,1.75 5.5,2 l 0,6.5 -4,0 z"
|
||||
style="fill:url(#gradient1);stroke:url(#gradient2);stroke-width:0.5;"/>
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 903 B |
Загрузка…
Ссылка в новой задаче