lokka 0.1.1

data/lokka.rb

@@ -0,0 +1,11 @@
+#!/usr/bin/env ruby
+
+def _run(cmd)
+  puts cmd
+  system cmd
+end
+
+Dir.chdir(File.dirname(__FILE__))
+
+puts 'Show http://localhost:9292/'
+_run 'bundle exec rackup'

data/public/admin/categories/edit.haml

@@ -0,0 +1,6 @@
+%h2= t.edit_category
+%form{:action => "/admin/categories/#{@category.id}", :method => 'post'}
+  %input{:type => 'hidden', :name => '_method', :value => 'put'}
+  = partial 'categories/form'
+  %p
+    %input{:type => 'submit', :value => t.edit}

data/public/admin/categories/form.haml

@@ -0,0 +1,18 @@
+- unless @category.errors.empty?
+  #error
+    .title= t.error
+    %ul
+      - @category.errors.each do |error|
+        %li= error
+.field
+  %label{:for => 'category_title'}= t.category.title
+  %br
+  %input{:type => 'text', :id => 'category_title', :name => 'category[title]', :value => @category.title}
+.field
+  %label{:for => 'category_description'}= t.category.description
+  %br
+  %textarea{:id => 'category_description', :class => 'editor', :name => 'category[description]'}= h @category.description
+.field
+  %label{:for => 'category_slug'}= t.category.slug
+  %br
+  %input{:type => 'text', :id => 'category_slug', :name => 'category[slug]', :value => @category.slug}

data/public/admin/categories/index.haml

@@ -0,0 +1,15 @@
+%h2= t.listing_categories
+%table
+  %tr
+    %th= t.category.title
+    %th= t.category.created_at
+    %th{:colspan => 2}
+  - @categories.each do |category|
+    %tr
+      %td
+        %a{:href => "/admin/categories/#{category.id}/edit"}= category.title
+      %td= l category.created_at.to_time
+      %td
+        %a.button{:href => "/admin/categories/#{category.id}/edit"}= t.edit
+      %td
+        = link_to t.delete, "/admin/categories/#{category.id}", :class => 'button', :confirm => t.are_you_sure, :method => :delete

data/public/admin/categories/new.haml

@@ -0,0 +1,5 @@
+%h2= t.new_category
+%form{:action => '/admin/categories', :method => 'post'}
+  = partial 'categories/form'
+  %p
+    %input{:type => 'submit', :value => t.new}

data/public/admin/comments/edit.haml

@@ -0,0 +1,6 @@
+%h2= t.edit_comment
+%form{:action => "/admin/comments/#{@comment.id}", :method => 'post'}
+  %input{:type => 'hidden', :name => '_method', :value => 'put'}
+  = partial 'comments/form'
+  %p
+    %input{:type => 'submit', :value => t.edit}

data/public/admin/comments/form.haml

@@ -0,0 +1,29 @@
+- unless @comment.errors.empty?
+  #error
+    .title= t.error
+    %ul
+      - @comment.errors.each do |error|
+        %li= error
+.field
+  %label{:for => 'comment_entry'}= t.comment.entry
+  %br
+  - if @entries.size > 1
+    = select_field @comment, :entry_id, @entries, :id => 'comment_entry'
+  - else
+    = t.no_entry
+.field
+  %label{:for => 'comment_name'}= t.comment.name
+  %br
+  %input{:type => 'text', :id => 'comment_name', :name => 'comment[name]', :value => @comment.name}
+.field
+  %label{:for => 'comment_body'}= t.comment.body
+  %br
+  %textarea{:id => 'comment_body', :name => 'comment[body]', :rows => 10, :cols => 50}= h @comment.body
+.field
+  %label{:for => 'comment_homepage'}= t.comment.homepage
+  %br
+  %input{:type => 'text', :id => 'comment_homepage', :name => 'comment[homepage]', :value => @comment.homepage}
+.field
+  %label{:for => 'comment_created_at'}= t.comment.created_at
+  %br
+  %input{:type => 'text', :id => 'comment_created_at', :name => 'comment[created_at]', :value => @comment.created_at}

