GNOME.org
 

[gtk-css-engine] [moblesse] Add arrow SVGs.

commit 0ab342d0d8903897b15d3cae0abd6a5bc4a734ea
Author: Robert Staudinger <robsta gnome org>
Date:   Mon Jun 22 16:58:05 2009 +0200

    [moblesse] Add arrow SVGs.

 data/user-agent.css                     |    4 ++
 themes/moblesse/gtk-2.0/arrow-down.svg  |   73 +++++++++++++++++++++++++++++++
 themes/moblesse/gtk-2.0/arrow-left.svg  |   73 +++++++++++++++++++++++++++++++
 themes/moblesse/gtk-2.0/arrow-right.svg |   73 +++++++++++++++++++++++++++++++
 themes/moblesse/gtk-2.0/arrow-up.svg    |   73 +++++++++++++++++++++++++++++++
 themes/moblesse/gtk-2.0/gtkrc.css       |   37 ++++++++++++---
 6 files changed, 325 insertions(+), 8 deletions(-)
---
diff --git a/data/user-agent.css b/data/user-agent.css
index 044c965..5bad616 100644
--- a/data/user-agent.css
+++ b/data/user-agent.css
@@ -18,6 +18,10 @@ GtkCheckButton > flat-box {
 	border-radius: inherit;
 }
 
