fume 0.1.0

data/generators/fume_simple_theme/templates/stylesheets/base.less

@@ -0,0 +1,365 @@
+@import "blueprint-0.9.1/src/reset.css";
+@import "blueprint-0.9.1/src/typography.css";
+
+thead th {
+	background-color: transparent;
+}
+
+body { 
+	line-height: 1;
+	font-size: 80%;
+}
+
+.clear { 
+	clear: both;
+}
+
+h1 { margin: 15px 0 }
+h2 { margin: 15px 0; }
+h3 { margin: 10px 0; }
+h4 { margin: 10px 0; }
+hr { height: 1px; border: 0; }
+p { margin: 15px 0;}
+
+#container {
+	min-width: 1050px;
+}
+
+#header, #page {
+	margin: 0 40px;
+}
+
+#header {
+	position: relative;
+	
+	h1 {
+		margin: 0;
+		padding: 10px 0;  
+		font-size: 30px;
+
+		a {
+			text-decoration: none;
+		}
+	}
+}
+
+.sidebar {
+	#main {  
+		width: 78%;
+		float: left;
+	}
+}
+
+.actions-bar {
+	padding: 10px 1px;
+	
+	.actions {
+		float: left;
+	}
+	
+	.pagination {
+		float: right;
+		padding: 1px 0;
+	}
+}
+
+#sidebar {
+	width: 21%;
+	float: right;   
+	 
+	h3 {  
+		padding: 10px 15px;
+		margin: 0;
+		font-size: 1.2em;
+	}
+	
+	.block {
+		margin-bottom: 20px;
+		padding-bottom: 10px;
+		
+		.content {
+			padding: 0 15px;
+		}
+	}
+	
+	.block .sidebar-block, .notice {
+		padding:10px;
+	}
+}
+
+#sidebar ul.navigation li a {
+	:link, :visited {
+		display: block;
+		padding: 10px 15px;
+	}
+}
+
+
+#page {
+	padding-top: 20px;
+}
+
+#main .block {
+	margin-bottom: 20px;
+/*	padding-top: 1px;*/
+	
+	.content .inner {
+		padding: 0 15px 15px;  
+	}
+	
+}
+
+
+#user-navigation {
+	position: absolute;
+	right: 20px;
+	bottom: 5px;
+}
+
+#main-navigation {
+	width: 100%;
+	
+	ul li a {
+		font-size: 15px;
+		display: block;
+		padding: 8px 15px;
+	}
+}
+
+#user-navigation ul, #main-navigation ul, .secondary-navigation ul, #sidebar ul.navigation {
+	margin: 0;
+	padding: 0;
+	list-style-type: none;
+}
+
+#user-navigation ul li, #main-navigation ul li, .secondary-navigation ul li {
+	float: left;  
+}
+
+#main-navigation ul li {
+	margin-right: 5px;
+}
+
+#user-navigation ul li {
+	padding: 5px 10px;
+}
+
+#main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active,
+.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active,
+#user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
+	text-decoration: none;
+}
+
+.secondary-navigation {
+	font-size: 1.2em;  
+	border-bottom-width: 10px;
+	border-bottom-style: solid;
+	
+	ul li {
+		a, span {
+			display: block;
+			padding: 10px 15px;  
+		}
+	}
+}
+
+
+#footer {
+	padding-bottom: 20px;
+}
+
+/* pagination */
+.pagination {
+	a, span {
+		padding: 2px 5px;
+		margin-right: 5px; 
+		display: block;
+		float: left;
+		border-style: solid;
+		border-width: 1px;
+	}
+	
+	span.current {
+		font-weight: bold;  
+	}
+	
+	a {
+		text-decoration: none;  
+	}
+}
+
+
+/* tables */
+
+.table {
+	width: 100%;
+	border-collapse: collapse;  
+	margin-bottom: 15px;
+	
+	th {
+		padding: 10px;
+		font-weight: bold;
+		text-align: left;
+	}
+	
+	th.first {
+/*		width: 30px;*/
+	}
+	
+	th.last {
+/*		width: 200px;  */
+	}
+	
+	.checkbox {
+		margin-left: 10px;
+	}
+	
+	td {
+		padding: 10px;
+		
+		form {
+			display: inline;
+			
+			div {
+				display: inline;
+			}
+		}
+	}
+	
+	td.last {
+		text-align: right;
+	}
+}
+
+
+/* forms */
+
+input.checkbox {
+	margin: 0;
+	padding: 0;
+}
+
+.form {
+	.group {
+		margin-bottom: 15px;
+	}
+	
+	div.left {
+		width: 20%;
+		float: left;
+	}
+
+	div.right {
+		width: 75%;
+		float: right;
+	}
+	
+	.columns {
+		.column {
+			width: 48%;
+		}
+		
+		.left {
+			float: left;
+		}
+		
+		.right {
+			float: right;
+		}
+	}
+	
+	label.label, input.text_field, textarea.text_area {
+		font-size: 1.2em;
+		padding: 1px 0;
+		margin: 0;
+	}
+	
+	label.right {
+		text-align: right;
+	}
+	
+	input.checkbox, input.radio {
+		margin-right: 5px;
+	}
+	
+	label.checkbox, label.radio {
+		line-height: 1.5em;
+	}
+	
+	label.label {
+		display: block;
+		padding-bottom: 2px;  
+		font-weight: bold;
+	}
+	
+	div.fieldWithErrors label.label {
+		display: inline;
+	}
+	
+	.fieldWithErrors .error {
+		color: red;
+	}
+	
+	input.text_field, textarea.text_area {
+/*		width: 100%;*/
+		border-width: 1px;
+		border-style: solid;
+	}
+}
+
+
+/* lists */
+
+ul.list {
+	margin: 0;
+	padding: 0;
+	list-style-type: none;
+	
+	li {
+		clear: left;
+		padding-bottom: 5px;
+		
+		.left {
+			float: left;
+			
+			.avatar {
+				width: 50px;
+				height: 50px;
+			}
+		}
+		
+		.item {
+			margin-left: 80px;
+			
+			.avatar {
+				float: left;
+				margin: 0 5px 5px 0;
+				width: 30px;
+				height: 30px;
+			}
+		}
+	}
+}
+
+
+/* box */
+
+#box {
+	width: 500px;
+	margin: 50px auto;  
+	
+	.block {
+		margin-bottom: 20px;
+		
+		h2 {
+			padding: 10px 15px;
+			margin: 0;  
+		}
+		
+		.content {
+			padding: 10px 20px;
+		}
+		
+	}
+}
+

