mirror of
https://github.com/kennethreitz-archive/gitx.git
synced 2026-06-05 23:40:18 +00:00
Documentation: Add User Manual
This is a first attempt on creating a user manual for GitX. It's style is currently stolen from Scott Schacon's git-scm.com website.
This commit is contained in:
Pieter de Bie
@@ -0,0 +1 @@
|
||||
output/
|
||||
@@ -0,0 +1,21 @@
|
||||
require 'fileutils'
|
||||
require 'erb'
|
||||
|
||||
task :generate do
|
||||
require 'rdiscount'
|
||||
`rm -rf output`
|
||||
FileUtils.mkdir("output")
|
||||
`cat text/*.markdown > output/UserManual.markdown`
|
||||
`cp -r assets output`
|
||||
|
||||
source = Dir.glob("text/**/*.markdown").map do |file|
|
||||
File.read(file)
|
||||
end.join("\n")
|
||||
body = Markdown.new(source).to_html
|
||||
template = ERB.new(File.read("template.html"))
|
||||
|
||||
File.open("output/UserManual.html", "w") do |f|
|
||||
f.puts template.result(binding)
|
||||
end
|
||||
`open output/UserManual.html`
|
||||
end
|
||||
BIN
Binary file not shown.
@@ -0,0 +1,22 @@
|
||||
/* -----------------------------------------------------------------------
|
||||
|
||||
Blueprint CSS Framework 0.7.1
|
||||
http://blueprintcss.googlecode.com
|
||||
|
||||
* Copyright (c) 2007-2008. 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 {overflow-x:hidden;}
|
||||
* html legend {margin:-18px -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;}
|
||||
@@ -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.
|
||||
@@ -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">“</span>asdf”
|
||||
(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;
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
/* -----------------------------------------------------------------------
|
||||
|
||||
Blueprint CSS Framework 0.7.1
|
||||
http://blueprintcss.googlecode.com
|
||||
|
||||
* Copyright (c) 2007-2008. 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.
|
||||
|
||||
----------------------------------------------------------------------- */
|
||||
|
||||
/* print.css */
|
||||
body {line-height:1.5;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;background:none;font-size:10pt;}
|
||||
.container {background:none;}
|
||||
hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;}
|
||||
hr.space {background:#fff;color:#fff;}
|
||||
h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;}
|
||||
code {font:.9em "Courier New", Monaco, Courier, monospace;}
|
||||
img {float:left;margin:1.5em 1.5em 1.5em 0;}
|
||||
a img {border:none;}
|
||||
p img.top {margin-top:0;}
|
||||
blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}
|
||||
.small {font-size:.9em;}
|
||||
.large {font-size:1.1em;}
|
||||
.quiet {color:#999;}
|
||||
.hide {display:none;}
|
||||
a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}
|
||||
a:link:after, a:visited:after {content:" (" attr(href) ") ";font-size:90%;}
|
||||
+225
@@ -0,0 +1,225 @@
|
||||
/*
|
||||
BLUEPRINT CSS
|
||||
* Filename: compressed.css
|
||||
* Version: 0.7.1 (2008-02-25) YYYY-MM-DD
|
||||
* Website: http://code.google.com/p/blueprintcss/
|
||||
|
||||
Generated by:
|
||||
* Blueprint CSS Grid Generator (2008-07-22) [http://kematzy.com/blueprint-generator/]
|
||||
|
||||
== STRUCTURE: ========================
|
||||
* Page width: 788 px
|
||||
* Number of columns: 21
|
||||
* Column width: 28 px
|
||||
* Margin width: 10 px
|
||||
======================================
|
||||
|
||||
*/
|
||||
|
||||
/* reset.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;}
|
||||
table {border-collapse:separate;border-spacing:0;}
|
||||
caption, th, td {text-align:left;font-weight:normal;}
|
||||
table, td, th {vertical-align:middle;}
|
||||
blockquote:before, blockquote:after, q:before, q:after {content:"";}
|
||||
blockquote, q {quotes:"" "";}
|
||||
a img {border:none;}
|
||||
|
||||
/* typography.css */
|
||||
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
|
||||
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;height: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;}
|
||||
p {margin:0 0 1.5em;}
|
||||
p img {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, code {margin:1.5em 0;white-space:pre;}
|
||||
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
|
||||
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;}
|
||||
table {margin-bottom:1.4em;width:100%;}
|
||||
th {font-weight:bold;background:#C3D9FF;}
|
||||
th, td {padding:4px 10px 4px 5px;}
|
||||
tr.even td {background:#E5ECF9;}
|
||||
tfoot {font-style:italic;}
|
||||
caption {background:#eee;}
|
||||
.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;}
|
||||
|
||||
/* grid.css */
|
||||
.container {width:788px;margin:0 auto;}
|
||||
.showgrid {background:url(src/grid.png);}
|
||||
body {margin:1.5em 0;}
|
||||
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21 {float:left;margin-right: 10px;}
|
||||
|
||||
div.last {margin-right:0;}
|
||||
.span-1 { width: 28px;}
|
||||
.span-2 { width: 66px;}
|
||||
.span-3 { width: 104px;}
|
||||
.span-4 { width: 142px;}
|
||||
.span-5 { width: 180px;}
|
||||
.span-6 { width: 218px;}
|
||||
.span-7 { width: 256px;}
|
||||
.span-8 { width: 294px;}
|
||||
.span-9 { width: 332px;}
|
||||
.span-10 { width: 370px;}
|
||||
.span-11 { width: 408px;}
|
||||
.span-12 { width: 446px;}
|
||||
.span-13 { width: 484px;}
|
||||
.span-14 { width: 522px;}
|
||||
.span-15 { width: 560px;}
|
||||
.span-16 { width: 598px;}
|
||||
.span-17 { width: 636px;}
|
||||
.span-18 { width: 674px;}
|
||||
.span-19 { width: 712px;}
|
||||
.span-20 { width: 750px;}
|
||||
.span-21, div.span-21 { width: 788px; margin: 0; }
|
||||
|
||||
.append-1 { padding-right: 38px;}
|
||||
.append-2 { padding-right: 76px;}
|
||||
.append-3 { padding-right: 114px;}
|
||||
.append-4 { padding-right: 152px;}
|
||||
.append-5 { padding-right: 190px;}
|
||||
.append-6 { padding-right: 228px;}
|
||||
.append-7 { padding-right: 266px;}
|
||||
.append-8 { padding-right: 304px;}
|
||||
.append-9 { padding-right: 342px;}
|
||||
.append-10 { padding-right: 380px;}
|
||||
.append-11 { padding-right: 418px;}
|
||||
.append-12 { padding-right: 456px;}
|
||||
.append-13 { padding-right: 494px;}
|
||||
.append-14 { padding-right: 532px;}
|
||||
.append-15 { padding-right: 570px;}
|
||||
.append-16 { padding-right: 608px;}
|
||||
.append-17 { padding-right: 646px;}
|
||||
.append-18 { padding-right: 684px;}
|
||||
.append-19 { padding-right: 722px;}
|
||||
.append-20 { padding-right: 760px;}
|
||||
|
||||
.prepend-1 { padding-left: 38px;}
|
||||
.prepend-2 { padding-left: 76px;}
|
||||
.prepend-3 { padding-left: 114px;}
|
||||
.prepend-4 { padding-left: 152px;}
|
||||
.prepend-5 { padding-left: 190px;}
|
||||
.prepend-6 { padding-left: 228px;}
|
||||
.prepend-7 { padding-left: 266px;}
|
||||
.prepend-8 { padding-left: 304px;}
|
||||
.prepend-9 { padding-left: 342px;}
|
||||
.prepend-10 { padding-left: 380px;}
|
||||
.prepend-11 { padding-left: 418px;}
|
||||
.prepend-12 { padding-left: 456px;}
|
||||
.prepend-13 { padding-left: 494px;}
|
||||
.prepend-14 { padding-left: 532px;}
|
||||
.prepend-15 { padding-left: 570px;}
|
||||
.prepend-16 { padding-left: 608px;}
|
||||
.prepend-17 { padding-left: 646px;}
|
||||
.prepend-18 { padding-left: 684px;}
|
||||
.prepend-19 { padding-left: 722px;}
|
||||
.prepend-20 { padding-left: 760px;}
|
||||
|
||||
div.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
|
||||
div.colborder { padding-right:24px;margin-right:23px;border-right:1px solid #eee;}
|
||||
.pull-1 { margin-left: -38px;}
|
||||
.pull-2 { margin-left: -76px;}
|
||||
.pull-3 { margin-left: -114px;}
|
||||
.pull-4 { margin-left: -152px;}
|
||||
.pull-5 { margin-left: -190px;}
|
||||
.pull-6 { margin-left: -228px;}
|
||||
.pull-7 { margin-left: -266px;}
|
||||
.pull-8 { margin-left: -304px;}
|
||||
.pull-9 { margin-left: -342px;}
|
||||
.pull-10 { margin-left: -380px;}
|
||||
.pull-11 { margin-left: -418px;}
|
||||
.pull-12 { margin-left: -456px;}
|
||||
.pull-13 { margin-left: -494px;}
|
||||
.pull-14 { margin-left: -532px;}
|
||||
.pull-15 { margin-left: -570px;}
|
||||
.pull-16 { margin-left: -608px;}
|
||||
.pull-17 { margin-left: -646px;}
|
||||
.pull-18 { margin-left: -684px;}
|
||||
.pull-19 { margin-left: -722px;}
|
||||
.pull-20 { margin-left: -760px;}
|
||||
.pull-21 { margin-left: -798px;}
|
||||
|
||||
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21 {float:left;position:relative;}
|
||||
|
||||
.push-1 { margin: 0 -38px 1.5em 38px;}
|
||||
.push-2 { margin: 0 -76px 1.5em 76px;}
|
||||
.push-3 { margin: 0 -114px 1.5em 114px;}
|
||||
.push-4 { margin: 0 -152px 1.5em 152px;}
|
||||
.push-5 { margin: 0 -190px 1.5em 190px;}
|
||||
.push-6 { margin: 0 -228px 1.5em 228px;}
|
||||
.push-7 { margin: 0 -266px 1.5em 266px;}
|
||||
.push-8 { margin: 0 -304px 1.5em 304px;}
|
||||
.push-9 { margin: 0 -342px 1.5em 342px;}
|
||||
.push-10 { margin: 0 -380px 1.5em 380px;}
|
||||
.push-11 { margin: 0 -418px 1.5em 418px;}
|
||||
.push-12 { margin: 0 -456px 1.5em 456px;}
|
||||
.push-13 { margin: 0 -494px 1.5em 494px;}
|
||||
.push-14 { margin: 0 -532px 1.5em 532px;}
|
||||
.push-15 { margin: 0 -570px 1.5em 570px;}
|
||||
.push-16 { margin: 0 -608px 1.5em 608px;}
|
||||
.push-17 { margin: 0 -646px 1.5em 646px;}
|
||||
.push-18 { margin: 0 -684px 1.5em 684px;}
|
||||
.push-19 { margin: 0 -722px 1.5em 722px;}
|
||||
.push-20 { margin: 0 -760px 1.5em 760px;}
|
||||
.push-21 { margin: 0 -798px 1.5em 798px;}
|
||||
|
||||
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21 {float:right;position:relative;}
|
||||
|
||||
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
|
||||
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
|
||||
hr.space {background:#fff;color:#fff;}
|
||||
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
|
||||
.clearfix, .container {display:inline-block;}
|
||||
* html .clearfix, * html .container {height:1%;}
|
||||
.clearfix, .container {display:block;}
|
||||
.clear {clear:both;}
|
||||
|
||||
/* forms.css */
|
||||
label {font-weight:bold;}
|
||||
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
|
||||
legend {font-weight:bold;font-size:1.2em;}
|
||||
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
|
||||
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
|
||||
input.text, input.title {width:300px;padding:5px;}
|
||||
input.title {font-size:1.5em;}
|
||||
textarea {width:390px;height:250px;padding:5px;}
|
||||
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
|
||||
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
|
||||
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
|
||||
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
|
||||
.error a {color:#8a1f11;}
|
||||
.notice a {color:#514721;}
|
||||
.success a {color:#264409;}
|
||||
@@ -0,0 +1,49 @@
|
||||
/* --------------------------------------------------------------
|
||||
|
||||
forms.css
|
||||
* Sets up some default styling for forms
|
||||
* Gives you classes to enhance your forms
|
||||
|
||||
Usage:
|
||||
* For text fields, use class .title or .text
|
||||
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
label { font-weight: bold; }
|
||||
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
|
||||
legend { font-weight: bold; font-size:1.2em; }
|
||||
|
||||
|
||||
/* Form fields
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
input.text, input.title,
|
||||
textarea, select {
|
||||
margin:0.5em 0;
|
||||
border:1px solid #bbb;
|
||||
}
|
||||
|
||||
input.text:focus, input.title:focus,
|
||||
textarea:focus, select:focus {
|
||||
border:1px solid #666;
|
||||
}
|
||||
|
||||
input.text,
|
||||
input.title { width: 300px; padding:5px; }
|
||||
input.title { font-size:1.5em; }
|
||||
textarea { width: 390px; height: 250px; padding:5px; }
|
||||
|
||||
|
||||
/* Success, notice and error boxes
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
.error,
|
||||
.notice,
|
||||
.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
|
||||
|
||||
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
|
||||
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
|
||||
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
|
||||
.error a { color: #8a1f11; }
|
||||
.notice a { color: #514721; }
|
||||
.success a { color: #264409; }
|
||||
+250
@@ -0,0 +1,250 @@
|
||||
/* --------------------------------------------------------------
|
||||
|
||||
BLUEPRINT CSS
|
||||
* Filename: grid.css
|
||||
* Version: 0.7.1 (2008-02-25) YYYY-MM-DD
|
||||
* Website: http://code.google.com/p/blueprintcss/
|
||||
|
||||
Generated by:
|
||||
* Blueprint CSS Grid Generator (2008-07-23) [http://kematzy.com/blueprint-generator/]
|
||||
|
||||
Based on work by:
|
||||
* Olav Bjorkoy [bjorkoy.com]
|
||||
* Nathan Borror [playgroundblues.com]
|
||||
* Jeff Croft [jeffcroft.com]
|
||||
* Christian Metts [mintchaos.com]
|
||||
* Khoi Vinh [subtraction.com]
|
||||
|
||||
== STRUCTURE: ========================
|
||||
* Page width: 788 px
|
||||
* Number of columns: 21
|
||||
* Column width: 28 px
|
||||
* Margin width: 10 px
|
||||
======================================
|
||||
|
||||
By default, the grid is 788px wide, with 21 columns
|
||||
spanning 28px, and a 10px margin between columns.
|
||||
|
||||
If you need fewer or more columns, use this formula to calculate
|
||||
the new total width:
|
||||
|
||||
Total width = (number_of_columns * column_width) - margin_width
|
||||
|
||||
Read more about using a grid here:
|
||||
* subtraction.com/archives/2007/0318_oh_yeeaahh.php
|
||||
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
/* A container should group all your columns. */
|
||||
.container {
|
||||
width: 788px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* Use this class on any div.span / container to see the grid. */
|
||||
.showgrid {
|
||||
background: url(src/grid.png);
|
||||
}
|
||||
|
||||
/* Body margin for a sensile default look. */
|
||||
body {
|
||||
margin:1.5em 0;
|
||||
}
|
||||
|
||||
|
||||
/* Columns
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
/* Sets up basic grid floating and margin. */
|
||||
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21 {float:left;margin-right: 10px;}
|
||||
|
||||
/* The last column in a row needs this class. */
|
||||
div.last { margin-right: 0; }
|
||||
|
||||
/* Use these classes to set the width of a column. */
|
||||
.span-1 { width: 28px;}
|
||||
.span-2 { width: 66px;}
|
||||
.span-3 { width: 104px;}
|
||||
.span-4 { width: 142px;}
|
||||
.span-5 { width: 180px;}
|
||||
.span-6 { width: 218px;}
|
||||
.span-7 { width: 256px;}
|
||||
.span-8 { width: 294px;}
|
||||
.span-9 { width: 332px;}
|
||||
.span-10 { width: 370px;}
|
||||
.span-11 { width: 408px;}
|
||||
.span-12 { width: 446px;}
|
||||
.span-13 { width: 484px;}
|
||||
.span-14 { width: 522px;}
|
||||
.span-15 { width: 560px;}
|
||||
.span-16 { width: 598px;}
|
||||
.span-17 { width: 636px;}
|
||||
.span-18 { width: 674px;}
|
||||
.span-19 { width: 712px;}
|
||||
.span-20 { width: 750px;}
|
||||
.span-21, div.span-21 { width: 788px; margin: 0; }
|
||||
|
||||
|
||||
/* Add these to a column to append empty cols. */
|
||||
.append-1 { padding-right: 38px;}
|
||||
.append-2 { padding-right: 76px;}
|
||||
.append-3 { padding-right: 114px;}
|
||||
.append-4 { padding-right: 152px;}
|
||||
.append-5 { padding-right: 190px;}
|
||||
.append-6 { padding-right: 228px;}
|
||||
.append-7 { padding-right: 266px;}
|
||||
.append-8 { padding-right: 304px;}
|
||||
.append-9 { padding-right: 342px;}
|
||||
.append-10 { padding-right: 380px;}
|
||||
.append-11 { padding-right: 418px;}
|
||||
.append-12 { padding-right: 456px;}
|
||||
.append-13 { padding-right: 494px;}
|
||||
.append-14 { padding-right: 532px;}
|
||||
.append-15 { padding-right: 570px;}
|
||||
.append-16 { padding-right: 608px;}
|
||||
.append-17 { padding-right: 646px;}
|
||||
.append-18 { padding-right: 684px;}
|
||||
.append-19 { padding-right: 722px;}
|
||||
.append-20 { padding-right: 760px;}
|
||||
|
||||
|
||||
/* Add these to a column to prepend empty cols. */
|
||||
.prepend-1 { padding-left: 38px;}
|
||||
.prepend-2 { padding-left: 76px;}
|
||||
.prepend-3 { padding-left: 114px;}
|
||||
.prepend-4 { padding-left: 152px;}
|
||||
.prepend-5 { padding-left: 190px;}
|
||||
.prepend-6 { padding-left: 228px;}
|
||||
.prepend-7 { padding-left: 266px;}
|
||||
.prepend-8 { padding-left: 304px;}
|
||||
.prepend-9 { padding-left: 342px;}
|
||||
.prepend-10 { padding-left: 380px;}
|
||||
.prepend-11 { padding-left: 418px;}
|
||||
.prepend-12 { padding-left: 456px;}
|
||||
.prepend-13 { padding-left: 494px;}
|
||||
.prepend-14 { padding-left: 532px;}
|
||||
.prepend-15 { padding-left: 570px;}
|
||||
.prepend-16 { padding-left: 608px;}
|
||||
.prepend-17 { padding-left: 646px;}
|
||||
.prepend-18 { padding-left: 684px;}
|
||||
.prepend-19 { padding-left: 722px;}
|
||||
.prepend-20 { padding-left: 760px;}
|
||||
|
||||
|
||||
|
||||
/* Border on right hand side of a column. */
|
||||
div.border {
|
||||
padding-right:4px;
|
||||
margin-right:5px;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
/* Border with more whitespace, spans one column. */
|
||||
div.colborder {
|
||||
padding-right:26px;
|
||||
margin-right:23px;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
/* Use these classes on an element to push it into the
|
||||
next column, or to pull it into the previous column. */
|
||||
|
||||
.pull-1 { margin-left: -38px;}
|
||||
.pull-2 { margin-left: -76px;}
|
||||
.pull-3 { margin-left: -114px;}
|
||||
.pull-4 { margin-left: -152px;}
|
||||
.pull-5 { margin-left: -190px;}
|
||||
.pull-6 { margin-left: -228px;}
|
||||
.pull-7 { margin-left: -266px;}
|
||||
.pull-8 { margin-left: -304px;}
|
||||
.pull-9 { margin-left: -342px;}
|
||||
.pull-10 { margin-left: -380px;}
|
||||
.pull-11 { margin-left: -418px;}
|
||||
.pull-12 { margin-left: -456px;}
|
||||
.pull-13 { margin-left: -494px;}
|
||||
.pull-14 { margin-left: -532px;}
|
||||
.pull-15 { margin-left: -570px;}
|
||||
.pull-16 { margin-left: -608px;}
|
||||
.pull-17 { margin-left: -646px;}
|
||||
.pull-18 { margin-left: -684px;}
|
||||
.pull-19 { margin-left: -722px;}
|
||||
.pull-20 { margin-left: -760px;}
|
||||
.pull-21 { margin-left: -798px;}
|
||||
|
||||
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21 {float:left;position:relative;}
|
||||
|
||||
|
||||
.push-1 { margin: 0 -38px 1.5em 38px;}
|
||||
.push-2 { margin: 0 -76px 1.5em 76px;}
|
||||
.push-3 { margin: 0 -114px 1.5em 114px;}
|
||||
.push-4 { margin: 0 -152px 1.5em 152px;}
|
||||
.push-5 { margin: 0 -190px 1.5em 190px;}
|
||||
.push-6 { margin: 0 -228px 1.5em 228px;}
|
||||
.push-7 { margin: 0 -266px 1.5em 266px;}
|
||||
.push-8 { margin: 0 -304px 1.5em 304px;}
|
||||
.push-9 { margin: 0 -342px 1.5em 342px;}
|
||||
.push-10 { margin: 0 -380px 1.5em 380px;}
|
||||
.push-11 { margin: 0 -418px 1.5em 418px;}
|
||||
.push-12 { margin: 0 -456px 1.5em 456px;}
|
||||
.push-13 { margin: 0 -494px 1.5em 494px;}
|
||||
.push-14 { margin: 0 -532px 1.5em 532px;}
|
||||
.push-15 { margin: 0 -570px 1.5em 570px;}
|
||||
.push-16 { margin: 0 -608px 1.5em 608px;}
|
||||
.push-17 { margin: 0 -646px 1.5em 646px;}
|
||||
.push-18 { margin: 0 -684px 1.5em 684px;}
|
||||
.push-19 { margin: 0 -722px 1.5em 722px;}
|
||||
.push-20 { margin: 0 -760px 1.5em 760px;}
|
||||
.push-21 { margin: 0 -798px 1.5em 798px;}
|
||||
|
||||
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21 {float:right;position:relative;}
|
||||
|
||||
|
||||
|
||||
/* Misc classes and elements
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
/* Use a .box to create a padded box inside a column. */
|
||||
.box {
|
||||
padding: 1.5em;
|
||||
margin-bottom: 1.5em;
|
||||
background: #E5ECF9;
|
||||
}
|
||||
|
||||
/* Use this to create a horizontal ruler across a column. */
|
||||
hr {
|
||||
background: #ddd;
|
||||
color: #ddd;
|
||||
clear: both;
|
||||
float: none;
|
||||
width: 100%;
|
||||
height: .1em;
|
||||
margin: 0 0 1.45em;
|
||||
border: none;
|
||||
}
|
||||
hr.space {
|
||||
background: #fff;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
/* Clearing floats without extra markup
|
||||
Based on How To Clear Floats Without Structural Markup by PiE
|
||||
[http://www.positioniseverything.net/easyclearing.html] */
|
||||
|
||||
.clearfix:after, .container:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
.clearfix, .container {display: inline-block;}
|
||||
* html .clearfix,
|
||||
* html .container {height: 1%;}
|
||||
.clearfix, .container {display: block;}
|
||||
|
||||
/* Regular clearing
|
||||
apply to column that should drop below previous ones. */
|
||||
|
||||
.clear { clear:both; }
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 98 B |
@@ -0,0 +1,35 @@
|
||||
/* --------------------------------------------------------------
|
||||
|
||||
ie.css
|
||||
|
||||
Contains every hack for Internet Explorer,
|
||||
so that our core files stay sweet and nimble.
|
||||
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
/* Make sure the layout is centered in IE5 */
|
||||
body { text-align: center; }
|
||||
.container { text-align: left; }
|
||||
|
||||
/* Fixes IE margin bugs */
|
||||
* html .column { overflow-x: hidden; }
|
||||
|
||||
|
||||
/* Elements
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
/* Fixes incorrect styling of legend in IE6. */
|
||||
* html legend { margin:-18px -8px 16px 0; padding:0; }
|
||||
|
||||
/* Fixes incorrect placement of ol numbers in IE6/7. */
|
||||
ol { margin-left:2em; }
|
||||
|
||||
/* Fixes wrong line-height on sup/sub in IE. */
|
||||
sup { vertical-align: text-top; }
|
||||
sub { vertical-align: text-bottom; }
|
||||
|
||||
/* Fixes IE7 missing wrapping of code elements. */
|
||||
html>body p code { *white-space: normal; }
|
||||
|
||||
/* IE 6&7 has problems with setting proper <hr> margins. */
|
||||
hr { margin: -8px auto 11px; }
|
||||
+85
@@ -0,0 +1,85 @@
|
||||
/* --------------------------------------------------------------
|
||||
|
||||
print.css
|
||||
* Gives you some sensible styles for printing pages.
|
||||
* See Readme file in this directory for further instructions.
|
||||
|
||||
Some additions you'll want to make, customized to your markup:
|
||||
#header, #footer, #navigation { display:none; }
|
||||
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
body {
|
||||
line-height: 1.5;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
color:#000;
|
||||
background: none;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
|
||||
/* Layout
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
.container {
|
||||
background: none;
|
||||
}
|
||||
|
||||
hr {
|
||||
background:#ccc;
|
||||
color:#ccc;
|
||||
width:100%;
|
||||
height:2px;
|
||||
margin:2em 0;
|
||||
padding:0;
|
||||
border:none;
|
||||
}
|
||||
hr.space {
|
||||
background: #fff;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
/* Text
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; }
|
||||
code { font:.9em "Courier New", Monaco, Courier, monospace; }
|
||||
|
||||
img { float:left; margin:1.5em 1.5em 1.5em 0; }
|
||||
a img { border:none; }
|
||||
p img.top { margin-top: 0; }
|
||||
|
||||
blockquote {
|
||||
margin:1.5em;
|
||||
padding:1em;
|
||||
font-style:italic;
|
||||
font-size:.9em;
|
||||
}
|
||||
|
||||
.small { font-size: .9em; }
|
||||
.large { font-size: 1.1em; }
|
||||
.quiet { color: #999; }
|
||||
.hide { display:none; }
|
||||
|
||||
|
||||
/* Links
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
a:link, a:visited {
|
||||
background: transparent;
|
||||
font-weight:700;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:link:after, a:visited:after {
|
||||
content: " (" attr(href) ") ";
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
/* If you're having trouble printing relative links, uncomment and customize this:
|
||||
(note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */
|
||||
|
||||
/* a[href^="/"]:after {
|
||||
content: " (http://www.yourdomain.com" attr(href) ") ";
|
||||
} */
|
||||
+38
@@ -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; }
|
||||
@@ -0,0 +1,104 @@
|
||||
/* --------------------------------------------------------------
|
||||
|
||||
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", Helvetica, Arial, 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; height: 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 { 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,code { 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; background: #C3D9FF; }
|
||||
th,td { 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; }
|
||||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 158 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 232 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 218 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 97 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
@@ -0,0 +1,2 @@
|
||||
// Place your application-specific JavaScript functions and classes here
|
||||
// This file is automatically included by javascript_include_tag :defaults
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,53 @@
|
||||
/*
|
||||
JQuery Curvy Corners by Mike Jolley -
|
||||
http://blue-anvil.com
|
||||
18th July 2008
|
||||
v1.6 - B180708
|
||||
*/
|
||||
(function($){$.fn.corner=function(options){var settings={tl:{radius:8},tr:{radius:8},bl:{radius:8},br:{radius:8},antiAlias:true,autoPad:true,validTags:["div"]};if(options&&typeof(options)!='string')
|
||||
$.extend(settings,options);return this.each(function(){new curvyObject(settings,this).applyCorners();});};function curvyObject(){this.box=arguments[1];this.settings=arguments[0];this.topContainer=null;this.bottomContainer=null;this.masterCorners=new Array();this.contentDIV=null;var boxPosition=$(this.box).css("position");var bgImage=$(this.box).css("backgroundImage");this.boxHeight=strip_px($(this.box).css("height"))?strip_px($(this.box).css("height")):this.box.scrollHeight;this.boxWidth=strip_px($(this.box).css("width"))?strip_px($(this.box).css("width")):this.box.scrollWidth;this.borderWidth=strip_px($(this.box).css("borderTopWidth"))?strip_px($(this.box).css("borderTopWidth")):0;this.boxPaddingTop=strip_px($(this.box).css("paddingTop"));this.boxPaddingBottom=strip_px($(this.box).css("paddingBottom"));this.boxPaddingLeft=strip_px($(this.box).css("paddingLeft"));this.boxPaddingRight=strip_px($(this.box).css("paddingRight"));this.boxColour=format_colour($(this.box).css("backgroundColor"));this.bgImage=(bgImage!="none"&&bgImage!="initial")?bgImage:"";this.boxContent=$(this.box).html();this.borderColour=format_colour($(this.box).css("borderTopColor"));this.borderString=this.borderWidth+"px"+" solid "+this.borderColour;$(this.box).css({"padding":"0px","borderColor":this.borderColour});if(boxPosition!="absolute")$(this.box).css("position","relative");if(($.browser.msie&&$.browser.version==6)&&this.boxWidth=="auto"&&this.boxHeight=="auto")$(this.box).css("width","100%");if(($.browser.msie)){$(this.box).css("zoom","1");$(this.box+" *").css("zoom","normal");}
|
||||
if(this.settings.autoPad==true)
|
||||
$(this.box).html("");this.applyCorners=function(){var topMaxRadius=Math.max(this.settings.tl?this.settings.tl.radius:0,this.settings.tr?this.settings.tr.radius:0);var botMaxRadius=Math.max(this.settings.bl?this.settings.bl.radius:0,this.settings.br?this.settings.br.radius:0);for(var t=0;t<2;t++){switch(t){case 0:if(this.settings.tl||this.settings.tr){var newMainContainer=document.createElement("div");this.topContainer=this.box.appendChild(newMainContainer);$(this.topContainer).css({width:"100%","font-size":"1px",overflow:"hidden",position:"absolute","padding-left":this.borderWidth,"padding-right":this.borderWidth,height:topMaxRadius+"px",top:0-topMaxRadius+"px",left:0-this.borderWidth+"px"});};break;case 1:if(this.settings.bl||this.settings.br){var newMainContainer=document.createElement("div");this.bottomContainer=this.box.appendChild(newMainContainer);$(this.bottomContainer).css({width:"100%","font-size":"1px",overflow:"hidden",position:"absolute","padding-left":this.borderWidth,"padding-right":this.borderWidth,height:botMaxRadius,bottom:0-botMaxRadius+"px",left:0-this.borderWidth+"px"});};break;};};if(this.settings.autoPad==true){var contentContainer=document.createElement("div");var contentContainer2=document.createElement("div");var clearDiv=document.createElement("div");$(contentContainer2).css({margin:"0","padding-bottom":this.boxPaddingBottom,"padding-top":this.boxPaddingTop,"padding-left":this.boxPaddingLeft,"padding-right":this.boxPaddingRight});$(contentContainer).css({position:"relative",float:"left",width:"100%","margin-top":"-"+(topMaxRadius-this.borderWidth)+"px","margin-bottom":"-"+(botMaxRadius-this.borderWidth)+"px"}).html(this.boxContent).addClass="autoPadDiv";$(clearDiv).css("clear","both");this.contentdiv=this.box.appendChild(contentContainer2);contentContainer2.appendChild(contentContainer);contentContainer2.appendChild(clearDiv);};if(this.topContainer)$(this.box).css("border-top",0);if(this.bottomContainer)$(this.box).css("border-bottom",0);var corners=["tr","tl","br","bl"];for(var i in corners){if(i>-1<4){var cc=corners[i];if(!this.settings[cc]){if(((cc=="tr"||cc=="tl")&&this.topContainer!=null)||((cc=="br"||cc=="bl")&&this.bottomContainer!=null)){var newCorner=document.createElement("div");$(newCorner).css({position:"relative","font-size":"1px",overflow:"hidden"});if(this.bgImage=="")
|
||||
$(newCorner).css("background-color",this.boxColour);else
|
||||
$(newCorner).css("background-image",this.bgImage).css("background-color",this.boxColour);;switch(cc)
|
||||
{case"tl":$(newCorner).css({height:topMaxRadius-this.borderWidth,"margin-right":this.settings.tr.radius-(this.borderWidth*2),"border-left":this.borderString,"border-top":this.borderString,left:-this.borderWidth+"px","background-repeat":$(this.box).css("background-repeat"),"background-position":this.borderWidth+"px 0px"});break;case"tr":$(newCorner).css({height:topMaxRadius-this.borderWidth,"margin-left":this.settings.tl.radius-(this.borderWidth*2),"border-right":this.borderString,"border-top":this.borderString,left:this.borderWidth+"px","background-repeat":$(this.box).css("background-repeat"),"background-position":"-"+(topMaxRadius+this.borderWidth)+"px 0px"});break;case"bl":if(topMaxRadius>0)
|
||||
$(newCorner).css({height:botMaxRadius-this.borderWidth,"margin-right":this.settings.br.radius-(this.borderWidth*2),"border-left":this.borderString,"border-bottom":this.borderString,left:-this.borderWidth+"px","background-repeat":$(this.box).css("background-repeat"),"background-position":"0px -"+($(this.box).height()+topMaxRadius-this.borderWidth+1)+"px"});else
|
||||
$(newCorner).css({height:botMaxRadius-this.borderWidth,"margin-right":this.settings.br.radius-(this.borderWidth*2),"border-left":this.borderString,"border-bottom":this.borderString,left:-this.borderWidth+"px","background-repeat":$(this.box).css("background-repeat"),"background-position":"0px -"+($(this.box).height())+"px"});break;case"br":if(topMaxRadius>0)
|
||||
$(newCorner).css({height:botMaxRadius-this.borderWidth,"margin-left":this.settings.bl.radius-(this.borderWidth*2),"border-right":this.borderString,"border-bottom":this.borderString,left:this.borderWidth+"px","background-repeat":$(this.box).css("background-repeat"),"background-position":"-"+this.settings.bl.radius+this.borderWidth+"px -"+($(this.box).height()+topMaxRadius-this.borderWidth+1)+"px"});else
|
||||
$(newCorner).css({height:botMaxRadius-this.borderWidth,"margin-left":this.settings.bl.radius-(this.borderWidth*2),"border-right":this.borderString,"border-bottom":this.borderString,left:this.borderWidth+"px","background-repeat":$(this.box).css("background-repeat"),"background-position":"-"+this.settings.bl.radius+this.borderWidth+"px -"+($(this.box).height())+"px"});break;};};}else{if(this.masterCorners[this.settings[cc].radius]){var newCorner=this.masterCorners[this.settings[cc].radius].cloneNode(true);}else{var newCorner=document.createElement("DIV");$(newCorner).css({height:this.settings[cc].radius,width:this.settings[cc].radius,position:"absolute","font-size":"1px",overflow:"hidden"});var borderRadius=parseInt(this.settings[cc].radius-this.borderWidth);for(var intx=0,j=this.settings[cc].radius;intx<j;intx++){if((intx+1)>=borderRadius)
|
||||
var y1=-1;else
|
||||
var y1=(Math.floor(Math.sqrt(Math.pow(borderRadius,2)-Math.pow((intx+1),2)))-1);if(borderRadius!=j){if((intx)>=borderRadius)
|
||||
var y2=-1;else
|
||||
var y2=Math.ceil(Math.sqrt(Math.pow(borderRadius,2)-Math.pow(intx,2)));if((intx+1)>=j)
|
||||
var y3=-1;else
|
||||
var y3=(Math.floor(Math.sqrt(Math.pow(j,2)-Math.pow((intx+1),2)))-1);};if((intx)>=j)
|
||||
var y4=-1;else
|
||||
var y4=Math.ceil(Math.sqrt(Math.pow(j,2)-Math.pow(intx,2)));if(y1>-1)this.drawPixel(intx,0,this.boxColour,100,(y1+1),newCorner,-1,this.settings[cc].radius);if(borderRadius!=j){for(var inty=(y1+1);inty<y2;inty++){if(this.settings.antiAlias){if(this.bgImage!=""){var borderFract=(pixelFraction(intx,inty,borderRadius)*100);if(borderFract<30){this.drawPixel(intx,inty,this.borderColour,100,1,newCorner,0,this.settings[cc].radius);}else{this.drawPixel(intx,inty,this.borderColour,100,1,newCorner,-1,this.settings[cc].radius);};}else{var pixelcolour=BlendColour(this.boxColour,this.borderColour,pixelFraction(intx,inty,borderRadius));this.drawPixel(intx,inty,pixelcolour,100,1,newCorner,0,this.settings[cc].radius,cc);};};};if(this.settings.antiAlias){if(y3>=y2)
|
||||
{if(y2==-1)y2=0;this.drawPixel(intx,y2,this.borderColour,100,(y3-y2+1),newCorner,0,0);}}else{if(y3>=y1)
|
||||
{this.drawPixel(intx,(y1+1),this.borderColour,100,(y3-y1),newCorner,0,0);}};var outsideColour=this.borderColour;}else{var outsideColour=this.boxColour;var y3=y1;};if(this.settings.antiAlias){for(var inty=(y3+1);inty<y4;inty++){this.drawPixel(intx,inty,outsideColour,(pixelFraction(intx,inty,j)*100),1,newCorner,((this.borderWidth>0)?0:-1),this.settings[cc].radius);};};};this.masterCorners[this.settings[cc].radius]=newCorner.cloneNode(true);};if(cc!="br"){for(var t=0,k=newCorner.childNodes.length;t<k;t++){var pixelBar=newCorner.childNodes[t];var pixelBarTop=strip_px($(pixelBar).css("top"));var pixelBarLeft=strip_px($(pixelBar).css("left"));var pixelBarHeight=strip_px($(pixelBar).css("height"));if(cc=="tl"||cc=="bl"){$(pixelBar).css("left",this.settings[cc].radius-pixelBarLeft-1+"px");};if(cc=="tr"||cc=="tl"){$(pixelBar).css("top",this.settings[cc].radius-pixelBarHeight-pixelBarTop+"px");};switch(cc){case"tr":$(pixelBar).css("background-position","-"+Math.abs((this.boxWidth-this.settings[cc].radius+this.borderWidth)+pixelBarLeft)+"px -"+Math.abs(this.settings[cc].radius-pixelBarHeight-pixelBarTop-this.borderWidth)+"px");break;case"tl":$(pixelBar).css("background-position","-"+Math.abs((this.settings[cc].radius-pixelBarLeft-1)-this.borderWidth)+"px -"+Math.abs(this.settings[cc].radius-pixelBarHeight-pixelBarTop-this.borderWidth)+"px");break;case"bl":if(topMaxRadius>0)
|
||||
$(pixelBar).css("background-position","-"+Math.abs((this.settings[cc].radius-pixelBarLeft-1)-this.borderWidth)+"px -"+Math.abs(($(this.box).height()+topMaxRadius-this.borderWidth+1))+"px");else
|
||||
$(pixelBar).css("background-position","-"+Math.abs((this.settings[cc].radius-pixelBarLeft-1)-this.borderWidth)+"px -"+Math.abs(($(this.box).height()))+"px");break;};};};};if(newCorner){switch(cc){case"tl":if($(newCorner).css("position")=="absolute")$(newCorner).css("top","0");if($(newCorner).css("position")=="absolute")$(newCorner).css("left","0");if(this.topContainer)this.topContainer.appendChild(newCorner);break;case"tr":if($(newCorner).css("position")=="absolute")$(newCorner).css("top","0");if($(newCorner).css("position")=="absolute")$(newCorner).css("right","0");if(this.topContainer)this.topContainer.appendChild(newCorner);break;case"bl":if($(newCorner).css("position")=="absolute")$(newCorner).css("bottom","0");if(newCorner.style.position=="absolute")$(newCorner).css("left","0");if(this.bottomContainer)this.bottomContainer.appendChild(newCorner);break;case"br":if($(newCorner).css("position")=="absolute")$(newCorner).css("bottom","0");if($(newCorner).css("position")=="absolute")$(newCorner).css("right","0");if(this.bottomContainer)this.bottomContainer.appendChild(newCorner);break;};};};};var radiusDiff=new Array();radiusDiff["t"]=Math.abs(this.settings.tl.radius-this.settings.tr.radius);radiusDiff["b"]=Math.abs(this.settings.bl.radius-this.settings.br.radius);for(z in radiusDiff){if(z=="t"||z=="b"){if(radiusDiff[z]){var smallerCornerType=((this.settings[z+"l"].radius<this.settings[z+"r"].radius)?z+"l":z+"r");var newFiller=document.createElement("div");$(newFiller).css({height:radiusDiff[z],width:this.settings[smallerCornerType].radius+"px",position:"absolute","font-size":"1px",overflow:"hidden","background-color":this.boxColour});switch(smallerCornerType)
|
||||
{case"tl":$(newFiller).css({"bottom":"0","left":"0","border-left":this.borderString});this.topContainer.appendChild(newFiller);break;case"tr":$(newFiller).css({"bottom":"0","right":"0","border-right":this.borderString});this.topContainer.appendChild(newFiller);break;case"bl":$(newFiller).css({"top":"0","left":"0","border-left":this.borderString});this.bottomContainer.appendChild(newFiller);break;case"br":$(newFiller).css({"top":"0","right":"0","border-right":this.borderString});this.bottomContainer.appendChild(newFiller);break;}};var newFillerBar=document.createElement("div");$(newFillerBar).css({position:"relative","font-size":"1px",overflow:"hidden","background-color":this.boxColour,"background-image":this.bgImage,"background-repeat":$(this.box).css("background-repeat")});switch(z){case"t":if(this.topContainer){if(this.settings.tl.radius&&this.settings.tr.radius){$(newFillerBar).css({height:topMaxRadius-this.borderWidth+"px","margin-left":this.settings.tl.radius-this.borderWidth+"px","margin-right":this.settings.tr.radius-this.borderWidth+"px","border-top":this.borderString});if(this.bgImage!="")
|
||||
$(newFillerBar).css("background-position","-"+(topMaxRadius+this.borderWidth)+"px 0px");this.topContainer.appendChild(newFillerBar);};$(this.box).css("background-position","0px -"+(topMaxRadius-this.borderWidth+1)+"px");};break;case"b":if(this.bottomContainer){if(this.settings.bl.radius&&this.settings.br.radius){$(newFillerBar).css({height:botMaxRadius-this.borderWidth+"px","margin-left":this.settings.bl.radius-this.borderWidth+"px","margin-right":this.settings.br.radius-this.borderWidth+"px","border-bottom":this.borderString});if(this.bgImage!=""&&topMaxRadius>0)
|
||||
$(newFillerBar).css("background-position","-"+(this.settings.bl.radius-this.borderWidth)+"px -"+($(this.box).height()+topMaxRadius-this.borderWidth+1)+"px");else
|
||||
$(newFillerBar).css("background-position","-"+(this.settings.bl.radius-this.borderWidth)+"px -"+($(this.box).height())+"px");this.bottomContainer.appendChild(newFillerBar);};};break;};};};};this.drawPixel=function(intx,inty,colour,transAmount,height,newCorner,image,cornerRadius){var pixel=document.createElement("div");$(pixel).css({height:height,width:"1px",position:"absolute","font-size":"1px",overflow:"hidden"});var topMaxRadius=Math.max(this.settings["tr"].radius,this.settings["tl"].radius);if(image==-1&&this.bgImage!=""){if(topMaxRadius>0)
|
||||
$(pixel).css("background-position","-"+((this.boxWidth-cornerRadius-this.borderWidth)+intx)+"px -"+(($(this.box).height()+topMaxRadius-this.borderWidth)-inty)+"px");else
|
||||
$(pixel).css("background-position","-"+((this.boxWidth-cornerRadius-this.borderWidth)+intx)+"px -"+(($(this.box).height())-inty)+"px");$(pixel).css({"background-image":this.bgImage,"background-repeat":$(this.box).css("background-repeat"),"background-color":colour});}
|
||||
else
|
||||
{$(pixel).css("background-color",colour);};if(transAmount!=100)
|
||||
setOpacity(pixel,transAmount);$(pixel).css({top:inty+"px",left:intx+"px"});newCorner.appendChild(pixel);};};function BlendColour(Col1,Col2,Col1Fraction){var red1=parseInt(Col1.substr(1,2),16);var green1=parseInt(Col1.substr(3,2),16);var blue1=parseInt(Col1.substr(5,2),16);var red2=parseInt(Col2.substr(1,2),16);var green2=parseInt(Col2.substr(3,2),16);var blue2=parseInt(Col2.substr(5,2),16);if(Col1Fraction>1||Col1Fraction<0)Col1Fraction=1;var endRed=Math.round((red1*Col1Fraction)+(red2*(1-Col1Fraction)));if(endRed>255)endRed=255;if(endRed<0)endRed=0;var endGreen=Math.round((green1*Col1Fraction)+(green2*(1-Col1Fraction)));if(endGreen>255)endGreen=255;if(endGreen<0)endGreen=0;var endBlue=Math.round((blue1*Col1Fraction)+(blue2*(1-Col1Fraction)));if(endBlue>255)endBlue=255;if(endBlue<0)endBlue=0;return"#"+IntToHex(endRed)+IntToHex(endGreen)+IntToHex(endBlue);};function IntToHex(strNum){base=strNum/16;rem=strNum%16;base=base-(rem/16);baseS=MakeHex(base);remS=MakeHex(rem);return baseS+''+remS;};function MakeHex(x){if((x>=0)&&(x<=9)){return x;}else{switch(x){case 10:return"A";case 11:return"B";case 12:return"C";case 13:return"D";case 14:return"E";case 15:return"F";};};};function pixelFraction(x,y,r){var pixelfraction=0;var xvalues=new Array(1);var yvalues=new Array(1);var point=0;var whatsides="";var intersect=Math.sqrt((Math.pow(r,2)-Math.pow(x,2)));if((intersect>=y)&&(intersect<(y+1))){whatsides="Left";xvalues[point]=0;yvalues[point]=intersect-y;point=point+1;};var intersect=Math.sqrt((Math.pow(r,2)-Math.pow(y+1,2)));if((intersect>=x)&&(intersect<(x+1))){whatsides=whatsides+"Top";xvalues[point]=intersect-x;yvalues[point]=1;point=point+1;};var intersect=Math.sqrt((Math.pow(r,2)-Math.pow(x+1,2)));if((intersect>=y)&&(intersect<(y+1))){whatsides=whatsides+"Right";xvalues[point]=1;yvalues[point]=intersect-y;point=point+1;};var intersect=Math.sqrt((Math.pow(r,2)-Math.pow(y,2)));if((intersect>=x)&&(intersect<(x+1))){whatsides=whatsides+"Bottom";xvalues[point]=intersect-x;yvalues[point]=0;};switch(whatsides){case"LeftRight":pixelfraction=Math.min(yvalues[0],yvalues[1])+((Math.max(yvalues[0],yvalues[1])-Math.min(yvalues[0],yvalues[1]))/2);break;case"TopRight":pixelfraction=1-(((1-xvalues[0])*(1-yvalues[1]))/2);break;case"TopBottom":pixelfraction=Math.min(xvalues[0],xvalues[1])+((Math.max(xvalues[0],xvalues[1])-Math.min(xvalues[0],xvalues[1]))/2);break;case"LeftBottom":pixelfraction=(yvalues[0]*xvalues[1])/2;break;default:pixelfraction=1;};return pixelfraction;};function rgb2Hex(rgbColour){try{var rgbArray=rgb2Array(rgbColour);var red=parseInt(rgbArray[0]);var green=parseInt(rgbArray[1]);var blue=parseInt(rgbArray[2]);var hexColour="#"+IntToHex(red)+IntToHex(green)+IntToHex(blue);}catch(e){alert("There was an error converting the RGB value to Hexadecimal in function rgb2Hex");};return hexColour;};function rgb2Array(rgbColour){var rgbValues=rgbColour.substring(4,rgbColour.indexOf(")"));var rgbArray=rgbValues.split(", ");return rgbArray;};function setOpacity(obj,opacity){opacity=(opacity==100)?99.999:opacity;if($.browser.safari&&obj.tagName!="IFRAME")
|
||||
{var rgbArray=rgb2Array(obj.style.backgroundColor);var red=parseInt(rgbArray[0]);var green=parseInt(rgbArray[1]);var blue=parseInt(rgbArray[2]);obj.style.backgroundColor="rgba("+red+", "+green+", "+blue+", "+opacity/100+")";}
|
||||
else if(typeof(obj.style.opacity)!="undefined")
|
||||
{obj.style.opacity=opacity/100;}
|
||||
else if(typeof(obj.style.MozOpacity)!="undefined")
|
||||
{obj.style.MozOpacity=opacity/100;}
|
||||
else if(typeof(obj.style.filter)!="undefined")
|
||||
{obj.style.filter="alpha(opacity:"+opacity+")";}
|
||||
else if(typeof(obj.style.KHTMLOpacity)!="undefined")
|
||||
{obj.style.KHTMLOpacity=opacity/100;}};function format_colour(colour){var returnColour="transparent";if(colour!=""&&colour!="transparent")
|
||||
{if(colour.substr(0,3)=="rgb")
|
||||
{returnColour=rgb2Hex(colour);}
|
||||
else if(colour.length==4)
|
||||
{returnColour="#"+colour.substring(1,2)+colour.substring(1,2)+colour.substring(2,3)+colour.substring(2,3)+colour.substring(3,4)+colour.substring(3,4);}
|
||||
else
|
||||
{returnColour=colour;};};return returnColour;};function strip_px(value){return parseInt(((value!="auto"&&value.indexOf("%")==-1&&value!=""&&value.indexOf("px")!==-1)?value.slice(0,value.indexOf("px")):0))}})(jQuery);
|
||||
@@ -0,0 +1,123 @@
|
||||
pre.mac_classic .EmbeddedSource {
|
||||
background-color: #0C0C0C;
|
||||
}
|
||||
pre.mac_classic .LibraryObject {
|
||||
font-weight: bold;
|
||||
color: #6D79DE;
|
||||
}
|
||||
pre.mac_classic .Section {
|
||||
font-style: italic;
|
||||
}
|
||||
pre.mac_classic .FunctionArgumentAndResultTypes {
|
||||
color: #70727E;
|
||||
}
|
||||
pre.mac_classic .TypeName {
|
||||
text-decoration: underline;
|
||||
}
|
||||
pre.mac_classic .Number {
|
||||
color: #0000CD;
|
||||
}
|
||||
pre.mac_classic {
|
||||
background-color: #FFFFFF;
|
||||
color: #000000;
|
||||
}
|
||||
pre.mac_classic .MarkupList {
|
||||
color: #B90690;
|
||||
}
|
||||
pre.mac_classic .MarkupTagAttribute {
|
||||
font-style: italic;
|
||||
}
|
||||
pre.mac_classic .LibraryVariable {
|
||||
font-weight: bold;
|
||||
color: #21439C;
|
||||
}
|
||||
pre.mac_classic .line-numbers {
|
||||
background-color: #4D97FF;
|
||||
color: #000000;
|
||||
}
|
||||
pre.mac_classic .FunctionParameter {
|
||||
font-style: italic;
|
||||
}
|
||||
pre.mac_classic .MarkupTag {
|
||||
color: #1C02FF;
|
||||
}
|
||||
pre.mac_classic .MarkupHeading {
|
||||
font-weight: bold;
|
||||
color: #0C07FF;
|
||||
}
|
||||
pre.mac_classic .JsOperator {
|
||||
color: #687687;
|
||||
}
|
||||
pre.mac_classic .InheritedClassName {
|
||||
font-style: italic;
|
||||
}
|
||||
pre.mac_classic .StringInterpolation {
|
||||
color: #26B31A;
|
||||
}
|
||||
pre.mac_classic .MarkupQuote {
|
||||
color: #000000;
|
||||
font-style: italic;
|
||||
}
|
||||
pre.mac_classic .MarkupNameOfTag {
|
||||
font-weight: bold;
|
||||
}
|
||||
pre.mac_classic .InvalidTrailingWhitespace {
|
||||
background-color: #FFD0D0;
|
||||
}
|
||||
pre.mac_classic .LibraryConstant {
|
||||
font-weight: bold;
|
||||
color: #06960E;
|
||||
}
|
||||
pre.mac_classic .MarkupXmlDeclaration {
|
||||
color: #68685B;
|
||||
}
|
||||
pre.mac_classic .EmbeddedEmbeddedSource {
|
||||
background-color: #0E0E0E;
|
||||
}
|
||||
pre.mac_classic .PreprocessorDirective {
|
||||
font-weight: bold;
|
||||
color: #0C450D;
|
||||
}
|
||||
pre.mac_classic .BuiltInConstant {
|
||||
font-weight: bold;
|
||||
color: #585CF6;
|
||||
}
|
||||
pre.mac_classic .MarkupDtd {
|
||||
font-style: italic;
|
||||
}
|
||||
pre.mac_classic .Invalid {
|
||||
background-color: #990000;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
pre.mac_classic .LibraryFunction {
|
||||
font-weight: bold;
|
||||
color: #3C4C72;
|
||||
}
|
||||
pre.mac_classic .String {
|
||||
color: #036A07;
|
||||
}
|
||||
pre.mac_classic .UserDefinedConstant {
|
||||
font-weight: bold;
|
||||
color: #C5060B;
|
||||
}
|
||||
pre.mac_classic .Keyword {
|
||||
font-weight: bold;
|
||||
color: #0000FF;
|
||||
}
|
||||
pre.mac_classic .MarkupDoctype {
|
||||
color: #888888;
|
||||
}
|
||||
pre.mac_classic .FunctionName {
|
||||
font-weight: bold;
|
||||
color: #0000A2;
|
||||
}
|
||||
pre.mac_classic .PreprocessorLine {
|
||||
color: #1A921C;
|
||||
}
|
||||
pre.mac_classic .Variable {
|
||||
color: #318495;
|
||||
}
|
||||
pre.mac_classic .Comment {
|
||||
color: #0066FF;
|
||||
font-style: italic;
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
/* COLOR SCHEME
|
||||
base: #FFE9B7
|
||||
darker: #E3D185
|
||||
green: #9AB54F
|
||||
red: #6E212E
|
||||
lred: #B5463F
|
||||
*/
|
||||
|
||||
body {
|
||||
background:#fff;
|
||||
color: #333;
|
||||
}
|
||||
a { color: #6E212E; }
|
||||
.center { text-align: center; }
|
||||
.pad { padding: 5px; }
|
||||
.chapter img { display: block; }
|
||||
|
||||
#toc { padding: 10px; font-size: 120%; }
|
||||
#toc ul { display: inline; }
|
||||
#toc ul li { display: inline; margin-left: 20px; margin-right: 20px;}
|
||||
#toc ul li a { color: #240; }
|
||||
|
||||
.chapter { font-size: 120%; }
|
||||
.chapter .header { background: #9AB54F; padding: 5px; }
|
||||
.chapter .header .title a { color: #fff; text-align: left; font-weight: bold; font-size: 120%;}
|
||||
.chapter .header .nav { float: right }
|
||||
.chapter .header .nav a { color: #fff; }
|
||||
|
||||
ul.a-index li#m-index a, ul.a-about li#m-about a,
|
||||
ul.a-documentation li#m-documentation a, ul.a-download li#m-download a,
|
||||
ul.a-tools li#m-tools a { font-weight: bold; color: #fff; text-decoration: none;}
|
||||
|
||||
ul#about-list li { padding: 5px; }
|
||||
ul#about-list li b { color: #6E212E; }
|
||||
|
||||
.header h1 { text-align: center; }
|
||||
.navbar { text-align: center; background: #9AB54F;}
|
||||
.footer { text-align: center; background: #E3D185;}
|
||||
.menu { padding: 10px; }
|
||||
|
||||
h2.section-start {
|
||||
text-align:center;
|
||||
background: #9AB54F;
|
||||
color: #240;
|
||||
}
|
||||
|
||||
h2 {
|
||||
clear: both;
|
||||
}
|
||||
h3.title { background: #eee; padding: 5px;}
|
||||
|
||||
.inner { background: #eee; padding: 5px 10px;}
|
||||
.inner p { margin: 10px 0; }
|
||||
|
||||
.example { background: #eee; padding: 10px; }
|
||||
img.book { border: 1px solid #666; }
|
||||
|
||||
#book-intro { padding: 10px; margin-bottom: 15px; background: #FFE9B7;}
|
||||
#book-intro h3 { color: #630; font-size: 200%; font-weight: bold;}
|
||||
|
||||
#download { padding: 10px; background: #9AB54F; text-align:center; }
|
||||
#download h3 { color: #efe; font-size: 150%; font-weight: bold; text-align: center;}
|
||||
#download .inner { background: #efe; padding: 5px 10px;}
|
||||
|
||||
#new-to-git { padding: 10px; padding-bottom:15px; background: #B5463F; }
|
||||
#new-to-git h3 { color: #fee; font-size: 150%; font-weight: bold; text-align: center;}
|
||||
#new-to-git h3 small { color: #eee; font-weight: normal; font-size: 70%;}
|
||||
|
||||
a.chapter-link { font-size: 120%; }
|
||||
a.todo { color: #888 !important; }
|
||||
|
||||
table tr td { vertical-align: top;}
|
||||
|
||||
table.data-table tr td { vertical-align: top;}
|
||||
table.data-table tr td h3 { background: #B5463F; color: #fff; padding: 5px; }
|
||||
|
||||
pre { background: #eee !important; padding: 5px;}
|
||||
.gitcast { padding: 20px; background: #FFE9B7; border: 1px solid #E3D185; text-align: center;}
|
||||
@@ -0,0 +1,40 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>GitX Documentation</title>
|
||||
<meta http-equiv="content-language" content="en">
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<link rel="icon" href="favicon.png" type="image/png">
|
||||
<link rel="stylesheet" href="assets/blueprint/screen.css" type="text/css" media="screen, projection">
|
||||
<link rel="stylesheet" href="assets/blueprint/print.css" type="text/css" media="print">
|
||||
<link rel="stylesheet" href="assets/stylesheets/mac_classic.css" type="text/css" media="screen, projection">
|
||||
<link rel="stylesheet" href="assets/stylesheets/style.css" type="text/css" media="screen, projection">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container chapter showgrids">
|
||||
|
||||
<div class="span-21 header">
|
||||
<div class="nav"></div>
|
||||
<div class="title"><a href='index.html'>GitX Documentation</a></div>
|
||||
</div>
|
||||
|
||||
<div class="span-21">
|
||||
<br/>
|
||||
</div>
|
||||
|
||||
<div class="span-21">
|
||||
<%= body %>
|
||||
</div>
|
||||
|
||||
<div class="span-21">
|
||||
<hr/>
|
||||
<div class="center"></div>
|
||||
<hr/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,20 @@
|
||||
Introduction
|
||||
============
|
||||
|
||||
This is the GitX user's manual. In this document, you will be able to read
|
||||
about everything you need to know on how to use GitX.
|
||||
|
||||
Requirements
|
||||
------------
|
||||
|
||||
GitX is made specifically for Mac OS X 10.5 and higher. Because it uses
|
||||
features like Garbage Collection, you can't compile it on earlier systems.
|
||||
GitX also requires a fairly recent Git -- anything higher than v1.5.3 should
|
||||
do.
|
||||
|
||||
Contact
|
||||
-------
|
||||
|
||||
GitX is actively maintained on Github at [http://github.com/pieter/gitx](http://www.github.com/pieter/gitx/wikis). If you find any bugs or have feature requests, you can put them there.
|
||||
|
||||
GitX is actively maintained by Pieter de Bie. You can email him at [frimmirf@gmail.com](mailto:frimmirf@gmail.com)
|
||||
@@ -0,0 +1,32 @@
|
||||
Overview
|
||||
========
|
||||
|
||||
|
||||
When you open GitX for the first time, you will be greeted by an open dialog. In this dialog. you should select the Git repository you want to open. You can select either a directory containing a .git directory, or a .git directory itself. After doing this, you will be greeted by the default GitX view, which is the History View. The history view consists of two main parts. In the top part, there is an overview of all commits in your currently checked out branch. In the bottom part is a detail view that can show you more information about the selected commit.
|
||||
|
||||
|
||||
The commit list
|
||||
---------------
|
||||
|
||||
|
||||
On the left side in the commit list you can see the _branch lines_. These show you how your history has diverged and merged. As newer commits are on top, two lines joining each other from the bottom is a merge. This way you see which branches were merged in without any effort.
|
||||
|
||||
On some commits, to the right of the branch lines you will find _commit labels_. These indicate references to these commits, for example branch heads and remote heads. _Green_ labels indicate local branches. _Blue_ labels indicate remote branches (it will be in the form of remote/branch). _Yellow_ labels indicate tags.
|
||||
|
||||
There are three columns, the first showing the commit _subject_ (which is the top line of your commit message), the second the _author name_ and the third the commit date. You can sort on any of these columns. However, if you sort the branch lines will disappear. If you click three times on a row, the sorting will be cancelled and the original overview will be restored, including the branch lines.
|
||||
|
||||
In the top right you will also find the search bar. Here you can search on subject, author or hash. If you do this, the branch lines will also disappear.
|
||||
|
||||
The detail view
|
||||
---------------
|
||||
|
||||
|
||||
In the bottom part of the history view, you can see the detail view. This part changes every time you select another commit. The detail view can switch between three different parts using the _detail switch controller_. The first one shows information about the current commit in a nice markup and will probably be the view you use most. In this mode, you can see a pretty diff of the commit, and information such as the parent hashes and the author's email address.
|
||||
|
||||
If you right-click on a Reference in this view, you can choose to remove them. Be careful with this, there is no undo option! . The diff view is created in such a way, that it is possible to select a part of the diff and copy and paste it, for example to paste it online and share it with someone. As this is such a common thing to do, GitX provides a way to do it automagically. If you click on the "paste online" link, GitX will try to upload your current commit as a _git patch_ to [gist.github.com](http://gist.github.com "Github's gist"). This will use your GitHub cookie from Safari if it has one -- otherwise it will create an anonymous gist. Because this patch is a proper git patch, others can then simply apply it using 'git am'. For example, if your Gistie id is 14667, someone else can run
|
||||
|
||||
curl gist.github.com/14667.txt | git am
|
||||
|
||||
to apply it to their own repository!
|
||||
|
||||
The second detailed view will show a raw commit text, much like 'git show --pretty=raw' would. The third detailed view is more interesting: it allows you to browse your repository as it was at that time point. This is also where the quicklook button in the bottom right comes in: pressing it while selecting a file that can be QuickLooked (an image, for example), will display it in the same way as the Finder's quicklook. GitX even imitates this behaviour by allowing you to press space to quicklook a file.
|
||||
@@ -0,0 +1,27 @@
|
||||
Committing
|
||||
==========
|
||||
|
||||
 GitX
|
||||
also has a commit interface. This interface mimicks some of `git gui`'s
|
||||
functionality, but will be extended in future releases.
|
||||
|
||||
This view also consists of two parts. The top part will show the diff of the
|
||||
currently selected file. The bottom part is a bit more complex.
|
||||
|
||||
On the left you will see changes that are _unstaged_. If you are already used to Git's terminology, you will know what this means. These are the changes that have not been added to the index, and thus also will not be committed.
|
||||
|
||||
The most right part shows the _staged changes_. These _will_ be committed in the next commit.
|
||||
|
||||
It is possible to have a filename in both parts at once. In that case, there are some changes in the file that will be committed, and some that have been left out. Clicking on their name will show you what the difference is in the top pane.
|
||||
|
||||
To stage a file, double-click on its name. This will move the file from the left to the right. In the same way, you can unstage changes by double clicking on the name in the right pane.
|
||||
|
||||
Every file has an icon associated with it. This shows the status of that file:
|
||||
|
||||
* A _green_ icon indicates there a changes to a file that is already tracked
|
||||
* A _white_ icon indicates a file that is not tracked by Git, but also not ignored.
|
||||
* A _red_ icon indicates a file that has been deleted.
|
||||
|
||||
### Committing
|
||||
|
||||
Once you have staged all your changes, you can commit them. Enter a commit message in the center pane, but remember to use proper commit messages: your first line should be a short description of what you have changed, on which you can elaborate below that. Make sure the subject of your commit is short enough to fit in GitX's history view! Pressing the commit button will hopefully convey to you that the commit was succesful, and also give you the commit hash.
|
||||
@@ -0,0 +1,58 @@
|
||||
Advance GitX usage
|
||||
==================
|
||||
|
||||
While GitX can be used just fine without ever touching the terminal, some of
|
||||
it's power can currently only be used through the command line utility.
|
||||
|
||||
You can install this utility by choosing "Enable Terminal Usage…" from GitX's menu. This will ask you if GitX is allowed to install the `gitx` utility in `/usr/local/bin`. After you have done this, you can use gitx from the terminal in any Git repository!
|
||||
|
||||
To become familiar with this utility, you can read it's short help message:
|
||||
|
||||
Tirana:UserManual pieter$ gitx --help
|
||||
Usage: gitx --help
|
||||
or: gitx (--commit|-h)
|
||||
or: gitx <revlist options>
|
||||
|
||||
-h, --help print this help
|
||||
--commit, -c start GitX in commit mode
|
||||
|
||||
RevList options
|
||||
See 'man git-log' and 'man git-rev-list' for options you can pass to gitx
|
||||
|
||||
--all show all branches
|
||||
<branch> show specific branch
|
||||
-- <path> show commits touching paths
|
||||
|
||||
As you can see already, `gitx` has some useful options. To quickly start committing, use `gitx -c`.
|
||||
|
||||
However, to really make use of all the options, you should read the `git-log` and `git-rev-list` man-pages. Gitx takes most of the commands that normal git utilities also take.
|
||||
|
||||
For example, if you want to show commits that change lines with the word 'cool' in it, you can use:
|
||||
|
||||
gitx -Scool
|
||||
|
||||
and to see commands that touch only files in the "Documentation" directory, you can use
|
||||
|
||||
gitx -- Documentation
|
||||
|
||||
You can also specify which branches gitx should display, for example:
|
||||
|
||||
gitx commit_view log_options --grep="fix" --author=Pieter
|
||||
|
||||
Will show all commits in the `commit_view` and `log_options` branches that have the word 'fix' in their commit message and which are committed by Pieter.
|
||||
|
||||
If you have a lot of commits, you can choose to limit the output. For example,
|
||||
|
||||
gitx -1000
|
||||
|
||||
will only show the first 1000 commits. Limiting commits can be useful in other contexts too. For example, if you want to know what you have committed that isn't on the remote yet, you can use
|
||||
|
||||
gitx origin/master..
|
||||
|
||||
If there are changes both on a remote and on your local side, you can show them at once with the _symmetric set difference_:
|
||||
|
||||
gitx --left-right origin/master...HEAD
|
||||
|
||||
will show commits that are only on your side OR only on the remote side. The `--left-right` options does some other magic: instead of the usual circles GitX uses in the branch lines, it will now use an arrow pointing left for commits only on the right side (that is, in `origin/master`), and an arrow to the right for commits only on the right side. For example, when I issued the same command on this repository, I got:
|
||||
|
||||
|
||||
Reference in New Issue
Block a user