Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- From 6f72d1ff7c0b86b57e254a307043c480c3d73b38 Mon Sep 17 00:00:00 2001
- From: Alexander Seleznev <SeleznevRU@gmail.com>
- Date: Sat, 3 Aug 2013 16:15:55 +0700
- Subject: [PATCH 2/4] Port .css for textbox, menu, notification from
- firefox-gnome
- ---
- theme/chrome/global/global.css | 30 ++++++++++++++-
- theme/chrome/global/menu.css | 5 +++
- theme/chrome/global/notification.css | 45 +++++++++++++---------
- theme/chrome/global/textbox.css | 13 ++++---
- theme/chrome/messenger/messenger.css | 2 +
- theme/chrome/messenger/symbolic-icons/close.svg | 18 +++++++++
- theme/chrome/messenger/symbolic-icons/critical.svg | 19 +++++++++
- 7 files changed, 107 insertions(+), 25 deletions(-)
- create mode 100644 theme/chrome/messenger/symbolic-icons/close.svg
- create mode 100644 theme/chrome/messenger/symbolic-icons/critical.svg
- diff --git a/theme/chrome/global/global.css b/theme/chrome/global/global.css
- index 6a7c8e2..5d4b419 100644
- --- a/theme/chrome/global/global.css
- +++ b/theme/chrome/global/global.css
- @@ -277,9 +277,37 @@ label[disabled="true"] {
- border: 1px dotted -moz-DialogText;
- }
- -notification > button {
- +notification > button,
- +notification toolbarbutton {
- margin-top: 0;
- margin-bottom: 0;
- + -moz-appearance: none;
- + background: transparent;
- + border-radius: 3px;
- + padding: 3px;
- + box-shadow: none;
- + color: #2e3436;
- + transition-property: color, border, box-shadow, background;
- + transition-duration: 200ms;
- +}
- +
- +notification > button,
- +notification toolbarbutton {
- + background-image: linear-gradient(to bottom, #f7f7f7, #dbdbdb);
- + border: 1px solid rgba(0,0,0,.4);
- + text-shadow: none;
- +}
- +
- +notification > button:not([disabled="true"]):hover,
- +notification toolbarbutton:not([disabled="true"]):hover {
- + background-image: linear-gradient(to bottom, #ffffff, #ebebeb) !important;
- + border-color: rgba(0,0,0,.4) !important;
- +}
- +
- +notification > button:active:hover,
- +notification toolbarbutton:active:hover {
- + background-image: linear-gradient(to bottom, #c9c9c9, #e4e4e4) !important;
- + border-color: rgba(0,0,0,.4) !important;
- }
- /* :::::: autoscroll popup ::::: */
- diff --git a/theme/chrome/global/menu.css b/theme/chrome/global/menu.css
- index a0cd113..4642bda 100644
- --- a/theme/chrome/global/menu.css
- +++ b/theme/chrome/global/menu.css
- @@ -176,10 +176,15 @@ menuitem[type="radio"] {
- /* ::::: menuseparator ::::: */
- menuseparator {
- + /*
- -moz-appearance: menuseparator !important;
- margin: 2px 0;
- border-top: 1px solid ThreeDShadow;
- border-bottom: 1px solid ThreeDHighlight;
- + */
- + margin: 3px 4px;
- + border: 1px solid rgba(0,0,0,.08);
- + border-width: 1px 0 0;
- }
- menulist > menupopup > menuseparator,
- diff --git a/theme/chrome/global/notification.css b/theme/chrome/global/notification.css
- index ed632f2..ed645c9 100644
- --- a/theme/chrome/global/notification.css
- +++ b/theme/chrome/global/notification.css
- @@ -5,56 +5,65 @@
- @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
- notification {
- - background-color: InfoBackground;
- - color: InfoText;
- + background: #faad3d;
- + color: rgba(0,0,0,0.8) !important;
- text-shadow: none;
- }
- notification[type="info"] {
- - background-color: -moz-Dialog;
- - color: -moz-DialogText;
- }
- notification[type="critical"] {
- - background-image: -moz-linear-gradient(rgb(212,0,0), rgb(152,0,0));
- - color: white;
- }
- .notification-inner {
- - padding-top: 1px;
- - padding-bottom: 1px;
- + border: 0 !important;
- + padding: 4px 0;
- }
- .messageText {
- - margin-top: 0 !important;
- - margin-bottom: 0 !important;
- + margin-top: 0;
- + margin-bottom: 0;
- }
- .messageImage {
- width: 16px;
- height: 16px;
- - -moz-margin-start: 6px;
- + -moz-margin-start: 15px;
- -moz-margin-end: 1px;
- }
- /* Default icons for notifications */
- .messageImage[type="info"] {
- - list-style-image: url("moz-icon://stock/gtk-dialog-info?size=menu");
- + list-style-image: url("chrome://messenger/skin/symbolic-icons/information.svg");
- }
- .messageImage[type="warning"] {
- - list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=menu");
- + list-style-image: url("chrome://messenger/skin/symbolic-icons/important.svg");
- }
- .messageImage[type="critical"] {
- - list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu");
- + list-style-image: url("chrome://messenger/skin/symbolic-icons/critical.svg");
- }
- .messageCloseButton {
- - list-style-image: url("moz-icon://stock/gtk-close?size=menu");
- - margin-top: 0;
- - margin-bottom: 0;
- + background: transparent !important;
- + border: 1px solid transparent !important;
- + list-style-image: url(chrome://messenger/skin/symbolic-icons/close.svg);
- + margin-top: 5px !important;
- + margin-bottom: 5px !important;
- + -moz-margin-end: 10px;
- + -moz-margin-start: 5px;
- + padding: 1px !important;
- +}
- +
- +.messageCloseButton > .toolbarbutton-icon {
- + opacity: 0.4;
- +}
- +
- +.messageCloseButton:hover > .toolbarbutton-icon {
- + opacity: 1;
- }
- /* Popup notification */
- @@ -68,5 +77,5 @@ notification[type="critical"] {
- }
- .popup-notification-closeitem {
- - list-style-image: url("moz-icon://stock/gtk-close?size=menu");
- + list-style-image: url(chrome://messenger/skin/symbolic-icons/close.svg);
- }
- diff --git a/theme/chrome/global/textbox.css b/theme/chrome/global/textbox.css
- index 543cd37..422c996 100644
- --- a/theme/chrome/global/textbox.css
- +++ b/theme/chrome/global/textbox.css
- @@ -20,13 +20,13 @@ textbox {
- -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
- -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
- -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
- - padding: 2px 2px 3px;
- + padding: 1px 2px 1px;
- -moz-padding-start: 4px;
- background-color: -moz-Field;
- color: -moz-FieldText;
- }
- -html|*.textbox-input,
- +html|*.textbox-input,
- html|*.textbox-textarea {
- margin: 0px !important;
- border: none !important;
- @@ -73,14 +73,16 @@ textbox.plain {
- /* ::::: search textbox ::::: */
- .textbox-search-icon {
- - list-style-image: url(moz-icon://stock/gtk-find?size=menu);
- + list-style-image: url(moz-icon://stock/edit-find-symbolic?size=menu);
- + filter: url(chrome://messenger/skin/symbolic-icons-colors.svg#input-field-default);
- }
- .textbox-search-clear {
- - list-style-image: url(moz-icon://stock/gtk-clear?size=menu);
- + list-style-image: url(moz-icon://stock/edit-clear-symbolic?size=menu);
- + filter: url(chrome://messenger/skin/symbolic-icons-colors.svg#input-field-default);
- }
- -.textbox-search-icon[searchbutton]:not([disabled]) ,
- +.textbox-search-icon[searchbutton]:not([disabled]),
- .textbox-search-clear:not([disabled]) {
- cursor: pointer;
- }
- @@ -144,4 +146,3 @@ menuitem[cmd="cmd_selectAll"] {
- menuitem[cmd="cmd_selectAll"][disabled] {
- list-style-image: url("moz-icon://stock/gtk-select-all?size=menu&state=disabled");
- }
- -
- diff --git a/theme/chrome/messenger/messenger.css b/theme/chrome/messenger/messenger.css
- index ad2986b..a60bc85 100644
- --- a/theme/chrome/messenger/messenger.css
- +++ b/theme/chrome/messenger/messenger.css
- @@ -433,6 +433,7 @@ treechildren::-moz-tree-cell-text {
- -moz-padding-start: 5px;
- }
- +/*
- notification[value="addon-install-blocked"],
- notification[value="addon-install-failed"],
- notification[value="addon-install-complete"] {
- @@ -447,3 +448,4 @@ notification[value="addon-install-failed"] .notification-inner,
- notification[value="addon-install-complete"] .notification-inner {
- border: none;
- }
- +*/
- diff --git a/theme/chrome/messenger/symbolic-icons/close.svg b/theme/chrome/messenger/symbolic-icons/close.svg
- new file mode 100644
- index 0000000..45c36bf
- --- /dev/null
- +++ b/theme/chrome/messenger/symbolic-icons/close.svg
- @@ -0,0 +1,18 @@
- +<?xml version="1.0" encoding="UTF-8" standalone="no"?>
- +<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
- +<title>Gnome Symbolic Icon Theme</title>
- +<metadata>
- +<rdf:RDF>
- +<cc:Work rdf:about="">
- +<dc:format>image/svg+xml</dc:format>
- +<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
- +<dc:title>Gnome Symbolic Icon Theme</dc:title>
- +</cc:Work>
- +</rdf:RDF>
- +</metadata>
- +<g transform="translate(-60,-518)">
- +<g transform="translate(19,-242)">
- +<path style="color:#2e3436;text-transform:none;text-indent:0" fill="#2e3436" d="m45 764h1c0.01037-0.00012 0.02079-0.00046 0.03125 0 0.25495 0.0112 0.50987 0.12858 0.6875 0.3125l2.281 2.28 2.312-2.28c0.266-0.23 0.447-0.3 0.688-0.31h1v1c0 0.28647-0.03434 0.55065-0.25 0.75l-2.2812 2.2812 2.25 2.25c0.188 0.19 0.281 0.45 0.281 0.72v1h-1c-0.2653-0.00001-0.53059-0.0931-0.71875-0.28125l-2.281-2.28-2.281 2.28c-0.188 0.19-0.454 0.28-0.719 0.28h-1v-1c-0.000003-0.26529 0.09306-0.53058 0.28125-0.71875l2.2812-2.25-2.281-2.28c-0.21-0.19-0.303-0.47-0.281-0.75v-1z" inkscape:connector-curvature="0"/>
- +</g>
- +</g>
- +</svg>
- diff --git a/theme/chrome/messenger/symbolic-icons/critical.svg b/theme/chrome/messenger/symbolic-icons/critical.svg
- new file mode 100644
- index 0000000..fc594b1
- --- /dev/null
- +++ b/theme/chrome/messenger/symbolic-icons/critical.svg
- @@ -0,0 +1,19 @@
- +<?xml version="1.0" encoding="UTF-8" standalone="no"?>
- +<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" inkscape:version="0.47 r22583" height="16" width="16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" sodipodi:docname="dialog-warning-symbolic.svg" xmlns:dc="http://purl.org/dc/elements/1.1/">
- +<metadata>
- +<rdf:RDF>
- +<cc:Work rdf:about="">
- +<dc:format>image/svg+xml</dc:format>
- +<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
- +<dc:title>Gnome Symbolic Icon Theme</dc:title>
- +</cc:Work>
- +</rdf:RDF>
- +</metadata>
- +<sodipodi:namedview inkscape:zoom="1" borderopacity="1" inkscape:current-layer="layer9" inkscape:cx="-6.85259" guidetolerance="10" inkscape:snap-grids="true" inkscape:window-maximized="0" inkscape:snap-bbox="true" showgrid="false" inkscape:snap-nodes="true" inkscape:snap-global="true" showguides="true" bordercolor="#666666" inkscape:window-x="58" inkscape:guide-bbox="true" objecttolerance="10" inkscape:object-nodes="true" inkscape:window-y="353" inkscape:window-width="1310" inkscape:pageopacity="1" inkscape:snap-to-guides="true" inkscape:pageshadow="2" pagecolor="#555753" gridtolerance="10" inkscape:bbox-paths="false" inkscape:cy="-15.45876" inkscape:window-height="690" showborder="false">
- +<inkscape:grid visible="true" enabled="true" spacingy="1px" spacingx="1px" snapvisiblegridlinesonly="true" type="xygrid" empspacing="2"/>
- +</sodipodi:namedview>
- +<title>Gnome Symbolic Icon Theme</title>
- +<g inkscape:label="status" transform="translate(-301,-257)" inkscape:groupmode="layer">
- +<path style="color:#2e3436;enable-background:new" d="m308.92 257.09c-0.5255-0.0286-1.0382 0.28305-1.4375 0.96875l-6.25 11.594c-0.53 0.97 0.05 2.35 1.1 2.35h13.156c0.98172 0 1.9031-1.1594 1.2188-2.3438l-6.32-11.54c-0.39872-0.64617-0.94325-1.0026-1.4688-1.0312zm-0.0313 3.9375c0.54448-0.0172 1.0485 0.48677 1.0312 1.0312v3.9375c0.007 0.52831-0.47163 1.0142-1 1.0142-0.52836 0-1.0075-0.48593-1-1.0142v-3.9375c-0.008-0.4666 0.3541-0.91253 0.8125-1 0.0511-0.0145 0.10345-0.025 0.15625-0.0313zm-0.9687 6.9688h2v2h-2v-2z" sodipodi:nodetypes="cccccccccccsccscccccc" inkscape:connector-curvature="0" class="warning" fill="#f57900"/>
- +</g>
- +</svg>
- --
- 1.8.5.3
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement