Stackedit/css/default.css

@media print {
    @page { 
        margin: 25mm 25mm 25mm 25mm;  
    }

    #wmd-preview { 
        padding: 0px;  
        margin: 0px;  
    } 

    #navbar {
       display: none;
    }
}

body {
    background-color: #f5f5f5;
    tab-size: 4;
}

.working {
    cursor: progress;
}

.btn, .dropdown-menu {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/*
Override Bootstrap 
*/
div, span, a, ul, li, textarea, input, button {
    background-image: none !important;
    filter: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.btn, .navbar-inner, #wmd-preview, .add-on {
    border: none !important;
}

.dropdown-menu {
    border: 1px solid #ddd !important;
    text-align: left;
}

.dropdown-menu:before {
    border-bottom-color: #ddd !important;
}

input,
select,
textarea,
.input-prepend .btn,
.input-prepend .add-on {
    border: 1px solid #ddd !important;
}

.modal textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus
{
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(128, 128, 128, 0.6) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(128, 128, 128, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(128, 128, 128, 0.6) !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #ccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ccc;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ccc;
}

.help-block {
    color: #999999;
    font-size: 12px;
    line-height: 17px;
}

.modal textarea.error,
.modal input.error {
    border-color: #ff8661 !important; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 134, 97, 0.6) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 134, 97, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 134, 97, 0.6) !important;
}

.navbar-inner .btn {
    background-color: #ddd;
}

.navbar-inner .btn:hover,
.navbar-inner .btn:focus,
.navbar-inner .btn:active,
.navbar-inner .btn.active,
.btn-group.open .btn.dropdown-toggle {
  color: #333333;
  background-color: #eee;
}

.nav .dropdown-toggle .caret,
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
    border-top-color: #000;
    border-bottom-color: #000;
}

.navbar .nav.hide {
    display: none;
}

.navbar-inner .btn.disabled,
.navbar-inner .btn[disabled] {
    color: #333333;
    background-color: #ddd;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #888;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #bbb;
}

.btn-primary {
    background-color: #777;
}

input[disabled], select[disabled], textarea[disabled], .input-prepend .add-on {
    background-color: #f5f5f5;
}

input[readonly], select[readonly], textarea[readonly] {
    background-color: transparent;
    cursor: text;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-group.open .btn.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #888;
}

.btn-group {
    margin-right: 10px;
}

#extension-buttons {
	margin-right: 15px;
}

#extension-buttons > .btn-group {
	margin: 5px 0 0;
}

#extension-buttons > .btn-group > .btn {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
	      border-radius: 0;
}
#extension-buttons > .btn-group:first-child > .btn {
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

#extension-buttons > .btn-group:last-child > .btn {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}

.navbar-inner {
    background-color: #ddd !important;
}

code {
    color: #333333 !important;
}

h1 {
    margin: 30px 0 30px;
}

h4, h5, h6 {
	line-height: 40px;
}

.toc ul {
	list-style-type: none;
}

p, pre, blockquote {
    margin: 0 0 20px;
}

hr {
    border-top: 1px solid #ddd;
    margin: 30px 0;
}

#file-selector {
    max-height: 500px;
    overflow-y: auto;
}

#file-selector .stick {
    padding: 10px 20px 0;
}

#file-title {
    line-height: 23px;
    padding: 9px 15px 11px;
}

#file-title i {
    margin: 4px 5px 0;
}

.dropdown-menu i {
    margin-right: 5px;
}

#navbar {
    position: static;
}

#menu-bar {
    margin: 0 15px 10px 15px;
}

#wmd-button-bar {
    margin-left: 15px;
}

#wmd-input, #md-section-helper {
    font-family: "Courier New", Courier, monospace;
    resize: none;
    border: none !important;
}

.preview-container {
    overflow: auto;
}

.wmd-button-row {
    margin: 10px 0;
    height: 20px;
}

.wmd-spacer {
    margin-right: 15px;
    display: inline-block;
}

.wmd-prompt-background {
    display: none;
}

.wmd-prompt-dialog {
    border: 1px solid #999999;
    background-color: #F5F5F5;
}

.wmd-prompt-dialog>div {
    font-size: 0.8em;
    font-family: arial, helvetica, sans-serif;
}

.wmd-prompt-dialog>form>input[type="text"] {
    border: 1px solid #999999;
    color: black;
}

.wmd-prompt-dialog>form>input[type="button"] {
    border: 1px solid #888888;
    font-family: trebuchet MS, helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
}

.dropdown-menu .divider.with-text {
    height: auto;
    margin-bottom: 2px;
    background-color: transparent;
    border-top: 1px solid #e5e5e5;
    color: #ccc;
    font-variant: small-caps;
    font-weight: bold;
    padding-left: 20px;
    cursor: default;
}

div.dropdown-menu {
    padding: 5px 20px;
}

div.dropdown-menu p,
div.dropdown-menu blockquote {
    margin: 10px 0; 
}

div.dropdown-menu .stat {
    margin-bottom: 10px; 
}

div.dropdown-menu i {
    margin-right: 0;
}

#link-container {
    min-width: 210px;
    white-space: normal;
}

#link-container .link-list {
    margin-top: 10px;
}

.icon-link {
    background-position: -72px -168px;
}