data/public/admin/comments/index.haml

@@ -0,0 +1,22 @@
+%h2= t.listing_comments
+%table.comments
+  %tr
+    %th= t.comment.body
+    %th= t.comment.name
+    %th= t.comment.created_at
+    %th{:colspan => 2}
+  - @comments.each_with_index do |comment, i|
+    %tr{:class => (i+1).odd? ? 'odd' : 'even'}
+      %td.body= truncate(strip_tags(comment.body))
+      %td= comment.name
+      %td= l comment.created_at.to_time
+      %td
+        %a.button{:href => "/admin/comments/#{comment.id}/edit"}= t.edit
+      %td
+        = link_to t.delete, "/admin/comments/#{comment.id}", :class => 'button', :confirm => t.are_you_sure, :method => :delete
+.pager
+  %ul
+    - if @comments.pager.previous_page
+      %li.previous= link_to t.previous, "?page=#{@comments.pager.previous_page}"
+    - if @comments.pager.next_page
+      %li.next= link_to t.next, "?page=#{@comments.pager.next_page}"

data/public/admin/comments/new.haml

@@ -0,0 +1,5 @@
+%h2= t.new_comment
+%form{:action => '/admin/comments', :method => 'post'}
+  = partial 'comments/form'
+  %p
+    %input{:type => 'submit', :value => t.new}

data/public/admin/css/editor.css

@@ -0,0 +1,10 @@
+html, body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  background-color:transparent;
+}
+
+body {
+	background: none repeat scroll 0 0 #eee;
+}

data/public/admin/css/jquery.cleditor.css

