endymion-origami 0.1.4 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/README.textile +8 -5
- data/app/views/layouts/2_column_right_menu_pixel.html.erb +1 -145
- data/origami.gemspec +1 -1
- data/version.yml +1 -1
- metadata +1 -1
data/README.textile
CHANGED
@@ -119,6 +119,14 @@ Origami is a Rails engine. It works with versions of Rails greater than 2.3. It
|
|
119
119
|
|
120
120
|
h2. Install
|
121
121
|
|
122
|
+
h3. As a Rails plugin
|
123
|
+
|
124
|
+
script/plugin install git://github.com/endymion/origami.git
|
125
|
+
|
126
|
+
h3. As a Ruby Gem
|
127
|
+
|
128
|
+
I would really like to know why this method of installing it as a gem doesn't work?
|
129
|
+
|
122
130
|
In config/environment.rb:
|
123
131
|
|
124
132
|
config.gem "endymion-origami",
|
@@ -133,8 +141,3 @@ Vendor the gem:
|
|
133
141
|
|
134
142
|
Note: the unpack step is required because this gem is a Rails Engine plugin.
|
135
143
|
|
136
|
-
Or, if you prefer to install it as a plugin:
|
137
|
-
|
138
|
-
script/plugin install git://github.com/endymion/origami.git
|
139
|
-
|
140
|
-
|
@@ -1,152 +1,8 @@
|
|
1
1
|
<?xml version="1.0" encoding="utf-8"?>
|
2
2
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
3
3
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
4
|
-
|
5
|
-
<title>The Right Menu 2 column Liquid Layout. Pixel widths. Cross-Browser. Equal Height Columns.</title>
|
6
|
-
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
|
7
|
-
<meta name="description" content="The Right Menu 2 column Liquid Layout. Pixel widths. Cross-Browser. Equal Height Columns." />
|
8
|
-
<meta name="keywords" content="The Right Menu 2 column Liquid Layout. Pixel widths. Cross-Browser. Equal Height Columns." />
|
9
|
-
<meta name="robots" content="index, follow" />
|
10
|
-
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
|
11
|
-
|
12
|
-
<% layout_and_theme_stylesheets '2_column_right_menu_pixel' do %>
|
13
|
-
<style media="screen" type="text/css">
|
14
|
-
/* <!-- */
|
15
|
-
/* General styles */
|
16
|
-
body {
|
17
|
-
margin:0;
|
18
|
-
padding:0;
|
19
|
-
border:0; /* This removes the border around the viewport in old versions of IE */
|
20
|
-
width:100%;
|
21
|
-
min-width:600px; /* Minimum width of layout - remove line if not required */
|
22
|
-
/* The min-width property does not work in old versions of Internet Explorer */
|
23
|
-
}
|
24
|
-
/* Header styles */
|
25
|
-
#header {
|
26
|
-
clear:both;
|
27
|
-
float:left;
|
28
|
-
width:100%;
|
29
|
-
}
|
30
|
-
#header {
|
31
|
-
border-bottom:1px solid #000;
|
32
|
-
}
|
33
|
-
#header p,
|
34
|
-
#header h1,
|
35
|
-
#header h2 {
|
36
|
-
padding:.4em 15px 0 15px;
|
37
|
-
margin:0;
|
38
|
-
}
|
39
|
-
#header ul {
|
40
|
-
clear:left;
|
41
|
-
float:left;
|
42
|
-
width:100%;
|
43
|
-
list-style:none;
|
44
|
-
margin:10px 0 0 0;
|
45
|
-
padding:0;
|
46
|
-
}
|
47
|
-
#header ul li {
|
48
|
-
display:inline;
|
49
|
-
list-style:none;
|
50
|
-
margin:0;
|
51
|
-
padding:0;
|
52
|
-
}
|
53
|
-
#header ul li a {
|
54
|
-
display:block;
|
55
|
-
float:left;
|
56
|
-
margin:0 0 0 1px;
|
57
|
-
padding:3px 10px;
|
58
|
-
text-align:center;
|
59
|
-
background:#eee;
|
60
|
-
color:#000;
|
61
|
-
text-decoration:none;
|
62
|
-
position:relative;
|
63
|
-
left:15px;
|
64
|
-
line-height:1.3em;
|
65
|
-
}
|
66
|
-
#header ul li a:hover {
|
67
|
-
background:#369;
|
68
|
-
color:#fff;
|
69
|
-
}
|
70
|
-
#header ul li a.active,
|
71
|
-
#header ul li a.active:hover {
|
72
|
-
color:#fff;
|
73
|
-
background:#000;
|
74
|
-
font-weight:bold;
|
75
|
-
}
|
76
|
-
#header ul li a span {
|
77
|
-
display:block;
|
78
|
-
}
|
79
|
-
/* 'widths' sub menu */
|
80
|
-
#layoutdims {
|
81
|
-
clear:both;
|
82
|
-
background:#eee;
|
83
|
-
border-top:4px solid #000;
|
84
|
-
margin:0;
|
85
|
-
padding:6px 15px !important;
|
86
|
-
text-align:right;
|
87
|
-
}
|
88
|
-
/* column container */
|
89
|
-
.colmask {
|
90
|
-
position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
|
91
|
-
clear:both;
|
92
|
-
float:left;
|
93
|
-
width:100%; /* width of whole page */
|
94
|
-
overflow:hidden; /* This chops off any overhanging divs */
|
95
|
-
}
|
96
|
-
/* 2 column right menu settings */
|
97
|
-
.rightmenu {
|
98
|
-
background:#ff9;
|
99
|
-
}
|
100
|
-
.rightmenu .colleft {
|
101
|
-
float:left;
|
102
|
-
width:200%;
|
103
|
-
margin-left:-200px;
|
104
|
-
position:relative;
|
105
|
-
right:100%;
|
106
|
-
background:#fff;
|
107
|
-
}
|
108
|
-
.rightmenu .col1wrap {
|
109
|
-
float:left;
|
110
|
-
width:50%;
|
111
|
-
position:relative;
|
112
|
-
left:50%;
|
113
|
-
padding-bottom:1em;
|
114
|
-
}
|
115
|
-
.rightmenu .col1 {
|
116
|
-
margin:0 15px 0 215px;
|
117
|
-
overflow:hidden;
|
118
|
-
}
|
119
|
-
.rightmenu .col2 {
|
120
|
-
float:right;
|
121
|
-
width:170px;
|
122
|
-
position:relative;
|
123
|
-
left:185px;
|
124
|
-
}
|
125
|
-
/* Footer styles */
|
126
|
-
#footer {
|
127
|
-
clear:both;
|
128
|
-
float:left;
|
129
|
-
width:100%;
|
130
|
-
border-top:1px solid #000;
|
131
|
-
}
|
132
|
-
#footer p {
|
133
|
-
padding:10px;
|
134
|
-
margin:0;
|
135
|
-
}
|
136
|
-
/* --> */
|
137
|
-
</style>
|
138
|
-
<!--[if lt IE 7]>
|
139
|
-
<style media="screen" type="text/css">
|
140
|
-
.col1 {
|
141
|
-
width:100%;
|
142
|
-
}
|
143
|
-
</style>
|
144
|
-
<![endif]-->
|
145
|
-
<% end %>
|
146
|
-
<% end %>
|
147
|
-
|
4
|
+
<%= head '2_column_right_menu_pixel' %>
|
148
5
|
<% body do %>
|
149
|
-
|
150
6
|
<div id="header">
|
151
7
|
<%- header do -%>
|
152
8
|
<p><a href="http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-widths" title="Ultimate multi-column liquid layouts (em and pixel widths)">« Back to the CSS article</a> by <a href="http://matthewjamestaylor.com">Matthew James Taylor</a></p>
|
data/origami.gemspec
CHANGED
data/version.yml
CHANGED