├── CNAME
├── web
    ├── fonts
    │   ├── FontAwesome.otf
    │   ├── fontawesome-webfont.eot
    │   ├── fontawesome-webfont.ttf
    │   ├── fontawesome-webfont.woff
    │   └── fontawesome-webfont.woff2
    └── css
    │   ├── style.css
    │   ├── font-awesome.css.map
    │   ├── font-awesome.min.css
    │   └── font-awesome.css
├── .gitignore
├── .npmignore
├── .babelrc
├── params.json
├── src
    ├── types.ts
    ├── Circle.tsx
    ├── Marker.tsx
    ├── Highlight.tsx
    ├── Square.tsx
    ├── ModeToggle.tsx
    ├── Input.tsx
    ├── Content.tsx
    ├── Annotation.tsx
    └── Container.tsx
├── LICENSE
├── README.md
├── package.json
├── stylesheets
    ├── github-light.css
    ├── stylesheet.css
    └── normalize.css
└── tsconfig.json


/CNAME:
--------------------------------------------------------------------------------
1 | carbondream.zeroarc.com
2 | 


--------------------------------------------------------------------------------
/web/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ZeroarcSoftware/carbondream/HEAD/web/fonts/FontAwesome.otf


--------------------------------------------------------------------------------
/web/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ZeroarcSoftware/carbondream/HEAD/web/fonts/fontawesome-webfont.eot


--------------------------------------------------------------------------------
/web/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ZeroarcSoftware/carbondream/HEAD/web/fonts/fontawesome-webfont.ttf


--------------------------------------------------------------------------------
/web/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ZeroarcSoftware/carbondream/HEAD/web/fonts/fontawesome-webfont.woff


--------------------------------------------------------------------------------
/web/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ZeroarcSoftware/carbondream/HEAD/web/fonts/fontawesome-webfont.woff2


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Dependency directory
2 | node_modules
3 | 
4 | # Don't check in build artifacts, this is only published to npm
5 | lib/
6 | dist/
7 | 
8 | .DS_Store
9 | 


--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
 1 | # Don't publish jsx source
 2 | /src/
 3 | 
 4 | # Don't check in new buids of test
 5 | test/
 6 | 
 7 | # Don't check gh-pages related code
 8 | stylesheets/
 9 | index.html
10 | params.json
11 | CNAME
12 | 


--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 |     "@babel/react",
 4 |     "@babel/typescript",
 5 |     [
 6 |       "@babel/env",
 7 |       {
 8 |         "modules": "commonjs"
 9 |       }
10 |     ]
11 |   ],
12 |   "plugins": [
13 |     "@babel/plugin-proposal-object-rest-spread"
14 |   ]
15 | }
16 | 


--------------------------------------------------------------------------------
/params.json:
--------------------------------------------------------------------------------
1 | {"name":"Carbondream","tagline":"Reactjs Annotation Component","body":"# carbondream\r\n\r\nReactjs Annotation Engine\r\n\r\n## Setup environment\r\n\r\n    npm install\r\n\r\n## Development\r\nRun single build:\r\n\r\n    npm run build\r\n\r\nRunning demo build:\r\n\r\n    npm run demo-build\r\n\r\nRunning demo watch:\r\n\r\n    npm run demo-watch\r\n","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}


--------------------------------------------------------------------------------
/src/types.ts:
--------------------------------------------------------------------------------
 1 | // carbondream - Copyright 2021 Zeroarc Software, LLC
 2 | 
 3 | import { Map } from 'immutable';
 4 | 
 5 | export interface ImmutableMap<T> extends Map<string, any> {
 6 |   get<K extends keyof T>(name: K): T[K];
 7 | }
 8 | 
 9 | export type Annotation = ImmutableMap<AnnotationPoint>;
10 | 
11 | export type AnnotationPoint = {
12 |   id?: number;
13 |   content: string;
14 |   author: string;
15 |   timeStamp: Date;
16 |   x1: number;
17 |   y1: number;
18 |   x2: number;
19 |   y2: number;
20 |   type: 'marker' | 'highlight';
21 |   drawing: boolean;
22 | };
23 | 
24 | export type Offset = {
25 |   horizontal: number;
26 |   vertical: number;
27 |   shadow: number | null;
28 | };
29 | 
30 | export type Mode = 'marker' | 'square' | 'circle' | 'highlight';
31 | 


--------------------------------------------------------------------------------
/src/Circle.tsx:
--------------------------------------------------------------------------------
 1 | // carbondream - Copyright 2021 Zeroarc Software, LLC
 2 | // Annotation circle shape
 3 | 'use strict';
 4 | 
 5 | import ClassNames from 'classnames';
 6 | import React from 'react';
 7 | 
 8 | type Props = {
 9 |   width: number,
10 |   height: number,
11 |   priority: number,
12 |   deemphasize: boolean,
13 | };
14 | 
15 | export const Circle = (props: Props) => {
16 |   const divStyle = {
17 |     height: props.height,
18 |     width: props.width,
19 |     zIndex: props.priority,
20 |   };
21 | 
22 |   const classes = ClassNames({
23 |     'cd-circle': true,
24 |     'deemphasize': props.deemphasize,
25 |   });
26 | 
27 |   return (
28 |     <div>
29 |       <div style={divStyle} className={classes}></div>
30 |     </div>
31 |   );
32 | };
33 | 
34 | export default Circle;


--------------------------------------------------------------------------------
/src/Marker.tsx:
--------------------------------------------------------------------------------
 1 | // carbondream - Copyright 2021 Zeroarc Software, LLC
 2 | // Annotation marker shape
 3 | 'use strict';
 4 | 
 5 | import ClassNames from 'classnames';
 6 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 7 | import React from 'react';
 8 | 
 9 | type Props = {
10 |   deemphasize: boolean;
11 |   priority: number;
12 | };
13 | 
14 | export const Marker = (props: Props) => {
15 |   const divStyle = {
16 |     zIndex: props.priority,
17 |   };
18 | 
19 |   const classes = ClassNames({
20 |     'cd-marker': true,
21 |     deemphasize: props.deemphasize,
22 |   });
23 | 
24 |   return (
25 |     <div style={divStyle} className={classes}>
26 |       <FontAwesomeIcon icon={['far', 'map-marker']} />
27 |     </div>
28 |   );
29 | };
30 | 
31 | export default Marker;
32 | 


--------------------------------------------------------------------------------
/src/Highlight.tsx:
--------------------------------------------------------------------------------
 1 | // carbondream - Copyright 2021 Zeroarc Software, LLC
 2 | // Annotation highlight shape
 3 | 'use strict';
 4 | 
 5 | import ClassNames from 'classnames';
 6 | import React from 'react';
 7 | 
 8 | type Props = {
 9 |   width: number;
10 |   deemphasize: boolean;
11 |   priority: number;
12 |   height: number;
13 | };
14 | 
15 | export const Highlight = (props: Props) => {
16 |   const divStyle = {
17 |     width: props.width,
18 |     zIndex: props.priority,
19 |     height: props.height,
20 |   };
21 | 
22 |   const classes = ClassNames({
23 |     'cd-highlight': true,
24 |     deemphasize: props.deemphasize,
25 |   });
26 | 
27 |   if (props.height <= 0 || props.width <= 0) return null;
28 | 
29 |   return (
30 |     <div>
31 |       <div style={divStyle} className={classes}></div>
32 |     </div>
33 |   );
34 | };
35 | export default Highlight;
36 | 


--------------------------------------------------------------------------------
/src/Square.tsx:
--------------------------------------------------------------------------------
 1 | // carbondream - Copyright 2021 Zeroarc Software, LLC
 2 | // Annotation square shape
 3 | 'use strict';
 4 | 
 5 | import ClassNames from 'classnames';
 6 | import React from 'react';
 7 | 
 8 | type Props = {
 9 |   width: number;
10 |   height: number;
11 |   priority: number;
12 |   deemphasize: boolean;
13 | };
14 | 
15 | export const Square = (props: Props) => {
16 |   const divStyle = {
17 |     height: props.height,
18 |     width: props.width,
19 |     zIndex: props.priority,
20 |   };
21 | 
22 |   const classes = ClassNames({
23 |     'cd-square': true,
24 |     deemphasize: props.deemphasize,
25 |   });
26 | 
27 |   // Not possible to have a 0 width or height unless the object is off the page entirely.
28 |   if (props.height <= 0 || props.width <= 0) return null;
29 | 
30 |   return (
31 |     <div>
32 |       <div style={divStyle} className={classes}></div>
33 |     </div>
34 |   );
35 | };
36 | 
37 | export default Square;
38 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2015 Zeroarc Software, LLC
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 
23 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # carbondream
 2 | 
 3 | ## Reactjs Annotation Engine
 4 | 
 5 | Carbondream is an annotation engine written purely in ReactJS. It was inspired by [Annotator](http://annotatorjs.org) and heavily borrows from the UX.
 6 | 
 7 | ## Using it
 8 | 
 9 | To use Carbondream:
10 | 
11 | - Install the component through NPM
12 | - Require it
13 | - Pass it a list of annotations and the following props:
14 | 
15 |   <CarbonDream
16 |       allowEdit={true}
17 |       allowDelete={true}
18 |       scale={scale.current}
19 |       annotations={carbonDreamAnnotations}
20 |       selectedId={props.selectedAnnotationId}
21 |       onSave={handleAnnotationSave}
22 |       onDelete={props.deleteAnnotation}
23 |       onSelect={props.selectAnnotation}
24 |       onDeselect={props.deselectAnnotation}
25 |       viewOnlyMode={!props.canReviewOutputs}
26 |       height={viewerClientHeight}
27 |       pageNumber={props.pageNumber}
28 |       scrollPosition={scrollPosition}
29 |   />
30 | 
31 | ## Contributing
32 | 
33 | First, setup your local environment:
34 | 
35 |     git clone git@github.com:ZeroarcSoftware/carbondream.git
36 |     cd carbondream
37 |     npm install
38 | 
39 | Link the project to your local target environment:
40 | 
41 |     sudo npm link
42 | 
43 | Next, build the project:
44 | 
45 |     npm run build
46 | 
47 | Or, alternatively, use babel watch to continously watch for changes:
48 | 
49 |     NODE_ENV=production npx babel src/ -d dist/ --extensions '.ts,.tsx' -w
50 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "carbondream",
 3 |   "version": "5.2.0",
 4 |   "description": "React web annotation engine",
 5 |   "homepage": "http://carbondream.zeroarc.com/",
 6 |   "main": "dist/Container.js",
 7 |   "directories": {
 8 |     "test": "test"
 9 |   },
10 |   "scripts": {
11 |     "build": "NODE_ENV=production npx babel src/ -d dist/ --extensions '.ts,.tsx'",
12 |     "watch": "npx babel src/ -d dist/ --extensions '.ts,.tsx' --watch",
13 |     "prepare": "npm run build",
14 |     "test": "echo \"Error: no test specified\" && exit 1"
15 |   },
16 |   "repository": {
17 |     "type": "git",
18 |     "url": "https://github.com/ZeroarcSoftware/carbondream.git"
19 |   },
20 |   "keywords": [
21 |     "react",
22 |     "react-component",
23 |     "annotation"
24 |   ],
25 |   "author": "Zeroarc Software",
26 |   "license": "MIT",
27 |   "bugs": {
28 |     "url": "https://github.com/ZeroarcSoftware/carbondream/issues"
29 |   },
30 |   "devDependencies": {
31 |     "@babel/cli": "^7.14.5",
32 |     "@babel/core": "^7.14.6",
33 |     "@babel/plugin-proposal-object-rest-spread": "^7.14.7",
34 |     "@babel/preset-env": "^7.14.7",
35 |     "@babel/preset-react": "^7.14.5",
36 |     "@babel/preset-typescript": "^7.14.5",
37 |     "@types/react": "^18.0.1",
38 |     "@types/react-dom": "^18.0.0",
39 |     "@types/react-timeago": "^4.1.3",
40 |     "babel-loader": "^9.1.2",
41 |     "json-loader": "^0.5.4",
42 |     "react": "^18.0.0",
43 |     "react-dom": "^18.0.0",
44 |     "typescript": "^5.0.2"
45 |   },
46 |   "dependencies": {
47 |     "@fortawesome/fontawesome-svg-core": "^6.1.1",
48 |     "@fortawesome/react-fontawesome": "^0.2.0",
49 |     "classnames": "^2.2.6",
50 |     "font-awesome": "^4.5.0",
51 |     "immutable": "^4.0.0-rc.14",
52 |     "react-timeago": "^7.1.0"
53 |   },
54 |   "peerDependencies": {
55 |     "react": "^17.0.0 || ^18.0.0",
56 |     "react-dom": "^17.0.0 || ^18.0.0"
57 |   }
58 | }
59 | 


--------------------------------------------------------------------------------
/src/ModeToggle.tsx:
--------------------------------------------------------------------------------
 1 | // carbondream - Copyright 2021 Zeroarc Software, LLC
 2 | // Controls to toggle annotation modes
 3 | 'use strict';
 4 | 
 5 | import React, { SyntheticEvent } from 'react';
 6 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 7 | import type { Mode } from './types';
 8 | 
 9 | type Props = {
10 |   mode: string;
11 |   verticalOffset: number;
12 |   switchMode: (mode: Mode) => void;
13 | };
14 | 
15 | // This is necessary to prevent mouseup/down from triggering actions on parents
16 | const blockEvent = (e: React.MouseEvent<Element, MouseEvent>) => {
17 |   e.stopPropagation();
18 | };
19 | 
20 | export const ModeToggle = ({ mode, verticalOffset, switchMode }: Props) => {
21 |   const handleClick = (mode: Mode) => {
22 |     return (e: React.MouseEvent<Element, MouseEvent>) => {
23 |       e.stopPropagation();
24 |       switchMode(mode);
25 |     };
26 |   };
27 | 
28 |   return (
29 |     <div
30 |       className='cd-mode-toggle'
31 |       onMouseUp={blockEvent}
32 |       onMouseDown={blockEvent}
33 |       onClick={blockEvent}
34 |       style={{ top: `${verticalOffset}px` }}
35 |     >
36 |       <button
37 |         className={mode === 'marker' ? 'selected' : ''}
38 |         onClick={handleClick('marker')}
39 |         title='Switch to marker'
40 |       >
41 |         <FontAwesomeIcon icon={['far', 'map-marker']} />
42 |       </button>
43 |       <button
44 |         className={mode === 'square' ? 'selected' : ''}
45 |         onClick={handleClick('square')}
46 |         title='Switch to square'
47 |       >
48 |         <FontAwesomeIcon icon={['far', 'square']} />
49 |       </button>
50 |       <button
51 |         className={mode === 'circle' ? 'selected' : ''}
52 |         onClick={handleClick('circle')}
53 |         title='Switch to circle'
54 |       >
55 |         <FontAwesomeIcon icon={['far', 'circle']} />
56 |       </button>
57 |       <button
58 |         className={mode === 'highlight' ? 'selected' : ''}
59 |         onClick={handleClick('highlight')}
60 |         title='Switch to highlight'
61 |       >
62 |         <FontAwesomeIcon icon={['far', 'font']} />
63 |       </button>
64 |     </div>
65 |   );
66 | };
67 | 
68 | export default ModeToggle;
69 | 


--------------------------------------------------------------------------------
/stylesheets/github-light.css:
--------------------------------------------------------------------------------
  1 | /*
  2 |    Copyright 2014 GitHub Inc.
  3 | 
  4 |    Licensed under the Apache License, Version 2.0 (the "License");
  5 |    you may not use this file except in compliance with the License.
  6 |    You may obtain a copy of the License at
  7 | 
  8 |        http://www.apache.org/licenses/LICENSE-2.0
  9 | 
 10 |    Unless required by applicable law or agreed to in writing, software
 11 |    distributed under the License is distributed on an "AS IS" BASIS,
 12 |    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 13 |    See the License for the specific language governing permissions and
 14 |    limitations under the License.
 15 | 
 16 | */
 17 | 
 18 | .pl-c /* comment */ {
 19 |   color: #969896;
 20 | }
 21 | 
 22 | .pl-c1      /* constant, markup.raw, meta.diff.header, meta.module-reference, meta.property-name, support, support.constant, support.variable, variable.other.constant */,
 23 | .pl-s .pl-v /* string variable */ {
 24 |   color: #0086b3;
 25 | }
 26 | 
 27 | .pl-e  /* entity */,
 28 | .pl-en /* entity.name */ {
 29 |   color: #795da3;
 30 | }
 31 | 
 32 | .pl-s .pl-s1 /* string source */,
 33 | .pl-smi      /* storage.modifier.import, storage.modifier.package, storage.type.java, variable.other, variable.parameter.function */ {
 34 |   color: #333;
 35 | }
 36 | 
 37 | .pl-ent /* entity.name.tag */ {
 38 |   color: #63a35c;
 39 | }
 40 | 
 41 | .pl-k /* keyword, storage, storage.type */ {
 42 |   color: #a71d5d;
 43 | }
 44 | 
 45 | .pl-pds              /* punctuation.definition.string, string.regexp.character-class */,
 46 | .pl-s                /* string */,
 47 | .pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */,
 48 | .pl-sr               /* string.regexp */,
 49 | .pl-sr .pl-cce       /* string.regexp constant.character.escape */,
 50 | .pl-sr .pl-sra       /* string.regexp string.regexp.arbitrary-repitition */,
 51 | .pl-sr .pl-sre       /* string.regexp source.ruby.embedded */ {
 52 |   color: #183691;
 53 | }
 54 | 
 55 | .pl-v /* variable */ {
 56 |   color: #ed6a43;
 57 | }
 58 | 
 59 | .pl-id /* invalid.deprecated */ {
 60 |   color: #b52a1d;
 61 | }
 62 | 
 63 | .pl-ii /* invalid.illegal */ {
 64 |   background-color: #b52a1d;
 65 |   color: #f8f8f8;
 66 | }
 67 | 
 68 | .pl-sr .pl-cce /* string.regexp constant.character.escape */ {
 69 |   color: #63a35c;
 70 |   font-weight: bold;
 71 | }
 72 | 
 73 | .pl-ml /* markup.list */ {
 74 |   color: #693a17;
 75 | }
 76 | 
 77 | .pl-mh        /* markup.heading */,
 78 | .pl-mh .pl-en /* markup.heading entity.name */,
 79 | .pl-ms        /* meta.separator */ {
 80 |   color: #1d3e81;
 81 |   font-weight: bold;
 82 | }
 83 | 
 84 | .pl-mq /* markup.quote */ {
 85 |   color: #008080;
 86 | }
 87 | 
 88 | .pl-mi /* markup.italic */ {
 89 |   color: #333;
 90 |   font-style: italic;
 91 | }
 92 | 
 93 | .pl-mb /* markup.bold */ {
 94 |   color: #333;
 95 |   font-weight: bold;
 96 | }
 97 | 
 98 | .pl-md /* markup.deleted, meta.diff.header.from-file */ {
 99 |   background-color: #ffecec;
100 |   color: #bd2c00;
101 | }
102 | 
103 | .pl-mi1 /* markup.inserted, meta.diff.header.to-file */ {
104 |   background-color: #eaffea;
105 |   color: #55a532;
106 | }
107 | 
108 | .pl-mdr /* meta.diff.range */ {
109 |   color: #795da3;
110 |   font-weight: bold;
111 | }
112 | 
113 | .pl-mo /* meta.output */ {
114 |   color: #1d3e81;
115 | }
116 | 
117 | 


--------------------------------------------------------------------------------
/src/Input.tsx:
--------------------------------------------------------------------------------
  1 | // carbondream - Copyright 2021 Zeroarc Software, LLC
  2 | // Input dialog for annotation
  3 | 'use strict';
  4 | 
  5 | import ClassNames from 'classnames';
  6 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
  7 | import React, { useState } from 'react';
  8 | 
  9 | import type { Offset } from './types';
 10 | 
 11 | type Props = {
 12 |   cancelAnnotation: () => void;
 13 |   content: string;
 14 |   invert: boolean;
 15 |   offset: Offset;
 16 |   top: number;
 17 |   left: number;
 18 |   pending: boolean;
 19 |   pullHorizontal: boolean;
 20 |   pushHorizontal: boolean;
 21 |   saveAnnotation: (value: string) => void;
 22 | };
 23 | 
 24 | export const Input = (props: Props) => {
 25 |   const [value, setValue] = useState(props.content);
 26 | 
 27 |   const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
 28 |     e.stopPropagation();
 29 |     setValue(e.target.value);
 30 |   };
 31 | 
 32 |   const handleSaveClick = (e: React.MouseEvent<Element, MouseEvent>) => {
 33 |     e.stopPropagation();
 34 |     props.saveAnnotation(value);
 35 |   };
 36 | 
 37 |   const handleCancelClick = (e: React.MouseEvent<Element, MouseEvent>) => {
 38 |     e.stopPropagation();
 39 |     props.cancelAnnotation();
 40 |   };
 41 | 
 42 |   const handleBlur = (e: React.FocusEvent<HTMLTextAreaElement>) => {
 43 |     e.stopPropagation();
 44 | 
 45 |     // If the textarea blurs with no input, the user has clicked or tabbed out. Cancel.
 46 |     if (value.length === 0) props.cancelAnnotation();
 47 |   };
 48 | 
 49 |   const editorClasses = ClassNames({
 50 |     'cd-annotation-editor': true,
 51 |     hidden: !props.pending,
 52 |   });
 53 | 
 54 |   const inputClasses = ClassNames({
 55 |     'cd-annotation-input': true,
 56 |   });
 57 | 
 58 |   const shadowClasses = ClassNames({
 59 |     'cd-shadow-bubble': true,
 60 |     invert: props.invert,
 61 |   });
 62 | 
 63 |   // Apply offsets for shadow bubble. Trial and error to figure
 64 |   // out the maximums
 65 |   let shadowStyle: { left?: number } = {};
 66 |   if (props.pushHorizontal || props.pullHorizontal) {
 67 |     shadowStyle.left = props.offset.shadow || -props.offset.horizontal - 4;
 68 | 
 69 |     if (shadowStyle.left < 6) shadowStyle.left = 6;
 70 |     else if (shadowStyle.left > 234) shadowStyle.left = 234;
 71 |   }
 72 | 
 73 |   const saveClasses = ClassNames('btn btn-sm btn-outline-primary', {
 74 |     disabled: !value.length,
 75 |   });
 76 | 
 77 |   const cancelClasses = ClassNames('btn btn-sm btn-outline-danger');
 78 | 
 79 |   return (
 80 |     <div
 81 |       style={{
 82 |         left: props.left + props.offset.horizontal,
 83 |         top: props.top + props.offset.vertical,
 84 |         position: 'fixed',
 85 |       }}
 86 |       className={editorClasses}
 87 |     >
 88 |       <div style={shadowStyle} className={shadowClasses}></div>
 89 |       <div className={inputClasses}>
 90 |         <textarea
 91 |           autoFocus
 92 |           value={value}
 93 |           onChange={handleChange}
 94 |           onBlur={handleBlur}
 95 |         />
 96 |         <div className='cd-annotation-input-controls'>
 97 |           <button className={cancelClasses} onClick={handleCancelClick}>
 98 |             <FontAwesomeIcon icon={['far', 'times']} /> Cancel
 99 |           </button>
100 |           <button className={saveClasses} onClick={handleSaveClick}>
101 |             <FontAwesomeIcon icon={['far', 'check']} /> Save
102 |           </button>
103 |         </div>
104 |       </div>
105 |     </div>
106 |   );
107 | };
108 | 
109 | export default Input;
110 | 


