Divided the main css stylesheet into several less partials

editor/document.html.mu

@@ -16,7 +16,6 @@
 
   <link rel="shortcut icon" href="/favicon.ico">
   <link rel="stylesheet" href="/css/style.css?v=2">
-  <link rel="stylesheet" href="/css/theme-escrito.css">
 
   <script src="/js/libs/modernizr-1.7.min.js"></script>
 </head>

public/css/_boilerplate.less

@@ -0,0 +1,36 @@
+/*  HTML5 ✰ Boilerplate  */
+
+.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
+.hidden { display: none; visibility: hidden; }
+.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
+.invisible { visibility: hidden; }
+.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
+.clearfix:after { clear: both; }
+.clearfix { zoom: 1; }
+
+@media all and (orientation:portrait) {
+}
+
+@media all and (orientation:landscape) {
+}
+
+@media screen and (max-device-width: 480px) {
+  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
+}
+
+@media print {
+  * { background: transparent !important; /* color: black !important; */ text-shadow: none !important; filter:none !important;
+  -ms-filter: none !important; }
+  a, a:visited { color: #444 !important; text-decoration: underline; }
+  a[href]:after { content: " (" attr(href) ")"; }
+  abbr[title]:after { content: " (" attr(title) ")"; }
+  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
+  /* pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } */
+  thead { display: table-header-group; }
+  tr, img { page-break-inside: avoid; }
+  /* @page { margin: 0.5cm; } */
+  p, h2, h3 { orphans: 3; widows: 3; }
+  h2, h3{ page-break-after: avoid; }
+}

public/css/_editor.less

@@ -0,0 +1,46 @@
+/** Editor */
+@editor-background-color: white;
+
+#editbox {
+  position: absolute;
+  left: 10px;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  padding-bottom: 50px;
+  overflow: hidden;
+
+  /* Scrollbars */
+  ::-webkit-scrollbar {
+    width: 10px;
+  }
+  ::-webkit-scrollbar-track {
+    /* Track */
+    background: @editor-background-color;
+  }
+  ::-webkit-scrollbar-thumb {
+    /* Handle */
+    .rounded(10px);
+    background: rgba(0,0,0,0.2);
+  }
+  ::-webkit-scrollbar-corner {
+    background: @editor-background-color;
+  }
+}
+
+#editor {
+  position: relative;
+  width: 100%;
+  height: 95%;
+  overflow: visible;
+
+  font-family: 'Monaco','Lucida Console',monospace;
+  font-size: 15px;
+  line-height: 25px;
+  color: #111;
+  z-index: 0;
+
+  p {
+    margin: 0;
+  }
+}