discourse/app/assets/stylesheets/common/base/pagedown.scss

146 lines
2.5 KiB
SCSS
Raw Normal View History

2013-09-05 15:37:07 -04:00
// 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: 5px;
padding: 0;
2013-09-05 15:37:07 -04:00
height: 20px;
2015-04-21 20:35:10 -04:00
overflow: hidden;
2013-09-05 15:37:07 -04:00
}
.wmd-spacer {
width: 1px;
height: 20px;
margin-right: 8px;
margin-left: 5px;
background-color: dark-light-diff($primary, $secondary, 90%, -60%);
2013-09-05 15:37:07 -04:00
display: inline-block;
float: left;
}
.wmd-button {
margin-right: 5px;
border: 0;
2013-09-05 15:37:07 -04:00
position: relative;
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;
2013-09-05 15:37:07 -04:00
background-repeat: repeat;
2014-07-22 22:38:15 -04:00
background: transparent;
2013-09-05 15:37:07 -04:00
padding: 4px;
}
.wmd-button:hover {
background-color: dark-light-diff($primary, $secondary, 90%, -60%);
2013-09-05 15:37:07 -04:00
}
.wmd-bold-button:before {
2013-09-05 15:37:07 -04:00
content: "\f032";
}
.wmd-italic-button:before {
2013-09-05 15:37:07 -04:00
content: "\f033";
}
.wmd-link-button:before {
2013-09-05 15:37:07 -04:00
content: "\f0c1";
}
.wmd-quote-button:before {
2013-09-05 15:37:07 -04:00
content: "\f10e";
}
.wmd-code-button:before {
2013-09-05 15:37:07 -04:00
content: "\f121";
}
.wmd-image-button:before {
2013-09-05 15:37:07 -04:00
content: "\f093";
}
.wmd-image-button.image-only:before {
content: "\f03e";
}
.wmd-olist-button:before {
2013-09-05 15:37:07 -04:00
content: "\f0cb";
}
.wmd-ulist-button:before {
2013-09-05 15:37:07 -04:00
content: "\f0ca";
}
.wmd-heading-button:before {
2013-09-05 15:37:07 -04:00
content: "\f031";
}
.wmd-hr-button:before {
2013-09-05 15:37:07 -04:00
content: "\f068";
}
.wmd-undo-button:before {
2013-09-05 15:37:07 -04:00
content: "\f0e2";
}
.wmd-redo-button:before {
2013-09-05 15:37:07 -04:00
content: "\f01e";
}
.wmd-quote-post:before {
2013-09-05 15:37:07 -04:00
content: "\f0e5";
}
.wmd-composer-options:before {
content: "\f013";
}
2013-09-05 15:37:07 -04:00
.wmd-prompt-background {
2014-08-06 09:31:13 -04:00
background-color: #111;
box-shadow: 0 3px 7px rgba(0,0,0, .8);
2013-09-05 15:37:07 -04:00
}
.wmd-prompt-dialog {
border: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
background-color: dark-light-diff($primary, $secondary, 90%, -60%);
2013-09-05 15:37:07 -04:00
}
.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;
2013-09-05 15:37:07 -04:00
}
.wmd-prompt-dialog > form > input[type="button"] {
border: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
2015-08-21 14:23:06 -04:00
background: dark-light-choose(initial, blend-primary-secondary(50%));
color: dark-light-choose(inherit, $secondary);
2013-09-05 15:37:07 -04:00
font-family: trebuchet MS, helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
}