Skip to content

Commit d9d3190

Browse files
agusmakmunagusmakmun
committed
update many changes for bootstrap theme
1 parent 9a69636 commit d9d3190

File tree

8 files changed

+1196
-32
lines changed

8 files changed

+1196
-32
lines changed

‎martor/static/martor/css/martor.bootstrap.css‎

Lines changed: 268 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,19 +2,72 @@ body.overflow {
22
overflow: hidden!important;
33
}
44

5+
.martor {
6+
height: 500px;
7+
max-height: 500px;
8+
}
9+
.martor-field {
10+
width: 100%;
11+
height: 250px;
12+
min-height: 100px;
13+
}
14+
.main-martor {
15+
margin: 1em 0;
16+
position: relative;
17+
}
518
.main-martor .modal-header {
619
padding: 10px 1rem;
720
}
821
.main-martor .modal-header h5 {
922
font-size: 16px;
1023
}
24+
.main-martor .upload-progress {
25+
position: absolute;
26+
z-index: 100;
27+
width: 100%;
28+
height: 100%;
29+
padding-top: 5em;
30+
background: #00000012;
31+
}
1132

1233
.martor-toolbar {
1334
position: absolute;
1435
right: 0;
1536
top: 0;
1637
}
1738

39+
.martor-toolbar .markdown-image-upload {
40+
position: relative;
41+
overflow: hidden;
42+
}
43+
.martor-toolbar .markdown-image-upload input[type=file] {
44+
position: absolute;
45+
top: 0;
46+
right: 0;
47+
min-width: 100%;
48+
min-height: 100%;
49+
font-size: 25px;
50+
padding: 0;
51+
padding-left: 35px;
52+
text-align: right;
53+
filter: alpha(opacity=0);
54+
opacity: 0;
55+
outline: none;
56+
cursor: inherit;
57+
display: block;
58+
}
59+
60+
.emoji-loader-init {
61+
min-height: 200px!important;
62+
padding-top: 4em;
63+
}
64+
.emoji-content-body {
65+
font-size: 12px;
66+
}
67+
.insert-emoji {
68+
cursor: pointer
69+
}
70+
1871
.table.markdown-reference {
1972
font-size: 12px;
2073
}
@@ -28,3 +81,218 @@ body.overflow {
2881
.table.markdown-reference ol {
2982
padding-left: 1rem!important;
3083
}
84+
85+
form .martor-preview {
86+
padding: 1rem;
87+
overflow: auto;
88+
background: #F9F9F9;
89+
}
90+
91+
form .martor-preview-stale {
92+
background: repeating-linear-gradient(-45deg, #fff, #fff 10px, #f8f8f8 10px, #f8f8f8 20px) !important;
93+
}
94+
95+
/* Nav tabs */
96+
.main-martor .nav-tabs {
97+
border-bottom: 2px solid #dee2e6;
98+
}
99+
.main-martor .nav-tabs .nav-link:hover,
100+
.main-martor .nav-tabs .nav-link:focus,
101+
.main-martor .nav-tabs .nav-link:hover {
102+
border-color: transparent;
103+
}
104+
.main-martor .nav-tabs .nav-item.show .nav-link,
105+
.main-martor .nav-tabs .nav-link.active,
106+
.main-martor .nav-tabs .nav-link.active:hover {
107+
border-color: transparent;
108+
border-bottom: 2px solid #333;
109+
color: #495057;
110+
}
111+
.main-martor .tab-pane {
112+
position: relative;
113+
}
114+
.icon.expand-editor {
115+
position: absolute;
116+
bottom: -8px;
117+
right: 8px;
118+
}
119+
.no-border {
120+
border: none!important;
121+
}
122+
123+
/* live preview */
124+
form .enable-living .martor-preview {
125+
display: block!important;
126+
}
127+
form .enable-living .tab-martor-menu a.item {
128+
display: none!important;
129+
}
130+
131+
/* Scroll Bar */
132+
.section-martor ::-webkit-scrollbar-track {
133+
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
134+
border-radius: 10px;
135+
background-color: #F5F5F5;
136+
}
137+
.section-martor ::-webkit-scrollbar {
138+
height: 6px;
139+
width: 6px;
140+
background-color: #F5F5F5;
141+
}
142+
.section-martor ::-webkit-scrollbar-thumb {
143+
border-radius: 10px;
144+
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
145+
background-color: #555;
146+
}
147+
.ace_scrollbar-v {
148+
cursor: ns-resize;
149+
}
150+
151+
/* Full Screen Mode */
152+
.main-martor-fullscreen {
153+
background: #fff;
154+
position: fixed;
155+
z-index: 999;
156+
max-height: 100%;
157+
height: 100%;
158+
width: 100%;
159+
margin: 0;
160+
left: 0;
161+
top: 0;
162+
}
163+
.main-martor-fullscreen .fields.martor-toolbar {
164+
border-bottom: 1px solid #ddd;
165+
margin: 0;
166+
}
167+
.main-martor-fullscreen .section-martor {
168+
height: 90%;
169+
position: relative;
170+
}
171+
172+
/* Preview */
173+
.marked-emoji,
174+
form .martor-preview .marked-emoji {max-width: 20px}
175+
form .martor-preview{font-size:14px;line-height:1.6;}
176+
form .martor-preview>*:first-child{margin-top:0 !important}
177+
form .martor-preview>*:last-child{margin-bottom:20px !important}
178+
form .martor-preview a.absent{color:#c00}
179+
form .martor-preview a.anchor{display:block;padding-left:30px;margin-left:-30px;cursor:pointer;position:absolute;top:0;left:0;bottom:0}
180+
form .martor-preview h1,
181+
form .martor-preview h2,
182+
form .martor-preview h3,
183+
form .martor-preview h4,
184+
form .martor-preview h5,
185+
form .martor-preview h6{margin:20px 0 10px;padding:0;font-weight:bold !important;-webkit-font-smoothing:antialiased;cursor:text;position:relative;background:none;}
186+
187+
form .martor-preview h1:hover a.anchor,
188+
form .martor-preview h2:hover a.anchor,
189+
form .martor-preview h3:hover a.anchor,
190+
form .martor-preview h4:hover a.anchor,
191+
form .martor-preview h5:hover a.anchor,
192+
form .martor-preview h6:hover a.anchor{text-decoration:none;line-height:1;padding-left:0;margin-left:-22px;top:15%}
193+
194+
form .martor-preview h1 tt,
195+
form .martor-preview h1 code,
196+
form .martor-preview h2 tt,
197+
form .martor-preview h2 code,
198+
form .martor-preview h3 tt,
199+
form .martor-preview h3 code,
200+
form .martor-preview h4 tt,
201+
form .martor-preview h4 code,
202+
form .martor-preview h5 tt,
203+
form .martor-preview h5 code,
204+
form .martor-preview h6 tt,
205+
form .martor-preview h6 code{font-size:inherit}
206+
207+
form .martor-preview h1{font-size:28px !important;color:#000 !important}
208+
form .martor-preview h2{font-size:24px !important;color:#000 !important}
209+
form .martor-preview h3{font-size:18px !important;}
210+
form .martor-preview h4{font-size:16px !important;}
211+
form .martor-preview h5{font-size:14px !important;text-transform:none !important}
212+
form .martor-preview h6{color:#777;font-size:14px}
213+
form .martor-preview p,
214+
form .martor-preview blockquote,
215+
form .martor-preview ul,
216+
form .martor-preview ol,
217+
form .martor-preview dl,
218+
form .martor-preview table,
219+
form .martor-preview pre{margin:15px 0}
220+
form .martor-preview hr{
221+
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0;
222+
border:0 none;
223+
color:#ccc;
224+
height:4px;
225+
padding:0
226+
}
227+
form .martor-preview>h2:first-child,
228+
form .martor-preview>h1:first-child,
229+
form .martor-preview>h1:first-child+h2,
230+
form .martor-preview>h3:first-child,
231+
form .martor-preview>h4:first-child,
232+
form .martor-preview>h5:first-child,
233+
form .martor-preview>h6:first-child{margin-top:0;padding-top:0}
234+
form .martor-preview a:first-child h1,
235+
form .martor-preview a:first-child h2,
236+
form .martor-preview a:first-child h3,
237+
form .martor-preview a:first-child h4,
238+
form .martor-preview a:first-child h5,
239+
form .martor-preview a:first-child h6{margin-top:0;padding-top:0}
240+
form .martor-preview h1+p,
241+
form .martor-preview h2+p,
242+
form .martor-preview h3+p,
243+
form .martor-preview h4+p,
244+
form .martor-preview h5+p,
245+
form .martor-preview h6+p{margin-top:0}
246+
form .martor-preview li p.first{display:inline-block}
247+
form .martor-preview ul li {list-style: disc;}
248+
form .martor-preview ul,
249+
form .martor-preview ol{padding-left:30px}
250+
form .martor-preview ul.no-list,
251+
form .martor-preview ol.no-list{list-style-type:none;padding:0}
252+
form .martor-preview ul li>:first-child,
253+
form .martor-preview ul li ul:first-of-type,
254+
form .martor-preview ol li>:first-child,
255+
form .martor-preview ol li ul:first-of-type{margin-top:0px}
256+
form .martor-preview ul ul,
257+
form .martor-preview ul ol,
258+
form .martor-preview ol ol,
259+
form .martor-preview ol ul{margin-bottom:0}
260+
form .martor-preview dl{padding:0}
261+
form .martor-preview dl dt{font-size:14px;font-weight:bold;font-style:italic;padding:0;margin:15px 0 5px}
262+
form .martor-preview dl dt:first-child{padding:0}
263+
form .martor-preview dl dt>:first-child{margin-top:0px}
264+
form .martor-preview dl dt>:last-child{margin-bottom:0px}
265+
form .martor-preview dl dd{margin:0 0 15px;padding:0 15px}
266+
form .martor-preview dl dd>:first-child{margin-top:0px}
267+
form .martor-preview dl dd>:last-child{margin-bottom:0px}
268+
form .martor-preview blockquote{border-left:4px solid #DDD;padding:5px 15px;color:#777;background-color: #fff}
269+
form .martor-preview blockquote>:first-child{margin-top:0px}
270+
form .martor-preview blockquote>:last-child{margin-bottom:0px}
271+
form .martor-preview table th{font-weight:bold}
272+
form .martor-preview table th,
273+
form .martor-preview table td{border:1px solid #ccc;padding:6px 13px}
274+
form .martor-preview table tr{border-top:1px solid #ccc;background-color:#fff}
275+
form .martor-preview table tr:nth-child(2n){background-color:#f8f8f8}
276+
form .martor-preview img{max-width:100%;-moz-box-sizing:border-box;box-sizing:border-box}
277+
form .martor-preview span.frame{display:block;overflow:hidden}
278+
form .martor-preview span.frame>span{border:1px solid #ddd;display:block;float:left;overflow:hidden;margin:13px 0 0;padding:7px;width:auto}
279+
form .martor-preview span.frame span img{display:block;float:left}
280+
form .martor-preview span.frame span span{clear:both;color:#333;display:block;padding:5px 0 0}
281+
form .martor-preview span.align-center{display:block;overflow:hidden;clear:both}
282+
form .martor-preview span.align-center>span{display:block;overflow:hidden;margin:13px auto 0;text-align:center}
283+
form .martor-preview span.align-center span img{margin:0 auto;text-align:center}
284+
form .martor-preview span.align-right{display:block;overflow:hidden;clear:both}
285+
form .martor-preview span.align-right>span{display:block;overflow:hidden;margin:13px 0 0;text-align:right}
286+
form .martor-preview span.align-right span img{margin:0;text-align:right}
287+
form .martor-preview span.float-left{display:block;margin-right:13px;overflow:hidden;float:left}
288+
form .martor-preview span.float-left span{margin:13px 0 0}
289+
form .martor-preview span.float-right{display:block;margin-left:13px;overflow:hidden;float:right}
290+
form .martor-preview span.float-right>span{display:block;overflow:hidden;margin:13px auto 0;text-align:right}
291+
form .martor-preview code,
292+
form .martor-preview tt{margin:0 2px;padding:0px 5px;border:1px solid #eaeaea;background-color:#f8f8f8;border-radius:3px}
293+
form .martor-preview code{white-space:nowrap}
294+
form .martor-preview pre>code{margin:0;padding:0;white-space:pre;border:none;background:transparent}
295+
form .martor-preview .highlight pre,
296+
form .martor-preview pre{border: 1px solid #f0f0f0;padding: 16px;overflow: auto;font-size: 85%;line-height: 1.45;background-color: #f6f8fa;border-radius: 3px}
297+
form .martor-preview pre code,
298+
form .martor-preview pre tt{margin:0;padding:0;background-color:transparent;border:none}

0 commit comments

Comments
 (0)