@@ -0,0 +1,24 @@
+.cleditorMain {border:1px solid #999; padding:0 1px 1px; background-color:white}
+.cleditorMain iframe {border:none; margin:0; padding:0}
+.cleditorMain textarea {border:none; margin:0; padding:0; overflow-y:scroll; font:10pt Arial,Verdana; resize:none; outline:none /* webkit grip focus */}
+.cleditorToolbar {background: url('../images/toolbar.gif') repeat}
+.cleditorGroup {float:left; height:26px}
+.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url('../images/buttons.gif')}
+.cleditorDisabled {opacity:0.3; filter:alpha(opacity=30)}
+.cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}
+.cleditorPopup {border:solid 1px #999; background-color:white; position:absolute; font:10pt Arial,Verdana; cursor:default; z-index:10000}
+.cleditorList div {padding:2px 4px 2px 4px}
+.cleditorList p,
+.cleditorList h1,
+.cleditorList h2,
+.cleditorList h3,
+.cleditorList h4,
+.cleditorList h5,
+.cleditorList h6,
+.cleditorList font {padding:0; margin:0; background-color:Transparent}
+.cleditorColor {width:150px; padding:1px 0 0 1px}
+.cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
+.cleditorPrompt {background-color:#F6F7F9; padding:4px; font-size:8.5pt}
+.cleditorPrompt input,
+.cleditorPrompt textarea {font:8.5pt Arial,Verdana;}
+.cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt}

data/public/admin/css/style.css

@@ -0,0 +1,710 @@
+/* clearfix */
+.clearfix:after {
+	visibility: hidden;
+	display: block;
+	font-size: 0;
+	content: " ";
+	clear: both;
+	height: 0;
+	}
+* html .clearfix             { zoom: 1; } /* IE6 */
+*:first-child+html .clearfix { zoom: 1; } /* IE7 */
+
+
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+background:none repeat scroll 0 0;
+border:0 none;
+margin:0;
+outline:0 none;
+padding:0;
+}
+
+input, textarea, select {
+-webkit-border-radius:6px;
+-moz-border-radius:6px;
+border-radius:6px;
+background:none repeat scroll 0 0 #eee;
+border-color:#999 #ccc #ccc #999;
+border-style:solid;
+border-width:1px;
+padding:3px 2px;
+}
+input:focus, textarea:focus, select:focus {
+background:none repeat scroll 0 0 #fafafa;
+}
+
+select, input, button, textarea, button, .button {
+font:99% arial,helvetica,clean,sans-serif;
+}
+
+input, button, textarea, select, optgroup, option, .button {
+font-family:inherit;
+font-size:inherit;
+font-style:inherit;
+font-weight:inherit;
+}
+
+input[type="submit"],
+.button {
+cursor:pointer;
+border-color:#ccc #999 #999 #ccc;
+border-style:solid;
+border-width:1px;
+margin-bottom:40px;
+padding:5px 15px;
+-webkit-border-radius:6px;
+-moz-border-radius:6px;
+border-radius:6px;
+background:none repeat scroll 0 0 #ccc;
+background:-moz-linear-gradient(#ccc, #bbb) repeat scroll 0 0 transparent;
+background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ccc), to(#bbb));
+background: linear-gradient(#ccc, #bbb);
+-webkit-box-shadow:1px 1px 2px #bbb;
+-moz-box-shadow:1px 1px 2px #bbb;
+box-shadow:1px 1px 2px #bbb;
+}
+
+
+
+.button:link, .button:visited {
+color:#444;
+white-space: nowrap;
+}
+.button:hover, .button:active ,input[type="submit"]:focus {
+background:-moz-linear-gradient(#e8e8e8, #eee) repeat scroll 0 0 transparent;
+background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8e8e8), to(#eee));
+background: linear-gradient(#e8e8e8, #eee);
+color:#000;
+text-shadow:1px 1px 0 #FFFFFF;
+-webkit-box-shadow:none;
+-moz-box-shadow:none;
+box-shadow:none;
+}
+
+
+
+
+form p {
+	display:block;
+	margin-bottom:15px;
+}
+
+form .field {
+	margin-bottom:15px;
+}
+
+form div.textarea {
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	background: none repeat scroll 0 0 #eee;
+	border-color: #999 #ccc #ccc #999;
+	border-style: solid;
+	border-width: 1px;
+	clear: both;
+	padding-top: 3px;
+	padding-right: 2px;
+	padding-bottom: 3px;
+	padding-left: 2px;
+}
+
+	
+input[type="text"],
+input[type="password"] {
+	display:block;
+	width:550px;
+}
+
+textarea {
+	display:block;
+	width:550px;
+	height:450px;
+}
+textarea#site_description {
+	height:50px;
+}
+
+html,body {
+	margin: 0;
+	padding: 0;
+	height: 100%;
+	font-size: 12px;
+	background-color: #41527e;
+}
+
+.clear {
+  display: inline-block;
+}
+
+.clear:after {
+  content: "";
+  display: block;
+  clear: both;
+}
+
+html, body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,"ヒラギノ角ゴ Pro W3",HiraKakuPro-W3,Osaka,sans-serif;
+}
+
+h1 {
+  margin: 0;
+  padding: 0;
+  font-size: 12px;
+}
+
+h2 {
+	font-size: 16px;
+	display: block;
+	background-color: #666;
+	margin-top: -10px;
+	margin-right: -20px;
+	margin-bottom: 15px;
+	margin-left: -20px;
+	padding-top: 8px;
+	padding-right: 20px;
+	padding-bottom: 8px;
+	padding-left: 20px;
+	-webkit-border-radius:7px 7px 0px 0px;
+	-moz-border-radius:7px 7px 0px 0px;
+	border-radius:7px 7px 0px 0px;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	border-bottom-color: #aaa;
+	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#aaa), to(#ccc));
+	background: -moz-linear-gradient(#aaa, #ccc);
+	background: linear-gradient(#aaa, #ccc);
+	text-shadow:#eee 1px 1px 0px;
+}
+
+#notice {
+	display: block;
+	position: absolute;
+	left: 360px;
+	z-index: 1000;
+	text-align: center;
+	margin: 0px;
+	top: 69px;
+	line-height: 26px;
+	}
+#notice p {
+	display: block;
+	background-color: #C47240;
+	margin: 0px;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+	color: #FFF;
+	font-size: 12px;
+	padding-right: 1em;
+	padding-left: 1em;
+}
+
+a {
+  color: #000;
+  text-decoration: none;
+}
+
+label {
+	font-weight: bold;
+}
+
+#header {
+	border-bottom: 1px solid #182b5a;
+	background: #41527E;
+	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#41527E), to(#212F54));
+	background: -moz-linear-gradient(#41527E, #212F54);
+	background: linear-gradient(#41527E, #212F54);
+	height: 22px;
+	padding: 15px;
+	margin-top: 0;
+	margin-right: 0;
+	margin-bottom: 10px;
+	margin-left: 0;
+}
+
+#header a {
+	color: #fff;
+	line-height: 22px;
+	text-shadow:#222 1px 1px 0px;
+}
+#header h1 {
+	font-size:22px;
+	float: left;
+}
+
+#nav {
+	float: right;
+	font-size: 11px;
+	line-height: 12px;
+}
+
+#nav a {
+	color: #fff;
+	border: 1px solid #14203F;
+	text-align: center;
+	-webkit-border-radius: 8px;
+	-moz-border-radius: 8px;
+	border-radius: 8px;
+	display: block;
+	float: right;
+	margin-left: 8px;
+	padding-right: 12px;
+	padding-left: 12px;
+ }
+#nav a:link,
+#nav a:visited {
+	background: #23325b;
+	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6B799E), to(#374772));
+	background: -moz-linear-gradient(#20325f, #0c1a3f);
+	background: linear-gradient(#6B799E, #374772);
+ }
+#nav a:hover,
+#nav a:active {
+	background: #0B183B;
+	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0c1a3f), to(#040c23));
+	background: -moz-linear-gradient(#0c1a3f, #040c23);
+	background: linear-gradient(#0c1a3f, #040c23);
+ }
+
+#nav ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+#nav ul li {
+  margin: 0 6px;
+  display: inline;
+}
+
+#content {
+	overflow: hidden !important;
+	overflow: visible;
+	min-height: 100%;
+	height: auto !important;
+	height: 100%;
+	clear: both;
+	padding-left: 10px;
+	padding-right: 10px;
+	padding-bottom: 25px;
+}
+
+#aside {
+	float: left;
+	width: 160px;
+	overflow: hidden;
+	padding-right: 0;
+	padding-bottom: 8px;
+	padding-left: 0;
+	clear: left;
+	position: relative;
+}
+
+#main {
+	padding-bottom: 32767px !important;
+	margin-bottom: -32767px !important;
+	height: 100%;
+	padding-top: 10px;
+	padding-right: 20px;
+	padding-bottom: 10px;
+	padding-left: 20px;
+	background-color: #FFF;
+	margin-left: 170px;
+	border: 1px solid #182b5a;
+	-webkit-border-radius:8px;
+	-moz-border-radius:8px;
+	border-radius:8px;
+}
+
+#main h3 {
+	line-height: 1.3;
+	margin-bottom: 1.4em;
+}
+#main h4 {
+	line-height: 1.3;
+	margin-bottom: 1.4em;
+}
+#main p {
+	line-height: 1.5;
+	margin-bottom: 1.8em;
+}
+#main ul {
+	margin-bottom: 1.8em;
+	margin-left: 1.2em;
+	list-style-position: outside;
+}
+#main ol {
+	margin-bottom: 1.8em;
+	margin-left: 1.2em;
+	list-style-position: outside;
+}
+#main li {
+	margin-bottom: 0.8em;
+	line-height: 1.4;
+}
+#main table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  min-width:700px;
+	width: auto !important;
+	width: 700px;
+}
+#main table tr {
+	border-bottom-width: 1px;
+	border-bottom-style: dotted;
+	border-bottom-color: #aaa;
+}
+#main table a {
+  border-collapse: collapse;
+  border-spacing: 0;
+  min-width:600px;
+	width: auto !important;
+	width: 600px;
+}
+
+
+
+#main table tr.odd {
+	background-color: #f4f4f4;
+}
+
+#main table td {
+  padding: 10px 20px;
+}
+
+#main table td.title {
+  background: url(../images/file.png) no-repeat scroll 10px 50% transparent;
+  padding-left: 30px;
+}
+
+.admin_login #main {
+  margin: auto;
+}
+
+#aside h3 {
+  margin: 0;
+  padding: 0;
+  font-size: 11px;
+}
+
+#aside ul {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+#aside ul li.parent {
+	line-height: 22px;
+	font-weight: bold;
+	display: block;
+	margin-bottom: 10px;
+}
+#aside li.parent ul {
+	background-color: #eee;
+	-webkit-border-radius: 0px 0px 6px 6px;
+	-moz-border-radius: 0px 0px 6px 6px;
+	border-radius: 0px 0px 6px 6px;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+	border-left-width: 1px;
+	border-right-style: solid;
+	border-bottom-style: solid;
+	border-left-style: solid;
+	border-right-color: #333;
+	border-bottom-color: #333;
+	border-left-color: #333;
+	padding-left: 12px;
+	padding-bottom: 3px;
+	clear: both;
+	padding-top: 5px;
+	display: block;
+	padding-right: 12px;
+}
+#aside ul li ul li {
+  font-weight: normal;
+}
+#aside li.list {
+/*
+  background: url(../images/files.png) no-repeat scroll 10px 50% transparent;
+*/
+}
+#aside ul li ul li a {
+	padding-left: 23px;
+	display:block;
+	margin-bottom: 3px;
+	padding-right: 10px;
+	line-height: 22px;
+	height: 22px;
+	background-repeat: no-repeat;
+}
+#aside ul li ul li a:hover,
+#aside ul li ul li a:active {
+	-webkit-border-radius:6px;
+	-moz-border-radius:6px;
+	border-radius:6px;
+	background-color:#ddd;
+	background-image: url(../images/aside_arrow.png);
+	background-position: 10px center;
+}
+
+#aside li.new {
+/*
+  background: url(../images/add.png) no-repeat scroll 10px 50% transparent;
+*/
+}
+#aside li.post h3 {
+  background: url(../images/post.png);
+}
+
+#aside li.page h3 {
+  background: url(../images/file.png);
+}
+
+#aside li.comment h3 {
+  background: url(../images/comment.png);
+}
+
+#aside li.category h3 {
+  background: url(../images/category.png);
+}
+
+#aside li.tag h3 {
+  background: url(../images/tag.png);
+}
+
+#aside li.user h3 {
+  background: url(../images/user.png);
+}
+
+#aside li.theme h3 a {
+  background: url(../images/theme.png);
+}
+
+#aside li.plugin h3 a {
+  background: url(../images/plugin.png);
+}
+
+#aside li.setting h3 a {
+  background: url(../images/setting.png);
+}
+
+#aside li.parent h3.title {
+	padding-left: 28px;
+	background-color: #444;
+	display: block;
+	background-repeat: no-repeat;
+	background-position: 8px 50%;
+	background-attachment: scroll;
+	padding-top: 4px;
+	padding-right: 8px;
+	padding-bottom: 4px;
+	color: #fff;
+	border: 1px solid #333;
+	-webkit-border-radius: 6px 6px 0px 0px  ;
+	-moz-border-radius: 6px 6px 0px 0px ;
+	border-radius: 6px 6px 0px 0px ;
+}
+#aside li.parent h3 a {
+	color: #fff;
+	padding-left: 28px;
+	display: block;
+	background-repeat: no-repeat;
+	background-position: 8px 50%;
+	background-attachment: scroll;
+	padding-top: 4px;
+	padding-right: 8px;
+	padding-bottom: 4px;
+	color: #fff;
+	border: 1px solid #333;
+	-webkit-border-radius: 6px 6px 0px 0px  ;
+	-moz-border-radius: 6px 6px 0px 0px ;
+	border-radius: 6px 6px 0px 0px ;
+}
+#aside li.parent h3 a:link,
+#aside li.parent h3 a:visited {
+	background-color: #444;
+}
+#aside li.parent h3 a:hover,
+#aside li.parent h3 a:active {
+	background-color: #595959;
+	text-shadow:#222 1px 1px 0px;
+}
+#footer {
+	clear: both;
+	border-top: 1px solid #333;
+	background: #343434;
+	text-align: center;
+	margin-top: 10px;
+	padding-top: 15px;
+	padding-right: 0px;
+	padding-bottom: 15px;
+	padding-left: 0px;
+}
+#footer a {
+	color: #FFF;
+}
+
+ul.themes {
+	list-style: none;
+	display: block;
+	padding: 0px;
+}
+ul.themes div {
+	display:block;
+	float: none;
+	text-align: center;
+}
+ul.themes div.title a {
+	font-size: 13px;
+	font-weight: bold;
+	display:block;
+	padding-top: 4px;
+	padding-bottom: 4px;
+	-webkit-border-radius: 4px 4px 0px 0px  ;
+	-moz-border-radius: 4px 4px 0px 0px ;
+	border-radius: 4px 4px 0px 0px ;
+	border: 1px solid #333;
+}
+ul.themes div.title a:link,
+ul.themes div.title a:visited {
+	background-color: #444;
+	color: #FFF;
+}
+ul.themes div.title a:hover,
+ul.themes div.title a:active {
+	background-color: #595959;
+	text-shadow:#222 1px 1px 0px;
+}
+ul.themes div.screenshot {
+	display:block;
+	height:170px;
+	float: none;
+	text-align: center;
+	padding-top: 15px;
+	padding-bottom: 15px;
+	-webkit-border-radius: 0px 0px 4px 4px;
+	-moz-border-radius: 0px 0px 4px 4px;
+	border-radius: 0px 0px 4px 4px;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+	border-left-width: 1px;
+	border-right-style: solid;
+	border-bottom-style: solid;
+	border-left-style: solid;
+	border-right-color: #999;
+	border-bottom-color: #999;
+	border-left-color: #999;
+}
+ul.themes div.screenshot img {
+-webkit-box-shadow: #666 0px 2px 3px;
+-moz-box-shadow: #666 0px 2px 3px;
+box-shadow: #666 0px 2px 3px;
+width: 240px;
+height: 170px;
+max-width: 240px;
+max-height: 170px;
+width:auto !important;
+height:auto !important;
+}
+ul.themes div.screenshot span {
+	line-height: 150px;
+}
+
+ul.plugins {
+  margin: 1.6em 1em;  
+  list-style-type: square;
+}
+
+ul.plugins li {
+  margin: 0.6em 0em;
+  font-size: 14px;
+}
+
+ul.plugins li a {
+  text-decoration: underline;
+}
+
+#main li.theme {
+	float: left;
+	padding: 0;
+	margin: 10px;
+	background-color: #EDEDED;
+	width: 280px;
+	display: block;
+}
+
+#error {
+	width:510px;
+	background-color: #e8c5c5;
+	margin-bottom: 25px;
+	padding-top: 10px;
+	padding-right: 20px;
+	padding-bottom: 10px;
+	padding-left: 20px;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+}
+
+#error ul {
+	padding-left: 25px;
+	list-style-position: outside;
+}
+#error .title {
+	list-style-position: outside;
+	font-weight: bold;
+	display: block;
+	margin-bottom: 2px;
+}
+
+#error li {
+	margin-bottom: 3px;
+}
+
+textarea.editor {
+  clear: both;
+}
+textarea#post_body,
+textarea#page_body {
+  clear: none;
+}
+
+.pager {
+	clear: both;
+	width: 700px;
+	padding-top: 1em;
+}
+.pager li {
+	list-style-type: none;
+}
+.pager li a {
+	list-style-type: none;
+	display: block;
+}
+.pager li a:link,
+.pager li a:visited {
+	text-decoration: none;
+	color: #1B346F;
+}
+.pager li a:hover,
+.pager li a:active {
+	text-decoration: underline;
+	color: #AF2B3D;
+}
+.pager li.previous a {
+	float: left;
+}
+.pager li.next a {
+	float: right;
+}
+.pager li.previous a:before {
+	content:"\00ab";
+	margin-right: 0.3em;
+}
+.pager li.next a:after {
+	content:"\00bb";
+	margin-left: 0.3em;
+}