set up quill library
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user