summaryrefslogtreecommitdiff
path: root/css/components/htmleditor.almost-flat.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/components/htmleditor.almost-flat.css')
-rwxr-xr-xcss/components/htmleditor.almost-flat.css222
1 files changed, 222 insertions, 0 deletions
diff --git a/css/components/htmleditor.almost-flat.css b/css/components/htmleditor.almost-flat.css
new file mode 100755
index 0000000..169d7c4
--- /dev/null
+++ b/css/components/htmleditor.almost-flat.css
@@ -0,0 +1,222 @@
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: #f5f5f5;
9 border: 1px solid rgba(0, 0, 0, 0.06);
10 border-top-left-radius: 4px;
11 border-top-right-radius: 4px;
12}
13/*
14 * Micro clearfix
15 */
16.uk-htmleditor-navbar:before,
17.uk-htmleditor-navbar:after {
18 content: "";
19 display: table;
20}
21.uk-htmleditor-navbar:after {
22 clear: both;
23}
24/* Sub-object `uk-htmleditor-navbar-nav`
25 ========================================================================== */
26.uk-htmleditor-navbar-nav {
27 margin: 0;
28 padding: 0;
29 list-style: none;
30 float: left;
31}
32.uk-htmleditor-navbar-nav > li {
33 float: left;
34}
35/*
36 * 1. Dimensions
37 * 2. Style
38 */
39.uk-htmleditor-navbar-nav > li > a {
40 display: block;
41 box-sizing: border-box;
42 text-decoration: none;
43 /* 1 */
44 height: 41px;
45 padding: 0 15px;
46 line-height: 40px;
47 /* 2 */
48 color: #444;
49 font-size: 11px;
50 cursor: pointer;
51 margin-top: -1px;
52 margin-left: -1px;
53 border: 1px solid transparent;
54 border-bottom-width: 0;
55 text-shadow: 0 1px 0 #fff;
56}
57/*
58 * Hover
59 * 1. Apply hover style also to focus state
60 * 2. Remove default focus style
61 */
62.uk-htmleditor-navbar-nav > li:hover > a,
63.uk-htmleditor-navbar-nav > li > a:focus {
64 background-color: #fafafa;
65 color: #444;
66 outline: none;
67 /* 2 */
68 position: relative;
69 z-index: 1;
70 border-left-color: rgba(0, 0, 0, 0.1);
71 border-right-color: rgba(0, 0, 0, 0.1);
72 border-top-color: rgba(0, 0, 0, 0.1);
73}
74/* OnClick */
75.uk-htmleditor-navbar-nav > li > a:active {
76 background-color: #eee;
77 color: #444;
78 border-left-color: rgba(0, 0, 0, 0.1);
79 border-right-color: rgba(0, 0, 0, 0.1);
80 border-top-color: rgba(0, 0, 0, 0.2);
81}
82/* Active */
83.uk-htmleditor-navbar-nav > li.uk-active > a {
84 background-color: #fafafa;
85 color: #444;
86 border-left-color: rgba(0, 0, 0, 0.1);
87 border-right-color: rgba(0, 0, 0, 0.1);
88 border-top-color: rgba(0, 0, 0, 0.1);
89}
90/* Sub-object: `uk-htmleditor-navbar-flip`
91 ========================================================================== */
92.uk-htmleditor-navbar-flip {
93 float: right;
94}
95/* Sub-object for special buttons
96 ========================================================================== */
97[data-mode='split'] .uk-htmleditor-button-code,
98[data-mode='split'] .uk-htmleditor-button-preview {
99 display: none;
100}
101/* Sub-object `uk-htmleditor-content`
102 ========================================================================== */
103.uk-htmleditor-content {
104 border-left: 1px solid #ddd;
105 border-right: 1px solid #ddd;
106 border-bottom: 1px solid #ddd;
107 background: #fff;
108 border-bottom-left-radius: 4px;
109 border-bottom-right-radius: 4px;
110}
111/*
112 * Micro clearfix
113 */
114.uk-htmleditor-content:before,
115.uk-htmleditor-content:after {
116 content: "";
117 display: table;
118}
119.uk-htmleditor-content:after {
120 clear: both;
121}
122/* Modifier `uk-htmleditor-fullscreen`
123 ========================================================================== */
124.uk-htmleditor-fullscreen {
125 position: fixed;
126 top: 0;
127 left: 0;
128 right: 0;
129 bottom: 0;
130 z-index: 990;
131}
132.uk-htmleditor-fullscreen .uk-htmleditor-content {
133 position: absolute;
134 top: 41px;
135 left: 0;
136 right: 0;
137 bottom: 0;
138}
139.uk-htmleditor-fullscreen .uk-icon-expand:before {
140 content: "\f066";
141}
142/* Sub-objects `uk-htmleditor-code` and `uk-htmleditor-preview`
143 ========================================================================== */
144.uk-htmleditor-code,
145.uk-htmleditor-preview {
146 box-sizing: border-box;
147}
148.uk-htmleditor-preview {
149 padding: 20px;
150 overflow-y: scroll;
151 position: relative;
152}
153/*
154 * Tab view
155 */
156[data-mode='tab'][data-active-tab='code'] .uk-htmleditor-preview,
157[data-mode='tab'][data-active-tab='preview'] .uk-htmleditor-code {
158 display: none;
159}
160/*
161 * Split view
162 */
163[data-mode='split'] .uk-htmleditor-code,
164[data-mode='split'] .uk-htmleditor-preview {
165 float: left;
166 width: 50%;
167}
168[data-mode='split'] .uk-htmleditor-code {
169 border-right: 1px solid #eee;
170}
171/* Sub-object `uk-htmleditor-iframe`
172 ========================================================================== */
173.uk-htmleditor-iframe {
174 position: absolute;
175 top: 0;
176 left: 0;
177 width: 100%;
178 height: 100%;
179}
180/* CodeMirror modifications
181 ========================================================================== */
182.uk-htmleditor .CodeMirror {
183 padding: 10px;
184 box-sizing: border-box;
185}
186/*
187 * Apply same `border-radius` as `uk-htmleditor-navbar`
188 */
189.uk-htmleditor-navbar-nav:first-child > li:first-child > a {
190 border-top-left-radius: 4px;
191}
192/*
193 * Sub-modifier `uk-htmleditor-navbar-flip`
194 */
195/* Collapse border */
196.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav > li > a {
197 margin-left: 0;
198 margin-right: -1px;
199}
200/* Apply same `border-radius` as `uk-htmleditor-navbar` */
201.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child > li:first-child > a {
202 border-top-left-radius: 0;
203}
204.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child > li:last-child > a {
205 border-top-right-radius: 4px;
206}
207/*
208 * Sub-modifier `uk-htmleditor-fullscreen`
209 */
210.uk-htmleditor-fullscreen .uk-htmleditor-navbar {
211 border-top: none;
212 border-left: none;
213 border-right: none;
214 border-radius: 0;
215}
216.uk-htmleditor-fullscreen .uk-htmleditor-content {
217 border: none;
218 border-radius: 0;
219}
220.uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav > li > a {
221 border-radius: 0 !important;
222}
generated by cgit v1.2.3 (git 2.25.1) at 2024-05-29 05:58:44 +0000