From 5b300a016cb08ab4ba9ba8a78d0527faff385db6 Mon Sep 17 00:00:00 2001 From: Godwin Date: Sun, 27 Jul 2014 13:09:40 -0600 Subject: [PATCH] Workshop test 2. --- app/assets/stylesheets/application.css.scss | 2 +- .../stylesheets/sass/_froala_editor.scss | 2917 +++++++++++++++++ 2 files changed, 2918 insertions(+), 1 deletion(-) create mode 100644 app/assets/stylesheets/sass/_froala_editor.scss diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss index eeb8642..7912dac 100644 --- a/app/assets/stylesheets/application.css.scss +++ b/app/assets/stylesheets/application.css.scss @@ -1,5 +1,4 @@ /* - *= require froala_editor.min.css * */ @@ -44,6 +43,7 @@ // Local settings (also edit foundation_and_overrides.scss to modify global variables) @import "sass/mixins"; +@import "sass/froala_editor"; @import "sass/layout"; @import "sass/typography"; @import "sass/base"; diff --git a/app/assets/stylesheets/sass/_froala_editor.scss b/app/assets/stylesheets/sass/_froala_editor.scss new file mode 100644 index 0000000..34345a2 --- /dev/null +++ b/app/assets/stylesheets/sass/_froala_editor.scss @@ -0,0 +1,2917 @@ +body { + background-color: red; +} + +.fa-lg { + font-size: 1.33333333em; + line-height: 0.75em; + vertical-align: -15%; +} +.fa-2x { + font-size: 2em; +} +.fa-3x { + font-size: 3em; +} +.fa-4x { + font-size: 4em; +} +.fa-5x { + font-size: 5em; +} +.fa-fw { + width: 1.28571429em; + text-align: center; +} +.fa-ul { + padding-left: 0; + margin-left: 2.14285714em; + list-style-type: none; +} +.fa-ul > li { + position: relative; +} +.fa-li { + position: absolute; + left: -2.14285714em; + width: 2.14285714em; + top: 0.14285714em; + text-align: center; +} +.fa-li.fa-lg { + left: -1.85714286em; +} +.fa-border { + padding: .2em .25em .15em; + border: solid 0.08em #eeeeee; + border-radius: .1em; +} +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.fa.pull-left { + margin-right: .3em; +} +.fa.pull-right { + margin-left: .3em; +} +.fa-spin { + -webkit-animation: spin 2s infinite linear; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; +} +@-moz-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + } + 100% { + -moz-transform: rotate(359deg); + } +} +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + } +} +@-o-keyframes spin { + 0% { + -o-transform: rotate(0deg); + } + 100% { + -o-transform: rotate(359deg); + } +} +@keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +.fa-rotate-90 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); +} +.fa-rotate-180 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.fa-rotate-270 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); + -webkit-transform: rotate(270deg); + -moz-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -o-transform: rotate(270deg); + transform: rotate(270deg); +} +.fa-flip-horizontal { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); + -webkit-transform: scale(-1, 1); + -moz-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + -o-transform: scale(-1, 1); + transform: scale(-1, 1); +} +.fa-flip-vertical { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); + -webkit-transform: scale(1, -1); + -moz-transform: scale(1, -1); + -ms-transform: scale(1, -1); + -o-transform: scale(1, -1); + transform: scale(1, -1); +} +.fa-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.fa-stack-1x, +.fa-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.fa-stack-1x { + line-height: inherit; +} +.fa-stack-2x { + font-size: 2em; +} +.fa-inverse { + color: #ffffff; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.fa-glass:before { + content: "\f000"; +} +.fa-music:before { + content: "\f001"; +} +.fa-search:before { + content: "\f002"; +} +.fa-envelope-o:before { + content: "\f003"; +} +.fa-heart:before { + content: "\f004"; +} +.fa-star:before { + content: "\f005"; +} +.fa-star-o:before { + content: "\f006"; +} +.fa-user:before { + content: "\f007"; +} +.fa-film:before { + content: "\f008"; +} +.fa-th-large:before { + content: "\f009"; +} +.fa-th:before { + content: "\f00a"; +} +.fa-th-list:before { + content: "\f00b"; +} +.fa-check:before { + content: "\f00c"; +} +.fa-times:before { + content: "\f00d"; +} +.fa-search-plus:before { + content: "\f00e"; +} +.fa-search-minus:before { + content: "\f010"; +} +.fa-power-off:before { + content: "\f011"; +} +.fa-signal:before { + content: "\f012"; +} +.fa-gear:before, +.fa-cog:before { + content: "\f013"; +} +.fa-trash-o:before { + content: "\f014"; +} +.fa-home:before { + content: "\f015"; +} +.fa-file-o:before { + content: "\f016"; +} +.fa-clock-o:before { + content: "\f017"; +} +.fa-road:before { + content: "\f018"; +} +.fa-download:before { + content: "\f019"; +} +.fa-arrow-circle-o-down:before { + content: "\f01a"; +} +.fa-arrow-circle-o-up:before { + content: "\f01b"; +} +.fa-inbox:before { + content: "\f01c"; +} +.fa-play-circle-o:before { + content: "\f01d"; +} +.fa-rotate-right:before, +.fa-repeat:before { + content: "\f01e"; +} +.fa-refresh:before { + content: "\f021"; +} +.fa-list-alt:before { + content: "\f022"; +} +.fa-lock:before { + content: "\f023"; +} +.fa-flag:before { + content: "\f024"; +} +.fa-headphones:before { + content: "\f025"; +} +.fa-volume-off:before { + content: "\f026"; +} +.fa-volume-down:before { + content: "\f027"; +} +.fa-volume-up:before { + content: "\f028"; +} +.fa-qrcode:before { + content: "\f029"; +} +.fa-barcode:before { + content: "\f02a"; +} +.fa-tag:before { + content: "\f02b"; +} +.fa-tags:before { + content: "\f02c"; +} +.fa-book:before { + content: "\f02d"; +} +.fa-bookmark:before { + content: "\f02e"; +} +.fa-print:before { + content: "\f02f"; +} +.fa-camera:before { + content: "\f030"; +} +.fa-font:before { + content: "\f031"; +} +.fa-bold:before { + content: "\f032"; +} +.fa-italic:before { + content: "\f033"; +} +.fa-text-height:before { + content: "\f034"; +} +.fa-text-width:before { + content: "\f035"; +} +.fa-align-left:before { + content: "\f036"; +} +.fa-align-center:before { + content: "\f037"; +} +.fa-align-right:before { + content: "\f038"; +} +.fa-align-justify:before { + content: "\f039"; +} +.fa-list:before { + content: "\f03a"; +} +.fa-dedent:before, +.fa-outdent:before { + content: "\f03b"; +} +.fa-indent:before { + content: "\f03c"; +} +.fa-video-camera:before { + content: "\f03d"; +} +.fa-photo:before, +.fa-image:before, +.fa-picture-o:before { + content: "\f03e"; +} +.fa-pencil:before { + content: "\f040"; +} +.fa-map-marker:before { + content: "\f041"; +} +.fa-adjust:before { + content: "\f042"; +} +.fa-tint:before { + content: "\f043"; +} +.fa-edit:before, +.fa-pencil-square-o:before { + content: "\f044"; +} +.fa-share-square-o:before { + content: "\f045"; +} +.fa-check-square-o:before { + content: "\f046"; +} +.fa-arrows:before { + content: "\f047"; +} +.fa-step-backward:before { + content: "\f048"; +} +.fa-fast-backward:before { + content: "\f049"; +} +.fa-backward:before { + content: "\f04a"; +} +.fa-play:before { + content: "\f04b"; +} +.fa-pause:before { + content: "\f04c"; +} +.fa-stop:before { + content: "\f04d"; +} +.fa-forward:before { + content: "\f04e"; +} +.fa-fast-forward:before { + content: "\f050"; +} +.fa-step-forward:before { + content: "\f051"; +} +.fa-eject:before { + content: "\f052"; +} +.fa-chevron-left:before { + content: "\f053"; +} +.fa-chevron-right:before { + content: "\f054"; +} +.fa-plus-circle:before { + content: "\f055"; +} +.fa-minus-circle:before { + content: "\f056"; +} +.fa-times-circle:before { + content: "\f057"; +} +.fa-check-circle:before { + content: "\f058"; +} +.fa-question-circle:before { + content: "\f059"; +} +.fa-info-circle:before { + content: "\f05a"; +} +.fa-crosshairs:before { + content: "\f05b"; +} +.fa-times-circle-o:before { + content: "\f05c"; +} +.fa-check-circle-o:before { + content: "\f05d"; +} +.fa-ban:before { + content: "\f05e"; +} +.fa-arrow-left:before { + content: "\f060"; +} +.fa-arrow-right:before { + content: "\f061"; +} +.fa-arrow-up:before { + content: "\f062"; +} +.fa-arrow-down:before { + content: "\f063"; +} +.fa-mail-forward:before, +.fa-share:before { + content: "\f064"; +} +.fa-expand:before { + content: "\f065"; +} +.fa-compress:before { + content: "\f066"; +} +.fa-plus:before { + content: "\f067"; +} +.fa-minus:before { + content: "\f068"; +} +.fa-asterisk:before { + content: "\f069"; +} +.fa-exclamation-circle:before { + content: "\f06a"; +} +.fa-gift:before { + content: "\f06b"; +} +.fa-leaf:before { + content: "\f06c"; +} +.fa-fire:before { + content: "\f06d"; +} +.fa-eye:before { + content: "\f06e"; +} +.fa-eye-slash:before { + content: "\f070"; +} +.fa-warning:before, +.fa-exclamation-triangle:before { + content: "\f071"; +} +.fa-plane:before { + content: "\f072"; +} +.fa-calendar:before { + content: "\f073"; +} +.fa-random:before { + content: "\f074"; +} +.fa-comment:before { + content: "\f075"; +} +.fa-magnet:before { + content: "\f076"; +} +.fa-chevron-up:before { + content: "\f077"; +} +.fa-chevron-down:before { + content: "\f078"; +} +.fa-retweet:before { + content: "\f079"; +} +.fa-shopping-cart:before { + content: "\f07a"; +} +.fa-folder:before { + content: "\f07b"; +} +.fa-folder-open:before { + content: "\f07c"; +} +.fa-arrows-v:before { + content: "\f07d"; +} +.fa-arrows-h:before { + content: "\f07e"; +} +.fa-bar-chart-o:before { + content: "\f080"; +} +.fa-twitter-square:before { + content: "\f081"; +} +.fa-facebook-square:before { + content: "\f082"; +} +.fa-camera-retro:before { + content: "\f083"; +} +.fa-key:before { + content: "\f084"; +} +.fa-gears:before, +.fa-cogs:before { + content: "\f085"; +} +.fa-comments:before { + content: "\f086"; +} +.fa-thumbs-o-up:before { + content: "\f087"; +} +.fa-thumbs-o-down:before { + content: "\f088"; +} +.fa-star-half:before { + content: "\f089"; +} +.fa-heart-o:before { + content: "\f08a"; +} +.fa-sign-out:before { + content: "\f08b"; +} +.fa-linkedin-square:before { + content: "\f08c"; +} +.fa-thumb-tack:before { + content: "\f08d"; +} +.fa-external-link:before { + content: "\f08e"; +} +.fa-sign-in:before { + content: "\f090"; +} +.fa-trophy:before { + content: "\f091"; +} +.fa-github-square:before { + content: "\f092"; +} +.fa-upload:before { + content: "\f093"; +} +.fa-lemon-o:before { + content: "\f094"; +} +.fa-phone:before { + content: "\f095"; +} +.fa-square-o:before { + content: "\f096"; +} +.fa-bookmark-o:before { + content: "\f097"; +} +.fa-phone-square:before { + content: "\f098"; +} +.fa-twitter:before { + content: "\f099"; +} +.fa-facebook:before { + content: "\f09a"; +} +.fa-github:before { + content: "\f09b"; +} +.fa-unlock:before { + content: "\f09c"; +} +.fa-credit-card:before { + content: "\f09d"; +} +.fa-rss:before { + content: "\f09e"; +} +.fa-hdd-o:before { + content: "\f0a0"; +} +.fa-bullhorn:before { + content: "\f0a1"; +} +.fa-bell:before { + content: "\f0f3"; +} +.fa-certificate:before { + content: "\f0a3"; +} +.fa-hand-o-right:before { + content: "\f0a4"; +} +.fa-hand-o-left:before { + content: "\f0a5"; +} +.fa-hand-o-up:before { + content: "\f0a6"; +} +.fa-hand-o-down:before { + content: "\f0a7"; +} +.fa-arrow-circle-left:before { + content: "\f0a8"; +} +.fa-arrow-circle-right:before { + content: "\f0a9"; +} +.fa-arrow-circle-up:before { + content: "\f0aa"; +} +.fa-arrow-circle-down:before { + content: "\f0ab"; +} +.fa-globe:before { + content: "\f0ac"; +} +.fa-wrench:before { + content: "\f0ad"; +} +.fa-tasks:before { + content: "\f0ae"; +} +.fa-filter:before { + content: "\f0b0"; +} +.fa-briefcase:before { + content: "\f0b1"; +} +.fa-arrows-alt:before { + content: "\f0b2"; +} +.fa-group:before, +.fa-users:before { + content: "\f0c0"; +} +.fa-chain:before, +.fa-link:before { + content: "\f0c1"; +} +.fa-cloud:before { + content: "\f0c2"; +} +.fa-flask:before { + content: "\f0c3"; +} +.fa-cut:before, +.fa-scissors:before { + content: "\f0c4"; +} +.fa-copy:before, +.fa-files-o:before { + content: "\f0c5"; +} +.fa-paperclip:before { + content: "\f0c6"; +} +.fa-save:before, +.fa-floppy-o:before { + content: "\f0c7"; +} +.fa-square:before { + content: "\f0c8"; +} +.fa-navicon:before, +.fa-reorder:before, +.fa-bars:before { + content: "\f0c9"; +} +.fa-list-ul:before { + content: "\f0ca"; +} +.fa-list-ol:before { + content: "\f0cb"; +} +.fa-strikethrough:before { + content: "\f0cc"; +} +.fa-underline:before { + content: "\f0cd"; +} +.fa-table:before { + content: "\f0ce"; +} +.fa-magic:before { + content: "\f0d0"; +} +.fa-truck:before { + content: "\f0d1"; +} +.fa-pinterest:before { + content: "\f0d2"; +} +.fa-pinterest-square:before { + content: "\f0d3"; +} +.fa-google-plus-square:before { + content: "\f0d4"; +} +.fa-google-plus:before { + content: "\f0d5"; +} +.fa-money:before { + content: "\f0d6"; +} +.fa-caret-down:before { + content: "\f0d7"; +} +.fa-caret-up:before { + content: "\f0d8"; +} +.fa-caret-left:before { + content: "\f0d9"; +} +.fa-caret-right:before { + content: "\f0da"; +} +.fa-columns:before { + content: "\f0db"; +} +.fa-unsorted:before, +.fa-sort:before { + content: "\f0dc"; +} +.fa-sort-down:before, +.fa-sort-desc:before { + content: "\f0dd"; +} +.fa-sort-up:before, +.fa-sort-asc:before { + content: "\f0de"; +} +.fa-envelope:before { + content: "\f0e0"; +} +.fa-linkedin:before { + content: "\f0e1"; +} +.fa-rotate-left:before, +.fa-undo:before { + content: "\f0e2"; +} +.fa-legal:before, +.fa-gavel:before { + content: "\f0e3"; +} +.fa-dashboard:before, +.fa-tachometer:before { + content: "\f0e4"; +} +.fa-comment-o:before { + content: "\f0e5"; +} +.fa-comments-o:before { + content: "\f0e6"; +} +.fa-flash:before, +.fa-bolt:before { + content: "\f0e7"; +} +.fa-sitemap:before { + content: "\f0e8"; +} +.fa-umbrella:before { + content: "\f0e9"; +} +.fa-paste:before, +.fa-clipboard:before { + content: "\f0ea"; +} +.fa-lightbulb-o:before { + content: "\f0eb"; +} +.fa-exchange:before { + content: "\f0ec"; +} +.fa-cloud-download:before { + content: "\f0ed"; +} +.fa-cloud-upload:before { + content: "\f0ee"; +} +.fa-user-md:before { + content: "\f0f0"; +} +.fa-stethoscope:before { + content: "\f0f1"; +} +.fa-suitcase:before { + content: "\f0f2"; +} +.fa-bell-o:before { + content: "\f0a2"; +} +.fa-coffee:before { + content: "\f0f4"; +} +.fa-cutlery:before { + content: "\f0f5"; +} +.fa-file-text-o:before { + content: "\f0f6"; +} +.fa-building-o:before { + content: "\f0f7"; +} +.fa-hospital-o:before { + content: "\f0f8"; +} +.fa-ambulance:before { + content: "\f0f9"; +} +.fa-medkit:before { + content: "\f0fa"; +} +.fa-fighter-jet:before { + content: "\f0fb"; +} +.fa-beer:before { + content: "\f0fc"; +} +.fa-h-square:before { + content: "\f0fd"; +} +.fa-plus-square:before { + content: "\f0fe"; +} +.fa-angle-double-left:before { + content: "\f100"; +} +.fa-angle-double-right:before { + content: "\f101"; +} +.fa-angle-double-up:before { + content: "\f102"; +} +.fa-angle-double-down:before { + content: "\f103"; +} +.fa-angle-left:before { + content: "\f104"; +} +.fa-angle-right:before { + content: "\f105"; +} +.fa-angle-up:before { + content: "\f106"; +} +.fa-angle-down:before { + content: "\f107"; +} +.fa-desktop:before { + content: "\f108"; +} +.fa-laptop:before { + content: "\f109"; +} +.fa-tablet:before { + content: "\f10a"; +} +.fa-mobile-phone:before, +.fa-mobile:before { + content: "\f10b"; +} +.fa-circle-o:before { + content: "\f10c"; +} +.fa-quote-left:before { + content: "\f10d"; +} +.fa-quote-right:before { + content: "\f10e"; +} +.fa-spinner:before { + content: "\f110"; +} +.fa-circle:before { + content: "\f111"; +} +.fa-mail-reply:before, +.fa-reply:before { + content: "\f112"; +} +.fa-github-alt:before { + content: "\f113"; +} +.fa-folder-o:before { + content: "\f114"; +} +.fa-folder-open-o:before { + content: "\f115"; +} +.fa-smile-o:before { + content: "\f118"; +} +.fa-frown-o:before { + content: "\f119"; +} +.fa-meh-o:before { + content: "\f11a"; +} +.fa-gamepad:before { + content: "\f11b"; +} +.fa-keyboard-o:before { + content: "\f11c"; +} +.fa-flag-o:before { + content: "\f11d"; +} +.fa-flag-checkered:before { + content: "\f11e"; +} +.fa-terminal:before { + content: "\f120"; +} +.fa-code:before { + content: "\f121"; +} +.fa-mail-reply-all:before, +.fa-reply-all:before { + content: "\f122"; +} +.fa-star-half-empty:before, +.fa-star-half-full:before, +.fa-star-half-o:before { + content: "\f123"; +} +.fa-location-arrow:before { + content: "\f124"; +} +.fa-crop:before { + content: "\f125"; +} +.fa-code-fork:before { + content: "\f126"; +} +.fa-unlink:before, +.fa-chain-broken:before { + content: "\f127"; +} +.fa-question:before { + content: "\f128"; +} +.fa-info:before { + content: "\f129"; +} +.fa-exclamation:before { + content: "\f12a"; +} +.fa-superscript:before { + content: "\f12b"; +} +.fa-subscript:before { + content: "\f12c"; +} +.fa-eraser:before { + content: "\f12d"; +} +.fa-puzzle-piece:before { + content: "\f12e"; +} +.fa-microphone:before { + content: "\f130"; +} +.fa-microphone-slash:before { + content: "\f131"; +} +.fa-shield:before { + content: "\f132"; +} +.fa-calendar-o:before { + content: "\f133"; +} +.fa-fire-extinguisher:before { + content: "\f134"; +} +.fa-rocket:before { + content: "\f135"; +} +.fa-maxcdn:before { + content: "\f136"; +} +.fa-chevron-circle-left:before { + content: "\f137"; +} +.fa-chevron-circle-right:before { + content: "\f138"; +} +.fa-chevron-circle-up:before { + content: "\f139"; +} +.fa-chevron-circle-down:before { + content: "\f13a"; +} +.fa-html5:before { + content: "\f13b"; +} +.fa-css3:before { + content: "\f13c"; +} +.fa-anchor:before { + content: "\f13d"; +} +.fa-unlock-alt:before { + content: "\f13e"; +} +.fa-bullseye:before { + content: "\f140"; +} +.fa-ellipsis-h:before { + content: "\f141"; +} +.fa-ellipsis-v:before { + content: "\f142"; +} +.fa-rss-square:before { + content: "\f143"; +} +.fa-play-circle:before { + content: "\f144"; +} +.fa-ticket:before { + content: "\f145"; +} +.fa-minus-square:before { + content: "\f146"; +} +.fa-minus-square-o:before { + content: "\f147"; +} +.fa-level-up:before { + content: "\f148"; +} +.fa-level-down:before { + content: "\f149"; +} +.fa-check-square:before { + content: "\f14a"; +} +.fa-pencil-square:before { + content: "\f14b"; +} +.fa-external-link-square:before { + content: "\f14c"; +} +.fa-share-square:before { + content: "\f14d"; +} +.fa-compass:before { + content: "\f14e"; +} +.fa-toggle-down:before, +.fa-caret-square-o-down:before { + content: "\f150"; +} +.fa-toggle-up:before, +.fa-caret-square-o-up:before { + content: "\f151"; +} +.fa-toggle-right:before, +.fa-caret-square-o-right:before { + content: "\f152"; +} +.fa-euro:before, +.fa-eur:before { + content: "\f153"; +} +.fa-gbp:before { + content: "\f154"; +} +.fa-dollar:before, +.fa-usd:before { + content: "\f155"; +} +.fa-rupee:before, +.fa-inr:before { + content: "\f156"; +} +.fa-cny:before, +.fa-rmb:before, +.fa-yen:before, +.fa-jpy:before { + content: "\f157"; +} +.fa-ruble:before, +.fa-rouble:before, +.fa-rub:before { + content: "\f158"; +} +.fa-won:before, +.fa-krw:before { + content: "\f159"; +} +.fa-bitcoin:before, +.fa-btc:before { + content: "\f15a"; +} +.fa-file:before { + content: "\f15b"; +} +.fa-file-text:before { + content: "\f15c"; +} +.fa-sort-alpha-asc:before { + content: "\f15d"; +} +.fa-sort-alpha-desc:before { + content: "\f15e"; +} +.fa-sort-amount-asc:before { + content: "\f160"; +} +.fa-sort-amount-desc:before { + content: "\f161"; +} +.fa-sort-numeric-asc:before { + content: "\f162"; +} +.fa-sort-numeric-desc:before { + content: "\f163"; +} +.fa-thumbs-up:before { + content: "\f164"; +} +.fa-thumbs-down:before { + content: "\f165"; +} +.fa-youtube-square:before { + content: "\f166"; +} +.fa-youtube:before { + content: "\f167"; +} +.fa-xing:before { + content: "\f168"; +} +.fa-xing-square:before { + content: "\f169"; +} +.fa-youtube-play:before { + content: "\f16a"; +} +.fa-dropbox:before { + content: "\f16b"; +} +.fa-stack-overflow:before { + content: "\f16c"; +} +.fa-instagram:before { + content: "\f16d"; +} +.fa-flickr:before { + content: "\f16e"; +} +.fa-adn:before { + content: "\f170"; +} +.fa-bitbucket:before { + content: "\f171"; +} +.fa-bitbucket-square:before { + content: "\f172"; +} +.fa-tumblr:before { + content: "\f173"; +} +.fa-tumblr-square:before { + content: "\f174"; +} +.fa-long-arrow-down:before { + content: "\f175"; +} +.fa-long-arrow-up:before { + content: "\f176"; +} +.fa-long-arrow-left:before { + content: "\f177"; +} +.fa-long-arrow-right:before { + content: "\f178"; +} +.fa-apple:before { + content: "\f179"; +} +.fa-windows:before { + content: "\f17a"; +} +.fa-android:before { + content: "\f17b"; +} +.fa-linux:before { + content: "\f17c"; +} +.fa-dribbble:before { + content: "\f17d"; +} +.fa-skype:before { + content: "\f17e"; +} +.fa-foursquare:before { + content: "\f180"; +} +.fa-trello:before { + content: "\f181"; +} +.fa-female:before { + content: "\f182"; +} +.fa-male:before { + content: "\f183"; +} +.fa-gittip:before { + content: "\f184"; +} +.fa-sun-o:before { + content: "\f185"; +} +.fa-moon-o:before { + content: "\f186"; +} +.fa-archive:before { + content: "\f187"; +} +.fa-bug:before { + content: "\f188"; +} +.fa-vk:before { + content: "\f189"; +} +.fa-weibo:before { + content: "\f18a"; +} +.fa-renren:before { + content: "\f18b"; +} +.fa-pagelines:before { + content: "\f18c"; +} +.fa-stack-exchange:before { + content: "\f18d"; +} +.fa-arrow-circle-o-right:before { + content: "\f18e"; +} +.fa-arrow-circle-o-left:before { + content: "\f190"; +} +.fa-toggle-left:before, +.fa-caret-square-o-left:before { + content: "\f191"; +} +.fa-dot-circle-o:before { + content: "\f192"; +} +.fa-wheelchair:before { + content: "\f193"; +} +.fa-vimeo-square:before { + content: "\f194"; +} +.fa-turkish-lira:before, +.fa-try:before { + content: "\f195"; +} +.fa-plus-square-o:before { + content: "\f196"; +} +.fa-space-shuttle:before { + content: "\f197"; +} +.fa-slack:before { + content: "\f198"; +} +.fa-envelope-square:before { + content: "\f199"; +} +.fa-wordpress:before { + content: "\f19a"; +} +.fa-openid:before { + content: "\f19b"; +} +.fa-institution:before, +.fa-bank:before, +.fa-university:before { + content: "\f19c"; +} +.fa-mortar-board:before, +.fa-graduation-cap:before { + content: "\f19d"; +} +.fa-yahoo:before { + content: "\f19e"; +} +.fa-google:before { + content: "\f1a0"; +} +.fa-reddit:before { + content: "\f1a1"; +} +.fa-reddit-square:before { + content: "\f1a2"; +} +.fa-stumbleupon-circle:before { + content: "\f1a3"; +} +.fa-stumbleupon:before { + content: "\f1a4"; +} +.fa-delicious:before { + content: "\f1a5"; +} +.fa-digg:before { + content: "\f1a6"; +} +.fa-pied-piper-square:before, +.fa-pied-piper:before { + content: "\f1a7"; +} +.fa-pied-piper-alt:before { + content: "\f1a8"; +} +.fa-drupal:before { + content: "\f1a9"; +} +.fa-joomla:before { + content: "\f1aa"; +} +.fa-language:before { + content: "\f1ab"; +} +.fa-fax:before { + content: "\f1ac"; +} +.fa-building:before { + content: "\f1ad"; +} +.fa-child:before { + content: "\f1ae"; +} +.fa-paw:before { + content: "\f1b0"; +} +.fa-spoon:before { + content: "\f1b1"; +} +.fa-cube:before { + content: "\f1b2"; +} +.fa-cubes:before { + content: "\f1b3"; +} +.fa-behance:before { + content: "\f1b4"; +} +.fa-behance-square:before { + content: "\f1b5"; +} +.fa-steam:before { + content: "\f1b6"; +} +.fa-steam-square:before { + content: "\f1b7"; +} +.fa-recycle:before { + content: "\f1b8"; +} +.fa-automobile:before, +.fa-car:before { + content: "\f1b9"; +} +.fa-cab:before, +.fa-taxi:before { + content: "\f1ba"; +} +.fa-tree:before { + content: "\f1bb"; +} +.fa-spotify:before { + content: "\f1bc"; +} +.fa-deviantart:before { + content: "\f1bd"; +} +.fa-soundcloud:before { + content: "\f1be"; +} +.fa-database:before { + content: "\f1c0"; +} +.fa-file-pdf-o:before { + content: "\f1c1"; +} +.fa-file-word-o:before { + content: "\f1c2"; +} +.fa-file-excel-o:before { + content: "\f1c3"; +} +.fa-file-powerpoint-o:before { + content: "\f1c4"; +} +.fa-file-photo-o:before, +.fa-file-picture-o:before, +.fa-file-image-o:before { + content: "\f1c5"; +} +.fa-file-zip-o:before, +.fa-file-archive-o:before { + content: "\f1c6"; +} +.fa-file-sound-o:before, +.fa-file-audio-o:before { + content: "\f1c7"; +} +.fa-file-movie-o:before, +.fa-file-video-o:before { + content: "\f1c8"; +} +.fa-file-code-o:before { + content: "\f1c9"; +} +.fa-vine:before { + content: "\f1ca"; +} +.fa-codepen:before { + content: "\f1cb"; +} +.fa-jsfiddle:before { + content: "\f1cc"; +} +.fa-life-bouy:before, +.fa-life-saver:before, +.fa-support:before, +.fa-life-ring:before { + content: "\f1cd"; +} +.fa-circle-o-notch:before { + content: "\f1ce"; +} +.fa-ra:before, +.fa-rebel:before { + content: "\f1d0"; +} +.fa-ge:before, +.fa-empire:before { + content: "\f1d1"; +} +.fa-git-square:before { + content: "\f1d2"; +} +.fa-git:before { + content: "\f1d3"; +} +.fa-hacker-news:before { + content: "\f1d4"; +} +.fa-tencent-weibo:before { + content: "\f1d5"; +} +.fa-qq:before { + content: "\f1d6"; +} +.fa-wechat:before, +.fa-weixin:before { + content: "\f1d7"; +} +.fa-send:before, +.fa-paper-plane:before { + content: "\f1d8"; +} +.fa-send-o:before, +.fa-paper-plane-o:before { + content: "\f1d9"; +} +.fa-history:before { + content: "\f1da"; +} +.fa-circle-thin:before { + content: "\f1db"; +} +.fa-header:before { + content: "\f1dc"; +} +.fa-paragraph:before { + content: "\f1dd"; +} +.fa-sliders:before { + content: "\f1de"; +} +.fa-share-alt:before { + content: "\f1e0"; +} +.fa-share-alt-square:before { + content: "\f1e1"; +} +.fa-bomb:before { + content: "\f1e2"; +} + +/*! + * froala_editor v1.1.8 (http://editor.froala.com) + * Copyright 2014-2014 Froala + */ +[contenteditable], +[contenteditable]:focus { + outline: 0px solid transparent; +} +button { + outline: none; +} +.f-non-selectable { + user-select: none; + -o-user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} +.f-non-selectable * { + user-select: none; + -o-user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} +.f-italic { + font-style: italic !important; +} +.f-spaced { + letter-spacing: 3px !important; +} +.f-uppercase { + text-transform: uppercase !important; +} +.f-typewriter { + font-family: 'Lucida Console', monospace !important; + line-height: 160% !important; + font-size: 14px; +} +.froala-box { + position: relative; +} +.froala-box .html-switch { + position: absolute; + left: 0; + top: -30px; + z-index: 1000; + display: none; + font-size: 14px; + line-height: 160%; + height: 30px; + border: solid 1px #aaaaaa; +} +.froala-box.f-html .html-switch { + display: inline-block; +} +.froala-element { + min-height: 20px; + overflow-y: auto; + overflow-x: hidden; + position: relative; + word-wrap: break-word; + line-height: 120%; + vertical-align: top; + text-align: left; +} +.froala-element ul, +.froala-element ol { + padding-left: 20px; +} +.froala-element ul li, +.froala-element ol li { + position: relative; + left: 20px; + margin-right: 20px; +} +.froala-element hr { + height: 0px; + border: 0; + border-top: solid 1px #cccccc; + clear: both; +} +.froala-element * { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.froala-element.f-image { + overflow: visible; +} +.froala-element.f-tni span.f-img-wrap { + display: block; + text-align: center; +} +.froala-element.f-tni span.f-img-wrap:after { + clear: both; + display: block; + content: ""; +} +.froala-element.f-tni span.f-img-editor { + display: inline-block; +} +.froala-element.f-tni img { + display: block; + margin-left: auto !important; + margin-right: auto !important; +} +.froala-element.f-tni img:after { + clear: both; + display: block; + content: ""; +} +.froala-element span { + line-height: 120%; +} +.froala-element.f-basic.f-placeholder:before { + left: 10px; + right: 10px; + top: 10px; +} +.froala-element.f-placeholder:before { + color: #cccccc; + font-style: italic; + content: attr(data-placeholder); + position: absolute; + margin: auto; + left: 0; + top: 0; + right: 0; +} +.froala-element.not-msie pre, +.froala-element.not-msie blockquote { + overflow: hidden; +} +.froala-element pre { + white-space: pre-wrap; + /* CSS3 */ + white-space: -moz-pre-wrap; + /* Mozilla, post millennium */ + white-space: -pre-wrap; + /* Opera 4-6 */ + white-space: -o-pre-wrap; + /* Opera 7 */ + word-wrap: break-word; + /* Internet Explorer 5.5+ */ + border: solid 1px #cccccc; + background: #fcfcfc; + padding: 10px; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -moz-background-clip: padding; + -webkit-background-clip: padding-box; + background-clip: padding-box; +} +.froala-element blockquote { + margin-left: 20px; + margin-right: 0; + margin-top: 0; + padding-left: 20px; + position: relative; + font-style: italic; + border-left: solid 5px #cccccc; +} +.froala-element table { + border-collapse: collapse; + empty-cells: show; +} +.froala-element table > span, +.froala-element table tr > span { + display: none; + visibility: hidden; +} +.froala-element table td { + border: solid 1px #cccccc; + padding: 5px; +} +.froala-element a { + cursor: pointer; +} +.froala-element img { + min-width: 32px !important; + min-height: 32px !important; + cursor: pointer; + z-index: 1; + position: relative; + vertical-align: top; +} +.froala-element:not(.ie8) img { + max-width: 100% !important; +} +.froala-element img::selection { + color: #ffffff; + background-color: transparent !important; +} +.froala-element img::-moz-selection { + color: #ffffff; + background-color: transparent !important; +} +.froala-element span.f-img-wrap { + line-height: 0; + display: block; + text-align: center; +} +.froala-element span.f-img-editor { + display: inline-block; + position: relative; + max-width: 100% !important; + text-align: center; + padding: 0px; + line-height: 0; + overflow: visible; + z-index: 2; + vertical-align: top; +} +.froala-element span.f-img-editor:before { + content: " "; + position: absolute; + top: -2px; + left: -2px; + bottom: -2px; + right: -2px; + display: block; + border: solid 2px #ffffff; + outline: solid 1px #252525; +} +.froala-element span.f-img-editor:after { + content: ""; + display: block; + clear: both; +} +.froala-element span.f-img-handle { + position: absolute; + height: 15px; + width: 15px; + border: solid 1px #252525; + background: #ffffff; + z-index: 2; + margin: auto; +} +.froala-element span.f-img-handle.f-h-ne { + top: -3px; + left: auto; + right: -3px; + bottom: auto; + cursor: ne-resize; +} +.froala-element span.f-img-handle.f-h-se { + top: auto; + left: auto; + right: -3px; + bottom: -3px; + cursor: se-resize; +} +.froala-element span.f-img-handle.f-h-sw { + top: auto; + left: -3px; + right: auto; + bottom: -3px; + cursor: sw-resize; +} +.froala-element span.f-img-handle.f-h-nw { + top: -3px; + left: -3px; + right: auto; + bottom: auto; + cursor: nw-resize; +} +.f-html .froala-element { + background: #444444; + color: #ffffff; + font-family: "Courier New", Courier, monospace; + font-size: 13px; + overflow-y: auto; + padding: 0; +} +.f-html .froala-element:after { + clear: both; + display: block; + content: ""; +} +.f-html .froala-element textarea { + direction: ltr !important; + text-align: left; + width: 100%; + word-wrap: break-word; + padding: 0 0 0 10px; + background: transparent; + border: 0 transparent; + color: #FFF; + resize: none !important; + line-height: 140%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + resize: none; + min-height: 100px; +} +.froala-editor *:not(input):not(textarea) { + user-select: none; + -o-user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} +.froala-editor { + text-align: left; + background: #ffffff; + border: solid 1px #252525; + border-top: solid 5px #252525; + padding: 0; + position: absolute; + user-select: none; + -o-user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + font-size: 15px; + z-index: 1000; + font-family: Arial, Helvetica, sans-serif; + line-height: 140%; +} +.froala-editor * { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.froala-editor:not(.froala-modal):before { + width: 0; + height: 0; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom-color: inherit; + border-bottom-style: solid; + border-bottom-width: 6px; + content: ''; + position: absolute; + top: -10px; + left: 15px; +} +.froala-editor.right-side:before { + right: 15px; + left: auto; +} +.froala-editor .bttn-wrapper { + white-space: nowrap; +} +.froala-editor hr { + border: 0; + border-top-width: 1px; + border-top-style: solid; + border-top-color: #cccccc; + margin: 0 !important; + height: 0; +} +.froala-editor span.f-sep { + display: inline-block; + width: 0px; + height: 35px; + margin: 0; + border-right: solid 1px #cccccc; + float: left; +} +.froala-editor button::-moz-focus-inner { + border: 0; +} +.froala-editor i.for-text { + font-style: normal; + font-weight: bold; + padding-left: 4px; +} +.froala-editor .fr-dropdown { + display: inline-block; + position: relative; + text-align: left; + user-select: none; + -o-user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} +.froala-editor .fr-dropdown .fr-trigger.active + .fr-dropdown-menu { + display: block; +} +.froala-editor .fr-dropdown .fr-trigger { + padding-left: 2px; + text-align: left; +} +.froala-editor .fr-dropdown .fr-trigger i { + margin-left: 5px; +} +.froala-editor .fr-dropdown .fr-dropdown-menu { + display: none; + position: absolute; + background: #ffffff; + text-align: left; + left: 0px; + top: 35px; + margin-top: 0; + padding: 0; + border: solid 1px #cccccc; + z-index: 1000; +} +.froala-editor .fr-dropdown .fr-dropdown-menu li { + list-style-type: none; + position: relative; +} +.froala-editor .fr-dropdown .fr-dropdown-menu li button.fr-bttn { + margin: 5px 5px; +} +.froala-editor .fr-dropdown .fr-dropdown-menu li.active a { + background: #444444 !important; + color: #ffffff !important; +} +.froala-editor .fr-dropdown .fr-dropdown-menu li a { + padding: 5px 25px; + margin: 0; + display: block; + text-decoration: none; + outline: 0; + color: #353535; + white-space: nowrap; + font-size: 14px; + line-height: 130%; +} +.froala-editor .fr-dropdown .fr-dropdown-menu li a:hover { + background: #444444 !important; + color: #ffffff !important; +} +.froala-editor .fr-dropdown .fr-dropdown-menu hr { + clear: both; + height: 0; + border: 0; + display: block; +} +.froala-editor .fr-dropdown .fr-dropdown-menu:after { + clear: both; + content: ""; + display: block; +} +.froala-editor .fr-dropdown.fr-color-picker i { + padding-left: 3px; +} +.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu { + padding: 10px 10px 10px; + line-height: 0px; + white-space: nowrap; + text-align: left; + direction: ltr !important; +} +.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu > div { + white-space: nowrap; + display: inline-block; +} +.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu > div + div { + margin-left: 12px; +} +.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu p { + margin: 6px 0px 12px 0px; + font-size: 13px; + color: #444444; +} +.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn { + display: inline; + width: 18px; + height: 18px; + padding: 0; + border: solid 1px #ffffff; + position: relative; + z-index: 100; + line-height: 16px !important; + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + -moz-background-clip: padding; + -webkit-background-clip: padding-box; + background-clip: padding-box; +} +.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn.active { + border: solid 1px #ffffff; + outline: solid 1px #252525; + z-index: 101; +} +.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn.active:after { + position: absolute; + left: 2px; + top: 1px; + content: "\f00c"; + font-family: 'FontAwesome'; + font-weight: normal; + font-size: 12px; + color: #ffffff; +} +.froala-editor button i { + font-family: 'FontAwesome'; + font-style: normal; + font-weight: normal; +} +.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .separator { + height: 8px; +} +.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn:hover:not(:focus):not(:active) { + border: solid 1px #252525; +} +.froala-editor .fr-dropdown .fr-dropdown-menu li a.format-blockquote { + font-style: italic; +} +.froala-editor .fr-dropdown .fr-dropdown-menu li a.format-pre { + font-family: monospace, sans-serif; +} +.froala-editor .fr-dropdown .fr-dropdown-menu li a.format-h1 { + font-size: 2em; + line-height: 120%; + font-weight: bolder; +} +.froala-editor .fr-dropdown .fr-dropdown-menu li a.format-h2 { + font-size: 1.5em; + line-height: 120%; + font-weight: bolder; +} +.froala-editor .fr-dropdown .fr-dropdown-menu li a.format-h3 { + font-size: 1.17em; + line-height: 120%; + font-weight: bolder; +} +.froala-editor .fr-dropdown .fr-dropdown-menu li a.format-h4 { + line-height: 120%; + font-weight: bolder; +} +.froala-editor .fr-dropdown .fr-dropdown-menu li a.format-h5 { + font-size: .83em; + line-height: 120%; + font-weight: bolder; +} +.froala-editor .fr-dropdown .fr-dropdown-menu li a.format-h6 { + font-size: .75em; + line-height: 120%; + font-weight: bolder; +} +.froala-editor .fr-dropdown .fr-dropdown-menu.f-font-sizes { + max-height: 200px; + overflow-y: scroll; +} +.froala-editor .fr-dropdown .fr-dropdown-menu.f-font-sizes a { + padding: 5px 7px !important; + font-size: 12px; + line-height: 160%; +} +.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > a { + padding-left: 10px; + position: relative; +} +.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > a i { + bottom: 0; + font-size: 12px; + height: 10px; + margin: auto; + position: absolute; + right: 5px; + top: 0; +} +.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li:hover > a { + background: #444444; + color: #ffffff; +} +.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li:hover > div, +.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li:hover > ul { + display: block !important; +} +.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > ul { + display: none; + position: absolute; + left: 100%; + top: 0; + background: #ffffff; + color: #353535; + border: solid 1px #cccccc; + line-height: 0; + padding: 0; + margin: 0; +} +.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > ul a { + padding: 5px 10px; +} +.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div { + display: none; + position: absolute; + left: 100%; + top: 0; + background: #ffffff; + color: #353535; + border: solid 1px #cccccc; + line-height: 0; + padding: 5px; +} +.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > div.fr-t-info { + line-height: 140%; + text-align: center; + font-size: 13px; + padding-bottom: 5px; +} +.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span { + display: inline-block; + padding: 0px 4px 4px 0; + line-height: 0; + float: none; +} +.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span > span { + display: inline-block; + width: 12px; + height: 12px; + border: solid 1px #cccccc; +} +.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span:hover > span, +.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span.hover > span { + background: rgba(61, 142, 185, 0.3); + border: solid 1px #3d8eb9; +} +.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div .new-line { + content: ""; + display: block; + clear: both; +} +.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > hr { + border-top: solid 1px #cccccc; +} +.froala-editor .fr-dropdown .fr-dropdown-menu.f-align a { + padding: 5px 0px !important; + width: 40px; + text-align: center; + font-size: 16px; +} +.froala-editor button.fr-bttn, +.froala-editor button.fr-trigger { + padding: 0; + background: transparent; + color: #353535; + -moz-outline: 0; + outline: 0; + border: 0; + font-size: 16px; + line-height: 35px; + display: inline-block; + cursor: pointer; + width: 40px; + text-align: center; + margin: 0px; + -webkit-transition: background linear 0.2s; + -moz-transition: background linear 0.2s; + -ms-transition: background linear 0.2s; + -o-transition: background linear 0.2s; + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + -moz-background-clip: padding; + -webkit-background-clip: padding-box; + background-clip: padding-box; + z-index: 2; +} +.froala-editor button.fr-bttn img, +.froala-editor button.fr-trigger img { + max-width: 40px; + max-height: 35px; + display: block; +} +.froala-editor button.fr-bttn:disabled, +.froala-editor button.fr-trigger:disabled { + color: #aaaaaa !important; + background: transparent !important; + cursor: default; +} +.froala-editor button.fr-bttn:disabled:after, +.froala-editor button.fr-trigger:disabled:after { + border-top-color: #aaaaaa !important; +} +.froala-editor button.fr-bttn i, +.froala-editor button.fr-trigger i { + line-height: 170%; + -moz-outline: 0; + outline: 0; +} +.froala-editor .bttn-wrapper:not(.touch) button.fr-bttn:hover, +.froala-editor .bttn-wrapper:not(.touch) button.fr-trigger:hover { + background: #2c82c9; + color: #ffffff; +} +.froala-editor .bttn-wrapper:not(.touch) button.fr-bttn:hover:after, +.froala-editor .bttn-wrapper:not(.touch) button.fr-trigger:hover:after { + border-top-color: #ffffff; +} +.froala-editor .fr-bttn.active { + color: #2c82c9; + background: transparent; +} +.froala-editor .fr-trigger:after { + width: 0; + height: 0; + border-left: 3px solid transparent; + border-right: 3px solid transparent; + border-top-width: 3px; + border-top-style: solid; + border-top-color: #353535; + content: ' '; + position: absolute; + top: 15px; + right: 8px; + color: inherit; + cursor: pointer; + z-index: 3; + zoom: 1; +} +.froala-editor .fr-trigger.active { + color: #ffffff; + background: #2c82c9; +} +.froala-editor .fr-trigger.active:after { + border-top-color: #ffffff !important; +} +.froala-editor .froala-popup { + font-size: 13px; +} +.froala-editor .froala-popup *:not(input):not(textarea) { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.froala-editor .froala-popup h4 { + margin: 0; + font-size: 14px; + color: #444444; + margin: 7px 7px 0; +} +.froala-editor .froala-popup h4:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} +.froala-editor .froala-popup h4 span { + float: left; +} +.froala-editor .froala-popup h4 i { + float: right; + cursor: pointer; + color: #cccccc; + -webkit-transition: all 0.2s ease-in; + -moz-transition: all 0.2s ease-in; + -ms-transition: all 0.2s ease-in; + -o-transition: all 0.2s ease-in; +} +.froala-editor .froala-popup h4 i.fa-external-link { + float: left; + margin-left: 5px; + margin-top: 1px; + color: #444444; +} +.froala-editor .froala-popup h4 i.fa-external-link:hover { + color: #2c82c9; +} +.froala-editor .froala-popup h4 i:hover { + color: #444444; +} +.froala-editor .froala-popup div.f-popup-line { + margin: 0px 7px; + padding: 10px 0; + display: block; + position: relative; +} +.froala-editor .froala-popup div.f-popup-line:after { + content: ""; + display: block; + clear: both; +} +.froala-editor .froala-popup div.f-popup-line label { + float: left; + margin: 5px 5px 0; + line-height: 120%; + color: #444444; +} +.froala-editor .froala-popup div.f-popup-line input[type="text"] { + font-size: 12px; + width: 250px; + border: solid 1px #cccccc; + margin: 0 5px !important; + height: 25px; + line-height: 21px; + display: block; + padding: 2px; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + -moz-background-clip: padding; + -webkit-background-clip: padding-box; + background-clip: padding-box; + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; + outline: 0; +} +.froala-editor .froala-popup div.f-popup-line input[type="text"]:focus { + border-color: #54acd2; +} +.froala-editor .froala-popup div.f-popup-line input[type="checkbox"] { + float: left; + margin-right: 0; + margin-left: 0; + margin-top: 3px; +} +.froala-editor .froala-popup div.f-popup-line textarea { + padding: 5px; + font-size: 12px; + margin: 0; + border: solid 1px #cccccc; + width: 100%; + height: 50px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + resize: none; + -moz-resize: none; + -webkit-resize: none; + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + -moz-background-clip: padding; + -webkit-background-clip: padding-box; + background-clip: padding-box; + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; + outline: 0; +} +.froala-editor .froala-popup div.f-popup-line textarea:focus { + border-color: #54acd2; + outline: 0; +} +.froala-popup.froala-image-popup div.f-popup-line.drop-upload { + overflow: hidden; + position: relative; +} +.froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload { + border: dashed 2px #cccccc; + color: #444444; + font-weight: normal; + text-align: center; + padding: 10px 0; + min-width: 315px; + position: relative; + overflow: hidden; +} +.froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload:hover { + border: dashed 2px #353535; +} +.froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload.f-hover { + border: dashed 2px #61bd6d; +} +.froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload strong { + font-size: 14px; +} +.froala-popup.froala-image-popup div.f-popup-line.drop-upload form { + width: 100%; + height: 100%; + background: transparent; + position: absolute; + top: 0; + left: 0; + -webkit-opacity: 0; + -moz-opacity: 0; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + cursor: pointer; + overflow: hidden; +} +.froala-popup.froala-image-popup div.f-popup-line.drop-upload form input { + background: transparent; + display: inline-block; + width: 400%; + margin-left: -300%; + height: 100%; + cursor: pointer; + font-size: 1000px !important; +} +.froala-popup.froala-image-popup div.f-popup-line.drop-upload form button { + background: transparent; +} +.froala-popup.froala-image-popup div.f-popup-line button.f-browse { + display: none; + margin: 0 5px 0 -1px; + padding: 2px 7px; + background: #475577; + color: #ffffff; +} +.froala-popup.froala-image-popup div.f-popup-line button.f-browse:hover { + background: #353535; + color: #ffffff; +} +.froala-popup.froala-image-popup div.f-popup-line + div.f-popup-line { + border-top: solid 1px #cccccc; +} +.froala-popup.froala-image-popup div.f-popup-line input[type="text"] { + margin-right: 0 !important; + width: 200px; +} +.froala-popup.froala-image-popup p.f-progress { + width: 100%; + display: none; + background-color: #61bd6d; + border: 0; + height: 20px; + margin: 5px 0; + width: 250px; +} +.froala-popup.froala-image-popup p.f-progress span { + display: inline-block; + height: 100%; + background-color: #61bd6d; + text-align: center; + color: #ffffff; + line-height: 20px; +} +.froala-popup.froala-image-editor-popup div.f-popup-line { + padding: 0; + margin: 0; +} +.froala-popup.froala-image-editor-popup div.f-popup-line input[type="text"] { + width: 160px; +} +.froala-popup.froala-image-editor-popup div.f-popup-line + div.f-popup-line { + border-top: solid 1px #cccccc; + padding: 5px; +} +.froala-popup.froala-link-popup div.f-popup-line button { + float: right; +} +.froala-popup.froala-link-popup div.f-popup-line input[type="text"] { + margin-left: 0 !important; + margin-right: 0 !important; +} +.froala-popup.froala-link-popup div.f-popup-line input[type="text"].f-bi { + width: 225px; +} +.froala-popup.froala-link-popup div.f-popup-line + div.f-popup-line { + padding-top: 0; +} +.froala-popup.froala-link-popup div.f-popup-line .f-browse-links { + background: #475577; + color: #ffffff; + margin-left: -1px; +} +.froala-popup.froala-link-popup div.f-popup-line .f-browse-links:hover { + background: #353535; + color: #ffffff; +} +.froala-popup.froala-link-popup div.f-popup-line ul { + background: #ffffff; + display: block; + list-style-type: none; + margin: 0; + padding: 0; + position: absolute; + top: 25px; + left: 0px; + right: 0px; + border: solid 1px #cccccc; + border-top: 0; + display: none; + max-height: 100px; + overflow-x: hidden; + overflow-y: auto; + z-index: 2; +} +.froala-popup.froala-link-popup div.f-popup-line ul li { + padding: 2px 5px; + cursor: pointer; + color: #444444; +} +.froala-popup.froala-link-popup div.f-popup-line ul li + li { + border-top: solid 1px #cccccc; +} +.froala-popup.froala-link-popup div.f-popup-line ul li:hover { + background: #444444; + color: #ffffff; +} +.froala-popup.froala-video-popup div.f-popup-line { + padding-bottom: 0; +} +.froala-popup.froala-video-popup p { + margin: 0; + text-align: center; + font-weight: bold; +} +.froala-popup.froala-video-popup p + div.f-popup-line { + padding-top: 2px; + padding-bottom: 7px; +} +.froala-popup.froala-video-popup p.or { + color: #444444; +} +.froala-popup.froala-text-popup div.f-popup-line input { + margin-left: 0 !important; +} +.froala-popup button { + border: 0; + color: #ffffff; + padding: 2px 5px; + margin: 0; + font-size: 12px; + line-height: 21px; + font-weight: bold; + cursor: pointer; + float: left; + -webkit-transition: background linear 0.2s; + -moz-transition: background linear 0.2s; + -ms-transition: background linear 0.2s; + -o-transition: background linear 0.2s; + min-width: 16px; +} +.froala-popup button.f-ok { + background: #2c82c9; + color: #ffffff; +} +.froala-popup button.f-unlink { + background: #b8312f; + margin: 0 5px; +} +.froala-popup button:hover { + background: #353535; + color: #ffffff; +} +.froala-modal { + position: fixed; + z-index: 1001; + overflow-x: auto; + overflow-y: scroll; + top: 0; + left: 0; + bottom: 0; + right: 0; + text-align: center; +} +.froala-modal .f-modal-wrapper { + margin: 50px auto; + display: inline-block; + background: #ffffff; + min-width: 300px; + text-align: center; + border: solid 1px #252525; + border-top: solid 5px #252525; +} +.froala-modal .f-modal-wrapper .f-preloader { + margin: 50px 0; +} +.froala-modal .f-modal-wrapper h4 { + margin: 0; + font-size: 18px; + color: #444444; + margin: 10px 10px; + text-align: left; +} +.froala-modal .f-modal-wrapper h4:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} +.froala-modal .f-modal-wrapper h4 i { + float: right; + cursor: pointer; + color: #cccccc; +} +.froala-modal .f-modal-wrapper h4 i:hover { + color: #444444; +} +.froala-modal .f-modal-wrapper div.f-image-list { + list-style-type: none; + margin: 10px; + padding: 0; + column-count: 3; + -moz-column-count: 3; + -webkit-column-count: 3; + column-gap: 10px; + -moz-column-gap: 10px; + -webkit-column-gap: 10px; + width: 600px; +} +.froala-modal .f-modal-wrapper div.f-image-list div { + position: relative; + width: 100%; + display: inline-block; + margin-bottom: 10px; +} +.froala-modal .f-modal-wrapper div.f-image-list div.f-img-deleting:after { + position: absolute; + -webkit-opacity: 0.75; + -moz-opacity: 0.75; + opacity: 0.75; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + background: #000; + content: ""; + top: 0; + left: 0; + bottom: 0; + right: 0; + color: #FFF; + z-index: 2; +} +.froala-modal .f-modal-wrapper div.f-image-list div.f-img-deleting:before { + content: "Deleting..."; + color: #FFF; + top: 0; + left: 0; + bottom: 0; + right: 0; + margin: auto; + position: absolute; + z-index: 3; + font-size: 15px; + height: 20px; +} +.froala-modal .f-modal-wrapper div.f-image-list div.f-empty { + width: 100%; + height: 200px; + background: #cccccc; + position: relative; + margin-bottom: 10px; +} +.froala-modal .f-modal-wrapper div.f-image-list div.f-empty:after { + position: absolute; + margin: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; + content: "Loading.."; + display: inline-block; + height: 20px; +} +.froala-modal .f-modal-wrapper div.f-image-list div img { + width: 100%; + -webkit-opacity: 0.75; + -moz-opacity: 0.75; + opacity: 0.75; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + vertical-align: middle; +} +.froala-modal .f-modal-wrapper div.f-image-list div .f-delete-img { + display: none; + bottom: 0px; + left: 0; + background: #252525; + color: #ffffff; + font-family: Arial, Helvetica; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 1px; + padding: 5px; + position: absolute; + -webkit-transition: background 0.2s; + -moz-transition: background 0.2s; + -ms-transition: background 0.2s; + -o-transition: background 0.2s; + cursor: pointer; + margin: 0; + text-decoration: none; +} +.froala-modal .f-modal-wrapper div.f-image-list div .f-delete-img { + display: inline-block; +} +.froala-modal .f-modal-wrapper div.f-image-list:not(.f-touch) .f-delete-img { + display: none; +} +.froala-modal .f-modal-wrapper div.f-image-list:not(.f-touch) div:hover .f-delete-img { + display: inline-block; +} +.froala-modal .f-modal-wrapper div.f-image-list:not(.f-touch) div:hover .f-delete-img:hover { + background: #d14841; + color: #ffffff; +} +.froala-modal .f-modal-wrapper div.f-image-list:not(.f-touch) div:hover img { + -webkit-opacity: 1; + -moz-opacity: 1; + opacity: 1; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; +} +.froala-overlay { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: #000; + z-index: 1000; + -webkit-opacity: 0.5; + -moz-opacity: 0.5; + opacity: 0.5; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; +} +.froala-editor.f-rtl { + direction: rtl; + text-align: right; +} +.froala-editor.f-rtl.f-basic .fr-bttn { + float: right; +} +.froala-editor.f-rtl.f-basic .f-sep { + float: right; +} +.froala-editor.f-rtl .fr-dropdown-menu { + text-align: right !important; + direction: rtl !important; +} +.froala-editor.f-rtl .fr-dropdown-menu li.active:before { + left: auto; + right: 5px; +} +.froala-editor.f-rtl .fr-dropdown.fr-color-picker .fr-dropdown-menu p { + text-align: right !important; + direction: rtl !important; +} +.froala-editor.f-rtl .fr-dropdown.fr-table .fr-dropdown-menu > li > a { + padding: 5px 10px 5px 25px; +} +.froala-editor.f-rtl .fr-dropdown.fr-table .fr-dropdown-menu > li > a i { + right: auto; + left: 5px; +} +.froala-editor.f-rtl .fr-dropdown.fr-table .fr-dropdown-menu > li > a i:before { + content: '\f053'; +} +.froala-editor.f-rtl .fr-dropdown.fr-table .fr-dropdown-menu > li > div, +.froala-editor.f-rtl .fr-dropdown.fr-table .fr-dropdown-menu > li > ul { + right: 100%; + left: auto; +} +.froala-editor.f-rtl .froala-popup div.f-popup-line label, +.froala-editor.f-rtl .froala-popup div.f-popup-line input { + float: right !important; +} +.froala-editor.f-rtl .froala-popup div.f-popup-line button { + float: left !important; +} +.froala-editor.f-rtl .froala-popup div.f-popup-line button.f-ok { + margin-right: 5px; +} +.froala-editor.f-rtl .froala-popup div.f-popup-line button.fr-bttn { + float: right !important; +} +.froala-editor.f-rtl .froala-popup div.f-popup-line button.f-browse { + float: right !important; + margin: 0 -1px 0 0; +} +.froala-editor.f-rtl .froala-popup div.f-popup-line input[type="text"] { + margin-left: 0 !important; +} +.froala-editor.f-rtl .froala-popup h4 { + direction: rtl !important; +} +.froala-editor.f-rtl .froala-popup h4 span { + float: right; +} +.froala-editor.f-rtl .froala-popup h4 .f-external-link { + float: right; +} +.froala-editor.f-rtl .froala-popup h4 .f-external-link i { + margin-right: 5px; + margin-left: 1px; +} +.froala-editor.f-rtl .froala-popup h4 i { + float: left !important; +} +.froala-modal.f-rtl .f-modal-wrapper { + direction: rtl; + text-align: right; +} +.froala-modal.f-rtl .f-modal-wrapper h4 span { + float: right !important; +} +.froala-modal.f-rtl .f-modal-wrapper h4 i { + float: left !important; +} +.froala-modal.f-rtl .f-modal-wrapper a.f-delete-img { + left: auto !important; + right: 0; +} +.froala-element.f-rtl { + direction: rtl; + text-align: right; +} +.froala-element.f-rtl.f-placeholder:before { + left: auto; + right: 10px; +} +.froala-editor.f-basic { + padding: 0px; + z-index: 999; + position: relative; + border-bottom: 0; +} +.froala-editor.f-basic:before { + display: none; +} +.froala-editor.f-basic:after { + content: ""; + display: block; + clear: both; +} +.froala-editor.f-basic .fr-bttn { + margin: 0; + float: left; +} +.froala-editor.f-basic.f-scroll { + position: absolute; + left: 0; + right: 0; + border-bottom-width: 1px; + border-bottom-style: solid; + border-bottom-color: inherit; +} +.froala-editor.f-basic hr { + display: none; +} +.froala-element.f-basic { + border: solid 1px #444444; + padding: 10px; +} +.froala-element.f-basic span.f-img-editor { + left: 0; + right: 0; +} +.ie8 .froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload { + min-width: 350px; +} +.ie8 .froala-popup.froala-image-editor-popup div.f-popup-line + div.f-popup-line { + min-width: 250px; +} +.froala-element.ie8.f-placeholder:before { + display: none; +} +.froala-editor.ie8 button.fr-bttn, +.froala-editor.ie8 button.fr-trigger { + zoom: 1; + position: relative; +} +.froala-editor.ie8 button.fr-bttn:hover, +.froala-editor.ie8 button.fr-trigger:hover { + background: #2c82c9; + color: #ffffff; +} +.froala-editor.ie8 button.fr-bttn:hover:after, +.froala-editor.ie8 button.fr-trigger:hover:after { + border-top-color: #ffffff; + z-index: 3; +}