data/generators/fume_simple_theme/templates/stylesheets/blueprint-0.9.1/ie.css

@@ -0,0 +1,27 @@
+/* -----------------------------------------------------------------------
+
+
+ Blueprint CSS Framework 0.8
+ http://blueprintcss.org
+
+   * Copyright (c) 2007-Present. See LICENSE for more info.
+   * See README for instructions on how to use Blueprint.
+   * For credits and origins, see AUTHORS.
+   * This is a compressed file. See the sources in the 'src' directory.
+
+----------------------------------------------------------------------- */
+
+/* ie.css */
+body {text-align:center;}
+.container {text-align:left;}
+* html .column, * html div.span-1, * html div.span-2, * html div.span-3, * html div.span-4, * html div.span-5, * html div.span-6, * html div.span-7, * html div.span-8, * html div.span-9, * html div.span-10, * html div.span-11, * html div.span-12, * html div.span-13, * html div.span-14, * html div.span-15, * html div.span-16, * html div.span-17, * html div.span-18, * html div.span-19, * html div.span-20, * html div.span-21, * html div.span-22, * html div.span-23, * html div.span-24 {overflow-x:hidden;}
+* html legend {margin:0px -8px 16px 0;padding:0;}
+ol {margin-left:2em;}
+sup {vertical-align:text-top;}
+sub {vertical-align:text-bottom;}
+html>body p code {*white-space:normal;}
+hr {margin:-8px auto 11px;}
+img {-ms-interpolation-mode:bicubic;}
+.clearfix, .container {display:inline-block;}
+* html .clearfix, * html .container {height:1%;}
+fieldset {padding-top:0;}

