set up quill library

This commit is contained in:
francois.lutran
2016-12-16 10:42:04 +13:00
parent 2038e07a60
commit 5b74289001
16 changed files with 1008 additions and 256 deletions

View File

@@ -7,26 +7,24 @@ blue lines : #2DCDFF
red lines : #EC3B45
*/
/* General */
/*
@font-face {
font-family: 'thoughts';
font-style: normal;
font-weight: normal;
src: url('aescrawl.ttf') format('truetype');
}
*/
@font-face {
font-family: 'thoughts';
font-style: normal;
font-weight: 400;
src: local('Indie Flower'), local('IndieFlower'), url(https://fonts.gstatic.com/s/indieflower/v7/10JVD_humAd5zP2yrFqw6ugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/indieflower/v7/10JVD_humAd5zP2yrFqw6nhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
/* Fonts */
@import 'font-awesome';
@import url('https://fonts.googleapis.com/css?family=Indie+Flower');
/* Plugins */
@import 'quill.bubble';
/* Pages */
@import 'write';
/* General */
body {
min-width: 700px;
font-family: thoughts, Arial;
font-family: 'Indie Flower', cursive;
font-size:1em;
background-color:#e2ccb2;
margin:0;
@@ -43,7 +41,7 @@ table {
}
input, textarea {
font-family: thoughts, Arial;
font-family: 'Indie Flower', cursive;
font-size:1em;
color:#584127;
}
@@ -283,97 +281,14 @@ a.calendar_direction {
height:100%;
}
/* Write - Toolbar */
#write .jqte_toolbar {
position: fixed;
left: calc(50% - 22em);
width: 1.5em;
background:none;
border-bottom:none;
border-radius: 3px 0 0 3px;
}
#write .jqte_tool {
float:none;
border:none;
margin-bottom: 0.3em;
}
#write .jqte_tool .jqte_tool_icon {
border:none;
background:none;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
text-align: center;
color:#997E60;
}
#write .jqte_tool.jqte_tool_4 .jqte_tool_icon:before {
content: "\f032";
}
#write .jqte_tool.jqte_tool_5 .jqte_tool_icon:before {
content: "\f033";
}
#write .jqte_tool.jqte_tool_6 .jqte_tool_icon:before {
content: "\f0cd";
}
#write .jqte_tool.jqte_tool_7 .jqte_tool_icon:before {
content: "\f0cb";
}
#write .jqte_tool.jqte_tool_8 .jqte_tool_icon:before {
content: "\f03a";
}
#write .jqte_tool.jqte_tool_16 .jqte_tool_icon:before {
content: "\f0cc";
}
#write .jqte_tool:hover,
#write .jqte_tool:hover .jqte_tool_icon,
#write .jqte_tool_depressed,
#write .jqte_tool_depressed .jqte_tool_icon {
/*background-color: #EDE0D0;*/
background:none;
color:#584127;
}
/* Write - Editor */
#write .jqte, #write .jqte_focused {
border:none;
box-shadow:none;
height:calc(100% - 4em);
margin:2em;
padding:0;
overflow: hidden;
position:relative;
}
#write .jqte * {
color: inherit;
font-family:thoughts;
font-size: inherit;
}
#write .jqte_editor {
background: inherit;
padding:0;
max-height: inherit;
resize:none;
position:absolute;
top:0;
}
#write .jqte_editor div {
#write #editor div {
margin:0;
}
#write .jqte_editor p {
#write #editor p {
text-indent: 1.5em;
margin:1em 0 0 0;
padding:0;