RubyGems - beef-layout - Versions diffs - 0.1.0 → 0.2.0 - Mend

beef-layout 0.1.0 → 0.2.0

Files changed (36) hide show

data/VERSION CHANGED Viewed

	@@ -1 +1 @@
1	- 0.1.0
1	+ 0.2.0

data/generators/layout_files/layout_files_generator.rb CHANGED Viewed

@@ -2,26 +2,34 @@ class LayoutFilesGenerator < Rails::Generator::Base
   def manifest
     record do |m|
-      m.directory File.join("public", "images", "icons")
-      m.directory File.join("public", "images", "logos")
+      m.directory File.join("public", "stylesheets", "wireframe")
+      m.directory File.join("public", "stylesheets", "wireframe", "images")
-      ["public/images/icons/ical.gif",
-      "public/images/icons/rss.gif",
-      "public/images/icons/share-delicious.gif",
-      "public/images/icons/share-digg.gif",
-      "public/images/icons/share-email.gif",
-      "public/images/icons/share-facebook.gif",
-      "public/images/icons/share-stumble.gif",
-      "public/images/logos/beef-logo.gif",
-      "public/images/logos/logo.gif",
+      ["public/javascripts/application.js",
       "public/stylesheets/forms.css",
-      "public/stylesheets/ie.css",
+      "public/stylesheets/ie6.css",
+      "public/stylesheets/ie7.css",
       "public/stylesheets/layout.css",
       "public/stylesheets/mobile.css",
       "public/stylesheets/print.css",
       "public/stylesheets/reset.css",
       "public/stylesheets/skin.css",
-      "public/stylesheets/typography.css"].each do |file|
+      "public/stylesheets/typography.css",
+      "public/stylesheets/wireframe.css",
+      "public/stylesheets/wireframe/ie6.css",
+      "public/stylesheets/wireframe/ie7.css",
+      "public/stylesheets/wireframe/images/2nd_nav_bg.gif",
+      "public/stylesheets/wireframe/images/body_bg.gif",
+      "public/stylesheets/wireframe/images/content_wrap_bg.gif",
+      "public/stylesheets/wireframe/images/content_wrap_e_bg.gif",
+      "public/stylesheets/wireframe/images/featurebox2_bg.gif",
+      "public/stylesheets/wireframe/images/featurebox_bg.gif",
+      "public/stylesheets/wireframe/images/header_bg.gif",
+      "public/stylesheets/wireframe/images/sprites.gif",
+      "public/stylesheets/wireframe/images/td_bg.gif",
+      "public/stylesheets/wireframe/images/thumb_100wide.gif",
+      "public/stylesheets/wireframe/main.css",
+      "public/stylesheets/wireframe/print.css"].each do |file|
          m.file file, file
       end

data/generators/layout_files/templates/application_layout.html.erb CHANGED Viewed

@@ -1,7 +1,7 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
-<title><%= Settings.site_name %> | <%=h page_title %></title>
+<title> <%=h Settings.site_name %> | <%=h page_title %></title>
 <!-- so:meta-tags  -->
 <meta name="description" content="<%=h page_description %>" />
@@ -22,63 +22,72 @@
 <link rel="Bookmark" href="http://www.wearebeef.co.uk/" title="Beef" />
 <!-- so:stylesheets -->
-<%= stylesheet_link_tag 'reset', 'typography', 'layout', 'skin', 'forms', :cache => 'screen', :media=>'screen,tv,projection' %>
-<%= stylesheet_link_tag 'print', :media=>'print' %>
+<%= stylesheet_link_tag 'wireframe/main', 'wireframe', :media => 'screen,tv,projection' %>
+<!-- replace with 'reset', 'typography', 'layout', 'skin', 'forms' and ad  :cache => "main" when you start styling -->
+<%= stylesheet_link_tag 'wireframe/print', :media=>'print' %>
+<!-- remove with 'wireframe/' when you start styling -->
 <%= stylesheet_link_tag 'mobile', :media=>'handheld' %>
-<!--[if IE]><link href="/stylesheets/ie.css" media="screen" rel="Stylesheet" type="text/css" /><![endif]-->
-<!--[if IE 6]><link href="/stylesheets/ie6.css" media="screen" rel="Stylesheet" type="text/css" /><![endif]-->
+<!--[if lte IE 6]>
+<%= stylesheet_link_tag 'wireframe/ie6', :media=>'screen' %>
+<![endif]-->
+<!--[if lte IE 7]>
+<%= stylesheet_link_tag 'wireframe/ie7', :media=>'screen' %>
+<![endif]-->
+<!-- remove with 'wireframe/' when you start styling -->
 <!-- eo:stylesheets -->
+<!-- so:javascript  -->
+<script src="http://www.google.com/jsapi"></script>
+<script>
+  // Load jQuery
+  google.load("jquery", "1.3.2");
+  // google.load("swfobject", "2.2");
+</script>
+<%= javascript_include_tag 'application', :cache => 'global' %>
+<!-- eo:javascript  -->
 <%= yield :header %>
 </head>
 <body id="<%= page_id %>" class="<%= page_class %>">
