Upgrade to Bootstrap 3
This commit is contained in:
benweet
parent
d076418f7c
commit
cfd3121dff
4677
css/bootstrap.css
vendored
4677
css/bootstrap.css
vendored
File diff suppressed because it is too large
Load Diff
871
css/default.css
871
css/default.css
@ -1,871 +0,0 @@
|
||||
@media print {
|
||||
@page {
|
||||
margin: 25mm 25mm 25mm 25mm;
|
||||
}
|
||||
#preview-contents {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
#navbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #f5f5f5;
|
||||
tab-size: 4;
|
||||
}
|
||||
|
||||
#preview-contents {
|
||||
padding: 19px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.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,.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;
|
||||
}
|
||||
|
||||
.nav > li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.navbar-inner .btn,
|
||||
#extension-preview-buttons .btn {
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
#extension-preview-buttons .dropdown-menu,
|
||||
#extension-preview-buttons .btn-group.open .btn,
|
||||
#extension-preview-buttons .btn-group.open:hover .btn {
|
||||
background-color: #e8e8e8;
|
||||
}
|
||||
|
||||
.navbar-inner .btn:hover,
|
||||
.navbar-inner .btn:focus,
|
||||
.navbar-inner .btn:active,
|
||||
.navbar-inner .btn.active,
|
||||
.btn-group.open .btn.dropdown-toggle,
|
||||
#extension-preview-buttons .btn-group:hover .btn {
|
||||
color: #333333;
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
.nav .dropdown-toggle .caret,
|
||||
.nav .dropdown-toggle:hover .caret,
|
||||
.nav .dropdown-toggle:focus .caret {
|
||||
border-top-color: #525252;
|
||||
border-bottom-color: #525252;
|
||||
}
|
||||
|
||||
.navbar .nav.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navbar-inner .btn.disabled,
|
||||
.navbar-inner .btn.blocked,
|
||||
.navbar-inner .btn[disabled] {
|
||||
color: #333333;
|
||||
background-color: #ddd;
|
||||
opacity: 0.3;
|
||||
filter: alpha(opacity = 30);
|
||||
}
|
||||
|
||||
.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
|
||||
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
margin-right: -1px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.dropdown-submenu {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown-submenu > .dropdown-menu {
|
||||
top: 0;
|
||||
left: 100%;
|
||||
margin-top: -6px;
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.dropdown-submenu:hover > .dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.dropup .dropdown-submenu > .dropdown-menu {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: -2px;
|
||||
}
|
||||
|
||||
.dropdown-submenu > a:after {
|
||||
display: block;
|
||||
float: right;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-top: 5px;
|
||||
margin-right: -10px;
|
||||
border-color: transparent;
|
||||
border-left-color: #cccccc;
|
||||
border-style: solid;
|
||||
border-width: 5px 0 5px 5px;
|
||||
content: " ";
|
||||
}
|
||||
|
||||
.dropdown-submenu:hover > a:after {
|
||||
border-left-color: #ffffff;
|
||||
}
|
||||
|
||||
.dropdown-submenu.pull-left {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.dropdown-submenu.pull-left > .dropdown-menu {
|
||||
left: -100%;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.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-preview-buttons .btn-group .btn {
|
||||
opacity: 0.3;
|
||||
filter: alpha(opacity = 30);
|
||||
}
|
||||
|
||||
#extension-preview-buttons,
|
||||
#extension-preview-buttons .dropdown-menu {
|
||||
position: fixed;
|
||||
right: 25px;
|
||||
top: auto;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#extension-preview-buttons .dropdown-menu {
|
||||
border: 0 !important;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
#extension-preview-buttons .btn-group:hover .btn,
|
||||
#extension-preview-buttons .btn-group.open .btn {
|
||||
opacity: 1;
|
||||
filter: none;
|
||||
}
|
||||
|
||||
#extension-buttons {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
#extension-buttons>.btn-group {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#extension-preview-buttons>.btn-group {
|
||||
margin: 0 0 0 1px;
|
||||
}
|
||||
|
||||
#extension-buttons>.btn-group>.btn,
|
||||
#extension-preview-buttons>.btn-group>.btn {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#extension-buttons>.btn-group:first-child>.btn,
|
||||
#extension-preview-buttons>.btn-group:first-child>.btn {
|
||||
-webkit-top-left-border-radius: 4px;
|
||||
-webkit-bottom-left-border-radius: 4px;
|
||||
-moz-top-left-border-radius: 4px;
|
||||
-moz-bottom-left-border-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
|
||||
#extension-buttons>.btn-group:last-child>.btn,
|
||||
#extension-preview-buttons>.btn-group:last-child>.btn {
|
||||
-webkit-top-right-border-radius: 4px;
|
||||
-webkit-bottom-right-border-radius: 4px;
|
||||
-moz-top-right-border-radius: 4px;
|
||||
-moz-bottom-right-border-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.markdown-syntax, .table-of-contents {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
padding-right: 20px;
|
||||
margin: 0 -20px 10px 0;
|
||||
}
|
||||
|
||||
.markdown-syntax {
|
||||
width: 300px;
|
||||
white-space: normal;
|
||||
max-height: 350px;
|
||||
}
|
||||
|
||||
.table-of-contents {
|
||||
width: 250px;
|
||||
margin-left: -10px;
|
||||
max-height: 400px;
|
||||
}
|
||||
|
||||
.table-of-contents ul {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.btn-group>.btn+.dropdown-toggle {
|
||||
padding-right: 12px;
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
code {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
a code {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 30px 0 30px;
|
||||
}
|
||||
|
||||
.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 {
|
||||
padding: 4px 15px;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-left: -20px;
|
||||
font-size: 20px;
|
||||
font-weight: 200;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
#file-title i {
|
||||
margin: 4px 5px 0;
|
||||
}
|
||||
|
||||
.dropdown-menu i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background-color: #ddd;
|
||||
position: static;
|
||||
}
|
||||
|
||||
.navbar .nav {
|
||||
float: left;
|
||||
margin: 6px 0 0;
|
||||
}
|
||||
|
||||
.navbar .nav.pull-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.navbar .pull-right > li > .dropdown-menu {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
#menu-bar {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#wmd-input,#md-section-helper {
|
||||
resize: none;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.preview-container {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.wmd-button-row {
|
||||
padding: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.wmd-spacer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wmd-spacer + .wmd-button {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
div.dropdown-menu textarea {
|
||||
width: 250px;
|
||||
height: 150px;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
#link-container {
|
||||
min-width: 210px;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
#link-container .link-list {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.footnote {
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
top: -0.5em;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
color: #525252;
|
||||
display: inline-block;
|
||||
line-height: 14px;
|
||||
vertical-align: middle;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.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-gdrive.realtime {
|
||||
width: 18px;
|
||||
background-position: -162px 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: 0 20px 12px;
|
||||
}
|
||||
|
||||
.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 {
|
||||
padding: 8px 15px;
|
||||
}
|
||||
|
||||
#modal-settings .accordion-heading .accordion-toggle {
|
||||
display: inline;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#modal-settings .accordion-inner {
|
||||
border: 0;
|
||||
padding: 10px 40px;
|
||||
}
|
||||
|
||||
#modal-settings .accordion-inner .form-horizontal .control-label {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#modal-settings .accordion-inner .form-inline .label-text,#modal-settings .accordion-inner .control-label
|
||||
{
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
#modal-settings .tab-pane-button-container {
|
||||
width: 200px;
|
||||
margin: 10px auto 20px;
|
||||
}
|
||||
|
||||
#modal-settings .tab-pane-button-container .btn {
|
||||
text-align: initial;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
.tooltip li {
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
code, pre {
|
||||
font-family: Menlo, Consolas, "Courier New", monospace;
|
||||
}
|
||||
|
||||
/* Definition list */
|
||||
dt,dd {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
#preview-contents blockquote {
|
||||
border-color: #ddd;
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
blockquote p {
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
ul,ol {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
input[type="file"] {
|
||||
line-height: inherit;
|
||||
height: inherit;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.drop-zone {
|
||||
border: 2px dashed #bbb;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
padding: 40px;
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
#modal-import-harddrive-html textarea {
|
||||
width: 500px;
|
||||
max-width: 500px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
#md-section-helper {
|
||||
position: absolute;
|
||||
top: -100px;
|
||||
height: 1px;
|
||||
padding: 0 6px;
|
||||
overflow-y: scroll;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.lock-ui {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1050;
|
||||
}
|
||||
|
||||
.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 #preview-contents {
|
||||
max-width: 1024px;
|
||||
margin: 50px auto;
|
||||
}
|
||||
|
||||
.viewer .btn-group {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
@ -1,149 +0,0 @@
|
||||
/*
|
||||
|
||||
Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
|
||||
|
||||
pre code {
|
||||
display: block; padding: 0.5em;
|
||||
background: #F0F0F0;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
pre code,
|
||||
pre .subst,
|
||||
pre .tag .title,
|
||||
pre .lisp .title,
|
||||
pre .clojure .built_in,
|
||||
pre .nginx .title {
|
||||
color: black;
|
||||
}
|
||||
|
||||
pre .string,
|
||||
pre .title,
|
||||
pre .constant,
|
||||
pre .parent,
|
||||
pre .tag .value,
|
||||
pre .rules .value,
|
||||
pre .rules .value .number,
|
||||
pre .preprocessor,
|
||||
pre .haml .symbol,
|
||||
pre .ruby .symbol,
|
||||
pre .ruby .symbol .string,
|
||||
pre .aggregate,
|
||||
pre .template_tag,
|
||||
pre .django .variable,
|
||||
pre .smalltalk .class,
|
||||
pre .addition,
|
||||
pre .flow,
|
||||
pre .stream,
|
||||
pre .bash .variable,
|
||||
pre .apache .tag,
|
||||
pre .apache .cbracket,
|
||||
pre .tex .command,
|
||||
pre .tex .special,
|
||||
pre .erlang_repl .function_or_atom,
|
||||
pre .asciidoc .header,
|
||||
pre .markdown .header,
|
||||
pre .coffeescript .attribute {
|
||||
color: #800;
|
||||
}
|
||||
|
||||
pre .comment,
|
||||
pre .annotation,
|
||||
pre .template_comment,
|
||||
pre .diff .header,
|
||||
pre .chunk,
|
||||
pre .asciidoc .blockquote,
|
||||
pre .markdown .blockquote {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
pre .number,
|
||||
pre .date,
|
||||
pre .regexp,
|
||||
pre .literal,
|
||||
pre .hexcolor,
|
||||
pre .smalltalk .symbol,
|
||||
pre .smalltalk .char,
|
||||
pre .go .constant,
|
||||
pre .change,
|
||||
pre .lasso .variable,
|
||||
pre .asciidoc .bullet,
|
||||
pre .markdown .bullet,
|
||||
pre .asciidoc .link_url,
|
||||
pre .markdown .link_url {
|
||||
color: #080;
|
||||
}
|
||||
|
||||
pre .label,
|
||||
pre .javadoc,
|
||||
pre .ruby .string,
|
||||
pre .decorator,
|
||||
pre .filter .argument,
|
||||
pre .localvars,
|
||||
pre .array,
|
||||
pre .attr_selector,
|
||||
pre .important,
|
||||
pre .pseudo,
|
||||
pre .pi,
|
||||
pre .haml .bullet,
|
||||
pre .doctype,
|
||||
pre .deletion,
|
||||
pre .envvar,
|
||||
pre .shebang,
|
||||
pre .apache .sqbracket,
|
||||
pre .nginx .built_in,
|
||||
pre .tex .formula,
|
||||
pre .erlang_repl .reserved,
|
||||
pre .prompt,
|
||||
pre .asciidoc .link_label,
|
||||
pre .markdown .link_label,
|
||||
pre .vhdl .attribute,
|
||||
pre .clojure .attribute,
|
||||
pre .asciidoc .attribute,
|
||||
pre .lasso .attribute,
|
||||
pre .coffeescript .property {
|
||||
color: #88F
|
||||
}
|
||||
|
||||
pre .keyword,
|
||||
pre .id,
|
||||
pre .title,
|
||||
pre .built_in,
|
||||
pre .aggregate,
|
||||
pre .css .tag,
|
||||
pre .javadoctag,
|
||||
pre .phpdoc,
|
||||
pre .yardoctag,
|
||||
pre .smalltalk .class,
|
||||
pre .winutils,
|
||||
pre .bash .variable,
|
||||
pre .apache .tag,
|
||||
pre .go .typename,
|
||||
pre .tex .command,
|
||||
pre .asciidoc .strong,
|
||||
pre .markdown .strong,
|
||||
pre .request,
|
||||
pre .status {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
pre .asciidoc .emphasis,
|
||||
pre .markdown .emphasis {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
pre .nginx .built_in {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
pre .coffeescript .javascript,
|
||||
pre .javascript .xml,
|
||||
pre .lasso .markup,
|
||||
pre .tex .formula,
|
||||
pre .xml .javascript,
|
||||
pre .xml .vbscript,
|
||||
pre .xml .css,
|
||||
pre .xml .cdata {
|
||||
opacity: 0.5;
|
||||
}
|
||||
131
css/jgrowl.css
131
css/jgrowl.css
@ -1,131 +0,0 @@
|
||||
|
||||
div.jGrowl {
|
||||
z-index: 1050;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/** Special IE6 Style Positioning **/
|
||||
div.ie6 {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
div.ie6.top-right {
|
||||
right: auto;
|
||||
bottom: auto;
|
||||
left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
|
||||
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
|
||||
}
|
||||
|
||||
div.ie6.top-left {
|
||||
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
|
||||
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
|
||||
}
|
||||
|
||||
div.ie6.bottom-right {
|
||||
left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
|
||||
top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
|
||||
}
|
||||
|
||||
div.ie6.bottom-left {
|
||||
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
|
||||
top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
|
||||
}
|
||||
|
||||
div.ie6.center {
|
||||
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
|
||||
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/** Normal Style Positions **/
|
||||
div.jGrowl {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
body > div.jGrowl {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
div.jGrowl.top-left {
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
div.jGrowl.top-right {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
div.jGrowl.bottom-left {
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
div.jGrowl.bottom-right {
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
div.jGrowl.center {
|
||||
top: 0px;
|
||||
width: 50%;
|
||||
left: 25%;
|
||||
}
|
||||
|
||||
/** Cross Browser Styling **/
|
||||
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
|
||||
background-color: #777;
|
||||
zoom: 1;
|
||||
width: 235px;
|
||||
padding: 15px 20px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
text-align: left;
|
||||
display: none;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
div.jGrowl div.jGrowl-notification {
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
div.jGrowl div.jGrowl-notification,
|
||||
div.jGrowl div.jGrowl-closer {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
div.jGrowl div.jGrowl-notification div.jGrowl-header {
|
||||
font-weight: bold;
|
||||
font-size: .85em;
|
||||
}
|
||||
|
||||
div.jGrowl div.jGrowl-notification div.jGrowl-close {
|
||||
z-index: 99;
|
||||
float: right;
|
||||
font-weight: bold;
|
||||
font-size: 1em;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.jGrowl div.jGrowl-closer {
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
cursor: pointer;
|
||||
font-size: .9em;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/** Hide jGrowl when printing **/
|
||||
@media print {
|
||||
div.jGrowl {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
5353
css/main-min.css
vendored
5353
css/main-min.css
vendored
File diff suppressed because it is too large
Load Diff
@ -1,8 +0,0 @@
|
||||
@import url("bootstrap.css");
|
||||
@import url("fontello.css");
|
||||
@import url("jgrowl.css");
|
||||
@import url("prettify.css");
|
||||
@import url("highlight.css");
|
||||
@import url("default.css");
|
||||
|
||||
|
||||
@ -1,52 +0,0 @@
|
||||
/* Pretty printing styles. Used with prettify.js. */
|
||||
|
||||
/* SPAN elements with the classes below are added by prettyprint. */
|
||||
.pln { color: #000 } /* plain text */
|
||||
|
||||
@media screen {
|
||||
.str { color: #080 } /* string content */
|
||||
.kwd { color: #008 } /* a keyword */
|
||||
.com { color: #800 } /* a comment */
|
||||
.typ { color: #606 } /* a type name */
|
||||
.lit { color: #066 } /* a literal value */
|
||||
/* punctuation, lisp open bracket, lisp close bracket */
|
||||
.pun, .opn, .clo { color: #660 }
|
||||
.tag { color: #008 } /* a markup tag name */
|
||||
.atn { color: #606 } /* a markup attribute name */
|
||||
.atv { color: #080 } /* a markup attribute value */
|
||||
.dec, .var { color: #606 } /* a declaration; a variable name */
|
||||
.fun { color: red } /* a function name */
|
||||
}
|
||||
|
||||
/* Use higher contrast and text-weight for printable form. */
|
||||
@media print, projection {
|
||||
.str { color: #060 }
|
||||
.kwd { color: #006; font-weight: bold }
|
||||
.com { color: #600; font-style: italic }
|
||||
.typ { color: #404; font-weight: bold }
|
||||
.lit { color: #044 }
|
||||
.pun, .opn, .clo { color: #440 }
|
||||
.tag { color: #006; font-weight: bold }
|
||||
.atn { color: #404 }
|
||||
.atv { color: #060 }
|
||||
}
|
||||
|
||||
/* Put a border around prettyprinted code snippets. */
|
||||
/* pre.prettyprint { padding: 2px; border: 1px solid #888 } */
|
||||
|
||||
/* Specify class=linenums on a pre to get line numbering */
|
||||
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
|
||||
li.L0,
|
||||
li.L1,
|
||||
li.L2,
|
||||
li.L3,
|
||||
li.L5,
|
||||
li.L6,
|
||||
li.L7,
|
||||
li.L8 { list-style-type: none }
|
||||
/* Alternate shading for lines */
|
||||
li.L1,
|
||||
li.L3,
|
||||
li.L5,
|
||||
li.L7,
|
||||
li.L9 { background: #eee }
|
||||
@ -201,12 +201,12 @@ define([
|
||||
var accordionHtml = _.chain(extensionList).sortBy(function(extension) {
|
||||
return extension.extensionName.toLowerCase();
|
||||
}).reduce(function(html, extension) {
|
||||
return html + _.template(settingsExtensionsAccordionHTML, {
|
||||
return html + (extension.settingsBlock ? _.template(settingsExtensionsAccordionHTML, {
|
||||
extensionId: extension.extensionId,
|
||||
extensionName: extension.extensionName,
|
||||
isOptional: extension.isOptional,
|
||||
settingsBlock: extension.settingsBlock
|
||||
});
|
||||
}): "");
|
||||
}, "").value();
|
||||
document.getElementById('accordion-extensions').innerHTML = accordionHtml;
|
||||
|
||||
|
||||
@ -6,7 +6,8 @@ define([
|
||||
], function($, _, Extension, buttonPublishHTML) {
|
||||
|
||||
var buttonPublish = new Extension("buttonPublish", 'Button "Publish"');
|
||||
buttonPublish.settingsBlock = '<p>Adds a "Publish document" button in the navigation bar.</p>';
|
||||
// buttonPublish.settingsBlock = '<p>Adds a "Publish document" button in the
|
||||
// navigation bar.</p>';
|
||||
|
||||
var button = undefined;
|
||||
var currentFileDesc = undefined;
|
||||
|
||||
@ -6,7 +6,6 @@ define([
|
||||
], function($, _, Extension, dialogAboutHTML) {
|
||||
|
||||
var dialogAbout = new Extension("dialogAbout", 'Dialog "About"');
|
||||
dialogAbout.settingsBlock = '<p>Prints the content of the "About" dialog box.</p>';
|
||||
|
||||
var libraries = {
|
||||
"Bootstrap": "http://twitter.github.io/bootstrap/",
|
||||
@ -41,7 +40,7 @@ define([
|
||||
"StackEdit Tumblr Proxy": "https://github.com/benweet/stackedit-tumblr-proxy",
|
||||
"StackEdit WordPress Proxy": "https://github.com/benweet/stackedit-wordpress-proxy",
|
||||
};
|
||||
|
||||
|
||||
dialogAbout.onReady = function() {
|
||||
$("#modal-about .modal-body").html(_.template(dialogAboutHTML, {
|
||||
libraries: libraries,
|
||||
|
||||
@ -6,7 +6,6 @@ define([
|
||||
], function($, _, Extension, dialogManagePublicationLocationHTML) {
|
||||
|
||||
var dialogManagePublication = new Extension("dialogManagePublication", 'Dialog "Manage publication"');
|
||||
dialogManagePublication.settingsBlock = '<p>Populates the "Manage publication" dialog box.</p>';
|
||||
|
||||
var eventMgr = undefined;
|
||||
dialogManagePublication.onEventMgrCreated = function(eventMgrParameter) {
|
||||
|
||||
@ -6,7 +6,6 @@ define([
|
||||
], function($, _, Extension, dialogManageSynchronizationLocationHTML) {
|
||||
|
||||
var dialogManageSynchronization = new Extension("dialogManageSynchronization", 'Dialog "Manage synchronization"');
|
||||
dialogManageSynchronization.settingsBlock = '<p>Populates the "Manage synchronization" dialog box.</p>';
|
||||
|
||||
var eventMgr = undefined;
|
||||
dialogManageSynchronization.onEventMgrCreated = function(eventMgrParameter) {
|
||||
|
||||
@ -8,7 +8,6 @@ define([
|
||||
], function($, _, utils, Extension, toMarkdown) {
|
||||
|
||||
var dialogOpenHarddrive = new Extension("dialogOpenHarddrive", 'Dialog "Open from"');
|
||||
dialogOpenHarddrive.settingsBlock = '<p>Handles the "Import from hard drive" and the "Convert HTML to Markdown" dialog boxes.</p>';
|
||||
|
||||
var fileMgr = undefined;
|
||||
dialogOpenHarddrive.onFileMgrCreated = function(fileMgrParameter) {
|
||||
|
||||
@ -5,7 +5,6 @@ define([
|
||||
], function($, _, Extension) {
|
||||
|
||||
var documentTitle = new Extension("documentTitle", "Document Title");
|
||||
documentTitle.settingsBlock = '<p>Responsible for showing the document title in the navigation bar.</p>';
|
||||
|
||||
var layout = undefined;
|
||||
documentTitle.onLayoutCreated = function(layoutParameter) {
|
||||
|
||||
@ -5,7 +5,6 @@ define([
|
||||
], function($, _, Extension) {
|
||||
|
||||
var workingIndicator = new Extension("workingIndicator", "Working Indicator");
|
||||
workingIndicator.settingsBlock = '<p>Displays an animated image when a network operation is running.</p>';
|
||||
|
||||
workingIndicator.onAsyncRunning = function(isRunning) {
|
||||
if(isRunning === false) {
|
||||
|
||||
@ -825,7 +825,7 @@
|
||||
</div>
|
||||
<div class="tab-pane-button-container">
|
||||
<a href="#" class="btn btn-block btn-primary action-welcome-file"
|
||||
data-dismiss="modal"><i class="icon-info-sign icon-white"></i>
|
||||
data-dismiss="modal"><i class="icon-help-circled icon-white"></i>
|
||||
Welcome document</a> <a href="#" class="btn btn-block btn-primary"
|
||||
data-dismiss="modal" data-toggle="modal"
|
||||
data-target="#modal-app-reset"><i
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
<p>Builds the "Open document" dropdown menu.</p>
|
||||
<div class="form-horizontal">
|
||||
<div class="form-group">
|
||||
<label class="col-lg-4 control-label" for="select-document-selector-orderby">Order
|
||||
<label class="col-lg-5 control-label" for="select-document-selector-orderby">Order
|
||||
by</label>
|
||||
<div class="col-lg-7">
|
||||
<div class="col-lg-6">
|
||||
<select id="select-document-selector-orderby" class="form-control">
|
||||
<option value="title">Document title</option>
|
||||
<option value="mru">Most recently used</option>
|
||||
@ -11,19 +11,19 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-lg-4 control-label"
|
||||
<label class="col-lg-5 control-label"
|
||||
for="input-document-selector-shortcut-previous">"Previous"
|
||||
shortcut <a href="http://craig.is/killing/mice#keys" target="_blank">(?)</a></label>
|
||||
<div class="col-lg-7">
|
||||
<div class="col-lg-6">
|
||||
<input type="text" id="input-document-selector-shortcut-previous"
|
||||
class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-lg-4 control-label"
|
||||
<label class="col-lg-5 control-label"
|
||||
for="input-document-selector-shortcut-next">"Next"
|
||||
shortcut <a href="http://craig.is/killing/mice#keys" target="_blank">(?)</a></label>
|
||||
<div class="col-lg-7">
|
||||
<div class="col-lg-6">
|
||||
<input type="text" id="input-document-selector-shortcut-next"
|
||||
class="form-control">
|
||||
</div>
|
||||
|
||||
@ -1,17 +1,17 @@
|
||||
<p>Allows StackEdit to interpret LaTeX mathematical expressions.</p>
|
||||
<div class="form-horizontal">
|
||||
<div class="control-group">
|
||||
<label class="control-label"
|
||||
<div class="form-group">
|
||||
<label class="col-lg-4 control-label"
|
||||
for="input-mathjax-config-tex">TeX configuration</label>
|
||||
<div class="controls">
|
||||
<input type="text" id="input-mathjax-config-tex">
|
||||
<div class="col-lg-7">
|
||||
<input type="text" id="input-mathjax-config-tex" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label"
|
||||
<div class="form-group">
|
||||
<label class="col-lg-4 control-label"
|
||||
for="input-mathjax-config-tex2jax">tex2jax configuration</label>
|
||||
<div class="controls">
|
||||
<input type="text" id="input-mathjax-config-tex2jax">
|
||||
<div class="col-lg-7">
|
||||
<input type="text" id="input-mathjax-config-tex2jax" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<p>Shows notification messages in the bottom-right corner of the
|
||||
screen.</p>
|
||||
<div class="form-horizontal">
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="input-notifications-timeout">Timeout</label>
|
||||
<div class="controls">
|
||||
<div class="form-group">
|
||||
<label class="col-lg-4 control-label" for="input-notifications-timeout">Timeout</label>
|
||||
<div class="col-lg-7 form-inline">
|
||||
<input type="text" id="input-notifications-timeout"
|
||||
class="input-mini"> <span class="help-inline">ms</span>
|
||||
class="col-lg-5 form-control"> <span class="help-inline">ms</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,9 +1,10 @@
|
||||
<div class="accordion-group">
|
||||
<div class="accordion-heading">
|
||||
<label class="checkbox pull-right"> <input
|
||||
<div class="checkbox pull-right">
|
||||
<label> <input
|
||||
id="input-enable-extension-<%= extensionId %>" type="checkbox"<%
|
||||
if(!isOptional) print('disabled') %>> enabled
|
||||
</label> <a data-toggle="collapse"
|
||||
</label></div><a data-toggle="collapse"
|
||||
data-parent="#accordion-extensions" class="accordion-toggle"
|
||||
href="#collapse-<%= extensionId %>"> <%= extensionName %> </a>
|
||||
</div>
|
||||
|
||||
@ -1,16 +1,19 @@
|
||||
<p>Generates a table of contents when a [TOC] marker is found.</p>
|
||||
<div class="form-horizontal">
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="input-toc-marker">Marker
|
||||
<div class="form-group">
|
||||
<label class="col-lg-4 control-label" for="input-toc-marker">Marker
|
||||
RegExp</label>
|
||||
<div class="controls">
|
||||
<input type="text" id="input-toc-marker" class="span2">
|
||||
<div class="col-lg-7">
|
||||
|
||||
<input type="text" id="input-toc-marker" class="col-lg-4 form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="input-toc-button">Button over preview</label>
|
||||
<div class="controls">
|
||||
<div class="form-group">
|
||||
<label class="col-lg-4 control-label" for="input-toc-button">Button over preview</label>
|
||||
<div class="col-lg-7">
|
||||
<div class="checkbox">
|
||||
<input type="checkbox" id="input-toc-button">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<p>Allows users to implement their own extension.</p>
|
||||
<div class="form-horizontal">
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="textarea-usercustom-code">JavaScript code
|
||||
<div class="form-group">
|
||||
<label class="col-lg-4 control-label" for="textarea-usercustom-code">JavaScript code
|
||||
<a href="#" class="tooltip-usercustom-extension">(?)</a>
|
||||
</label>
|
||||
<div class="controls">
|
||||
<textarea id="textarea-usercustom-code"></textarea>
|
||||
<div class="col-lg-7">
|
||||
<textarea id="textarea-usercustom-code" class="form-control"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,8 +1,18 @@
|
||||
@body-background: #f5f5f5;
|
||||
@bg-light: #f2f2f2;
|
||||
@bg-navbar-hover: #eee;
|
||||
@border: #ddd;
|
||||
@text-inv: #fff;
|
||||
|
||||
/* Bootstrap */
|
||||
@body-bg: #f5f5f5;
|
||||
@input-border: #ddd;
|
||||
@dropdown-border: #ddd;
|
||||
@navbar-bg: #ddd;
|
||||
@dropdown-link-hover-bg: #888;
|
||||
@dropdown-link-active-color: #fff;
|
||||
@input-color-placeholder: #ccc;
|
||||
|
||||
body {
|
||||
background-color: @body-background;
|
||||
tab-size: 4;
|
||||
}
|
||||
|
||||
@ -28,6 +38,7 @@ body {
|
||||
Override Bootstrap
|
||||
*/
|
||||
|
||||
/*
|
||||
div,span,a,ul,li,textarea,input,button {
|
||||
background-image: none !important;
|
||||
filter: none !important;
|
||||
@ -36,6 +47,7 @@ div,span,a,ul,li,textarea,input,button {
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
*/
|
||||
|
||||
.form-inline {
|
||||
.col-lg-1 { width: percentage((1 / @grid-columns)); }
|
||||
@ -57,6 +69,9 @@ div,span,a,ul,li,textarea,input,button {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
/*******************
|
||||
* Modal
|
||||
*******************/
|
||||
.modal-backdrop {
|
||||
background-color: fade(#999, 60%);
|
||||
}
|
||||
@ -65,43 +80,15 @@ div,span,a,ul,li,textarea,input,button {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
border: 1px solid @border !important;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.dropdown-menu:before {
|
||||
border-bottom-color: @border !important;
|
||||
}
|
||||
|
||||
input,select,textarea,.input-prepend .btn,.input-prepend .add-on {
|
||||
border: 1px solid @border !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;
|
||||
/********************
|
||||
* Input
|
||||
********************/
|
||||
.form-control:focus {
|
||||
border-color: @input-border;
|
||||
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(128, 128, 128, 0.6)");
|
||||
}
|
||||
|
||||
.help-block {
|
||||
color: #999999;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
@ -137,7 +124,7 @@ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
|
||||
.btn-group.open .btn.dropdown-toggle,
|
||||
#extension-preview-buttons .btn-group:hover .btn {
|
||||
color: #333333;
|
||||
background-color: #eee;
|
||||
background-color: @bg-navbar-hover;
|
||||
}
|
||||
|
||||
.nav .dropdown-toggle .caret,
|
||||
@ -245,7 +232,7 @@ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
|
||||
|
||||
input[disabled],select[disabled],textarea[disabled],.input-prepend .add-on
|
||||
{
|
||||
background-color: @body-background;
|
||||
background-color: @body-bg;
|
||||
}
|
||||
|
||||
input[readonly],select[readonly],textarea[readonly] {
|
||||
@ -409,7 +396,6 @@ hr {
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background-color: #ddd;
|
||||
position: static;
|
||||
}
|
||||
|
||||
@ -431,6 +417,12 @@ hr {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#wmd-input {
|
||||
-webkit-box-shadow: none !important;
|
||||
-moz-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#wmd-input,#md-section-helper {
|
||||
resize: none;
|
||||
border: none !important;
|
||||
@ -459,7 +451,7 @@ hr {
|
||||
|
||||
.wmd-prompt-dialog {
|
||||
border: 1px solid #999999;
|
||||
background-color: @body-background;
|
||||
background-color: @body-bg;
|
||||
}
|
||||
|
||||
.wmd-prompt-dialog>div {
|
||||
@ -530,6 +522,10 @@ div.dropdown-menu textarea {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
/***********************
|
||||
* Icons
|
||||
***********************/
|
||||
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
color: #525252;
|
||||
display: inline-block;
|
||||
@ -538,6 +534,10 @@ div.dropdown-menu textarea {
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.icon-white {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.icon-code {
|
||||
font-size: 80%;
|
||||
margin-left: -3px;
|
||||
@ -676,6 +676,10 @@ div.dropdown-menu textarea {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/**************************
|
||||
* Settings
|
||||
**************************/
|
||||
|
||||
#modal-settings {
|
||||
.modal-header {
|
||||
padding-bottom: 0;
|
||||
@ -690,11 +694,14 @@ div.dropdown-menu textarea {
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
max-height: 450px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.accordion-group {
|
||||
border: 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
-webkit-border-radius: inherit;
|
||||
-moz-border-radius: inherit;
|
||||
border-bottom: 1px solid @bg-light;
|
||||
border-radius: inherit;
|
||||
margin-bottom: 10px;
|
||||
clear: both;
|
||||
@ -702,25 +709,27 @@ div.dropdown-menu textarea {
|
||||
|
||||
.accordion-heading {
|
||||
padding: 8px 15px;
|
||||
}
|
||||
|
||||
.accordion-heading .accordion-toggle {
|
||||
display: inline;
|
||||
padding: 0;
|
||||
.accordion-toggle {
|
||||
display: inline;
|
||||
padding: 0;
|
||||
}
|
||||
.checkbox {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.accordion-inner {
|
||||
border: 0;
|
||||
padding: 10px 40px;
|
||||
}
|
||||
|
||||
.accordion-inner .form-horizontal .control-label {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.accordion-inner .form-inline .label-text,.accordion-inner .control-label
|
||||
{
|
||||
margin: 0 10px;
|
||||
.form-horizontal {
|
||||
.control-label {
|
||||
text-align: left;
|
||||
}
|
||||
.form-inline .label-text {
|
||||
margin-left: 15px
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-pane-button-container {
|
||||
@ -736,23 +745,28 @@ div.dropdown-menu textarea {
|
||||
.nav-tabs {
|
||||
border-bottom: 1px solid transparent;
|
||||
margin: 15px 0 0;
|
||||
|
||||
& > li > a {
|
||||
&:hover, &:focus {
|
||||
background-color: @bg-light;
|
||||
}
|
||||
}
|
||||
|
||||
& > li.active > a {
|
||||
&, &:hover, &:focus {
|
||||
color: @text-inv;
|
||||
background-color: #777;
|
||||
border-color: #777;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
background-color: @bg-light;
|
||||
}
|
||||
*/
|
||||
|
||||
.tooltip-inner {
|
||||
text-align: left;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user