data/generators/fume_simple_theme/templates/stylesheets/blueprint-0.9.1/plugins/buttons/readme.txt

@@ -0,0 +1,32 @@
+Buttons
+
+* Gives you great looking CSS buttons, for both <a> and <button>.
+* Demo: particletree.com/features/rediscovering-the-button-element
+
+
+Credits
+----------------------------------------------------------------
+
+* Created by Kevin Hale [particletree.com]
+* Adapted for Blueprint by Olav Bjorkoy [bjorkoy.com]
+
+
+Usage
+----------------------------------------------------------------
+
+1) Add this plugin to lib/settings.yml.
+   See compress.rb for instructions.
+
+2) Use the following HTML code to place the buttons on your site:
+
+	<button type="submit" class="button positive">
+	  <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
+	</button>
+
+	<a class="button" href="/password/reset/">
+	  <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
+	</a>
+
+	<a href="#" class="button negative">
+	  <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
+	</a>

data/generators/fume_simple_theme/templates/stylesheets/blueprint-0.9.1/plugins/buttons/screen.css

@@ -0,0 +1,97 @@
+/* -------------------------------------------------------------- 
+  
+   buttons.css
+   * Gives you some great CSS-only buttons.
+   
+   Created by Kevin Hale [particletree.com]
+   * particletree.com/features/rediscovering-the-button-element
+
+   See Readme.txt in this folder for instructions.
+
+-------------------------------------------------------------- */
+
+a.button, button {
+  display:block;
+  float:left;
+  margin: 0.7em 0.5em 0.7em 0;
+  padding:5px 10px 5px 7px;   /* Links */
+  
+  border:1px solid #dedede;
+  border-top:1px solid #eee;
+  border-left:1px solid #eee;
+
+  background-color:#f5f5f5;
+  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
+  font-size:100%;
+  line-height:130%;
+  text-decoration:none;
+  font-weight:bold;
+  color:#565656;
+  cursor:pointer;
+}
+button {
+  width:auto;
+  overflow:visible;
+  padding:4px 10px 3px 7px;   /* IE6 */
+}
+button[type] {
+  padding:4px 10px 4px 7px;   /* Firefox */
+  line-height:17px;           /* Safari */
+}
+*:first-child+html button[type] {
+  padding:4px 10px 3px 7px;   /* IE7 */
+}
+button img, a.button img{
+  margin:0 3px -3px 0 !important;
+  padding:0;
+  border:none;
+  width:16px;
+  height:16px;
+  float:none;
+}
+
+
+/* Button colors
+-------------------------------------------------------------- */
+
+/* Standard */
+button:hover, a.button:hover{
+  background-color:#dff4ff;
+  border:1px solid #c2e1ef;
+  color:#336699;
+}
+a.button:active{
+  background-color:#6299c5;
+  border:1px solid #6299c5;
+  color:#fff;
+}
+
+/* Positive */
+body .positive {
+  color:#529214;
+}
+a.positive:hover, button.positive:hover {
+  background-color:#E6EFC2;
+  border:1px solid #C6D880;
+  color:#529214;
+}
+a.positive:active {
+  background-color:#529214;
+  border:1px solid #529214;
+  color:#fff;
+}
+
+/* Negative */
+body .negative {
+  color:#d12f19;
+}
+a.negative:hover, button.negative:hover {
+  background-color:#fbe3e4;
+  border:1px solid #fbc2c4;
+  color:#d12f19;
+}
+a.negative:active {
+  background-color:#d12f19;
+  border:1px solid #d12f19;
+  color:#fff;
+}