Skip to content
Browse files

buildfile and theme for family tree

  • Loading branch information...
1 parent 65e4633 commit 03449c524de2090007a16669436e0b76fec487bf @onkis onkis committed Sep 28, 2010
View
12 Buildfile
@@ -76,6 +76,9 @@ config :common_assets do |c|
c[:required] = [:sproutcore]
end
+config :scui, :required => [:sproutcore, :'scui/drawing', :'scui/linkit']
+
+
config :bindings_overload,
:required => ['sproutcore', 'sproutcore/animation']
@@ -86,3 +89,12 @@ config :store_configurator,
# table_view demo requires the sproutcore/table framework
config :table_view,
:required => ['sproutcore', 'sproutcore/table']
+
+config :family_tree_theme,
+ :theme_name => 'family_tree_theme'
+
+config :family_tree do |c|
+ c[:required] = [:sproutcore, :scui]
+ c[:theme] = :family_tree_theme
+end
+
View
BIN themes/family_tree_theme/resources/images/blurb.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN themes/family_tree_theme/resources/images/leaves.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN themes/family_tree_theme/resources/images/logo.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN themes/family_tree_theme/resources/images/sprite.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN themes/family_tree_theme/resources/images/sprite.psd
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN themes/family_tree_theme/resources/images/workspace-bg.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
262 themes/family_tree_theme/resources/theme_styles.css
@@ -0,0 +1,262 @@
+/* ==========================================================================
+* Project: StandardTheme Theme Styles
+* Copyright: ©2010 Evin Grano and contributors
+* ==========================================================================
+*/
+
+/* Header
+--------------------------------------------- */
+
+.header {
+ background: #c1e9f1 static_url('images/sprite.png');
+}
+
+.logo {
+ width: 216px;
+ height: 37px;
+ position: absolute;
+ top: 25%;
+ left: 10px;
+ margin: -15px 0 0;
+ background: static_url('images/logo.png');
+ text-indent: -9999px;
+}
+
+.blurb {
+ width: 171px;
+ height: 15px;
+ position: absolute;
+ bottom: 6px;
+ right: 10px;
+ background: static_url('images/blurb.png');
+ text-indent: -9999px;
+}
+
+.leaves {
+ width: 979px;
+ height: 56px;
+ position: absolute;
+ background: static_url('images/leaves.png') no-repeat;
+}
+
+
+/* Master List
+--------------------------------------------- */
+
+.master-list {
+ border-bottom: 1px solid #c2c2c2;
+ background: #f2f2f2;
+}
+
+.master-list .family {
+ border-top: 1px solid #fff;
+ border-bottom: 1px solid #cecece;
+}
+
+.master-list .family.selected {
+ border-top-color: #eef4f8;
+ border-bottom-color: #9aaab6;
+ background: static_url('images/sprite.png') 0 -56px;
+}
+
+.master-list .name {
+ padding: 0 0 0 42px;
+ background: static_url('images/sprite.png') no-repeat 0 -135px;
+ line-height: 24px;
+ text-shadow: 0 1px 0 rgba(255,255,255,.75);
+}
+
+.master-list .badge {
+ background: static_url('images/sprite.png') 0 -99px;
+ font-size: 10px;
+ line-height: 17px;
+ text-shadow: 0 1px 0 rgba(255,255,255,.75);
+}
+
+.master-list .selected .badge {
+ background-position: 0 -117px;
+}
+
+
+/* Master List Footer
+--------------------------------------------- */
+
+.footer {
+ border-top: 1px solid #ededed;
+ background: static_url('images/sprite.png') 0 -159px;
+}
+
+.add {
+ background: static_url('images/sprite.png') no-repeat 0 -210px;
+}
+.add.active {
+ background: static_url('images/sprite.png') no-repeat 0 -258px;
+}
+.add img {
+ position: absolute;
+ width: 14px;
+ height: 14px;
+ top: 50%;
+ left: 50%;
+ margin-top: -6px;
+ margin-left: -6px;
+ background: static_url('images/sprite.png') no-repeat 0 -194px;
+}
+
+.remove {
+ background: static_url('images/sprite.png') no-repeat 0 -234px;
+}
+.remove.active {
+ background: static_url('images/sprite.png') no-repeat 0 -282px;
+}
+.remove img {
+ position: absolute;
+ width: 14px;
+ height: 14px;
+ top: 50%;
+ left: 50%;
+ margin-top: -6px;
+ margin-left: -8px;
+ background: static_url('images/sprite.png') -16px -194px;
+}
+
+
+/* Workspace
+--------------------------------------------- */
+
+/* Background */
+.family-canvas {
+ border-top: 1px solid #fff;
+ border-left: 1px solid #d0d0d0;
+ background: static_url('images/workspace-bg.png');
+}
+
+/* Add Person Palette*/
+
+.addbutton-view .label {
+ display: none;
+}
+
+.add-decorator {
+ background: static_url('images/sprite.png') -12px -307px;
+}
+
+.add-male {
+ background: static_url('images/sprite.png') -12px -330px;
+}
+.add-female {
+ background: static_url('images/sprite.png') -12px -395px;
+}
+.add-pet {
+ background: static_url('images/sprite.png') -12px -461px;
+}
+
+.add-male.active {
+ background: static_url('images/sprite.png') -12px -552px;
+}
+.add-female.active {
+ background: static_url('images/sprite.png') -12px -617px;
+}
+.add-pet.active {
+ background: static_url('images/sprite.png') -12px -683px;
+}
+
+
+/* Nodes */
+.human, .pet {
+ border: 2px solid rgba(112, 255, 255, 0);
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
+ -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
+ opacity: 0.7;
+ overflow:visible;
+ -moz-transition: border .1s linear;
+ -webkit-transition: border .1s linear;
+}
+
+.human.selected, .pet.selected {
+ border: 2px solid rgba(255, 255, 255, 1);
+ -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, .3);
+ -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
+}
+
+.male {
+ background: #A5C0DC;
+ background: -moz-gradient(linear, left top, left bottom, from(#A5C0DC), to(#728DA9));
+ background: -webkit-gradient(linear, left top, left bottom, from(#A5C0DC), to(#728DA9));
+ color: #00275B;
+ text-shadow: 0px 1px 1px white;
+}
+
+.female {
+ background: #E08CDF;
+ background: -moz-gradient(linear, left top, left bottom, from(#E08CDF), to(#A65AA1));
+ background: -webkit-gradient(linear, left top, left bottom, from(#E08CDF), to(#A65AA1));
+ color: #490048;
+ text-shadow: 0px 1px 1px white;
+}
+
+.pet {
+ background: #9BD493;
+ background: -moz-gradient(linear, left top, left bottom, from(#9BD493), to(#65985E));
+ background: -webkit-gradient(linear, left top, left bottom, from(#9BD493), to(#65985E));
+}
+
+.add-button {
+ -moz-transition: opacity .15s linear;
+ -webkit-transition: opacity .15s linear;
+ opacity: .5;
+}
+
+.add-button:hover {
+ opacity:1;
+}
+
+/* Terminal colors*/
+.father-terminal, .mother-terminal, .pets-terminal, .spouse-terminal, .children-terminal, .master-terminal {
+ border: 2px solid rgba(255, 255, 255, 0);
+ -moz-transition: border .1s linear;
+ -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.75);
+ -moz-border-radius: 7px;
+
+ -webkit-transition: border .1s linear;
+ -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.75);
+ -webkit-border-radius: 7px;
+}
+
+.accept {
+ background-color: black;
+}
+
+.father-terminal {
+ background-color: #A5C0DC;
+ border: 1px solid #325478;
+}
+
+.mother-terminal {
+ background-color: #E08CDF;
+ border: 1px solid #642462;
+}
+
+.spouse-terminal {
+ background-color: #C63534;
+ border:1px solid #570000;
+
+}
+
+.children-terminal {
+ background-color: #9D58CE;
+ border:1px solid #3B155B;
+}
+
+.pets-terminal, .master-terminal {
+ background-color: #9BD493;
+ border:1px solid #074300;
+}
+
+
+/* Invites */
+.invite {
+ border: 2px solid white;
+}

0 comments on commit 03449c5

Please sign in to comment.
Something went wrong with that request. Please try again.