summaryrefslogtreecommitdiff
path: root/public/editor-files/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'public/editor-files/style.css')
-rw-r--r--public/editor-files/style.css293
1 files changed, 293 insertions, 0 deletions
diff --git a/public/editor-files/style.css b/public/editor-files/style.css
new file mode 100644
index 0000000..e5b14b5
--- /dev/null
+++ b/public/editor-files/style.css
@@ -0,0 +1,293 @@
+/* CSS Mini Reset */
+
+html, body, div, form, fieldset, legend, label
+{
+ margin: 0;
+ padding: 0;
+}
+
+table
+{
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+th, td
+{
+ text-align: left;
+ vertical-align: top;
+}
+
+h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }
+
+img { border: 0; }
+
+.micropub-html-warning {
+ max-width: 600px;
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: 68px;
+ margin-bottom: -80px;
+ font-size: 12px;
+ font-family: sans-serif;
+ line-height: 16px;
+ background: #fcf8e3;
+ border: 1px #faebcc solid;
+}
+.micropub-html-warning div {
+ padding: 10px 20px;
+}
+.micropub-html-warning button {
+ display: block;
+}
+#micropub-html-btn {
+ font-size: 14px;
+ border-radius: 6px;
+ padding: 0 12px;
+ height: 28px;
+ background: #e4f8fa;
+ float: right;
+}
+
+/* ************************************** */
+/* Toolbar */
+
+.toolbar {
+ padding: 13px;
+ border-bottom: 1px #eee solid;
+ background-color: rgba(255,255,255,0.97);
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 1000;
+}
+.toolbar-left {
+ float: left;
+}
+.toolbar-right {
+ float: right;
+ margin-right: 40px;
+}
+.toolbar-left .item {
+ margin-right: 8px;
+ display: inline-block;
+}
+.toolbar-left .logo {
+ vertical-align: middle;
+}
+#draft-status {
+ color: #aaa;
+ font-family: sans-serif;
+ font-size: 16px;
+}
+.toolbar .clear {
+ clear: both;
+}
+
+.btn {
+ height: 38px;
+ -webkit-border-radius: 999px;
+ -moz-border-radius: 999px;
+ border-radius: 999px;
+ display: inline-block;
+ padding: 0 24px;
+ background: rgba(0,0,0,0);
+ font-size: 14px;
+ text-decoration: none;
+ text-align: center;
+ border: 1px #93dee5 solid;
+ color: #72c1c8;
+ vertical-align: middle;
+ cursor: pointer;
+}
+.btn:hover {
+ border-color: #61a7ae;
+ color: #51a1a8;
+}
+.btn.btn-medium {
+ height: 30px;
+ padding: 0 16px;
+ font-size: 13px;
+}
+.btn.btn-small {
+ height: 26px;
+ padding: 0 16px;
+ font-size: 13px;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+}
+
+input.form-field-small {
+ height: 24px;
+ margin-top: 1px;
+ font-size: 13px;
+ color: #51a1a8;
+ padding: 0 10px;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+ border: 1px #93dee5 solid;
+}
+
+.publish-dropdown {
+ position: fixed;
+ top: 62px;
+ right: 110px;
+ z-index: 1001;
+ background: white;
+ width: 280px;
+ min-height: 60px;
+ font-family: sans-serif;
+ font-size: 14px;
+ line-height: 18px;
+ border: 1px solid #dbdbdb;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
+ box-shadow: 0 0 9px rgba(0,0,0,0.07);
+}
+.publish-dropdown .arrow {
+ clip: rect(0 14px 14px -4px);
+ transform: rotate(45deg);
+ margin-top: -7px;
+ position: absolute;
+ right: 20px;
+}
+.publish-dropdown .arrow::after {
+ content: '';
+ height: 16px;
+ width: 16px;
+ background: white;
+ display: block;
+ border: #dbdbdb 1px solid;
+}
+.publish-dropdown .dropdown-content {
+ padding: 9px;
+}
+.publish-dropdown input {
+ font-family: sans-serif;
+}
+.publish-dropdown .helptext {
+ padding: 8px 4px 12px 4px;
+ color: #333;
+}
+pre#publish-error-debug {
+ overflow: scroll;
+ font-size: 11px;
+ line-height: 12px;
+}
+
+.hidden {
+ display: none;
+}
+
+/* ************************************** */
+/* App Cache */
+
+#new_version_available {
+ display: none;
+ position: fixed;
+ z-index: 1000;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: rgba(246,206,217,0.3);
+}
+#new_version_available .inner {
+ padding: 10px;
+ width: 600px;
+ margin: 0 auto;
+ text-align: center;
+ font-weight: bold;
+ color: #cf224f;
+ font-size: 14px;
+ font-family: sans-serif;
+}
+
+
+/* ************************************** */
+/* Editor CSS */
+
+body {
+ font-size: 22px;
+ line-height: 30px;
+}
+body, input {
+ font-family: Georgia,Cambria,"Times New Roman",Times,serif;
+}
+
+*:focus {
+ outline: none;
+}
+
+.container {
+ width: 960px;
+ margin: 0 auto;
+ margin-top: 63px;
+ z-index: 0;
+}
+
+#post-name {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border: 0;
+ font-weight: bold;
+ font-size: 38px;
+ width: 100%;
+}
+
+#content {
+ min-height: 300px;
+}
+
+.medium-editor-insert-plugin .medium-insert-buttons {
+ color: #bbb;
+}
+
+/* editor's h1 is actually h3 */
+h3 {
+ font-weight: bold;
+ font-size: 36px;
+}
+h4 {
+ font-weight: bold;
+ font-size: 30px;
+}
+
+p {
+ margin-bottom: 30px;
+}
+
+pre {
+ font-family: 'Menlo', monospace;
+ font-size: 15px;
+ background-color: #f0f0f0;
+ padding: 15px;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ color: #666;
+}
+
+blockquote {
+ display: block;
+ padding-left: 20px;
+ border-left: 6px solid #dbdbdb;
+ margin-left: -15px;
+ padding-left: 15px;
+ font-style: italic;
+ color: #555;
+}
+
+.editable,
+.secondEditable {
+ outline: none;
+ margin: 0 0 20px 0;
+ padding: 0 0 20px 0;
+ border-bottom: 1px solid #dbdbdb;
+ border-top: 1px solid #dbdbdb;
+}
+
+.editable .placeholder {
+ color: #ccc;
+}