Skip to content

Instantly share code, notes, and snippets.

@Aldiwildan77
Last active July 10, 2020 02:48
Show Gist options
  • Save Aldiwildan77/ad390b8eb025fe6f1d87313cab260a74 to your computer and use it in GitHub Desktop.
Save Aldiwildan77/ad390b8eb025fe6f1d87313cab260a74 to your computer and use it in GitHub Desktop.
/**
* Print Stylesheet
* @version 2.0
* @lastmodified 10.07.2020
* modified Muhammad Wildan Aldiansyah
*/
@media print {
/* Set content width, remove floats and margins */
/* Warning: The classes and IDs vary from theme to theme. So set your own classes here */
#content,
#page {
width: 100%;
margin: 0;
float: none;
}
/** Adjust margins */
@page {
margin: 0;
}
@page :first {
margin: 0;
}
.cover-image {
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
/* Set font to 16px / 13pt, set background to white and font to black.*/
/* This saves ink */
body {
font: 13pt Georgia, 'Times New Roman', Times, serif;
line-height: 1.3;
background: #fff !important;
color: #000;
width: 210mm;
height: 297mm;
/* padding: 27mm 16mm 27mm 16mm; */
}
h1 {
font-size: 24pt;
}
h2,
h3,
h4 {
font-size: 14pt;
margin-top: 25px;
}
/* Define all page breaks */
a {
page-break-inside: avoid;
}
blockquote {
page-break-inside: avoid;
}
h1,
h2,
h3,
h4,
h5,
h6 {
page-break-after: avoid;
page-break-inside: avoid;
}
img {
page-break-inside: avoid;
page-break-after: avoid;
}
table,
pre {
page-break-inside: avoid;
}
ul,
ol,
dl {
page-break-before: avoid;
}
/* Show link color and link behavior */
a:link,
a:visited,
a {
background: transparent;
color: #520;
font-weight: bold;
text-decoration: underline;
text-align: left;
}
a {
page-break-inside: avoid;
}
a[href^='http']:after {
content: ' <' attr(href) '> ';
}
a:after > img {
content: '';
}
article a[href^='#']:after {
content: '';
}
a:not(:local-link):after {
content: ' <' attr(href) '> ';
}
/**
* Make embedded videos disappear and reduce the iframes whitespace to zero.
*/
.entry iframe,
ins {
display: none;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
line-height: 0pt !important;
white-space: nowrap;
}
.embed-youtube,
.embed-responsive {
position: absolute;
height: 0;
overflow: hidden;
}
/* Hide unnecessary elements for printing */
#header-widgets,
nav,
aside.mashsb-container,
.sidebar,
.mashshare-top,
.mashshare-bottom,
.content-ads,
.make-comment,
.author-bio,
.heading,
.related-posts,
#decomments-form-add-comment,
#breadcrumbs,
#footer,
.post-byline,
.meta-single,
.site-title img,
.post-tags,
.readability {
display: none;
}
/* Insert custom messages before and after the content */
.entry:after {
content: '\ Aksaramaya (c) 2020';
color: #999 !important;
font-size: 1em;
padding-top: 30px;
}
#header:before {
content: '\ Monulis Platform';
color: #777 !important;
font-size: 1em;
padding-top: 30px;
text-align: center !important;
}
/* Define important elements */
p,
address,
li,
dt,
dd,
blockquote {
font-size: 100%;
}
/* Character set for code examples */
code,
pre {
font-family: 'Courier New', Courier, mono;
}
ul,
ol {
list-style: square;
margin-left: 18pt;
margin-bottom: 20pt;
}
li {
line-height: 1.6em;
}
/*
* Quill Editor v1.3.6
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
}
.ql-editor > * {
cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8
list-9;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
list-style-type: none;
}
.ql-editor ul > li::before {
content: '\2022';
}
.ql-editor ul[data-checked='true'],
.ql-editor ul[data-checked='false'] {
pointer-events: none;
}
.ql-editor ul[data-checked='true'] > li *,
.ql-editor ul[data-checked='false'] > li * {
pointer-events: all;
}
.ql-editor ul[data-checked='true'] > li::before,
.ql-editor ul[data-checked='false'] > li::before {
color: #777;
cursor: pointer;
pointer-events: all;
}
.ql-editor ul[data-checked='true'] > li::before {
content: '\2611';
}
.ql-editor ul[data-checked='false'] > li::before {
content: '\2610';
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em;
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8
list-9;
counter-increment: list-0;
}
.ql-editor ol li:before {
content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em;
}
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor .ql-bg-blue {
background-color: #06c;
}
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor .ql-color-blue {
color: #06c;
}
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0, 0, 0, 0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
clear: both;
content: '';
display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 24px;
padding: 3px 5px;
width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
float: left;
height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type='file'],
.ql-snow .ql-toolbar input.ql-image[type='file'] {
display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #06c;
}
@media (pointer: coarse) {
.ql-snow.ql-toolbar button:hover:not(.ql-active),
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
color: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #444;
}
}
.ql-snow {
box-sizing: border-box;
}
.ql-snow * {
box-sizing: border-box;
}
.ql-snow .ql-hidden {
display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
visibility: hidden;
}
.ql-snow .ql-tooltip {
position: absolute;
transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
cursor: pointer;
text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
transform: translateY(-10px);
}
.ql-snow .ql-formats {
display: inline-block;
vertical-align: middle;
}
.ql-snow .ql-formats:after {
clear: both;
content: '';
display: table;
}
.ql-snow .ql-stroke {
fill: none;
stroke: #444;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
fill: none;
stroke: #444;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow .ql-empty {
fill: none;
}
.ql-snow .ql-even {
fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
stroke-width: 1;
}
.ql-snow .ql-transparent {
opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
display: none;
}
.ql-snow .ql-editor h1 {
font-size: 2em;
}
.ql-snow .ql-editor h2 {
font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
font-size: 1em;
}
.ql-snow .ql-editor h5 {
font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
font-size: 0.67em;
}
.ql-snow .ql-editor a {
text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
background-color: #f0f0f0;
border-radius: 3px;
}
.ql-snow .ql-editor pre {
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.ql-snow .ql-editor code {
font-size: 85%;
padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
}
.ql-snow .ql-editor img {
max-width: 100%;
}
.ql-snow .ql-picker {
color: #444;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
height: 24px;
position: relative;
vertical-align: middle;
}
.ql-snow .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%;
}
.ql-snow .ql-picker-label::before {
display: inline-block;
line-height: 22px;
}
.ql-snow .ql-picker-options {
background-color: #fff;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
color: #ccc;
z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
border: 1px solid transparent;
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 0;
top: 50%;
width: 18px;
}
.ql-snow
.ql-picker.ql-header
.ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow
.ql-picker.ql-font
.ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow
.ql-picker.ql-size
.ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow
.ql-picker.ql-header
.ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow
.ql-picker.ql-font
.ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow
.ql-picker.ql-size
.ql-picker-item[data-label]:not([data-label=''])::before {
content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
background-color: #000;
}
.ql-toolbar.ql-snow {
border: 1px solid #ccc;
box-sizing: border-box;
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
border: 1px solid transparent;
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
border-top: 0px;
}
.ql-snow .ql-tooltip {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0px 0px 5px #ddd;
color: #444;
padding: 5px 12px;
white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
content: 'Visit URL:';
line-height: 26px;
margin-right: 8px;
}
.ql-snow .ql-tooltip input[type='text'] {
display: none;
border: 1px solid #ccc;
font-size: 13px;
height: 26px;
margin: 0px;
padding: 3px 5px;
width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
display: inline-block;
max-width: 200px;
overflow-x: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
border-right: 1px solid #ccc;
content: 'Edit';
margin-left: 16px;
padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
content: 'Remove';
margin-left: 8px;
}
.ql-snow .ql-tooltip a {
line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type='text'] {
display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
border-right: 0px;
content: 'Save';
padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode='link']::before {
content: 'Enter link:';
}
.ql-snow .ql-tooltip[data-mode='formula']::before {
content: 'Enter formula:';
}
.ql-snow .ql-tooltip[data-mode='video']::before {
content: 'Enter video:';
}
.ql-snow a {
color: #06c;
}
.ql-container.ql-snow {
border: 1px solid #ccc;
}
}
<div class="ql-editor" data-gramm="false" contenteditable="true" data-placeholder="Compose an epic..."><h1>Heading1</h1><h2>Heading2</h2><p><span style="color: rgb(230, 0, 0);">Color</span></p><p><s style="color: rgb(230, 0, 0);">S</s></p><p><span style="color: rgb(255, 255, 255); background-color: rgb(0, 102, 204);">Background</span></p><p>Subscript<sub>Hehe</sub></p><p>Superscript<sup>Hehe</sup></p><p><br></p><blockquote>Quote</blockquote><pre class="ql-syntax" spellcheck="false"><span class="hljs-tag">&lt;<span class="hljs-name">html</span>&gt;</span> Hehe <span class="hljs-tag">&lt;/<span class="hljs-name">html</span>&gt;</span>
</pre><p><span class="ql-formula" data-value="Function">&#65279;<span contenteditable="false"><span class="katex"><span class="katex-mathml"><math><semantics><mrow><mi>F</mi><mi>u</mi><mi>n</mi><mi>c</mi><mi>t</mi><mi>i</mi><mi>o</mi><mi>n</mi></mrow><annotation encoding="application/x-tex">Function</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="strut" style="height: 0.68333em;"></span><span class="strut bottom" style="height: 0.68333em; vertical-align: 0em;"></span><span class="base textstyle uncramped"><span class="mord mathit" style="margin-right: 0.13889em;">F</span><span class="mord mathit">u</span><span class="mord mathit">n</span><span class="mord mathit">c</span><span class="mord mathit">t</span><span class="mord mathit">i</span><span class="mord mathit">o</span><span class="mord mathit">n</span></span></span></span></span>&#65279;</span> </p><iframe class="ql-video" frameborder="0" allowfullscreen="true" src="https://www.youtube.com/embed/7pRvpVKaKqc?showinfo=0"></iframe><p><img src="data:image/png;base64,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"></p><p><a href="https://www.youtube.com/watch?v=7pRvpVKaKqc&amp;list=PLEjrGX4DH9-lIxkFwANucE64xzmkXrv_u&amp;index=2&amp;t=0s" target="_blank">Link</a></p><p><br></p><p class="ql-align-center">Center</p><p class="ql-align-center"><br></p><p class="ql-align-right">Right</p><p class="ql-align-justify"><br></p><p class="ql-align-justify">Justify Center Justify Center Justify Center Justify Center Justify Center Justify Center Justify Center Justify Center Justify Center Justify Center </p><p class="ql-align-justify"><br></p><p class="ql-align-justify ql-direction-rtl">Right Paragraph</p><p class="ql-align-justify">Left Paragraph</p><p class="ql-align-justify"><br></p><ol><li class="ql-align-justify">Ol 1</li><li class="ql-align-justify">Ol 2</li></ol><ul><li class="ql-align-justify">Ul 1</li><li class="ql-align-justify">Ul 2</li></ul><p class="ql-align-justify ql-indent-1">Indent 1</p><p class="ql-align-justify ql-indent-2">Indent 2</p><p class="ql-align-justify ql-indent-3">Indent 3</p><p class="ql-align-justify ql-indent-4">Indent 4</p><p class="ql-align-justify ql-indent-4"><br></p><p class="ql-align-justify"><br></p></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment