fume 0.1.0

data/generators/fume_simple_theme/templates/stylesheets/blueprint-0.9.1/src/reset.css

@@ -0,0 +1,38 @@
+/* -------------------------------------------------------------- 
+  
+   reset.css
+   * Resets default browser CSS.
+   
+-------------------------------------------------------------- */
+
+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 {
+  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; 
+}
+
+/* Tables still need 'cellspacing="0"' in the markup. */
+table { border-collapse: separate; border-spacing: 0; }
+caption, th, td { text-align: left; font-weight: normal; }
+table, td, th { vertical-align: middle; }
+
+/* Remove possible quote marks (") from <q>, <blockquote>. */
+blockquote:before, blockquote:after, q:before, q:after { content: ""; }
+blockquote, q { quotes: "" ""; }
+
+/* Remove annoying border on linked images. */
+a img { border: none; }

data/generators/fume_simple_theme/templates/stylesheets/blueprint-0.9.1/src/typography.css

@@ -0,0 +1,105 @@
+/* -------------------------------------------------------------- 
+   
+   typography.css
+   * Sets up some sensible default typography.
+   
+-------------------------------------------------------------- */
+
+/* Default font settings. 
+   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
+body { 
+  font-size: 75%;
+  color: #222; 
+  background: #fff;
+  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+}
+
+
+/* Headings
+-------------------------------------------------------------- */
+
+h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
+
+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, h2 img, h3 img, 
+h4 img, h5 img, h6 img {
+  margin: 0;
+}
+
+
+/* Text elements
+-------------------------------------------------------------- */
+
+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, 
+a:hover     { color: #000; }
+a           { color: #009; text-decoration: underline; }
+
+blockquote  { margin: 1.5em; color: #666; font-style: italic; }
+strong      { font-weight: bold; }
+em,dfn      { font-style: italic; }
+dfn         { font-weight: bold; }
+sup, sub    { line-height: 0; }
+
+abbr, 
+acronym     { border-bottom: 1px dotted #666; }
+address     { margin: 0 0 1.5em; font-style: italic; }
+del         { color:#666; }
+
+pre 				{ margin: 1.5em 0; white-space: pre; }
+pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
+
+
+/* Lists
+-------------------------------------------------------------- */
+
+li ul, 
+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;}
+
+
+/* Tables
+-------------------------------------------------------------- */
+
+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: #eee; }
+
+
+/* Misc classes
+-------------------------------------------------------------- */
+
+.small      { font-size: .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: #666; }
+.loud       { color: #000; }
+.highlight  { background:#ff0; }
+.added      { background:#060; color: #fff; }
+.removed    { background:#900; color: #fff; }
+
+.first      { margin-left:0; padding-left:0; }
+.last       { margin-right:0; padding-right:0; }
+.top        { margin-top:0; padding-top:0; }
+.bottom     { margin-bottom:0; padding-bottom:0; }

data/generators/fume_simple_theme/templates/stylesheets/drastic-dark.less

@@ -0,0 +1,426 @@
+/*
+
+Drastic Dark
+by Juan Maria Martinez Arce
+juan[at]insignia4u.com
+
+light grey:                 #cfcfcf
+medium grey:                #36393d
+dark grey:                  #1a1a1a
+interactive action yellow   #ffff88
+red                         #cc0000
+light blue                  #E6EEFC
+dark blue                   #0B43A8
+
+*/
+
+#color_schemes {
+	disabled: #888;
+}
+
+.small {
+	font-size: 11px;
+	font-style: normal;
+	font-weight: normal;
+	text-transform: normal;
+	letter-spacing: normal;
+	line-height: 1.4em;
+}
+
+.gray {
+	color:#999999;
+	font-family: Georgia, serif;
+	font-size: 13px;
+	font-style: italic;
+	font-weight: normal;
+	text-transform: normal;
+	letter-spacing: normal;
+	line-height: 1.6em;
+}
+
+.hightlight {
+	background-color: #ffff88;
+	font-weight: bold;
+	color: #36393d;
+}
+
+a:link, a:visited, a:hover, a:active, h1, h2, h3 { color: #36393d; }
+a { -moz-outline: none; }
+
+body {
+	color: #222;
+	background: #cfcfcf;
+	font-family: helvetica, arial, sans-serif;
+}
+
+hr {
+	background: #f0f0ee;
+	color: #f0f0ee;
+}
+
+#header_wrapper {
+	background: #36393d;
+}
+
+#header h1 {
+	padding: 15px 0;
+	font-size: 28px;
+	font-style: normal;
+	font-weight: bold;
+	text-transform: normal;
+	letter-spacing: -1px;
+	line-height: 1.2em;
+}
+
+#header h1 a {
+	color: #FFF;
+}
+
+#user-navigation {
+/*  bottom: 5px;*/
+/*  right: 25px;*/
+	
+	a.logout {
+		background: #cc0000;
+		padding: 1px 4px;
+		-moz-border-radius: 4px;
+		-webkit-border-radius: 3px;
+	}
+	
+	input.logout {
+		background: #cc0000;
+		color: #fff;
+		padding: 0;
+		padding-top: 1px;
+		border: 0px solid #999;
+		-moz-border-radius: 4px;
+		-webkit-border-radius: 3px;
+		cursor: pointer;
+	}
+	
+	ul li {
+		padding: 0px 10px;
+		height: 1.66em;
+		line-height: 1.66em;
+	}
+}
+
+#main .block {
+	.content {
+		background: #FFF;
+		padding-top: 1px;
+		
+		h2 {
+			margin-left: 15px;
+			font-size: 22px;
+			font-style: normal;
+			font-weight: bold;
+			text-transform: normal;
+			letter-spacing: -1px;
+			line-height: 1.2em;
+		}
+		
+		p {
+			font-size: 13px;
+			font-style: normal;
+			font-weight: normal;
+			text-transform: normal;
+			letter-spacing: normal;
+			line-height: 1.45em;
+		}
+	}
+}
+
+
+#sidebar {
+	.block {
+		background: #FFF;
+		
+		h4 {
+			font-weight: bold;
+		}
+	}
+	
+	.notice {
+		background: #E6EEFC;
+		
+		h4 {
+			color: #0B43A8;
+		}
+	}
+	
+	h3 {
+		background: #36393d;
+		color: #FFF;
+		border-bottom: 5px solid #1a1a1a;
+	}
+	
+	ul li a {
+		:link, :visited {
+			background: #FFF;
+			border-bottom: 1px solid #F0F0EE;
+			text-decoration: none;
+		}
+		
+		:hover, :active {
+			background: #666666;
+			color: #ffffff;
+		}
+	}
+}
+
+#main-navigation ul {
+	li {
+		padding-left: 15px;
+		
+		a {
+			padding: 10px 0px;
+		}
+	}
+	
+	li.active {
+		padding: 0;
+		margin-left: 15px;
+		
+		a {
+			padding: 10px 15px;
+		}
+	}
+}
+
+
+#user-navigation, #main-navigation, .secondary-navigation {
+	ul li a {
+		color: #fff;
+		
+		:link, :visited, :hover, :active {
+			color: #fff;
+		}
+	}
+}
+#main-navigation {
+	background: #1a1a1a;
+	ul {
+		li {
+			background: #1a1a1a;
+			margin-right: 0;
+		}
+		
+		li.active {
+			background: #f0f0ee;
+			
+			a {
+				color: #1a1a1a;
+				
+				:link, :visited, :hover, :active {
+					color: #1a1a1a;
+				}
+			}
+		}
+	}
+}
+
+.secondary-navigation {
+	background: #36393d;
+	border-bottom-color: #1a1a1a;
+	border-bottom-width: 5px;
+	
+	li a:hover {
+		background: #666666;
+	}
+	
+	ul li.active, ul li.active a:hover {
+		background-color: #1a1a1a;
+	}
+}
+
+
+#footer .block {
+	color: #FFF;
+	background: #1a1a1a;
+	
+	p {
+		margin: 0;
+		padding: 10px;
+	}
+}
+
+
+/* pagination */
+.pagination {
+	a, span {
+		background: #cfcfcf;
+		-moz-border-radius: 3px;
+		border: 1px solid #c1c1c1;
+	}
+	
+	span.disabled {
+		color: #color_schemes[disabled];
+	}
+	
+	span.current {
+		background: #36393d;
+		color: #FFF;
+		border: 1px solid #36393d;
+	}
+	
+	a {
+		color: #1a1a1a;
+		
+		:hover {
+			border: 1px solid #666;
+		}
+	}
+	
+
+}
+
+
+/* tables */
+.table {
+	th {
+		background: #36393d;  
+		color: #FFF;
+		a {
+			color: #FFF;
+		}
+	}
+	
+	td {
+		border-bottom:1px solid #F0F0EE;
+	}
+	
+	tr.even {
+		background: #ebebeb;
+	}
+}
+
+/* forms */
+.form {
+	label.label {
+		color: #666666;
+	}
+	
+	input.text_field, textarea.text_area {
+/*		width: 100%;*/
+		border: 1px solid #cfcfcf;
+	}
+	
+	input.button {
+		background: #cfcfcf;
+		-moz-border-radius: 5px;
+		border: 1px solid #c1c1c1;
+		padding: 2px 5px;
+		cursor: pointer;
+	/*	color: #36393d;*/
+		font-weight: bold;
+	/*	font-size: 11px;*/
+		
+		:hover {
+			border: 1px solid #666;
+		}
+	}
+	
+	input.button[disabled] {
+		color: #color_schemes[disabled];
+	}
+	
+	.description {
+		font-style: italic;
+		color: #8C8C8C;
+		font-size: .9em;
+	}
+	
+	.navform a {
+		color: #cc0000;
+	}
+}
+
+/* flash-messages */
+.flash {
+	.message {
+		-moz-border-radius: 3px;
+		-webkit-border-radius: 3px;
+		text-align:center;
+		margin: 0 auto 15px;
+		
+		p {
+			margin:8px;
+		}
+	}
+	
+	.error {
+		border: 1px solid #fbb;
+		background-color: #fdd;
+	}
+	
+	.warning {
+		border: 1px solid #fffaaa;
+		background-color: #ffffcc;
+	}
+	
+	.notice {
+		border: 1px solid #1FDF00;
+		background-color: #BBFFB6;
+	}
+}
+
+
+/* lists */
+ul.list li {
+	border-bottom-color: #F0F0EE;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	
+	
+	.item .avatar {
+		border-color: #F0F0EE;
+		border-width: 1px;
+		border-style: solid;
+		padding: 2px;
+	}
+}
+
+
+/* box */
+#box .block {
+	background: #FFF;
+	
+	h2 {
+		background: #36393d;
+		color: #FFF;
+	}
+}
+
+
+/* rounded borders */
+
+#main, #main-navigation, #main-navigation li, .secondary-navigation, #main .block, #sidebar .block, #sidebar h3, ul.list li,
+#footer .block, .form input.button, #box .block, #box .block h2 {
+	-moz-border-radius-topleft: 4px;
+	-webkit-border-top-left-radius: 4px;
+	-moz-border-radius-topright: 4px;
+	-webkit-border-top-right-radius: 4px;
+}
+
+.secondary-navigation li.first a, .secondary-navigation ul li.first, .table th.first, .table th.first {
+	-moz-border-radius-topleft: 4px;
+	-webkit-border-top-left-radius: 4px;
+}
+
+.table th.last {
+	-moz-border-radius-topright: 4px;
+	-webkit-border-top-right-radius: 4px;
+}
+
+.secondary-navigation ul li.first {
+	-moz-border-radius-topleft: 4px;
+	-webkit-border-top-left-radius: 4px;
+}
+
+#sidebar, #sidebar .block, #main .block, #sidebar ul.navigation, ul.list li, #footer .block, .form input.button, #box .block {
+	-moz-border-radius-bottomleft: 4px;
+	-webkit-border-bottom-left-radius: 4px;
+	-moz-border-radius-bottomright: 4px;
+	-webkit-border-bottom-right-radius: 4px;
+}