mdd 0.0.1 → 1.0

data/lib/generators/mdd/sandbox/templates/app/assets/stylesheets/mdwa/template/backend_base.css.erb

@@ -0,0 +1,50 @@
+body, input, button, textarea, select, select option {
+	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;	
+}
+
+body {
+	height:100%;
+	font-size: 13px;
+}
+
+a {
+	color: #222;
+	text-decoration:none;
+}
+
+/* Fields */
+div.field {
+	padding: 5px;
+}
+
+div.field label {
+	display: block;
+	font-size: 12px;
+}
+
+div.field input[type="text"],
+div.field input[type="email"],
+div.field input[type="password"] {
+	border: 1px solid #888;
+	padding: 4px;
+	font-size: 13px;
+	box-shadow: 0 0 2px #a2a2a2;
+}
+
+div.field input[type="text"]:hover,
+div.field input[type="email"]:hover,
+div.field input[type="password"]:hover {
+	border: 1px solid #666;
+	box-shadow: 0 0 2px #999;
+}
+
+div.actions {
+	text-align:center;
+	margin: 20px 0;
+}
+
+p.description {
+	padding: 0;
+	margin: 5px;
+	font-size: 11px;
+}

data/lib/generators/mdd/sandbox/templates/app/assets/stylesheets/mdwa/template/cssbase.css

@@ -0,0 +1,79 @@
+/*
+YUI 3.4.1 (build 4118)
+Copyright 2011 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+http://yuilibrary.com/license/
+*/
+/* base.css, part of YUI's CSS Foundation */
+h1 {
+	/*18px via YUI Fonts CSS foundation*/
+	font-size:138.5%;  
+}
+h2 {
+	/*16px via YUI Fonts CSS foundation*/
+	font-size:123.1%; 
+}
+h3 {
+	/*14px via YUI Fonts CSS foundation*/
+	font-size:108%;  
+}
+h1,h2,h3 {
+	/* top & bottom margin based on font size */
+	margin:1em 0;
+}
+h1,h2,h3,h4,h5,h6,strong {
+	/*bringing boldness back to headers and the strong element*/
+	font-weight:bold; 
+}
+abbr,acronym {
+	/*indicating to users that more info is available */
+	border-bottom:1px dotted #000;
+	cursor:help;
+} 
+em {
+	/*bringing italics back to the em element*/
+	font-style:italic;
+}
+blockquote,ul,ol,dl {
+	/*giving blockquotes and lists room to breath*/
+	margin:1em;
+}
+ol,ul,dl {
+	/*bringing lists on to the page with breathing room */
+	margin-left:2em;
+}
+ol {
+	/*giving OL's LIs generated numbers*/
+	list-style: decimal outside;	
+}
+ul {
+	/*giving UL's LIs generated disc markers*/
+	list-style: disc outside;
+}
+dl dd {
+	/*providing spacing for definition terms*/
+	margin-left:1em;
+}
+th,td {
+	/*borders and padding to make the table readable*/
+	border:1px solid #000;
+	padding:.5em;
+}
+th {
+	/*distinguishing table headers from data cells*/
+	font-weight:bold;
+	text-align:center;
+}
+caption {
+	/*coordinated margin to match cell's padding*/
+	margin-bottom:.5em;
+	/*centered so it doesn't blend in to other content*/
+	text-align:center;
+}
+p,fieldset,table,pre {
+	/*so things don't run into each other*/
+	margin-bottom:1em;
+}
+/* setting a consistent width, 160px; 
+   control of type=file still not possible */
+input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

data/lib/generators/mdd/sandbox/templates/app/assets/stylesheets/mdwa/template/grid.css

