GNOME.org
 

[gnome-software] theme: better dropshadow with active state

commit 9b0200aa8a827727d0fec4dcce9dc4e94ebdef7b
Author: Jakub Steiner <jimmac gmail com>
Date:   Fri Sep 6 14:34:04 2013 +0200

    theme: better dropshadow with active state

 src/Makefile.am                  |    1 +
 src/gnome-software.gresource.xml |    1 +
 src/gtk-style.css                |    5 +-
 src/shadow-active.png            |  Bin 0 -> 334 bytes
 src/shadow.png                   |  Bin 437 -> 303 bytes
 src/shadow.svg                   |  250 ++++++++++++++++++++++++++++++++++++++
 6 files changed, 255 insertions(+), 2 deletions(-)
---
diff --git a/src/Makefile.am b/src/Makefile.am
index 60ed8d3..e248f4f 100644
--- a/src/Makefile.am
+++ b/src/Makefile.am
@@ -117,6 +117,7 @@ EXTRA_DIST =                                                \
        gnome-software.xml                              \
        gtk-style.css                                   \
        shadow.png                                      \
+       shadow-active.png                               \
        $(desktop_in_files)                             \
        $(UI_FILES)
 
diff --git a/src/gnome-software.gresource.xml b/src/gnome-software.gresource.xml
index e61d3b7..2c67dd9 100644
--- a/src/gnome-software.gresource.xml
+++ b/src/gnome-software.gresource.xml
@@ -5,5 +5,6 @@
   <file preprocess="xml-stripblanks">app-menu.ui</file>
   <file>gtk-style.css</file>
   <file>shadow.png</file>
+  <file>shadow-active.png</file>
  </gresource>
 </gresources>
diff --git a/src/gtk-style.css b/src/gtk-style.css
index 61cd361..d0b6e9e 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -57,8 +57,9 @@ GtkNotebook.main-notebook-software > GtkScrolledWindow {
 }
 
 .view.tile {
-        border-width: 2px;
-        border-image: url("shadow.png") 2 2 2 2 stretch;
+        border-radius: 0;
+        border-width: 3;
+        border-image: url("shadow.png") 3 3 3 3 stretch;
         background-image: none;
         background-color: @list_box_bg;
 }
diff --git a/src/shadow-active.png b/src/shadow-active.png
new file mode 100644
index 0000000..9734965
Binary files /dev/null and b/src/shadow-active.png differ
diff --git a/src/shadow.png b/src/shadow.png
index d59e2f2..a0d82a4 100644
Binary files a/src/shadow.png and b/src/shadow.png differ
diff --git a/src/shadow.svg b/src/shadow.svg
new file mode 100644
index 0000000..1799fa2
--- /dev/null
+++ b/src/shadow.svg
@@ -0,0 +1,250 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:xlink="http://www.w3.org/1999/xlink";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   width="32"
+   height="16"
+   id="svg13750"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="shadow.svg"
+   inkscape:export-filename="/home/jimmac/checkout/gnome/gnome-software/src/shadow.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs13752">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient14396">
+      <stop
+         style="stop-color:#d3d7cf;stop-opacity:1;"
+         offset="0"
+         id="stop14398" />
+      <stop
+         style="stop-color:#a3ac9b;stop-opacity:1"
+         offset="1"
+         id="stop14400" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient14370">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop14372" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop14374" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3837-9"
+       id="linearGradient23363"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(492,8)"
+       x1="7.999999"
+       y1="1.92503"
+       x2="7.999999"
+       y2="14.003025" />
+    <linearGradient
+       id="linearGradient3837-9">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop3839-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop3841-3" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       id="filter14329"
+       x="-0.19779219"
+       width="1.3955843"
+       y="-0.19779219"
+       height="1.3955843"
+       color-interpolation-filters="sRGB">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.98896095"
+         id="feGaussianBlur14331" />
+    </filter>
+    <mask
+       maskUnits="userSpaceOnUse"
+       id="mask14343">
+      <g
+         id="g14345"
+         transform="matrix(1.0193462,0,0,1.0159941,-0.15476993,-16.968938)">
+        <rect
+           
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+           id="rect14347"
+           width="17.568466"
+           height="18.054602"
+           x="-1.0493981"
+           y="1035.2244"
+           rx="0"
+           ry="0" />
+        <rect
+           ry="0"
+           rx="0"
+           y="1039.3787"
+           x="3.0164659"
+           height="10.011262"
+           width="9.9670677"
+           id="rect14349"
+           
style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
 />
+      </g>
+    </mask>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient14370"
+       id="linearGradient14376"
+       x1="8.1295109"
+       y1="1046.4559"
+       x2="8.1295109"
+       y2="1033.844"
+       gradientUnits="userSpaceOnUse" />
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath14380">
+      <rect
+         
style="opacity:0.2;color:#000000;fill:none;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect14382"
+         width="16.30954"
+         height="16.255905"
+         x="-0.24486826"
+         y="1035.9707" />
+    </clipPath>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient14370"
+       id="linearGradient14390"
+       gradientUnits="userSpaceOnUse"
+       x1="8.1295109"
+       y1="1046.4559"
+       x2="8.1295109"
+       y2="1033.844" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient14396"
+       id="linearGradient14402"
+       x1="24"
+       y1="1049.3622"
+       x2="24"
+       y2="1034.3622"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627417"
+     inkscape:cx="23.816033"
+     inkscape:cy="0.10011921"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     showborder="true"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1237"
+     inkscape:window-height="1225"
+     inkscape:window-x="522"
+     inkscape:window-y="128"
+     inkscape:window-maximized="0"
+     inkscape:snap-bbox="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid13791"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata13755">
+    <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></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="shadow"
+       transform="matrix(0.99450608,0,0,0.99989228,0.08790275,0.11165439)"
+       inkscape:label="shadow">
+      <rect
+         clip-path="url(#clipPath14380)"
+         mask="url(#mask14343)"
+         transform="matrix(0.98102093,0,0,0.98425766,0.15183254,16.701807)"
+         
style="opacity:0.2;color:#000000;fill:url(#linearGradient14390);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter14329);enable-background:accumulate"
+         id="rect14303"
+         width="12"
+         height="12"
+         x="2"
+         y="1039.0692"
+         rx="0"
+         ry="0" />
+      <rect
+         y="1036.3622"
+         x="0"
+         height="16"
+         width="16"
+         id="rect14384"
+         
style="opacity:0.2;color:#000000;fill:none;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
 />
+    </g>
+    <g
+       id="shadow-active"
+       inkscape:label="shadow-active"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <rect
+         
style="color:#000000;fill:none;stroke:#ffffff;stroke-width:1.00000011999999994;stroke-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;opacity:0.47755102"
+         id="rect14404"
+         width="10.999895"
+         height="10.999895"
+         x="18.500105"
+         y="1039.8345"
+         rx="0.4998953"
+         ry="0.4998953" />
+      <rect
+         y="1036.3622"
+         x="16"
+         height="16"
+         width="16"
+         id="rect14392"
+         
style="opacity:0.2;color:#000000;fill:none;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
 />
+      <rect
+         ry="0.4998953"
+         rx="0.4998953"
+         y="1038.8623"
+         x="18.500105"
+         height="10.999895"
+         width="10.999895"
+         id="rect14394"
+         
style="opacity:1;color:#000000;fill:none;stroke:url(#linearGradient14402);stroke-width:1.00000011999999994;stroke-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
 />
+    </g>
+  </g>
+</svg>
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]