Use custom templates and stuff

3 files changed, 475 insertions, 0 deletions

diff --git a/railties/doc/guides/source/stylesheets/base.css b/railties/doc/guides/source/stylesheets/base.css
new file mode 100644
index 0000000000..76ee6e2ca9
--- /dev/null
+++ b/railties/doc/guides/source/stylesheets/base.css
@@ -0,0 +1,358 @@
+/* ----------------------------------------------------------------------------
+
+    Ruby on Rails, hijacked for Hieraki
+    Stylesheet for http://rubyonrails.org
+
+    1. General HTML elements
+    2. General classes
+    3. General structure
+		1. header
+		2. Content
+		3. Sidebar
+    4. Sitewide elements 
+    	1. Introduction boxes
+    	2. Navigation
+    5. Elements for specific areas
+    	1. Weblog
+		
+---------------------------------------------------------------------------- */
+
+* {
+	margin:                     0;
+	padding:                    0;	
+}
+
+body {	
+	color:						#333333;
+
+	background-color:           #FFFFFF;
+	background-image:			url(../images/header_backdrop.png);
+	background-repeat:			repeat-x;
+	background-position:		0 -25px;
+
+	font-size:					80%;	
+	font-family:				verdana, helvetica, arial, sans-serif;
+	line-height:				1.7em;
+	
+	/* Center in IE5.5 */
+	text-align:					center;
+}
+
+h1 {
+	font-size:					2em;
+	font-weight:				normal;
+	letter-spacing:				-0.04em;
+}
+
+h2 {
+	font-size:					1.5em;
+	font-weight:				normal;
+	letter-spacing:				-0.04em;
+}
+
+h1,h2,h3,h4,h5,h6 {
+  margin-top:					1em;
+  margin-bottom:				0.5em;
+}
+.pageheader a:link, .pageheader a:visited{
+  color:						#333;
+  text-decoration:  none;
+}
+
+img {
+	border:						none;
+}
+
+p {
+	margin-bottom:				1em;
+}
+
+a:link {
+	color:						#BB2233;
+}
+
+a:visited {
+	color:						#991122;
+}
+
+a:hover {
+	color:						#CC2233;
+	background-color:			#EEEEEE;
+}
+
+a:active {
+}
+
+ul {
+	margin-top:					1em;
+	list-style-type:			none;
+}
+
+ul li {
+	margin-left:				0.5em;
+	padding-left:				1em;
+	
+	background-image:			url(../images/bullet.gif);
+	background-repeat:			no-repeat;
+	background-position:		0 0.55em;
+}
+
+/* ----------------------------------------------------------------------------
+	Structure
+---------------------------------------------------------------------------- */
+
+div#container {
+	width:						90%;
+	max-width:					790px;	
+
+	margin-top:					10px;
+	margin-left:				auto;
+	margin-right:				auto;
+
+	font-size:					1em;
+
+	/* Don't center text, only div#container */
+	text-align:					left;
+}
+
+div#header {
+	/* This height controls the vertical position of #content and #sidebar */
+	height:						160px;
+	overflow:					hidden;
+}
+
+div#header h1 {
+	height:						30px;
+		
+	margin:						0;
+	margin-top:				10px;
+	margin-left:			100px;
+	padding:					0;
+	font-weight:      bold;
+	font-size:        24pt;
+}
+div#header p {
+  height:						30px;		
+	margin:						0;
+	margin-left:			160px;
+	padding:					0;
+	font-weight:      bold;
+	font-size:        14pt;
+	color:            #999;
+}
+/*
+div#logo {
+	float:						left;
+	width:						110px;
+	height:						140px;
+	margin-right:			31px;
+}
+*/
+
+
+div#content {
+	margin-left:				170px;
+}
+
+/* Fix the IE only 3pixel jog - documented at http://www.positioniseverything.net/articles/hollyhack.html#haslayout \*/
+* html #content {
+	height: 1px;
+}
+/* End hide from IE5-mac */
+
+div#sidebar {
+	float: 						  left;
+	width: 						  170px;
+	margin-top:					-4px;
+	font-size:					0.8em;
+}
+
+div#sidebar h2 {
+	margin:						  0;
+	font-size:					1.1em;
+	font-weight:				bold;
+}
+
+div#sidebar ul {
+	margin-top:					0;
+	margin-bottom:			1em;
+	padding:					  0;
+}
+
+div#sidebar ol li {
+	margin:						  0 0 2px 0px;
+	padding:					  0;
+	line-height:				1.3em;	
+	background-image:		none;
+}
+
+div#sidebar ol li a {
+	display:					  block;
+	width:						  150px;
+	padding:					  0.2em 0;
+}
+
+div#sidebar ul li  {
+  margin-left: 10px;
+}
+
+div#sidebar ol>ol  {
+  padding-left: 5px;
+  padding-right: 5px;
+  list-style-type:			none;
+  
+}
+
+div#sidebar ol>ol li a {
+	display:					block;
+	width:						140px;
+	padding:					0.2em 0;
+	margin-left: 10px;
+	
+}
+
+div#sidebar ol li a:hover {
+}
+
+/* ----------------------------------------------------------------------------
+	Specific site-wide elements
+---------------------------------------------------------------------------- */
+
+/* Introduction boxes */
+
+.introduction {
+
+	margin-bottom:				1em;
+	padding:					1em;
+	background-color:			#D6DFE8;
+}
+
+.introduction p {
+	margin-bottom:				0;
+}
+
+/* Navigation */
+
+ul#navMain {
+	height:						22px;
+	margin: 					0;
+	margin-left:      140px;
+	padding: 					16px 0;
+
+	list-style-type:			none;	
+}
+
+ul#navMain li {
+	display:					inline;
+	background-image:			none;	
+	margin:						0;
+	padding:					0;
+}
+
+ul#navMain li {
+	border-left:				1px solid #FFFFFF;
+}
+
+ul#navMain li.first-child {
+	/* Wouldn't it be nice if IE was up-to-date with the rest of the world so we could skip 
+	superfluous classes? */
+	border-left:				none;		
+}
+
+ul#navMain li a {		
+	padding:					0.2em 1em;	
+	
+	color:						#FFFFFF;
+	text-decoration:			none;
+}
+
+ul#navMain li.first-child a {
+	/* Wouldn't it be nice if IE was up-to-date with the rest of the world? */
+	padding-left:				0;
+}
+
+ul#navMain li a:hover {	
+	text-decoration:			underline;
+	background-color:			transparent;
+}
+
+/* Mark the current page */
+ul#navMain li.current a {
+	font-weight:				bold;
+}
+
+
+/* ----------------------------------------------------------------------------
+	Elements for specific areas
+---------------------------------------------------------------------------- */
+
+/* Weblog */
+
+.blogEntry {
+	margin-bottom:				2em;
+}
+
+.blogEntry h2 {
+	margin-top:					0;
+	margin-bottom:				0;
+}
+
+p.metaData {
+	color:						#999999;
+	font-size:					0.9em;
+}
+
+
+/* Reference documentation */
+
+#reference #sidebar {
+	display:					none;
+	width:						0;
+}
+
+#reference #content {
+	margin-left:				0;
+}
+
+#reference #content #api {
+	width:						100%;
+	height:						800px;
+}
+
+#reference #logo {
+	width:						80px;
+	height:						86px;
+
+	margin-right:				0;
+}
+
+#reference #logo img {
+	height:						84px;
+}
+
+#reference {
+	/* The header is smaller on the reference page, move the background up so the menu is in the 
+	proper place still */
+	background-position:		0 -70px;
+}
+
+#reference #header {
+	height:						90px;
+}
+
+#reference #header h1 {
+	height:						24px;
+
+	margin-top:					2px;
+	margin-left:				0;
+	
+	background-image:			none;
+
+	text-indent:				0;
+	font-size:					1.5em;
+	font-weight:				bold;
+	
+}
+#reference #container {
+	max-width:					100%;
+}
\ No newline at end of file
diff --git a/railties/doc/guides/source/stylesheets/forms.css b/railties/doc/guides/source/stylesheets/forms.css
new file mode 100644
index 0000000000..a3fce205b7
--- /dev/null
+++ b/railties/doc/guides/source/stylesheets/forms.css
@@ -0,0 +1,35 @@
+label, input {
+	display:          block;
+	float:            left;
+ 	margin-bottom:    10px;
+}
+
+label {
+  text-align:       right;
+  width:            80px;
+  padding-right:    5px;
+  font-weight:      bold;
+}
+
+
+table {
+  border: 0;
+}
+
+form>h1{
+
+  padding-bottom: 2px;
+  border-bottom: 1px solid gray;
+  margin-bottom: 30px;
+
+}
+
+td {
+ vertical-align: top; 
+}
+
+#livepreview {
+  padding: 5px;
+  border: 1px solid #ccc;
+
+}
\ No newline at end of file
diff --git a/railties/doc/guides/source/stylesheets/more.css b/railties/doc/guides/source/stylesheets/more.css
new file mode 100644
index 0000000000..9446b439d4
--- /dev/null
+++ b/railties/doc/guides/source/stylesheets/more.css
@@ -0,0 +1,82 @@
+.admin {
+  display:none;
+}
+
+#navAuthor {
+  text-align: right;
+}
+
+.bookinfo, .userinfo, pre {
+  padding: 10px;
+  background: #eee;
+  border: 1px solid #ccc;
+}
+
+pre { 
+  overflow: auto; 
+}
+
+#content pre, #content ul {
+  margin-bottom: 10px;
+}
+
+#content ol>ol {
+  padding-left : 30px;
+}
+
+div#header h1 a{
+	color: #333333;
+	text-decoration:  none;		
+}
+
+div#header p a{
+  text-decoration:  none;
+	color:            #999;
+}
+
+.left-floaty {
+  padding: 3px 15px;
+  float:left;
+}
+
+.right-floaty {
+  float:right;
+  padding: 3px 15px;
+}
+
+.figure {
+  border: 1px solid black;
+  line-height: normal;
+  background: #FFE;
+  margin: 1em;
+}
+
+.figure .caption {
+  background: #B00;
+  color: white;
+  font-weight: bold;
+  padding: 4px 24px 4px 8px;
+  margin-left: -4px;
+  border: 1px dotted #F77;
+}
+
+.figure .body {
+  padding: 0.5em;
+  margin-top: 0.5em;
+}
+
+.figure pre {
+  padding: 0px;
+  background: transparent;
+  border: none;
+  font-size: small;
+  font-family: mono;
+}
+
+.figure .lineno {
+  text-align: right;
+  color: #B00;
+  font-family: mono;
+  font-size: small;
+  padding-right: 1em;
+}