alloy-editor-ocean.css 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669
  1. @font-face {
  2. font-family: 'alloyeditor-ocean';
  3. src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
  4. font-weight: normal;
  5. font-style: normal;
  6. }
  7. [class*="ae-icon-"], [class*=" ae-icon-"] {
  8. display: block;
  9. font-family: 'alloyeditor-ocean';
  10. speak: none;
  11. font-size: 20px;
  12. font-style: normal;
  13. font-weight: normal;
  14. font-variant: normal;
  15. text-transform: none;
  16. line-height: 1.2;
  17. /* Better Font Rendering =========== */
  18. -webkit-font-smoothing: antialiased;
  19. -moz-osx-font-smoothing: grayscale;
  20. }
  21. .ae-icon-add:before {
  22. content: "\";
  23. }
  24. .ae-icon-align-center:before {
  25. content: "\";
  26. }
  27. .ae-icon-align-justified:before {
  28. content: "\";
  29. }
  30. .ae-icon-align-left:before {
  31. content: "\";
  32. }
  33. .ae-icon-align-right:before {
  34. content: "\";
  35. }
  36. .ae-icon-arrow:before {
  37. content: "\";
  38. }
  39. .ae-icon-audio:before {
  40. content: "\";
  41. }
  42. .ae-icon-bin:before {
  43. content: "\";
  44. }
  45. .ae-icon-bold:before {
  46. content: "\";
  47. }
  48. .ae-icon-bulleted-list:before {
  49. content: "\";
  50. }
  51. .ae-icon-camera:before {
  52. content: "\";
  53. }
  54. .ae-icon-cell:before {
  55. content: "\";
  56. }
  57. .ae-icon-close:before {
  58. content: "\";
  59. }
  60. .ae-icon-code:before {
  61. content: "\";
  62. }
  63. .ae-icon-column:before {
  64. content: "\";
  65. }
  66. .ae-icon-embed:before {
  67. content: "\";
  68. }
  69. .ae-icon-h1:before {
  70. content: "\";
  71. }
  72. .ae-icon-h2:before {
  73. content: "\";
  74. }
  75. .ae-icon-image:before {
  76. content: "\";
  77. }
  78. .ae-icon-indent-block:before {
  79. content: "\";
  80. }
  81. .ae-icon-italic:before {
  82. content: "\";
  83. }
  84. .ae-icon-link:before {
  85. content: "\";
  86. }
  87. .ae-icon-numbered-list:before {
  88. content: "\";
  89. }
  90. .ae-icon-ok:before {
  91. content: "\";
  92. }
  93. .ae-icon-outdent-block:before {
  94. content: "\";
  95. }
  96. .ae-icon-quote:before {
  97. content: "\";
  98. }
  99. .ae-icon-remove:before {
  100. content: "\";
  101. }
  102. .ae-icon-removeformat:before {
  103. content: "\";
  104. }
  105. .ae-icon-row:before {
  106. content: "\";
  107. }
  108. .ae-icon-separator:before {
  109. content: "\";
  110. }
  111. .ae-icon-strike:before {
  112. content: "\";
  113. }
  114. .ae-icon-subscript:before {
  115. content: "\";
  116. }
  117. .ae-icon-superscript:before {
  118. content: "\";
  119. }
  120. .ae-icon-table:before {
  121. content: "\";
  122. }
  123. .ae-icon-twitter:before {
  124. content: "\";
  125. }
  126. .ae-icon-underline:before {
  127. content: "\";
  128. }
  129. .ae-icon-unlink:before {
  130. content: "\";
  131. }
  132. .ae-icon-video:before {
  133. content: "\";
  134. }
  135. @charset "UTF-8";
  136. /** GENERAL VARIABLES */
  137. /** COMPONENT VARIABLES **/
  138. /** DROPDOWN-LISTBOX **/
  139. /** DROPDOWN-LISTBOX HEADER **/
  140. /** DROPDOWN-LISTBOX ITEM */
  141. /**
  142. * The order of imports is as follow:
  143. * CSS for outer (parent) components should precede
  144. * the CSS of nested components or components which
  145. * stay on the same level in the hierarchy.
  146. */
  147. .ae-placeholder:not(:focus):before {
  148. content: attr(data-placeholder);
  149. position: absolute; }
  150. .ae-twitter-link {
  151. padding: 0 5px; }
  152. .ae-twitter-link:after {
  153. display: inline-block;
  154. margin: 0 0 0 4px;
  155. vertical-align: middle; }
  156. .ae-sr-only {
  157. position: absolute;
  158. width: 1px;
  159. height: 1px;
  160. padding: 0;
  161. margin: -1px;
  162. overflow: hidden;
  163. clip: rect(0, 0, 0, 0);
  164. border: 0; }
  165. .ae-ui IE10-PLUS::-ms-reveal, .ae-ui [class^=ae-toolbar] {
  166. height: auto;
  167. box-sizing: content-box; }
  168. .ae-ui .ae-toolbar, .ae-ui [class^=ae-toolbar-] {
  169. line-height: 1;
  170. padding: 10px;
  171. position: absolute; }
  172. .ae-ui .ae-toolbar input, .ae-ui .ae-toolbar textarea, .ae-ui .ae-toolbar keygen, .ae-ui .ae-toolbar select, .ae-ui .ae-toolbar button, .ae-ui [class^=ae-toolbar-] input, .ae-ui [class^=ae-toolbar-] textarea, .ae-ui [class^=ae-toolbar-] keygen, .ae-ui [class^=ae-toolbar-] select, .ae-ui [class^=ae-toolbar-] button {
  173. font-size: 14px; }
  174. .ae-ui .ae-toolbar.ae-toolbar-transition, .ae-ui [class^=ae-toolbar-].ae-toolbar-transition {
  175. -webkit-transition-property: height, left, opacity, top;
  176. -moz-transition-property: height, left, opacity, top;
  177. transition-property: height, left, opacity, top;
  178. -webkit-transition-duration: 0.15s;
  179. -moz-transition-duration: 0.15s;
  180. transition-duration: 0.15s;
  181. -webkit-transition-timing-function: ease-out;
  182. -moz-transition-timing-function: ease-out;
  183. transition-timing-function: ease-out; }
  184. .ae-ui .ae-toolbar .ae-button, .ae-ui .ae-toolbar .ae-toolbar-element, .ae-ui [class^=ae-toolbar-] .ae-button, .ae-ui [class^=ae-toolbar-] .ae-toolbar-element {
  185. border-width: 0;
  186. color: inherit;
  187. cursor: pointer;
  188. margin: 0;
  189. padding: 0; }
  190. .ae-ui .ae-toolbar .ae-button:hover:disabled, .ae-ui .ae-toolbar .ae-button:hover.ae-button-disabled, .ae-ui .ae-toolbar .ae-button:focus:disabled, .ae-ui .ae-toolbar .ae-button:focus.ae-button-disabled, .ae-ui .ae-toolbar .ae-toolbar-element:hover:disabled, .ae-ui .ae-toolbar .ae-toolbar-element:hover.ae-button-disabled, .ae-ui .ae-toolbar .ae-toolbar-element:focus:disabled, .ae-ui .ae-toolbar .ae-toolbar-element:focus.ae-button-disabled, .ae-ui [class^=ae-toolbar-] .ae-button:hover:disabled, .ae-ui [class^=ae-toolbar-] .ae-button:hover.ae-button-disabled, .ae-ui [class^=ae-toolbar-] .ae-button:focus:disabled, .ae-ui [class^=ae-toolbar-] .ae-button:focus.ae-button-disabled, .ae-ui [class^=ae-toolbar-] .ae-toolbar-element:hover:disabled, .ae-ui [class^=ae-toolbar-] .ae-toolbar-element:hover.ae-button-disabled, .ae-ui [class^=ae-toolbar-] .ae-toolbar-element:focus:disabled, .ae-ui [class^=ae-toolbar-] .ae-toolbar-element:focus.ae-button-disabled {
  191. color: inherit; }
  192. .ae-ui .ae-toolbar .ae-button:disabled, .ae-ui .ae-toolbar .ae-button.ae-button-disabled, .ae-ui .ae-toolbar .ae-toolbar-element:disabled, .ae-ui .ae-toolbar .ae-toolbar-element.ae-button-disabled, .ae-ui [class^=ae-toolbar-] .ae-button:disabled, .ae-ui [class^=ae-toolbar-] .ae-button.ae-button-disabled, .ae-ui [class^=ae-toolbar-] .ae-toolbar-element:disabled, .ae-ui [class^=ae-toolbar-] .ae-toolbar-element.ae-button-disabled {
  193. cursor: auto;
  194. opacity: 0.3; }
  195. .ae-ui .ae-toolbar .ae-button, .ae-ui [class^=ae-toolbar-] .ae-button {
  196. height: 24px;
  197. width: 24px; }
  198. .ae-ui .ae-toolbar-add {
  199. border: solid 0 transparent;
  200. padding: 0; }
  201. .ae-ui .ae-toolbar-add .ae-button {
  202. height: 24px;
  203. width: 24px; }
  204. .ae-ui .ae-toolbar-styles {
  205. box-sizing: border-box;
  206. max-width: 100%; }
  207. .ae-ui .ae-arrow-box:after {
  208. content: '';
  209. margin: auto;
  210. position: absolute; }
  211. .ae-ui .ae-arrow-box.ae-arrow-box-bottom:after {
  212. height: 0;
  213. width: 0;
  214. border-left: 5px solid transparent;
  215. border-right: 5px solid transparent;
  216. border-top: 4px solid currentColor;
  217. left: 0;
  218. right: 0;
  219. top: 100%; }
  220. .ae-ui .ae-arrow-box.ae-arrow-box-top:after {
  221. height: 0;
  222. width: 0;
  223. border-bottom: 4px solid currentColor;
  224. border-left: 5px solid transparent;
  225. border-right: 5px solid transparent;
  226. left: 0;
  227. right: 0;
  228. top: -4px; }
  229. .ae-ui .ae-arrow-box.ae-arrow-box-top-left:after {
  230. height: 0;
  231. width: 0;
  232. border-bottom: 4px solid currentColor;
  233. border-left: 5px solid transparent;
  234. border-right: 5px solid transparent;
  235. left: 15px;
  236. top: -4px; }
  237. .ae-ui .ae-arrow-box.ae-arrow-box-top-right:after {
  238. height: 0;
  239. width: 0;
  240. border-bottom: 4px solid currentColor;
  241. border-left: 5px solid transparent;
  242. border-right: 5px solid transparent;
  243. right: 15px;
  244. top: -4px; }
  245. .ae-ui .ae-arrow-box.ae-arrow-box-left:after {
  246. height: 0;
  247. width: 0;
  248. border-bottom: 5px solid transparent;
  249. border-right: 4px solid currentColor;
  250. border-top: 5px solid transparent;
  251. left: -4px;
  252. top: 0;
  253. bottom: 0; }
  254. .ae-ui .ae-arrow-box.ae-arrow-box-right:after {
  255. height: 0;
  256. width: 0;
  257. border-bottom: 5px solid transparent;
  258. border-left: 4px solid currentColor;
  259. border-top: 5px solid transparent;
  260. right: -4px;
  261. top: 0;
  262. bottom: 0; }
  263. .ae-ui .ae-container, .ae-ui [class^=ae-container-] {
  264. -webkit-box-align: center;
  265. -moz-box-align: center;
  266. box-align: center;
  267. -webkit-align-items: center;
  268. -moz-align-items: center;
  269. -ms-align-items: center;
  270. -o-align-items: center;
  271. align-items: center;
  272. -ms-flex-align: center;
  273. display: -webkit-inline-box;
  274. display: -moz-inline-box;
  275. display: inline-box;
  276. display: -webkit-inline-flex;
  277. display: -moz-inline-flex;
  278. display: -ms-inline-flexbox;
  279. display: inline-flex;
  280. -webkit-box-orient: horizontal;
  281. -moz-box-orient: horizontal;
  282. box-orient: horizontal;
  283. -webkit-box-direction: normal;
  284. -moz-box-direction: normal;
  285. box-direction: normal;
  286. -webkit-flex-direction: row;
  287. -moz-flex-direction: row;
  288. flex-direction: row;
  289. -ms-flex-direction: row;
  290. -webkit-box-lines: multiple;
  291. -moz-box-lines: multiple;
  292. box-lines: multiple;
  293. -webkit-flex-wrap: wrap;
  294. -moz-flex-wrap: wrap;
  295. -ms-flex-wrap: wrap;
  296. flex-wrap: wrap;
  297. box-sizing: border-box; }
  298. .ae-ui .ae-container *, .ae-ui .ae-container *:after, .ae-ui .ae-container *:before, .ae-ui [class^=ae-container-] *, .ae-ui [class^=ae-container-] *:after, .ae-ui [class^=ae-container-] *:before {
  299. box-sizing: inherit;
  300. color: inherit; }
  301. .ae-ui .ae-container input, .ae-ui .ae-container textarea, .ae-ui .ae-container keygen, .ae-ui .ae-container select, .ae-ui .ae-container button, .ae-ui [class^=ae-container-] input, .ae-ui [class^=ae-container-] textarea, .ae-ui [class^=ae-container-] keygen, .ae-ui [class^=ae-container-] select, .ae-ui [class^=ae-container-] button {
  302. color: initial; }
  303. .ae-ui .ae-container .ae-container, .ae-ui .ae-container [class^=ae-container-], .ae-ui .ae-container .ae-button, .ae-ui .ae-container .ae-toolbar-element, .ae-ui .ae-container label, .ae-ui [class^=ae-container-] .ae-container, .ae-ui [class^=ae-container-] [class^=ae-container-], .ae-ui [class^=ae-container-] .ae-button, .ae-ui [class^=ae-container-] .ae-toolbar-element, .ae-ui [class^=ae-container-] label {
  304. font-size: 14px;
  305. margin: 0;
  306. position: relative; }
  307. .ae-ui .ae-container .ae-container:not(:last-child), .ae-ui .ae-container [class^=ae-container-]:not(:last-child), .ae-ui .ae-container .ae-button:not(:last-child), .ae-ui .ae-container .ae-toolbar-element:not(:last-child), .ae-ui .ae-container label:not(:last-child), .ae-ui [class^=ae-container-] .ae-container:not(:last-child), .ae-ui [class^=ae-container-] [class^=ae-container-]:not(:last-child), .ae-ui [class^=ae-container-] .ae-button:not(:last-child), .ae-ui [class^=ae-container-] .ae-toolbar-element:not(:last-child), .ae-ui [class^=ae-container-] label:not(:last-child) {
  308. margin-right: 10px; }
  309. .ae-ui .ae-container-edit-link, .ae-ui .ae-container-edit-table {
  310. height: 24px \9; }
  311. .ae-ui .ae-container-edit-link *, .ae-ui .ae-container-edit-table * {
  312. float: left \9; }
  313. .ae-ui .ae-container-edit-link label, .ae-ui .ae-container-edit-table label {
  314. padding: 0;
  315. position: relative \9;
  316. top: 25% \9;
  317. transform: translateY(-50%) \9; }
  318. .ae-ui .ae-container-edit-link IE10-PLUS::-ms-reveal, .ae-ui .ae-container-edit-link label, .ae-ui .ae-container-edit-table IE10-PLUS::-ms-reveal, .ae-ui .ae-container-edit-table label {
  319. top: 0;
  320. transform: translateY(0); }
  321. .ae-ui .ae-container-input {
  322. -webkit-box-lines: single;
  323. -moz-box-lines: single;
  324. box-lines: single;
  325. -webkit-flex-wrap: nowrap;
  326. -moz-flex-wrap: nowrap;
  327. -ms-flex-wrap: nowrap;
  328. flex-wrap: nowrap;
  329. width: 192px; }
  330. .ae-ui .ae-container-input.xxl {
  331. width: 336px; }
  332. .ae-ui .ae-container-input.medium {
  333. width: 72px; }
  334. .ae-ui .ae-container-input.small {
  335. width: 36px; }
  336. .ae-ui .ae-container-input.flexible {
  337. width: auto;
  338. flex-grow: 1; }
  339. .ae-ui .ae-container-input input, .ae-ui .ae-container-input .ae-input {
  340. -webkit-box-flex: 1;
  341. -moz-box-flex: 1;
  342. box-flex: 1;
  343. -webkit-flex: 1;
  344. -moz-flex: 1;
  345. -ms-flex: 1;
  346. flex: 1;
  347. height: 24px;
  348. margin: 0;
  349. max-width: 100%;
  350. padding: 0 0 0 4px;
  351. display: inline-block \9;
  352. width: 168px \9; }
  353. .ae-ui .ae-container-input .ae-container-dropdown {
  354. padding-left: 10px; }
  355. .ae-ui .ae-container-input .ae-icon-remove {
  356. float: right \9; }
  357. .ae-ui .ae-container-dropdown, .ae-ui [class^=ae-container-dropdown-] {
  358. float: left \9;
  359. width: 120px !important; }
  360. .ae-ui .ae-container-dropdown > .ae-toolbar-element, .ae-ui [class^=ae-container-dropdown-] > .ae-toolbar-element {
  361. float: left \9;
  362. height: 24px;
  363. text-align: left;
  364. width: 100%; }
  365. .ae-ui .ae-container-dropdown > .ae-toolbar-element .ae-container, .ae-ui [class^=ae-container-dropdown-] > .ae-toolbar-element .ae-container {
  366. padding: 0;
  367. height: 100% \9;
  368. width: 100%; }
  369. .ae-ui .ae-container-dropdown > .ae-toolbar-element .ae-container .ae-icon-arrow, .ae-ui [class^=ae-container-dropdown-] > .ae-toolbar-element .ae-container .ae-icon-arrow {
  370. -webkit-transform: rotate(90deg);
  371. -moz-transform: rotate(90deg);
  372. -ms-transform: rotate(90deg);
  373. -o-transform: rotate(90deg);
  374. transform: rotate(90deg);
  375. float: right \9;
  376. position: absolute \9;
  377. right: 0 \9;
  378. top: 0 \9; }
  379. .ae-ui .ae-container-dropdown > .ae-toolbar-element .ae-container .ae-container-dropdown-selected-item, .ae-ui [class^=ae-container-dropdown-] > .ae-toolbar-element .ae-container .ae-container-dropdown-selected-item {
  380. -webkit-box-flex: 1;
  381. -moz-box-flex: 1;
  382. box-flex: 1;
  383. -webkit-flex: 1;
  384. -moz-flex: 1;
  385. -ms-flex: 1;
  386. flex: 1;
  387. display: inline-block;
  388. line-height: 24px;
  389. overflow: hidden;
  390. text-overflow: ellipsis;
  391. white-space: nowrap;
  392. position: relative \9; }
  393. .ae-ui .ae-container-dropdown > .ae-toolbar-element .ae-container IE10-PLUS::-ms-reveal, .ae-ui .ae-container-dropdown > .ae-toolbar-element .ae-container .ae-container-dropdown-selected-item, .ae-ui [class^=ae-container-dropdown-] > .ae-toolbar-element .ae-container IE10-PLUS::-ms-reveal, .ae-ui [class^=ae-container-dropdown-] > .ae-toolbar-element .ae-container .ae-container-dropdown-selected-item {
  394. top: 0;
  395. transform: translateY(0); }
  396. .ae-ui .ae-container-dropdown-small {
  397. width: 48px !important; }
  398. .ae-ui .ae-container-dropdown-medium {
  399. width: 96px !important; }
  400. .ae-ui .ae-container-dropdown-xl {
  401. width: 192px !important; }
  402. .ae-ui .ae-button-bridge [class*="ae-icon-"], .ae-ui .ae-button-bridge [class*=" ae-icon-"] {
  403. background-repeat: no-repeat;
  404. display: block;
  405. height: 16px;
  406. width: 16px;
  407. margin-left: 4px; }
  408. .ae-ui .ae-has-dropdown {
  409. display: block;
  410. float: left \9;
  411. /* Set width here (not min-width) to prevent the dropdown container from moving when expanding/collapsing the it */
  412. width: 24px; }
  413. .ae-ui .ae-dropdown, .ae-ui [class^=ae-dropdown-] {
  414. left: 0;
  415. padding: 4px;
  416. position: absolute;
  417. z-index: 0;
  418. top: 34px; }
  419. .ae-ui .ae-dropdown .ae-list-header, .ae-ui [class^=ae-dropdown-] .ae-list-header {
  420. display: inline-block;
  421. margin: 10px 0 0 0; }
  422. .ae-ui .ae-dropdown .ae-list-header:first-child, .ae-ui [class^=ae-dropdown-] .ae-list-header:first-child {
  423. margin-top: 10px; }
  424. .ae-ui .ae-dropdown .ae-listbox, .ae-ui [class^=ae-dropdown-] .ae-listbox {
  425. list-style: none;
  426. margin: 0;
  427. min-height: 44px;
  428. min-width: 132px;
  429. padding: 0; }
  430. .ae-ui .ae-dropdown .ae-listbox .ae-toolbar-element, .ae-ui [class^=ae-dropdown-] .ae-listbox .ae-toolbar-element {
  431. font-size: inherit;
  432. height: 3em;
  433. line-height: inherit;
  434. margin-right: 0;
  435. max-height: inherit;
  436. min-width: 100%;
  437. padding: 0 0 0 8px;
  438. overflow: hidden;
  439. text-align: left;
  440. text-overflow: ellipsis;
  441. white-space: nowrap;
  442. width: auto; }
  443. .ae-ui .ae-dropdown .ae-listbox .ae-toolbar-element *, .ae-ui [class^=ae-dropdown-] .ae-listbox .ae-toolbar-element * {
  444. display: inline; }
  445. .ae-ui .ae-dropdown .ae-listbox .ae-toolbar-element[class^=ae-icon-]:before, .ae-ui [class^=ae-dropdown-] .ae-listbox .ae-toolbar-element[class^=ae-icon-]:before {
  446. padding-right: 10px;
  447. vertical-align: middle; }
  448. .ae-ui .ae-dropdown *, .ae-ui [class^=ae-dropdown-] * {
  449. display: block \9; }
  450. .ae-ui .ae-camera {
  451. align-items: center;
  452. display: flex;
  453. flex-flow: column;
  454. justify-content: center; }
  455. .ae-ui .ae-camera .ae-camera-canvas {
  456. left: -10000px;
  457. position: absolute;
  458. top: -10000px; }
  459. .ae-ui .ae-camera .ae-camera-shoot {
  460. margin-top: 10px; }
  461. /** GENERAL VARIABLES **/
  462. /**
  463. * AUTOGENERATED FONT ICON MAP
  464. *
  465. * This map is autogenerated in build-time based on the contents
  466. * of the icons/svg folder. It maps the generated icon names with
  467. * their corresponding glyphs.
  468. *
  469. * Use this for consistency in any skin where an icon needs to be
  470. * referenced from within the css like this:
  471. *
  472. * .ae-some-link:after {
  473. * content: map-get($font-icon-map, iconName);
  474. * }
  475. */
  476. /** COLOR PALETTE **/
  477. /** COMPONENT VARIABLES **/
  478. /** DROPDOWN-LIST **/
  479. .ae-editable ::-moz-selection {
  480. background: #e6f1fa !important;
  481. color: inherit;
  482. text-shadow: none; }
  483. .ae-editable ::selection {
  484. background: #e6f1fa !important;
  485. color: inherit;
  486. text-shadow: none; }
  487. .ae-twitter-link {
  488. background-color: #f8f8f8; }
  489. .ae-twitter-link:after {
  490. content: "";
  491. font-family: alloyeditor-ocean; }
  492. .ae-ui .ae-arrow-box.ae-arrow-box-bottom:after {
  493. color: #32a8e6; }
  494. .ae-ui .ae-arrow-box.ae-arrow-box-top:after {
  495. color: #32a8e6; }
  496. .ae-ui .ae-arrow-box.ae-arrow-box-top-left:after {
  497. color: #32a8e6; }
  498. .ae-ui .ae-arrow-box.ae-arrow-box-top-right:after {
  499. color: #32a8e6; }
  500. .ae-ui .ae-arrow-box.ae-arrow-box-left:after {
  501. color: #32a8e6; }
  502. .ae-ui .ae-arrow-box.ae-arrow-box-right:after {
  503. color: #32a8e6; }
  504. .ae-ui .ae-container-dropdown > .ae-toolbar-element .ae-container .ae-icon-arrow, .ae-ui [class^=ae-container-dropdown-] > .ae-toolbar-element .ae-container .ae-icon-arrow {
  505. -webkit-transform: rotate(90deg);
  506. -moz-transform: rotate(90deg);
  507. -ms-transform: rotate(90deg);
  508. -o-transform: rotate(90deg);
  509. transform: rotate(90deg); }
  510. .ae-ui .ae-container-input {
  511. background-color: #fff;
  512. border-radius: 0; }
  513. .ae-ui .ae-container-input .ae-icon-remove {
  514. color: #000;
  515. font-size: 24px;
  516. line-height: 24px; }
  517. .ae-ui .ae-container-input .ae-container-dropdown {
  518. background-color: #fff;
  519. color: #000; }
  520. .ae-ui .ae-container-input input, .ae-ui .ae-container-input .ae-input {
  521. border-radius: 0;
  522. border-width: 0;
  523. color: #000;
  524. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  525. font-size: 14px;
  526. line-height: 14px;
  527. outline: none; }
  528. .ae-ui .ae-container-input input::-webkit-input-placeholder, .ae-ui .ae-container-input .ae-input::-webkit-input-placeholder {
  529. color: #999; }
  530. .ae-ui .ae-container-input input::-moz-placeholder, .ae-ui .ae-container-input .ae-input::-moz-placeholder {
  531. color: #999; }
  532. .ae-ui .ae-container-input input:-moz-placeholder, .ae-ui .ae-container-input .ae-input:-moz-placeholder {
  533. color: #999; }
  534. .ae-ui .ae-container-input input:-ms-input-placeholder, .ae-ui .ae-container-input .ae-input:-ms-input-placeholder {
  535. color: #999; }
  536. .ae-ui .ae-container-input input:focus, .ae-ui .ae-container-input .ae-input:focus {
  537. box-shadow: none; }
  538. .ae-ui .ae-container-input input::-ms-clear, .ae-ui .ae-container-input .ae-input::-ms-clear {
  539. display: none; }
  540. .ae-ui .ae-button-bridge [class*="ae-icon-"], .ae-ui .ae-button-bridge [class*=" ae-icon-"] {
  541. -webkit-filter: brightness(0) invert(100%);
  542. filter: brightness(0) invert(100%); }
  543. .ae-ui .ae-button-bridge [class*="ae-icon-"]:hover, .ae-ui .ae-button-bridge [class*=" ae-icon-"]:hover {
  544. -webkit-filter: sepia(80%) hue-rotate(-20deg) invert(90%) saturate(8);
  545. filter: sepia(80%) hue-rotate(-20deg) invert(90%) saturate(8); }
  546. .ae-ui .ae-dropdown, .ae-ui [class^=ae-dropdown-] {
  547. background-color: #fcfcfc;
  548. border: 1px solid rgba(0, 0, 0, 0.1);
  549. border-radius: 0 0 4px 4px;
  550. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  551. color: #000; }
  552. .ae-ui .ae-dropdown.ae-arrow-box:after, .ae-ui [class^=ae-dropdown-].ae-arrow-box:after {
  553. color: #fcfcfc;
  554. display: none; }
  555. .ae-ui .ae-dropdown .ae-list-header, .ae-ui [class^=ae-dropdown-] .ae-list-header {
  556. color: #999;
  557. font-size: small;
  558. font-style: italic; }
  559. .ae-ui .ae-dropdown .ae-listbox .ae-toolbar-element:hover, .ae-ui [class^=ae-dropdown-] .ae-listbox .ae-toolbar-element:hover {
  560. background-color: #fcfcfc; }
  561. .ae-ui .ae-dropdown .ae-listbox .ae-toolbar-element.active, .ae-ui [class^=ae-dropdown-] .ae-listbox .ae-toolbar-element.active {
  562. color: #32a8e6; }
  563. .ae-ui .ae-toolbar, .ae-ui [class^=ae-toolbar-] {
  564. background-color: #32a8e6;
  565. border-radius: 4px;
  566. color: #fff;
  567. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  568. .ae-ui .ae-toolbar .ae-button, .ae-ui .ae-toolbar .ae-toolbar-element, .ae-ui [class^=ae-toolbar-] .ae-button, .ae-ui [class^=ae-toolbar-] .ae-toolbar-element {
  569. background-color: transparent; }
  570. .ae-ui .ae-toolbar .ae-button:hover, .ae-ui .ae-toolbar .ae-toolbar-element:hover, .ae-ui [class^=ae-toolbar-] .ae-button:hover, .ae-ui [class^=ae-toolbar-] .ae-toolbar-element:hover {
  571. color: #1888c3; }
  572. .ae-ui .ae-toolbar .ae-button.ae-button-pressed, .ae-ui .ae-toolbar .ae-toolbar-element.ae-button-pressed, .ae-ui [class^=ae-toolbar-] .ae-button.ae-button-pressed, .ae-ui [class^=ae-toolbar-] .ae-toolbar-element.ae-button-pressed {
  573. background-color: #1a95d5; }
  574. .ae-ui .ae-toolbar .ae-button.ae-button-pressed:hover, .ae-ui .ae-toolbar .ae-toolbar-element.ae-button-pressed:hover, .ae-ui [class^=ae-toolbar-] .ae-button.ae-button-pressed:hover, .ae-ui [class^=ae-toolbar-] .ae-toolbar-element.ae-button-pressed:hover {
  575. color: #1888c3; }
  576. .ae-ui .ae-toolbar .ae-button.ae-button-disabled, .ae-ui .ae-toolbar .ae-toolbar-element.ae-button-disabled, .ae-ui [class^=ae-toolbar-] .ae-button.ae-button-disabled, .ae-ui [class^=ae-toolbar-] .ae-toolbar-element.ae-button-disabled {
  577. opacity: 0.3; }
  578. .ae-ui .ae-toolbar-add {
  579. background-color: #32a8e6;
  580. border-color: transparent;
  581. border-radius: 12px;
  582. color: #fff; }
  583. .ae-ui .ae-toolbar-add:hover, .ae-ui .ae-toolbar-add:focus {
  584. opacity: 0.7; }
  585. .ae-ui .ae-toolbar-add .ae-button-add:hover, .ae-ui .ae-toolbar-add .ae-button-add:focus {
  586. color: inherit; }
  587. .ae-ui .ae-toolbar-add .ae-button-add .ae-icon-add {
  588. font-size: 12px;
  589. line-height: 12px; }