gallery-2011.03.16-21-24 apipkin gallerycss-xarno-skins

src/gallerycss-xarno-skins/build.properties

@@ -0,0 +1,26 @@
+# Xarno Skin Build Properties
+
+# As long as the 'builder' project is cloned to the default folder
+# next to the 'yui3-gallery' project folder, the 'builddir' property does not 
+# need to be changed
+#
+# If the 'builder' project is checked out to an alternate location, this
+# property should be updated to point to the checkout location.
+builddir=../../../builder/componentbuild
+
+# The name of the component. E.g. event, attribute, widget 
+component=gallerycss-xarno-skins
+
+# The list of files which should be concatenated to create the component
+# NOTE: For a css component. (e.g. cssfonts, cssgrids etc.) use component.cssfiles instead. 
+# component.jsfiles=xarno-skins.js, xarno-skinsHelperClass.js, xarno-skinsSubComponentClass.js
+component.cssfiles=xarno-base.css, xarno-icons.css, xarno-tabview.css, xarno-growl-button.css, xarno-growl-notify.css, xarno-smooth-base.css, xarno-smooth-button-group.css, xarno-smooth-button.css, xarno-smooth-dialog.css, xarno-smooth-simple-datatable.css, xarno-smooth-tabview.css
+
+# The list of modules this component. requires. Used to set up the Y.add module call for YUI 3.
+component.requires=
+
+# The list of modules this component. supersedes. Used to set up the Y.add module call for YUI 3.
+component.supersedes=
+
+# The list of modules that are optional for this module. Used to set up the Y.add module call for YUI 3.
+component.optional=

src/gallerycss-xarno-skins/build.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- YUI 3 Gallery Component Build File -->
+<project name="Xarno Skins" default="local">
+    <description>Xarno Skins Build File</description>
+    <property file="build.properties" />
+    <import file="${builddir}/3.x/bootstrap.xml" description="Default Build Properties and Targets" />
+</project>

src/gallerycss-xarno-skins/css/xarno-base.css

@@ -0,0 +1,40 @@
+.yui3-skin-xarno {
+
+}
+.yui3-skin-xarno .yui3-hidden {
+  overflow: hidden;
+  height: 0;
+  width: 0;
+  display: block;
+}
+
+.yui3-skin-xarno .yui3-header {
+
+}
+
+.yui3-skin-xarno .yui3-content {
+  background-color: #ffffff;
+  color: #2a2a2a;
+}
+
+.yui3-skin-xarno .yui3-clickable {
+  cursor: pointer;
+}
+
+.yui3-skin-xarno .yui3-highlight {
+
+}
+
+.yui3-skin-xarno .yui3-error {
+
+}
+
+.yui3-skin-xarno .yui3-overlay-mask {
+    background-color: #ffffff;
+    opacity: 0.7;
+}
+
+.yui3-skin-xarno .yui3-shadow {
+
+}
+

src/gallerycss-xarno-skins/css/xarno-growl-button.css

@@ -0,0 +1,57 @@
+.yui3-skin-xarno-growl .yui3-button {
+	background: #d9d9d9 url('assets/growl/background.png') left top repeat-x;
+	border: 1px solid #959595;
+	color: #3a3a3a;
+	height: 26px;
+	line-height: 26px;
+	padding: 2px 3px 2px 1px;
+	margin: 3px;
+	cursor: pointer;
+	border-radius: 3px;
+	-ms-border-radius: 3px;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+}
+.yui3-skin-xarno-growl .yui3-button span {
+    padding-left: 21px;
+    line-height: 16px;
+    margin-top: -2px;
+    display: block;
+    text-shadow: 1px 1px #efefef;
+    font-family: font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
+    font-weight: bold;
+    height: 16px;
+    cursor: pointer;
+}
+.yui3-skin-xarno-growl .yui3-button-no-label span {
+	padding-left: 18px;
+}
+
+.yui3-skin-xarno-growl .yui3-icon {
+  background-image:url("assets/growl/icon-sprite.png");
+}
+
+.yui3-skin-xarno-growl .yui3-button-hover {
+	background-position: left -30px;
+}
+
+.yui3-skin-xarno-growl .yui3-button-pressed {
+	background-position: left -60px;
+}
+
+.yui3-skin-xarno-growl .yui3-button-selected {
+    border-color: CornflowerBlue;
+    background-image:url('assets/growl/background-active.png');
+}
+
+.yui3-skin-xarno-growl .yui3-button-disabled span {
+    background-image: url('assets/growl/icon-sprite-bw.gif');
+    text-shadow: none;
+    opacity: .5;
+    filter: alpha(opacity=50);
+}
+
+.yui3-skin-xarno-growl .yui3-type-default span {
+	padding-left: 0;
+	background: none;
+}

src/gallerycss-xarno-skins/css/xarno-growl-notify.css

@@ -0,0 +1,46 @@
+.yui3-skin-xarno-growl .yui3-notify {
+	position:absolute;
+	right: 20px;
+	top: 20px;
+}
+.yui3-skin-xarno-growl .yui3-notify .yui3-notify-content li {
+	background-color: rgba(20,20,20,.8);
+	color: #efefef;
+	margin-bottom:20px;
+	padding: 15px 25px 15px 15px;
+	position:relative;
+	border: 2px solid rgba(255, 255, 255, .8);
+	border-radius: 10px;
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	box-shadow: 5px 5px 10px #888;
+	-moz-box-shadow: 5px 5px 10px #888;
+	-webkit-box-shadow: 5px 5px 10px #888;
+}
+
+.yui3-skin-xarno-growl .yui3-notify .yui3-notify-content .yui3-button {
+	position:absolute;
+	top: 2px;
+	right: 4px;
+	font-family:Arial, Helvetica;
+	font-size: 9px;
+	font-weight: bold;
+	padding: 3px;
+	cursor:pointer;
+	float:right;
+	width:20px;
+	height:20px;
+	line-height:10px;
+	text-align:center;
+  background: none;
+  border: none;
+  padding:0;
+}
+
+.yui3-skin-xarno-growl .yui3-notify .yui3-notify-content .yui3-notify-message-error {
+    border-color:rgba(230, 20, 20, .8);
+}
+.yui3-skin-xarno-growl .yui3-notify .yui3-notify-content .yui3-notify-message-alert {
+    border-color:rgba(230, 180, 20, .8);
+}
+