152 lines
2.6 KiB
SCSS
152 lines
2.6 KiB
SCSS
// styles that apply to the PageDown editor
|
|
// http://code.google.com/p/pagedown/
|
|
|
|
.wmd-panel {
|
|
margin-left: 25%;
|
|
margin-right: 25%;
|
|
width: 50%;
|
|
min-width: 500px;
|
|
}
|
|
|
|
.wmd-button-bar {
|
|
width: 100%;
|
|
}
|
|
|
|
.wmd-button-row {
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
margin-bottom: 5px;
|
|
margin-top: 5px;
|
|
padding: 0;
|
|
height: 20px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.wmd-spacer {
|
|
width: 1px;
|
|
height: 20px;
|
|
margin-right: 8px;
|
|
margin-left: 5px;
|
|
background-color: dark-light-diff($primary, $secondary, 90%, -60%);
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
|
|
.wmd-button {
|
|
width: 20px;
|
|
height: 20px;
|
|
padding-left: 2px;
|
|
padding-right: 3px;
|
|
margin-right: 5px;
|
|
background-repeat: no-repeat;
|
|
background-position: 0 0;
|
|
border: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
border: 0;
|
|
float: left;
|
|
font-family: FontAwesome;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
text-decoration: inherit;
|
|
display: inline;
|
|
width: auto;
|
|
height: auto;
|
|
line-height: normal;
|
|
vertical-align: baseline;
|
|
background-image: none !important;
|
|
background-position: 0 0;
|
|
background-repeat: repeat;
|
|
background: transparent;
|
|
padding: 4px;
|
|
}
|
|
|
|
.wmd-button:hover {
|
|
background-color: dark-light-diff($primary, $secondary, 90%, -60%);
|
|
}
|
|
|
|
|
|
.wmd-bold-button:before {
|
|
content: "\f032";
|
|
}
|
|
|
|
.wmd-italic-button:before {
|
|
content: "\f033";
|
|
}
|
|
|
|
.wmd-link-button:before {
|
|
content: "\f0c1";
|
|
}
|
|
|
|
.wmd-quote-button:before {
|
|
content: "\f10e";
|
|
}
|
|
|
|
.wmd-code-button:before {
|
|
content: "\f121";
|
|
}
|
|
|
|
.wmd-image-button:before {
|
|
content: "\f093";
|
|
}
|
|
|
|
.wmd-image-button.image-only:before {
|
|
content: "\f03e";
|
|
}
|
|
|
|
.wmd-olist-button:before {
|
|
content: "\f0cb";
|
|
}
|
|
|
|
.wmd-ulist-button:before {
|
|
content: "\f0ca";
|
|
}
|
|
|
|
.wmd-heading-button:before {
|
|
content: "\f031";
|
|
}
|
|
|
|
.wmd-hr-button:before {
|
|
content: "\f068";
|
|
}
|
|
|
|
.wmd-undo-button:before {
|
|
content: "\f0e2";
|
|
}
|
|
|
|
.wmd-redo-button:before {
|
|
content: "\f01e";
|
|
}
|
|
|
|
.wmd-quote-post:before {
|
|
content: "\f0e5";
|
|
}
|
|
|
|
.wmd-prompt-background {
|
|
background-color: #111;
|
|
box-shadow: 0 3px 7px rgba(0,0,0, .8);
|
|
}
|
|
|
|
.wmd-prompt-dialog {
|
|
border: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
|
|
background-color: dark-light-diff($primary, $secondary, 90%, -60%);
|
|
}
|
|
|
|
.wmd-prompt-dialog > div {
|
|
font-size: 0.8em;
|
|
font-family: arial, helvetica, sans-serif;
|
|
}
|
|
|
|
.wmd-prompt-dialog > form > input[type="text"] {
|
|
border: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
|
|
color: $primary;
|
|
}
|
|
|
|
.wmd-prompt-dialog > form > input[type="button"] {
|
|
border: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
|
|
font-family: trebuchet MS, helvetica, sans-serif;
|
|
font-size: 0.8em;
|
|
font-weight: bold;
|
|
}
|