--------------------------------------------------------------------------------
/src/Content.tsx:
--------------------------------------------------------------------------------
  1 | // carbondream - Copyright 2021 Zeroarc Software, LLC
  2 | // Pop-up annotation Content
  3 | 'use strict';
  4 | 
  5 | import React, { useState } from 'react';
  6 | import ClassNames from 'classnames';
  7 | import TimeAgo from 'react-timeago';
  8 | 
  9 | import type { Offset } from './types';
 10 | 
 11 | type Props = {
 12 |   allowDelete: boolean;
 13 |   allowEdit: boolean;
 14 |   author: string;
 15 |   content: string;
 16 |   deleteAnnotation: (id: number) => void;
 17 |   editAnnotation: (id: number) => void;
 18 |   hideContent: boolean | undefined;
 19 |   id: number;
 20 |   invert: boolean;
 21 |   offset: Offset;
 22 |   top: number;
 23 |   left: number;
 24 |   pending: boolean;
 25 |   pullHorizontal: boolean;
 26 |   pushHorizontal: boolean;
 27 |   shouldDisplayViewer: boolean;
 28 |   timeStamp?: Date;
 29 |   viewOnlyMode: boolean;
 30 | };
 31 | 
 32 | export const Content = (props: Props) => {
 33 |   const [shouldDisplayControls, setShouldDisplayControls] = useState(false);
 34 | 
 35 |   const handleEditClick = (e: React.MouseEvent<Element, MouseEvent>) => {
 36 |     e.stopPropagation();
 37 |     if (props.viewOnlyMode) return;
 38 | 
 39 |     props.editAnnotation(props.id);
 40 |   };
 41 | 
 42 |   const handleDeleteClick = (e: React.MouseEvent<Element, MouseEvent>) => {
 43 |     e.stopPropagation();
 44 |     if (props.viewOnlyMode) return;
 45 | 
 46 |     props.deleteAnnotation(props.id);
 47 |   };
 48 | 
 49 |   // These allow event propogation because parent needs mouse events
 50 |   const handleMouseOver = (e: React.MouseEvent<Element, MouseEvent>) => {
 51 |     if (props.viewOnlyMode) return;
 52 | 
 53 |     setShouldDisplayControls(true);
 54 |   };
 55 | 
 56 |   const handleMouseOut = (e: React.MouseEvent<Element, MouseEvent>) => {
 57 |     setShouldDisplayControls(false);
 58 |   };
 59 | 
 60 |   const viewerClasses = ClassNames({
 61 |     'cd-annotation-viewer': true,
 62 |     hidden: props.pending || !props.shouldDisplayViewer || props.hideContent, //Hide if we are NOT pending and we SHOULD NOT display
 63 |   });
 64 | 
 65 |   const contentClasses = ClassNames({
 66 |     'cd-annotation-content': true,
 67 |   });
 68 | 
 69 |   const controlClasses = ClassNames({
 70 |     'cd-annotation-content-controls': true,
 71 |     'fade-in': shouldDisplayControls,
 72 |   });
 73 | 
 74 |   const shadowClasses = ClassNames({
 75 |     'cd-shadow-bubble': true,
 76 |     invert: props.invert,
 77 |   });
 78 | 
 79 |   // Apply offsets for shadow bubble. Trial and error to figure
 80 |   // out the maximums
 81 |   let shadowStyle: { left?: number } = {};
 82 |   if (props.pushHorizontal || props.pullHorizontal) {
 83 |     shadowStyle.left = props.offset.shadow || -props.offset.horizontal - 4;
 84 | 
 85 |     if (shadowStyle.left < 6) shadowStyle.left = 6;
 86 |     else if (shadowStyle.left > 234) shadowStyle.left = 234;
 87 |   }
 88 | 
 89 |   return (
 90 |     <div
 91 |       style={{
 92 |         left: props.left + props.offset.horizontal,
 93 |         top: props.top + props.offset.vertical,
 94 |         position: 'fixed',
 95 |       }}
 96 |       className={viewerClasses}
 97 |     >
 98 |       <div style={shadowStyle} className={shadowClasses}></div>
 99 |       <div
100 |         className={contentClasses}
101 |         onMouseOver={handleMouseOver}
102 |         onMouseOut={handleMouseOut}
103 |       >
104 |         <div className={controlClasses}>
105 |           <button
106 |             className='delete'
107 |             onClick={handleDeleteClick}
108 |             hidden={!props.allowDelete}
109 |           >
110 |             <i className='fa fa-fw fa-times'></i> Delete
111 |           </button>
112 |           <button
113 |             className='edit'
114 |             onClick={handleEditClick}
115 |             hidden={!props.allowEdit}
116 |           >
117 |             <i className='fa fa-fw fa-pencil'></i> Edit
118 |           </button>
119 |         </div>
120 |         <div className='cd-annotation-content-text'>{props.content}</div>
121 |         <div className='cd-annotation-content-info'>
122 |           Comment #{props.id} by {props.author}{' '}
123 |           {props.timeStamp ? <TimeAgo date={props.timeStamp} /> : null}
124 |         </div>
125 |       </div>
126 |     </div>
127 |   );
128 | };
129 | 
130 | export default Content;
131 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     /* Basic Options */
 4 |     // "incremental": true,                   /* Enable incremental compilation */
 5 |     "target": "esnext" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019' or 'ESNEXT'. */,
 6 |     "module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,
 7 |     // "lib": [],                             /* Specify library files to be included in the compilation. */
 8 |     // "allowJs": true,                       /* Allow javascript files to be compiled. */
 9 |     // "checkJs": true,                       /* Report errors in .js files. */
10 |     "jsx": "preserve" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,
11 |     "declaration": true /* Generates corresponding '.d.ts' file. */,
12 |     // "declarationMap": true,                /* Generates a sourcemap for each corresponding '.d.ts' file. */
13 |     // "sourceMap": true,                     /* Generates corresponding '.map' file. */
14 |     // "outFile": "./",                       /* Concatenate and emit output to single file. */
15 |     // "outDir": "lib",                          /* Redirect output structure to the directory. */
16 |     // "rootDir": "./",                       /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
17 |     // "composite": true,                     /* Enable project compilation */
18 |     // "tsBuildInfoFile": "./",               /* Specify file to store incremental compilation information */
19 |     // "removeComments": true,                /* Do not emit comments to output. */
20 |     "noEmit": true /* Do not emit outputs. */,
21 |     // "importHelpers": true,                 /* Import emit helpers from 'tslib'. */
22 |     // "downlevelIteration": true,            /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
23 |     // "isolatedModules": true,               /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
24 | 
25 |     /* Strict Type-Checking Options */
26 |     "strict": true /* Enable all strict type-checking options. */,
27 |     // "noImplicitAny": true,                 /* Raise error on expressions and declarations with an implied 'any' type. */
28 |     // "strictNullChecks": true,              /* Enable strict null checks. */
29 |     // "strictFunctionTypes": true,           /* Enable strict checking of function types. */
30 |     // "strictBindCallApply": true,           /* Enable strict 'bind', 'call', and 'apply' methods on functions. */
31 |     // "strictPropertyInitialization": true,  /* Enable strict checking of property initialization in classes. */
32 |     // "noImplicitThis": true,                /* Raise error on 'this' expressions with an implied 'any' type. */
33 |     // "alwaysStrict": true,                  /* Parse in strict mode and emit "use strict" for each source file. */
34 | 
35 |     /* Additional Checks */
36 |     // "noUnusedLocals": true,                /* Report errors on unused locals. */
37 |     // "noUnusedParameters": true,            /* Report errors on unused parameters. */
38 |     // "noImplicitReturns": true,             /* Report error when not all code paths in function return a value. */
39 |     // "noFallthroughCasesInSwitch": true,    /* Report errors for fallthrough cases in switch statement. */
40 | 
41 |     /* Module Resolution Options */
42 |     // "moduleResolution": "node",            /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
43 |     // "baseUrl": "./",                       /* Base directory to resolve non-absolute module names. */
44 |     // "paths": {},                           /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
45 |     // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
46 |     // "typeRoots": [],                       /* List of folders to include type definitions from. */
47 |     // "types": [],                           /* Type declaration files to be included in compilation. */
48 |     "allowSyntheticDefaultImports": true /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */,
49 |     "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
50 |     // "preserveSymlinks": true,              /* Do not resolve the real path of symlinks. */
51 |     // "allowUmdGlobalAccess": true,          /* Allow accessing UMD globals from modules. */
52 | 
53 |     /* Source Map Options */
54 |     // "sourceRoot": "",                      /* Specify the location where debugger should locate TypeScript files instead of source locations. */
55 |     // "mapRoot": "",                         /* Specify the location where debugger should locate map files instead of generated locations. */
56 |     // "inlineSourceMap": true,               /* Emit a single file with source maps instead of having a separate file. */
57 |     // "inlineSources": true,                 /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
58 | 
59 |     /* Experimental Options */
60 |     "experimentalDecorators": true /* Enables experimental support for ES7 decorators. */,
61 |     // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
62 | 
63 |     /* Advanced Options */
64 |     "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */,
65 |     "resolveJsonModule": true /* Allow importing json */,
66 |   }
67 | }
68 | 


--------------------------------------------------------------------------------
/web/css/style.css:
--------------------------------------------------------------------------------
  1 | /* carbondream - Copyright 2015 Zeroarc Software, LLC
  2 |  *
  3 |  */
  4 | 
  5 | /* CSS resets */
  6 | * {
  7 |   -webkit-box-sizing: border-box;
  8 |   -moz-box-sizing: border-box;
  9 | 
 10 |   box-sizing: border-box;
 11 | }
 12 | *:before,
 13 | *:after {
 14 |   -webkit-box-sizing: border-box;
 15 |   -moz-box-sizing: border-box;
 16 | 
 17 |   box-sizing: border-box;
 18 | }
 19 | 
 20 | /*
 21 |  * General helper classes
 22 |  */
 23 | 
 24 | .hidden {
 25 |   display: none;
 26 | }
 27 | 
 28 | /*
 29 |  * Mode switches
 30 |  */
 31 | 
 32 | .cd-mode-toggle {
 33 |   position: fixed;
 34 |   right: 15px;
 35 |   opacity: 0.4;
 36 |   -webkit-transition: opacity 200ms ease-in-out;
 37 |   -moz-transition: opacity 200ms ease-in-out;
 38 |   -o-transition: opacity 200ms ease-in-out;
 39 |   -ms-transition: opacity 200ms ease-in-out;
 40 |   transition: opacity 200ms ease-in-out;
 41 | }
 42 | 
 43 | .cd-mode-toggle:hover {
 44 |   opacity: 1;
 45 | }
 46 | 
 47 | .cd-mode-toggle button {
 48 |   width: 28px;
 49 |   outline: none;
 50 | }
 51 | 
 52 | .cd-mode-toggle button.selected {
 53 |   background-color: #5cb85c;
 54 | }
 55 | 
 56 | /*
 57 |  * Top level container, capture all clicks
 58 |  */
 59 | 
 60 | .cd-container {
 61 |   width: 100%;
 62 |   height: 100%;
 63 |   top: 0;
 64 |   left: 0;
 65 |   position: absolute;
 66 |   z-index: 100;
 67 | }
 68 | 
 69 | /*
 70 |  * Shapes
 71 |  */
 72 | 
 73 | .cd-marker {
 74 |   color: rgb(99, 131, 255);
 75 |   font-size: 1.5em;
 76 |   position: absolute;
 77 |   top: -24px;
 78 |   left: -7px;
 79 | }
 80 | 
 81 | .cd-marker.deemphasize {
 82 |   color: rgba(134, 134, 134, 0.19);
 83 | }
 84 | 
 85 | .cd-square {
 86 |   border: solid 2px rgb(99, 131, 255);
 87 |   position: relative;
 88 |   top: 0px;
 89 |   left: 0px;
 90 | }
 91 | .cd-square.hide-top {
 92 |   border-top: none;
 93 | }
 94 | 
 95 | .cd-circle {
 96 |   border: solid 2px rgb(99, 131, 255);
 97 |   position: relative;
 98 |   border-radius: 50%;
 99 |   top: 0px;
100 |   left: 0px;
101 | }
102 | 
103 | .cd-circle.deemphasize,
104 | .cd-square.deemphasize {
105 |   border-color: rgba(134, 134, 134, 0.19);
106 | }
107 | 
108 | .cd-highlight {
109 |   background-color: rgba(0, 255, 3, 0.33);
110 |   position: relative;
111 |   top: 0px;
112 |   left: 0px;
113 | }
114 | 
115 | .cd-highlight.deemphasize {
116 |   background-color: rgba(134, 134, 134, 0.19);
117 | }
118 | 
119 | /*
120 |  * Annotation bubble
121 |  */
122 | 
123 | .cd-annotation {
124 |   position: absolute;
125 | }
126 | 
127 | .cd-annotation-input,
128 | .cd-annotation-content {
129 |   border-radius: 3px;
130 |   box-shadow: 2px 3px 4px 2px grey;
131 |   top: -12px;
132 |   background-color: #fff;
133 |   position: relative;
134 |   height: 120px;
135 |   width: 260px;
136 |   padding: 0px;
137 | }
138 | 
139 | .cd-annotation-editor,
140 | .cd-annotation-viewer {
141 |   z-index: 1000;
142 |   position: absolute;
143 |   top: -14px;
144 |   right: 0px;
145 | }
146 | 
147 | /* Per shape adjustments */
148 | .cd-annotation.highlight .cd-annotation-editor,
149 | .cd-annotation.highlight .cd-annotation-viewer {
150 |   top: -14px;
151 |   right: 15px;
152 | }
153 | 
154 | .cd-annotation.circle .cd-annotation-editor,
155 | .cd-annotation.circle .cd-annotation-viewer {
156 |   right: 9px;
157 | }
158 | 
159 | .cd-annotation.square .cd-annotation-editor,
160 | .cd-annotation.square .cd-annotation-viewer {
161 |   right: 10px;
162 | }
163 | 
164 | .cd-annotation-content-text {
165 |   padding: 10px;
166 |   height: 95px;
167 |   position: relative;
168 |   font-size: 1.1em;
169 |   font-style: italic;
170 |   z-index: 4;
171 |   background-color: #fff;
172 |   border-radius: 3px;
173 |   overflow-y: scroll;
174 | }
175 | 
176 | .cd-annotation-input textarea {
177 |   height: 82px;
178 |   width: 100%;
179 |   position: relative;
180 |   border: 0px;
181 |   border-radius: 3px;
182 |   padding: 10px;
183 |   font-size: 1em;
184 |   line-height: 1.3;
185 |   resize: none;
186 |   z-index: 4;
187 | }
188 | 
189 | .cd-annotation-content-info,
190 | .cd-annotation-input-controls {
191 |   border-top: solid 1px rgba(0, 0, 0, 0.13);
192 |   background-color: #f2f2f2;
193 |   bottom: 0px;
194 |   position: absolute;
195 |   width: 100%;
196 |   border-radius: 3px;
197 |   font-size: 0.8em;
198 |   z-index: 4;
199 | }
200 | 
201 | .cd-annotation-content-info {
202 |   text-align: left;
203 |   padding: 5px 5px 5px 5px;
204 | }
205 | 
206 | .cd-annotation-content-controls,
207 | .cd-annotation-input-controls {
208 |   text-align: right;
209 | }
210 | 
211 | .cd-annotation-content-controls {
212 |   position: absolute;
213 |   z-index: 5;
214 |   right: 0px;
215 |   font-size: 0.8em;
216 |   opacity: 0;
217 |   -webkit-transition: opacity 300ms ease-in-out;
218 |   -moz-transition: opacity 300ms ease-in-out;
219 |   -o-transition: opacity 300ms ease-in-out;
220 |   -ms-transition: opacity 300ms ease-in-out;
221 |   transition: opacity 300ms ease-in-out;
222 | }
223 | 
224 | .cd-mode-toggle button,
225 | .cd-annotation-content-controls button {
226 |   text-align: center;
227 |   border-radius: 3px;
228 |   border: 1px solid transparent;
229 |   color: #fff;
230 |   margin-top: 5px;
231 |   margin-bottom: 5px;
232 |   margin-right: 5px;
233 | }
234 | 
235 | .cd-annotation-input-controls button {
236 |   margin-top: 5px;
237 |   margin-bottom: 5px;
238 |   margin-right: 5px;
239 | }
240 | 
241 | .fade-in {
242 |   opacity: 1;
243 | }
244 | 
245 | /* Adds smart quotes */
246 | .cd-annotation-content-text::before {
247 |   content: '\201C';
248 | }
249 | 
250 | .cd-annotation-content-text::after {
251 |   content: '\201D';
252 | }
253 | 
254 | /* Start shadow bubble */
255 | /* This is all to get a comment bubble with a matching shadow */
256 | .cd-shadow-bubble {
257 |   background-color: rgb(242, 242, 242);
258 |   content: '\00a0';
259 |   display: block;
260 |   left: 120px;
261 |   position: absolute;
262 |   bottom: 2px;
263 |   transform: rotate(45deg);
264 |   width: 20px;
265 |   height: 20px;
266 |   z-index: 3;
267 |   box-shadow: 1px 1px 4px 2px grey;
268 | }
269 | 
270 | .cd-shadow-bubble.invert {
271 |   top: -22px;
272 |   background-color: #fff;
273 |   box-shadow: 1px 1px 2px 1px grey;
274 | }
275 | 
276 | /* End shadow bubble */
277 | 


