RubyGems - install_theme - Versions diffs - 0.8.1 → 0.8.2 - Mend

install_theme 0.8.1 → 0.8.2

Files changed (1539) hide show

data/spec/fixtures/bloganje/expected_install_theme.yml ADDED

@@ -0,0 +1,10 @@
+---
+image_dir: img
+index_path: index.html
+content_path: "#content:text"
+no_sass: false
+stylesheet_dir: css
+javascript_dir: javascripts
+partials:
+  header: "#header h2 text()"
+  sidebar: "#sidebar"

data/spec/fixtures/bloganje/install_theme.yml ADDED

@@ -0,0 +1,10 @@
+---
+image_dir: img
+index_path: index.html
+content_path: "#content:text"
+no_sass: false
+stylesheet_dir: css
+javascript_dir: javascripts
+partials:
+  header: "#header h2 text()"
+  sidebar: "#sidebar"

data/spec/fixtures/boxie-admin/HOWTO.html ADDED

@@ -0,0 +1,184 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<head lang="en">
+	<meta http-equiv="content-type" content="text/html;charset=utf-8">
+	<title>Template Documentation Template</title>
+	<!-- Framework CSS -->
+	<link rel="stylesheet" href="assets/blueprint-css/screen.css" type="text/css" media="screen, projection">
+	<link rel="stylesheet" href="assets/blueprint-css/print.css" type="text/css" media="print">
+	<!--[if lt IE 8]><link rel="stylesheet" href="assets/blueprint-css/ie.css" type="text/css" media="screen, projection"><![endif]-->
+	<link rel="stylesheet" href="assets/blueprint-css/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
+	<style type="text/css" media="screen">
+		p, table, hr, .box { margin-bottom:25px; }
+		.box p { margin-bottom:10px; }
+		h4 {font-size: 120%; font-variant: small-caps;}
+	</style>
+</head>
+<body>
+	<div class="container">
+		<h3 class="center alt">&ldquo;boxie admin&rdquo; Documentation by &ldquo;gwaihir&rdquo;</h3>
+		<hr>
+		<h1 class="center">&ldquo;boxie admin&rdquo;</h1>
+		<div class="borderTop">
+			<div class="span-6 colborder info prepend-1">
+				<p class="prepend-top">
+					<strong>
+					Created: 3/12/2009<br>
+					By: gwaihir<br>
+					</strong>
+				</p>
+			</div><!-- end div .span-6 -->
+			<div class="span-12 last">
+				<p class="prepend-top append-0">Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form <a href="http://themeforest.net/user/gwaihir">here</a>. Thanks so much!</p>
+			</div>
+		</div><!-- end div .borderTop -->
+		<hr>
+		<h2 id="toc" class="alt">Table of Contents</h2>
+		<ol class="alpha">
+			<li><a href="#htmlStructure">HTML Structure</a></li>
+			<li><a href="#cssFiles">CSS File and Structure</a></li>
+			<li><a href="#javascript">JavaScript</a></li>
+			<li><a href="#psdFiles">PSD Files</a></li>
+			<li><a href="#credits">Sources and Credits</a></li>
+		</ol>
+		<hr>
+		<h3 id="htmlStructure"><strong>A) HTML Structure</strong> - <a href="index.html">index.html</a> - <a href="#toc">top</a></h3>
+		<h4>Set your color</h4>
+		<p>
+			You can select your color of the boxie admin here. Just change name of the stylesheet to (blue/red/black/green/brown/orange/purple). Or use one of prepared HTML files (red.html, black.html etc.)
+		</p>
+		<pre>
+	&lt;link rel="stylesheet" type="text/css" href="css/blue.css" media="screen, projection, tv" /&gt;&lt;!-- Change name of the stylesheet to change colors (blue/red/black/green/brown/orange/purple) --&gt;
+		</pre>
+		<h4>Layout</h4>
+		<p>
+			This theme is a fixed layout with one, two, three or four columns. It's up to you. In addition, you can combine columns (for example – two column and underneath them four columns).
+			Columns are created by boxes:
+		</p>
+		<img src="assets/images/boxes.png" alt="using boxes" />
+		<p>You can use class box-25 / 50 / 75 / 100 (%). So you can do for example three columns: box-25/box-25/box-50. You can also add the class="altbox" to emphasize the box (box will be blue).</p>
+		<h4>Header &amp; Navigation</h4>
+		<p>Lets go back and explain the header:</p>
+		<img src="assets/images/header.png" alt="header" />
+		<p>The most important part of the header is navigation. Feel free to add more sections with any icon from css/img/h-ico/*</p>
+		<h4>Types of content to put into boxes</h4>
+		<p>You can put several types of content into the boxes. First is the table of articles/pages/whatever:</p>
+		<img src="assets/images/articles.png" alt="table of articles/pages/whatever" />
+		<p>Next is the tabular data - for example table with uploaded files:</p>
+		<img src="assets/images/tabular.png" alt="tabular data" />
+		<p>You can also use the pagination for data within boxes. Add it just bellow the content of the box:</p>
+		<img src="assets/images/pagination.png" alt="pagination" />
+		<p>Grid view is perfect for shopping items, files or whatever you want:</p>
+		<img src="assets/images/grid.png" alt="grid view" />
+		<p>Once again, you can add a pagination underneath the grid view.</p>
+		<p>Lets continue to forms. First the basic layout of forms:</p>
+		<img src="assets/images/forms1.png" alt="forms - table layout" />
+		<p>And the fieldset layout of forms:</p>
+		<img src="assets/images/forms2.png" alt="forms - fieldset layout" />
+		<p>Finally, look at the calendar:</p>
+		<img src="assets/images/calendar.png" alt="calendar" />
+		<p>I think boxie admin's HTML code is pretty simple to use, just follow the conventions and get the best results.</p>
+		<h4>Login screen</h4>
+		<p>Login screen is in the login.html. There is no need to edit something. But if you want to modify the login screen, feel free. It's built just like the boxes in the index.html.</p>
+		<hr>
+		<h3 id="cssFiles"><strong>B) CSS File and Structure</strong> - <a href="css/main.css">main.css</a> - <a href="#toc">top</a></h3>
+		<p>I'm using two CSS file in this theme. The first one is a main CSS file. The second file contains all of the specific stylings for Internet Explorer 6 &amp; 7.</p>
+		<p>Look at some important parts of the main CSS file:</p>
+		<p>If you want to add more items to the navigation, just duplicate this line and modify the class name and URL of background (use any icon from css/img/h-ico/*):</p>
+		<pre>
+	#nav #h-wrap .ico-send {background-image: url("img/h-ico/send.png");}
+		</pre>
+		<p>You can use .button (and alternative .altbutton) for buttons/links/submit inputs in the page:</p>
+		<pre>
+	.button {border: 1px solid #00487a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #0567ad url("img/button.gif") repeat-x; padding: 5px 9px 5px; text-shadow: #00487a 1px 1px 0; color: #fff; cursor: pointer;}
+		</pre>
+		<p>Here are the styles for icons. .ico is for icons without text and .ico-a for icons with text</p>
+		<pre>
+	/* icons for content links etc. */
+	.ico { border: 0 !important; }
+	.ico-a { border: 0 !important; padding-left: 20px !important; }
+		</pre>
+		<p>You can also use the .tag class for tags, filetypes, badges etc. Feel free to add your own tag class just like the .tag-gray (eg. with different color/background...)</p>
+		<pre>
+	/* tags, filetypes */
+	.tag {
+		padding: 4px 7px; color: #fff !important;
+		border-radius: 3px;
+	   -moz-border-radius: 3px;
+	   -webkit-border-radius: 3px;
+	}
+	.tag-gray { /* feel free to add more tag types, just change the colors of gradients/borders */
+		border-bottom: 1px solid #666;
+		background: #999;
+		background: gradient(linear, left top, left bottom, from(#bbb), to(#999));
+		background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#999));
+	}
+		</pre>
+		<p>These styles are used for messages in forms (error, success, etc.). You can change color/backgrounds if you want. Feel free.</p>
+		<pre>
+	.msg p {margin: 0 0 8px 0; padding-left: 25px;}
+	.msg-ok {border-color: #a6d877; background: #d2ecba url("img/msg-ok.png") repeat-x; color: #336801;}
+	.msg-error {border-color: #f3abab; background: #f9c9c9 url("img/msg-error.png") repeat-x; color: #8d0d0d;}
+	.msg-warn {border-color: #d7e059; background: #f3f7aa url("img/msg-warn.png") repeat-x; color: #6c6600;}
+	.msg-info {border-color: #9fd1f5; background: #c3e6ff url("img/msg-info.png") repeat-x; color: #005898;}
+		</pre>
+		<p>These styles are used for messages in forms (error, success, etc.). You can change color/backgrounds if you want. Feel free.</p>
+		<pre>
+	.msg p {margin: 0 0 8px 0; padding-left: 25px;}
+	.msg-ok {border-color: #a6d877; background: #d2ecba url("img/msg-ok.png") repeat-x; color: #336801;}
+	.msg-error {border-color: #f3abab; background: #f9c9c9 url("img/msg-error.png") repeat-x; color: #8d0d0d;}
+	.msg-warn {border-color: #d7e059; background: #f3f7aa url("img/msg-warn.png") repeat-x; color: #6c6600;}
+	.msg-info {border-color: #9fd1f5; background: #c3e6ff url("img/msg-info.png") repeat-x; color: #005898;}
+		</pre>
+		<hr>
+		<h3 id="javascript"><strong>C) JavaScript</strong> - <a href="#toc">top</a></h3>
+		<p>I used jQuery for dynamic adding of some classes and for handling with the navigation. You won't need to edit that javascipt. And if you'll want to add your own JS, just go ahead (it's located in the &lt;head&gt; of the index.html).</p>
+		<hr>
+		<h3 id="psdFiles"><strong>D) PSD Files</strong> - <a href="boxie-admin.psd">boxie-admin.psd</a> - <a href="#toc">top</a></h3>
+		<p>I've included one PSD with the whole boxie admin's design. It's well structured.</p>
+		<hr>
+		<h3 id="credits"><strong>E) Sources and Credits</strong> - <a href="#toc">top</a></h3>
+		<p>I've used the following images, icons or other files as listed.
+		<ul>
+			<li>DRF Icon Set by <a href="http://jonasraskdesign.com/downloads/downloads.html">Jonas Rask</a></li>
+			<li><a href="http://led24.de/iconset/">LED Icon Set</a></li>
+		</ul>
+		<hr>
+		<p>Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.</p>
+		<p class="append-bottom alt large"><strong>gwaihir</strong></p>
+		<p><a href="#toc">Go To Table of Contents</a></p>
+		<hr class="space">
+	</div><!-- end div .container -->
+</body>
+</html>

data/spec/fixtures/boxie-admin/assets/blueprint-css/ie.css ADDED

@@ -0,0 +1,35 @@
+/* -----------------------------------------------------------------------
+ Blueprint CSS Framework 0.9
+ 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;}
+input.text, input.title {background-color:#fff;border:1px solid #bbb;}
+input.text:focus, input.title:focus {border-color:#666;}
+input.text, input.title, textarea, select {margin:0.5em 0;}
+input.checkbox, input.radio {position:relative;top:.25em;}
+form.inline div, form.inline p {vertical-align:middle;}
+form.inline label {position:relative;top:-0.25em;}
+form.inline input.checkbox, form.inline input.radio, form.inline input.button, form.inline button {margin:0.5em 0;}
+button, input.button {position:relative;top:0.25em;}

data/spec/fixtures/boxie-admin/assets/blueprint-css/plugins/buttons/icons/cross.png ADDED

Binary file

data/spec/fixtures/boxie-admin/assets/blueprint-css/plugins/buttons/icons/key.png ADDED

Binary file

data/spec/fixtures/boxie-admin/assets/blueprint-css/plugins/buttons/icons/tick.png ADDED

Binary file

data/spec/fixtures/boxie-admin/assets/blueprint-css/plugins/buttons/readme.txt ADDED

@@ -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/spec/fixtures/boxie-admin/assets/blueprint-css/plugins/buttons/screen.css ADDED

@@ -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;
+}

data/spec/fixtures/boxie-admin/assets/blueprint-css/plugins/fancy-type/readme.txt ADDED

@@ -0,0 +1,14 @@
+Fancy Type
+* Gives you classes to use if you'd like some
+  extra fancy typography.
+Credits and instructions are specified above each class
+in the fancy-type.css file in this directory.
+Usage
+----------------------------------------------------------------
+1) Add this plugin to lib/settings.yml.
+   See compress.rb for instructions.

data/spec/fixtures/boxie-admin/assets/blueprint-css/plugins/fancy-type/screen.css ADDED

@@ -0,0 +1,71 @@
+/* --------------------------------------------------------------
+   fancy-type.css
+   * Lots of pretty advanced classes for manipulating text.
+   See the Readme file in this folder for additional instructions.
+-------------------------------------------------------------- */
+/* Indentation instead of line shifts for sibling paragraphs. */
+   /* p + p { text-indent:2em; margin-top:-1.5em; } */
+   form p + p  { text-indent: 0; } /* Don't want this in forms. */
+/* For great looking type, use this code instead of asdf:
+   <span class="alt">asdf</span>
+   Best used on prepositions and ampersands. */
+.alt {
+  color: #666;
+  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
+  font-style: italic;
+  font-weight: normal;
+}
+/* For great looking quote marks in titles, replace "asdf" with:
+   <span class="dquo">&#8220;</span>asdf&#8221;
+   (That is, when the title starts with a quote mark).
+   (You may have to change this value depending on your font size). */
+.dquo { margin-left: -.5em; }
+/* Reduced size type with incremental leading
+   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)
+   This could be used for side notes. For smaller type, you don't necessarily want to
+   follow the 1.5x vertical rhythm -- the line-height is too much.
+   Using this class, it reduces your font size and line-height so that for
+   every four lines of normal sized type, there is five lines of the sidenote. eg:
+   New type size in em's:
+     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)
+   New line-height value:
+     12px x 1.5 = 18px (old line-height)
+     18px x 4 = 72px
+     72px / 5 = 14.4px (new line height)
+     14.4px / 10px = 1.44 (new line height in em's) */
+p.incr, .incr p {
+	font-size: 10px;
+	line-height: 1.44em;
+	margin-bottom: 1.5em;
+}
+/* Surround uppercase words and abbreviations with this class.
+   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
+.caps {
+  font-variant: small-caps;
+  letter-spacing: 1px;
+  text-transform: lowercase;
+  font-size:1.2em;
+  line-height:1%;
+  font-weight:bold;
+  padding:0 2px;
+}