-<!-- so:screen -->
-<div id="page">
-	<!-- so:header -->
-	<div id="header">
-	  <a id="skip" href="#content-area">Skip to content</a>
-	  <h1><a href="/" id="logo"><%= Settings.site_name %></a></h1>
-  	<!-- so:navigation -->
-  	<ul id="navigation">
-  		<li id="home-nav"><a href="/" title="Home" >Home</a></li>
-  	</ul>
-  	<!-- eo:navigation -->
-  </div>
-	<!-- eo:header -->
-	<div id="content-area">
-  <%= flash_messages %>
-	<%= yield %>
-	</div>
-  <!-- so:footer -->
-	<div id="footer">
-  &copy; Copyright <%= Time.now.year %> <%= Settings.site_name %> &bull; <%= [Settings.house_number,Settings.street,Settings.district,Settings.town,Settings.county,Settings.region,( link_to Settings.postcode, "http://maps.google.co.uk/?q=#{Settings.postcode}")].reject{|e| e.blank? }.join(' ') %> &bull; <%= Settings.telephone %>
-  	<a href="http://www.wearebeef.co.uk" id="beef-logo">With &hearts; from Beef</a>
-</div>
-  <!-- eo:footer -->
-</div>
+  <div id="type-b">
+  <!-- so:screen -->
+    <div id="wrap">
+      <div id="header">
+        <h1 id="site-name"><%= link_to h(Settings.site_name), '/', :id => "logo", :rel => "home" %></h1>
+        <ul id="nav">
+          <li><%= link_to "Page one" %></li>
+          <li><%= link_to "Page two" %></li>
+          <li><%= link_to "Page three" %></li>
+        </ul>
+      </div>
+      <div id="content-wrap">
+        <div id="content">
+          <div id="breadcrumb">
+            <%= link_to 'Home', root_path %> / <strong><%= page_title %></strong>
+          </div>
+          <%= flash_messages %>
+          <%= yield %>
+        </div>
+      </div><!-- en:content-wrap -->
-<!-- so:javascript  -->
-<%= javascript_include_tag 'prototype', 'effects', 'application', :cache => 'front' %>
-<% unless Settings.google_analytics_web_property_id.blank? %>
-<script type="text/javascript">
-var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
-document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
-</script>
-<script type="text/javascript">
-var pageTracker = _gat._getTracker("<%= Settings.google_analytics_web_property_id %>");
-pageTracker._trackPageview();
-</script>
-<% end -%>
-<!-- eo:javascript  -->
+      <div id="footer">
+        <%= yield :footer %>
+        <ul id="footer-nav">
+          <li><%= link_to "Page one" %></li>
+          <li><%= link_to "Page two" %></li>
+          <li><%= link_to "Page three" %></li>
+        </ul>
+        <div class="vcard">
+          &copy; <%= Time.now.year %> <span class="fn org"><%=h Settings.site_name %></span> |
+          <span class="email"><a href="mailto:<%=h Settings.default_email %>" title="e-mail us"><%=h Settings.default_email %></a></span>
+        </div><!-- eo:vcard -->
+      </div><!-- eo:footer -->
+    </div><!-- en:wrap -->
+  </div><!-- en:page-type -->
 </body>
 </html>

data/generators/layout_files/templates/public/javascripts/application.js ADDED Viewed

@@ -0,0 +1,38 @@
+$(document).ready(function(){
+  // Use fancy box on all images that link to an image
+  // $("a[href$=jpg], a[href$=png], a[href$=gif]").fancybox({
+  //     'zoomOpacity'     : true,
+  //     'overlayShow'     : true,
+  //     'zoomSpeedIn'     : 500,
+  //     'zoomSpeedOut'      : 500,
+  //     'overlayOpacity'    : 0.9
+  // });
+  $("a[href^=http]").attr('target', '_blank');
+});
+// Set a form to send vie ajax and remove current errors
+// usage:
+//   ajaxifyForms('#new_subscriber')
+function ajaxifyForms(selector) {
+  $(selector).submit(function() {
+    $(this).find('#errorExplanation, .success').slideUp('fast', function() { $(this).remove();});
+    $.post($(this).attr('action'), $(this).serialize(), null, 'script' );
+    return false;
+  });
+}
+// Set value in the field which is removed on submit
+// usage:
+//   labelInputValue('input#subscriber_email', 'Enter your email...')
+function labelInputValue(selector, label) {
+  $(selector + ':input:not([value])').val(label);
+  $(selector + ':input').closest('form').submit(function() {
+    if ($(selector + ':input').val() == label)
+      $(selector + ':input').val('');
+    return true;
+  });
+}

data/generators/layout_files/templates/public/stylesheets/{ie.css → ie6.css} RENAMED Viewed

File without changes

data/generators/layout_files/templates/public/stylesheets/ie7.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ /* IE 7 fixes */

