summaryrefslogtreecommitdiff
path: root/css/components/htmleditor.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/components/htmleditor.css')
-rwxr-xr-xcss/components/htmleditor.css164
1 files changed, 164 insertions, 0 deletions
diff --git a/css/components/htmleditor.css b/css/components/htmleditor.css
new file mode 100755
index 0000000..1193c59
--- /dev/null
+++ b/css/components/htmleditor.css
@@ -0,0 +1,164 @@
1/*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2/* ========================================================================
3 Component: HTML editor
4 ========================================================================== */
5/* Sub-object `uk-htmleditor-navbar`
6 ========================================================================== */
7.uk-htmleditor-navbar {
8 background: #eee;
9}
10/*
11 * Micro clearfix
12 */
13.uk-htmleditor-navbar:before,
14.uk-htmleditor-navbar:after {
15 content: "";
16 display: table;
17}
18.uk-htmleditor-navbar:after {
19 clear: both;
20}
21/* Sub-object `uk-htmleditor-navbar-nav`
22 ========================================================================== */
23.uk-htmleditor-navbar-nav {
24 margin: 0;
25 padding: 0;
26 list-style: none;
27 float: left;
28}
29.uk-htmleditor-navbar-nav > li {
30 float: left;
31}
32/*
33 * 1. Dimensions
34 * 2. Style
35 */
36.uk-htmleditor-navbar-nav > li > a {
37 display: block;
38 box-sizing: border-box;
39 text-decoration: none;
40 /* 1 */
41 height: 40px;
42 padding: 0 15px;
43 line-height: 40px;
44 /* 2 */
45 color: #444;
46 font-size: 11px;
47 cursor: pointer;
48}
49/*
50 * Hover
51 * 1. Apply hover style also to focus state
52 * 2. Remove default focus style
53 */
54.uk-htmleditor-navbar-nav > li:hover > a,
55.uk-htmleditor-navbar-nav > li > a:focus {
56 background-color: #f5f5f5;
57 color: #444;
58 outline: none;
59 /* 2 */
60}
61/* OnClick */
62.uk-htmleditor-navbar-nav > li > a:active {
63 background-color: #ddd;
64 color: #444;
65}
66/* Active */
67.uk-htmleditor-navbar-nav > li.uk-active > a {
68 background-color: #f5f5f5;
69 color: #444;
70}
71/* Sub-object: `uk-htmleditor-navbar-flip`
72 ========================================================================== */
73.uk-htmleditor-navbar-flip {
74 float: right;
75}
76/* Sub-object for special buttons
77 ========================================================================== */
78[data-mode='split'] .uk-htmleditor-button-code,
79[data-mode='split'] .uk-htmleditor-button-preview {
80 display: none;
81}
82/* Sub-object `uk-htmleditor-content`
83 ========================================================================== */
84.uk-htmleditor-content {
85 border-left: 1px solid #ddd;
86 border-right: 1px solid #ddd;
87 border-bottom: 1px solid #ddd;
88 background: #fff;
89}
90/*
91 * Micro clearfix
92 */
93.uk-htmleditor-content:before,
94.uk-htmleditor-content:after {
95 content: "";
96 display: table;
97}
98.uk-htmleditor-content:after {
99 clear: both;
100}
101/* Modifier `uk-htmleditor-fullscreen`
102 ========================================================================== */
103.uk-htmleditor-fullscreen {
104 position: fixed;
105 top: 0;
106 left: 0;
107 right: 0;
108 bottom: 0;
109 z-index: 990;
110}
111.uk-htmleditor-fullscreen .uk-htmleditor-content {
112 position: absolute;
113 top: 40px;
114 left: 0;
115 right: 0;
116 bottom: 0;
117}
118.uk-htmleditor-fullscreen .uk-icon-expand:before {
119 content: "\f066";
120}
121/* Sub-objects `uk-htmleditor-code` and `uk-htmleditor-preview`
122 ========================================================================== */
123.uk-htmleditor-code,
124.uk-htmleditor-preview {
125 box-sizing: border-box;
126}
127.uk-htmleditor-preview {
128 padding: 20px;
129 overflow-y: scroll;
130 position: relative;
131}
132/*
133 * Tab view
134 */
135[data-mode='tab'][data-active-tab='code'] .uk-htmleditor-preview,
136[data-mode='tab'][data-active-tab='preview'] .uk-htmleditor-code {
137 display: none;
138}
139/*
140 * Split view
141 */
142[data-mode='split'] .uk-htmleditor-code,
143[data-mode='split'] .uk-htmleditor-preview {
144 float: left;
145 width: 50%;
146}
147[data-mode='split'] .uk-htmleditor-code {
148 border-right: 1px solid #eee;
149}
150/* Sub-object `uk-htmleditor-iframe`
151 ========================================================================== */
152.uk-htmleditor-iframe {
153 position: absolute;
154 top: 0;
155 left: 0;
156 width: 100%;
157 height: 100%;
158}
159/* CodeMirror modifications
160 ========================================================================== */
161.uk-htmleditor .CodeMirror {
162 padding: 10px;
163 box-sizing: border-box;
164}