Bootstrap theme. OMG it's awesome! Thanks Luc!

2025-04-25 12:31:06 -05:00 · 2013-03-24 21:43:10 +01:00 · 2013-03-24 21:43:10 +01:00 · 398f0e6d27
commit 398f0e6d27
parent 705c94ffdf
43 changed files with 6932 additions and 0 deletions
--- a/AUTHORS.md
+++ b/AUTHORS.md
@ -7,3 +7,4 @@
 * abma https://github.com/abma (.htaccess improvement)
 * Chris https://github.com/ch0wnag3 (favicon URL improvement)
 * Gabriel Wanzek https://github.com/GabrielWanzek (gabdark & gabdark3 themes)
+* Luc https://github.com/ltribolet (Bootstrap theme)
--- a/README.md
+++ b/README.md
@ -38,6 +38,7 @@ Changelog
 ### Version 0.8.5:

 Todo. Planned: Refactoring of pastes model, unit tests, diff-view, easier spamadmin, documentation, and more
+* Themes! TODO: Make JS also part of the theme. Fix Bootstrap theme (but it's awesome!)

 ### Version 0.8.4:

--- a/htdocs/themes/bootstrap/css/bootstrap-responsive.css
+++ b/htdocs/themes/bootstrap/css/bootstrap-responsive.css
@ -0,0 +1,815 @@
+/*!
+ * Bootstrap Responsive v2.0.4
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ */
+
+.clearfix {
+  *zoom: 1;
+}
+
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: "";
+}
+
+.clearfix:after {
+  clear: both;
+}
+
+.hide-text {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+
+.input-block-level {
+  display: block;
+  width: 100%;
+  min-height: 28px;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+      -ms-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+.hidden {
+  display: none;
+  visibility: hidden;
+}
+
+.visible-phone {
+  display: none !important;
+}
+
+.visible-tablet {
+  display: none !important;
+}
+
+.hidden-desktop {
+  display: none !important;
+}
+
+@media (max-width: 767px) {
+  .visible-phone {
+    display: inherit !important;
+  }
+  .hidden-phone {
+    display: none !important;
+  }
+  .hidden-desktop {
+    display: inherit !important;
+  }
+  .visible-desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 979px) {
+  .visible-tablet {
+    display: inherit !important;
+  }
+  .hidden-tablet {
+    display: none !important;
+  }
+  .hidden-desktop {
+    display: inherit !important;
+  }
+  .visible-desktop {
+    display: none !important ;
+  }
+}
+
+@media (max-width: 480px) {
+  .nav-collapse {
+    -webkit-transform: translate3d(0, 0, 0);
+  }
+  .page-header h1 small {
+    display: block;
+    line-height: 18px;
+  }
+  input[type="checkbox"],
+  input[type="radio"] {
+    border: 1px solid #ccc;
+  }
+  .form-horizontal .control-group > label {
+    float: none;
+    width: auto;
+    padding-top: 0;
+    text-align: left;
+  }
+  .form-horizontal .controls {
+    margin-left: 0;
+  }
+  .form-horizontal .control-list {
+    padding-top: 0;
+  }
+  .form-horizontal .form-actions {
+    padding-right: 10px;
+    padding-left: 10px;
+  }
+  .modal {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    left: 10px;
+    width: auto;
+    margin: 0;
+  }
+  .modal.fade.in {
+    top: auto;
+  }
+  .modal-header .close {
+    padding: 10px;
+    margin: -10px;
+  }
+  .carousel-caption {
+    position: static;
+  }
+}
+
+@media (max-width: 767px) {
+  body {
+    padding-right: 20px;
+    padding-left: 20px;
+  }
+  .navbar-fixed-top,
+  .navbar-fixed-bottom {
+    margin-right: -20px;
+    margin-left: -20px;
+  }
+  .container-fluid {
+    padding: 0;
+  }
+  .dl-horizontal dt {
+    float: none;
+    width: auto;
+    clear: none;
+    text-align: left;
+  }
+  .dl-horizontal dd {
+    margin-left: 0;
+  }
+  .container {
+    width: auto;
+  }
+  .row-fluid {
+    width: 100%;
+  }
+  .row,
+  .thumbnails {
+    margin-left: 0;
+  }
+  [class*="span"],
+  .row-fluid [class*="span"] {
+    display: block;
+    float: none;
+    width: auto;
+    margin-left: 0;
+  }
+  .input-large,
+  .input-xlarge,
+  .input-xxlarge,
+  input[class*="span"],
+  select[class*="span"],
+  textarea[class*="span"],
+  .uneditable-input {
+    display: block;
+    width: 100%;
+    min-height: 28px;
+    -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+        -ms-box-sizing: border-box;
+            box-sizing: border-box;
+  }
+  .input-prepend input,
+  .input-append input,
+  .input-prepend input[class*="span"],
+  .input-append input[class*="span"] {
+    display: inline-block;
+    width: auto;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 979px) {
+  .row {
+    margin-left: -20px;
+    *zoom: 1;
+  }
+  .row:before,
+  .row:after {
+    display: table;
+    content: "";
+  }
+  .row:after {
+    clear: both;
+  }
+  [class*="span"] {
+    float: left;
+    margin-left: 20px;
+  }
+  .container,
+  .navbar-fixed-top .container,
+  .navbar-fixed-bottom .container {
+    width: 724px;
+  }
+  .span12 {
+    width: 724px;
+  }
+  .span11 {
+    width: 662px;
+  }
+  .span10 {
+    width: 600px;
+  }
+  .span9 {
+    width: 538px;
+  }
+  .span8 {
+    width: 476px;
+  }
+  .span7 {
+    width: 414px;
+  }
+  .span6 {
+    width: 352px;
+  }
+  .span5 {
+    width: 290px;
+  }
+  .span4 {
+    width: 228px;
+  }
+  .span3 {
+    width: 166px;
+  }
+  .span2 {
+    width: 104px;
+  }
+  .span1 {
+    width: 42px;
+  }
+  .offset12 {
+    margin-left: 764px;
+  }
+  .offset11 {
+    margin-left: 702px;
+  }
+  .offset10 {
+    margin-left: 640px;
+  }
+  .offset9 {
+    margin-left: 578px;
+  }
+  .offset8 {
+    margin-left: 516px;
+  }
+  .offset7 {
+    margin-left: 454px;
+  }
+  .offset6 {
+    margin-left: 392px;
+  }
+  .offset5 {
+    margin-left: 330px;
+  }
+  .offset4 {
+    margin-left: 268px;
+  }
+  .offset3 {
+    margin-left: 206px;
+  }
+  .offset2 {
+    margin-left: 144px;
+  }
+  .offset1 {
+    margin-left: 82px;
+  }
+  .row-fluid {
+    width: 100%;
+    *zoom: 1;
+  }
+  .row-fluid:before,
+  .row-fluid:after {
+    display: table;
+    content: "";
+  }
+  .row-fluid:after {
+    clear: both;
+  }
+  .row-fluid [class*="span"] {
+    display: block;
+    float: left;
+    width: 100%;
+    min-height: 28px;
+    margin-left: 2.762430939%;
+    *margin-left: 2.709239449638298%;
+    -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+        -ms-box-sizing: border-box;
+            box-sizing: border-box;
+  }
+  .row-fluid [class*="span"]:first-child {
+    margin-left: 0;
+  }
+  .row-fluid .span12 {
+    width: 99.999999993%;
+    *width: 99.9468085036383%;
+  }
+  .row-fluid .span11 {
+    width: 91.436464082%;
+    *width: 91.38327259263829%;
+  }
+  .row-fluid .span10 {
+    width: 82.87292817100001%;
+    *width: 82.8197366816383%;
+  }
+  .row-fluid .span9 {
+    width: 74.30939226%;
+    *width: 74.25620077063829%;
+  }
+  .row-fluid .span8 {
+    width: 65.74585634900001%;
+    *width: 65.6926648596383%;
+  }
+  .row-fluid .span7 {
+    width: 57.182320438000005%;
+    *width: 57.129128948638304%;
+  }
+  .row-fluid .span6 {
+    width: 48.618784527%;
+    *width: 48.5655930376383%;
+  }
+  .row-fluid .span5 {
+    width: 40.055248616%;
+    *width: 40.0020571266383%;
+  }
+  .row-fluid .span4 {
+    width: 31.491712705%;
+    *width: 31.4385212156383%;
+  }
+  .row-fluid .span3 {
+    width: 22.928176794%;
+    *width: 22.874985304638297%;
+  }
+  .row-fluid .span2 {
+    width: 14.364640883%;
+    *width: 14.311449393638298%;
+  }
+  .row-fluid .span1 {
+    width: 5.801104972%;
+    *width: 5.747913482638298%;
+  }
+  input,
+  textarea,
+  .uneditable-input {
+    margin-left: 0;
+  }
+  input.span12,
+  textarea.span12,
+  .uneditable-input.span12 {
+    width: 714px;
+  }
+  input.span11,
+  textarea.span11,
+  .uneditable-input.span11 {
+    width: 652px;
+  }
+  input.span10,
+  textarea.span10,
+  .uneditable-input.span10 {
+    width: 590px;
+  }
+  input.span9,
+  textarea.span9,
+  .uneditable-input.span9 {
+    width: 528px;
+  }
+  input.span8,
+  textarea.span8,
+  .uneditable-input.span8 {
+    width: 466px;
+  }
+  input.span7,
+  textarea.span7,
+  .uneditable-input.span7 {
+    width: 404px;
+  }
+  input.span6,
+  textarea.span6,
+  .uneditable-input.span6 {
+    width: 342px;
+  }
+  input.span5,
+  textarea.span5,
+  .uneditable-input.span5 {
+    width: 280px;
+  }
+  input.span4,
+  textarea.span4,
+  .uneditable-input.span4 {
+    width: 218px;
+  }
+  input.span3,
+  textarea.span3,
+  .uneditable-input.span3 {
+    width: 156px;
+  }
+  input.span2,
+  textarea.span2,
+  .uneditable-input.span2 {
+    width: 94px;
+  }
+  input.span1,
+  textarea.span1,
+  .uneditable-input.span1 {
+    width: 32px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .row {
+    margin-left: -30px;
+    *zoom: 1;
+  }
+  .row:before,
+  .row:after {
+    display: table;
+    content: "";
+  }
+  .row:after {
+    clear: both;
+  }
+  [class*="span"] {
+    float: left;
+    margin-left: 30px;
+  }
+  .container,
+  .navbar-fixed-top .container,
+  .navbar-fixed-bottom .container {
+    width: 1170px;
+  }
+  .span12 {
+    width: 1170px;
+  }
+  .span11 {
+    width: 1070px;
+  }
+  .span10 {
+    width: 970px;
+  }
+  .span9 {
+    width: 870px;
+  }
+  .span8 {
+    width: 770px;
+  }
+  .span7 {
+    width: 670px;
+  }
+  .span6 {
+    width: 570px;
+  }
+  .span5 {
+    width: 470px;
+  }
+  .span4 {
+    width: 370px;
+  }
+  .span3 {
+    width: 270px;
+  }
+  .span2 {
+    width: 170px;
+  }
+  .span1 {
+    width: 70px;
+  }
+  .offset12 {
+    margin-left: 1230px;
+  }
+  .offset11 {
+    margin-left: 1130px;
+  }
+  .offset10 {
+    margin-left: 1030px;
+  }
+  .offset9 {
+    margin-left: 930px;
+  }
+  .offset8 {
+    margin-left: 830px;
+  }
+  .offset7 {
+    margin-left: 730px;
+  }
+  .offset6 {
+    margin-left: 630px;
+  }
+  .offset5 {
+    margin-left: 530px;
+  }
+  .offset4 {
+    margin-left: 430px;
+  }
+  .offset3 {
+    margin-left: 330px;
+  }
+  .offset2 {
+    margin-left: 230px;
+  }
+  .offset1 {
+    margin-left: 130px;
+  }
+  .row-fluid {
+    width: 100%;
+    *zoom: 1;
+  }
+  .row-fluid:before,
+  .row-fluid:after {
+    display: table;
+    content: "";
+  }
+  .row-fluid:after {
+    clear: both;
+  }
+  .row-fluid [class*="span"] {
+    display: block;
+    float: left;
+    width: 100%;
+    min-height: 28px;
+    margin-left: 2.564102564%;
+    *margin-left: 2.510911074638298%;
+    -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+        -ms-box-sizing: border-box;
+            box-sizing: border-box;
+  }
+  .row-fluid [class*="span"]:first-child {
+    margin-left: 0;
+  }
+  .row-fluid .span12 {
+    width: 100%;
+    *width: 99.94680851063829%;
+  }
+  .row-fluid .span11 {
+    width: 91.45299145300001%;
+    *width: 91.3997999636383%;
+  }
+  .row-fluid .span10 {
+    width: 82.905982906%;
+    *width: 82.8527914166383%;
+  }
+  .row-fluid .span9 {
+    width: 74.358974359%;
+    *width: 74.30578286963829%;
+  }
+  .row-fluid .span8 {
+    width: 65.81196581200001%;
+    *width: 65.7587743226383%;
+  }
+  .row-fluid .span7 {
+    width: 57.264957265%;
+    *width: 57.2117657756383%;
+  }
+  .row-fluid .span6 {
+    width: 48.717948718%;
+    *width: 48.6647572286383%;
+  }
+  .row-fluid .span5 {
+    width: 40.170940171000005%;
+    *width: 40.117748681638304%;
+  }
+  .row-fluid .span4 {
+    width: 31.623931624%;
+    *width: 31.5707401346383%;
+  }
+  .row-fluid .span3 {
+    width: 23.076923077%;
+    *width: 23.0237315876383%;
+  }
+  .row-fluid .span2 {
+    width: 14.529914530000001%;
+    *width: 14.4767230406383%;
+  }
+  .row-fluid .span1 {
+    width: 5.982905983%;
+    *width: 5.929714493638298%;
+  }
+  input,
+  textarea,
+  .uneditable-input {
+    margin-left: 0;
+  }
+  input.span12,
+  textarea.span12,
+  .uneditable-input.span12 {
+    width: 1160px;
+  }
+  input.span11,
+  textarea.span11,
+  .uneditable-input.span11 {
+    width: 1060px;
+  }
+  input.span10,
+  textarea.span10,
+  .uneditable-input.span10 {
+    width: 960px;
+  }
+  input.span9,
+  textarea.span9,
+  .uneditable-input.span9 {
+    width: 860px;
+  }
+  input.span8,
+  textarea.span8,
+  .uneditable-input.span8 {
+    width: 760px;
+  }
+  input.span7,
+  textarea.span7,
+  .uneditable-input.span7 {
+    width: 660px;
+  }
+  input.span6,
+  textarea.span6,
+  .uneditable-input.span6 {
+    width: 560px;
+  }
+  input.span5,
+  textarea.span5,
+  .uneditable-input.span5 {
+    width: 460px;
+  }
+  input.span4,
+  textarea.span4,
+  .uneditable-input.span4 {
+    width: 360px;
+  }
+  input.span3,
+  textarea.span3,
+  .uneditable-input.span3 {
+    width: 260px;
+  }
+  input.span2,
+  textarea.span2,
+  .uneditable-input.span2 {
+    width: 160px;
+  }
+  input.span1,
+  textarea.span1,
+  .uneditable-input.span1 {
+    width: 60px;
+  }
+  .thumbnails {
+    margin-left: -30px;
+  }
+  .thumbnails > li {
+    margin-left: 30px;
+  }
+  .row-fluid .thumbnails {
+    margin-left: 0;
+  }
+}
+
+@media (max-width: 979px) {
+  body {
+    padding-top: 0;
+  }
+  .navbar-fixed-top,
+  .navbar-fixed-bottom {
+    position: static;
+  }
+  .navbar-fixed-top {
+    margin-bottom: 18px;
+  }
+  .navbar-fixed-bottom {
+    margin-top: 18px;
+  }
+  .navbar-fixed-top .navbar-inner,
+  .navbar-fixed-bottom .navbar-inner {
+    padding: 5px;
+  }
+  .navbar .container {
+    width: auto;
+    padding: 0;
+  }
+  .navbar .brand {
+    padding-right: 10px;
+    padding-left: 10px;
+    margin: 0 0 0 -5px;
+  }
+  .nav-collapse {
+    clear: both;
+  }
+  .nav-collapse .nav {
+    float: none;
+    margin: 0 0 9px;
+  }
+  .nav-collapse .nav > li {
+    float: none;
+  }
+  .nav-collapse .nav > li > a {
+    margin-bottom: 2px;
+  }
+  .nav-collapse .nav > .divider-vertical {
+    display: none;
+  }
+  .nav-collapse .nav .nav-header {
+    color: #999999;
+    text-shadow: none;
+  }
+  .nav-collapse .nav > li > a,
+  .nav-collapse .dropdown-menu a {
+    padding: 6px 15px;
+    font-weight: bold;
+    color: #999999;
+    -webkit-border-radius: 3px;
+       -moz-border-radius: 3px;
+            border-radius: 3px;
+  }
+  .nav-collapse .btn {
+    padding: 4px 10px 4px;
+    font-weight: normal;
+    -webkit-border-radius: 4px;
+       -moz-border-radius: 4px;
+            border-radius: 4px;
+  }
+  .nav-collapse .dropdown-menu li + li a {
+    margin-bottom: 2px;
+  }
+  .nav-collapse .nav > li > a:hover,
+  .nav-collapse .dropdown-menu a:hover {
+    background-color: #222222;
+  }
+  .nav-collapse.in .btn-group {
+    padding: 0;
+    margin-top: 5px;
+  }
+  .nav-collapse .dropdown-menu {
+    position: static;
+    top: auto;
+    left: auto;
+    display: block;
+    float: none;
+    max-width: none;
+    padding: 0;
+    margin: 0 15px;
+    background-color: transparent;
+    border: none;
+    -webkit-border-radius: 0;
+       -moz-border-radius: 0;
+            border-radius: 0;
+    -webkit-box-shadow: none;
+       -moz-box-shadow: none;
+            box-shadow: none;
+  }
+  .nav-collapse .dropdown-menu:before,
+  .nav-collapse .dropdown-menu:after {
+    display: none;
+  }
+  .nav-collapse .dropdown-menu .divider {
+    display: none;
+  }
+  .nav-collapse .navbar-form,
+  .nav-collapse .navbar-search {
+    float: none;
+    padding: 9px 15px;
+    margin: 9px 0;
+    border-top: 1px solid #222222;
+    border-bottom: 1px solid #222222;
+    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+  }
+  .navbar .nav-collapse .nav.pull-right {
+    float: none;
+    margin-left: 0;
+  }
+  .nav-collapse,
+  .nav-collapse.collapse {
+    height: 0;
+    overflow: hidden;
+  }
+  .navbar .btn-navbar {
+    display: block;
+  }
+  .navbar-static .navbar-inner {
+    padding-right: 10px;
+    padding-left: 10px;
+  }
+}
+
+@media (min-width: 980px) {
+  .nav-collapse.collapse {
+    height: auto !important;
+    overflow: visible !important;
+  }
+}
--- a/htdocs/themes/bootstrap/css/bootstrap-responsive.min.css
+++ b/htdocs/themes/bootstrap/css/bootstrap-responsive.min.css
--- a/htdocs/themes/bootstrap/css/bootstrap.css
+++ b/htdocs/themes/bootstrap/css/bootstrap.css
--- a/htdocs/themes/bootstrap/css/bootstrap.min.css
+++ b/htdocs/themes/bootstrap/css/bootstrap.min.css
--- a/htdocs/themes/bootstrap/css/codemirror.css
+++ b/htdocs/themes/bootstrap/css/codemirror.css
@ -0,0 +1,211 @@
+.CodeMirror {
+  line-height: 1em;
+  font-family: monospace;
+  margin: 10px 0px;
+  /* Necessary so the scrollbar can be absolutely positioned within the wrapper on Lion. */
+  position: relative;
+  /* This prevents unwanted scrollbars from showing up on the body and wrapper in IE. */
+  overflow: hidden;
+  background-color: white;
+  border: 1px solid #CCC;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
+  transition: border linear 0.2s, box-shadow linear 0.2s;
+}
+
+.CodeMirror-scroll {
+  overflow-x: auto;
+  overflow-y: hidden;
+  height: 300px;
+  /* This is needed to prevent an IE[67] bug where the scrolled content
+     is visible outside of the scrolling box. */
+  position: relative;
+  outline: none;
+}
+
+/* Vertical scrollbar */
+.CodeMirror-scrollbar {
+  float: right;
+  overflow-x: hidden;
+  overflow-y: scroll;
+
+  /* This corrects for the 1px gap introduced to the left of the scrollbar
+     by the rule for .CodeMirror-scrollbar-inner. */
+  margin-left: -1px;
+}
+.CodeMirror-scrollbar-inner {
+  /* This needs to have a nonzero width in order for the scrollbar to appear
+     in Firefox and IE9. */
+  width: 1px;
+}
+.CodeMirror-scrollbar.cm-sb-overlap {
+  /* Ensure that the scrollbar appears in Lion, and that it overlaps the content
+     rather than sitting to the right of it. */
+  position: absolute;
+  z-index: 1;
+  float: none;
+  right: 0;
+  min-width: 12px;
+}
+.CodeMirror-scrollbar.cm-sb-nonoverlap {
+  min-width: 12px;
+}
+.CodeMirror-scrollbar.cm-sb-ie7 {
+  min-width: 18px;
+}
+
+.CodeMirror-gutter {
+  position: absolute; left: 0; top: 0;
+  z-index: 10;
+  background-color: #F7F7F9;
+  border-right: 1px solid #eee;
+  min-width: 2em;
+  height: 100%;
+  -webkit-border-top-left-radius: 3px;
+  -webkit-border-bottom-left-radius: 3px;
+  -moz-border-radius-topleft: 3px;
+  -moz-border-radius-bottomleft: 3px;
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+  -webkit-box-shadow: inset 1px 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 1px 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+blockquote.CodeMirror {
+  background-color: #F7F7F9;
+  border-right: 1px solid #eee;
+  min-width: 2em;
+  height: 100%;
+  -webkit-border-top-left-radius: 3px;
+  -webkit-border-bottom-left-radius: 3px;
+  -moz-border-radius-topleft: 3px;
+  -moz-border-radius-bottomleft: 3px;
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+  -webkit-box-shadow: inset 1px 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 1px 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+blockquote.CodeMirror ol {
+  z-index: 10;
+  border: none;
+  background-color: #fff;
+  margin-bottom: 0;
+}
+.CodeMirror-gutter-text {
+  color: #aaa;
+  text-align: right;
+  padding: .4em .2em .4em .4em;
+  white-space: pre !important;
+}
+.CodeMirror-lines {
+  padding: .4em;
+  white-space: pre;
+  cursor: text;
+}
+.CodeMirror-lines * {
+  /* Necessary for throw-scrolling to decelerate properly on Safari. */
+  pointer-events: none;
+}
+
+.CodeMirror pre {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  -o-border-radius: 0;
+  border-radius: 0;
+  border-width: 0; margin: 0; padding: 0; background: transparent;
+  font-family: inherit;
+  font-size: inherit;
+  padding: 0; margin: 0;
+  white-space: pre;
+  word-wrap: normal;
+  line-height: inherit;
+  color: inherit;
+}
+
+.CodeMirror-wrap pre {
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  word-break: normal;
+}
+.CodeMirror-wrap .CodeMirror-scroll {
+  overflow-x: hidden;
+}
+
+.CodeMirror textarea {
+  outline: none !important;
+}
+
+.CodeMirror pre.CodeMirror-cursor {
+  z-index: 10;
+  position: absolute;
+  visibility: hidden;
+  border-left: 1px solid black;
+  border-right: none;
+  width: 0;
+}
+.cm-keymap-fat-cursor pre.CodeMirror-cursor {
+  width: auto;
+  border: 0;
+  background: transparent;
+  background: rgba(0, 200, 0, .4);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6600c800, endColorstr=#4c00c800);
+}
+/* Kludge to turn off filter in ie9+, which also accepts rgba */
+.cm-keymap-fat-cursor pre.CodeMirror-cursor:not(#nonsense_id) {
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+.CodeMirror pre.CodeMirror-cursor.CodeMirror-overwrite {}
+.CodeMirror-focused pre.CodeMirror-cursor {
+  visibility: visible;
+}
+
+div.CodeMirror-selected { background: #d9d9d9; }
+.CodeMirror-focused div.CodeMirror-selected { background: #d7d4f0; }
+
+.CodeMirror-searching {
+  background: #ffa;
+  background: rgba(255, 255, 0, .4);
+}
+
+/* Default theme */
+
+.cm-s-default span.cm-keyword {color: #708;}
+.cm-s-default span.cm-atom {color: #219;}
+.cm-s-default span.cm-number {color: #164;}
+.cm-s-default span.cm-def {color: #00f;}
+.cm-s-default span.cm-variable {color: black;}
+.cm-s-default span.cm-variable-2 {color: #05a;}
+.cm-s-default span.cm-variable-3 {color: #085;}
+.cm-s-default span.cm-property {color: black;}
+.cm-s-default span.cm-operator {color: black;}
+.cm-s-default span.cm-comment {color: #a50;}
+.cm-s-default span.cm-string {color: #a11;}
+.cm-s-default span.cm-string-2 {color: #f50;}
+.cm-s-default span.cm-meta {color: #555;}
+.cm-s-default span.cm-error {color: #f00;}
+.cm-s-default span.cm-qualifier {color: #555;}
+.cm-s-default span.cm-builtin {color: #30a;}
+.cm-s-default span.cm-bracket {color: #cc7;}
+.cm-s-default span.cm-tag {color: #170;}
+.cm-s-default span.cm-attribute {color: #00c;}
+.cm-s-default span.cm-header {color: blue;}
+.cm-s-default span.cm-quote {color: #090;}
+.cm-s-default span.cm-hr {color: #999;}
+.cm-s-default span.cm-link {color: #00c;}
+
+span.cm-header, span.cm-strong {font-weight: bold;}
+span.cm-em {font-style: italic;}
+span.cm-emstrong {font-style: italic; font-weight: bold;}
+span.cm-link {text-decoration: underline;}
+
+div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
+div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
--- a/htdocs/themes/bootstrap/css/embed.css
+++ b/htdocs/themes/bootstrap/css/embed.css
@ -0,0 +1,25 @@
+
+body {
+}
+
+.paste {
+	margin: 0 auto;
+	width: auto;
+}
+
+.paste .text_formatted {
+	width: 100%;
+	margin: 0;
+    border: 0;
+}
+
+.paste p {
+    clear: both;
+    background: #ccc;
+    padding: 3px 6px;
+}
+
+.paste .right {
+    float: right;
+}
+
--- a/htdocs/themes/bootstrap/css/iphone.css
+++ b/htdocs/themes/bootstrap/css/iphone.css
@ -0,0 +1,130 @@
+/*
+   iphone.css
+   stikked
+   
+   Created by Ben McRedmond on 2008-03-19.
+   Copyright 2008 Stikked. Some rights reserved.
+*/
+
+* {
+	margin: 0;
+}
+
+body {
+	font-family: "Helvetica";
+	font-size: 20px;
+	font-weight: bold;
+}
+
+.container {
+	padding: 5px;
+}
+
+.pagetitle {
+	font-size: 25px;
+}
+
+/* Header */
+
+.header {
+	background-color: #74972A;
+	border-bottom: 2px solid #607C21;
+	color: #fff;
+	height: 40px;
+}
+
+.logo{
+	float: left;
+	font-size: 25px;
+}
+
+.toolbar {
+	margin-top: 3px;
+	color: #aaa;
+	float: right;
+	font-weight: normal;
+}
+
+.toolbar ul li{
+	display: inline;
+	padding-left: 15px;
+}
+
+.toolbar ul li.active{
+	color: #fff;
+}
+
+.toolbar ul li a {
+	color: inherit;
+	text-decoration: none;
+}
+
+/* List */
+tr {
+	height: 30px;
+}
+
+.recent {
+	list-style: none;
+	padding: 0;
+}
+
+.recent a {
+	color: inherit;
+	text-decoration: none;
+}
+
+.recent li {
+	padding: 5px;
+	border-bottom: 1px solid #eee;
+}
+
+.recent li span.author {
+	font-weight: normal;
+}
+
+.pages {
+	margin-top: 10px;
+	font-size: 25px;
+	font-weight: normal;
+	margin-right: 5px;
+	text-align: right;
+}
+
+.pages .current {
+	font-weight: bold;;
+}
+
+/* Create */
+.data {
+	border: 0;
+}
+
+textarea {
+	width: 90%;
+	margin-left: 6px;
+}
+
+.submit {
+	margin-left: 2px;
+	margin-bottom: 5px;
+}
+
+/* View */
+.info {
+	margin-left: 2px;
+}
+
+.meta{
+	font-weight: normal;
+	font-size: 15px;
+	margin-bottom: 5px;
+	color: #333;
+}
+
+.text_formatted {
+	font-size: 10px;
+	border-top: 1px solid #aaa;
+	padding-top: 5px;
+	overflow: auto;
+}
--- a/htdocs/themes/bootstrap/css/raw.css
+++ b/htdocs/themes/bootstrap/css/raw.css
@ -0,0 +1,24 @@
+/*
+   raw.css
+   Stikked
+   
+   Created by Ben McRedmond on 2008-03-20.
+   Copyright 2008 Stikked. Some rights reserved.
+*/
+
+body {
+	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana,  "Helvetica Neue", Helvetica, sans-serif;
+	font-size: 14px;
+}
+
+#container {
+	width: 95%;
+	margin: 20px auto;	
+}
+
+pre {
+	background-color: #eee;
+	padding: 5px;
+	font-family: monospace;
+	overflow: auto;
+}
--- a/htdocs/themes/bootstrap/css/style.css
+++ b/htdocs/themes/bootstrap/css/style.css
@ -0,0 +1,68 @@
+@media (min-width: 980px) {
+	body {
+		position: relative;
+		padding-top: 40px;
+	}
+}
+
+.hidden {
+	display: none;
+}
+
+
+/* Footer
+-------------------------------------------------- */
+.footer {
+  margin-top: 35px;
+  padding: 15px 0 10px;
+  border-top: 1px solid #e5e5e5;
+}
+.footer p {
+  margin-bottom: 0;
+  color: #555;
+}
+
+section {
+	margin-bottom: 25px;
+}
+
+/* Table Sorter
+---------------------------------------------------*/
+div.dataTables_length label {
+	float: left;
+	text-align: left;
+}
+
+div.dataTables_filter label {
+	float: right;
+}
+
+div.dataTables_info {
+	padding-top: 8px;
+}
+
+div.dataTables_paginate {
+	float: right;
+	margin: 0;
+}
+
+table {
+	margin-bottom: 6px !important;
+	clear: both;
+}
+
+table.table thead .sorting,
+table.table thead .sorting_asc,
+table.table thead .sorting_desc,
+table.table thead .sorting_asc_disabled,
+table.table thead .sorting_desc_disabled {
+	cursor: pointer;
+	*cursor: hand;
+}
+
+table.table thead .sorting { background: url('../img/sort_both.png') no-repeat center right; }
+table.table thead .sorting_asc { background: url('../img/sort_asc.png') no-repeat center right; }
+table.table thead .sorting_desc { background: url('../img/sort_desc.png') no-repeat center right; }
+
+table.table thead .sorting_asc_disabled { background: url('../img/sort_asc_disabled.png') no-repeat center right; }
+table.table thead .sorting_desc_disabled { background: url('../img/sort_desc_disabled.png') no-repeat center right; }
--- a/htdocs/themes/bootstrap/images/apple-touch-icon.psd
+++ b/htdocs/themes/bootstrap/images/apple-touch-icon.psd
--- a/htdocs/themes/bootstrap/images/bg-x.png
+++ b/htdocs/themes/bootstrap/images/bg-x.png
--- a/htdocs/themes/bootstrap/images/button.png
+++ b/htdocs/themes/bootstrap/images/button.png
--- a/htdocs/themes/bootstrap/images/glyphicons-halflings-white.png
+++ b/htdocs/themes/bootstrap/images/glyphicons-halflings-white.png
--- a/htdocs/themes/bootstrap/images/glyphicons-halflings.png
+++ b/htdocs/themes/bootstrap/images/glyphicons-halflings.png
--- a/htdocs/themes/bootstrap/images/sort_asc.png
+++ b/htdocs/themes/bootstrap/images/sort_asc.png
--- a/htdocs/themes/bootstrap/images/sort_asc_disabled.png
+++ b/htdocs/themes/bootstrap/images/sort_asc_disabled.png
--- a/htdocs/themes/bootstrap/images/sort_both.png
+++ b/htdocs/themes/bootstrap/images/sort_both.png
--- a/htdocs/themes/bootstrap/images/sort_desc.png
+++ b/htdocs/themes/bootstrap/images/sort_desc.png
--- a/htdocs/themes/bootstrap/images/sort_desc_disabled.png
+++ b/htdocs/themes/bootstrap/images/sort_desc_disabled.png
--- a/htdocs/themes/bootstrap/views/about.php
+++ b/htdocs/themes/bootstrap/views/about.php
@ -0,0 +1,8 @@
+<?php $this->load->view("defaults/header");?>
+
+<div class="about">
+	<h1>About</h1>
+	To edit this page edit application/views/about.php.
+</div>
+
+<?php $this->load->view("defaults/footer");?>
--- a/htdocs/themes/bootstrap/views/api_help.php
+++ b/htdocs/themes/bootstrap/views/api_help.php
@ -0,0 +1,64 @@
+<?php $this->load->view("defaults/header");?>
+
+<div class="api">
+	<h1>API</h1>
+    <p class="explain border">Create pastes from the commandline</p>
+
+	<h2>API URL</h2>
+    <p class="explain"><code><?php echo site_url('api/create'); ?></code></p>
+
+	<h2>Return values</h2>
+    <p class="explain">
+        On success, the API returns the paste URL: <code><?php echo site_url('view/[pasteid]'); ?></code><br />
+        On error, the API returns the error message: <code>Error: Missing paste text</code>
+    </p>
+
+	<h2>POST parameters</h2>
+    <p>&nbsp;</p>
+
+	<code>text=[your paste text]</code>
+    <p class="explain">The paste content. Required.</p>
+
+	<code>title=[title]</code>
+    <p class="explain">Title for the paste.</p>
+
+	<code>name=[name]</code>
+    <p class="explain">The author's name.</p>
+
+	<code>private=1</code>
+    <p class="explain">Make paste private.</p>
+
+	<code>lang=[language]</code>
+    <p class="explain">
+        Use alternative syntax highlighting.<br />
+        Possible values: <?php echo $languages; ?>
+    </p>
+
+	<code>expire=[minutes]</code>
+    <p class="explain">Set paste expiration.</p>
+
+	<code>reply=[pasteid]</code>
+    <p class="explain">Reply to existing paste.</p>
+
+	<h2>Examples</h2>
+    <p>&nbsp;</p>
+
+	<h3>Create paste</h3>
+	<code>curl -d text='this is my text' <?php echo site_url('api/create'); ?></code>
+    <p class="explain">Create a paste with the text 'this is my text'.</p>
+
+	<h3>Create paste from a file</h3>
+	<code>curl -d private=1 -d name=Herbert --data-urlencode text@/etc/passwd <?php echo site_url('api/create'); ?></code>
+    <p class="explain">Create a private paste with the author 'Herbert' and the contents of '/etc/passwd'.</p>
+
+	<h3>Create paste from a php file</h3>
+	<code>curl -d lang=php --data-urlencode text@main.php <?php echo site_url('api/create'); ?></code>
+    <p class="explain">Create a paste with PHP syntax highlighting.</p>
+
+	<h3>Get paste ;-)</h3>
+	<code>curl <?php echo site_url('view/raw/[pasteid]'); ?></code>
+    <p class="explain">Display paste.</p>
+
+</div>
+
+<?php $this->load->view("defaults/footer");?>
--- a/htdocs/themes/bootstrap/views/defaults/footer.php
+++ b/htdocs/themes/bootstrap/views/defaults/footer.php
@ -0,0 +1,27 @@
+			<?php $this->load->view('defaults/footer_message'); ?>
+		</div>
+<?php
+
+//codemirror modes
+if(isset($codemirror_modes)){
+    echo '<div style="display: none;" id="codemirror_modes">' . json_encode($codemirror_modes) . '</div>';
+}
+
+//stats
+$this->load->view('defaults/stats');
+
+//Javascript
+$this->carabiner->js('jquery.js');
+$this->carabiner->js('bootstrap.min.js');
+$this->carabiner->js('jquery.timers.js');
+$this->carabiner->js('jquery.dataTables.min.js');
+$this->carabiner->js('codemirror/lib/codemirror.js');
+
+
+$this->carabiner->js('stikked.js');
+
+$this->carabiner->display('js');
+
+?>
+	</body>
+</html>
--- a/htdocs/themes/bootstrap/views/defaults/footer_message.php
+++ b/htdocs/themes/bootstrap/views/defaults/footer_message.php
@ -0,0 +1,3 @@
+<footer class="footer">
+	Powered By <a href="https://github.com/claudehohl/Stikked">Stikked</a>
+</footer>
--- a/htdocs/themes/bootstrap/views/defaults/header.php
+++ b/htdocs/themes/bootstrap/views/defaults/header.php
@ -0,0 +1,77 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<?php
+$page_title = '';
+if(isset($title))
+{
+    $page_title .= $title . ' - ';
+}
+$page_title .= $this->config->item('site_name');
+?>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+	<head>
+		<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+		<title><?php echo $page_title; ?></title>
+<?php
+
+//Carabiner
+$this->carabiner->config(array(
+    'script_dir' => 'static/js/', 
+    'style_dir'  => 'themes/bootstrap/css/',
+    'cache_dir'  => 'static/asset/',
+    'base_uri'	 => base_url(),
+    'combine'	 => true,
+    'dev'		 => !$this->config->item('combine_assets'),
+));
+
+// CSS
+$this->carabiner->css('bootstrap.css');
+$this->carabiner->css('bootstrap-responsive.css');
+$this->carabiner->css('style.css');
+$this->carabiner->css('codemirror.css');
+
+$this->carabiner->display('css'); 
+
+?>
+	<script type="text/javascript">
+	//<![CDATA[
+	var base_url = '<?php echo base_url(); ?>';
+	//]]>
+	</script>
+	</head>
+	<body>		
+		<header>
+			<div class="navbar navbar-fixed-top">
+				<div class="navbar-inner">
+					<div class="container">
+						<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+							<span class="icon-bar"></span>
+							<span class="icon-bar"></span>
+							<span class="icon-bar"></span>
+						</a>
+						<a class="brand" href="<?php echo base_url(); ?>" class="title"><?php echo $this->config->item('site_name'); ?></a>
+						<div class="nav-collapse">
+							<ul class="nav">
+								<?php $l = $this->uri->segment(1)?>
+								<li><a <?php if($l == ""){ echo 'class="active"'; }?> href="<?php echo base_url()?>" title="Create A New Paste">Create</a></li>
+<?php if(!$this->config->item('private_only')){ ?>
+								<li><a <?php if($l == "lists" || $l == "view" and $this->uri->segment(2) != "options"){ echo 'class="active"'; }?> href="<?php echo site_url('lists'); ?>" title="Recent Pastes">Recent</a></li>
+                                <li><a <?php if($l == "trends"){ echo 'class="active"'; }?> href="<?php echo site_url('trends'); ?>" title="Trending Pastes">Trending</a></li>
+<?php } ?>
+								<li><a  <?php if($l == "api"){ echo 'class="active"'; }?> href="<?php echo site_url('api'); ?>" title="API">API</a></li>
+								<li><a  <?php if($l == "about"){ echo 'class="active"'; }?> href="<?php echo site_url('about'); ?>" title="About">About</a></li>
+							</ul>
+						</div>
+					</div>
+				</div>
+			</div>
+		</header>
+
+		<div class="container">
+				<?php if(isset($status_message)){?>
+				<div class="message success change">
+					<div class="container">
+						<?php echo $status_message; ?>
+					</div>
+				</div>
+				<?php }?>				
--- a/htdocs/themes/bootstrap/views/defaults/paste_form.php
+++ b/htdocs/themes/bootstrap/views/defaults/paste_form.php
@ -0,0 +1,131 @@
+
+<?php echo validation_errors(); ?>
+
+<div class="row">
+	<div class="span12">
+		<div class="page-header">
+			<h1><?php if(!isset($page['title'])){ ?>
+			Create a new paste
+			<?php } else { ?>
+				<?php echo $page['title']; ?>
+			<?php } ?>
+			
+			</h1>
+		</div>
+		
+	</div>
+	<div class="span12">
+		<form action="<?php echo base_url(); ?>" method="post" class="form-vertical well">
+			<div class="row">
+				<div class="span3">
+					<label for="name">Author
+					</label>
+					
+					<?php $set = array('name' => 'name', 'id' => 'name', 'class' => 'span3', 'value' => $name_set, 'maxlength' => '32', 'tabindex' => '1');
+					echo form_input($set);?>
+				</div>
+				
+				<div class="span3">
+					<label for="title">
+						Title
+					</label>
+					
+					<input value="<?php if(isset($title_set)){ echo $title_set; }?>" class="span3" type="text" id="title" name="title" tabindex="2" maxlength="32" />
+				</div>
+		
+				<div class="span3">
+					<label for="lang">
+						Language
+					</label>
+					<?php $lang_extra = 'id="lang" class="select span3" tabindex="3"'; echo form_dropdown('lang', $languages, $lang_set, $lang_extra); ?>
+				</div>
+			</div>
+			
+			<div class="row">
+				<div class="span12">
+					<label for="paste">Your paste
+						<span class="instruction">Paste your paste here</span>
+					</label>
+				</div>
+			</div>
+			<div class="control-group">
+				<div class="controls">
+					<textarea id="code" class="span12" name="code" rows="20" tabindex="4"><?php if(isset($paste_set)){ echo $paste_set; }?></textarea>
+				</div>
+			</div>
+
+			<div class="row">
+				<div class="span8">
+					<div class="control-group">
+						<label class="control-label" for="optionsCheckbox">Create Shorturl</label>
+						<div class="controls">
+							<label class="checkbox">
+								<?php
+									$set = array('name' => 'snipurl', 'id' => 'snipurl', 'value' => '1', 'tabindex' => '5', 'checked' => $snipurl_set);
+									echo form_checkbox($set);
+								?>
+								Create a shorter url that redirects to your paste?
+							</label>
+						</div>
+					</div>
+					<div class="control-group">
+						<label class="control-label" for="optionsCheckbox">Private</label>
+						<div class="controls">
+							<label class="checkbox">
+								<?php
+								$set = array('name' => 'private', 'id' => 'private', 'tabindex' => '6', 'value' => '1', 'checked' => $private_set);
+										if ($this->config->item('private_only')){
+											$set['checked'] = 1;
+											$set['disabled'] = 'disabled';
+											}
+								echo form_checkbox($set);
+							?>
+								Private paste aren't shown in recent listings.
+							</label>
+						</div>
+					</div>
+					<div class="item">
+						<label for="expire">Delete After
+							<span class="instruction">When should we delete your paste?</span>
+						</label>
+						<?php 
+							$expire_extra = 'id="expire" class="select" tabindex="7"';
+							$options = array(
+											"0" => "Keep Forever",
+											"30" => "30 Minutes",
+											"60" => "1 hour",
+											"360" => "6 Hours",
+											"720" => "12 Hours",
+											"1440" => "1 Day",
+											"10080" => "1 Week",
+											"40320" => "4 Weeks"
+										);
+						echo form_dropdown('expire', $options, $expire_set, $expire_extra); ?>
+					</div>
+				</div>
+			</div>
+			
+		<?php if($reply){ ?>
+			<input type="hidden" value="<?php echo $reply; ?>" name="reply" />
+		<?php } ?>
+		
+		<?php if($this->config->item('enable_captcha')){ ?>
+			<div class="item_group">
+				<div class="item item_captcha">
+					<label for="captcha">Spam Protection
+						<span class="instruction">Type in the characters displayed in the picture.</span>
+					</label>
+						<img class="captcha" src="<?php echo site_url('view/captcha'); ?>?<?php echo date('U', mktime()); ?>" alt="captcha" width="110" height="40" />
+						<input value="<?php if(isset($captcha_set)){ echo $captcha_set; }?>" type="text" id="captcha" name="captcha" tabindex="2" maxlength="32" />
+				</div>
+			</div>
+		<?php } ?>
+			<div class="form-actions">
+				<button type="submit" name="submit" value="submit" class="btn-large btn-primary">
+					<i class="icon-pencil icon-white"></i>
+					 Create
+				</button>
+			</div>
+		</form>
+	</div>
+</div>
--- a/htdocs/themes/bootstrap/views/defaults/stats.php
+++ b/htdocs/themes/bootstrap/views/defaults/stats.php
@ -0,0 +1 @@
+<!-- Insert code here for google analytics or other web stat systems -->
--- a/htdocs/themes/bootstrap/views/home.php
+++ b/htdocs/themes/bootstrap/views/home.php
@ -0,0 +1,5 @@
+<?php $this->load->view('defaults/header'); ?>
+
+<?php $this->load->view('defaults/paste_form'); ?>
+
+<?php $this->load->view('defaults/footer');?>
--- a/htdocs/themes/bootstrap/views/index.html
+++ b/htdocs/themes/bootstrap/views/index.html
@ -0,0 +1,15 @@
+<html>
+
+<head>
+
+<title>403 Forbidden</title>
+
+</head>
+
+<body bgcolor='#ffffff'>
+
+<p>Directory access is forbidden.<p>
+
+</body>
+
+</html>
--- a/htdocs/themes/bootstrap/views/iphone/footer.php
+++ b/htdocs/themes/bootstrap/views/iphone/footer.php
@ -0,0 +1,4 @@
+			</div>
+		</div>
+	</body>
+</html>
--- a/htdocs/themes/bootstrap/views/iphone/header.php
+++ b/htdocs/themes/bootstrap/views/iphone/header.php
@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Sliict//EN"
+	"http://www.w3.org/li/xhtml1/DTD/xhtml1-sliict.dtd">
+<html>
+	<head>
+		<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+		<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
+		<title>Stikked - iPhone</title>
+		<link rel="stylesheet" href="<?php echo base_url(); ?>static/styles/iphone.css" type="text/css" media="screen" title="iphone stylesheet" charset="utf-8" />
+	</head>
+	<body>
+		<div id="container">
+			<div class="header">
+				<div class="container">
+					<div class="logo"><?php echo $this->config->item('site_name'); ?></div>
+					<div class="toolbar">	
+						<ul>
+							<?php $page = $this->uri->segment(2); // There is currently only one link so the active link may seem pointless but this future proofs it. ?>
+							<li class="<?php if($page =="" || $page == "view"){?>active<?php } ?>"><a href="<?php echo base_url(); ?>iphone">View</a></li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div class="content">
--- a/htdocs/themes/bootstrap/views/iphone/recent.php
+++ b/htdocs/themes/bootstrap/views/iphone/recent.php
@ -0,0 +1,28 @@
+<?php $this->load->view('iphone/header.php'); ?>
+				<?php if(!empty($pastes)){
+					function checkNum($num){
+						return ($num%2) ? TRUE : FALSE;
+					}?>
+					<ul class="recent">
+					<?php	foreach($pastes as $paste) {
+							if(checkNum($paste['id']) == TRUE) {
+								$eo = "even";
+							} else {
+								$eo = "odd";
+							}
+					?>
+						<li class="<?php echo $eo; ?>">
+							<span class="title"><a href="<?php echo base_url(); ?>iphone/view/<?php echo $paste['pid']; ?>"><?php echo $paste['title']; ?></a></span>
+							<span class="author"><?php echo $paste['name']; ?></span>
+						</li>
+						<?php }?>
+				
+					
+						<?php echo $pages; ?>
+					</ul>
+				<?php } else { ?>
+					<p>Sorry no pastes to show :)</p>
+				<?php }?>	
+					
+				
+<?php $this->load->view('iphone/footer.php'); ?>
--- a/htdocs/themes/bootstrap/views/iphone/view.php
+++ b/htdocs/themes/bootstrap/views/iphone/view.php
@ -0,0 +1,11 @@
+<?php $this->load->view('iphone/header'); ?>
+<div class="info">
+	<h1 class="pagetitle"><?php echo $title; ?></h1>
+	<div class="meta">
+		<p><strong>By</strong> <?php echo $name; ?>, <?php $p = explode(',', timespan($created, time())); echo $p[0]; ?> ago, written in <?php echo $lang; ?>.</p>
+	</div>
+</div>
+<div class="text_formatted">
+	<?php echo $paste; ?>
+</div>
+<?php $this->load->view('iphone/footer'); ?>
--- a/htdocs/themes/bootstrap/views/list.php
+++ b/htdocs/themes/bootstrap/views/list.php
@ -0,0 +1,41 @@
+<?php $this->load->view('defaults/header');?>
+	<div class="page-header">
+		<h1>Recent Pastes <a href="<?php echo site_url('lists/rss'); ?>">
+			<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJDSURBVHjajJJNSBRhGMd/887MzrQxRSLbFuYhoUhEKsMo8paHUKFLdBDrUIdunvq4RdClOq8Hb0FBSAVCUhFR1CGD/MrIJYqs1kLUXd382N356plZFOrUO/MMz/vO83+e93n+f+1zF+kQBoOQNLBJg0CTj7z/rvWjGbEOIwKp9O7WkhtQc/wMWrlIkP8Kc1lMS8eyFHpkpo5SgWCCVO7Z5JARhuz1Qg29fh87u6/9VWL1/SPc4Qy6n8c0FehiXin6dcCQaylDMhqGz8ydS2hKkmxNkWxowWnuBLHK6G2C8X6UJkBlxUmNqLYyNbzF74QLDrgFgh9LLE0NsPKxjW1Hz2EdPIubsOFdH2HgbwAlC4S19dT13o+3pS+vcSfvUcq9YnbwA6muW9hNpym/FWBxfh0CZkKGkPBZeJFhcWQAu6EN52QGZ/8prEKW+cdXq0039UiLXhUYzdjebOJQQI30UXp6mZn+Dtam32Afu0iyrgUvN0r+ZQbr8HncSpUVJfwRhBWC0hyGV8CxXBL5SWYf9sYBidYLIG2V87/ifVjTWAX6AlxeK2C0X8e58hOr/Qa2XJ3iLMWxB1h72tHs7bgryzHAN2o2gJorTrLxRHVazd0o4TXiyV2Yjs90uzauGvvppmqcLjwmbZ3V7BO2HOrBnbgrQRqWUgTZ5+Snx4WeKfzCCrmb3axODKNH+vvUyWjqyK4DiKQ0eXSpFsgVvLJQWpH+xSpr4otg/HI0TR/t97cxTUS+QxIMRTLi/9ZYJPI/AgwAoc3W7ZrqR2IAAAAASUVORK5CYII=" alt="rss" title="RSS" /></a>
+		</h1>
+	</div>
+
+		<?php 
+		if(!empty($pastes)){ ?>
+			<table class="recent table table-striped table-bordered">
+				<thead>
+					<tr>
+						<th class="title">Title</th>
+						<th class="name">Name</th>
+						<th class="lang">Language</th>
+						<th class="hidden">UNIX</th>
+						<th class="time">When</th>
+					</tr>
+				</thead>
+				<tbody>
+		<?php	foreach($pastes as $paste) {
+
+		?>	
+
+		<tr>
+			<td class="first"><a href="<?php echo site_url("view/".$paste['pid']); ?>"><?php echo $paste['title']; ?></a></td>
+			<td><?php echo $paste['name']; ?></td>
+			<td><?php echo $paste['lang']; ?></td>
+			<td class="hidden"><?php echo $paste['created']; ?></td>
+			<td><?php $p = explode(",", timespan($paste['created'], time())); echo $p[0]; ?> ago.</td>
+		</tr>
+
+		<?php }?>
+				</tbody>
+			</table> 
+		<?php } else { ?>
+			<p>There have been no pastes :(</p>
+		<?php }?>
+<?php echo $pages; ?>
+<div class="spacer"></div>
+<?php $this->load->view('defaults/footer');?>
--- a/htdocs/themes/bootstrap/views/view/api.php
+++ b/htdocs/themes/bootstrap/views/view/api.php
@ -0,0 +1,3 @@
+<?php
+header('Content-Type: application/json; charset=utf-8');
+echo $msg . "\n";
--- a/htdocs/themes/bootstrap/views/view/captcha.php
+++ b/htdocs/themes/bootstrap/views/view/captcha.php
@ -0,0 +1,3 @@
+<?php
+header('Content-type: image/jpeg');
+display_captcha($word);
--- a/htdocs/themes/bootstrap/views/view/download.php
+++ b/htdocs/themes/bootstrap/views/view/download.php
@ -0,0 +1,5 @@
+<?php
+header('Content-type: text/plain');
+header('Content-disposition: attachment');
+//todo: nice filename header('Content-disposition: attachment;filename=' . $title . '.' . $lang_code);
+echo htmlspecialchars_decode($raw);
--- a/htdocs/themes/bootstrap/views/view/embed.php
+++ b/htdocs/themes/bootstrap/views/view/embed.php
@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<?php
+$page_title = '';
+if(isset($title))
+{
+    $page_title .= $title . ' - ';
+}
+$page_title .= $this->config->item('site_name');
+?>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+	<head>
+		<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+		<title><?php echo $page_title; ?></title>
+<?php
+
+//Carabiner
+$this->carabiner->config(array(
+    'script_dir' => 'static/js/', 
+    'style_dir'  => 'static/styles/',
+    'cache_dir'  => 'static/asset/',
+    'base_uri'	 => base_url(),
+    'combine'	 => true,
+    'dev'		 => !$this->config->item('combine_assets'),
+));
+
+// CSS
+$this->carabiner->css('reset.css');
+$this->carabiner->css('fonts.css');
+$this->carabiner->css('main.css');
+$this->carabiner->css('embed.css');
+
+$this->carabiner->display('css'); 
+
+?>
+	<script type="text/javascript">
+	//<![CDATA[
+	var base_url = '<?php echo base_url(); ?>';
+	//]]>
+	</script>
+	</head>
+	<body>
+
+<div class="paste">
+    <p><a href="<?php echo site_url('view/' . $pid); ?>" target="_blank">This paste</a> brought to you by <a href="<?php echo base_url(); ?>" target="_blank"><?php echo $this->config->item('site_name'); ?></a>. <a class="right" href="<?php echo site_url('view/raw/' . $pid); ?>" target="_blank">View Raw</a></p>
+	<div class="text_formatted">
+		<div class="container">
+			<?php echo $paste; ?>
+		</div>
+	</div>
+</div>
+
+<?php
+
+//stats
+$this->load->view('defaults/stats');
+
+?>
+<script>
+</script>
+	</body>
+</html>
--- a/htdocs/themes/bootstrap/views/view/raw.php
+++ b/htdocs/themes/bootstrap/views/view/raw.php
@ -0,0 +1,3 @@
+<?php
+header('Content-Type: text/plain; charset=utf-8');
+echo htmlspecialchars_decode($raw);
--- a/htdocs/themes/bootstrap/views/view/rss.php
+++ b/htdocs/themes/bootstrap/views/view/rss.php
@ -0,0 +1,28 @@
+<?php
+header('Content-Type:text/xml; charset=UTF-8');
+echo '<?xml version="1.0" encoding="UTF-8"?>'."\n"; ?><rss version="2.0"
+xmlns:content="http://purl.org/rss/1.0/modules/content/"
+xmlns:wfw="http://wellformedweb.org/CommentAPI/"
+xmlns:dc="http://purl.org/dc/elements/1.1/"
+xmlns:atom="http://www.w3.org/2005/Atom"
+xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
+xmlns:slash="http://purl.org/rss/1.0/modules/slash/">
+<channel>
+    <title><?php echo $page_title; ?></title>
+    <description><?php echo $page_title; ?></description>
+    <atom:link href="<?php echo $feed_url; ?>" rel="self" type="application/rss+xml" />
+    <link><?php echo base_url(); ?></link>
+    <language>en</language>
+<?php foreach($replies as $paste): ?>
+<item>
+    <title><?php echo $paste['title']; ?></title>
+    <link><?php echo site_url('view/' . $paste['pid']) ?></link>
+    <pubDate><?php echo date('r', $paste['created']); ?></pubDate>
+    <dc:creator><?php echo $paste['name']; ?></dc:creator>
+    <guid isPermaLink="false"><?php echo site_url('view/' . $paste['pid']) ?></guid>
+    <description><![CDATA[<?php echo character_limiter($paste['raw'], 200); ?>]]></description>
+    <content:encoded><![CDATA[<?php echo $paste['paste']; ?>]]></content:encoded>
+</item>
+<?php endforeach; ?>
+</channel>
+</rss>
--- a/htdocs/themes/bootstrap/views/view/view.php
+++ b/htdocs/themes/bootstrap/views/view/view.php
@ -0,0 +1,88 @@
+<?php $this->load->view('defaults/header'); ?>
+
+<?php if(isset($insert)){
+	echo $insert;
+}?>
+
+<section>
+	<div class="row">
+		<div class="span12">
+			<div class="page-header">
+				<h1 class="pagetitle right"><?php echo $title; ?></h1>
+			</div>
+			<div class="row">
+				<div class="span12">
+					<div class="detail by">By <?php echo $name; ?>, <?php $p = explode(',', timespan($created, time())); echo $p[0]?> ago, written in <?php echo $lang; ?>.</div>
+					<?php if(isset($inreply)){?><div class="detail by">This paste is a reply to <a href="<?php echo $inreply['url']?>"><?php echo $inreply['title']; ?></a> by <?php echo $inreply['name']; ?></div><?php }?>
+					<div class="detail"><span class="item">URL </span><a href="<?php echo $url; ?>"><?php echo $url; ?></a></div>
+					<?php if(!empty($snipurl)){?>
+						<div class="detail"><div class="item">Shorturl </div><a href="<?php echo $snipurl; ?>"><?php echo htmlspecialchars($snipurl) ?></a></div>
+					<?php }?>
+					<div class="detail"><span class="item">Embed </span><input id="embed_field" type="text" value="<?php echo htmlspecialchars('<iframe src="' . site_url('view/embed/' . $pid) . '" style="border:none;width:100%"></iframe>'); ?>" /></div>
+					<div class="detail"><a class="control" href="<?php echo site_url("view/download/".$pid); ?>">Download Paste</a> or <a class="control" href="<?php echo site_url("view/raw/".$pid); ?>">View Raw</a> &mdash; <a href="#" class="expand control">Expand paste</a> to full width of browser</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</section>
+
+<section>
+	<div class="row">
+		<div class="span12">
+			<blockquote class="CodeMirror"><?php echo $paste; ?></blockquote>
+		</div>
+	</div>
+</section>
+<section>
+<?php
+
+function checkNum($num){
+	return ($num%2) ? TRUE : FALSE;
+}
+
+if(isset($replies) and !empty($replies)){
+	$n = 1;
+?>
+	<h1>Replies to <?php echo $title; ?> <a href="<?php echo site_url('view/rss/' . $pid); ?>"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJDSURBVHjajJJNSBRhGMd/887MzrQxRSLbFuYhoUhEKsMo8paHUKFLdBDrUIdunvq4RdClOq8Hb0FBSAVCUhFR1CGD/MrIJYqs1kLUXd382N356plZFOrUO/MMz/vO83+e93n+f+1zF+kQBoOQNLBJg0CTj7z/rvWjGbEOIwKp9O7WkhtQc/wMWrlIkP8Kc1lMS8eyFHpkpo5SgWCCVO7Z5JARhuz1Qg29fh87u6/9VWL1/SPc4Qy6n8c0FehiXin6dcCQaylDMhqGz8ydS2hKkmxNkWxowWnuBLHK6G2C8X6UJkBlxUmNqLYyNbzF74QLDrgFgh9LLE0NsPKxjW1Hz2EdPIubsOFdH2HgbwAlC4S19dT13o+3pS+vcSfvUcq9YnbwA6muW9hNpym/FWBxfh0CZkKGkPBZeJFhcWQAu6EN52QGZ/8prEKW+cdXq0039UiLXhUYzdjebOJQQI30UXp6mZn+Dtam32Afu0iyrgUvN0r+ZQbr8HncSpUVJfwRhBWC0hyGV8CxXBL5SWYf9sYBidYLIG2V87/ifVjTWAX6AlxeK2C0X8e58hOr/Qa2XJ3iLMWxB1h72tHs7bgryzHAN2o2gJorTrLxRHVazd0o4TXiyV2Yjs90uzauGvvppmqcLjwmbZ3V7BO2HOrBnbgrQRqWUgTZ5+Snx4WeKfzCCrmb3axODKNH+vvUyWjqyK4DiKQ0eXSpFsgVvLJQWpH+xSpr4otg/HI0TR/t97cxTUS+QxIMRTLi/9ZYJPI/AgwAoc3W7ZrqR2IAAAAASUVORK5CYII=" alt="rss" title="RSS" /></a></h1>
+
+	<table cellpadding="0" cellspacing="0" border="0" class="recent table table-striped table-bordered">
+		<thead>
+			<tr>
+				<th class="title">Title</th>
+				<th class="name">Name</th>
+				<th class="lang">Language</th>
+				<th class="hidden">UNIX</th>
+				<th class="time">When</th>
+			</tr>
+		</thead>
+		<tbody>
+	<?php foreach($replies as $reply){
+			if(checkNum($n)){
+				$eo = "even";
+			} else {
+				$eo = "odd";
+			}
+			$n++;
+	?>
+
+		<tr class="<?php echo $eo; ?>">
+			<td class="first"><a href="<?php echo site_url("view/".$reply['pid']); ?>"><?php echo $reply['title']; ?></a></td>
+			<td><?php echo $reply['name']; ?></td>
+			<td><?php echo $reply['lang']; ?></td>
+			<td class="hidden"><?php echo $reply['created']; ?></td>
+			<td><?php $p = explode(",", timespan($reply['created'], time())); echo $p[0];?> ago.</td>
+		</tr>
+
+	<?php }?>
+	</tbody>
+	</table>
+</section>
+<?php echo $pages;
+}
+
+	$reply_form['page']['title'] = "Reply to \"$title\"";
+	$reply_form['page']['instructions'] = 'Here you can reply to the paste above';
+	$this->load->view('defaults/paste_form', $reply_form); ?>
+
+
+<?php $this->load->view('view/view_footer'); ?>
--- a/htdocs/themes/bootstrap/views/view/view_footer.php
+++ b/htdocs/themes/bootstrap/views/view/view_footer.php
@ -0,0 +1,26 @@
+		<?php $this->load->view('defaults/footer_message'); ?>
+<?php
+
+//codemirror modes
+echo '<div style="display: none;" id="codemirror_modes">' . json_encode($codemirror_modes) . '</div>';
+
+//stats
+$this->load->view('defaults/stats');
+
+//Javascript
+$this->carabiner->js('jquery.js');
+$this->carabiner->js('bootstrap.min.js');
+$this->carabiner->js('jquery.timers.js');
+$this->carabiner->js('jquery.dataTables.min.js');
+$this->carabiner->js('codemirror/lib/codemirror.js');
+
+
+$this->carabiner->js('stikked.js');
+
+$this->carabiner->display('js');
+
+?>
+<script>
+</script>
+	</body>
+</html>
				`@ -0,0 +1 @@`
				`<!-- Insert code here for google analytics or other web stat systems -->`