data/generators/layout_files/templates/public/stylesheets/layout.css CHANGED Viewed

@@ -56,9 +56,3 @@
 }
 /* eo:clearfix */
-/* adblock tab hide */
-.sIFR-replaced > div {
-display: none !important;
-}

data/generators/layout_files/templates/public/stylesheets/print.css CHANGED Viewed

@@ -51,9 +51,7 @@ a:link, a:visited {
 }
 /*Add elements here that dont need to be printed (add banners, unneccesary images etc )*/
-a#skip,
-ul.tag-cloud,
-ul.archive{
+a#skip {
 	display: none;
 }

data/generators/layout_files/templates/public/stylesheets/skin.css CHANGED Viewed

@@ -1,78 +1,4 @@
 /*
   SKIN
   All colour and background image styling.
-*/
-body {
-	color: #766D6A;
-	background: #CCC;
-}
-#page {
-	background-color: #fff;
-}
-#header {
-	border-color: #766c6a;
-	border-style: dashed;
-	padding: 20px;
-}
-#footer {
-	color: #fff;
-	background-color: #766c6a;
-}
-/* BIR */
-/*a.share-link,*/
-a#logo,
-a#beef-logo{
-	text-indent: -1000em;
-	overflow: hidden;
-	text-align: left;
-	display: block;
-}
-a#logo{
-	background: url('/images/logos/logo.gif') no-repeat;
-	width: 238px; 											/*Change this to the dimensions of the new image*/
-	height: 121px; 											/*Change this to the dimensions of the new image*/
-}
-a#beef-logo{
-	background: url('/images/logos/beef-logo.gif') no-repeat;
-	width: 40px;											/*Change this to the dimensions of the new image*/
-	height: 34px;											/*Change this to the dimensions of the new image*/
-}
-/*Share links*/
-/*a.share-link{
-	width: 16px;
-	height: 16px;
-}
-a#digg-submit{
-	background: transparent url("/images/icons/share-digg.gif") no-repeat 0 0px !important;
-}
-a#delicious-submit{
-	background: transparent url("/images/icons/share-delicious.gif") no-repeat 0 0px !important;
-}
-a#facebook-submit{
-	background: transparent url("/images/icons/share-facebook.gif") no-repeat 0 0px !important;
-}
-a#stumble-submit{
-	background: transparent url("/images/icons/share-stumble.gif") no-repeat 0 0px !important;
-}
-a#mail-link{
-	background: transparent url("/images/icons/share-email.gif") no-repeat 0 0px !important;
-}
 */

data/generators/layout_files/templates/public/stylesheets/typography.css CHANGED Viewed

@@ -2,44 +2,24 @@
  TYPOGRAPHY
  Font related information only (ie. font-*, text-*, line-height )
  See http://www.alistapart.com/articles/howtosizetextincss for sizing technique
+ for a quick note - just hit this: http://jontangerine.com/silo/css/pixels-to-ems/ very easy guide to use.
 */
 body {
 	font-family: "Lucida Sans Unicode", "Lucida Grande", arial, verdana, sans-serif;
-  	/*font-size:100%; - This is defined in the reset.css so dont need it here*/
-  	line-height:1.125em; /* 16×1.125=18 */
-}
-h1, h2, h3, h4, h5, h6{
-	line-height: 1.5em;
 }
+/* 34px */
 h1 {
-	font-size: 	2.125em;
+	font-size: 2.125em;
 }
+/* 26px */
 h2 {
 	font-size: 1.625em;
 }
-ul#navigation {
-  font-size: 0.875em;
-}
-p {
-	font-size: 0.6875em;
-}
+/* 14px */
+ul#navigation,
 #footer {
-	font-size: 0.625em;
-}
-.supporting-content h2 {
-	font-size:  1.375em;
+	font-size: 0.875em;
 }
-/* Tag Cloud */
-.tag1 { font-size: .875em; }
-.tag2 { font-size: 1em; }
-.tag3 { font-size: 1.25em; }
-.tag4 { font-size: 1.375em; }

data/generators/layout_files/templates/public/stylesheets/wireframe.css ADDED Viewed

@@ -0,0 +1,91 @@
+h1, h2, h3 {
+	clear: both;
+}
+#nav {
+	margin: 0 40px;
+}
+.column {
+width:28%;
+margin:0 25px 0 25px;
+float:left;
+}
+#our-work .column img,
+#case .column img {
+width:100%;
+background:#eee;
+}
+ul.rating {float:right;}
+ul.rating li {float:left;background:none; }
+#articles #main-content img,
+#team-members .column img {
+float:left;
+margin:0 10px 0 0;
+}
+#footer-nav li,
+.show #main-content img {
+float:left;
+}
+.show #main-content img {
+margin:0 20px 0 0;
+}
+.job-title {
+font-weight:bold;
+}
+textarea {
+height:120px;
+}
+#footer p {
+float:left;
+margin:0 0 10px 0;
+}
+body#articles #main-content {
+float:left; width:660px;
+}
+body#articles #supporting-content,
+body#articles #supplementary-content {
+float:right; width:300px;
+}
+#home.index #content-wrap,
+#team-members.index #content-wrap,
+#case-studies.index #content-wrap,
+#case-studies.show #content-wrap,
+body#articles #content-wrap {
+background:none;
+}
+#home.index #content,
+#team-members.index #content,
+#case-studies.index #content,
+#case-studies.show #content,
+body#articles #content {
+margin: 0
+}
+/* so:clearfix */
+ul.gallery:after,
+#our-work:after,
+#article-title:after,
+#team-members:after,
+body:after {
+	content: ".";
+	display: block;
+	height: 0;
+	clear: both;
+	visibility: hidden;
+}
+/* eo:clearfix */

