summaryrefslogtreecommitdiff
path: root/css/components/search.almost-flat.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/components/search.almost-flat.css')
-rwxr-xr-xcss/components/search.almost-flat.css191
1 files changed, 191 insertions, 0 deletions
diff --git a/css/components/search.almost-flat.css b/css/components/search.almost-flat.css
new file mode 100755
index 0000000..3650ba7
--- /dev/null
+++ b/css/components/search.almost-flat.css
@@ -0,0 +1,191 @@
1/*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2/* ========================================================================
3 Component: Search
4 ========================================================================== */
5/*
6 * 1. Create position context for dropdowns
7 * 2. Needed for `form` element
8 */
9.uk-search {
10 display: inline-block;
11 /* 1 */
12 position: relative;
13 /* 2 */
14 margin: 0;
15}
16/*
17 * Icon
18 */
19.uk-search:before {
20 content: "\f002";
21 position: absolute;
22 top: 0;
23 left: 0;
24 width: 30px;
25 line-height: 30px;
26 text-align: center;
27 font-family: FontAwesome;
28 font-size: 14px;
29 color: rgba(0, 0, 0, 0.2);
30}
31/* Sub-object `uk-search-field`
32 ========================================================================== */
33/*
34 * Removes inner padding and border in Firefox 4+.
35 */
36.uk-search-field::-moz-focus-inner {
37 border: 0;
38 padding: 0;
39}
40/*
41 * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
42 */
43.uk-search-field::-webkit-search-cancel-button,
44.uk-search-field::-webkit-search-decoration {
45 -webkit-appearance: none;
46}
47/*
48 * Removes cancel button in IE10
49 */
50.uk-search-field::-ms-clear {
51 display: none;
52}
53/*
54 * Removes placeholder transparency in Firefox.
55 */
56.uk-search-field::-moz-placeholder {
57 opacity: 1;
58}
59/*
60 * 1. Define consistent box sizing.
61 * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
62 * 3. Remove `border-radius` in iOS.
63 * 4. Correct `font` properties and `color` not being inherited.
64 * 5. Remove default style in iOS.
65 * 6. Style
66 */
67.uk-search-field {
68 /* 1 */
69 box-sizing: border-box;
70 /* 2 */
71 margin: 0;
72 /* 3 */
73 border-radius: 0;
74 /* 4 */
75 font: inherit;
76 color: #444;
77 /* 5 */
78 -webkit-appearance: none;
79 /* 6 */
80 width: 120px;
81 height: 30px;
82 padding: 0 0 0 30px;
83 border: 1px solid rgba(0, 0, 0, 0);
84 background: rgba(0, 0, 0, 0);
85 -webkit-transition: all 0.2s linear;
86 transition: all 0.2s linear;
87 vertical-align: middle;
88}
89/* Placeholder */
90.uk-search-field:-ms-input-placeholder {
91 color: #999 !important;
92}
93.uk-search-field::-moz-placeholder {
94 color: #999;
95}
96.uk-search-field::-webkit-input-placeholder {
97 color: #999;
98}
99/* Focus */
100.uk-search-field:focus {
101 outline: 0;
102}
103/* Focus + Active */
104.uk-search-field:focus,
105.uk-search.uk-active .uk-search-field {
106 width: 180px;
107}
108/* Dropdown modifier: `uk-dropdown-search`
109 ========================================================================== */
110.uk-dropdown-search {
111 width: 300px;
112 margin-top: 0;
113 background: #fff;
114 color: #444;
115}
116.uk-open > .uk-dropdown-search {
117 -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
118 animation: uk-slide-top-fixed 0.2s ease-in-out;
119}
120/*
121 * Dependency `uk-navbar-flip`
122 */
123.uk-navbar-flip .uk-dropdown-search {
124 margin-top: 12px;
125 margin-right: -16px;
126}
127/* Nav modifier `uk-nav-search`
128 ========================================================================== */
129/*
130 * Items
131 */
132.uk-nav-search > li > a {
133 color: #444;
134}
135/*
136 * Active
137 * 1. Remove default focus style
138 */
139.uk-nav-search > li.uk-active > a {
140 background: #00a8e6;
141 color: #fff;
142 /* 1 */
143 outline: none;
144 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
145 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
146}
147/*
148 * Sub-object: `uk-nav-header`
149 */
150.uk-nav-search .uk-nav-header {
151 color: #999;
152}
153/*
154 * Sub-object: `uk-nav-divider`
155 */
156.uk-nav-search .uk-nav-divider {
157 border-top: 1px solid #ddd;
158}
159/*
160 * Nested items
161 */
162.uk-nav-search ul a {
163 color: #07D;
164}
165.uk-nav-search ul a:hover {
166 color: #059;
167}
168/* Search in offcanvas
169 ========================================================================== */
170.uk-offcanvas .uk-search {
171 display: block;
172 margin: 20px 15px;
173}
174.uk-offcanvas .uk-search:before {
175 color: #777;
176}
177.uk-offcanvas .uk-search-field {
178 width: 100%;
179 border-color: rgba(0, 0, 0, 0);
180 background: #1a1a1a;
181 color: #ccc;
182}
183.uk-offcanvas .uk-search-field:-ms-input-placeholder {
184 color: #777 !important;
185}
186.uk-offcanvas .uk-search-field::-moz-placeholder {
187 color: #777;
188}
189.uk-offcanvas .uk-search-field::-webkit-input-placeholder {
190 color: #777;
191}