.icon-code {
    width: 15px;
    background-position: -384px -168px;
}

.icon-stat {
    background-position: -1px -168px;
}

.icon-numbered-list {
    background-position: -408px -168px;
}

.icon-hr {
    background-position: -432px -168px;
}

.icon-undo {
    background-position: -456px -168px;
}

.icon-stackedit {
    background-image: url("../img/icons.png") !important;
    width: 16px;
    height: 16px;
    background-position: -1px 0;
}

.icon-gdrive {
    background-image: url("../img/icons.png") !important;
    width: 16px;
    height: 16px;
    background-position: -19px 0;
}

.icon-dropbox {
    background-image: url("../img/icons.png") !important;
    width: 16px;
    height: 16px;
    background-position: -37px 0;
}

.icon-github,
.icon-gist {
    background-image: url("../img/icons.png") !important;
    width: 16px;
    height: 16px;
    background-position: -55px 0;
}

.icon-blogger {
    background-image: url("../img/icons.png") !important;
    width: 16px;
    height: 16px;
    background-position: -73px 0;
}

.icon-tumblr {
    background-image: url("../img/icons.png") !important;
    width: 16px;
    height: 16px;
    background-position: -91px 0;
}

.icon-wordpress {
    background-image: url("../img/icons.png") !important;
    width: 16px;
    height: 16px;
    background-position: -109px 0;
}

.icon-ssh {
    background-image: url("../img/icons.png") !important;
    width: 16px;
    height: 16px;
    background-position: -127px 0;
}

.icon-gplus {
    background-image: url("../img/icons.png") !important;
    width: 16px;
    height: 16px;
    background-position: -145px 0;
}

.working-indicator {
    background-image: none !important;
    width: 43px;
    height: 11px;
    background-position: 0 0;
    margin: 16px 16px 0;
}

.working-indicator.show {
    background-image: url("../img/ajax-loader.gif") !important;
}

.ui-layout-toggler-north .caret, .ui-layout-toggler-south .caret {
    margin-top: 5px;
}

.ui-layout-toggler-north-open .caret,.ui-layout-toggler-south-closed .caret
    {
    border-bottom: 5px solid #525252;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 0;
}

.ui-layout-toggler-north-closed .caret,.ui-layout-toggler-south-open .caret
    {
    border-top: 5px solid #525252;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 0;
}

.ui-layout-toggler-east .caret,.ui-layout-toggler-west .caret {
    margin-top: 40px;
}

.ui-layout-toggler-east-open .caret,.ui-layout-toggler-west-closed .caret
    {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid #525252;
    border-right: 0;
}

.ui-layout-toggler-east-closed .caret,.ui-layout-toggler-west-opened .caret
    {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 5px solid #525252;
    border-left: 0;
}

/* Google picker */
.picker-dialog {
    z-index: 1050 !important;
}

.action-import-image-gplus {
	float: left;
}

#modal-settings .modal-header {
	padding-bottom: 0;
}

#modal-settings .form-horizontal {
	margin-top: 10px;
}

#modal-settings textarea {
    height: 80px;
    max-width: 206px;
}

#modal-settings .accordion-group {
	border: 0;
    border-bottom: 1px solid #eee;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    margin-bottom: 10px;
}

#modal-settings .accordion-heading .checkbox {
	padding: 8px 15px;
	margin-bottom: 0px;
}

#modal-settings .accordion-inner {
	border: 0;
	padding: 10px 40px;
}

#modal-settings .accordion-inner .form-horizontal .control-group {
	color: #999;
}

#modal-settings .accordion-inner .form-horizontal .control-label {
    text-align: left;
}

#modal-settings .accordion-inner .form-inline .label-text {
	margin: 0 10px;
}

#modal-settings .accordion-toggle {
    cursor: help;
}

#modal-settings .tab-pane-button-container {
	 width: 200px;
	 margin: 10px auto;
}

#modal-settings .nav-tabs {
    border-bottom: 1px solid transparent;
    margin: 20px 0 0;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
	color: #fff;
    background-color: #777;
    border-color: #777;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: #eee;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eee;
}

.tooltip-inner {
    text-align: left;
}

/* Table style */
table {
  margin-bottom: 20px;
}

table th,
table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

table th {
  font-weight: bold;
}

table thead th {
  vertical-align: bottom;
}

table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-top: 0;
}

table tbody + tbody {
  border-top: 2px solid #dddddd;
}

blockquote p {
  margin-bottom: 0;
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25;
}

ul, ol {
    margin-bottom: 20px;
}

blockquote p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
}

#md-section-helper {
    position: absolute;
    top: -100px;
    height: 1px;
    padding: 0 6px;
    overflow-y: scroll;
    z-index: -1;
}

.gecko #md-section-helper {
    /* Firefox doesn't show the scrollbar if height is less than 40px */
    height: 40px;
}

.opera #md-section-helper {
    /* Opera needs to have the textarea in the viewport to evaluate size correctly */
    top: 0;
}

/* Viewer */
.viewer #navbar {
    position: fixed;
}

.viewer .navbar-inner {
    background-color:rgba(215,215,215,0.75) !important;
}

.viewer #wmd-preview {
    max-width: 1024px;
    margin: 50px auto;
}

.viewer .btn-group {
    margin-right: 0;
    margin-left: 0;
}