+GtkComboBox > GtkArrow {
+	background: inherit;
+}
+
 /* FIXME: rtl variant? */
 GtkComboBoxEntry > shadow {
 	background: inherit;
diff --git a/themes/moblesse/gtk-2.0/arrow-down.svg b/themes/moblesse/gtk-2.0/arrow-down.svg
new file mode 100644
index 0000000..178facd
--- /dev/null
+++ b/themes/moblesse/gtk-2.0/arrow-down.svg
@@ -0,0 +1,73 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   version="1.0"
+   width="32"
+   height="32"
+   id="svg5912"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   sodipodi:docname="arrow-down.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     inkscape:window-height="786"
+     inkscape:window-width="1341"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     guidetolerance="10.0"
+     gridtolerance="10.0"
+     objecttolerance="10.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     showgrid="true"
+     inkscape:zoom="22.627417"
+     inkscape:cx="22.557443"
+     inkscape:cy="13.653569"
+     inkscape:window-x="6"
+     inkscape:window-y="51"
+     inkscape:current-layer="svg5912">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5122"
+       visible="true"
+       enabled="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs5914">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 64 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="128 : 64 : 1"
+       inkscape:persp3d-origin="64 : 42.666667 : 1"
+       id="perspective9" />
+  </defs>
+  <g
+     id="layer1"
+     transform="matrix(0.2501396,0,0,0.2494828,6.6810959e-2,0.347816)">
+    <path
+       d="M 127.66147,39.210176 L 63.789521,102.82143 L -0.082434003,38.688771 L 10.867044,28.2607 L 51.01513,68.669485 C 51.01513,68.669485 54.939372,72.840708 63.789521,72.840708 C 72.899931,72.840708 80.474437,64.498259 80.474437,64.498259 L 116.97269,28 L 127.66147,39.210176 z"
+       id="path5138"
+       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+  </g>
+</svg>
diff --git a/themes/moblesse/gtk-2.0/arrow-left.svg b/themes/moblesse/gtk-2.0/arrow-left.svg
new file mode 100644
index 0000000..e4b66e1
--- /dev/null
+++ b/themes/moblesse/gtk-2.0/arrow-left.svg
@@ -0,0 +1,73 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   version="1.0"
+   width="32"
+   height="32"
+   id="svg5912"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   sodipodi:docname="arrow-left.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     inkscape:window-height="786"
+     inkscape:window-width="1341"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     guidetolerance="10.0"
+     gridtolerance="10.0"
+     objecttolerance="10.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     showgrid="true"
+     inkscape:zoom="22.627417"
+     inkscape:cx="22.557443"
+     inkscape:cy="17.189103"
+     inkscape:window-x="9"
+     inkscape:window-y="51"
+     inkscape:current-layer="svg5912">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5122"
+       visible="true"
+       enabled="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs5914">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 64 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="128 : 64 : 1"
+       inkscape:persp3d-origin="64 : 42.666667 : 1"
+       id="perspective9" />
+  </defs>
+  <g
+     id="layer1"
+     transform="matrix(0,0.2501396,-0.2494828,0,31.782264,1.066811)">
+    <path
+       d="M 127.66147,39.210176 L 63.789521,102.82143 L -0.082434003,38.688771 L 10.867044,28.2607 L 51.01513,68.669485 C 51.01513,68.669485 54.939372,72.840708 63.789521,72.840708 C 72.899931,72.840708 80.474437,64.498259 80.474437,64.498259 L 116.97269,28 L 127.66147,39.210176 z"
+       id="path5138"
+       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+  </g>
+</svg>
diff --git a/themes/moblesse/gtk-2.0/arrow-right.svg b/themes/moblesse/gtk-2.0/arrow-right.svg
new file mode 100644
index 0000000..62f4559
--- /dev/null
+++ b/themes/moblesse/gtk-2.0/arrow-right.svg
@@ -0,0 +1,73 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   version="1.0"
+   width="32"
+   height="32"
+   id="svg5912"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   sodipodi:docname="arrow-right.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     inkscape:window-height="786"
+     inkscape:window-width="1341"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     guidetolerance="10.0"
+     gridtolerance="10.0"
+     objecttolerance="10.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     showgrid="true"
+     inkscape:zoom="22.627417"
+     inkscape:cx="22.557443"
+     inkscape:cy="17.189103"
+     inkscape:window-x="9"
+     inkscape:window-y="51"
+     inkscape:current-layer="svg5912">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5122"
+       visible="true"
+       enabled="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs5914">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 64 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="128 : 64 : 1"
+       inkscape:persp3d-origin="64 : 42.666667 : 1"
+       id="perspective9" />
+  </defs>
+  <g
+     id="layer1"
+     transform="matrix(0,0.2501396,0.2494828,0,-0.6521783,1.0437147)">
+    <path
+       d="M 127.66147,39.210176 L 63.789521,102.82143 L -0.082434003,38.688771 L 10.867044,28.2607 L 51.01513,68.669485 C 51.01513,68.669485 54.939372,72.840708 63.789521,72.840708 C 72.899931,72.840708 80.474437,64.498259 80.474437,64.498259 L 116.97269,28 L 127.66147,39.210176 z"
+       id="path5138"
+       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+  </g>
+</svg>
diff --git a/themes/moblesse/gtk-2.0/arrow-up.svg b/themes/moblesse/gtk-2.0/arrow-up.svg
new file mode 100644
index 0000000..67878a3
--- /dev/null
+++ b/themes/moblesse/gtk-2.0/arrow-up.svg
@@ -0,0 +1,73 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   version="1.0"
+   width="32"
+   height="32"
+   id="svg5912"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   sodipodi:docname="arrow-up.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     inkscape:window-height="786"
+     inkscape:window-width="1341"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     guidetolerance="10.0"
+     gridtolerance="10.0"
+     objecttolerance="10.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     showgrid="true"
+     inkscape:zoom="22.627417"
+     inkscape:cx="22.557443"
+     inkscape:cy="13.653569"
+     inkscape:window-x="9"
+     inkscape:window-y="51"
+     inkscape:current-layer="svg5912">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5122"
+       visible="true"
+       enabled="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs5914">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 64 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="128 : 64 : 1"
+       inkscape:persp3d-origin="64 : 42.666667 : 1"
+       id="perspective9" />
+  </defs>
+  <g
+     id="layer1"
+     transform="matrix(0.2501396,0,0,-0.2494828,6.6810959e-2,32.985513)">
+    <path
+       d="M 127.66147,39.210176 L 63.789521,102.82143 L -0.082434003,38.688771 L 10.867044,28.2607 L 51.01513,68.669485 C 51.01513,68.669485 54.939372,72.840708 63.789521,72.840708 C 72.899931,72.840708 80.474437,64.498259 80.474437,64.498259 L 116.97269,28 L 127.66147,39.210176 z"
+       id="path5138"
+       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+  </g>
+</svg>
diff --git a/themes/moblesse/gtk-2.0/gtkrc.css b/themes/moblesse/gtk-2.0/gtkrc.css
index 47b3bb2..6f11494 100644
--- a/themes/moblesse/gtk-2.0/gtkrc.css
+++ b/themes/moblesse/gtk-2.0/gtkrc.css
@@ -2,23 +2,44 @@
 * {
 	background-color: gtk-color(bg_color);
 	border-color: gtk-color(fg_color);
-  border-radius: 3px;
+	border-radius: 3px;
 	color: gtk-color(text_color);
-	/* Terminate recursion for properties inherited by the builtin stylesheet. 
+	/* Terminate recursion for properties inherited by the builtin stylesheet.
 	border-radius: none;
-  border-image: none;	
-  FIXME ... once it works */
+	border-image: none;
+	FIXME ... once it works */
 }
 
 GtkButton, GtkComboBox, GtkEntry {
-  border: 1px solid;
+	border: 1px solid;
 }
 
 GtkButton:prelight {
-  /* Use shorthand notation, because that's what's inherited. */
-  background: gtk-color(selected_bg_color); 
+	/* Use shorthand notation, because that's what's inherited. */
+	background: gtk-color(selected_bg_color);
 }
 
 GtkEntry {
-  background: gtk-color(base_color);
+	background: gtk-color(base_color);
 }
+
+/* Arrows */
+
+arrow {
+	background-position: center;
+	background-repeat: no-repeat;
+	background-size: contain;
+}
+arrow[orientation=up] {
+	background-image: url(arrow-up.svg);
+}
+arrow[orientation=down] {
+	background-image: url(arrow-down.svg);
+}
+arrow[orientation=left] {
+	background-image: url(arrow-left.svg);
+}
+arrow[orientation=right] {
+	background-image: url(arrow-right.svg);
+}
+
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]