fume 0.2.1 → 0.2.2

data/generators/fume/simple_theme/templates/public/stylesheets/simple-theme.css

@@ -1,182 +1,96 @@
-html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+html {
+  color: #000000;
+  background: #ffffff;
+}
+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;
-  border: 0;
-  font-weight: inherit;
-  font-style: inherit;
-  font-size: 100%;
-  font-family: inherit;
-  vertical-align: baseline;
 }
-body { line-height: 1.5; }
 table {
-  border-collapse: separate;
+  border-collapse: collapse;
   border-spacing: 0;
 }
-caption, th, td {
-  text-align: left;
+fieldset, img { border: 0; }
+address, caption, cite, code, dfn, em, strong, th, var {
+  font-style: normal;
   font-weight: normal;
 }
-table, td, th { vertical-align: middle; }
-blockquote:before { content: ""; }
-blockquote:after { content: ""; }
-q:before { content: ""; }
-q:after { content: ""; }
-blockquote, q { quotes: "" ""; }
-a img { border: none; }
-body {
-  font-size: 75%;
-  color: #222222;
-  background: #ffffff;
-  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
-}
+li { list-style: none; }
+caption, th { text-align: left; }
 h1, h2, h3, h4, h5, h6 {
+  font-size: 100%;
   font-weight: normal;
-  color: #111111;
-}
-h1 {
-  font-size: 3em;
-  line-height: 1;
-  margin-bottom: 0.5em;
-}
-h2 {
-  font-size: 2em;
-  margin-bottom: 0.75em;
-}
-h3 {
-  font-size: 1.5em;
-  line-height: 1;
-  margin-bottom: 1em;
-}
-h4 {
-  font-size: 1.2em;
-  line-height: 1.25;
-  margin-bottom: 1.25em;
 }
-h5 {
-  font-size: 1em;
-  font-weight: bold;
-  margin-bottom: 1.5em;
-}
-h6 {
-  font-size: 1em;
-  font-weight: bold;
-}
-h1 img { margin: 0; }
-h2 img { margin: 0; }
-h3 img { margin: 0; }
-h4 img { margin: 0; }
-h5 img { margin: 0; }
-h6 img { margin: 0; }
-p { margin: 0 0 1.5em; }
-p img.left {
-  float: left;
-  margin: 1.5em 1.5em 1.5em 0;
-  padding: 0;
-}
-p img.right {
-  float: right;
-  margin: 1.5em 0 1.5em 1.5em;
-}
-a:focus { color: #000000; }
-a:hover { color: #000000; }
-a {
-  color: #000099;
-  text-decoration: underline;
+q:before { content: ''; }
+q:after { content: ''; }
+abbr, acronym {
+  border: 0;
+  font-variant: normal;
 }
-blockquote {
-  margin: 1.5em;
-  color: #666666;
-  font-style: italic;
+sup { vertical-align: text-top; }
+sub { vertical-align: text-bottom; }
+input, textarea, select {
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit;
 }
-strong { font-weight: bold; }
-em, dfn { font-style: italic; }
-dfn { font-weight: bold; }
-sup, sub { line-height: 0; }
-abbr, acronym { border-bottom: 1px dotted #666666; }
-address {
-  margin: 0 0 1.5em;
-  font-style: italic;
+input, textarea, select { *font-size: 100%; }
+legend { color: #000000; }
+body {
+  font: 13px/1.231 arial, helvetica, clean, sans-serif;
+  *font-size: small;
+  *font: x-small;
 }
-del { color: #666666; }
-pre {
-  margin: 1.5em 0;
-  white-space: pre;
-}
-pre, code, tt {
-  font: 1em 'andale mono', 'lucida console', monospace;
-  line-height: 1.5;
-}
-li ul { margin: 0 1.5em; }
-li ol { margin: 0 1.5em; }
-ul, ol { margin: 0 1.5em 1.5em 1.5em; }
-ul { list-style-type: disc; }
-ol { list-style-type: decimal; }
-dl { margin: 0 0 1.5em 0; }
-dl dt { font-weight: bold; }
-dd { margin-left: 1.5em; }
+select, input, button, textarea { font: 99% arial, helvetica, clean, sans-serif; }
 table {
-  margin-bottom: 1.4em;
-  width: 100%;
-}
-th { font-weight: bold; }
-thead th { background: #c3d9ff; }
-th, td, caption { padding: 4px 10px 4px 5px; }
-tr.even td { background: #e5ecf9; }
-tfoot { font-style: italic; }
-caption { background: #eeeeee; }
-.small {
-  font-size: 0.8em;
-  margin-bottom: 1.875em;
-  line-height: 1.875em;
-}
-.large {
-  font-size: 1.2em;
-  line-height: 2.5em;
-  margin-bottom: 1.25em;
-}
-.hide { display: none; }
-.quiet { color: #666666; }
-.loud { color: #000000; }
-.highlight { background: #ffff00; }
-.added {
-  background: #006600;
-  color: #ffffff;
-}
-.removed {
-  background: #990000;
-  color: #ffffff;
-}
-.first {
-  margin-left: 0;
-  padding-left: 0;
-}
-.last {
-  margin-right: 0;
-  padding-right: 0;
+  font-size: inherit;
+  font: 100%;
+}
+pre, code, kbd, samp, tt {
+  font-family: monospace;
+  *font-size: 108%;
+  line-height: 100%;
+}
+h1 { font-size: 138.5%; }
+h2 { font-size: 123.1%; }
+h3 { font-size: 108%; }
+h1, h2, h3 { margin: 1em 0; }
+h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }
+abbr, acronym {
+  border-bottom: 1px dotted #000000;
+  cursor: help;
+}
+em { font-style: italic; }
+blockquote, ul, ol, dl { margin: 1em; }
+ol, ul, dl { margin-left: 2em; }
+ol li { list-style: decimal outside; }
+ul li { list-style: disc outside; }
+dl dd { margin-left: 1em; }
+th, td {
+  border: 1px solid #000000;
+  padding: 0.5em;
+}
+th {
+  font-weight: bold;
+  text-align: center;
 }
-.top {
-  margin-top: 0;
-  padding-top: 0;
+caption {
+  margin-bottom: 0.5em;
+  text-align: center;
 }
-.bottom {
-  margin-bottom: 0;
-  padding-bottom: 0;
+p, fieldset, table, pre { margin-bottom: 1em; }
+input[type=text], input[type=password], textarea {
+  width: 12.25em;
+  *width: 11.9em;
 }
-button, input, select, textarea {
-  font-weight: inherit;
-  font-style: inherit;
-  font-size: 100%;
-  font-family: inherit;
-  vertical-align: baseline;
-}
-h1, h2 { margin: 15px 0; }
-h3, h4 { margin: 10px 0; }
-hr {
-  height: 1px;
-  border: 0;
+ol li { list-style: none; }
+ul li { list-style: none; }
+th, td { border: none; }
+input[type=text], input[type=password], textarea { width: auto; }
+body {
+  line-height: 1;
+  font-size: 13px;
 }
-p { margin: 15px 0; }
 .clear { clear: both; }
 #container { min-width: 1050px; }
 #header, #page { margin: 0 40px; }
@@ -326,7 +240,6 @@ p { margin: 15px 0; }
 }
 #main-navigation ul li {
   float: left;
-  margin-left: 1.2em;
   border-top-left-radius: 0.4em;
   -moz-border-radius-topleft: 0.4em;
   -webkit-border-top-left-radius: 0.4em;
@@ -336,10 +249,9 @@ p { margin: 15px 0; }
 }
 #main-navigation ul li a {
   display: block;
-  padding: 0.7em 0em;
+  padding: 0.7em 1.2em;
   text-decoration: none;
 }
-#main-navigation ul li.active a { padding: 0.7em 1.2em; }
 #user-navigation {
   position: absolute;
   right: 1.5em;
@@ -399,16 +311,43 @@ p { margin: 15px 0; }
 .table td form { display: inline; }
 .table td form div { display: inline; }
 .table td.last { text-align: right; }
-.actions-bar { padding: 1em 1px; }
-.actions-bar .actions { float: left; }
+.actions-bar {
+  padding: 1em 1px;
+  line-height: 2;
+}
+.actions-bar .actions {
+  float: left;
+  line-height: 1;
+}
+.actions-bar .actions a {
+  margin-right: 0.45em;
+  padding: 0.35em 0.45em;
+  display: block;
+  border-radius: 0.25em;
+  -moz-border-radius: 0.25em;
+  -webkit-border-radius: 0.25em;
+  text-decoration: none;
+  float: left;
+}
+.actions-bar .actions input {
+  margin-right: 0.45em;
+  padding: 0.35em 0.45em;
+  display: block;
+  border-radius: 0.25em;
+  -moz-border-radius: 0.25em;
+  -webkit-border-radius: 0.25em;
+  text-decoration: none;
+  float: left;
+}
 .actions-bar .pagination {
+  line-height: 1;
   float: right;
   padding: 1px 0;
 }
 .pagination a {
   display: block;
   float: left;
-  padding: 0.25em 0.45em;
+  padding: 0.35em 0.45em;
   margin-right: 0.45em;
   border-style: solid;
   border-width: 1px;
@@ -419,7 +358,7 @@ p { margin: 15px 0; }
 .pagination span {
   display: block;
   float: left;
-  padding: 0.25em 0.45em;
+  padding: 0.35em 0.45em;
   margin-right: 0.45em;
   border-style: solid;
   border-width: 1px;
@@ -499,6 +438,12 @@ ul.list li .item .avatar {
   width: 30px;
   height: 30px;
 }
+.ui-datepicker select.ui-datepicker-month { width: 48%; }
+.ui-datepicker select.ui-datepicker-year { width: 48%; }
+.ui-widget {
+  font-size: 93%;
+  line-height: 1;
+}
 #color_schemes {
   nav: #ffffff;
   nav-bg: #36393d;
@@ -619,6 +564,16 @@ body {
 .table th a { color: #ffffff; }
 .table td { border-bottom: 1px solid #f0f0ee; }
 .table tr.even { background: #ebebeb; }
+.actions-bar .actions a {
+  background: #cfcfcf;
+  border: 1px solid #c1c1c1;
+}
+.actions-bar .actions a:hover { border: 1px solid #36393d; }
+.actions-bar .actions input {
+  background: #cfcfcf;
+  border: 1px solid #c1c1c1;
+}
+.actions-bar .actions input:hover { border: 1px solid #36393d; }
 .pagination a {
   background: #cfcfcf;
   border: 1px solid #c1c1c1;
@@ -847,11 +802,3 @@ hr {
   background: #f0f0ee;
   color: #f0f0ee;
 }
-* html #header {
-  width: 1120px;
-  margin: 0 auto;
-}
-* html #page {
-  width: 1120px;
-  margin: 0 auto;
-}

data/generators/fume/simple_theme/templates/public/stylesheets/simple-theme.less

@@ -1,5 +1,8 @@
-@import "layout.less";
-@import "drastic-dark.less";
+@import "src/function.less";
+@import "src/reset.less";
+@import "src/base.less";
+@import "src/layout.less";
+
 
 /*
 Drastic Dark
@@ -16,6 +19,7 @@ dark blue                   #0B43A8
 
 */
 
+
 #color_schemes {
 	nav: #ffffff;
 	nav-bg: #36393d;
@@ -26,6 +30,8 @@ dark blue                   #0B43A8
 	body-color: #222;
 }
 
+/*@import "drastic-dark.less";*/
+
 /* =========================
  Containers
 ========================= */
@@ -227,6 +233,19 @@ body {
 	}
 }
 
+.actions-bar {
+	.actions {
+		a, input {
+			background: #cfcfcf;
+			border: 1px solid #c1c1c1;
+		
+			:hover {
+				border: 1px solid #color_schemes['nav-bg'];
+			}
+		}
+	}
+}
+
 .pagination {
 	a, span {
 		background: #cfcfcf;
@@ -472,4 +491,3 @@ hr {
 }
 
 
-@import "ie_patch.less";

data/generators/fume/simple_theme/templates/public/stylesheets/src/base.less

@@ -0,0 +1,9 @@
+body { 
+	line-height: 1;
+	font-size: 13px;
+}
+
+.clear { 
+	clear: both;
+}
+

data/generators/fume/simple_theme/templates/public/stylesheets/src/function.less

@@ -0,0 +1,17 @@
+.border-radius (@radius: 0) {
+	border-radius: @radius;
+	-moz-border-radius: @radius;
+	-webkit-border-radius: @radius;
+}
+
+.border-top-left-radius (@radius: 0) {
+	border-top-left-radius: @radius;
+	-moz-border-radius-topleft: @radius;
+	-webkit-border-top-left-radius: @radius;
+	
+}
+.border-top-right-radius (@radius: 0) {
+	border-top-right-radius: @radius;
+	-moz-border-radius-topright: @radius;
+	-webkit-border-top-right-radius: @radius;
+}

data/generators/fume/simple_theme/templates/public/stylesheets/{layout.less → src/layout.less}

@@ -1,4 +1,4 @@
-@import "base.less";
+@import "function.less";
 
 /* =========================
  Layout
@@ -197,20 +197,13 @@
 		
 		li {
 			float: left;
-			margin-left: 1.2em;
 			.border-top-left-radius(0.4em);
 			.border-top-right-radius(0.4em);
 
 			a {
 				display: block;
-				padding: 0.7em 0em;
-				text-decoration: none;
-			}
-		}
-		
-		li.active {
-			a {
 				padding: 0.7em 1.2em;
+				text-decoration: none;
 			}
 		}
 	}
@@ -280,12 +273,24 @@
 
 .actions-bar {
 	padding: 1em 1px;
+	line-height: 2;
 	
 	.actions {
 		float: left;
+		line-height: 1;
+		
+		a, input {
+			margin-right: 0.45em;
+			padding: 0.35em 0.45em;
+			display: block;
+			.border-radius(0.25em);
+			text-decoration: none;
+			float: left;
+		}
 	}
 	
 	.pagination {
+		line-height: 1;
 		float: right;
 		padding: 1px 0;
 	}
@@ -296,8 +301,8 @@
 		display: block;
 		float: left;
 		
-		padding: 0.25em 0.45em;
-		margin-right: 0.45em; 
+		padding: 0.35em 0.45em;
+		margin-right: 0.45em;
 		border-style: solid;
 		border-width: 1px;
 		.border-radius(0.25em);
@@ -410,4 +415,18 @@ ul.list {
 			}
 		}
 	}
+}
+
+
+
+/* =========================
+ Patch for Jquery UI
+========================= */
+.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year  {
+	width: 48%;
+}
+
+.ui-widget {
+	font-size: 93%;
+	line-height: 1;
 }

data/generators/fume/simple_theme/templates/public/stylesheets/src/reset.less

@@ -0,0 +1,18 @@
+@import "vendor/yui-3.0/reset.css";
+@import "vendor/yui-3.0/fonts.css";
+@import "vendor/yui-3.0/base.css";
+
+
+ol, ul{
+	li {
+		list-style: none;
+	}
+}
+
+th, td {
+	border: none;
+}
+
+input[type=text], input[type=password], textarea{
+	width: auto;
+}

data/generators/fume/simple_theme/templates/public/stylesheets/src/vendor/yui-3.0/base.css

@@ -0,0 +1,80 @@
+/*
+Copyright (c) 2009, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 3.0.0
+build: 1549
+*/
+/* 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 li {
+	/*giving OL's LIs generated numbers*/
+	list-style: decimal outside;	
+}
+ul li {
+	/*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/generators/fume/simple_theme/templates/public/stylesheets/src/vendor/yui-3.0/fonts.css

@@ -0,0 +1,47 @@
+/*
+Copyright (c) 2009, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 3.0.0
+build: 1549
+*/
+/**
+ * Percents could work for IE, but for backCompat purposes, we are using keywords.
+ * x-small is for IE6/7 quirks mode.
+ */
+body {
+	font:13px/1.231 arial,helvetica,clean,sans-serif;
+	*font-size:small; /* for IE */
+	*font:x-small; /* for IE in quirks mode */
+}
+
+/**
+ * Nudge down to get to 13px equivalent for these form elements
+ */ 
+select,
+input,
+button,
+textarea {
+	font:99% arial,helvetica,clean,sans-serif;
+}
+
+/**
+ * To help tables remember to inherit
+ */
+table {
+	font-size:inherit;
+	font:100%;
+}
+
+/**
+ * Bump up IE to get to 13px equivalent for these fixed-width elements
+ */
+pre,
+code,
+kbd,
+samp,
+tt {
+	font-family:monospace;
+	*font-size:108%;
+	line-height:100%;
+}