endymion-origami 0.1.4 → 0.1.5
Sign up to get free protection for your applications and to get access to all the features.
- 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