lkva/NDOJ
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change editor toolbar

Browse source
This commit is contained in:
cuom1999 2022-10-27 23:56:13 -05:00
parent ec3821ec2e
commit 5fc18d31d6
20 changed files with 406 additions and 255 deletions
Download patch file Download diff file Expand all files Collapse all files

217
resources/pagedown/demo/browser/demo.css
View file

@ -11,109 +11,162 @@ body
min-width: 500px;
}
.wmd-button-bar
{
width: 100%;
background-color: Silver;
.wmd-button-bar {
width: 100%;
background-color: white;
}
.wmd-input
{
height: 300px;
width: 100%;
background-color: Gainsboro;
border: 1px solid DarkGray;
.wmd-input {
height: 300px;
width: 100%;
background: #fff;
border: 1px solid DarkGray;
font-family: Consolas, "Liberation Mono", Monaco, "Courier New", monospace !important;
}
.wmd-preview
{
background-color: #c0e0ff;
.wmd-preview {
background: none;
word-wrap: break-word;
}
.wmd-button-row
{
position: relative;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-top: 10px;
padding: 0px;
height: 20px;
.wmd-button-row {
margin: 10px 5px 5px;
padding: 0;
}
.wmd-button {
display: inline-flex;
list-style: none;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: 14px 14px;
background-position: center;
border-radius: 3px;
cursor: pointer;
padding-left: 2px;
padding-right: 3px;
}
.wmd-bold-button {
background-image: url("pagedown/resources/bold.svg");
}
.wmd-italic-button {
background-image: url("pagedown/resources/italic.svg");
}
.wmd-latex-button {
background-image: url("pagedown/resources/latex.svg");
}
.wmd-latex-button-display {
background-image: url("pagedown/resources/latex-display.svg");
}
.wmd-link-button {
background-image: url("pagedown/resources/link.svg");
}
.wmd-user-reference-button {
background-image: url("pagedown/resources/user.svg");
}
.wmd-quote-button {
background-image: url("pagedown/resources/blockquote.svg");
}
.wmd-code-button {
background-image: url("pagedown/resources/code.svg");
}
.wmd-image-button {
background-image: url("pagedown/resources/image.svg");
}
.wmd-olist-button {
background-image: url("pagedown/resources/olist.svg");
background-size: 18px;
}
.wmd-ulist-button {
background-image: url("pagedown/resources/ulist.svg");
background-size: 18px;
}
.wmd-heading-button {
background-image: url("pagedown/resources/heading.svg");
}
.wmd-hr-button {
background-image: url("pagedown/resources/hr.svg");
}
.wmd-undo-button {
background-image: url("pagedown/resources/undo.svg");
background-size: 18px;
}
.wmd-redo-button {
background-image: url("pagedown/resources/redo.svg");
background-size: 18px;
}
.wmd-button-active:hover {
background-color: lightgray;
}
.wmd-button-inactive {
filter: invert(88%) sepia(1%) saturate(0%) hue-rotate(278deg) brightness(98%) contrast(91%);
}
.wmd-spacer
{
width: 1px;
height: 20px;
margin-left: 14px;
position: absolute;
background-color: Silver;
display: inline-block;
list-style: none;
}
.wmd-button {
display: inline-flex;
width: 20px;
height: 20px;
padding-left: 2px;
padding-right: 3px;
position: absolute;
display: inline-block;
list-style: none;
cursor: pointer;
}
.wmd-button > span {
background-image: url(../../wmd-buttons.png);
background-repeat: no-repeat;
background-position: 0px 0px;
width: 20px;
height: 20px;
display: inline-block;
.wmd-prompt-background {
background-color: Black;
}
.wmd-spacer1
{
left: 50px;
}
.wmd-spacer2
{
left: 175px;
}
.wmd-spacer3
{
left: 300px;
}
.wmd-prompt-background
{
background-color: Black;
}
.wmd-prompt-dialog
{
border: 1px solid #999999;
background-color: #F5F5F5;
.wmd-prompt-dialog {
border: 1px solid #999999;
background-color: #F5F5F5;
}
.wmd-prompt-dialog > div {
font-size: 0.8em;
font-family: arial, helvetica, sans-serif;
font-size: 0.8em;
font-family: arial, helvetica, sans-serif;
}
.wmd-prompt-dialog > form > input[type="text"] {
border: 1px solid #999999;
color: black;
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;
.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;
}
.wmd-wrapper {
padding-right: 0 !important;
}
.wmd-preview {
margin-top: 15px;
padding: 7px;
background: white;
line-height: 1.5em;
font-size: 1em;
border: 1px solid #a9a9a9;
border-radius: 5px;
box-sizing: border-box;
}
.wmd-preview:empty {
display: none;
}