data/generators/layout_files/templates/public/stylesheets/wireframe/ie6.css ADDED Viewed

@@ -0,0 +1,26 @@
+/*
+LEGAL
+=====
+Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
+Community: Mollio http://www.mollio.org $
+License: Released Under the "Common Public License 1.0",
+http://www.opensource.org/licenses/cpl.php
+License: Released Under the "Creative Commons License",
+http://creativecommons.org/licenses/by/2.5/
+License: Released Under the "GNU Creative Commons License",
+http://creativecommons.org/licenses/GPL/2.0/
+*/
+#header {width:100%}
+#nav-secondary a {width:143px}
+#resultslist-wrap li dl {display:inline}
+/*
+I've added position:relative to these items below to fix the IE Peakaboo bug.
+more about it here: http://www.positioniseverything.net/explorer/peekaboo.html
+*/
+ol.code, .featurebox, #content ul, #sidebar ul {position:relative}

data/generators/layout_files/templates/public/stylesheets/wireframe/ie7.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ /* IE 7 fixes */

data/generators/layout_files/templates/public/stylesheets/wireframe/images/2nd_nav_bg.gif ADDED Viewed

Binary file

data/generators/layout_files/templates/public/stylesheets/wireframe/images/body_bg.gif ADDED Viewed

Binary file

data/generators/layout_files/templates/public/stylesheets/wireframe/images/content_wrap_bg.gif ADDED Viewed

Binary file

data/generators/layout_files/templates/public/stylesheets/wireframe/images/content_wrap_e_bg.gif ADDED Viewed

Binary file

data/generators/layout_files/templates/public/stylesheets/wireframe/images/featurebox2_bg.gif ADDED Viewed

Binary file

data/generators/layout_files/templates/public/stylesheets/wireframe/images/featurebox_bg.gif ADDED Viewed

Binary file

data/generators/layout_files/templates/public/stylesheets/wireframe/images/header_bg.gif ADDED Viewed

Binary file

data/generators/layout_files/templates/public/stylesheets/wireframe/images/sprites.gif ADDED Viewed

Binary file

data/generators/layout_files/templates/public/stylesheets/wireframe/images/td_bg.gif ADDED Viewed

Binary file

data/generators/layout_files/templates/public/stylesheets/wireframe/images/thumb_100wide.gif ADDED Viewed

Binary file

data/generators/layout_files/templates/public/stylesheets/wireframe/main.css ADDED Viewed