--------------------------------------------------------------------------------
/stylesheets/stylesheet.css:
--------------------------------------------------------------------------------
  1 | * {
  2 |   box-sizing: border-box; }
  3 | 
  4 | body {
  5 |   padding: 0;
  6 |   margin: 0;
  7 |   font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  8 |   font-size: 16px;
  9 |   line-height: 1.5;
 10 |   color: #606c71; }
 11 | 
 12 | a {
 13 |   color: #1e6bb8;
 14 |   text-decoration: none; }
 15 |   a:hover {
 16 |     text-decoration: underline; }
 17 | 
 18 | .btn {
 19 |   display: inline-block;
 20 |   margin-bottom: 1rem;
 21 |   color: rgba(255, 255, 255, 0.7);
 22 |   background-color: rgba(255, 255, 255, 0.08);
 23 |   border-color: rgba(255, 255, 255, 0.2);
 24 |   border-style: solid;
 25 |   border-width: 1px;
 26 |   border-radius: 0.3rem;
 27 |   transition: color 0.2s, background-color 0.2s, border-color 0.2s; }
 28 |   .btn + .btn {
 29 |     margin-left: 1rem; }
 30 | 
 31 | .btn:hover {
 32 |   color: rgba(255, 255, 255, 0.8);
 33 |   text-decoration: none;
 34 |   background-color: rgba(255, 255, 255, 0.2);
 35 |   border-color: rgba(255, 255, 255, 0.3); }
 36 | 
 37 | @media screen and (min-width: 64em) {
 38 |   .btn {
 39 |     padding: 0.75rem 1rem; } }
 40 | 
 41 | @media screen and (min-width: 42em) and (max-width: 64em) {
 42 |   .btn {
 43 |     padding: 0.6rem 0.9rem;
 44 |     font-size: 0.9rem; } }
 45 | 
 46 | @media screen and (max-width: 42em) {
 47 |   .btn {
 48 |     display: block;
 49 |     width: 100%;
 50 |     padding: 0.75rem;
 51 |     font-size: 0.9rem; }
 52 |     .btn + .btn {
 53 |       margin-top: 1rem;
 54 |       margin-left: 0; } }
 55 | 
 56 | .page-header {
 57 |   color: #fff;
 58 |   text-align: center;
 59 |   background-color: #159957;
 60 |   background-image: linear-gradient(120deg, #485563, #29323c); }
 61 | 
 62 | @media screen and (min-width: 64em) {
 63 |   .page-header {
 64 |     padding: 5rem 6rem; } }
 65 | 
 66 | @media screen and (min-width: 42em) and (max-width: 64em) {
 67 |   .page-header {
 68 |     padding: 3rem 4rem; } }
 69 | 
 70 | @media screen and (max-width: 42em) {
 71 |   .page-header {
 72 |     padding: 2rem 1rem; } }
 73 | 
 74 | .project-name {
 75 |   margin-top: 0;
 76 |   margin-bottom: 0.1rem; }
 77 | 
 78 | @media screen and (min-width: 64em) {
 79 |   .project-name {
 80 |     font-size: 3.25rem; } }
 81 | 
 82 | @media screen and (min-width: 42em) and (max-width: 64em) {
 83 |   .project-name {
 84 |     font-size: 2.25rem; } }
 85 | 
 86 | @media screen and (max-width: 42em) {
 87 |   .project-name {
 88 |     font-size: 1.75rem; } }
 89 | 
 90 | .project-tagline {
 91 |   margin-bottom: 2rem;
 92 |   font-weight: normal;
 93 |   opacity: 0.7; }
 94 | 
 95 | @media screen and (min-width: 64em) {
 96 |   .project-tagline {
 97 |     font-size: 1.25rem; } }
 98 | 
 99 | @media screen and (min-width: 42em) and (max-width: 64em) {
100 |   .project-tagline {
101 |     font-size: 1.15rem; } }
102 | 
103 | @media screen and (max-width: 42em) {
104 |   .project-tagline {
105 |     font-size: 1rem; } }
106 | 
107 | .main-content :first-child {
108 |   margin-top: 0; }
109 | .main-content img {
110 |   max-width: 100%; }
111 | .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {
112 |   margin-top: 2rem;
113 |   margin-bottom: 1rem;
114 |   font-weight: normal;
115 |   color: #29323c; }
116 | .main-content p {
117 |   margin-bottom: 1em; }
118 | .main-content code {
119 |   padding: 2px 4px;
120 |   font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
121 |   font-size: 0.9rem;
122 |   color: #383e41;
123 |   background-color: #f3f6fa;
124 |   border-radius: 0.3rem; }
125 | .main-content pre {
126 |   padding: 0.8rem;
127 |   margin-top: 0;
128 |   margin-bottom: 1rem;
129 |   font: 1rem Consolas, "Liberation Mono", Menlo, Courier, monospace;
130 |   color: #567482;
131 |   word-wrap: normal;
132 |   background-color: #f3f6fa;
133 |   border: solid 1px #dce6f0;
134 |   border-radius: 0.3rem; }
135 |   .main-content pre > code {
136 |     padding: 0;
137 |     margin: 0;
138 |     font-size: 0.9rem;
139 |     color: #567482;
140 |     word-break: normal;
141 |     white-space: pre;
142 |     background: transparent;
143 |     border: 0; }
144 | .main-content .highlight {
145 |   margin-bottom: 1rem; }
146 |   .main-content .highlight pre {
147 |     margin-bottom: 0;
148 |     word-break: normal; }
149 | .main-content .highlight pre, .main-content pre {
150 |   padding: 0.8rem;
151 |   overflow: auto;
152 |   font-size: 0.9rem;
153 |   line-height: 1.45;
154 |   border-radius: 0.3rem; }
155 | .main-content pre code, .main-content pre tt {
156 |   display: inline;
157 |   max-width: initial;
158 |   padding: 0;
159 |   margin: 0;
160 |   overflow: initial;
161 |   line-height: inherit;
162 |   word-wrap: normal;
163 |   background-color: transparent;
164 |   border: 0; }
165 |   .main-content pre code:before, .main-content pre code:after, .main-content pre tt:before, .main-content pre tt:after {
166 |     content: normal; }
167 | .main-content ul, .main-content ol {
168 |   margin-top: 0; }
169 | .main-content blockquote {
170 |   padding: 0 1rem;
171 |   margin-left: 0;
172 |   color: #819198;
173 |   border-left: 0.3rem solid #dce6f0; }
174 |   .main-content blockquote > :first-child {
175 |     margin-top: 0; }
176 |   .main-content blockquote > :last-child {
177 |     margin-bottom: 0; }
178 | .main-content table {
179 |   display: block;
180 |   width: 100%;
181 |   overflow: auto;
182 |   word-break: normal;
183 |   word-break: keep-all; }
184 |   .main-content table th {
185 |     font-weight: bold; }
186 |   .main-content table th, .main-content table td {
187 |     padding: 0.5rem 1rem;
188 |     border: 1px solid #e9ebec; }
189 | .main-content dl {
190 |   padding: 0; }
191 |   .main-content dl dt {
192 |     padding: 0;
193 |     margin-top: 1rem;
194 |     font-size: 1rem;
195 |     font-weight: bold; }
196 |   .main-content dl dd {
197 |     padding: 0;
198 |     margin-bottom: 1rem; }
199 | .main-content hr {
200 |   height: 2px;
201 |   padding: 0;
202 |   margin: 1rem 0;
203 |   background-color: #eff0f1;
204 |   border: 0; }
205 | 
206 | @media screen and (min-width: 64em) {
207 |   .main-content {
208 |     max-width: 64rem;
209 |     padding: 2rem 6rem;
210 |     margin: 0 auto;
211 |     font-size: 1.1rem; } }
212 | 
213 | @media screen and (min-width: 42em) and (max-width: 64em) {
214 |   .main-content {
215 |     padding: 2rem 4rem;
216 |     font-size: 1.1rem; } }
217 | 
218 | @media screen and (max-width: 42em) {
219 |   .main-content {
220 |     padding: 2rem 1rem;
221 |     font-size: 1rem; } }
222 | 
223 | .site-footer {
224 |   padding-top: 2rem;
225 |   margin-top: 2rem;
226 |   border-top: solid 1px #eff0f1; }
227 | 
228 | .site-footer-owner {
229 |   display: block;
230 |   font-weight: bold; }
231 | 
232 | .site-footer-credits {
233 |   font-size: 0.8em;
234 |   color: #819198; }
235 | 
236 | @media screen and (min-width: 64em) {
237 |   .site-footer {
238 |     font-size: 1rem; } }
239 | 
240 | @media screen and (min-width: 42em) and (max-width: 64em) {
241 |   .site-footer {
242 |     font-size: 1rem; } }
243 | 
244 | @media screen and (max-width: 42em) {
245 |   .site-footer {
246 |     font-size: 0.9rem; } }
247 | 


--------------------------------------------------------------------------------
/src/Annotation.tsx:
--------------------------------------------------------------------------------
  1 | // carbondream - Copyright 2021 Zeroarc Software, LLC
  2 | // Annotation component
  3 | 'use strict';
  4 | 
  5 | import React, { ReactElement, useEffect, useRef, useState } from 'react';
  6 | 
  7 | import Marker from './Marker';
  8 | import Square from './Square';
  9 | import Circle from './Circle';
 10 | import Highlight from './Highlight';
 11 | import Content from './Content';
 12 | import Input from './Input';
 13 | 
 14 | import type { Offset } from './types';
 15 | 
 16 | // Globals
 17 | const BUBBLEDIM = { width: 260, height: 120 };
 18 | 
 19 | type Props = {
 20 |   allowEdit: boolean;
 21 |   allowDelete: boolean;
 22 |   author: string;
 23 |   content: string;
 24 |   containerOffset: Offset;
 25 |   deemphasize: boolean;
 26 |   horizontalOffset: number;
 27 |   hideContent: boolean;
 28 |   id?: number;
 29 |   pending: boolean;
 30 |   priority: number;
 31 |   type: string;
 32 |   viewOnlyMode: boolean;
 33 |   x1: number;
 34 |   y1: number;
 35 |   x2: number;
 36 |   y2: number;
 37 |   scale: number;
 38 | 
 39 |   // Optional
 40 |   cancelAnnotation: () => void;
 41 |   deleteAnnotation: (id: number) => void;
 42 |   displayAnnotationViewer?: (id: number) => void;
 43 |   editAnnotation: (id: number) => void;
 44 |   hideAnnotationViewer?: (id: number) => void;
 45 |   saveAnnotation: (value: string) => void;
 46 |   timeStamp?: Date;
 47 | } & typeof defaultProps;
 48 | 
 49 | const defaultProps = {
 50 |   drawing: false,
 51 |   shouldDisplayViewer: false,
 52 | };
 53 | 
 54 | export const Annotation = (props: Props): ReactElement => {
 55 |   props = { ...defaultProps, ...props };
 56 |   const annotationWrapper = useRef<HTMLDivElement>(null);
 57 |   const leftPageOffset = props.horizontalOffset || 0;
 58 | 
 59 |   // This isn't actually used anywhere, but causes react to re-render the
 60 |   // Input component after the annotationWrapper has been rendered and has coordinates
 61 |   // This addresses the Input not showing issue #2042
 62 |   const [annotationWrapperLoc, setAnnotationWrapperLoc] = useState({
 63 |     top: 0,
 64 |     left: 0,
 65 |   });
 66 | 
 67 |   // This effect is the second part of the work around described above.
 68 |   // This addresses the Input not showing issue #2042
 69 |   useEffect(() => {
 70 |     const rect = annotationWrapper.current?.getBoundingClientRect();
 71 |     // Horizontal offset is only used here to compensate for an edge case
 72 |     // when an iframe is causing the page to shift horizontally which breaks
 73 |     // fixed position styling.
 74 | 
 75 |     if (rect) {
 76 |       setAnnotationWrapperLoc({
 77 |         top: rect.top,
 78 |         left: rect.left - leftPageOffset,
 79 |       });
 80 |     }
 81 |   }, []);
 82 | 
 83 |   const handleMouseOver = (e: React.MouseEvent<Element, MouseEvent>) => {
 84 |     e.stopPropagation();
 85 |     if (props.pending || !props.id) return;
 86 |     if (!props.displayAnnotationViewer) return;
 87 |     props.displayAnnotationViewer(props.id);
 88 |   };
 89 | 
 90 |   const handleMouseOut = (e: React.MouseEvent<Element, MouseEvent>) => {
 91 |     e.stopPropagation();
 92 |     if (props.pending || !props.id) return;
 93 |     if (!props.hideAnnotationViewer) return;
 94 |     props.hideAnnotationViewer(props.id);
 95 |   };
 96 | 
 97 |   const handleClick = (e: React.MouseEvent<Element, MouseEvent>) => {
 98 |     // Allow markers to be placed inside shapes, but not on other markers
 99 |     if (props.type === 'marker') e.stopPropagation();
100 |   };
101 | 
102 |   // Destructuring is on one line b/c vim indenting gets confused
103 |   const {
104 |     x1,
105 |     y1,
106 |     x2,
107 |     y2,
108 |     displayAnnotationViewer,
109 |     hideAnnotationViewer,
110 |     ...other
111 |   } = props;
112 | 
113 |   let width = Math.abs(x1 - x2);
114 |   let height = Math.abs(y1 - y2);
115 | 
116 |   // Figure out what direction the mouse is dragging. 1 === left to right, up to down
117 |   const xDir = x2 - x1 >= 0 ? 1 : -1;
118 |   const yDir = y2 - y1 >= 0 ? 1 : -1;
119 | 
120 |   const divStyle = {
121 |     left: xDir === 1 ? x1 : x2,
122 |     top: yDir === 1 ? y1 : y2,
123 |   };
124 | 
125 |   // Default offsets based on height/width of bubble
126 |   const offset: Offset = {
127 |     vertical: -BUBBLEDIM.height - 10,
128 |     horizontal: width / 2 - BUBBLEDIM.width / 2,
129 |     shadow: null,
130 |   };
131 | 
132 |   let indicator: JSX.Element | null = null;
133 | 
134 |   switch (props.type) {
135 |     case 'marker':
136 |       indicator = (
137 |         <Marker deemphasize={props.deemphasize} priority={props.priority} />
138 |       );
139 |       offset.vertical -= 25;
140 |       height = 0;
141 |       offset.horizontal = -BUBBLEDIM.width / 2;
142 |       break;
143 |     case 'square':
144 |       indicator = (
145 |         <Square
146 |           deemphasize={props.deemphasize}
147 |           width={width}
148 |           height={height}
149 |           priority={props.priority}
150 |         />
151 |       );
152 |       break;
153 |     case 'circle':
154 |       // For circles, we need to use the biggest mouse value as diameter
155 |       width = height = Math.max(width, height);
156 |       indicator = (
157 |         <Circle
158 |           deemphasize={props.deemphasize}
159 |           width={width}
160 |           height={height}
161 |           priority={props.priority}
162 |         />
163 |       );
164 |       break;
165 |     case 'highlight':
166 |       divStyle.top = y1; // Force back to y1, highlights must stay on same vertical height
167 |       height = 15 * props.scale; // Force height of highlight to allow correct bubble placement
168 |       indicator = (
169 |         <Highlight
170 |           deemphasize={props.deemphasize}
171 |           width={width}
172 |           height={height}
173 |           priority={props.priority}
174 |         />
175 |       );
176 |       break;
177 |   }
178 | 
179 |   // If we are going to push above the viewport, invert the bubble and modify the offset to draw below
180 |   const invert =
181 |     y1 + offset.vertical - 10 + props.containerOffset.vertical <= 0
182 |       ? true
183 |       : false;
184 |   if (invert) offset.vertical = height + 36;
185 | 
186 |   // Check to see if we are going to draw past the left or right side of the viewport.
187 |   if (!document || !document.documentElement) return <div></div>;
188 |   const viewPortWidth =
189 |     document.documentElement.clientWidth - props.containerOffset.horizontal;
190 | 
191 |   const pushHorizontal =
192 |     x1 + (width / 2 - BUBBLEDIM.width / 2) + props.containerOffset.horizontal <=
193 |     0
194 |       ? true
195 |       : false;
196 |   const pullHorizontal =
197 |     x1 + (width / 2 + BUBBLEDIM.width / 2) >= viewPortWidth ? true : false;
198 | 
199 |   // If we need to push or pull the bubble, recalculate the offsets based on bubble size and
200 |   // marker position. This was fun to figure out. The 5 is just there for additional padding.
201 |   if (pushHorizontal) {
202 |     const additionalOffset = offset.horizontal + x1 - 5;
203 |     offset.horizontal = offset.horizontal - additionalOffset;
204 | 
205 |     if (props.type !== 'marker') offset.shadow = x1 + width / 2 - 14;
206 |     else offset.shadow = x1 - 14;
207 |   } else if (pullHorizontal) {
208 |     const additionalOffset =
209 |       viewPortWidth - (BUBBLEDIM.width + 5) - offset.horizontal - x1;
210 |     offset.horizontal = offset.horizontal + additionalOffset;
211 | 
212 |     if (props.type !== 'marker')
213 |       offset.shadow = -offset.horizontal + width / 2 - 10;
214 |     else offset.shadow = -offset.horizontal - 10;
215 |   }
216 | 
217 |   const contentComponent =
218 |     !props.drawing && !props.pending && other.id ? (
219 |       <Content
220 |         id={other.id}
221 |         invert={invert}
222 |         pushHorizontal={pushHorizontal}
223 |         pullHorizontal={pullHorizontal}
224 |         offset={offset}
225 |         // Recalculate the position each time the element is rendered, otherwise we end up with stale coordinates
226 |         // when parent containers shift around
227 |         top={annotationWrapper.current?.getBoundingClientRect().top || 0}
228 |         left={
229 |           (annotationWrapper.current?.getBoundingClientRect().left || 0) -
230 |           leftPageOffset
231 |         }
232 |         {...other}
233 |       />
234 |     ) : (
235 |       <></>
236 |     );
237 |   const inputComponent =
238 |     !props.drawing && props.pending ? (
239 |       <Input
240 |         invert={invert}
241 |         pushHorizontal={pushHorizontal}
242 |         pullHorizontal={pullHorizontal}
243 |         offset={offset}
244 |         // Recalculate the position each time the element is rendered, otherwise we end up with stale coordinates
245 |         // when parent containers shift around
246 |         top={annotationWrapper.current?.getBoundingClientRect().top || 0}
247 |         left={
248 |           (annotationWrapper.current?.getBoundingClientRect().left || 0) -
249 |           leftPageOffset
250 |         }
251 |         {...other}
252 |       />
253 |     ) : (
254 |       <></>
255 |     );
256 | 
257 |   //console.log(`drawing indicator at left: ${divStyle.left}, top: ${divStyle.top}`);
258 |   return (
259 |     <div
260 |       id={`annotation-${props.id}`}
261 |       style={divStyle}
262 |       ref={annotationWrapper}
263 |       className={'cd-annotation ' + props.type}
264 |       onMouseOver={handleMouseOver}
265 |       onMouseOut={handleMouseOut}
266 |       onClick={handleClick}
267 |     >
268 |       {contentComponent}
269 |       {inputComponent}
270 |       {indicator}
271 |     </div>
272 |   );
273 | };
274 | 
275 | Annotation.defaultProps = defaultProps;
276 | 
277 | export default Annotation;
278 | 


--------------------------------------------------------------------------------
/stylesheets/normalize.css:
--------------------------------------------------------------------------------
  1 | /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
  2 | 
  3 | /**
  4 |  * 1. Set default font family to sans-serif.
  5 |  * 2. Prevent iOS text size adjust after orientation change, without disabling
  6 |  *    user zoom.
  7 |  */
  8 | 
  9 | html {
 10 |   font-family: sans-serif; /* 1 */
 11 |   -ms-text-size-adjust: 100%; /* 2 */
 12 |   -webkit-text-size-adjust: 100%; /* 2 */
 13 | }
 14 | 
 15 | /**
 16 |  * Remove default margin.
 17 |  */
 18 | 
 19 | body {
 20 |   margin: 0;
 21 | }
 22 | 
 23 | /* HTML5 display definitions
 24 |    ========================================================================== */
 25 | 
 26 | /**
 27 |  * Correct `block` display not defined for any HTML5 element in IE 8/9.
 28 |  * Correct `block` display not defined for `details` or `summary` in IE 10/11
 29 |  * and Firefox.
 30 |  * Correct `block` display not defined for `main` in IE 11.
 31 |  */
 32 | 
 33 | article,
 34 | aside,
 35 | details,
 36 | figcaption,
 37 | figure,
 38 | footer,
 39 | header,
 40 | hgroup,
 41 | main,
 42 | menu,
 43 | nav,
 44 | section,
 45 | summary {
 46 |   display: block;
 47 | }
 48 | 
 49 | /**
 50 |  * 1. Correct `inline-block` display not defined in IE 8/9.
 51 |  * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 52 |  */
 53 | 
 54 | audio,
 55 | canvas,
 56 | progress,
 57 | video {
 58 |   display: inline-block; /* 1 */
 59 |   vertical-align: baseline; /* 2 */
 60 | }
 61 | 
 62 | /**
 63 |  * Prevent modern browsers from displaying `audio` without controls.
 64 |  * Remove excess height in iOS 5 devices.
 65 |  */
 66 | 
 67 | audio:not([controls]) {
 68 |   display: none;
 69 |   height: 0;
 70 | }
 71 | 
 72 | /**
 73 |  * Address `[hidden]` styling not present in IE 8/9/10.
 74 |  * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 75 |  */
 76 | 
 77 | [hidden],
 78 | template {
 79 |   display: none;
 80 | }
 81 | 
 82 | /* Links
 83 |    ========================================================================== */
 84 | 
 85 | /**
 86 |  * Remove the gray background color from active links in IE 10.
 87 |  */
 88 | 
 89 | a {
 90 |   background-color: transparent;
 91 | }
 92 | 
 93 | /**
 94 |  * Improve readability when focused and also mouse hovered in all browsers.
 95 |  */
 96 | 
 97 | a:active,
 98 | a:hover {
 99 |   outline: 0;
100 | }
101 | 
102 | /* Text-level semantics
103 |    ========================================================================== */
104 | 
105 | /**
106 |  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
107 |  */
108 | 
109 | abbr[title] {
110 |   border-bottom: 1px dotted;
111 | }
112 | 
113 | /**
114 |  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
115 |  */
116 | 
117 | b,
118 | strong {
119 |   font-weight: bold;
120 | }
121 | 
122 | /**
123 |  * Address styling not present in Safari and Chrome.
124 |  */
125 | 
126 | dfn {
127 |   font-style: italic;
128 | }
129 | 
130 | /**
131 |  * Address variable `h1` font-size and margin within `section` and `article`
132 |  * contexts in Firefox 4+, Safari, and Chrome.
133 |  */
134 | 
135 | h1 {
136 |   font-size: 2em;
137 |   margin: 0.67em 0;
138 | }
139 | 
140 | /**
141 |  * Address styling not present in IE 8/9.
142 |  */
143 | 
144 | mark {
145 |   background: #ff0;
146 |   color: #000;
147 | }
148 | 
149 | /**
150 |  * Address inconsistent and variable font size in all browsers.
151 |  */
152 | 
153 | small {
154 |   font-size: 80%;
155 | }
156 | 
157 | /**
158 |  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
159 |  */
160 | 
161 | sub,
162 | sup {
163 |   font-size: 75%;
164 |   line-height: 0;
165 |   position: relative;
166 |   vertical-align: baseline;
167 | }
168 | 
169 | sup {
170 |   top: -0.5em;
171 | }
172 | 
173 | sub {
174 |   bottom: -0.25em;
175 | }
176 | 
177 | /* Embedded content
178 |    ========================================================================== */
179 | 
180 | /**
181 |  * Remove border when inside `a` element in IE 8/9/10.
182 |  */
183 | 
184 | img {
185 |   border: 0;
186 | }
187 | 
188 | /**
189 |  * Correct overflow not hidden in IE 9/10/11.
190 |  */
191 | 
192 | svg:not(:root) {
193 |   overflow: hidden;
194 | }
195 | 
196 | /* Grouping content
197 |    ========================================================================== */
198 | 
199 | /**
200 |  * Address margin not present in IE 8/9 and Safari.
201 |  */
202 | 
203 | figure {
204 |   margin: 1em 40px;
205 | }
206 | 
207 | /**
208 |  * Address differences between Firefox and other browsers.
209 |  */
210 | 
211 | hr {
212 |   box-sizing: content-box;
213 |   height: 0;
214 | }
215 | 
216 | /**
217 |  * Contain overflow in all browsers.
218 |  */
219 | 
220 | pre {
221 |   overflow: auto;
222 | }
223 | 
224 | /**
225 |  * Address odd `em`-unit font size rendering in all browsers.
226 |  */
227 | 
228 | code,
229 | kbd,
230 | pre,
231 | samp {
232 |   font-family: monospace, monospace;
233 |   font-size: 1em;
234 | }
235 | 
236 | /* Forms
237 |    ========================================================================== */
238 | 
239 | /**
240 |  * Known limitation: by default, Chrome and Safari on OS X allow very limited
241 |  * styling of `select`, unless a `border` property is set.
242 |  */
243 | 
244 | /**
245 |  * 1. Correct color not being inherited.
246 |  *    Known issue: affects color of disabled elements.
247 |  * 2. Correct font properties not being inherited.
248 |  * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
249 |  */
250 | 
251 | button,
252 | input,
253 | optgroup,
254 | select,
255 | textarea {
256 |   color: inherit; /* 1 */
257 |   font: inherit; /* 2 */
258 |   margin: 0; /* 3 */
259 | }
260 | 
261 | /**
262 |  * Address `overflow` set to `hidden` in IE 8/9/10/11.
263 |  */
264 | 
265 | button {
266 |   overflow: visible;
267 | }
268 | 
269 | /**
270 |  * Address inconsistent `text-transform` inheritance for `button` and `select`.
271 |  * All other form control elements do not inherit `text-transform` values.
272 |  * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
273 |  * Correct `select` style inheritance in Firefox.
274 |  */
275 | 
276 | button,
277 | select {
278 |   text-transform: none;
279 | }
280 | 
281 | /**
282 |  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
283 |  *    and `video` controls.
284 |  * 2. Correct inability to style clickable `input` types in iOS.
285 |  * 3. Improve usability and consistency of cursor style between image-type
286 |  *    `input` and others.
287 |  */
288 | 
289 | button,
290 | html input[type="button"], /* 1 */
291 | input[type="reset"],
292 | input[type="submit"] {
293 |   -webkit-appearance: button; /* 2 */
294 |   cursor: pointer; /* 3 */
295 | }
296 | 
297 | /**
298 |  * Re-set default cursor for disabled elements.
299 |  */
300 | 
301 | button[disabled],
302 | html input[disabled] {
303 |   cursor: default;
304 | }
305 | 
306 | /**
307 |  * Remove inner padding and border in Firefox 4+.
308 |  */
309 | 
310 | button::-moz-focus-inner,
311 | input::-moz-focus-inner {
312 |   border: 0;
313 |   padding: 0;
314 | }
315 | 
316 | /**
317 |  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
318 |  * the UA stylesheet.
319 |  */
320 | 
321 | input {
322 |   line-height: normal;
323 | }
324 | 
325 | /**
326 |  * It's recommended that you don't attempt to style these elements.
327 |  * Firefox's implementation doesn't respect box-sizing, padding, or width.
328 |  *
329 |  * 1. Address box sizing set to `content-box` in IE 8/9/10.
330 |  * 2. Remove excess padding in IE 8/9/10.
331 |  */
332 | 
333 | input[type="checkbox"],
334 | input[type="radio"] {
335 |   box-sizing: border-box; /* 1 */
336 |   padding: 0; /* 2 */
337 | }
338 | 
339 | /**
340 |  * Fix the cursor style for Chrome's increment/decrement buttons. For certain
341 |  * `font-size` values of the `input`, it causes the cursor style of the
342 |  * decrement button to change from `default` to `text`.
343 |  */
344 | 
345 | input[type="number"]::-webkit-inner-spin-button,
346 | input[type="number"]::-webkit-outer-spin-button {
347 |   height: auto;
348 | }
349 | 
350 | /**
351 |  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
352 |  * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
353 |  *    (include `-moz` to future-proof).
354 |  */
355 | 
356 | input[type="search"] {
357 |   -webkit-appearance: textfield; /* 1 */ /* 2 */
358 |   box-sizing: content-box;
359 | }
360 | 
361 | /**
362 |  * Remove inner padding and search cancel button in Safari and Chrome on OS X.
363 |  * Safari (but not Chrome) clips the cancel button when the search input has
364 |  * padding (and `textfield` appearance).
365 |  */
366 | 
367 | input[type="search"]::-webkit-search-cancel-button,
368 | input[type="search"]::-webkit-search-decoration {
369 |   -webkit-appearance: none;
370 | }
371 | 
372 | /**
373 |  * Define consistent border, margin, and padding.
374 |  */
375 | 
376 | fieldset {
377 |   border: 1px solid #c0c0c0;
378 |   margin: 0 2px;
379 |   padding: 0.35em 0.625em 0.75em;
380 | }
381 | 
382 | /**
383 |  * 1. Correct `color` not being inherited in IE 8/9/10/11.
384 |  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
385 |  */
386 | 
387 | legend {
388 |   border: 0; /* 1 */
389 |   padding: 0; /* 2 */
390 | }
391 | 
392 | /**
393 |  * Remove default vertical scrollbar in IE 8/9/10/11.
394 |  */
395 | 
396 | textarea {
397 |   overflow: auto;
398 | }
399 | 
400 | /**
401 |  * Don't inherit the `font-weight` (applied by a rule above).
402 |  * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
403 |  */
404 | 
405 | optgroup {
406 |   font-weight: bold;
407 | }
408 | 
409 | /* Tables
410 |    ========================================================================== */
411 | 
412 | /**
413 |  * Remove most spacing between table cells.
414 |  */
415 | 
416 | table {
417 |   border-collapse: collapse;
418 |   border-spacing: 0;
419 | }
420 | 
421 | td,
422 | th {
423 |   padding: 0;
424 | }
425 | 


--------------------------------------------------------------------------------
/src/Container.tsx:
--------------------------------------------------------------------------------
  1 | // carbondream - Copyright 2021 Zeroarc Software, LLC
  2 | // Top level container component
  3 | 'use strict';
  4 | 
  5 | import React, { useRef, useState, useEffect } from 'react';
  6 | import Immutable from 'immutable';
  7 | 
  8 | import Annotation from './Annotation';
  9 | import ModeToggle from './ModeToggle';
 10 | 
 11 | import type {
 12 |   Annotation as AnnotationType,
 13 |   Mode,
 14 |   Offset,
 15 |   AnnotationPoint,
 16 | } from './types';
 17 | 
 18 | type Props = {
 19 |   allowDelete: boolean;
 20 |   allowEdit: boolean;
 21 |   annotations: Immutable.List<AnnotationType>;
 22 |   debugMode: boolean;
 23 |   height: number;
 24 |   onDelete: (id: number) => void;
 25 |   onDeselect?: () => void;
 26 |   onSave: (type: AnnotationType) => void;
 27 |   onSelect?: (id: number) => void;
 28 |   offsetLeft: number;
 29 |   offsetTop: number;
 30 |   scale: number;
 31 |   verticalOffset: number;
 32 | 
 33 |   // Horizontal offset is only used here to compensate for an edge case
 34 |   // when an iframe is causing the page to shift horizontally which breaks
 35 |   // fixed position styling.
 36 |   horizontalOffset: number;
 37 | } & typeof defaultProps;
 38 | 
 39 | const defaultProps = {
 40 |   viewOnlyMode: false,
 41 |   selectedId: 0,
 42 |   scale: 1,
 43 |   hidden: false,
 44 |   hideContent: false
 45 | };
 46 | 
 47 | export const Container = (props: Props) => {
 48 |   props = { ...defaultProps, ...props };
 49 | 
 50 |   //#region Hooks
 51 | 
 52 |   const [pendingAnnotation, setPendingAnnotation] =
 53 |     useState<AnnotationType | null>(null);
 54 |   const [visibleViewerId, setVisibleViewerId] = useState(props.selectedId || 0);
 55 |   const [mode, setMode] = useState('marker');
 56 |   const [containerOffset, setContainerOffset] = useState<Offset>({
 57 |     vertical: 0,
 58 |     horizontal: 0,
 59 |     shadow: null,
 60 |   });
 61 | 
 62 |   const viewerHideTimer = useRef<NodeJS.Timeout>();
 63 |   const cdContainer = useRef<HTMLDivElement>(null);
 64 | 
 65 |   useEffect(() => {
 66 |     setVisibleViewerId(props.selectedId);
 67 |   }, [props.selectedId]);
 68 | 
 69 |   useEffect(() => {
 70 |     cancelAnnotation();
 71 |   }, [props.scale]);
 72 | 
 73 |   //#endregion
 74 | 
 75 |   const getOffset = (element: Element): Offset => {
 76 |     const doc = element && element.ownerDocument;
 77 | 
 78 |     if (
 79 |       !doc ||
 80 |       !element ||
 81 |       typeof element.getBoundingClientRect !== 'function'
 82 |     ) {
 83 |       return { vertical: 0, horizontal: 0, shadow: null };
 84 |     }
 85 | 
 86 |     const box = element.getBoundingClientRect();
 87 | 
 88 |     return {
 89 |       vertical: box.top,
 90 |       horizontal: box.left,
 91 |       shadow: null,
 92 |     };
 93 |   };
 94 | 
 95 |   const updateOffset = () => {
 96 |     if (!cdContainer.current) return;
 97 |     const offset = getOffset(cdContainer.current);
 98 |     setContainerOffset(offset);
 99 |   };
100 | 
101 |   const handleClick = (e: React.MouseEvent<Element, MouseEvent>) => {
102 |     // console.debug(
103 |     //   `click fired. scale: ${props.scale}, offset(top/left): ${containerOffset.vertical}/${containerOffset.horizontal}, clientX: ${e.clientX}, clientY: ${e.clientY}, container.ScrollTop: ${cdContainer.current?.parentElement?.scrollTop}`
104 |     // );
105 |     e.stopPropagation();
106 |     if (props.viewOnlyMode) return;
107 | 
108 |     updateOffset();
109 | 
110 |     if (pendingAnnotation || mode !== 'marker') return;
111 | 
112 |     const a: AnnotationPoint = {
113 |       content: '',
114 |       author: '',
115 |       timeStamp: new Date(),
116 |       type: mode,
117 |       x1: Math.round(e.clientX - containerOffset.horizontal),
118 |       y1: Math.round(e.clientY - containerOffset.vertical),
119 |       x2: Math.round(e.clientX + 14 - containerOffset.horizontal), //14 & 24 are the size of the marker
120 |       y2: Math.round(e.clientY + 24 - containerOffset.vertical),
121 |       drawing: false,
122 |     };
123 | 
124 |     const annotation = Immutable.Map(a);
125 | 
126 |     //console.debug(`annotation: scale: ${props.scale}, offset(top/left): ${containerOffset.vertical}/${containerOffset.horizontal}, x1: ${annotation.get('x1')}, y1: ${annotation.get('y1')}, x2: ${annotation.get('x2')}, y2: ${annotation.get('y2')}`);
127 | 
128 |     setPendingAnnotation(annotation);
129 |   };
130 | 
131 |   const handleMouseDown = (e: React.MouseEvent<Element, MouseEvent>) => {
132 |     //console.debug(`mousedown fired. scale: ${props.scale}, clientX: ${e.clientX}, clientY: ${e.clientY}`);
133 |     e.stopPropagation();
134 |     if (props.viewOnlyMode) return;
135 | 
136 |     updateOffset();
137 | 
138 |     if (pendingAnnotation || visibleViewerId || mode === 'marker') return;
139 | 
140 |     const annotation = Immutable.Map({
141 |       content: '',
142 |       timeStamp: new Date(),
143 |       type: mode,
144 |       drawing: true,
145 |       x1: Math.round(e.clientX - containerOffset.horizontal),
146 |       y1: Math.round(e.clientY - containerOffset.vertical),
147 |       x2: Math.round(e.clientX - containerOffset.horizontal),
148 |       y2: Math.round(e.clientY - containerOffset.vertical),
149 |     });
150 | 
151 |     setPendingAnnotation(annotation);
152 |   };
153 | 
154 |   const handleMouseMove = (e: React.MouseEvent<Element, MouseEvent>) => {
155 |     //console.debug(`mousemove fired. scale: ${props.scale}, clientX: ${e.clientX}, clientY: ${e.clientY}`);
156 |     e.stopPropagation();
157 |     if (props.viewOnlyMode) return;
158 | 
159 |     updateOffset();
160 | 
161 |     if (visibleViewerId || mode === 'marker' || !pendingAnnotation) return;
162 | 
163 |     // If drawing is not true, then don't proceed
164 |     let annotation = pendingAnnotation;
165 |     if (annotation === null) return;
166 |     if (!annotation.get('drawing')) return;
167 | 
168 |     annotation = annotation
169 |       .set('x2', e.clientX - containerOffset.horizontal)
170 |       .set('y2', e.clientY - containerOffset.vertical);
171 | 
172 |     setPendingAnnotation(annotation);
173 |   };
174 | 
175 |   const handleMouseUp = (e: React.MouseEvent<Element, MouseEvent>) => {
176 |     //console.debug(`mouseup fired. scale: ${props.scale}, clientX: ${e.clientX}, clientY: ${e.clientY}`);
177 |     e.stopPropagation();
178 |     if (props.viewOnlyMode) return;
179 | 
180 |     updateOffset();
181 | 
182 |     if (visibleViewerId || mode === 'marker' || !pendingAnnotation) return;
183 | 
184 |     // If drawing is false, we have already popped the input dialog
185 |     let annotation = pendingAnnotation;
186 |     if (annotation === null) return;
187 |     if (!annotation.get('drawing')) return;
188 | 
189 |     annotation = annotation
190 |       .set('drawing', false)
191 |       .set('x2', Math.round(e.clientX - containerOffset.horizontal))
192 |       .set('y2', Math.round(e.clientY - containerOffset.vertical));
193 | 
194 |     if (annotation.get('x2') < annotation.get('x1')) {
195 |       const newAnnotation = annotation
196 |         .set('x1', annotation.get('x2'))
197 |         .set('x2', annotation.get('x1'));
198 |       annotation = newAnnotation;
199 |     }
200 | 
201 |     if (annotation.get('y2') < annotation.get('y1')) {
202 |       const newAnnotation = annotation
203 |         .set('y1', annotation.get('y2'))
204 |         .set('y2', annotation.get('y1'));
205 | 
206 |       annotation = newAnnotation;
207 |     }
208 | 
209 |     // Only save the pending change if the mark is bigger than a single point
210 |     // In this case, vertical or horizontal lines are allowed
211 |     if (
212 |       Math.abs(annotation.get('x2') - annotation.get('x1')) < 1 &&
213 |       Math.abs(annotation.get('y2') - annotation.get('y1')) < 1
214 |     ) {
215 |       setPendingAnnotation(null);
216 |     } else {
217 |       setPendingAnnotation(annotation);
218 |     }
219 |   };
220 | 
221 |   const switchMode = (mode: Mode) => {
222 |     //console.debug('mode is now: ' + mode);
223 |     setMode(mode);
224 | 
225 |     if (pendingAnnotation) {
226 |       cancelAnnotation();
227 |     }
228 |   };
229 | 
230 |   const saveAnnotation = (content: string) => {
231 |     if (!pendingAnnotation) return;
232 | 
233 |     const a = pendingAnnotation
234 |       .set('content', content)
235 |       .set('timeStamp', new Date());
236 | 
237 |     props.onSave(a);
238 |     setPendingAnnotation(null);
239 |   };
240 | 
241 |   const deleteAnnotation = (id: number) => {
242 |     props.onDelete(id);
243 |   };
244 | 
245 |   // If editing, pull the annotation out and put it in pending, force viewer to null
246 |   const editAnnotation = (id: number) => {
247 |     const annotation = props.annotations.find((value: AnnotationType) => {
248 |       if (value.get('id') === id) return true;
249 |       return false;
250 |     });
251 |     if (annotation) {
252 |       setPendingAnnotation(annotation);
253 |       setVisibleViewerId(0);
254 |     }
255 |   };
256 | 
257 |   const cancelAnnotation = () => {
258 |     // TODO: This delays the close event by 50ms to prevent any other click events from firing
259 |     // Is this gross? I don't even know. Think about it some more and change if it is.
260 |     // Hard to see how to do this without timers or screwing up component isolation
261 |     setTimeout(() => {
262 |       setPendingAnnotation(null);
263 |     }, 50);
264 |   };
265 | 
266 |   const displayAnnotationViewer = (id: number) => {
267 |     if (pendingAnnotation) return;
268 | 
269 |     clearTimeout(viewerHideTimer.current);
270 | 
271 |     // If a onSelect handler has been provided, invoke it
272 |     if (props.onSelect) {
273 |       props.onSelect(id);
274 |     }
275 |     setVisibleViewerId(id);
276 |   };
277 | 
278 |   const hideAnnotationViewer = (id: number) => {
279 |     clearTimeout(viewerHideTimer.current);
280 | 
281 |     viewerHideTimer.current = setTimeout(() => {
282 |       // If a onDeselect handler has been provided, invoke it
283 |       if (props.onDeselect) {
284 |         props.onDeselect();
285 |       }
286 |       setVisibleViewerId(0);
287 |     }, 250);
288 |   };
289 | 
290 |   const pA = pendingAnnotation;
291 | 
292 |   let pAnnotationComponent: JSX.Element | null = null;
293 | 
294 |   if (pA && !props.hidden) {
295 |     pAnnotationComponent = (
296 |       <Annotation
297 |         id={pA.get('id')}
298 |         allowDelete={false}
299 |         allowEdit={false}
300 |         content={pA.get('content')}
301 |         pending={true}
302 |         priority={0}
303 |         drawing={pA.get('drawing')}
304 |         saveAnnotation={saveAnnotation}
305 |         cancelAnnotation={cancelAnnotation}
306 |         deleteAnnotation={deleteAnnotation}
307 |         editAnnotation={editAnnotation}
308 |         deemphasize={false}
309 |         hideContent={props.hideContent}
310 |         type={pA.get('type')}
311 |         containerOffset={containerOffset}
312 |         horizontalOffset={props.horizontalOffset}
313 |         author={pA.get('author')}
314 |         viewOnlyMode={false}
315 |         x1={pA.get('x1')}
316 |         y1={pA.get('y1')}
317 |         x2={pA.get('x2')}
318 |         y2={pA.get('y2')}
319 |         scale={props.scale}
320 |       />
321 |     );
322 |   }
323 | 
324 |   // Sorting the annotations: largest area to smallest area, then highlights, then markers
325 |   // This allows us to assign a priority with biggest shapes being lowest in order to
326 |   // calculate a z-index that stacks them accordingly
327 | 
328 |   const sortedAnnotations = props.annotations.sort(
329 |     (a1: AnnotationType, a2: AnnotationType) => {
330 |       const m1 = a1.toJS() as AnnotationPoint;
331 |       const m2 = a2.toJS() as AnnotationPoint;
332 | 
333 |       if (m1.type === 'marker' || m2.type === 'marker') {
334 |         if (m1.type === m2.type) return 0;
335 |         if (m1.type === 'marker') return 1;
336 |         return -1;
337 |       }
338 | 
339 |       if (m1.type === 'highlight' || m2.type === 'highlight') {
340 |         if (m1.type === m2.type) return 0;
341 |         if (m1.type === 'highlight') return 1;
342 |         return -1;
343 |       }
344 | 
345 |       const m1Area = Math.abs((m1.x1 - m1.x2) * (m1.y1 - m1.y2));
346 |       const m2Area = Math.abs((m2.x1 - m2.x2) * (m2.y1 - m2.y2));
347 | 
348 |       return m2Area - m1Area;
349 |     }
350 |   );
351 | 
352 |   let annotations = null;
353 |   if (!props.hidden) {
354 |     annotations = sortedAnnotations.map((a: AnnotationType, i: number) => {
355 |       return (
356 |         <Annotation
357 |           allowDelete={props.allowDelete}
358 |           allowEdit={props.allowEdit}
359 |           key={a.get('id')}
360 |           id={a.get('id')}
361 |           priority={i + 1}
362 |           content={a.get('content')}
363 |           timeStamp={a.get('timeStamp')}
364 |           pending={false}
365 |           shouldDisplayViewer={a.get('id') === visibleViewerId}
366 |           deemphasize={visibleViewerId !== 0 && a.get('id') !== visibleViewerId}
367 |           displayAnnotationViewer={displayAnnotationViewer}
368 |           hideAnnotationViewer={hideAnnotationViewer}
369 |           horizontalOffset={props.horizontalOffset}
370 |           hideContent={props.hideContent}
371 |           deleteAnnotation={deleteAnnotation}
372 |           editAnnotation={editAnnotation}
373 |           saveAnnotation={saveAnnotation}
374 |           cancelAnnotation={cancelAnnotation}
375 |           viewOnlyMode={props.viewOnlyMode}
376 |           type={a.get('type')}
377 |           author={a.get('author')}
378 |           containerOffset={containerOffset}
379 |           x1={a.get('x1')}
380 |           y1={a.get('y1')}
381 |           x2={a.get('x2')}
382 |           y2={a.get('y2')}
383 |           scale={props.scale}
384 |         />
385 |       );
386 |     });
387 |   }
388 | 
389 |   const containerStyle: React.CSSProperties = {
390 |     height: `${props.height}px`,
391 |   };
392 |   // Debug mode shows a purple overlay of target area
393 |   if (props.debugMode) containerStyle.backgroundColor = 'rgb(1 19 180 / 10%)';
394 | 
395 |   return (
396 |     <div
397 |       ref={cdContainer}
398 |       className='cd-container'
399 |       style={containerStyle}
400 |       onClick={handleClick}
401 |       onMouseDown={handleMouseDown}
402 |       onMouseUp={handleMouseUp}
403 |       onMouseMove={handleMouseMove}
404 |     >
405 |       {props.viewOnlyMode || (
406 |         <ModeToggle
407 |           mode={mode}
408 |           switchMode={switchMode}
409 |           verticalOffset={props.verticalOffset}
410 |         />
411 |       )}
412 |       {annotations}
413 |       {pAnnotationComponent}
414 |     </div>
415 |   );
416 | };
417 | 
418 | Container.defaultProps = defaultProps;
419 | 
420 | export default Container;
421 | 


--------------------------------------------------------------------------------
/web/css/font-awesome.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": "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",
4 | "sources": ["../scss/_path.scss","../scss/_core.scss","../scss/_larger.scss","../scss/_fixed-width.scss","../scss/_list.scss","../scss/_variables.scss","../scss/_bordered-pulled.scss","../scss/_animated.scss","../scss/_rotated-flipped.scss","../scss/_mixins.scss","../scss/_stacked.scss","../scss/_icons.scss"],
5 | "names": [],
6 | "file": "font-awesome.css"
7 | }
8 | 


--------------------------------------------------------------------------------
/web/css/font-awesome.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
3 |  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4 |  */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.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:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.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:#fff}.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-remove:before,.fa-close:before,.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,.fa-bar-chart: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-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.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,.fa-gratipay: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-pp: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-buoy: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-resistance: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-y-combinator-square:before,.fa-yc-square:before,.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"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
5 | 


--------------------------------------------------------------------------------
/web/css/font-awesome.css:
--------------------------------------------------------------------------------
   1 | /*!
   2 |  *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
   3 |  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
   4 |  */
   5 | /* FONT PATH
   6 |  * -------------------------- */
   7 | @font-face {
   8 |   font-family: 'FontAwesome';
   9 |   src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  10 |   src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  11 |   font-weight: normal;
  12 |   font-style: normal;
  13 | }
  14 | .fa {
  15 |   display: inline-block;
  16 |   font: normal normal normal 14px/1 FontAwesome;
  17 |   font-size: inherit;
  18 |   text-rendering: auto;
  19 |   -webkit-font-smoothing: antialiased;
  20 |   -moz-osx-font-smoothing: grayscale;
  21 | }
  22 | /* makes the font 33% larger relative to the icon container */
  23 | .fa-lg {
  24 |   font-size: 1.33333333em;
  25 |   line-height: 0.75em;
  26 |   vertical-align: -15%;
  27 | }
  28 | .fa-2x {
  29 |   font-size: 2em;
  30 | }
  31 | .fa-3x {
  32 |   font-size: 3em;
  33 | }
  34 | .fa-4x {
  35 |   font-size: 4em;
  36 | }
  37 | .fa-5x {
  38 |   font-size: 5em;
  39 | }
  40 | .fa-fw {
  41 |   width: 1.28571429em;
  42 |   text-align: center;
  43 | }
  44 | .fa-ul {
  45 |   padding-left: 0;
  46 |   margin-left: 2.14285714em;
  47 |   list-style-type: none;
  48 | }
  49 | .fa-ul > li {
  50 |   position: relative;
  51 | }
  52 | .fa-li {
  53 |   position: absolute;
  54 |   left: -2.14285714em;
  55 |   width: 2.14285714em;
  56 |   top: 0.14285714em;
  57 |   text-align: center;
  58 | }
  59 | .fa-li.fa-lg {
  60 |   left: -1.85714286em;
  61 | }
  62 | .fa-border {
  63 |   padding: .2em .25em .15em;
  64 |   border: solid 0.08em #eeeeee;
  65 |   border-radius: .1em;
  66 | }
  67 | .fa-pull-left {
  68 |   float: left;
  69 | }
  70 | .fa-pull-right {
  71 |   float: right;
  72 | }
  73 | .fa.fa-pull-left {
  74 |   margin-right: .3em;
  75 | }
  76 | .fa.fa-pull-right {
  77 |   margin-left: .3em;
  78 | }
  79 | /* Deprecated as of 4.4.0 */
  80 | .pull-right {
  81 |   float: right;
  82 | }
  83 | .pull-left {
  84 |   float: left;
  85 | }
  86 | .fa.pull-left {
  87 |   margin-right: .3em;
  88 | }
  89 | .fa.pull-right {
  90 |   margin-left: .3em;
  91 | }
  92 | .fa-spin {
  93 |   -webkit-animation: fa-spin 2s infinite linear;
  94 |   animation: fa-spin 2s infinite linear;
  95 | }
  96 | .fa-pulse {
  97 |   -webkit-animation: fa-spin 1s infinite steps(8);
  98 |   animation: fa-spin 1s infinite steps(8);
  99 | }
 100 | @-webkit-keyframes fa-spin {
 101 |   0% {
 102 |     -webkit-transform: rotate(0deg);
 103 |     transform: rotate(0deg);
 104 |   }
 105 |   100% {
 106 |     -webkit-transform: rotate(359deg);
 107 |     transform: rotate(359deg);
 108 |   }
 109 | }
 110 | @keyframes fa-spin {
 111 |   0% {
 112 |     -webkit-transform: rotate(0deg);
 113 |     transform: rotate(0deg);
 114 |   }
 115 |   100% {
 116 |     -webkit-transform: rotate(359deg);
 117 |     transform: rotate(359deg);
 118 |   }
 119 | }
 120 | .fa-rotate-90 {
 121 |   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
 122 |   -webkit-transform: rotate(90deg);
 123 |   -ms-transform: rotate(90deg);
 124 |   transform: rotate(90deg);
 125 | }
 126 | .fa-rotate-180 {
 127 |   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
 128 |   -webkit-transform: rotate(180deg);
 129 |   -ms-transform: rotate(180deg);
 130 |   transform: rotate(180deg);
 131 | }
 132 | .fa-rotate-270 {
 133 |   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
 134 |   -webkit-transform: rotate(270deg);
 135 |   -ms-transform: rotate(270deg);
 136 |   transform: rotate(270deg);
 137 | }
 138 | .fa-flip-horizontal {
 139 |   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
 140 |   -webkit-transform: scale(-1, 1);
 141 |   -ms-transform: scale(-1, 1);
 142 |   transform: scale(-1, 1);
 143 | }
 144 | .fa-flip-vertical {
 145 |   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
 146 |   -webkit-transform: scale(1, -1);
 147 |   -ms-transform: scale(1, -1);
 148 |   transform: scale(1, -1);
 149 | }
 150 | :root .fa-rotate-90,
 151 | :root .fa-rotate-180,
 152 | :root .fa-rotate-270,
 153 | :root .fa-flip-horizontal,
 154 | :root .fa-flip-vertical {
 155 |   filter: none;
 156 | }
 157 | .fa-stack {
 158 |   position: relative;
 159 |   display: inline-block;
 160 |   width: 2em;
 161 |   height: 2em;
 162 |   line-height: 2em;
 163 |   vertical-align: middle;
 164 | }
 165 | .fa-stack-1x,
 166 | .fa-stack-2x {
 167 |   position: absolute;
 168 |   left: 0;
 169 |   width: 100%;
 170 |   text-align: center;
 171 | }
 172 | .fa-stack-1x {
 173 |   line-height: inherit;
 174 | }
 175 | .fa-stack-2x {
 176 |   font-size: 2em;
 177 | }
 178 | .fa-inverse {
 179 |   color: #ffffff;
 180 | }
 181 | /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 182 |    readers do not read off random characters that represent icons */
 183 | .fa-glass:before {
 184 |   content: "\f000";
 185 | }
 186 | .fa-music:before {
 187 |   content: "\f001";
 188 | }
 189 | .fa-search:before {
 190 |   content: "\f002";
 191 | }
 192 | .fa-envelope-o:before {
 193 |   content: "\f003";
 194 | }
 195 | .fa-heart:before {
 196 |   content: "\f004";
 197 | }
 198 | .fa-star:before {
 199 |   content: "\f005";
 200 | }
 201 | .fa-star-o:before {
 202 |   content: "\f006";
 203 | }
 204 | .fa-user:before {
 205 |   content: "\f007";
 206 | }
 207 | .fa-film:before {
 208 |   content: "\f008";
 209 | }
 210 | .fa-th-large:before {
 211 |   content: "\f009";
 212 | }
 213 | .fa-th:before {
 214 |   content: "\f00a";
 215 | }
 216 | .fa-th-list:before {
 217 |   content: "\f00b";
 218 | }
 219 | .fa-check:before {
 220 |   content: "\f00c";
 221 | }
 222 | .fa-remove:before,
 223 | .fa-close:before,
 224 | .fa-times:before {
 225 |   content: "\f00d";
 226 | }
 227 | .fa-search-plus:before {
 228 |   content: "\f00e";
 229 | }
 230 | .fa-search-minus:before {
 231 |   content: "\f010";
 232 | }
 233 | .fa-power-off:before {
 234 |   content: "\f011";
 235 | }
 236 | .fa-signal:before {
 237 |   content: "\f012";
 238 | }
 239 | .fa-gear:before,
 240 | .fa-cog:before {
 241 |   content: "\f013";
 242 | }
 243 | .fa-trash-o:before {
 244 |   content: "\f014";
 245 | }
 246 | .fa-home:before {
 247 |   content: "\f015";
 248 | }
 249 | .fa-file-o:before {
 250 |   content: "\f016";
 251 | }
 252 | .fa-clock-o:before {
 253 |   content: "\f017";
 254 | }
 255 | .fa-road:before {
 256 |   content: "\f018";
 257 | }
 258 | .fa-download:before {
 259 |   content: "\f019";
 260 | }
 261 | .fa-arrow-circle-o-down:before {
 262 |   content: "\f01a";
 263 | }
 264 | .fa-arrow-circle-o-up:before {
 265 |   content: "\f01b";
 266 | }
 267 | .fa-inbox:before {
 268 |   content: "\f01c";
 269 | }
 270 | .fa-play-circle-o:before {
 271 |   content: "\f01d";
 272 | }
 273 | .fa-rotate-right:before,
 274 | .fa-repeat:before {
 275 |   content: "\f01e";
 276 | }
 277 | .fa-refresh:before {
 278 |   content: "\f021";
 279 | }
 280 | .fa-list-alt:before {
 281 |   content: "\f022";
 282 | }
 283 | .fa-lock:before {
 284 |   content: "\f023";
 285 | }
 286 | .fa-flag:before {
 287 |   content: "\f024";
 288 | }
 289 | .fa-headphones:before {
 290 |   content: "\f025";
 291 | }
 292 | .fa-volume-off:before {
 293 |   content: "\f026";
 294 | }
 295 | .fa-volume-down:before {
 296 |   content: "\f027";
 297 | }
 298 | .fa-volume-up:before {
 299 |   content: "\f028";
 300 | }
 301 | .fa-qrcode:before {
 302 |   content: "\f029";
 303 | }
 304 | .fa-barcode:before {
 305 |   content: "\f02a";
 306 | }
 307 | .fa-tag:before {
 308 |   content: "\f02b";
 309 | }
 310 | .fa-tags:before {
 311 |   content: "\f02c";
 312 | }
 313 | .fa-book:before {
 314 |   content: "\f02d";
 315 | }
 316 | .fa-bookmark:before {
 317 |   content: "\f02e";
 318 | }
 319 | .fa-print:before {
 320 |   content: "\f02f";
 321 | }
 322 | .fa-camera:before {
 323 |   content: "\f030";
 324 | }
 325 | .fa-font:before {
 326 |   content: "\f031";
 327 | }
 328 | .fa-bold:before {
 329 |   content: "\f032";
 330 | }
 331 | .fa-italic:before {
 332 |   content: "\f033";
 333 | }
 334 | .fa-text-height:before {
 335 |   content: "\f034";
 336 | }
 337 | .fa-text-width:before {
 338 |   content: "\f035";
 339 | }
 340 | .fa-align-left:before {
 341 |   content: "\f036";
 342 | }
 343 | .fa-align-center:before {
 344 |   content: "\f037";
 345 | }
 346 | .fa-align-right:before {
 347 |   content: "\f038";
 348 | }
 349 | .fa-align-justify:before {
 350 |   content: "\f039";
 351 | }
 352 | .fa-list:before {
 353 |   content: "\f03a";
 354 | }
 355 | .fa-dedent:before,
 356 | .fa-outdent:before {
 357 |   content: "\f03b";
 358 | }
 359 | .fa-indent:before {
 360 |   content: "\f03c";
 361 | }
 362 | .fa-video-camera:before {
 363 |   content: "\f03d";
 364 | }
 365 | .fa-photo:before,
 366 | .fa-image:before,
 367 | .fa-picture-o:before {
 368 |   content: "\f03e";
 369 | }
 370 | .fa-pencil:before {
 371 |   content: "\f040";
 372 | }
 373 | .fa-map-marker:before {
 374 |   content: "\f041";
 375 | }
 376 | .fa-adjust:before {
 377 |   content: "\f042";
 378 | }
 379 | .fa-tint:before {
 380 |   content: "\f043";
 381 | }
 382 | .fa-edit:before,
 383 | .fa-pencil-square-o:before {
 384 |   content: "\f044";
 385 | }
 386 | .fa-share-square-o:before {
 387 |   content: "\f045";
 388 | }
 389 | .fa-check-square-o:before {
 390 |   content: "\f046";
 391 | }
 392 | .fa-arrows:before {
 393 |   content: "\f047";
 394 | }
 395 | .fa-step-backward:before {
 396 |   content: "\f048";
 397 | }
 398 | .fa-fast-backward:before {
 399 |   content: "\f049";
 400 | }
 401 | .fa-backward:before {
 402 |   content: "\f04a";
 403 | }
 404 | .fa-play:before {
 405 |   content: "\f04b";
 406 | }
 407 | .fa-pause:before {
 408 |   content: "\f04c";
 409 | }
 410 | .fa-stop:before {
 411 |   content: "\f04d";
 412 | }
 413 | .fa-forward:before {
 414 |   content: "\f04e";
 415 | }
 416 | .fa-fast-forward:before {
 417 |   content: "\f050";
 418 | }
 419 | .fa-step-forward:before {
 420 |   content: "\f051";
 421 | }
 422 | .fa-eject:before {
 423 |   content: "\f052";
 424 | }
 425 | .fa-chevron-left:before {
 426 |   content: "\f053";
 427 | }
 428 | .fa-chevron-right:before {
 429 |   content: "\f054";
 430 | }
 431 | .fa-plus-circle:before {
 432 |   content: "\f055";
 433 | }
 434 | .fa-minus-circle:before {
 435 |   content: "\f056";
 436 | }
 437 | .fa-times-circle:before {
 438 |   content: "\f057";
 439 | }
 440 | .fa-check-circle:before {
 441 |   content: "\f058";
 442 | }
 443 | .fa-question-circle:before {
 444 |   content: "\f059";
 445 | }
 446 | .fa-info-circle:before {
 447 |   content: "\f05a";
 448 | }
 449 | .fa-crosshairs:before {
 450 |   content: "\f05b";
 451 | }
 452 | .fa-times-circle-o:before {
 453 |   content: "\f05c";
 454 | }
 455 | .fa-check-circle-o:before {
 456 |   content: "\f05d";
 457 | }
 458 | .fa-ban:before {
 459 |   content: "\f05e";
 460 | }
 461 | .fa-arrow-left:before {
 462 |   content: "\f060";
 463 | }
 464 | .fa-arrow-right:before {
 465 |   content: "\f061";
 466 | }
 467 | .fa-arrow-up:before {
 468 |   content: "\f062";
 469 | }
 470 | .fa-arrow-down:before {
 471 |   content: "\f063";
 472 | }
 473 | .fa-mail-forward:before,
 474 | .fa-share:before {
 475 |   content: "\f064";
 476 | }
 477 | .fa-expand:before {
 478 |   content: "\f065";
 479 | }
 480 | .fa-compress:before {
 481 |   content: "\f066";
 482 | }
 483 | .fa-plus:before {
 484 |   content: "\f067";
 485 | }
 486 | .fa-minus:before {
 487 |   content: "\f068";
 488 | }
 489 | .fa-asterisk:before {
 490 |   content: "\f069";
 491 | }
 492 | .fa-exclamation-circle:before {
 493 |   content: "\f06a";
 494 | }
 495 | .fa-gift:before {
 496 |   content: "\f06b";
 497 | }
 498 | .fa-leaf:before {
 499 |   content: "\f06c";
 500 | }
 501 | .fa-fire:before {
 502 |   content: "\f06d";
 503 | }
 504 | .fa-eye:before {
 505 |   content: "\f06e";
 506 | }
 507 | .fa-eye-slash:before {
 508 |   content: "\f070";
 509 | }
 510 | .fa-warning:before,
 511 | .fa-exclamation-triangle:before {
 512 |   content: "\f071";
 513 | }
 514 | .fa-plane:before {
 515 |   content: "\f072";
 516 | }
 517 | .fa-calendar:before {
 518 |   content: "\f073";
 519 | }
 520 | .fa-random:before {
 521 |   content: "\f074";
 522 | }
 523 | .fa-comment:before {
 524 |   content: "\f075";
 525 | }
 526 | .fa-magnet:before {
 527 |   content: "\f076";
 528 | }
 529 | .fa-chevron-up:before {
 530 |   content: "\f077";
 531 | }
 532 | .fa-chevron-down:before {
 533 |   content: "\f078";
 534 | }
 535 | .fa-retweet:before {
 536 |   content: "\f079";
 537 | }
 538 | .fa-shopping-cart:before {
 539 |   content: "\f07a";
 540 | }
 541 | .fa-folder:before {
 542 |   content: "\f07b";
 543 | }
 544 | .fa-folder-open:before {
 545 |   content: "\f07c";
 546 | }
 547 | .fa-arrows-v:before {
 548 |   content: "\f07d";
 549 | }
 550 | .fa-arrows-h:before {
 551 |   content: "\f07e";
 552 | }
 553 | .fa-bar-chart-o:before,
 554 | .fa-bar-chart:before {
 555 |   content: "\f080";
 556 | }
 557 | .fa-twitter-square:before {
 558 |   content: "\f081";
 559 | }
 560 | .fa-facebook-square:before {
 561 |   content: "\f082";
 562 | }
 563 | .fa-camera-retro:before {
 564 |   content: "\f083";
 565 | }
 566 | .fa-key:before {
 567 |   content: "\f084";
 568 | }
 569 | .fa-gears:before,
 570 | .fa-cogs:before {
 571 |   content: "\f085";
 572 | }
 573 | .fa-comments:before {
 574 |   content: "\f086";
 575 | }
 576 | .fa-thumbs-o-up:before {
 577 |   content: "\f087";
 578 | }
 579 | .fa-thumbs-o-down:before {
 580 |   content: "\f088";
 581 | }
 582 | .fa-star-half:before {
 583 |   content: "\f089";
 584 | }
 585 | .fa-heart-o:before {
 586 |   content: "\f08a";
 587 | }
 588 | .fa-sign-out:before {
 589 |   content: "\f08b";
 590 | }
 591 | .fa-linkedin-square:before {
 592 |   content: "\f08c";
 593 | }
 594 | .fa-thumb-tack:before {
 595 |   content: "\f08d";
 596 | }
 597 | .fa-external-link:before {
 598 |   content: "\f08e";
 599 | }
 600 | .fa-sign-in:before {
 601 |   content: "\f090";
 602 | }
 603 | .fa-trophy:before {
 604 |   content: "\f091";
 605 | }
 606 | .fa-github-square:before {
 607 |   content: "\f092";
 608 | }
 609 | .fa-upload:before {
 610 |   content: "\f093";
 611 | }
 612 | .fa-lemon-o:before {
 613 |   content: "\f094";
 614 | }
 615 | .fa-phone:before {
 616 |   content: "\f095";
 617 | }
 618 | .fa-square-o:before {
 619 |   content: "\f096";
 620 | }
 621 | .fa-bookmark-o:before {
 622 |   content: "\f097";
 623 | }
 624 | .fa-phone-square:before {
 625 |   content: "\f098";
 626 | }
 627 | .fa-twitter:before {
 628 |   content: "\f099";
 629 | }
 630 | .fa-facebook-f:before,
 631 | .fa-facebook:before {
 632 |   content: "\f09a";
 633 | }
 634 | .fa-github:before {
 635 |   content: "\f09b";
 636 | }
 637 | .fa-unlock:before {
 638 |   content: "\f09c";
 639 | }
 640 | .fa-credit-card:before {
 641 |   content: "\f09d";
 642 | }
 643 | .fa-feed:before,
 644 | .fa-rss:before {
 645 |   content: "\f09e";
 646 | }
 647 | .fa-hdd-o:before {
 648 |   content: "\f0a0";
 649 | }
 650 | .fa-bullhorn:before {
 651 |   content: "\f0a1";
 652 | }
 653 | .fa-bell:before {
 654 |   content: "\f0f3";
 655 | }
 656 | .fa-certificate:before {
 657 |   content: "\f0a3";
 658 | }
 659 | .fa-hand-o-right:before {
 660 |   content: "\f0a4";
 661 | }
 662 | .fa-hand-o-left:before {
 663 |   content: "\f0a5";
 664 | }
 665 | .fa-hand-o-up:before {
 666 |   content: "\f0a6";
 667 | }
 668 | .fa-hand-o-down:before {
 669 |   content: "\f0a7";
 670 | }
 671 | .fa-arrow-circle-left:before {
 672 |   content: "\f0a8";
 673 | }
 674 | .fa-arrow-circle-right:before {
 675 |   content: "\f0a9";
 676 | }
 677 | .fa-arrow-circle-up:before {
 678 |   content: "\f0aa";
 679 | }
 680 | .fa-arrow-circle-down:before {
 681 |   content: "\f0ab";
 682 | }
 683 | .fa-globe:before {
 684 |   content: "\f0ac";
 685 | }
 686 | .fa-wrench:before {
 687 |   content: "\f0ad";
 688 | }
 689 | .fa-tasks:before {
 690 |   content: "\f0ae";
 691 | }
 692 | .fa-filter:before {
 693 |   content: "\f0b0";
 694 | }
 695 | .fa-briefcase:before {
 696 |   content: "\f0b1";
 697 | }
 698 | .fa-arrows-alt:before {
 699 |   content: "\f0b2";
 700 | }
 701 | .fa-group:before,
 702 | .fa-users:before {
 703 |   content: "\f0c0";
 704 | }
 705 | .fa-chain:before,
 706 | .fa-link:before {
 707 |   content: "\f0c1";
 708 | }
 709 | .fa-cloud:before {
 710 |   content: "\f0c2";
 711 | }
 712 | .fa-flask:before {
 713 |   content: "\f0c3";
 714 | }
 715 | .fa-cut:before,
 716 | .fa-scissors:before {
 717 |   content: "\f0c4";
 718 | }
 719 | .fa-copy:before,
 720 | .fa-files-o:before {
 721 |   content: "\f0c5";
 722 | }
 723 | .fa-paperclip:before {
 724 |   content: "\f0c6";
 725 | }
 726 | .fa-save:before,
 727 | .fa-floppy-o:before {
 728 |   content: "\f0c7";
 729 | }
 730 | .fa-square:before {
 731 |   content: "\f0c8";
 732 | }
 733 | .fa-navicon:before,
 734 | .fa-reorder:before,
 735 | .fa-bars:before {
 736 |   content: "\f0c9";
 737 | }
 738 | .fa-list-ul:before {
 739 |   content: "\f0ca";
 740 | }
 741 | .fa-list-ol:before {
 742 |   content: "\f0cb";
 743 | }
 744 | .fa-strikethrough:before {
 745 |   content: "\f0cc";
 746 | }
 747 | .fa-underline:before {
 748 |   content: "\f0cd";
 749 | }
 750 | .fa-table:before {
 751 |   content: "\f0ce";
 752 | }
 753 | .fa-magic:before {
 754 |   content: "\f0d0";
 755 | }
 756 | .fa-truck:before {
 757 |   content: "\f0d1";
 758 | }
 759 | .fa-pinterest:before {
 760 |   content: "\f0d2";
 761 | }
 762 | .fa-pinterest-square:before {
 763 |   content: "\f0d3";
 764 | }
 765 | .fa-google-plus-square:before {
 766 |   content: "\f0d4";
 767 | }
 768 | .fa-google-plus:before {
 769 |   content: "\f0d5";
 770 | }
 771 | .fa-money:before {
 772 |   content: "\f0d6";
 773 | }
 774 | .fa-caret-down:before {
 775 |   content: "\f0d7";
 776 | }
 777 | .fa-caret-up:before {
 778 |   content: "\f0d8";
 779 | }
 780 | .fa-caret-left:before {
 781 |   content: "\f0d9";
 782 | }
 783 | .fa-caret-right:before {
 784 |   content: "\f0da";
 785 | }
 786 | .fa-columns:before {
 787 |   content: "\f0db";
 788 | }
 789 | .fa-unsorted:before,
 790 | .fa-sort:before {
 791 |   content: "\f0dc";
 792 | }
 793 | .fa-sort-down:before,
 794 | .fa-sort-desc:before {
 795 |   content: "\f0dd";
 796 | }
 797 | .fa-sort-up:before,
 798 | .fa-sort-asc:before {
 799 |   content: "\f0de";
 800 | }
 801 | .fa-envelope:before {
 802 |   content: "\f0e0";
 803 | }
 804 | .fa-linkedin:before {
 805 |   content: "\f0e1";
 806 | }
 807 | .fa-rotate-left:before,
 808 | .fa-undo:before {
 809 |   content: "\f0e2";
 810 | }
 811 | .fa-legal:before,
 812 | .fa-gavel:before {
 813 |   content: "\f0e3";
 814 | }
 815 | .fa-dashboard:before,
 816 | .fa-tachometer:before {
 817 |   content: "\f0e4";
 818 | }
 819 | .fa-comment-o:before {
 820 |   content: "\f0e5";
 821 | }
 822 | .fa-comments-o:before {
 823 |   content: "\f0e6";
 824 | }
 825 | .fa-flash:before,
 826 | .fa-bolt:before {
 827 |   content: "\f0e7";
 828 | }
 829 | .fa-sitemap:before {
 830 |   content: "\f0e8";
 831 | }
 832 | .fa-umbrella:before {
 833 |   content: "\f0e9";
 834 | }
 835 | .fa-paste:before,
 836 | .fa-clipboard:before {
 837 |   content: "\f0ea";
 838 | }
 839 | .fa-lightbulb-o:before {
 840 |   content: "\f0eb";
 841 | }
 842 | .fa-exchange:before {
 843 |   content: "\f0ec";
 844 | }
 845 | .fa-cloud-download:before {
 846 |   content: "\f0ed";
 847 | }
 848 | .fa-cloud-upload:before {
 849 |   content: "\f0ee";
 850 | }
 851 | .fa-user-md:before {
 852 |   content: "\f0f0";
 853 | }
 854 | .fa-stethoscope:before {
 855 |   content: "\f0f1";
 856 | }
 857 | .fa-suitcase:before {
 858 |   content: "\f0f2";
 859 | }
 860 | .fa-bell-o:before {
 861 |   content: "\f0a2";
 862 | }
 863 | .fa-coffee:before {
 864 |   content: "\f0f4";
 865 | }
 866 | .fa-cutlery:before {
 867 |   content: "\f0f5";
 868 | }
 869 | .fa-file-text-o:before {
 870 |   content: "\f0f6";
 871 | }
 872 | .fa-building-o:before {
 873 |   content: "\f0f7";
 874 | }
 875 | .fa-hospital-o:before {
 876 |   content: "\f0f8";
 877 | }
 878 | .fa-ambulance:before {
 879 |   content: "\f0f9";
 880 | }
 881 | .fa-medkit:before {
 882 |   content: "\f0fa";
 883 | }
 884 | .fa-fighter-jet:before {
 885 |   content: "\f0fb";
 886 | }
 887 | .fa-beer:before {
 888 |   content: "\f0fc";
 889 | }
 890 | .fa-h-square:before {
 891 |   content: "\f0fd";
 892 | }
 893 | .fa-plus-square:before {
 894 |   content: "\f0fe";
 895 | }
 896 | .fa-angle-double-left:before {
 897 |   content: "\f100";
 898 | }
 899 | .fa-angle-double-right:before {
 900 |   content: "\f101";
 901 | }
 902 | .fa-angle-double-up:before {
 903 |   content: "\f102";
 904 | }
 905 | .fa-angle-double-down:before {
 906 |   content: "\f103";
 907 | }
 908 | .fa-angle-left:before {
 909 |   content: "\f104";
 910 | }
 911 | .fa-angle-right:before {
 912 |   content: "\f105";
 913 | }
 914 | .fa-angle-up:before {
 915 |   content: "\f106";
 916 | }
 917 | .fa-angle-down:before {
 918 |   content: "\f107";
 919 | }
 920 | .fa-desktop:before {
 921 |   content: "\f108";
 922 | }
 923 | .fa-laptop:before {
 924 |   content: "\f109";
 925 | }
 926 | .fa-tablet:before {
 927 |   content: "\f10a";
 928 | }
 929 | .fa-mobile-phone:before,
 930 | .fa-mobile:before {
 931 |   content: "\f10b";
 932 | }
 933 | .fa-circle-o:before {
 934 |   content: "\f10c";
 935 | }
 936 | .fa-quote-left:before {
 937 |   content: "\f10d";
 938 | }
 939 | .fa-quote-right:before {
 940 |   content: "\f10e";
 941 | }
 942 | .fa-spinner:before {
 943 |   content: "\f110";
 944 | }
 945 | .fa-circle:before {
 946 |   content: "\f111";
 947 | }
 948 | .fa-mail-reply:before,
 949 | .fa-reply:before {
 950 |   content: "\f112";
 951 | }
 952 | .fa-github-alt:before {
 953 |   content: "\f113";
 954 | }
 955 | .fa-folder-o:before {
 956 |   content: "\f114";
 957 | }
 958 | .fa-folder-open-o:before {
 959 |   content: "\f115";
 960 | }
 961 | .fa-smile-o:before {
 962 |   content: "\f118";
 963 | }
 964 | .fa-frown-o:before {
 965 |   content: "\f119";
 966 | }
 967 | .fa-meh-o:before {
 968 |   content: "\f11a";
 969 | }
 970 | .fa-gamepad:before {
 971 |   content: "\f11b";
 972 | }
 973 | .fa-keyboard-o:before {
 974 |   content: "\f11c";
 975 | }
 976 | .fa-flag-o:before {
 977 |   content: "\f11d";
 978 | }
 979 | .fa-flag-checkered:before {
 980 |   content: "\f11e";
 981 | }
 982 | .fa-terminal:before {
 983 |   content: "\f120";
 984 | }
 985 | .fa-code:before {
 986 |   content: "\f121";
 987 | }
 988 | .fa-mail-reply-all:before,
 989 | .fa-reply-all:before {
 990 |   content: "\f122";
 991 | }
 992 | .fa-star-half-empty:before,
 993 | .fa-star-half-full:before,
 994 | .fa-star-half-o:before {
 995 |   content: "\f123";
 996 | }
 997 | .fa-location-arrow:before {
 998 |   content: "\f124";
 999 | }
1000 | .fa-crop:before {
1001 |   content: "\f125";
1002 | }
1003 | .fa-code-fork:before {
1004 |   content: "\f126";
1005 | }
1006 | .fa-unlink:before,
1007 | .fa-chain-broken:before {
1008 |   content: "\f127";
1009 | }
1010 | .fa-question:before {
1011 |   content: "\f128";
1012 | }
1013 | .fa-info:before {
1014 |   content: "\f129";
1015 | }
1016 | .fa-exclamation:before {
1017 |   content: "\f12a";
1018 | }
1019 | .fa-superscript:before {
1020 |   content: "\f12b";
1021 | }
1022 | .fa-subscript:before {
1023 |   content: "\f12c";
1024 | }
1025 | .fa-eraser:before {
1026 |   content: "\f12d";
1027 | }
1028 | .fa-puzzle-piece:before {
1029 |   content: "\f12e";
1030 | }
1031 | .fa-microphone:before {
1032 |   content: "\f130";
1033 | }
1034 | .fa-microphone-slash:before {
1035 |   content: "\f131";
1036 | }
1037 | .fa-shield:before {
1038 |   content: "\f132";
1039 | }
1040 | .fa-calendar-o:before {
1041 |   content: "\f133";
1042 | }
1043 | .fa-fire-extinguisher:before {
1044 |   content: "\f134";
1045 | }
1046 | .fa-rocket:before {
1047 |   content: "\f135";
1048 | }
1049 | .fa-maxcdn:before {
1050 |   content: "\f136";
1051 | }
1052 | .fa-chevron-circle-left:before {
1053 |   content: "\f137";
1054 | }
1055 | .fa-chevron-circle-right:before {
1056 |   content: "\f138";
1057 | }
1058 | .fa-chevron-circle-up:before {
1059 |   content: "\f139";
1060 | }
1061 | .fa-chevron-circle-down:before {
1062 |   content: "\f13a";
1063 | }
1064 | .fa-html5:before {
1065 |   content: "\f13b";
1066 | }
1067 | .fa-css3:before {
1068 |   content: "\f13c";
1069 | }
1070 | .fa-anchor:before {
1071 |   content: "\f13d";
1072 | }
1073 | .fa-unlock-alt:before {
1074 |   content: "\f13e";
1075 | }
1076 | .fa-bullseye:before {
1077 |   content: "\f140";
1078 | }
1079 | .fa-ellipsis-h:before {
1080 |   content: "\f141";
1081 | }
1082 | .fa-ellipsis-v:before {
1083 |   content: "\f142";
1084 | }
1085 | .fa-rss-square:before {
1086 |   content: "\f143";
1087 | }
1088 | .fa-play-circle:before {
1089 |   content: "\f144";
1090 | }
1091 | .fa-ticket:before {
1092 |   content: "\f145";
1093 | }
1094 | .fa-minus-square:before {
1095 |   content: "\f146";
1096 | }
1097 | .fa-minus-square-o:before {
1098 |   content: "\f147";
1099 | }
1100 | .fa-level-up:before {
1101 |   content: "\f148";
1102 | }
1103 | .fa-level-down:before {
1104 |   content: "\f149";
1105 | }
1106 | .fa-check-square:before {
1107 |   content: "\f14a";
1108 | }
1109 | .fa-pencil-square:before {
1110 |   content: "\f14b";
1111 | }
1112 | .fa-external-link-square:before {
1113 |   content: "\f14c";
1114 | }
1115 | .fa-share-square:before {
1116 |   content: "\f14d";
1117 | }
1118 | .fa-compass:before {
1119 |   content: "\f14e";
1120 | }
1121 | .fa-toggle-down:before,
1122 | .fa-caret-square-o-down:before {
1123 |   content: "\f150";
1124 | }
1125 | .fa-toggle-up:before,
1126 | .fa-caret-square-o-up:before {
1127 |   content: "\f151";
1128 | }
1129 | .fa-toggle-right:before,
1130 | .fa-caret-square-o-right:before {
1131 |   content: "\f152";
1132 | }
1133 | .fa-euro:before,
1134 | .fa-eur:before {
1135 |   content: "\f153";
1136 | }
1137 | .fa-gbp:before {
1138 |   content: "\f154";
1139 | }
1140 | .fa-dollar:before,
1141 | .fa-usd:before {
1142 |   content: "\f155";
1143 | }
1144 | .fa-rupee:before,
1145 | .fa-inr:before {
1146 |   content: "\f156";
1147 | }
1148 | .fa-cny:before,
1149 | .fa-rmb:before,
1150 | .fa-yen:before,
1151 | .fa-jpy:before {
1152 |   content: "\f157";
1153 | }
1154 | .fa-ruble:before,
1155 | .fa-rouble:before,
1156 | .fa-rub:before {
1157 |   content: "\f158";
1158 | }
1159 | .fa-won:before,
1160 | .fa-krw:before {
1161 |   content: "\f159";
1162 | }
1163 | .fa-bitcoin:before,
1164 | .fa-btc:before {
1165 |   content: "\f15a";
1166 | }
1167 | .fa-file:before {
1168 |   content: "\f15b";
1169 | }
1170 | .fa-file-text:before {
1171 |   content: "\f15c";
1172 | }
1173 | .fa-sort-alpha-asc:before {
1174 |   content: "\f15d";
1175 | }
1176 | .fa-sort-alpha-desc:before {
1177 |   content: "\f15e";
1178 | }
1179 | .fa-sort-amount-asc:before {
1180 |   content: "\f160";
1181 | }
1182 | .fa-sort-amount-desc:before {
1183 |   content: "\f161";
1184 | }
1185 | .fa-sort-numeric-asc:before {
1186 |   content: "\f162";
1187 | }
1188 | .fa-sort-numeric-desc:before {
1189 |   content: "\f163";
1190 | }
1191 | .fa-thumbs-up:before {
1192 |   content: "\f164";
1193 | }
1194 | .fa-thumbs-down:before {
1195 |   content: "\f165";
1196 | }
1197 | .fa-youtube-square:before {
1198 |   content: "\f166";
1199 | }
1200 | .fa-youtube:before {
1201 |   content: "\f167";
1202 | }
1203 | .fa-xing:before {
1204 |   content: "\f168";
1205 | }
1206 | .fa-xing-square:before {
1207 |   content: "\f169";
1208 | }
1209 | .fa-youtube-play:before {
1210 |   content: "\f16a";
1211 | }
1212 | .fa-dropbox:before {
1213 |   content: "\f16b";
1214 | }
1215 | .fa-stack-overflow:before {
1216 |   content: "\f16c";
1217 | }
1218 | .fa-instagram:before {
1219 |   content: "\f16d";
1220 | }
1221 | .fa-flickr:before {
1222 |   content: "\f16e";
1223 | }
1224 | .fa-adn:before {
1225 |   content: "\f170";
1226 | }
1227 | .fa-bitbucket:before {
1228 |   content: "\f171";
1229 | }
1230 | .fa-bitbucket-square:before {
1231 |   content: "\f172";
1232 | }
1233 | .fa-tumblr:before {
1234 |   content: "\f173";
1235 | }
1236 | .fa-tumblr-square:before {
1237 |   content: "\f174";
1238 | }
1239 | .fa-long-arrow-down:before {
1240 |   content: "\f175";
1241 | }
1242 | .fa-long-arrow-up:before {
1243 |   content: "\f176";
1244 | }
1245 | .fa-long-arrow-left:before {
1246 |   content: "\f177";
1247 | }
1248 | .fa-long-arrow-right:before {
1249 |   content: "\f178";
1250 | }
1251 | .fa-apple:before {
1252 |   content: "\f179";
1253 | }
1254 | .fa-windows:before {
1255 |   content: "\f17a";
1256 | }
1257 | .fa-android:before {
1258 |   content: "\f17b";
1259 | }
1260 | .fa-linux:before {
1261 |   content: "\f17c";
1262 | }
1263 | .fa-dribbble:before {
1264 |   content: "\f17d";
1265 | }
1266 | .fa-skype:before {
1267 |   content: "\f17e";
1268 | }
1269 | .fa-foursquare:before {
1270 |   content: "\f180";
1271 | }
1272 | .fa-trello:before {
1273 |   content: "\f181";
1274 | }
1275 | .fa-female:before {
1276 |   content: "\f182";
1277 | }
1278 | .fa-male:before {
1279 |   content: "\f183";
1280 | }
1281 | .fa-gittip:before,
1282 | .fa-gratipay:before {
1283 |   content: "\f184";
1284 | }
1285 | .fa-sun-o:before {
1286 |   content: "\f185";
1287 | }
1288 | .fa-moon-o:before {
1289 |   content: "\f186";
1290 | }
1291 | .fa-archive:before {
1292 |   content: "\f187";
1293 | }
1294 | .fa-bug:before {
1295 |   content: "\f188";
1296 | }
1297 | .fa-vk:before {
1298 |   content: "\f189";
1299 | }
1300 | .fa-weibo:before {
1301 |   content: "\f18a";
1302 | }
1303 | .fa-renren:before {
1304 |   content: "\f18b";
1305 | }
1306 | .fa-pagelines:before {
1307 |   content: "\f18c";
1308 | }
1309 | .fa-stack-exchange:before {
1310 |   content: "\f18d";
1311 | }
1312 | .fa-arrow-circle-o-right:before {
1313 |   content: "\f18e";
1314 | }
1315 | .fa-arrow-circle-o-left:before {
1316 |   content: "\f190";
1317 | }
1318 | .fa-toggle-left:before,
1319 | .fa-caret-square-o-left:before {
1320 |   content: "\f191";
1321 | }
1322 | .fa-dot-circle-o:before {
1323 |   content: "\f192";
1324 | }
1325 | .fa-wheelchair:before {
1326 |   content: "\f193";
1327 | }
1328 | .fa-vimeo-square:before {
1329 |   content: "\f194";
1330 | }
1331 | .fa-turkish-lira:before,
1332 | .fa-try:before {
1333 |   content: "\f195";
1334 | }
1335 | .fa-plus-square-o:before {
1336 |   content: "\f196";
1337 | }
1338 | .fa-space-shuttle:before {
1339 |   content: "\f197";
1340 | }
1341 | .fa-slack:before {
1342 |   content: "\f198";
1343 | }
1344 | .fa-envelope-square:before {
1345 |   content: "\f199";
1346 | }
1347 | .fa-wordpress:before {
1348 |   content: "\f19a";
1349 | }
1350 | .fa-openid:before {
1351 |   content: "\f19b";
1352 | }
1353 | .fa-institution:before,
1354 | .fa-bank:before,
1355 | .fa-university:before {
1356 |   content: "\f19c";
1357 | }
1358 | .fa-mortar-board:before,
1359 | .fa-graduation-cap:before {
1360 |   content: "\f19d";
1361 | }
1362 | .fa-yahoo:before {
1363 |   content: "\f19e";
1364 | }
1365 | .fa-google:before {
1366 |   content: "\f1a0";
1367 | }
1368 | .fa-reddit:before {
1369 |   content: "\f1a1";
1370 | }
1371 | .fa-reddit-square:before {
1372 |   content: "\f1a2";
1373 | }
1374 | .fa-stumbleupon-circle:before {
1375 |   content: "\f1a3";
1376 | }
1377 | .fa-stumbleupon:before {
1378 |   content: "\f1a4";
1379 | }
1380 | .fa-delicious:before {
1381 |   content: "\f1a5";
1382 | }
1383 | .fa-digg:before {
1384 |   content: "\f1a6";
1385 | }
1386 | .fa-pied-piper-pp:before {
1387 |   content: "\f1a7";
1388 | }
1389 | .fa-pied-piper-alt:before {
1390 |   content: "\f1a8";
1391 | }
1392 | .fa-drupal:before {
1393 |   content: "\f1a9";
1394 | }
1395 | .fa-joomla:before {
1396 |   content: "\f1aa";
1397 | }
1398 | .fa-language:before {
1399 |   content: "\f1ab";
1400 | }
1401 | .fa-fax:before {
1402 |   content: "\f1ac";
1403 | }
1404 | .fa-building:before {
1405 |   content: "\f1ad";
1406 | }
1407 | .fa-child:before {
1408 |   content: "\f1ae";
1409 | }
1410 | .fa-paw:before {
1411 |   content: "\f1b0";
1412 | }
1413 | .fa-spoon:before {
1414 |   content: "\f1b1";
1415 | }
1416 | .fa-cube:before {
1417 |   content: "\f1b2";
1418 | }
1419 | .fa-cubes:before {
1420 |   content: "\f1b3";
1421 | }
1422 | .fa-behance:before {
1423 |   content: "\f1b4";
1424 | }
1425 | .fa-behance-square:before {
1426 |   content: "\f1b5";
1427 | }
1428 | .fa-steam:before {
1429 |   content: "\f1b6";
1430 | }
1431 | .fa-steam-square:before {
1432 |   content: "\f1b7";
1433 | }
1434 | .fa-recycle:before {
1435 |   content: "\f1b8";
1436 | }
1437 | .fa-automobile:before,
1438 | .fa-car:before {
1439 |   content: "\f1b9";
1440 | }
1441 | .fa-cab:before,
1442 | .fa-taxi:before {
1443 |   content: "\f1ba";
1444 | }
1445 | .fa-tree:before {
1446 |   content: "\f1bb";
1447 | }
1448 | .fa-spotify:before {
1449 |   content: "\f1bc";
1450 | }
1451 | .fa-deviantart:before {
1452 |   content: "\f1bd";
1453 | }
1454 | .fa-soundcloud:before {
1455 |   content: "\f1be";
1456 | }
1457 | .fa-database:before {
1458 |   content: "\f1c0";
1459 | }
1460 | .fa-file-pdf-o:before {
1461 |   content: "\f1c1";
1462 | }
1463 | .fa-file-word-o:before {
1464 |   content: "\f1c2";
1465 | }
1466 | .fa-file-excel-o:before {
1467 |   content: "\f1c3";
1468 | }
1469 | .fa-file-powerpoint-o:before {
1470 |   content: "\f1c4";
1471 | }
1472 | .fa-file-photo-o:before,
1473 | .fa-file-picture-o:before,
1474 | .fa-file-image-o:before {
1475 |   content: "\f1c5";
1476 | }
1477 | .fa-file-zip-o:before,
1478 | .fa-file-archive-o:before {
1479 |   content: "\f1c6";
1480 | }
1481 | .fa-file-sound-o:before,
1482 | .fa-file-audio-o:before {
1483 |   content: "\f1c7";
1484 | }
1485 | .fa-file-movie-o:before,
1486 | .fa-file-video-o:before {
1487 |   content: "\f1c8";
1488 | }
1489 | .fa-file-code-o:before {
1490 |   content: "\f1c9";
1491 | }
1492 | .fa-vine:before {
1493 |   content: "\f1ca";
1494 | }
1495 | .fa-codepen:before {
1496 |   content: "\f1cb";
1497 | }
1498 | .fa-jsfiddle:before {
1499 |   content: "\f1cc";
1500 | }
1501 | .fa-life-bouy:before,
1502 | .fa-life-buoy:before,
1503 | .fa-life-saver:before,
1504 | .fa-support:before,
1505 | .fa-life-ring:before {
1506 |   content: "\f1cd";
1507 | }
1508 | .fa-circle-o-notch:before {
1509 |   content: "\f1ce";
1510 | }
1511 | .fa-ra:before,
1512 | .fa-resistance:before,
1513 | .fa-rebel:before {
1514 |   content: "\f1d0";
1515 | }
1516 | .fa-ge:before,
1517 | .fa-empire:before {
1518 |   content: "\f1d1";
1519 | }
1520 | .fa-git-square:before {
1521 |   content: "\f1d2";
1522 | }
1523 | .fa-git:before {
1524 |   content: "\f1d3";
1525 | }
1526 | .fa-y-combinator-square:before,
1527 | .fa-yc-square:before,
1528 | .fa-hacker-news:before {
1529 |   content: "\f1d4";
1530 | }
1531 | .fa-tencent-weibo:before {
1532 |   content: "\f1d5";
1533 | }
1534 | .fa-qq:before {
1535 |   content: "\f1d6";
1536 | }
1537 | .fa-wechat:before,
1538 | .fa-weixin:before {
1539 |   content: "\f1d7";
1540 | }
1541 | .fa-send:before,
1542 | .fa-paper-plane:before {
1543 |   content: "\f1d8";
1544 | }
1545 | .fa-send-o:before,
1546 | .fa-paper-plane-o:before {
1547 |   content: "\f1d9";
1548 | }
1549 | .fa-history:before {
1550 |   content: "\f1da";
1551 | }
1552 | .fa-circle-thin:before {
1553 |   content: "\f1db";
1554 | }
1555 | .fa-header:before {
1556 |   content: "\f1dc";
1557 | }
1558 | .fa-paragraph:before {
1559 |   content: "\f1dd";
1560 | }
1561 | .fa-sliders:before {
1562 |   content: "\f1de";
1563 | }
1564 | .fa-share-alt:before {
1565 |   content: "\f1e0";
1566 | }
1567 | .fa-share-alt-square:before {
1568 |   content: "\f1e1";
1569 | }
1570 | .fa-bomb:before {
1571 |   content: "\f1e2";
1572 | }
1573 | .fa-soccer-ball-o:before,
1574 | .fa-futbol-o:before {
1575 |   content: "\f1e3";
1576 | }
1577 | .fa-tty:before {
1578 |   content: "\f1e4";
1579 | }
1580 | .fa-binoculars:before {
1581 |   content: "\f1e5";
1582 | }
1583 | .fa-plug:before {
1584 |   content: "\f1e6";
1585 | }
1586 | .fa-slideshare:before {
1587 |   content: "\f1e7";
1588 | }
1589 | .fa-twitch:before {
1590 |   content: "\f1e8";
1591 | }
1592 | .fa-yelp:before {
1593 |   content: "\f1e9";
1594 | }
1595 | .fa-newspaper-o:before {
1596 |   content: "\f1ea";
1597 | }
1598 | .fa-wifi:before {
1599 |   content: "\f1eb";
1600 | }
1601 | .fa-calculator:before {
1602 |   content: "\f1ec";
1603 | }
1604 | .fa-paypal:before {
1605 |   content: "\f1ed";
1606 | }
1607 | .fa-google-wallet:before {
1608 |   content: "\f1ee";
1609 | }
1610 | .fa-cc-visa:before {
1611 |   content: "\f1f0";
1612 | }
1613 | .fa-cc-mastercard:before {
1614 |   content: "\f1f1";
1615 | }
1616 | .fa-cc-discover:before {
1617 |   content: "\f1f2";
1618 | }
1619 | .fa-cc-amex:before {
1620 |   content: "\f1f3";
1621 | }
1622 | .fa-cc-paypal:before {
1623 |   content: "\f1f4";
1624 | }
1625 | .fa-cc-stripe:before {
1626 |   content: "\f1f5";
1627 | }
1628 | .fa-bell-slash:before {
1629 |   content: "\f1f6";
1630 | }
1631 | .fa-bell-slash-o:before {
1632 |   content: "\f1f7";
1633 | }
1634 | .fa-trash:before {
1635 |   content: "\f1f8";
1636 | }
1637 | .fa-copyright:before {
1638 |   content: "\f1f9";
1639 | }
1640 | .fa-at:before {
1641 |   content: "\f1fa";
1642 | }
1643 | .fa-eyedropper:before {
1644 |   content: "\f1fb";
1645 | }
1646 | .fa-paint-brush:before {
1647 |   content: "\f1fc";
1648 | }
1649 | .fa-birthday-cake:before {
1650 |   content: "\f1fd";
1651 | }
1652 | .fa-area-chart:before {
1653 |   content: "\f1fe";
1654 | }
1655 | .fa-pie-chart:before {
1656 |   content: "\f200";
1657 | }
1658 | .fa-line-chart:before {
1659 |   content: "\f201";
1660 | }
1661 | .fa-lastfm:before {
1662 |   content: "\f202";
1663 | }
1664 | .fa-lastfm-square:before {
1665 |   content: "\f203";
1666 | }
1667 | .fa-toggle-off:before {
1668 |   content: "\f204";
1669 | }
1670 | .fa-toggle-on:before {
1671 |   content: "\f205";
1672 | }
1673 | .fa-bicycle:before {
1674 |   content: "\f206";
1675 | }
1676 | .fa-bus:before {
1677 |   content: "\f207";
1678 | }
1679 | .fa-ioxhost:before {
1680 |   content: "\f208";
1681 | }
1682 | .fa-angellist:before {
1683 |   content: "\f209";
1684 | }
1685 | .fa-cc:before {
1686 |   content: "\f20a";
1687 | }
1688 | .fa-shekel:before,
1689 | .fa-sheqel:before,
1690 | .fa-ils:before {
1691 |   content: "\f20b";
1692 | }
1693 | .fa-meanpath:before {
1694 |   content: "\f20c";
1695 | }
1696 | .fa-buysellads:before {
1697 |   content: "\f20d";
1698 | }
1699 | .fa-connectdevelop:before {
1700 |   content: "\f20e";
1701 | }
1702 | .fa-dashcube:before {
1703 |   content: "\f210";
1704 | }
1705 | .fa-forumbee:before {
1706 |   content: "\f211";
1707 | }
1708 | .fa-leanpub:before {
1709 |   content: "\f212";
1710 | }
1711 | .fa-sellsy:before {
1712 |   content: "\f213";
1713 | }
1714 | .fa-shirtsinbulk:before {
1715 |   content: "\f214";
1716 | }
1717 | .fa-simplybuilt:before {
1718 |   content: "\f215";
1719 | }
1720 | .fa-skyatlas:before {
1721 |   content: "\f216";
1722 | }
1723 | .fa-cart-plus:before {
1724 |   content: "\f217";
1725 | }
1726 | .fa-cart-arrow-down:before {
1727 |   content: "\f218";
1728 | }
1729 | .fa-diamond:before {
1730 |   content: "\f219";
1731 | }
1732 | .fa-ship:before {
1733 |   content: "\f21a";
1734 | }
1735 | .fa-user-secret:before {
1736 |   content: "\f21b";
1737 | }
1738 | .fa-motorcycle:before {
1739 |   content: "\f21c";
1740 | }
1741 | .fa-street-view:before {
1742 |   content: "\f21d";
1743 | }
1744 | .fa-heartbeat:before {
1745 |   content: "\f21e";
1746 | }
1747 | .fa-venus:before {
1748 |   content: "\f221";
1749 | }
1750 | .fa-mars:before {
1751 |   content: "\f222";
1752 | }
1753 | .fa-mercury:before {
1754 |   content: "\f223";
1755 | }
1756 | .fa-intersex:before,
1757 | .fa-transgender:before {
1758 |   content: "\f224";
1759 | }
1760 | .fa-transgender-alt:before {
1761 |   content: "\f225";
1762 | }
1763 | .fa-venus-double:before {
1764 |   content: "\f226";
1765 | }
1766 | .fa-mars-double:before {
1767 |   content: "\f227";
1768 | }
1769 | .fa-venus-mars:before {
1770 |   content: "\f228";
1771 | }
1772 | .fa-mars-stroke:before {
1773 |   content: "\f229";
1774 | }
1775 | .fa-mars-stroke-v:before {
1776 |   content: "\f22a";
1777 | }
1778 | .fa-mars-stroke-h:before {
1779 |   content: "\f22b";
1780 | }
1781 | .fa-neuter:before {
1782 |   content: "\f22c";
1783 | }
1784 | .fa-genderless:before {
1785 |   content: "\f22d";
1786 | }
1787 | .fa-facebook-official:before {
1788 |   content: "\f230";
1789 | }
1790 | .fa-pinterest-p:before {
1791 |   content: "\f231";
1792 | }
1793 | .fa-whatsapp:before {
1794 |   content: "\f232";
1795 | }
1796 | .fa-server:before {
1797 |   content: "\f233";
1798 | }
1799 | .fa-user-plus:before {
1800 |   content: "\f234";
1801 | }
1802 | .fa-user-times:before {
1803 |   content: "\f235";
1804 | }
1805 | .fa-hotel:before,
1806 | .fa-bed:before {
1807 |   content: "\f236";
1808 | }
1809 | .fa-viacoin:before {
1810 |   content: "\f237";
1811 | }
1812 | .fa-train:before {
1813 |   content: "\f238";
1814 | }
1815 | .fa-subway:before {
1816 |   content: "\f239";
1817 | }
1818 | .fa-medium:before {
1819 |   content: "\f23a";
1820 | }
1821 | .fa-yc:before,
1822 | .fa-y-combinator:before {
1823 |   content: "\f23b";
1824 | }
1825 | .fa-optin-monster:before {
1826 |   content: "\f23c";
1827 | }
1828 | .fa-opencart:before {
1829 |   content: "\f23d";
1830 | }
1831 | .fa-expeditedssl:before {
1832 |   content: "\f23e";
1833 | }
1834 | .fa-battery-4:before,
1835 | .fa-battery:before,
1836 | .fa-battery-full:before {
1837 |   content: "\f240";
1838 | }
1839 | .fa-battery-3:before,
1840 | .fa-battery-three-quarters:before {
1841 |   content: "\f241";
1842 | }
1843 | .fa-battery-2:before,
1844 | .fa-battery-half:before {
1845 |   content: "\f242";
1846 | }
1847 | .fa-battery-1:before,
1848 | .fa-battery-quarter:before {
1849 |   content: "\f243";
1850 | }
1851 | .fa-battery-0:before,
1852 | .fa-battery-empty:before {
1853 |   content: "\f244";
1854 | }
1855 | .fa-mouse-pointer:before {
1856 |   content: "\f245";
1857 | }
1858 | .fa-i-cursor:before {
1859 |   content: "\f246";
1860 | }
1861 | .fa-object-group:before {
1862 |   content: "\f247";
1863 | }
1864 | .fa-object-ungroup:before {
1865 |   content: "\f248";
1866 | }
1867 | .fa-sticky-note:before {
1868 |   content: "\f249";
1869 | }
1870 | .fa-sticky-note-o:before {
1871 |   content: "\f24a";
1872 | }
1873 | .fa-cc-jcb:before {
1874 |   content: "\f24b";
1875 | }
1876 | .fa-cc-diners-club:before {
1877 |   content: "\f24c";
1878 | }
1879 | .fa-clone:before {
1880 |   content: "\f24d";
1881 | }
1882 | .fa-balance-scale:before {
1883 |   content: "\f24e";
1884 | }
1885 | .fa-hourglass-o:before {
1886 |   content: "\f250";
1887 | }
1888 | .fa-hourglass-1:before,
1889 | .fa-hourglass-start:before {
1890 |   content: "\f251";
1891 | }
1892 | .fa-hourglass-2:before,
1893 | .fa-hourglass-half:before {
1894 |   content: "\f252";
1895 | }
1896 | .fa-hourglass-3:before,
1897 | .fa-hourglass-end:before {
1898 |   content: "\f253";
1899 | }
1900 | .fa-hourglass:before {
1901 |   content: "\f254";
1902 | }
1903 | .fa-hand-grab-o:before,
1904 | .fa-hand-rock-o:before {
1905 |   content: "\f255";
1906 | }
1907 | .fa-hand-stop-o:before,
1908 | .fa-hand-paper-o:before {
1909 |   content: "\f256";
1910 | }
1911 | .fa-hand-scissors-o:before {
1912 |   content: "\f257";
1913 | }
1914 | .fa-hand-lizard-o:before {
1915 |   content: "\f258";
1916 | }
1917 | .fa-hand-spock-o:before {
1918 |   content: "\f259";
1919 | }
1920 | .fa-hand-pointer-o:before {
1921 |   content: "\f25a";
1922 | }
1923 | .fa-hand-peace-o:before {
1924 |   content: "\f25b";
1925 | }
1926 | .fa-trademark:before {
1927 |   content: "\f25c";
1928 | }
1929 | .fa-registered:before {
1930 |   content: "\f25d";
1931 | }
1932 | .fa-creative-commons:before {
1933 |   content: "\f25e";
1934 | }
1935 | .fa-gg:before {
1936 |   content: "\f260";
1937 | }
1938 | .fa-gg-circle:before {
1939 |   content: "\f261";
1940 | }
1941 | .fa-tripadvisor:before {
1942 |   content: "\f262";
1943 | }
1944 | .fa-odnoklassniki:before {
1945 |   content: "\f263";
1946 | }
1947 | .fa-odnoklassniki-square:before {
1948 |   content: "\f264";
1949 | }
1950 | .fa-get-pocket:before {
1951 |   content: "\f265";
1952 | }
1953 | .fa-wikipedia-w:before {
1954 |   content: "\f266";
1955 | }
1956 | .fa-safari:before {
1957 |   content: "\f267";
1958 | }
1959 | .fa-chrome:before {
1960 |   content: "\f268";
1961 | }
1962 | .fa-firefox:before {
1963 |   content: "\f269";
1964 | }
1965 | .fa-opera:before {
1966 |   content: "\f26a";
1967 | }
1968 | .fa-internet-explorer:before {
1969 |   content: "\f26b";
1970 | }
1971 | .fa-tv:before,
1972 | .fa-television:before {
1973 |   content: "\f26c";
1974 | }
1975 | .fa-contao:before {
1976 |   content: "\f26d";
1977 | }
1978 | .fa-500px:before {
1979 |   content: "\f26e";
1980 | }
1981 | .fa-amazon:before {
1982 |   content: "\f270";
1983 | }
1984 | .fa-calendar-plus-o:before {
1985 |   content: "\f271";
1986 | }
1987 | .fa-calendar-minus-o:before {
1988 |   content: "\f272";
1989 | }
1990 | .fa-calendar-times-o:before {
1991 |   content: "\f273";
1992 | }
1993 | .fa-calendar-check-o:before {
1994 |   content: "\f274";
1995 | }
1996 | .fa-industry:before {
1997 |   content: "\f275";
1998 | }
1999 | .fa-map-pin:before {
2000 |   content: "\f276";
2001 | }
2002 | .fa-map-signs:before {
2003 |   content: "\f277";
2004 | }
2005 | .fa-map-o:before {
2006 |   content: "\f278";
2007 | }
2008 | .fa-map:before {
2009 |   content: "\f279";
2010 | }
2011 | .fa-commenting:before {
2012 |   content: "\f27a";
2013 | }
2014 | .fa-commenting-o:before {
2015 |   content: "\f27b";
2016 | }
2017 | .fa-houzz:before {
2018 |   content: "\f27c";
2019 | }
2020 | .fa-vimeo:before {
2021 |   content: "\f27d";
2022 | }
2023 | .fa-black-tie:before {
2024 |   content: "\f27e";
2025 | }
2026 | .fa-fonticons:before {
2027 |   content: "\f280";
2028 | }
2029 | .fa-reddit-alien:before {
2030 |   content: "\f281";
2031 | }
2032 | .fa-edge:before {
2033 |   content: "\f282";
2034 | }
2035 | .fa-credit-card-alt:before {
2036 |   content: "\f283";
2037 | }
2038 | .fa-codiepie:before {
2039 |   content: "\f284";
2040 | }
2041 | .fa-modx:before {
2042 |   content: "\f285";
2043 | }
2044 | .fa-fort-awesome:before {
2045 |   content: "\f286";
2046 | }
2047 | .fa-usb:before {
2048 |   content: "\f287";
2049 | }
2050 | .fa-product-hunt:before {
2051 |   content: "\f288";
2052 | }
2053 | .fa-mixcloud:before {
2054 |   content: "\f289";
2055 | }
2056 | .fa-scribd:before {
2057 |   content: "\f28a";
2058 | }
2059 | .fa-pause-circle:before {
2060 |   content: "\f28b";
2061 | }
2062 | .fa-pause-circle-o:before {
2063 |   content: "\f28c";
2064 | }
2065 | .fa-stop-circle:before {
2066 |   content: "\f28d";
2067 | }
2068 | .fa-stop-circle-o:before {
2069 |   content: "\f28e";
2070 | }
2071 | .fa-shopping-bag:before {
2072 |   content: "\f290";
2073 | }
2074 | .fa-shopping-basket:before {
2075 |   content: "\f291";
2076 | }
2077 | .fa-hashtag:before {
2078 |   content: "\f292";
2079 | }
2080 | .fa-bluetooth:before {
2081 |   content: "\f293";
2082 | }
2083 | .fa-bluetooth-b:before {
2084 |   content: "\f294";
2085 | }
2086 | .fa-percent:before {
2087 |   content: "\f295";
2088 | }
2089 | .fa-gitlab:before {
2090 |   content: "\f296";
2091 | }
2092 | .fa-wpbeginner:before {
2093 |   content: "\f297";
2094 | }
2095 | .fa-wpforms:before {
2096 |   content: "\f298";
2097 | }
2098 | .fa-envira:before {
2099 |   content: "\f299";
2100 | }
2101 | .fa-universal-access:before {
2102 |   content: "\f29a";
2103 | }
2104 | .fa-wheelchair-alt:before {
2105 |   content: "\f29b";
2106 | }
2107 | .fa-question-circle-o:before {
2108 |   content: "\f29c";
2109 | }
2110 | .fa-blind:before {
2111 |   content: "\f29d";
2112 | }
2113 | .fa-audio-description:before {
2114 |   content: "\f29e";
2115 | }
2116 | .fa-volume-control-phone:before {
2117 |   content: "\f2a0";
2118 | }
2119 | .fa-braille:before {
2120 |   content: "\f2a1";
2121 | }
2122 | .fa-assistive-listening-systems:before {
2123 |   content: "\f2a2";
2124 | }
2125 | .fa-asl-interpreting:before,
2126 | .fa-american-sign-language-interpreting:before {
2127 |   content: "\f2a3";
2128 | }
2129 | .fa-deafness:before,
2130 | .fa-hard-of-hearing:before,
2131 | .fa-deaf:before {
2132 |   content: "\f2a4";
2133 | }
2134 | .fa-glide:before {
2135 |   content: "\f2a5";
2136 | }
2137 | .fa-glide-g:before {
2138 |   content: "\f2a6";
2139 | }
2140 | .fa-signing:before,
2141 | .fa-sign-language:before {
2142 |   content: "\f2a7";
2143 | }
2144 | .fa-low-vision:before {
2145 |   content: "\f2a8";
2146 | }
2147 | .fa-viadeo:before {
2148 |   content: "\f2a9";
2149 | }
2150 | .fa-viadeo-square:before {
2151 |   content: "\f2aa";
2152 | }
2153 | .fa-snapchat:before {
2154 |   content: "\f2ab";
2155 | }
2156 | .fa-snapchat-ghost:before {
2157 |   content: "\f2ac";
2158 | }
2159 | .fa-snapchat-square:before {
2160 |   content: "\f2ad";
2161 | }
2162 | .fa-pied-piper:before {
2163 |   content: "\f2ae";
2164 | }
2165 | .fa-first-order:before {
2166 |   content: "\f2b0";
2167 | }
2168 | .fa-yoast:before {
2169 |   content: "\f2b1";
2170 | }
2171 | .fa-themeisle:before {
2172 |   content: "\f2b2";
2173 | }
2174 | .fa-google-plus-circle:before,
2175 | .fa-google-plus-official:before {
2176 |   content: "\f2b3";
2177 | }
2178 | .fa-fa:before,
2179 | .fa-font-awesome:before {
2180 |   content: "\f2b4";
2181 | }
2182 | .fa-handshake-o:before {
2183 |   content: "\f2b5";
2184 | }
2185 | .fa-envelope-open:before {
2186 |   content: "\f2b6";
2187 | }
2188 | .fa-envelope-open-o:before {
2189 |   content: "\f2b7";
2190 | }
2191 | .fa-linode:before {
2192 |   content: "\f2b8";
2193 | }
2194 | .fa-address-book:before {
2195 |   content: "\f2b9";
2196 | }
2197 | .fa-address-book-o:before {
2198 |   content: "\f2ba";
2199 | }
2200 | .fa-vcard:before,
2201 | .fa-address-card:before {
2202 |   content: "\f2bb";
2203 | }
2204 | .fa-vcard-o:before,
2205 | .fa-address-card-o:before {
2206 |   content: "\f2bc";
2207 | }
2208 | .fa-user-circle:before {
2209 |   content: "\f2bd";
2210 | }
2211 | .fa-user-circle-o:before {
2212 |   content: "\f2be";
2213 | }
2214 | .fa-user-o:before {
2215 |   content: "\f2c0";
2216 | }
2217 | .fa-id-badge:before {
2218 |   content: "\f2c1";
2219 | }
2220 | .fa-drivers-license:before,
2221 | .fa-id-card:before {
2222 |   content: "\f2c2";
2223 | }
2224 | .fa-drivers-license-o:before,
2225 | .fa-id-card-o:before {
2226 |   content: "\f2c3";
2227 | }
2228 | .fa-quora:before {
2229 |   content: "\f2c4";
2230 | }
2231 | .fa-free-code-camp:before {
2232 |   content: "\f2c5";
2233 | }
2234 | .fa-telegram:before {
2235 |   content: "\f2c6";
2236 | }
2237 | .fa-thermometer-4:before,
2238 | .fa-thermometer:before,
2239 | .fa-thermometer-full:before {
2240 |   content: "\f2c7";
2241 | }
2242 | .fa-thermometer-3:before,
2243 | .fa-thermometer-three-quarters:before {
2244 |   content: "\f2c8";
2245 | }
2246 | .fa-thermometer-2:before,
2247 | .fa-thermometer-half:before {
2248 |   content: "\f2c9";
2249 | }
2250 | .fa-thermometer-1:before,
2251 | .fa-thermometer-quarter:before {
2252 |   content: "\f2ca";
2253 | }
2254 | .fa-thermometer-0:before,
2255 | .fa-thermometer-empty:before {
2256 |   content: "\f2cb";
2257 | }
2258 | .fa-shower:before {
2259 |   content: "\f2cc";
2260 | }
2261 | .fa-bathtub:before,
2262 | .fa-s15:before,
2263 | .fa-bath:before {
2264 |   content: "\f2cd";
2265 | }
2266 | .fa-podcast:before {
2267 |   content: "\f2ce";
2268 | }
2269 | .fa-window-maximize:before {
2270 |   content: "\f2d0";
2271 | }
2272 | .fa-window-minimize:before {
2273 |   content: "\f2d1";
2274 | }
2275 | .fa-window-restore:before {
2276 |   content: "\f2d2";
2277 | }
2278 | .fa-times-rectangle:before,
2279 | .fa-window-close:before {
2280 |   content: "\f2d3";
2281 | }
2282 | .fa-times-rectangle-o:before,
2283 | .fa-window-close-o:before {
2284 |   content: "\f2d4";
2285 | }
2286 | .fa-bandcamp:before {
2287 |   content: "\f2d5";
2288 | }
2289 | .fa-grav:before {
2290 |   content: "\f2d6";
2291 | }
2292 | .fa-etsy:before {
2293 |   content: "\f2d7";
2294 | }
2295 | .fa-imdb:before {
2296 |   content: "\f2d8";
2297 | }
2298 | .fa-ravelry:before {
2299 |   content: "\f2d9";
2300 | }
2301 | .fa-eercast:before {
2302 |   content: "\f2da";
2303 | }
2304 | .fa-microchip:before {
2305 |   content: "\f2db";
2306 | }
2307 | .fa-snowflake-o:before {
2308 |   content: "\f2dc";
2309 | }
2310 | .fa-superpowers:before {
2311 |   content: "\f2dd";
2312 | }
2313 | .fa-wpexplorer:before {
2314 |   content: "\f2de";
2315 | }
2316 | .fa-meetup:before {
2317 |   content: "\f2e0";
2318 | }
2319 | .sr-only {
2320 |   position: absolute;
2321 |   width: 1px;
2322 |   height: 1px;
2323 |   padding: 0;
2324 |   margin: -1px;
2325 |   overflow: hidden;
2326 |   clip: rect(0, 0, 0, 0);
2327 |   border: 0;
2328 | }
2329 | .sr-only-focusable:active,
2330 | .sr-only-focusable:focus {
2331 |   position: static;
2332 |   width: auto;
2333 |   height: auto;
2334 |   margin: 0;
2335 |   overflow: visible;
2336 |   clip: auto;
2337 | }
2338 | 


--------------------------------------------------------------------------------