summaryrefslogtreecommitdiff
path: root/data
diff options
context:
space:
mode:
authorRory MacQueen <rorymacqueen@gmail.com>2014-01-31 10:51:52 -0800
committerMatt Watson <mattdangerw@gmail.com>2014-02-07 17:12:25 -0800
commitc26c84148e5c3bac1b33585f1aeb3164dc8a7220 (patch)
treeefcf330ba29b85f9c04b75a116fb57a4bc5de81b /data
parent797a69187303640cb27a41522cd2147487a7c712 (diff)
Reorganize category page, add drop shadows
The code to build the category page was getting a little cluttered, to the point that it was hard to make changes. Restructured the gtk code to make it a bit cleaner, and added new drop shadows as per design -Rory & Matt [endlessm/eos-sdk#533]
Diffstat (limited to 'data')
-rw-r--r--data/assets/panel_shadow.pngbin0 -> 859 bytes
-rw-r--r--data/css/eos-wikipedia-domain.css20
-rw-r--r--data/eos-wikipedia-domain.gresource.xml1
3 files changed, 17 insertions, 4 deletions
diff --git a/data/assets/panel_shadow.png b/data/assets/panel_shadow.png
new file mode 100644
index 0000000..b5a2c57
--- /dev/null
+++ b/data/assets/panel_shadow.png
Binary files differ
diff --git a/data/css/eos-wikipedia-domain.css b/data/css/eos-wikipedia-domain.css
index df6aec6..3042766 100644
--- a/data/css/eos-wikipedia-domain.css
+++ b/data/css/eos-wikipedia-domain.css
@@ -53,22 +53,34 @@ Gjs_ArticleList .scrollbar.slider {
background-color: #babdb6;
}
-.category-page #category_info {
+.category-page .category-horizontal-separator {
+ border-image: url('resource:///com/endlessm/wikipedia-domain/assets/introduction_title_separator.png') 0 0 18 0 stretch;
+ border-width: 0px 0px 18px 0px;
+ border-style: solid;
+}
+
+.category-page .category-vertical-separator {
+ border-image: url('resource:///com/endlessm/wikipedia-domain/assets/panel_shadow.png') 200 8 200 0 stretch;
+ border-width: 200px 8px 200px 0px;
+ border-style: solid;
+}
+
+.category-page #category-info {
background-color: alpha(#464646, 0.8);
}
-.category-page #category_description{
+.category-page #category-description {
color:rgba(255, 255, 255, 1.0);
background-color: rgba(0, 0, 0, 0);
font-size: 1.5em;
}
-.category-page #category_scrolled_window .scrollbar.slider {
+.category-page #category-scrolled-window .scrollbar.slider {
border-radius: 6px;
background-color: alpha(white, 0.3);
}
-.category-page #category_title{
+.category-page #category-title {
font-family: "Lato Light";
font-size: 4.17em;
color: rgba(255, 255, 255, 0.9);
diff --git a/data/eos-wikipedia-domain.gresource.xml b/data/eos-wikipedia-domain.gresource.xml
index 0d319b1..bccc5c0 100644
--- a/data/eos-wikipedia-domain.gresource.xml
+++ b/data/eos-wikipedia-domain.gresource.xml
@@ -11,6 +11,7 @@
<file>assets/submenu_hover_arrow.png</file>
<file>assets/submenu_background.jpg</file>
<file>assets/image_strip_back_button.png</file>
+ <file>assets/panel_shadow.png</file>
<file compressed="true">assets/wikipedia-category-back-symbolic.svg</file>
<file compressed="true">assets/wikipedia-category-forward-symbolic.svg</file>
<file>assets/topbar_back_icon_normal.png</file>