@@ -0,0 +1,289 @@
+/*
+LEGAL
+=====
+Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
+Community: Mollio http://www.mollio.org $
+License: Released Under the "Common Public License 1.0",
+http://www.opensource.org/licenses/cpl.php
+License: Released Under the "Creative Commons License",
+http://creativecommons.org/licenses/by/2.5/
+License: Released Under the "GNU Creative Commons License",
+http://creativecommons.org/licenses/GPL/2.0/
+*/
+/* THE BIG GUYS */
+* {margin:0;padding:0}
+body {padding: 0 0 20px;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif}
+/* LINKS */
+a {text-decoration:none;}
+a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer}
+a:link {color:#c00}
+a:visited {color:#999}
+a:hover,a:active {color:}
+/* FORMS */
+form {margin: 0 0 1.5em}
+input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
+fieldset {border: none}
+label {display:block;padding: 5px 0}
+label br {clear:left}
+	/* FORMS - general classes */
+	input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
+	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
+	form.f-wrap-1 {width:100%;padding: .5em 0;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;border-top: 1px solid #d7d7d7;position:relative}
+		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
+		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
+		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
+		/* hide from IE mac \*/
+		form.f-wrap-1 label {float:none}
+		/* end hiding from IE5 mac */
+		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
+		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
+		form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
+		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
+		form.f-wrap-1 div.req b {color:#c00;font-size:140%}
+		form.f-wrap-1 label select {width: 15.5em}
+		form.f-wrap-1 label textarea.f-comments {width: 20em}
+		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
+		form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
+		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
+		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
+		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
+		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
+		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
+		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
+		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}
+/* TYPOGRAPHY */
+p, ul, ol {margin: 0 0 1.5em}
+h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
+h1 {font-size: 196%;margin-top:.6em}
+h2 {font-size: 136%}
+h3 {font-size: 126%}
+h4 {font-size: 116%}
+h5 {font-size: 106%}
+h6 {font-size: 96%}
+.highlight {color:#E17000}
+.subdued {color:#999}
+.error {color:#c00;font-weight:bold}
+.success {color:#390;font-weight:bold}
+.caption {color:#999;font-size:11px}
+.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
+small {font-size:11px}
+/* LISTS */
+ul {margin: .3em 0 1.5em 0;list-style-type:none}
+	ul.related {margin-top: -1em}
+ol {margin: .5em .5em 1.5em}
+ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
+li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
+li.doc {background-position: 3px -500px}
+ul.nomarker li {background:none;padding-left:0}
+dl {margin: 0 0 1em 0}
+dt {font-weight:bold;margin-top: 1.3em}
+dl dl {margin: 0 0 1.5em 30px}
+/* GENERAL */
+img {border:none}
+hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
+.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}
+/* LAYOUT - HEADER */
+#header {background: #666 url("images/sprites.gif") repeat-x 0 100%;margin: 0 0 25px;padding: 0 0 8px}
+	#header #site-name {font: 265% arial;letter-spacing: -.05em;margin:0 0 0 40px;padding:3px 0;color:#ccc;border:none}
+	/* NAV - top horizontal nav */
+	#nav, #nav ul {padding: 0;margin: 0;list-style: none}
+	#nav {font-weight:bold;height:2.09em;font: bold 96% arial;margin: 0 105px 0 40px}
+	#nav li {position:relative;background: #999;float: left;width: 10em;display:block;margin: 0;border-bottom: 3px solid #666;border-right: 3px solid #252525;padding:0}
+	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 10px 2px}
+	#nav a:hover {color:#000}
+	#nav li ul {border-left: 1px solid #c00;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
+	#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
+	#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
+	#nav li li.last {border-bottom:none}
+	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
+	#nav li li a:hover {color:#fff;background:#c00}
+	#nav li.active {background: #c00;border-bottom: 3px solid #c00}
+	#nav li.active ul {border:none;background: #c00 url("images/featurebox2_bg.gif") no-repeat 100% 100%}
+	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
+	#nav li.active a:hover {color:#000}
+	#nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
+	#nav li.active li.last {border-bottom: none}
+	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
+	#nav li.active li a:hover {background: #666 url("images/sprites.gif") repeat-x 0 99%;color:#fff}
+	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("images/sprites.gif") repeat-x 0 99%}
+	/* hide from IE mac \*/
+	#nav li {width:auto}
+	/* end hiding from IE5 mac */
+	/* SEARCH */
+	#search {color:#fff;font-weight:bold;position:absolute;top:10px;right:110px;left:auto;width:18em}
+	#search form {margin:0}
+	#search input {width:8em;margin: 0 0 -1px;height:1.2em}
+	#search label {padding:5px 0 0;display:inline}
+	#search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}
+	/* POWERED BY - mollio logo in this case */
+	#poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0}
+/* LAYOUT - main body of page */
+#wrap {min-width:960px;max-width:1020px;margin: 0 auto;position:relative}
+#content-wrap {position:relative;width:100%}
+	#utility {position:absolute;top:0;left:25px;width:165px;border-top: 5px solid #999;padding-bottom: 40px}
+	#sidebar {position:absolute;top:0;right:25px;width:20%;border-top: 5px solid #999;padding-top: 1px;padding-bottom: 40px}
+#content {margin: 0 50px}
+	#content #breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold}
+	#content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none}
+	#content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}
+	.featurebox {color:#333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%}
+	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
+	.featurebox p {border:none;margin: 0 0 1em;color:#444}
+	.featurebox a {font-weight:bold}
+	.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
+	.thumbnail img {border: 1px solid #000}
+	.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
+	.pagination p {position:relative;text-align:right}
+	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
+	.pagination p a:hover {background:#c00;color:#fff}
+	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
+	.pagination * {margin:0}
+	.pagination h4 {margin-top:-1.45em;padding:0;border:none}
+	#resultslist-wrap {margin: 0 0 1.5em;font-size:92%}
+	#resultslist-wrap dt, #resultslist-wrap dl {margin: 0}
+	#resultslist-wrap dt {font: bold 85% arial;padding: 3px 0}
+	#resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial}
+	#resultslist-wrap li dd {font: normal 73% arial}
+	#resultslist-wrap li dl {margin:0}
+	#resultslist-wrap dd {line-height:1.3}
+	#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em}
+	/* TABLES */
+	.table1 {border: 2px solid #900;border-collapse:collapse;width:100%}
+		.table1 td {background: #fff url("images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
+		.table1 th {text-align:left;border: 1px solid #fff}
+		.table1 thead th {color:#fff;font-size:145%;background: #900 url("images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
+		.table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
+		.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;padding: 6px}
+	/* TABLES - calendar */
+	.calendar {width:200px;font-size:92%}
+		.calendar td {text-align:center;border: 1px solid #ddd}
+		.calendar th {text-align:center}
+		.calendar thead th {padding: 3px 2px}
+		.calendar tbody th {padding: 2px}
+		.calendar tbody th.sub {padding: 2px}
+	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
+		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("images/sprites.gif") no-repeat 5px -500px;padding-left:21px}
+		a.morelink:hover {background: transparent url("images/sprites.gif") 5px -400px}
+		.morelink span {position:absolute;left:-9999px;width:900px}
+	/* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
+		ol.code {font-family: monospace;position:relative}
+		ol.code li {color: #666;margin-bottom: 1px}
+		ol.code code {color: #000;display: block}
+		ol.code .cmt {color: #4077d2}
+		li.tab0 code {padding-left: 4em}
+		li.tab1 code {padding-left: 8em}
+		li.tab2 code {padding-left: 12em}
+		li.tab3 code {padding-left: 16em}
+		li.tab4 code {padding-left: 20em}
+		li.tab5 code {padding-left: 24em}
+		ol.code li  {background: #f3f3f3 url("images/td_bg.gif") no-repeat 100% 100%}
+		p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}
+/* LAYOUT TYPE B */
+	#type-b #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0;}
+	#type-b #content {margin: 0 23px 0 235px}
+/* LAYOUT TYPE C */
+	#type-c #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0}
+	#type-c #content {margin: 0 25% 0 235px}
+/* LAYOUT TYPE D */
+	#type-d #content {margin: 0 25% 0 50px}
+/* LAYOUT TYPE E */
+	#type-e #content-wrap {background: transparent url("images/content_wrap_e_bg.gif") repeat-y 100% 0}
+	#type-e #utility {position:absolute;top:0;left:auto;right:25px;width:165px;border-top: 5px solid #999}
+	#type-e #content {margin: 0 243px 0 50px}
+/* LAYOUT TYPE F */
+	#type-f #content-wrap {background: transparent url("images/content_wrap_e_bg.gif") repeat-y 100% 0}
+	#type-f #content {margin: 0 235px 0 25%}
+		#type-f #utility {left:auto;right:25px}
+		#type-f #sidebar {right:auto;left:25px}
+/* SECONDARY NAVIGATION - vertical navigation */
+	#nav-secondary, #nav-secondary ul {position:static}
+	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff}
+	#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
+	#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff url("images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}
+	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer}
+	#nav-secondary a:link {color:#000}
+	#nav-secondary a:visited {color:#000}
+	#nav-secondary a:hover {color:#c00;background: #fee url("images/sprites.gif") no-repeat 10px -695px}
+	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00}
+	#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}
+/* SECONDARY NAVIGATION - 2nd TIER */
+	#nav-secondary ul {margin: 0 0 1em 23px;padding:0}
+	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
+	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}
+	#nav-secondary li.active li {border: none;margin:0}
+	#nav-secondary li.active li.active a:link,
+	#nav-secondary li.active li.active a:visited,
+	#nav-secondary li.active li.active a:hover,
+	#nav-secondary li.active li.active a:active {font-weight:bold}
+/* SECONDARY NAVIGATION - 3rd TIER */
+	#nav-secondary ul ul {margin: 0 0 1em 13px;padding:0}
+	#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px}
+	#nav-secondary li.active li.active li a:link,
+	#nav-secondary li.active li.active li a:visited,
+	#nav-secondary li.active li.active li a:hover,
+	#nav-secondary li.active li.active li a:active {font-weight:normal}
+	#nav-secondary li.active li.active li.active a:link,
+	#nav-secondary li.active li.active li.active a:visited,
+	#nav-secondary li.active li.active li.active a:hover,
+	#nav-secondary li.active li.active li.active a:active {font-weight:bold}
+/* SECONDARY NAVIGATION - 4th TIER */
+	#nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0}
+	#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px}
+	#nav-secondary li.active li.active li.active li a:link,
+	#nav-secondary li.active li.active li.active li a:visited,
+	#nav-secondary li.active li.active li.active li a:hover,
+	#nav-secondary li.active li.active li.active li a:active {font-weight:normal}
+	#nav-secondary li.active li.active li.active li.active a:link,
+	#nav-secondary li.active li.active li.active li.active a:visited,
+	#nav-secondary li.active li.active li.active li.active a:hover,
+	#nav-secondary li.active li.active li.active li.active a:active {font-weight:bold}
+/* LAYOUT - FOOTER */
+#footer {clear:both; border-top: 1px solid #E3E8EE;padding: 10px 0 30px;font-size:86%;color:#999; background:#fff;}
+	#footer p {margin:0}
+	#footer a:link {color:#999}

data/generators/layout_files/templates/public/stylesheets/wireframe/print.css ADDED Viewed

@@ -0,0 +1,51 @@
+/*
+LEGAL
+=====
+Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
+Community: Mollio http://www.mollio.org $
+License: Released Under the "Common Public License 1.0",
+http://www.opensource.org/licenses/cpl.php
+License: Released Under the "Creative Commons License",
+http://creativecommons.org/licenses/by/2.5/
+License: Released Under the "GNU Creative Commons License",
+http://creativecommons.org/licenses/GPL/2.0/
+*/
+body {font: 10pt arial,tahoma,verdana,sans-serif}
+h1, h2, h3, h4, h5, h6 {margin: 1em 0 .2em;font-family: arial,tahoma,verdana,sans-serif}
+* {float:none;position:static;width:auto;background:#fff}
+p {margin: 0 0 1em}
+img {border:none;display:block;margin: .5em 0}
+dt {font-weight:bold}
+#nav, #search, #nav-secondary, #breadcrumb, #poweredby {display:none}
+/* =LINKS */
+a {border:none}
+a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer}
+a:link {color:#5291c4}
+a:visited {color:#666}
+a:hover {color:#ff9900;border:none}
+a:active {color:#0066cc}
+.teaserBox {clear:both;margin: 0 0 1em}
+.sponsors img {margin: .5em 0}
+#footer {margin: 1em 0}
+#header {border-bottom: 3px solid #c00}
+/* TABLES */
+table {font-size: 9pt;margin: 0 0 1em;border-collapse:collapse}
+	table th {border-bottom: 3px solid #000;vertical-align:top;padding: 1.5em 3px 3px;line-height:1.1;font: bold 145% arial;letter-spacing:0;text-align:left}
+	.table1 th.time {border-bottom: none;font: bold 89% verdana;color:#ff9c00;vertical-align:top;padding: 3px}
+	.table1 td {border: 1px solid #ddd;font-size: 9pt;padding: 3px;vertical-align:top}
+	.table1 td a {display:block;width:auto;font-weight:bold}
+	.table1 td a:link, .table1 td a:visited, .table1 td a:hover, .table1 td a:active {border:none;text-decoration:none}
+	.table1 th.sub {background: #aaa}
+	.table1 th.sub2 {background: #bbb;color:#000}
+	.table1 td ul li {background: #fff}

data/layout.gemspec ADDED Viewed

@@ -0,0 +1,74 @@
+# -*- encoding: utf-8 -*-
+Gem::Specification.new do |s|
+  s.name = %q{layout}
+  s.version = "0.2.0"
+  s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
+  s.authors = ["Steve England"]
+  s.date = %q{2009-08-26}
+  s.email = %q{steve@wearebeef.co.uk}
+  s.extra_rdoc_files = [
+    "LICENSE",
+     "README.rdoc"
+  ]
+  s.files = [
+    ".document",
+     ".gitignore",
+     "LICENSE",
+     "README.rdoc",
+     "Rakefile",
+     "VERSION",
+     "generators/layout_files/layout_files_generator.rb",
+     "generators/layout_files/templates/application_layout.html.erb",
+     "generators/layout_files/templates/public/javascripts/application.js",
+     "generators/layout_files/templates/public/stylesheets/forms.css",
+     "generators/layout_files/templates/public/stylesheets/ie6.css",
+     "generators/layout_files/templates/public/stylesheets/ie7.css",
+     "generators/layout_files/templates/public/stylesheets/layout.css",
+     "generators/layout_files/templates/public/stylesheets/mobile.css",
+     "generators/layout_files/templates/public/stylesheets/print.css",
+     "generators/layout_files/templates/public/stylesheets/reset.css",
+     "generators/layout_files/templates/public/stylesheets/skin.css",
+     "generators/layout_files/templates/public/stylesheets/typography.css",
+     "generators/layout_files/templates/public/stylesheets/wireframe.css",
+     "generators/layout_files/templates/public/stylesheets/wireframe/ie6.css",
+     "generators/layout_files/templates/public/stylesheets/wireframe/ie7.css",
+     "generators/layout_files/templates/public/stylesheets/wireframe/images/2nd_nav_bg.gif",
+     "generators/layout_files/templates/public/stylesheets/wireframe/images/body_bg.gif",
+     "generators/layout_files/templates/public/stylesheets/wireframe/images/content_wrap_bg.gif",
+     "generators/layout_files/templates/public/stylesheets/wireframe/images/content_wrap_e_bg.gif",
+     "generators/layout_files/templates/public/stylesheets/wireframe/images/featurebox2_bg.gif",
+     "generators/layout_files/templates/public/stylesheets/wireframe/images/featurebox_bg.gif",
+     "generators/layout_files/templates/public/stylesheets/wireframe/images/header_bg.gif",
+     "generators/layout_files/templates/public/stylesheets/wireframe/images/sprites.gif",
+     "generators/layout_files/templates/public/stylesheets/wireframe/images/td_bg.gif",
+     "generators/layout_files/templates/public/stylesheets/wireframe/images/thumb_100wide.gif",
+     "generators/layout_files/templates/public/stylesheets/wireframe/main.css",
+     "generators/layout_files/templates/public/stylesheets/wireframe/print.css",
+     "layout.gemspec",
+     "lib/layout.rb",
+     "rails/init.rb",
+     "test/layout_test.rb",
+     "test/test_helper.rb"
+  ]
+  s.homepage = %q{http://github.com/beef/Layout}
+  s.rdoc_options = ["--charset=UTF-8"]
+  s.require_paths = ["lib"]
+  s.rubygems_version = %q{1.3.5}
+  s.summary = %q{Generates basic beef layout}
+  s.test_files = [
+    "test/layout_test.rb",
+     "test/test_helper.rb"
+  ]
+  if s.respond_to? :specification_version then
+    current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
+    s.specification_version = 3
+    if Gem::Version.new(Gem::RubyGemsVersion) >= Gem::Version.new('1.2.0') then
+    else
+    end
+  else
+  end
+end

metadata CHANGED Viewed

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: beef-layout
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Steve England
@@ -9,7 +9,7 @@ autorequire:
 bindir: bin
 cert_chain: []
-date: 2009-06-24 00:00:00 -07:00
+date: 2009-08-26 00:00:00 -07:00
 default_executable:
 dependencies: []
@@ -31,23 +31,32 @@ files:
 - VERSION
 - generators/layout_files/layout_files_generator.rb
 - generators/layout_files/templates/application_layout.html.erb
-- generators/layout_files/templates/public/images/icons/ical.gif
-- generators/layout_files/templates/public/images/icons/rss.gif
-- generators/layout_files/templates/public/images/icons/share-delicious.gif
-- generators/layout_files/templates/public/images/icons/share-digg.gif
-- generators/layout_files/templates/public/images/icons/share-email.gif
-- generators/layout_files/templates/public/images/icons/share-facebook.gif
-- generators/layout_files/templates/public/images/icons/share-stumble.gif
-- generators/layout_files/templates/public/images/logos/beef-logo.gif
-- generators/layout_files/templates/public/images/logos/logo.gif
+- generators/layout_files/templates/public/javascripts/application.js
 - generators/layout_files/templates/public/stylesheets/forms.css
-- generators/layout_files/templates/public/stylesheets/ie.css
+- generators/layout_files/templates/public/stylesheets/ie6.css
+- generators/layout_files/templates/public/stylesheets/ie7.css
 - generators/layout_files/templates/public/stylesheets/layout.css
 - generators/layout_files/templates/public/stylesheets/mobile.css
 - generators/layout_files/templates/public/stylesheets/print.css
 - generators/layout_files/templates/public/stylesheets/reset.css
 - generators/layout_files/templates/public/stylesheets/skin.css
 - generators/layout_files/templates/public/stylesheets/typography.css
+- generators/layout_files/templates/public/stylesheets/wireframe.css
+- generators/layout_files/templates/public/stylesheets/wireframe/ie6.css
+- generators/layout_files/templates/public/stylesheets/wireframe/ie7.css
+- generators/layout_files/templates/public/stylesheets/wireframe/images/2nd_nav_bg.gif
+- generators/layout_files/templates/public/stylesheets/wireframe/images/body_bg.gif
+- generators/layout_files/templates/public/stylesheets/wireframe/images/content_wrap_bg.gif
+- generators/layout_files/templates/public/stylesheets/wireframe/images/content_wrap_e_bg.gif
+- generators/layout_files/templates/public/stylesheets/wireframe/images/featurebox2_bg.gif
+- generators/layout_files/templates/public/stylesheets/wireframe/images/featurebox_bg.gif
+- generators/layout_files/templates/public/stylesheets/wireframe/images/header_bg.gif
+- generators/layout_files/templates/public/stylesheets/wireframe/images/sprites.gif
+- generators/layout_files/templates/public/stylesheets/wireframe/images/td_bg.gif
+- generators/layout_files/templates/public/stylesheets/wireframe/images/thumb_100wide.gif
+- generators/layout_files/templates/public/stylesheets/wireframe/main.css
+- generators/layout_files/templates/public/stylesheets/wireframe/print.css
+- layout.gemspec
 - lib/layout.rb
 - rails/init.rb
 - test/layout_test.rb

data/generators/layout_files/templates/public/images/icons/ical.gif DELETED Viewed

Binary file

data/generators/layout_files/templates/public/images/icons/rss.gif DELETED Viewed

Binary file

data/generators/layout_files/templates/public/images/icons/share-delicious.gif DELETED Viewed

Binary file

data/generators/layout_files/templates/public/images/icons/share-digg.gif DELETED Viewed

Binary file

data/generators/layout_files/templates/public/images/icons/share-email.gif DELETED Viewed

Binary file

data/generators/layout_files/templates/public/images/icons/share-facebook.gif DELETED Viewed

Binary file

data/generators/layout_files/templates/public/images/icons/share-stumble.gif DELETED Viewed

Binary file

data/generators/layout_files/templates/public/images/logos/beef-logo.gif DELETED Viewed

Binary file

data/generators/layout_files/templates/public/images/logos/logo.gif DELETED Viewed

Binary file