@@ -0,0 +1,159 @@
+/*
+YUI 3.4.1 (build 4118)
+Copyright 2011 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+http://yuilibrary.com/license/
+*/
+.yui3-g {
+    letter-spacing: -0.31em; /* webkit: collapse white-space between units */
+    *letter-spacing: normal; /* reset IE < 8 */
+    word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */
+}
+
+.yui3-u,
+.yui3-u-1,
+.yui3-u-1-2,
+.yui3-u-1-3,
+.yui3-u-2-3,
+.yui3-u-1-4,
+.yui3-u-3-4,
+.yui3-u-1-5,
+.yui3-u-2-5,
+.yui3-u-3-5,
+.yui3-u-4-5,
+.yui3-u-1-6,
+.yui3-u-5-6,
+.yui3-u-1-8,
+.yui3-u-3-8,
+.yui3-u-5-8,
+.yui3-u-7-8,
+.yui3-u-1-12,
+.yui3-u-5-12,
+.yui3-u-7-12,
+.yui3-u-11-12,
+.yui3-u-1-24,
+.yui3-u-5-24,
+.yui3-u-7-24,
+.yui3-u-11-24,
+.yui3-u-13-24,
+.yui3-u-17-24,
+.yui3-u-19-24,
+.yui3-u-23-24 {
+    display: inline-block;
+    zoom: 1; *display: inline; /* IE < 8: fake inline-block */
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+}
+
+.yui3-u-1 {
+    display: block;
+}
+
+.yui3-u-1-2 {
+    width: 50%;
+}
+
+.yui3-u-1-3 {
+    width: 33.33333%;
+}
+
+.yui3-u-2-3 {
+    width: 66.66666%;
+}
+
+.yui3-u-1-4 {
+    width: 25%;
+}
+
+.yui3-u-3-4 {
+    width: 75%;
+}
+
+.yui3-u-1-5 {
+    width: 20%;
+}
+
+.yui3-u-2-5 {
+    width: 40%;
+}
+
+.yui3-u-3-5 {
+    width: 60%;
+}
+
+.yui3-u-4-5 {
+    width: 80%;
+}
+
+.yui3-u-1-6 {
+    width: 16.656%;
+}
+
+.yui3-u-5-6 {
+    width: 83.33%;
+}
+
+.yui3-u-1-8 {
+    width: 12.5%;
+}
+
+.yui3-u-3-8 {
+    width: 37.5%;
+}
+
+.yui3-u-5-8 {
+    width: 62.5%;
+}
+
+.yui3-u-7-8 {
+    width: 87.5%;
+}
+
+.yui3-u-1-12 {
+    width: 8.3333%;
+}
+
+.yui3-u-5-12 {
+    width: 41.6666%;
+}
+
+.yui3-u-7-12 {
+    width: 58.3333%;
+}
+
+.yui3-u-11-12 {
+    width: 91.6666%;
+}
+
+.yui3-u-1-24 {
+    width: 4.1666%;
+}
+
+.yui3-u-5-24 {
+    width: 20.8333%;
+}
+
+.yui3-u-7-24 {
+    width: 29.1666%;
+}
+
+.yui3-u-11-24 {
+    width: 45.8333%;
+}
+
+.yui3-u-13-24 {
+    width: 54.1666%;
+}
+
+.yui3-u-17-24 {
+    width: 70.8333%;
+}
+
+.yui3-u-19-24 {
+    width: 79.1666%;
+}
+
+.yui3-u-23-24 {
+    width: 95.8333%;
+}

data/lib/generators/mdd/sandbox/templates/app/assets/stylesheets/mdwa/template/reset.css

