shinmun 0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/.gitignore +1 -0
- data/LICENSE +18 -0
- data/README.md +249 -0
- data/Rakefile +60 -0
- data/bin/shinmun +12 -0
- data/example/posts/2008/9/example.md +19 -0
- data/example/posts/blog.yml +10 -0
- data/example/posts/uuid.state +3 -0
- data/example/public/controllers/comments.php +56 -0
- data/example/public/images/loading.gif +0 -0
- data/example/public/javascripts/comments.js +60 -0
- data/example/public/javascripts/highlight.js +505 -0
- data/example/public/javascripts/images/bg-fill.png +0 -0
- data/example/public/javascripts/images/bg.png +0 -0
- data/example/public/javascripts/images/blockquote.png +0 -0
- data/example/public/javascripts/images/bold.png +0 -0
- data/example/public/javascripts/images/code.png +0 -0
- data/example/public/javascripts/images/h1.png +0 -0
- data/example/public/javascripts/images/hr.png +0 -0
- data/example/public/javascripts/images/img.png +0 -0
- data/example/public/javascripts/images/italic.png +0 -0
- data/example/public/javascripts/images/link.png +0 -0
- data/example/public/javascripts/images/ol.png +0 -0
- data/example/public/javascripts/images/redo.png +0 -0
- data/example/public/javascripts/images/separator.png +0 -0
- data/example/public/javascripts/images/ul.png +0 -0
- data/example/public/javascripts/images/undo.png +0 -0
- data/example/public/javascripts/images/wmd-on.png +0 -0
- data/example/public/javascripts/images/wmd.png +0 -0
- data/example/public/javascripts/jquery-form.js +869 -0
- data/example/public/javascripts/jquery.js +3383 -0
- data/example/public/javascripts/languages/1c.js +82 -0
- data/example/public/javascripts/languages/axapta.js +52 -0
- data/example/public/javascripts/languages/bash.js +80 -0
- data/example/public/javascripts/languages/diff.js +64 -0
- data/example/public/javascripts/languages/dos.js +33 -0
- data/example/public/javascripts/languages/dynamic.js +460 -0
- data/example/public/javascripts/languages/ini.js +36 -0
- data/example/public/javascripts/languages/javascript.js +38 -0
- data/example/public/javascripts/languages/lisp.js +86 -0
- data/example/public/javascripts/languages/mel.js +50 -0
- data/example/public/javascripts/languages/profile.js +50 -0
- data/example/public/javascripts/languages/renderman.js +71 -0
- data/example/public/javascripts/languages/smalltalk.js +53 -0
- data/example/public/javascripts/languages/sql.js +50 -0
- data/example/public/javascripts/languages/static.js +175 -0
- data/example/public/javascripts/languages/vbscript.js +25 -0
- data/example/public/javascripts/languages/www.js +245 -0
- data/example/public/javascripts/prettyDate.js +36 -0
- data/example/public/javascripts/showdown.js +421 -0
- data/example/public/javascripts/template.js +165 -0
- data/example/public/javascripts/wmd-base.js +1799 -0
- data/example/public/javascripts/wmd-plus.js +311 -0
- data/example/public/javascripts/wmd.js +73 -0
- data/example/public/stylesheets/grid.css +243 -0
- data/example/public/stylesheets/grid.png +0 -0
- data/example/public/stylesheets/highlight/ascetic.css +38 -0
- data/example/public/stylesheets/highlight/dark.css +96 -0
- data/example/public/stylesheets/highlight/default.css +91 -0
- data/example/public/stylesheets/highlight/far.css +95 -0
- data/example/public/stylesheets/highlight/idea.css +75 -0
- data/example/public/stylesheets/highlight/sunburst.css +112 -0
- data/example/public/stylesheets/highlight/zenburn.css +108 -0
- data/example/public/stylesheets/print.css +76 -0
- data/example/public/stylesheets/reset.css +45 -0
- data/example/public/stylesheets/style.css +141 -0
- data/example/public/stylesheets/typography.css +59 -0
- data/example/templates/feed.rxml +21 -0
- data/example/templates/layout.rhtml +54 -0
- data/example/templates/page.rhtml +4 -0
- data/example/templates/post.rhtml +57 -0
- data/example/templates/posts.rhtml +10 -0
- data/lib/shinmun.rb +420 -0
- metadata +151 -0
@@ -0,0 +1,311 @@
|
|
1
|
+
var Attacklab=Attacklab||{};
|
2
|
+
Attacklab.wmdPlus=function(){
|
3
|
+
this.symboltable;
|
4
|
+
var _1=top;
|
5
|
+
var _2=_1["Attacklab"];
|
6
|
+
var _3=_1["document"];
|
7
|
+
var _4=_1["RegExp"];
|
8
|
+
var _5=_1["navigator"];
|
9
|
+
var _6=_2.Util;
|
10
|
+
var _7=_2.Position;
|
11
|
+
var _8=_2.Command;
|
12
|
+
_8.doAutoindent=function(_9){
|
13
|
+
_9.before=_9.before.replace(/(\n|^)[ ]{0,3}([*+-]|\d+[.])[ \t]*\n$/,"\n\n");
|
14
|
+
_9.before=_9.before.replace(/(\n|^)[ ]{0,3}>[ \t]*\n$/,"\n\n");
|
15
|
+
_9.before=_9.before.replace(/(\n|^)[ \t]+\n$/,"\n\n");
|
16
|
+
if(/(\n|^)[ ]{0,3}([*+-]|\d+[.])[ \t]+.*\n$/.test(_9.before)){
|
17
|
+
if(_8.doList){
|
18
|
+
_8.doList(_9);
|
19
|
+
}
|
20
|
+
}
|
21
|
+
if(/(\n|^)[ ]{0,3}>[ \t]+.*\n$/.test(_9.before)){
|
22
|
+
if(_8.doBlockquote){
|
23
|
+
_8.doBlockquote(_9);
|
24
|
+
}
|
25
|
+
}
|
26
|
+
if(/(\n|^)(\t|[ ]{4,}).*\n$/.test(_9.before)){
|
27
|
+
if(_8.doCode){
|
28
|
+
_8.doCode(_9);
|
29
|
+
}
|
30
|
+
}
|
31
|
+
};
|
32
|
+
_8.doBlockquote=function(_a){
|
33
|
+
_a.selection=_a.selection.replace(/^(\n*)([^\r]+?)(\n*)$/,function(_b,_c,_d,_e){
|
34
|
+
_a.before+=_c;
|
35
|
+
_a.after=_e+_a.after;
|
36
|
+
return _d;
|
37
|
+
});
|
38
|
+
_a.before=_a.before.replace(/(>[ \t]*)$/,function(_f,_10){
|
39
|
+
_a.selection=_10+_a.selection;
|
40
|
+
return "";
|
41
|
+
});
|
42
|
+
_a.selection=_a.selection.replace(/^(\s|>)+$/,"");
|
43
|
+
_a.selection=_a.selection||"Blockquote";
|
44
|
+
if(_a.before){
|
45
|
+
_a.before=_a.before.replace(/\n?$/,"\n");
|
46
|
+
}
|
47
|
+
if(_a.after){
|
48
|
+
_a.after=_a.after.replace(/^\n?/,"\n");
|
49
|
+
}
|
50
|
+
_a.before=_a.before.replace(/(((\n|^)(\n[ \t]*)*>(.+\n)*.*)+(\n[ \t]*)*$)/,function(_11){
|
51
|
+
_a.startTag=_11;
|
52
|
+
return "";
|
53
|
+
});
|
54
|
+
_a.after=_a.after.replace(/^(((\n|^)(\n[ \t]*)*>(.+\n)*.*)+(\n[ \t]*)*)/,function(_12){
|
55
|
+
_a.endTag=_12;
|
56
|
+
return "";
|
57
|
+
});
|
58
|
+
var _13=function(_14){
|
59
|
+
var _15=_14?"> ":"";
|
60
|
+
if(_a.startTag){
|
61
|
+
_a.startTag=_a.startTag.replace(/\n((>|\s)*)\n$/,function(_16,_17){
|
62
|
+
return "\n"+_17.replace(/^[ ]{0,3}>?[ \t]*$/gm,_15)+"\n";
|
63
|
+
});
|
64
|
+
}
|
65
|
+
if(_a.endTag){
|
66
|
+
_a.endTag=_a.endTag.replace(/^\n((>|\s)*)\n/,function(_18,_19){
|
67
|
+
return "\n"+_19.replace(/^[ ]{0,3}>?[ \t]*$/gm,_15)+"\n";
|
68
|
+
});
|
69
|
+
}
|
70
|
+
};
|
71
|
+
if(/^(?![ ]{0,3}>)/m.test(_a.selection)){
|
72
|
+
_8.wrap(_a,_2.wmd_env.lineLength-2);
|
73
|
+
_a.selection=_a.selection.replace(/^/gm,"> ");
|
74
|
+
_13(true);
|
75
|
+
_a.skipLines();
|
76
|
+
}else{
|
77
|
+
_a.selection=_a.selection.replace(/^[ ]{0,3}> ?/gm,"");
|
78
|
+
_8.unwrap(_a);
|
79
|
+
_13(false);
|
80
|
+
if(!/^(\n|^)[ ]{0,3}>/.test(_a.selection)){
|
81
|
+
if(_a.startTag){
|
82
|
+
_a.startTag=_a.startTag.replace(/\n{0,2}$/,"\n\n");
|
83
|
+
}
|
84
|
+
}
|
85
|
+
if(!/(\n|^)[ ]{0,3}>.*$/.test(_a.selection)){
|
86
|
+
if(_a.endTag){
|
87
|
+
_a.endTag=_a.endTag.replace(/^\n{0,2}/,"\n\n");
|
88
|
+
}
|
89
|
+
}
|
90
|
+
}
|
91
|
+
if(!/\n/.test(_a.selection)){
|
92
|
+
_a.selection=_a.selection.replace(/^(> *)/,function(_1a,_1b){
|
93
|
+
_a.startTag+=_1b;
|
94
|
+
return "";
|
95
|
+
});
|
96
|
+
}
|
97
|
+
};
|
98
|
+
_8.doCode=function(_1c){
|
99
|
+
var _1d=/\S[ ]*$/.test(_1c.before);
|
100
|
+
var _1e=/^[ ]*\S/.test(_1c.after);
|
101
|
+
if((!_1e&&!_1d)||/\n/.test(_1c.selection)){
|
102
|
+
_1c.before=_1c.before.replace(/[ ]{4}$/,function(_1f){
|
103
|
+
_1c.selection=_1f+_1c.selection;
|
104
|
+
return "";
|
105
|
+
});
|
106
|
+
var _20=1;
|
107
|
+
var _21=1;
|
108
|
+
if(/\n(\t|[ ]{4,}).*\n$/.test(_1c.before)){
|
109
|
+
_20=0;
|
110
|
+
}
|
111
|
+
if(/^\n(\t|[ ]{4,})/.test(_1c.after)){
|
112
|
+
_21=0;
|
113
|
+
}
|
114
|
+
_1c.skipLines(_20,_21);
|
115
|
+
if(!_1c.selection){
|
116
|
+
_1c.startTag=" ";
|
117
|
+
_1c.selection="print(\"code sample\");";
|
118
|
+
return;
|
119
|
+
}
|
120
|
+
if(/^[ ]{0,3}\S/m.test(_1c.selection)){
|
121
|
+
_1c.selection=_1c.selection.replace(/^/gm," ");
|
122
|
+
}else{
|
123
|
+
_1c.selection=_1c.selection.replace(/^[ ]{4}/gm,"");
|
124
|
+
}
|
125
|
+
}else{
|
126
|
+
_1c.trimWhitespace();
|
127
|
+
_1c.findTags(/`/,/`/);
|
128
|
+
if(!_1c.startTag&&!_1c.endTag){
|
129
|
+
_1c.startTag=_1c.endTag="`";
|
130
|
+
if(!_1c.selection){
|
131
|
+
_1c.selection="print(\"code sample\");";
|
132
|
+
}
|
133
|
+
}else{
|
134
|
+
if(_1c.endTag&&!_1c.startTag){
|
135
|
+
_1c.before+=_1c.endTag;
|
136
|
+
_1c.endTag="";
|
137
|
+
}else{
|
138
|
+
_1c.startTag=_1c.endTag="";
|
139
|
+
}
|
140
|
+
}
|
141
|
+
}
|
142
|
+
};
|
143
|
+
_8.autoindent={};
|
144
|
+
_8.autoindent.textOp=_8.doAutoindent;
|
145
|
+
_8.blockquote={};
|
146
|
+
_8.blockquote.description="Blockquote <blockquote>";
|
147
|
+
_8.blockquote.image="images/blockquote.png";
|
148
|
+
_8.blockquote.key=".";
|
149
|
+
_8.blockquote.keyCode=190;
|
150
|
+
_8.blockquote.textOp=function(_22){
|
151
|
+
return _8.doBlockquote(_22);
|
152
|
+
};
|
153
|
+
_8.code={};
|
154
|
+
_8.code.description="Code Sample <pre><code>";
|
155
|
+
_8.code.image="images/code.png";
|
156
|
+
_8.code.key="k";
|
157
|
+
_8.code.textOp=_8.doCode;
|
158
|
+
_8.img={};
|
159
|
+
_8.img.description="Image <img>";
|
160
|
+
_8.img.image="images/img.png";
|
161
|
+
_8.img.key="g";
|
162
|
+
_8.img.textOp=function(_23,_24){
|
163
|
+
return _8.doLinkOrImage(_23,true,_24);
|
164
|
+
};
|
165
|
+
_8.doList=function(_25,_26){
|
166
|
+
var _27=/(([ ]{0,3}([*+-]|\d+[.])[ \t]+.*)(\n.+|\n{2,}([*+-].*|\d+[.])[ \t]+.*|\n{2,}[ \t]+\S.*)*)\n*/;
|
167
|
+
var _28="";
|
168
|
+
var _29=1;
|
169
|
+
var _2a=function(){
|
170
|
+
if(_26){
|
171
|
+
var _2b=" "+_29+". ";
|
172
|
+
_29++;
|
173
|
+
return _2b;
|
174
|
+
}
|
175
|
+
var _2c=_28||"-";
|
176
|
+
return " "+_2c+" ";
|
177
|
+
};
|
178
|
+
var _2d=function(_2e){
|
179
|
+
if(_26==undefined){
|
180
|
+
_26=/^\s*\d/.test(_2e);
|
181
|
+
}
|
182
|
+
_2e=_2e.replace(/^[ ]{0,3}([*+-]|\d+[.])\s/gm,function(_2f){
|
183
|
+
return _2a();
|
184
|
+
});
|
185
|
+
return _2e;
|
186
|
+
};
|
187
|
+
var _30=function(){
|
188
|
+
_31=_6.regexToString(_27);
|
189
|
+
_31.expression="^\n*"+_31.expression;
|
190
|
+
var _32=_6.stringToRegex(_31);
|
191
|
+
_25.after=_25.after.replace(_32,_2d);
|
192
|
+
};
|
193
|
+
_25.findTags(/(\n|^)*[ ]{0,3}([*+-]|\d+[.])\s+/,null);
|
194
|
+
var _33=/^\n/;
|
195
|
+
if(_25.before&&!/\n$/.test(_25.before)&&!_33.test(_25.startTag)){
|
196
|
+
_25.before+=_25.startTag;
|
197
|
+
_25.startTag="";
|
198
|
+
}
|
199
|
+
if(_25.startTag){
|
200
|
+
var _34=/\d+[.]/.test(_25.startTag);
|
201
|
+
_25.startTag="";
|
202
|
+
_25.selection=_25.selection.replace(/\n[ ]{4}/g,"\n");
|
203
|
+
_8.unwrap(_25);
|
204
|
+
_25.skipLines();
|
205
|
+
if(_34){
|
206
|
+
_30();
|
207
|
+
}
|
208
|
+
if(_26==_34){
|
209
|
+
return;
|
210
|
+
}
|
211
|
+
}
|
212
|
+
var _35=1;
|
213
|
+
var _31=_6.regexToString(_27);
|
214
|
+
_31.expression="(\\n|^)"+_31.expression+"$";
|
215
|
+
var _36=_6.stringToRegex(_31);
|
216
|
+
_25.before=_25.before.replace(_36,function(_37){
|
217
|
+
if(/^\s*([*+-])/.test(_37)){
|
218
|
+
_28=_4.$1;
|
219
|
+
}
|
220
|
+
_35=/[^\n]\n\n[^\n]/.test(_37)?1:0;
|
221
|
+
return _2d(_37);
|
222
|
+
});
|
223
|
+
if(!_25.selection){
|
224
|
+
_25.selection="List item";
|
225
|
+
}
|
226
|
+
var _38=_2a();
|
227
|
+
var _39=1;
|
228
|
+
_31=_6.regexToString(_27);
|
229
|
+
_31.expression="^\n*"+_31.expression;
|
230
|
+
_36=_6.stringToRegex(_31);
|
231
|
+
_25.after=_25.after.replace(_36,function(_3a){
|
232
|
+
_39=/[^\n]\n\n[^\n]/.test(_3a)?1:0;
|
233
|
+
return _2d(_3a);
|
234
|
+
});
|
235
|
+
_25.trimWhitespace(true);
|
236
|
+
_25.skipLines(_35,_39,true);
|
237
|
+
_25.startTag=_38;
|
238
|
+
var _3b=_38.replace(/./g," ");
|
239
|
+
_8.wrap(_25,_2.wmd_env.lineLength-_3b.length);
|
240
|
+
_25.selection=_25.selection.replace(/\n/g,"\n"+_3b);
|
241
|
+
};
|
242
|
+
_8.doHeading=function(_3c){
|
243
|
+
_3c.selection=_3c.selection.replace(/\s+/g," ");
|
244
|
+
_3c.selection=_3c.selection.replace(/(^\s+|\s+$)/g,"");
|
245
|
+
var _3d=0;
|
246
|
+
_3c.findTags(/#+[ ]*/,/[ ]*#+/);
|
247
|
+
if(/#+/.test(_3c.startTag)){
|
248
|
+
_3d=_4.lastMatch.length;
|
249
|
+
}
|
250
|
+
_3c.startTag=_3c.endTag="";
|
251
|
+
_3c.findTags(null,/\s?(-+|=+)/);
|
252
|
+
if(/=+/.test(_3c.endTag)){
|
253
|
+
_3d=1;
|
254
|
+
}
|
255
|
+
if(/-+/.test(_3c.endTag)){
|
256
|
+
_3d=2;
|
257
|
+
}
|
258
|
+
_3c.startTag=_3c.endTag="";
|
259
|
+
_3c.skipLines(1,1);
|
260
|
+
if(!_3c.selection){
|
261
|
+
_3c.startTag="## ";
|
262
|
+
_3c.selection="Heading";
|
263
|
+
_3c.endTag=" ##";
|
264
|
+
return;
|
265
|
+
}
|
266
|
+
var _3e=_3d==0?2:_3d-1;
|
267
|
+
if(_3e){
|
268
|
+
var _3f=_3e>=2?"-":"=";
|
269
|
+
var _40=_3c.selection.length;
|
270
|
+
if(_40>_2.wmd_env.lineLength){
|
271
|
+
_40=_2.wmd_env.lineLength;
|
272
|
+
}
|
273
|
+
_3c.endTag="\n";
|
274
|
+
while(_40--){
|
275
|
+
_3c.endTag+=_3f;
|
276
|
+
}
|
277
|
+
}
|
278
|
+
};
|
279
|
+
_8.ol={};
|
280
|
+
_8.ol.description="Numbered List <ol>";
|
281
|
+
_8.ol.image="images/ol.png";
|
282
|
+
_8.ol.key="o";
|
283
|
+
_8.ol.textOp=function(_41){
|
284
|
+
_8.doList(_41,true);
|
285
|
+
};
|
286
|
+
_8.ul={};
|
287
|
+
_8.ul.description="Bulleted List <ul>";
|
288
|
+
_8.ul.image="images/ul.png";
|
289
|
+
_8.ul.key="u";
|
290
|
+
_8.ul.textOp=function(_42){
|
291
|
+
_8.doList(_42,false);
|
292
|
+
};
|
293
|
+
_8.h1={};
|
294
|
+
_8.h1.description="Heading <h1>/<h2>";
|
295
|
+
_8.h1.image="images/h1.png";
|
296
|
+
_8.h1.key="h";
|
297
|
+
_8.h1.textOp=_8.doHeading;
|
298
|
+
_8.hr={};
|
299
|
+
_8.hr.description="Horizontal Rule <hr>";
|
300
|
+
_8.hr.image="images/hr.png";
|
301
|
+
_8.hr.key="r";
|
302
|
+
_8.hr.textOp=function(_43){
|
303
|
+
_43.startTag="----------\n";
|
304
|
+
_43.selection="";
|
305
|
+
_43.skipLines(2,1,true);
|
306
|
+
};
|
307
|
+
};
|
308
|
+
if(Attacklab.fileLoaded){
|
309
|
+
Attacklab.fileLoaded("wmd-plus.js");
|
310
|
+
}
|
311
|
+
|
@@ -0,0 +1,73 @@
|
|
1
|
+
var Attacklab=Attacklab||{};
|
2
|
+
Attacklab.wmd_env={};
|
3
|
+
Attacklab.account_options={};
|
4
|
+
Attacklab.wmd_defaults={version:1,output:"HTML",lineLength:40,delayLoad:false};
|
5
|
+
if(!Attacklab.wmd){
|
6
|
+
Attacklab.wmd=function(){
|
7
|
+
Attacklab.loadEnv=function(){
|
8
|
+
var _1=function(_2){
|
9
|
+
if(!_2){
|
10
|
+
return;
|
11
|
+
}
|
12
|
+
for(var _3 in _2){
|
13
|
+
Attacklab.wmd_env[_3]=_2[_3];
|
14
|
+
}
|
15
|
+
};
|
16
|
+
_1(Attacklab.wmd_defaults);
|
17
|
+
_1(Attacklab.account_options);
|
18
|
+
_1(top["wmd_options"]);
|
19
|
+
Attacklab.full=true;
|
20
|
+
var _4="bold italic | link blockquote code image | ol ul heading hr";
|
21
|
+
Attacklab.wmd_env.buttons=Attacklab.wmd_env.buttons||_4;
|
22
|
+
};
|
23
|
+
Attacklab.loadEnv();
|
24
|
+
var _5=["showdown.js","wmd-base.js","wmd-plus.js"];
|
25
|
+
var _6=function(_7){
|
26
|
+
};
|
27
|
+
Attacklab.fileLoaded=function(_8){
|
28
|
+
arguments.callee.count=arguments.callee.count||0;
|
29
|
+
if(++arguments.callee.count>=_5.length){
|
30
|
+
var go=function(){
|
31
|
+
Attacklab.wmdBase();
|
32
|
+
Attacklab.Util.startEditor();
|
33
|
+
};
|
34
|
+
if(Attacklab.wmd_env.delayLoad){
|
35
|
+
window.setTimeout(go,0);
|
36
|
+
}else{
|
37
|
+
go();
|
38
|
+
}
|
39
|
+
}
|
40
|
+
};
|
41
|
+
Attacklab.editorInit=function(){
|
42
|
+
Attacklab.wmdPlus();
|
43
|
+
};
|
44
|
+
var _a=function(_b,_c){
|
45
|
+
var _d=Attacklab.basePath+_b;
|
46
|
+
if(_c){
|
47
|
+
_d+="?nocache="+(new Date()).getTime();
|
48
|
+
}
|
49
|
+
var _e=document.createElement("script");
|
50
|
+
_e.src=_d;
|
51
|
+
top.document.documentElement.firstChild.appendChild(_e);
|
52
|
+
};
|
53
|
+
var _f=function(_10){
|
54
|
+
var _11=RegExp("(.*)"+_10+"(\\?(.+))?$","g");
|
55
|
+
var _12=document.getElementsByTagName("script");
|
56
|
+
for(var i=0;i<_12.length;i++){
|
57
|
+
if(_11.test(_12[i].src)){
|
58
|
+
var _14=RegExp.$1;
|
59
|
+
if(/wmd-editor.com/.test(_12[i].src)){
|
60
|
+
return null;
|
61
|
+
}
|
62
|
+
return _14;
|
63
|
+
}
|
64
|
+
}
|
65
|
+
};
|
66
|
+
Attacklab.basePath=_f("wmd.js")||"http://static.wmd-editor.com/v2/";
|
67
|
+
for(var f,i=0;f=_5[i];i++){
|
68
|
+
_a(f,false);
|
69
|
+
}
|
70
|
+
};
|
71
|
+
Attacklab.wmd();
|
72
|
+
}
|
73
|
+
|
@@ -0,0 +1,243 @@
|
|
1
|
+
/* --------------------------------------------------------------
|
2
|
+
|
3
|
+
BLUEPRINT CSS
|
4
|
+
* Filename: grid.css
|
5
|
+
* Version: 0.7.1 (2008-02-25) YYYY-MM-DD
|
6
|
+
* Website: http://code.google.com/p/blueprintcss/
|
7
|
+
|
8
|
+
Generated by:
|
9
|
+
* Blueprint CSS Grid Generator (2008-09-05) [http://kematzy.com/blueprint-generator/]
|
10
|
+
|
11
|
+
Based on work by:
|
12
|
+
* Olav Bjorkoy [bjorkoy.com]
|
13
|
+
* Nathan Borror [playgroundblues.com]
|
14
|
+
* Jeff Croft [jeffcroft.com]
|
15
|
+
* Christian Metts [mintchaos.com]
|
16
|
+
* Khoi Vinh [subtraction.com]
|
17
|
+
|
18
|
+
== STRUCTURE: ========================
|
19
|
+
* Page width: 790 px
|
20
|
+
* Number of columns: 20
|
21
|
+
* Column width: 30 px
|
22
|
+
* Margin width: 10 px
|
23
|
+
======================================
|
24
|
+
|
25
|
+
By default, the grid is 790px wide, with 20 columns
|
26
|
+
spanning 30px, and a 10px margin between columns.
|
27
|
+
|
28
|
+
If you need fewer or more columns, use this formula to calculate
|
29
|
+
the new total width:
|
30
|
+
|
31
|
+
Total width = (number_of_columns * column_width) - margin_width
|
32
|
+
|
33
|
+
Read more about using a grid here:
|
34
|
+
* subtraction.com/archives/2007/0318_oh_yeeaahh.php
|
35
|
+
|
36
|
+
-------------------------------------------------------------- */
|
37
|
+
|
38
|
+
/* A container should group all your columns. */
|
39
|
+
.container {
|
40
|
+
width: 790px;
|
41
|
+
margin: 0 auto;
|
42
|
+
}
|
43
|
+
|
44
|
+
/* Use this class on any div.span / container to see the grid. */
|
45
|
+
.showgrid {
|
46
|
+
background: url(grid.png);
|
47
|
+
}
|
48
|
+
|
49
|
+
/* Body margin for a sensile default look. */
|
50
|
+
body {
|
51
|
+
margin:1.5em 0;
|
52
|
+
}
|
53
|
+
|
54
|
+
|
55
|
+
/* Columns
|
56
|
+
-------------------------------------------------------------- */
|
57
|
+
|
58
|
+
/* Sets up basic grid floating and margin. */
|
59
|
+
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 {float:left;margin-right: 10px;}
|
60
|
+
|
61
|
+
/* The last column in a row needs this class. */
|
62
|
+
div.last { margin-right: 0; }
|
63
|
+
|
64
|
+
/* Use these classes to set the width of a column. */
|
65
|
+
.span-1 { width: 30px;}
|
66
|
+
.span-2 { width: 70px;}
|
67
|
+
.span-3 { width: 110px;}
|
68
|
+
.span-4 { width: 150px;}
|
69
|
+
.span-5 { width: 190px;}
|
70
|
+
.span-6 { width: 230px;}
|
71
|
+
.span-7 { width: 270px;}
|
72
|
+
.span-8 { width: 310px;}
|
73
|
+
.span-9 { width: 350px;}
|
74
|
+
.span-10 { width: 390px;}
|
75
|
+
.span-11 { width: 430px;}
|
76
|
+
.span-12 { width: 470px;}
|
77
|
+
.span-13 { width: 510px;}
|
78
|
+
.span-14 { width: 550px;}
|
79
|
+
.span-15 { width: 590px;}
|
80
|
+
.span-16 { width: 630px;}
|
81
|
+
.span-17 { width: 670px;}
|
82
|
+
.span-18 { width: 710px;}
|
83
|
+
.span-19 { width: 750px;}
|
84
|
+
.span-20, div.span-20 { width: 790px; margin: 0; }
|
85
|
+
|
86
|
+
|
87
|
+
/* Add these to a column to append empty cols. */
|
88
|
+
.append-1 { padding-right: 40px;}
|
89
|
+
.append-2 { padding-right: 80px;}
|
90
|
+
.append-3 { padding-right: 120px;}
|
91
|
+
.append-4 { padding-right: 160px;}
|
92
|
+
.append-5 { padding-right: 200px;}
|
93
|
+
.append-6 { padding-right: 240px;}
|
94
|
+
.append-7 { padding-right: 280px;}
|
95
|
+
.append-8 { padding-right: 320px;}
|
96
|
+
.append-9 { padding-right: 360px;}
|
97
|
+
.append-10 { padding-right: 400px;}
|
98
|
+
.append-11 { padding-right: 440px;}
|
99
|
+
.append-12 { padding-right: 480px;}
|
100
|
+
.append-13 { padding-right: 520px;}
|
101
|
+
.append-14 { padding-right: 560px;}
|
102
|
+
.append-15 { padding-right: 600px;}
|
103
|
+
.append-16 { padding-right: 640px;}
|
104
|
+
.append-17 { padding-right: 680px;}
|
105
|
+
.append-18 { padding-right: 720px;}
|
106
|
+
.append-19 { padding-right: 760px;}
|
107
|
+
|
108
|
+
|
109
|
+
/* Add these to a column to prepend empty cols. */
|
110
|
+
.prepend-1 { padding-left: 40px;}
|
111
|
+
.prepend-2 { padding-left: 80px;}
|
112
|
+
.prepend-3 { padding-left: 120px;}
|
113
|
+
.prepend-4 { padding-left: 160px;}
|
114
|
+
.prepend-5 { padding-left: 200px;}
|
115
|
+
.prepend-6 { padding-left: 240px;}
|
116
|
+
.prepend-7 { padding-left: 280px;}
|
117
|
+
.prepend-8 { padding-left: 320px;}
|
118
|
+
.prepend-9 { padding-left: 360px;}
|
119
|
+
.prepend-10 { padding-left: 400px;}
|
120
|
+
.prepend-11 { padding-left: 440px;}
|
121
|
+
.prepend-12 { padding-left: 480px;}
|
122
|
+
.prepend-13 { padding-left: 520px;}
|
123
|
+
.prepend-14 { padding-left: 560px;}
|
124
|
+
.prepend-15 { padding-left: 600px;}
|
125
|
+
.prepend-16 { padding-left: 640px;}
|
126
|
+
.prepend-17 { padding-left: 680px;}
|
127
|
+
.prepend-18 { padding-left: 720px;}
|
128
|
+
.prepend-19 { padding-left: 760px;}
|
129
|
+
|
130
|
+
|
131
|
+
|
132
|
+
/* Border on right hand side of a column. */
|
133
|
+
div.border {
|
134
|
+
padding-right:4px;
|
135
|
+
margin-right:5px;
|
136
|
+
border-right: 1px solid #eee;
|
137
|
+
}
|
138
|
+
|
139
|
+
/* Border with more whitespace, spans one column. */
|
140
|
+
div.colborder {
|
141
|
+
padding-right:28px;
|
142
|
+
margin-right:25px;
|
143
|
+
border-right: 1px solid #eee;
|
144
|
+
}
|
145
|
+
|
146
|
+
/* Use these classes on an element to push it into the
|
147
|
+
next column, or to pull it into the previous column. */
|
148
|
+
|
149
|
+
.pull-1 { margin-left: -40px;}
|
150
|
+
.pull-2 { margin-left: -80px;}
|
151
|
+
.pull-3 { margin-left: -120px;}
|
152
|
+
.pull-4 { margin-left: -160px;}
|
153
|
+
.pull-5 { margin-left: -200px;}
|
154
|
+
.pull-6 { margin-left: -240px;}
|
155
|
+
.pull-7 { margin-left: -280px;}
|
156
|
+
.pull-8 { margin-left: -320px;}
|
157
|
+
.pull-9 { margin-left: -360px;}
|
158
|
+
.pull-10 { margin-left: -400px;}
|
159
|
+
.pull-11 { margin-left: -440px;}
|
160
|
+
.pull-12 { margin-left: -480px;}
|
161
|
+
.pull-13 { margin-left: -520px;}
|
162
|
+
.pull-14 { margin-left: -560px;}
|
163
|
+
.pull-15 { margin-left: -600px;}
|
164
|
+
.pull-16 { margin-left: -640px;}
|
165
|
+
.pull-17 { margin-left: -680px;}
|
166
|
+
.pull-18 { margin-left: -720px;}
|
167
|
+
.pull-19 { margin-left: -760px;}
|
168
|
+
.pull-20 { margin-left: -800px;}
|
169
|
+
|
170
|
+
.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 {float:left;position:relative;}
|
171
|
+
|
172
|
+
|
173
|
+
.push-1 { margin: 0 -40px 1.5em 40px;}
|
174
|
+
.push-2 { margin: 0 -80px 1.5em 80px;}
|
175
|
+
.push-3 { margin: 0 -120px 1.5em 120px;}
|
176
|
+
.push-4 { margin: 0 -160px 1.5em 160px;}
|
177
|
+
.push-5 { margin: 0 -200px 1.5em 200px;}
|
178
|
+
.push-6 { margin: 0 -240px 1.5em 240px;}
|
179
|
+
.push-7 { margin: 0 -280px 1.5em 280px;}
|
180
|
+
.push-8 { margin: 0 -320px 1.5em 320px;}
|
181
|
+
.push-9 { margin: 0 -360px 1.5em 360px;}
|
182
|
+
.push-10 { margin: 0 -400px 1.5em 400px;}
|
183
|
+
.push-11 { margin: 0 -440px 1.5em 440px;}
|
184
|
+
.push-12 { margin: 0 -480px 1.5em 480px;}
|
185
|
+
.push-13 { margin: 0 -520px 1.5em 520px;}
|
186
|
+
.push-14 { margin: 0 -560px 1.5em 560px;}
|
187
|
+
.push-15 { margin: 0 -600px 1.5em 600px;}
|
188
|
+
.push-16 { margin: 0 -640px 1.5em 640px;}
|
189
|
+
.push-17 { margin: 0 -680px 1.5em 680px;}
|
190
|
+
.push-18 { margin: 0 -720px 1.5em 720px;}
|
191
|
+
.push-19 { margin: 0 -760px 1.5em 760px;}
|
192
|
+
.push-20 { margin: 0 -800px 1.5em 800px;}
|
193
|
+
|
194
|
+
.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 {float:right;position:relative;}
|
195
|
+
|
196
|
+
|
197
|
+
|
198
|
+
/* Misc classes and elements
|
199
|
+
-------------------------------------------------------------- */
|
200
|
+
|
201
|
+
/* Use a .box to create a padded box inside a column. */
|
202
|
+
.box {
|
203
|
+
padding: 1.5em;
|
204
|
+
margin-bottom: 1.5em;
|
205
|
+
}
|
206
|
+
|
207
|
+
/* Use this to create a horizontal ruler across a column. */
|
208
|
+
hr {
|
209
|
+
background: #ddd;
|
210
|
+
color: #ddd;
|
211
|
+
clear: both;
|
212
|
+
float: none;
|
213
|
+
width: 100%;
|
214
|
+
height: .1em;
|
215
|
+
margin: 0 0 1.45em;
|
216
|
+
border: none;
|
217
|
+
}
|
218
|
+
hr.space {
|
219
|
+
background: #fff;
|
220
|
+
color: #fff;
|
221
|
+
}
|
222
|
+
|
223
|
+
|
224
|
+
/* Clearing floats without extra markup
|
225
|
+
Based on How To Clear Floats Without Structural Markup by PiE
|
226
|
+
[http://www.positioniseverything.net/easyclearing.html] */
|
227
|
+
|
228
|
+
.clearfix:after, .container:after {
|
229
|
+
content: ".";
|
230
|
+
display: block;
|
231
|
+
height: 0;
|
232
|
+
clear: both;
|
233
|
+
visibility: hidden;
|
234
|
+
}
|
235
|
+
.clearfix, .container {display: inline-block;}
|
236
|
+
* html .clearfix,
|
237
|
+
* html .container {height: 1%;}
|
238
|
+
.clearfix, .container {display: block;}
|
239
|
+
|
240
|
+
/* Regular clearing
|
241
|
+
apply to column that should drop below previous ones. */
|
242
|
+
|
243
|
+
.clear { clear:both; }
|
Binary file
|
@@ -0,0 +1,38 @@
|
|
1
|
+
/*
|
2
|
+
|
3
|
+
Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
|
4
|
+
|
5
|
+
*/
|
6
|
+
|
7
|
+
pre code {
|
8
|
+
display: block;
|
9
|
+
background: white; color: black;
|
10
|
+
border: solid #CCC 1px;
|
11
|
+
}
|
12
|
+
|
13
|
+
.string,
|
14
|
+
.attribute .value,
|
15
|
+
.filter .argument,
|
16
|
+
.addition,
|
17
|
+
.change {
|
18
|
+
color: #888;
|
19
|
+
}
|
20
|
+
|
21
|
+
.comment,
|
22
|
+
.template_comment,
|
23
|
+
.shebang,
|
24
|
+
.doctype,
|
25
|
+
.pi,
|
26
|
+
.javadoc,
|
27
|
+
.deletion {
|
28
|
+
color: #CCC;
|
29
|
+
}
|
30
|
+
|
31
|
+
.keyword,
|
32
|
+
.tag .title,
|
33
|
+
.ini .title,
|
34
|
+
.winutils,
|
35
|
+
.flow,
|
36
|
+
.lisp .title {
|
37
|
+
font-weight: bold;
|
38
|
+
}
|