ng-realmark
Version:
Real-time Markdown W/ Markdown three way merge
299 lines (268 loc) • 9.71 kB
CSS
realmark-previewer-static a.anchor,
realmark-previewer a.anchor {
float: left;
padding-right: 5px;
margin-left: -21px;
line-height: 1;
opacity: 0; }
realmark-previewer-static h1:hover a.anchor, realmark-previewer-static h2:hover a.anchor, realmark-previewer-static h3:hover a.anchor, realmark-previewer-static h4:hover a.anchor, realmark-previewer-static h5:hover a.anchor, realmark-previewer-static h6:hover a.anchor,
realmark-previewer h1:hover a.anchor,
realmark-previewer h2:hover a.anchor,
realmark-previewer h3:hover a.anchor,
realmark-previewer h4:hover a.anchor,
realmark-previewer h5:hover a.anchor,
realmark-previewer h6:hover a.anchor {
opacity: 1; }
code[class*=language-], pre[class*=language-] {
color: #000;
background: 0 0;
text-shadow: 0 1px #fff;
font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none; }
code[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection {
text-shadow: none;
background: #b3d4fc; }
code[class*=language-] ::selection, code[class*=language-]::selection, pre[class*=language-] ::selection, pre[class*=language-]::selection {
text-shadow: none;
background: #b3d4fc; }
@media print {
code[class*=language-], pre[class*=language-] {
text-shadow: none; } }
pre[class*=language-] {
padding: 1em;
margin: .5em 0;
overflow: auto; }
:not(pre) > code[class*=language-], pre[class*=language-] {
background: #f5f2f0; }
:not(pre) > code[class*=language-] {
padding: .1em;
border-radius: .3em;
white-space: normal; }
.token.cdata, .token.comment, .token.doctype, .token.prolog {
color: #708090; }
.token.punctuation {
color: #999; }
.namespace {
opacity: .7; }
.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag {
color: #905; }
.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string {
color: #690; }
.language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url {
color: #a67f59;
background: rgba(255, 255, 255, 0.5); }
.token.atrule, .token.attr-value, .token.keyword {
color: #07a; }
.token.function {
color: #DD4A68; }
.token.important, .token.regex, .token.variable {
color: #e90; }
.token.bold, .token.important {
font-weight: 700; }
.token.italic {
font-style: italic; }
.token.entity {
cursor: help; }
/*# sourceMappingURL=prism.min.css.map */
realmark-diff .diff-deleted, realmark-diff .diff-added, realmark-diff .diff-line,
realmark-diff3 .diff-deleted,
realmark-diff3 .diff-added,
realmark-diff3 .diff-line {
background: rgba(240, 141, 141, 0.2);
position: relative;
display: block;
padding: 0;
border: none;
border-collapse: collapse;
min-height: 1em; }
realmark-diff .diff-deleted td, realmark-diff .diff-added td, realmark-diff .diff-line td,
realmark-diff3 .diff-deleted td,
realmark-diff3 .diff-added td,
realmark-diff3 .diff-line td {
padding: .25rem .5rem;
min-height: 1em;
border: none; }
realmark-diff .diff-deleted *, realmark-diff .diff-added *, realmark-diff .diff-line *,
realmark-diff3 .diff-deleted *,
realmark-diff3 .diff-added *,
realmark-diff3 .diff-line * {
margin: 0;
padding: 0; }
realmark-diff .diff-deleted ul, realmark-diff .diff-deleted ol, realmark-diff .diff-added ul, realmark-diff .diff-added ol, realmark-diff .diff-line ul, realmark-diff .diff-line ol,
realmark-diff3 .diff-deleted ul,
realmark-diff3 .diff-deleted ol,
realmark-diff3 .diff-added ul,
realmark-diff3 .diff-added ol,
realmark-diff3 .diff-line ul,
realmark-diff3 .diff-line ol {
margin-left: 1rem; }
realmark-diff .diff-deleted blockquote, realmark-diff .diff-added blockquote, realmark-diff .diff-line blockquote,
realmark-diff3 .diff-deleted blockquote,
realmark-diff3 .diff-added blockquote,
realmark-diff3 .diff-line blockquote {
padding: 0.25rem 0 0.25rem 0.25rem;
border-left: 2px solid lightgrey; }
realmark-diff .diff-added,
realmark-diff3 .diff-added {
background: rgba(141, 240, 141, 0.2); }
realmark-diff .diff-line,
realmark-diff3 .diff-line {
background: transparent; }
realmark-diff .diff-deleted .diff-num1, realmark-diff .diff-deleted .diff-num2, realmark-diff .diff-added .diff-num1, realmark-diff .diff-added .diff-num2, realmark-diff .diff-line .diff-num1, realmark-diff .diff-line .diff-num2,
realmark-diff3 .diff-deleted .diff-num1,
realmark-diff3 .diff-deleted .diff-num2,
realmark-diff3 .diff-added .diff-num1,
realmark-diff3 .diff-added .diff-num2,
realmark-diff3 .diff-line .diff-num1,
realmark-diff3 .diff-line .diff-num2 {
text-align: center;
color: white;
min-width: 1.5rem;
padding: .25rem 0.1rem;
font-size: 0.75em;
color: rgba(0, 0, 0, 0.5);
vertical-align: middle;
border: none;
background: rgba(240, 141, 141, 0.2); }
realmark-diff .diff-deleted .diff-num1, realmark-diff .diff-added .diff-num1, realmark-diff .diff-line .diff-num1,
realmark-diff3 .diff-deleted .diff-num1,
realmark-diff3 .diff-added .diff-num1,
realmark-diff3 .diff-line .diff-num1 {
padding-left: .5rem; }
realmark-diff .diff-deleted .diff-num2, realmark-diff .diff-added .diff-num2, realmark-diff .diff-line .diff-num2,
realmark-diff3 .diff-deleted .diff-num2,
realmark-diff3 .diff-added .diff-num2,
realmark-diff3 .diff-line .diff-num2 {
border-right: 1px solid lightgrey;
padding-right: .5rem; }
realmark-diff .diff-added .diff-num1, realmark-diff .diff-added .diff-num2,
realmark-diff3 .diff-added .diff-num1,
realmark-diff3 .diff-added .diff-num2 {
background: rgba(141, 240, 141, 0.2); }
realmark-diff .diff-line .diff-num1, realmark-diff .diff-line .diff-num2,
realmark-diff3 .diff-line .diff-num1,
realmark-diff3 .diff-line .diff-num2 {
background: rgba(200, 200, 200, 0.2); }
realmark-diff {
border: 1px solid lightgrey;
background-color: #fafafa;
font-family: sans-serif; }
realmark-diff table {
width: 100%; }
realmark-diff header {
border-bottom: 1px solid lightgrey;
margin: 0;
padding: 0;
font-family: sans-serif;
overflow: hidden;
background: white; }
realmark-diff header button {
float: right;
background: none;
height: 100%;
padding: 1rem 0.65rem;
border: none;
border-left: 1px solid lightgrey;
background: #ededed;
transition: all linear 0.25s; }
realmark-diff header button:hover {
background: #d4d4d4;
color: black; }
realmark-diff header p {
font-size: 1.4em;
padding: 0.65rem 0.75rem 0.5rem 0.75rem;
margin: 0;
color: #4183c4; }
realmark-diff pre[class*=language-] {
margin: 0;
padding: 0;
background: transparent; }
realmark-diff pre[class*=language-] code, realmark-diff pre[class*=language-] .token.string, realmark-diff pre[class*=language-] .token.string, realmark-diff pre[class*=language-] .token.entity, realmark-diff pre[class*=language-] .token.operator, realmark-diff pre[class*=language-] .token.url {
background: transparent; }
realmark-diff pre[class*=language-] code {
margin: 0;
padding: 0; }
realmark-diff3 {
border: 1px solid lightgrey;
background-color: #fafafa;
display: block;
margin-bottom: 1rem;
overflow: hidden; }
realmark-diff3 h1 a, realmark-diff3 h2 a, realmark-diff3 h3 a, realmark-diff3 h4 a, realmark-diff3 h5 a, realmark-diff3 h6 a {
display: none; }
realmark-diff3 .diff-content {
display: flex;
min-height: 200px;
margin-bottom: 1px; }
realmark-diff3 .diff-content > textarea {
width: 48%;
max-width: 48%;
min-width: 48%;
min-height: 100%;
border: none;
padding: 0.5%;
margin: 1px 0.5%;
font-size: .9em;
line-height: 1.7em; }
realmark-diff3 .diff-content > table {
width: 50%;
border: 0;
border: none;
margin: 0;
padding-bottom: 2em; }
realmark-diff3 header {
border-bottom: 1px solid lightgrey;
margin: 0;
padding: 0;
overflow: hidden;
background: white;
display: block;
display: flex; }
realmark-diff3 header > div {
display: flex;
align-items: center;
padding: 0 1rem;
background: whitesmoke;
border-left: 1px solid lightgrey; }
realmark-diff3 header > div select {
margin-left: 1rem; }
realmark-diff3 header button {
background: none;
height: 100%;
padding: 1rem 0.65rem;
border: none;
border-left: 1px solid lightgrey;
background: #ededed;
transition: all linear 0.25s; }
realmark-diff3 header button:hover {
background: #d4d4d4;
color: black; }
realmark-diff3 > header p {
font-size: 1.4em;
padding: 0.65rem 0.75rem 0.5rem 0.75rem;
margin: 0;
margin-right: auto;
color: #4183c4; }
realmark-diff3 realmark-diff header p {
padding: 0; }
realmark-diff3 pre[class*=language-] {
margin: 0;
padding: 0;
background: transparent; }
realmark-diff3 pre[class*=language-] code, realmark-diff3 pre[class*=language-] .token.string, realmark-diff3 pre[class*=language-] .token.string, realmark-diff3 pre[class*=language-] .token.entity, realmark-diff3 pre[class*=language-] .token.operator, realmark-diff3 pre[class*=language-] .token.url {
background: transparent; }
realmark-diff3 pre[class*=language-] code {
margin: 0;
padding: 0; }