@@ -0,0 +1,124 @@
+/*
+YUI 3.4.1 (build 4118)
+Copyright 2011 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+http://yuilibrary.com/license/
+*/
+/*
+	TODO will need to remove settings on HTML since we can't namespace it.
+	TODO with the prefix, should I group by selector or property for weight savings?
+*/
+html{
+	color:#000;
+	background:#FFF;
+}
+/*
+	TODO remove settings on BODY since we can't namespace it.
+*/
+/*
+	TODO test putting a class on HEAD.
+		- Fails on FF. 
+*/
+body,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+code,
+form,
+fieldset,
+legend,
+input,
+textarea,
+p,
+blockquote,
+th,
+td {
+	margin:0;
+	padding:0;
+}
+table {
+	border-collapse:collapse;
+	border-spacing:0;
+}
+fieldset,
+img {
+	border:0;
+}
+/*
+	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
+*/
+address,
+caption,
+cite,
+code,
+dfn,
+em,
+strong,
+th,
+var {
+	font-style:normal;
+	font-weight:normal;
+}
+
+ol,
+ul {
+	list-style:none;
+}
+
+caption,
+th {
+	text-align:left;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	font-size:100%;
+	font-weight:normal;
+}
+q:before,
+q:after {
+	content:'';
+}
+abbr,
+acronym {
+	border:0;
+	font-variant:normal;
+}
+/* to preserve line-height and selector appearance */
+sup {
+	vertical-align:text-top;
+}
+sub {
+	vertical-align:text-bottom;
+}
+input,
+textarea,
+select {
+	font-family:inherit;
+	font-size:inherit;
+	font-weight:inherit;
+}
+/*to enable resizing for IE*/
+input,
+textarea,
+select {
+	*font-size:100%;
+}
+/*because legend doesn't inherit in IE */
+legend {
+	color:#000;
+}

data/lib/generators/mdd/sandbox/templates/app/assets/stylesheets/mdwa/template/template.css.erb

@@ -0,0 +1,269 @@
+body, input, button, textarea, select, select option {
+  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;  
+}
+
+body {
+  height:100%;
+  color: #333;
+  background: #fff;
+}
+
+h1              { font-size: 2em; }
+h2              { font-size: 1.5em; }
+h3              { font-size: 1.17em; }
+h4              { font-size: 1em; }
+h5              { font-size: .83em; }
+h6              { font-size: .75em; }
+h1, h2, h3, h4,
+h5, h6, b,
+strong          { font-weight: bolder; }
+
+
+/* Default buttons */
+.button {
+  background: #f8f8f8; /* Old browsers */
+  background: -moz-linear-gradient(top,  #f8f8f8 0%, #d8d8d8 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top,  #f8f8f8 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top,  #f8f8f8 0%,#d8d8d8 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(top,  #f8f8f8 0%,#d8d8d8 100%); /* IE10+ */
+  background: linear-gradient(top,  #f8f8f8 0%,#d8d8d8 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
+
+  border: 1px solid #AAAAAA;
+  border-radius: 5px 5px 5px 5px;
+  box-shadow: 0 0 1px #AAAAAA;
+  cursor: pointer;
+  text-shadow: 0 0 1px #FFFFFF;
+  font-size: 12px;
+  padding: 4px;
+}
+
+.button:hover {
+  background: #d8d8d8; /* Old browsers */
+  background: -moz-linear-gradient(top,  #d8d8d8 0%, #f8f8f8 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top,  #d8d8d8 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top,  #d8d8d8 0%,#f8f8f8 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(top,  #d8d8d8 0%,#f8f8f8 100%); /* IE10+ */
+  background: linear-gradient(top,  #d8d8d8 0%,#f8f8f8 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
+}
+
+a.cancel {
+  background: none;
+  color: #ff0000;
+  text-decoration:underline;
+  margin: 0 20px;
+  display: inline-block;
+}
+
+a.cancel:hover {
+  text-decoration:none;
+  color: #f10000;
+}
+
+a.add, a.add:hover {
+  background: url(<%= asset_path 'mdwa/icons/add.png' %>) no-repeat scroll 7% 50% #e3e3e3;
+  padding-left: 32px;
+}
+
+a.add span {
+    margin-left: 20px;
+}
+
+a.remove, a.remove:hover {
+  background-image: url(<%= asset_path 'mdwa/icons/delete.png' %>);
+  background-repeat: no-repeat;
+  background-position: 7%;
+}
+
+a.remove span {
+    margin-left: 20px;
+}
+
+/* nested_forms buttons */
+a.add_nested_fields {
+  background: url( <%= asset_path 'mdwa/icons/add.png' %>) no-repeat scroll 0 50% padding-box transparent;
+  padding: 0 0 0 19px;
+}
+
+a.remove_nested_fields {
+  background: url(<%= asset_path 'mdwa/icons/remove-icon.png' %>) no-repeat scroll 0 50% padding-box transparent;
+  padding: 0 0 0 19px;
+  position: relative;
+  top: 20px;
+}
+
+/* Rails errors */
+.field_with_errors {
+  padding: 2px;
+  background-color: red;
+  display: table;
+}
+
+#error_explanation {
+  width: 450px;
+  border: 2px solid red;
+  padding: 7px;
+  padding-bottom: 0;
+  margin-bottom: 20px;
+  background-color: #f0f0f0;
+}
+
+#error_explanation h2 {
+  text-align: left;
+  font-weight: bold;
+  padding: 5px 5px 5px 15px;
+  font-size: 12px;
+  margin: -7px;
+  margin-bottom: 0px;
+  background-color: #c00;
+  color: #fff;
+}
+
+#error_explanation ul li {
+  font-size: 12px;
+  list-style: square;
+}
+
+
+/* Default data table */
+
+table.list, div.list {
+  width: 100%;
+  border: 0;
+  margin-bottom: 1em;
+  border-collapse: collapse;
+  color: #222;
+}
+
+table.list th {
+
+  background: #e2e2e2;
+  background: -moz-linear-gradient(top, white 0%, #e2e2e2 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,#e2e2e2));
+  background: -webkit-linear-gradient(top, white 0%,#e2e2e2 100%);
+  background: -o-linear-gradient(top, white 0%,#e2e2e2 100%);
+  background: -ms-linear-gradient(top, white 0%,#e2e2e2 100%);
+  background: linear-gradient(top, white 0%,#e2e2e2 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e2e2e2');
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFF', endColorstr='#e2e2e2')";
+
+  font-size: 13px;
+  font-weight: normal;
+  text-align: left;
+  padding: 10px 10px;
+  border:none;
+  border: 1px solid #E3E3E3;
+}
+
+table.list td, div.list div.line {
+    padding: 10px;
+    border: 1px solid #E3E3E3;
+    text-align:left;
+    font-size: 12px;
+}
+
+div.list div.head {
+	float:left;
+	width:100%;
+	padding: 8px 0;
+}
+
+div.list {
+	padding: 10px 0;
+	float:left;
+}
+
+div.list div.line {
+	padding: 10px 0;
+	float:left;
+	width:100%;
+}
+
+.odd_line {
+    background: white;
+}
+
+.even_line {
+    background: #fafafa;
+}
+
+
+/* Everyday accessors */
+div.clear {
+	clear:both;
+}
+
+.hidden {
+  display: none;
+}
+
+.main_wrapper {
+	width: 960px;
+	max-width: 1200px;
+	text-align: left;
+	margin: 0 auto;
+}
+
+/* Pagination */
+div.pagination {
+  float:left;
+  display: block;
+  margin: 20px 0;
+  text-align: center;
+  width: 100%;
+}
+
+div.pagination a,
+div.pagination span, 
+div.pagination em {
+  background-color: #F3F1EC;
+  border: 1px solid #ccc;
+    cursor: pointer;
+    margin: 0;
+    padding: 4px 10px;
+    color: #373737;
+    text-shadow: 0 1px 0 #FFFFFF;
+}
+
+div.pagination em {
+  font-style: normal;
+  font-weight: bold;
+}
+
+/* Boxed div */
+div.box {
+  background: #f2f2f2;
+  box-shadow: 0px 0px 3px #a2a2a2;
+  border-radius: 3px;
+}
+
+/* Notices and alerts */
+div#system_notice {
+  position:fixed;
+  top: 0;
+  right: 0;
+  display: block;
+  padding: 15px;
+  margin: 10px;
+  background: #fff;
+  box-shadow: 0 0 5px #222;
+  border: 1px solid #000;
+  border-radius: 5px;
+  z-index: 10;
+  cursor:pointer;
+}
+
+a#system_notice_close {
+  background: url(<%= asset_path 'mdwa/notice_close.png' %>) no-repeat;
+  display: block;
+  height: 20px;
+  position: absolute;
+  right: -10px;
+  top: -10px;
+  width: 20px;
+  z-index: 11;
+  cursor:pointer;
+}