Repository: Hyhyhyhyhyhyh/Django-Data-quality-system Branch: master Commit: 9bc0f3e9fc9a Files: 344 Total size: 23.2 MB Directory structure: gitextract_j3qqf1bi/ ├── .gitattributes ├── .gitignore ├── LICENSE ├── README.md ├── api/ │ ├── __init__.py │ ├── admin.py │ ├── api_backend.py │ ├── api_blood.py │ ├── api_check.py │ ├── api_dashboard.py │ ├── api_datastandard.py │ ├── api_date.py │ ├── api_files.py │ ├── api_quality.py │ ├── apps.py │ ├── models.py │ ├── tests.py │ └── views.py ├── authorize/ │ ├── __init__.py │ ├── admin.py │ ├── apps.py │ ├── models.py │ ├── templates/ │ │ └── authorize/ │ │ └── login.html │ ├── tests.py │ ├── urls.py │ └── views.py ├── backend/ │ ├── __init__.py │ ├── admin.py │ ├── apps.py │ ├── models.py │ ├── templates/ │ │ └── backend/ │ │ ├── crontab.html │ │ ├── database.html │ │ ├── database_add.html │ │ └── database_detail.html │ ├── tests.py │ └── views.py ├── blood/ │ ├── __init__.py │ ├── admin.py │ ├── apps.py │ ├── models.py │ ├── templates/ │ │ └── blood/ │ │ └── analyze.html │ ├── tests.py │ └── views.py ├── check/ │ ├── __init__.py │ ├── admin.py │ ├── apps.py │ ├── autocheck.py │ ├── crontab_autocheck.py │ ├── models.py │ ├── templates/ │ │ └── check/ │ │ ├── blood_analyze.html │ │ ├── crontab.html │ │ ├── rule_edit.html │ │ └── rule_list.html │ ├── tests.py │ └── views.py ├── data/ │ ├── __init__.py │ ├── admin.py │ ├── apps.py │ ├── models.py │ ├── templates/ │ │ └── data/ │ │ ├── dashboard.html │ │ ├── dashboard_subcompany.html │ │ ├── report.html │ │ ├── result_detail.html │ │ └── template-ui.html │ ├── tests.py │ ├── urls.py │ └── views.py ├── demand/ │ ├── __init__.py │ ├── admin.py │ ├── apps.py │ ├── insert_excel.sql │ ├── models.py │ ├── templates/ │ │ └── demand/ │ │ └── upload_form.html │ ├── tests.py │ └── views.py ├── docs/ │ ├── api_views.md │ ├── authorize_views.md │ ├── check_views.md │ ├── data_views.md │ ├── ddl.sql │ ├── demand_views.md │ ├── demo数据.sql │ ├── files_views.md │ ├── requirements.txt │ └── 部署文档.md ├── files/ │ ├── __init__.py │ ├── admin.py │ ├── apps.py │ ├── models.py │ ├── templates/ │ │ └── files/ │ │ └── file_list.html │ ├── tests.py │ └── views.py ├── gconfig.py ├── manage.py ├── mysite/ │ ├── __init__.py │ ├── db_config.py │ ├── settings.py │ ├── source_db_config.py │ ├── urls.py │ └── wsgi.py ├── nginx.conf ├── standard/ │ ├── __init__.py │ ├── admin.py │ ├── apps.py │ ├── models.py │ ├── templates/ │ │ └── standard/ │ │ ├── show.html │ │ └── update.html │ ├── tests.py │ └── views.py ├── static/ │ ├── CodeMirror/ │ │ ├── lib/ │ │ │ ├── codemirror.css │ │ │ └── codemirror.js │ │ ├── mode/ │ │ │ └── sql.js │ │ └── theme/ │ │ └── eclipse.css │ ├── check/ │ │ └── css/ │ │ ├── admin/ │ │ │ ├── jquery.dataTables.css │ │ │ └── style.css │ │ └── login.css │ ├── css/ │ │ ├── animate.css │ │ ├── bak/ │ │ │ └── animate.css │ │ ├── datatables/ │ │ │ ├── datatables-site.css │ │ │ ├── jquery.dataTables.css │ │ │ └── jquery.dataTables.css.origin │ │ ├── datatables.css │ │ ├── fonts.css │ │ ├── helper.css │ │ ├── icons.css │ │ ├── lib/ │ │ │ └── bootstrap/ │ │ │ └── bootstrap3.css │ │ ├── login.css │ │ ├── material-dash.css │ │ ├── rule_list.css │ │ ├── spinners.css │ │ ├── style.css │ │ └── sweetalert.css │ ├── files/ │ │ ├── 信托公司风险指标.xlsx │ │ ├── 基金1公司风险指标.xlsx │ │ ├── 基金2公司风险指标.xlsx │ │ ├── 担保公司风险指标.xlsx │ │ ├── 资产公司风险指标.xlsx │ │ ├── 金科公司风险指标.xlsx │ │ └── 金租公司风险指标.xlsx │ ├── fonts/ │ │ └── fontAwesome.otf │ ├── icons/ │ │ ├── linea-icons/ │ │ │ └── linea.css │ │ ├── simple-line-icons/ │ │ │ └── css/ │ │ │ └── simple-line-icons.css │ │ └── themify-icons/ │ │ └── themify-icons.css │ ├── js/ │ │ ├── DataTables/ │ │ │ ├── AutoFill-2.3.3/ │ │ │ │ ├── css/ │ │ │ │ │ ├── autoFill.bootstrap.css │ │ │ │ │ ├── autoFill.bootstrap4.css │ │ │ │ │ ├── autoFill.dataTables.css │ │ │ │ │ ├── autoFill.foundation.css │ │ │ │ │ ├── autoFill.jqueryui.css │ │ │ │ │ └── autoFill.semanticui.css │ │ │ │ └── js/ │ │ │ │ ├── autoFill.bootstrap.js │ │ │ │ ├── autoFill.bootstrap4.js │ │ │ │ ├── autoFill.foundation.js │ │ │ │ ├── autoFill.jqueryui.js │ │ │ │ ├── autoFill.semanticui.js │ │ │ │ └── dataTables.autoFill.js │ │ │ ├── Buttons-1.5.6/ │ │ │ │ ├── css/ │ │ │ │ │ ├── buttons.bootstrap.css │ │ │ │ │ ├── buttons.bootstrap4.css │ │ │ │ │ ├── buttons.dataTables.css │ │ │ │ │ ├── buttons.foundation.css │ │ │ │ │ ├── buttons.jqueryui.css │ │ │ │ │ ├── buttons.semanticui.css │ │ │ │ │ ├── common.scss │ │ │ │ │ └── mixins.scss │ │ │ │ ├── js/ │ │ │ │ │ ├── buttons.bootstrap.js │ │ │ │ │ ├── buttons.bootstrap4.js │ │ │ │ │ ├── buttons.colVis.js │ │ │ │ │ ├── buttons.flash.js │ │ │ │ │ ├── buttons.foundation.js │ │ │ │ │ ├── buttons.html5.js │ │ │ │ │ ├── buttons.jqueryui.js │ │ │ │ │ ├── buttons.print.js │ │ │ │ │ ├── buttons.semanticui.js │ │ │ │ │ └── dataTables.buttons.js │ │ │ │ └── swf/ │ │ │ │ └── flashExport.swf │ │ │ ├── ColReorder-1.5.0/ │ │ │ │ ├── css/ │ │ │ │ │ ├── colReorder.bootstrap.css │ │ │ │ │ ├── colReorder.bootstrap4.css │ │ │ │ │ ├── colReorder.dataTables.css │ │ │ │ │ ├── colReorder.foundation.css │ │ │ │ │ ├── colReorder.jqueryui.css │ │ │ │ │ └── colReorder.semanticui.css │ │ │ │ └── js/ │ │ │ │ ├── colReorder.bootstrap.js │ │ │ │ ├── colReorder.bootstrap4.js │ │ │ │ ├── colReorder.dataTables.js │ │ │ │ ├── colReorder.foundation.js │ │ │ │ ├── colReorder.jqueryui.js │ │ │ │ ├── colReorder.semanicui.js │ │ │ │ ├── colReorder.semanticui.js │ │ │ │ └── dataTables.colReorder.js │ │ │ ├── DataTables-1.10.18/ │ │ │ │ ├── css/ │ │ │ │ │ ├── dataTables.bootstrap.css │ │ │ │ │ ├── dataTables.bootstrap4.css │ │ │ │ │ ├── dataTables.foundation.css │ │ │ │ │ ├── dataTables.jqueryui.css │ │ │ │ │ ├── dataTables.semanticui.css │ │ │ │ │ └── jquery.dataTables.css │ │ │ │ └── js/ │ │ │ │ ├── dataTables.bootstrap.js │ │ │ │ ├── dataTables.bootstrap4.js │ │ │ │ ├── dataTables.foundation.js │ │ │ │ ├── dataTables.jqueryui.js │ │ │ │ ├── dataTables.semanticui.js │ │ │ │ └── jquery.dataTables.js │ │ │ ├── FixedColumns-3.2.5/ │ │ │ │ ├── css/ │ │ │ │ │ ├── fixedColumns.bootstrap.css │ │ │ │ │ ├── fixedColumns.bootstrap4.css │ │ │ │ │ ├── fixedColumns.dataTables.css │ │ │ │ │ ├── fixedColumns.foundation.css │ │ │ │ │ ├── fixedColumns.jqueryui.css │ │ │ │ │ └── fixedColumns.semanticui.css │ │ │ │ └── js/ │ │ │ │ ├── dataTables.fixedColumns.js │ │ │ │ ├── fixedColumns.bootstrap.js │ │ │ │ ├── fixedColumns.bootstrap4.js │ │ │ │ ├── fixedColumns.dataTables.js │ │ │ │ ├── fixedColumns.foundation.js │ │ │ │ ├── fixedColumns.jqueryui.js │ │ │ │ ├── fixedColumns.semanicui.js │ │ │ │ └── fixedColumns.semanticui.js │ │ │ ├── FixedHeader-3.1.4/ │ │ │ │ ├── css/ │ │ │ │ │ ├── fixedHeader.bootstrap.css │ │ │ │ │ ├── fixedHeader.bootstrap4.css │ │ │ │ │ ├── fixedHeader.dataTables.css │ │ │ │ │ ├── fixedHeader.foundation.css │ │ │ │ │ ├── fixedHeader.jqueryui.css │ │ │ │ │ └── fixedHeader.semanticui.css │ │ │ │ └── js/ │ │ │ │ ├── dataTables.fixedHeader.js │ │ │ │ ├── fixedHeader.bootstrap.js │ │ │ │ ├── fixedHeader.bootstrap4.js │ │ │ │ ├── fixedHeader.dataTables.js │ │ │ │ ├── fixedHeader.foundation.js │ │ │ │ ├── fixedHeader.jqueryui.js │ │ │ │ ├── fixedHeader.semanicui.js │ │ │ │ └── fixedHeader.semanticui.js │ │ │ ├── JSZip-2.5.0/ │ │ │ │ └── jszip.js │ │ │ ├── KeyTable-2.5.0/ │ │ │ │ ├── css/ │ │ │ │ │ ├── keyTable.bootstrap.css │ │ │ │ │ ├── keyTable.bootstrap4.css │ │ │ │ │ ├── keyTable.dataTables.css │ │ │ │ │ ├── keyTable.foundation.css │ │ │ │ │ ├── keyTable.jqueryui.css │ │ │ │ │ └── keyTable.semanticui.css │ │ │ │ └── js/ │ │ │ │ ├── dataTables.keyTable.js │ │ │ │ ├── keyTable.bootstrap.js │ │ │ │ ├── keyTable.bootstrap4.js │ │ │ │ ├── keyTable.dataTables.js │ │ │ │ ├── keyTable.foundation.js │ │ │ │ ├── keyTable.jqueryui.js │ │ │ │ ├── keyTable.semanicui.js │ │ │ │ └── keyTable.semanticui.js │ │ │ ├── Responsive-2.2.2/ │ │ │ │ ├── css/ │ │ │ │ │ ├── responsive.bootstrap.css │ │ │ │ │ ├── responsive.bootstrap4.css │ │ │ │ │ ├── responsive.dataTables.css │ │ │ │ │ ├── responsive.foundation.css │ │ │ │ │ ├── responsive.jqueryui.css │ │ │ │ │ └── responsive.semanticui.css │ │ │ │ └── js/ │ │ │ │ ├── dataTables.responsive.js │ │ │ │ ├── responsive.bootstrap.js │ │ │ │ ├── responsive.bootstrap4.js │ │ │ │ ├── responsive.foundation.js │ │ │ │ ├── responsive.jqueryui.js │ │ │ │ └── responsive.semanticui.js │ │ │ ├── RowGroup-1.1.0/ │ │ │ │ ├── css/ │ │ │ │ │ ├── rowGroup.bootstrap.css │ │ │ │ │ ├── rowGroup.bootstrap4.css │ │ │ │ │ ├── rowGroup.dataTables.css │ │ │ │ │ ├── rowGroup.foundation.css │ │ │ │ │ ├── rowGroup.jqueryui.css │ │ │ │ │ └── rowGroup.semanticui.css │ │ │ │ └── js/ │ │ │ │ ├── dataTables.rowGroup.js │ │ │ │ ├── rowGroup.bootstrap.js │ │ │ │ ├── rowGroup.bootstrap4.js │ │ │ │ ├── rowGroup.dataTables.js │ │ │ │ ├── rowGroup.foundation.js │ │ │ │ ├── rowGroup.jqueryui.js │ │ │ │ ├── rowGroup.semanicui.js │ │ │ │ └── rowGroup.semanticui.js │ │ │ ├── RowReorder-1.2.4/ │ │ │ │ ├── css/ │ │ │ │ │ ├── rowReorder.bootstrap.css │ │ │ │ │ ├── rowReorder.bootstrap4.css │ │ │ │ │ ├── rowReorder.dataTables.css │ │ │ │ │ ├── rowReorder.foundation.css │ │ │ │ │ ├── rowReorder.jqueryui.css │ │ │ │ │ └── rowReorder.semanticui.css │ │ │ │ └── js/ │ │ │ │ ├── dataTables.rowReorder.js │ │ │ │ ├── rowReorder.bootstrap.js │ │ │ │ ├── rowReorder.bootstrap4.js │ │ │ │ ├── rowReorder.dataTables.js │ │ │ │ ├── rowReorder.foundation.js │ │ │ │ ├── rowReorder.jqueryui.js │ │ │ │ └── rowReorder.semanticui.js │ │ │ ├── Scroller-2.0.0/ │ │ │ │ ├── css/ │ │ │ │ │ ├── scroller.bootstrap.css │ │ │ │ │ ├── scroller.bootstrap4.css │ │ │ │ │ ├── scroller.dataTables.css │ │ │ │ │ ├── scroller.foundation.css │ │ │ │ │ ├── scroller.jqueryui.css │ │ │ │ │ └── scroller.semanticui.css │ │ │ │ └── js/ │ │ │ │ ├── dataTables.scroller.js │ │ │ │ ├── scroller.bootstrap.js │ │ │ │ ├── scroller.bootstrap4.js │ │ │ │ ├── scroller.dataTables.js │ │ │ │ ├── scroller.foundation.js │ │ │ │ ├── scroller.jqueryui.js │ │ │ │ ├── scroller.semanicui.js │ │ │ │ └── scroller.semanticui.js │ │ │ ├── Select-1.3.0/ │ │ │ │ ├── css/ │ │ │ │ │ ├── select.bootstrap.css │ │ │ │ │ ├── select.bootstrap4.css │ │ │ │ │ ├── select.dataTables.css │ │ │ │ │ ├── select.foundation.css │ │ │ │ │ ├── select.jqueryui.css │ │ │ │ │ └── select.semanticui.css │ │ │ │ └── js/ │ │ │ │ ├── dataTables.select.js │ │ │ │ ├── select.bootstrap.js │ │ │ │ ├── select.bootstrap4.js │ │ │ │ ├── select.dataTables.js │ │ │ │ ├── select.foundation.js │ │ │ │ ├── select.jqueryui.js │ │ │ │ └── select.semanticui.js │ │ │ ├── datatables.css │ │ │ ├── datatables.js │ │ │ ├── jQuery-3.3.1/ │ │ │ │ └── jquery-3.3.1.js │ │ │ └── pdfmake-0.1.36/ │ │ │ ├── pdfmake.js │ │ │ └── vfs_fonts.js │ │ ├── Echarts/ │ │ │ ├── echarts-en.common.js │ │ │ ├── echarts-en.js │ │ │ ├── echarts-en.simple.js │ │ │ ├── echarts.common.js │ │ │ ├── echarts.js │ │ │ ├── echarts.simple.js │ │ │ └── extension/ │ │ │ ├── bmap.js │ │ │ └── dataTool.js │ │ ├── FileSaver.js │ │ ├── bootstrap.js │ │ ├── canvas-nest.js │ │ ├── dashboard_echarts.js │ │ ├── get_quality_detail.js │ │ ├── gojs/ │ │ │ ├── Buttons.js │ │ │ └── go.js │ │ ├── init.js │ │ ├── jquery/ │ │ │ ├── jquery.ba-resize.js │ │ │ ├── jquery.slimscroll.js │ │ │ └── jquery.wordexport.js │ │ ├── login.js │ │ ├── scripts.js │ │ └── sidebarmenu.js │ ├── resource/ │ │ ├── chinese.lang │ │ ├── demand.json │ │ └── stdNodes.json │ └── zTree/ │ ├── css/ │ │ └── zTreeStyle.css │ └── js/ │ └── fuzzysearch.js └── utils/ ├── functions.py ├── generate_dim_date.py └── report_data.py ================================================ FILE CONTENTS ================================================ ================================================ FILE: .gitattributes ================================================ *.js linguist-language=Python *.css linguist-language=Python ================================================ FILE: .gitignore ================================================ */__pycache__/ */migrations/ .idea/ ================================================ FILE: LICENSE ================================================ MIT License Copyright (c) 2020 Hyhyhyhyhyhyh Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: README.md ================================================ # demo http://data.sghen.cn 登录用户名密码：admin/admin # 项目结构 ``` 项目 │ gconfig.py gunicorn配置文件 │ manage.py Django管理文件 │ README.md readme | nginx.conf nginx.conf │ ├─api ajax接口 │ ├─authorize 身份认证模块 | ├─check 自动检核模块 | ├─data 仪表盘、检核明细模块 | ├─demand 更新源系统改造需求 | ├─docs 文档目录 │ ├─files 上传下载文件模块 │ ├─logs 日志目录 | ├─mysite Django配置目录 │ ├─standard 查看、更新数据标准模块 | ├─utils 一些复用的函数 │ └─static css、js、附件等静态文件目录 ``` # 更新记录 ## 2020-09-05 - 修复若干本地部署会发生的错误 - **重要**：修正部署文档`docs/部署文档.md`中的许多错误 ## 2020-06-13 - 更新血缘分析模块 ## 2020-05 - 数据源跟检核规则库中的数据库进行关联 ## 2020-04-23 1. 前端侧边栏修改，显示更加紧凑 2. 新增数据源的查看/修改/新增功能 ## 2020-03-29 1. 后端 - 检核结果由按季度存放改在按日存放，记录检核版本方便查看历史变化趋势 - 根据check_execute_log检核日志表为前端提供日期选择接口；api代码更新为正式代码（代替随机数据） - 添加日期维度表 2. 前端：在仪表盘添加各公司质量总览及全期趋势图；添加日期选择控件等 3. 进一步前后分离，减少后端渲染模板 ## 2019-12-29 实际部署demo ## 2019-09-09 demo # 启停项目 ``` # 切换虚拟环境 workon django-2.1 # 启动项目 gunicorn mysite.wsgi -c /data/pyweb/data-quality/gconfig.py & ``` # todo - [ ] 数据标准编辑功能完善 # 说明 登录页面背景图来自https://pixabay.com ================================================ FILE: api/__init__.py ================================================ ================================================ FILE: api/admin.py ================================================ from django.contrib import admin # Register your models here. ================================================ FILE: api/api_backend.py ================================================ from django.http.response import JsonResponse from django.http.response import HttpResponseBadRequest from django.views.decorators.http import require_http_methods import pandas as pd from crontab import CronTab from mysite import db_config def encrypy_password(connection_string): """将连接串中的密码替换为*号 """ str1 = connection_string.split('@')[0].split(':')[0] str2 = connection_string.split('@')[0].split(':')[1] str3 = connection_string.split('@')[1] return f'{str1}:{str2}:******@{str3}' @require_http_methods(['GET']) def db_query(request): try: conn = db_config.sqlalchemy_conn() db = pd.read_sql("select name,db_type,alias,connection_string,db,ip,note,id from source_db_info order by name,db_type", con=conn) db['connection_string'] = db['connection_string'].apply(encrypy_password) data = { 'company': db['name'].values.tolist(), 'db_type': db['db_type'].values.tolist(), 'alias': db['alias'].values.tolist(), 'connection_string': db['connection_string'].values.tolist(), 'db': db['db'].values.tolist(), 'ip': db['ip'].values.tolist(), 'note': db['note'].values.tolist(), 'rowid': db['id'].values.tolist() } return JsonResponse({'data': data, 'code': 1000}) except Exception as e: return HttpResponseBadRequest(content=e) finally: conn.dispose() @require_http_methods(['POST']) def db_update(request): id = request.POST.get('id') ip = request.POST.get('ip') alias = request.POST.get('alias') user = request.POST.get('user') password = request.POST.get('password') db = request.POST.get('db') port = request.POST.get('port') db_type = request.POST.get('db_type') charset = request.POST.get('charset') note = request.POST.get('note') if db_type == 'mysql': connection_string = f'mysql+mysqldb://{user}:{password}@{ip}:{port}/{db}?charset={charset}' elif db_type == 'oracle': connection_string = f'oracle://{user}:{password}@{ip}:{port}/?service_name={db}' elif db_type == 'sqlserver': connection_string = f'mssql+pymssql://{user}:{password}@{ip}:{port}/{db}?charset={charset}' elif db_type == 'postgresql': connection_string = f'postgresql://{user}:{password}@{ip}:{port}/{db}' try: # conn = db_config.mysql_connect() # with conn.cursor() as curs: # sql = f"""update source_db_info # set alias='{alias}', # connection_string='{connection_string}', # ip='{ip}', # passwd='{password}', # db='{db}', # port={port}, # db_type='{db_type}', # note='{note}' # where id={id}""" # curs.execute(sql) # conn.commit() return JsonResponse({'data': '修改成功', 'code': 1000}) except Exception as e: conn.rollback() return HttpResponseBadRequest(content=e) finally: conn.close() @require_http_methods(['POST']) def db_insert(request): company = request.POST.get('company') name = request.POST.get('name') alias = request.POST.get('alias') ip = request.POST.get('ip') user = request.POST.get('user') password = request.POST.get('password') db = request.POST.get('db') port = request.POST.get('port') db_type = request.POST.get('db_type') charset = request.POST.get('charset') note = request.POST.get('note') if db_type == 'mysql': connection_string = f'mysql+mysqldb://{user}:{password}@{ip}:{port}/{db}?charset={charset}' elif db_type == 'oracle': connection_string = f'oracle://{user}:{password}@{ip}:{port}/?service_name={db}' elif db_type == 'sqlserver': connection_string = f'mssql+pymssql://{user}:{password}@{ip}:{port}/{db}?charset={charset}' elif db_type == 'postgresql': connection_string = f'postgresql://{user}:{password}@{ip}:{port}/{db}' try: conn = db_config.mysql_connect() # with conn.cursor() as curs: # sql = f"""insert into source_db_info(company,name,alias,connection_string,ip,user,passwd,db,port,db_type,note) # values('{company}','{name}','{alias}','{connection_string}','{ip}','{user}','{password}','{db}',{port},'{db_type}','{note}')""" # curs.execute(sql) # conn.commit() return JsonResponse({'data': '新增成功', 'code': 1000}) except Exception as e: conn.rollback() return HttpResponseBadRequest(content=e) finally: conn.close() @require_http_methods(['POST']) def crontab_enable(request): """ 启用/禁用自动检核的crontab任务 :param request: :return: """ enable = request.POST.get('enable') job_name = request.POST.get('job_name') cron = CronTab(user=True) job = list(cron.find_comment(job_name))[0] if enable == 'false': # job.enable(False) # cron.write() return JsonResponse({"msg": "success"}) elif enable == 'true': # job.enable() # cron.write() return JsonResponse({"msg": "success"}) else: return JsonResponse({"msg": "failed"}) @require_http_methods(['POST']) def crontab_run(request): job_name = request.POST.get('job_name') try: cron = CronTab(user=True) job = list(cron.find_comment(job_name))[0] job.run() return JsonResponse({"msg": "success"}) except Exception as e: return HttpResponseBadRequest(content=e) ================================================ FILE: api/api_blood.py ================================================ import re import os import sys import pandas as pd from sqlalchemy import create_engine from django.http.response import JsonResponse, HttpResponseBadRequest from django.views.decorators.http import require_http_methods sys.path.insert(0, '..') from mysite import db_config ''' def extract_table_name_from_sql(sql_str): """ 提取sql语句中的表名 """ # 过滤去除/* */注释 q = re.sub(r"/\*[^*]*\*+(?:[^*/][^*]*\*+)*/", "", sql_str) # 去除以 -- 或 # 开头的注释行 lines = [line for line in q.splitlines() if not re.match("^\s*(--|#)", line)] # 去除行尾的以 -- 或 # 开头的注释 q = " ".join([re.split("--|#", line)[0] for line in lines]) # 根据空格、();分割单词 tokens = re.split(r"[\s)(;]+", q) # 如果发现 from 或 join ，则把get_next设为True，然后获取表名 result = set() get_next = False for token in tokens: if get_next: if token.lower() not in ["", "select"]: # result.append(token) result.add(token) get_next = False get_next = token.lower() in ["from", "join"] return result ''' @require_http_methods(['GET']) def query_mapping(request): table_name = request.GET.get('table_name') sql = f"""select distinct subject_area, mapping_name, source, target, case when locate('_ts_', mapping_name)>0 then 1 when locate('_ti_', mapping_name)>0 then 2 when locate('_ods_', mapping_name)>0 then 3 else 99 end level from datacenter_mapping where ( lower(source) like '%{table_name.lower()}%' or lower(target) like '%{table_name.lower()}%' or lower(mapping_name) like '%{table_name.lower()}%' ) and source<>target order by level asc,1,2,3 """ try: conn = db_config.mysql_connect() with conn.cursor() as curs: curs.execute(sql) r = curs.fetchall() return JsonResponse({ 'subject_area': [i[0] for i in r], 'mapping_name': [i[1] for i in r], 'source': [i[2] for i in r], 'target': [i[3] for i in r], 'level': [i[4] for i in r] }) except Exception as e: return HttpResponseBadRequest(e) finally: conn.close() ================================================ FILE: api/api_check.py ================================================ from django.http.response import JsonResponse, HttpResponse, HttpResponseBadRequest from django.views.decorators.http import require_http_methods from crontab import CronTab import pandas as pd import sys, MySQLdb sys.path.insert(0, '..') from mysite import db_config from check.autocheck import Check, MyThread @require_http_methods(['GET']) def rule(request): """ 根据公司名查询所有检核规则详情 """ company = request.GET.get('name') filter = request.GET.get('risk_market_filter') conn = db_config.mysql_connect() curs = conn.cursor() curs.execute('set autocommit=0') try: sql = f"""select id,check_item,target_table,risk_market_item,problem_type,db,check_sql,note,status,source_system from check_result_template where source_system in ('{company}') and risk_market_item like '%{filter}%' order by id""" curs.execute(sql) result = curs.fetchall() # 构造json result_list = [] for i in result: result_dict = {"id": i[0], "check_item": i[1], "target_table": i[2], "risk_market_item": i[3], "problem_type": i[4], "db": i[5], "check_sql": i[6], "note": i[7], "status": i[8], "source_system": i[9]} result_list.append(result_dict) json_data = {'data': result_list} return JsonResponse(json_data) except: return HttpResponse('error', status=500) finally: curs.close() conn.close() @require_http_methods(['GET']) def rule_detail(request): """ 根据公司名、id查询单条规则详情 """ company = request.GET.get('company') id = request.GET.get('id') data = { "id": None, "source_system": None, "check_item": None, "target_table": None, "risk_market_item": None, "problem_type": None, "db": None, "check_sql": None, "note": None, "status": None, } if id == 'null': return JsonResponse(data) sql = f"""select id,check_item,target_table,risk_market_item,problem_type,db,check_sql,note,status from check_result_template where source_system in ('{company}') and id={id}""" conn = db_config.sqlalchemy_conn() try: result = pd.read_sql(sql, con=conn) data = { "check_item": result['check_item'].values.tolist()[0], "target_table": result['target_table'].values.tolist()[0], "risk_market_item": result['risk_market_item'].values.tolist()[0], "problem_type": result['problem_type'].values.tolist()[0], "db": result['db'].values.tolist()[0], "check_sql": result['check_sql'].values.tolist()[0], "note": result['note'].values.tolist()[0], "status": result['status'].values.tolist()[0], } return JsonResponse(data) except Exception as e: return HttpResponseBadRequest(e) finally: conn.dispose() @require_http_methods(['POST']) def rule_update(request): """ 执行修改检核规则 """ id = request.POST.get('id') source_system = request.POST.get('source_system') check_item = request.POST.get('check_item') target_table = request.POST.get('target_table') risk_market = request.POST.get('risk_market') problem_type = request.POST.get('problem_type') db = request.POST.get('db') check_sql = request.POST.get('check_sql') note = request.POST.get('note') status = request.POST.get('status') # 把"转义为'，再把'转义为'' check_sql = MySQLdb.escape_string(check_sql).decode('utf-8') # print(check_sql) try: conn = db_config.mysql_connect() curs = conn.cursor() curs.execute('set autocommit=0') sql = f"""update check_result_template set check_item='{check_item}', target_table='{target_table}', risk_market_item='{risk_market}', problem_type='{problem_type}', db='{db}', check_sql='{check_sql}', note='{note}', status='{status}' where id={id} and source_system='{source_system}'""" # print(sql) curs.execute(sql) conn.commit() return JsonResponse({'msg': '修改成功', 'code': 1000}) except Exception as e: return HttpResponse(e, status=500) finally: curs.close() conn.close() @require_http_methods(['POST']) def rule_add(request): """ 新增检核规则 """ source_system = request.POST.get('source_system') check_item = request.POST.get('check_item') target_table = request.POST.get('target_table') risk_market = request.POST.get('risk_market') problem_type = request.POST.get('problem_type') db = request.POST.get('db') check_sql = request.POST.get('check_sql') note = request.POST.get('note') status = request.POST.get('status') # 处理检核SQL中含有''的情况 check_sql = MySQLdb.escape_string(check_sql).decode('utf-8') # print(check_sql) try: # 连接数据库 conn = db_config.mysql_connect() curs = conn.cursor() curs.execute('set autocommit=0') sql = "select max(id)+1 from check_result_template where source_system in ('" + source_system + "')" curs.execute(sql) result = curs.fetchone() new_id = str(result[0]) # 获取新增的id sql = f"""insert into check_result_template(id, source_system, check_item, target_table, risk_market_item, problem_type, db, check_sql, note, status) values({new_id}, '{source_system}', '{check_item}', '{target_table}', '{risk_market}', '{problem_type}', '{db}', '{check_sql}', '{note}', '{status}')""" # print(sql) curs.execute(sql) conn.commit() return JsonResponse({'msg': '修改成功', 'code': 1000}) except Exception as e: return HttpResponse(e, status=500) finally: curs.close() conn.close() @require_http_methods(['POST']) def rule_status_modify(request): """修改检核规则状态，禁用/启用 规则的状态 """ id = request.POST.get('id') post_status = request.POST.get('status') company = request.POST.get('company') conn = db_config.mysql_connect() curs = conn.cursor() curs.execute('set autocommit=0') # 修改状态 try: if post_status == '已启用': sql = f"update check_result_template set status='已停用' where id={id} and source_system='{company}'" rr = curs.execute(sql) conn.commit() return JsonResponse({'msg': '修改成功', 'code': 1000}) else: sql = f"update check_result_template set status='已启用' where id={id} and source_system='{company}'" rr = curs.execute(sql) conn.commit() return JsonResponse({'msg': '修改成功', 'code': 1000}) except: return HttpResponse('error', status=500) finally: curs.close() conn.close() @require_http_methods(['POST']) def rule_execute(request): """执行检核 """ company = request.POST.get('company') username = request.POST.get('username') quarter = request.POST.get('quarter') source_system = company if company == 'xt': check = Check() if check.init_table(company, source_system, quarter): # 初始化3个线程 thread1 = MyThread(func=check.run_check, args=(company, source_system, quarter, 'oracle')) thread2 = MyThread(func=check.run_check, args=(company, source_system, quarter, 'sqlserver')) thread3 = MyThread(func=check.xt_spec, args=(quarter,)) thread4 = MyThread(func=check.run_check, args=(company, source_system, quarter, 'mysql')) # 开启3个线程 thread1.start() thread2.start() thread3.start() thread4.start() # 等待运行结束 thread1.join() thread2.join() thread3.join() thread4.join() if thread1.get_result() is True: if thread2.get_result() is True: if thread3.get_result() is True: if thread4.get_result() is True: run = True else: return JsonResponse({ "status": "检核过程发生错误：" + str(thread4.get_result()) }) else: return JsonResponse({ "status": "检核过程发生错误：" + str(thread3.get_result()) }) else: return JsonResponse( {"status": "检核过程发生错误：" + str(thread2.get_result())}) else: return JsonResponse( {"status": "检核过程发生错误：" + str(thread1.get_result())}) else: return JsonResponse({"status": "初始化检核表发生错误"}) elif company == 'zc': source_system = '资产' check = Check() if check.init_table(company, source_system, quarter): run = check.run_check(company, source_system, quarter, None) if run is not True: return JsonResponse({"status": "检核过程发生错误：" + str(run)}) else: return JsonResponse({"status": "初始化检核表发生错误"}) elif company == 'db': source_system = '担保' check = Check() if check.init_table(company, source_system, quarter): run = check.run_check(company, source_system, quarter, None) if run is not True: return JsonResponse({"status": "检核过程发生错误：" + str(run)}) else: return JsonResponse({"status": "初始化检核表发生错误"}) elif company == 'jk': source_system = '金科' check = Check() if check.init_table(company, source_system, quarter): run = check.run_check(company, source_system, quarter, None) if run is not True: return JsonResponse({"status": "检核过程发生错误：" + str(run)}) else: return JsonResponse({"status": "初始化检核表发生错误"}) elif company == 'jj1': source_system = '基金1' check = Check() if check.init_table(company, source_system, quarter): run = check.run_check(company, source_system, quarter, None) if run is not True: return JsonResponse({"status": "检核过程发生错误：" + str(run)}) else: return JsonResponse({"status": "初始化检核表发生错误"}) elif company == 'jj2': source_system = '基金2' check = Check() if check.init_table(company, source_system, quarter): run = check.run_check(company, source_system, quarter, None) if run is not True: return JsonResponse({"status": "检核过程发生错误：" + str(run)}) else: return JsonResponse({"status": "初始化检核表发生错误"}) elif company == 'jz': source_system = '金租' check = Check() if check.init_table(company, source_system, quarter): run = check.run_check(company, source_system, quarter, None) if run is not True: return JsonResponse({"status": "检核过程发生错误：" + str(run)}) else: return JsonResponse({"status": "初始化检核表发生错误"}) if run is True: conn = db_config.mysql_connect() curs = conn.cursor() curs.execute('set autocommit=0') sql = "insert into check_execute_log values(null,'{0}','{1}',now(),'{2}')".format( quarter, company, username) print(sql) curs.execute(sql) conn.commit() curs.close() conn.close() return JsonResponse({ "status": "success", "msg": source_system + "公司检核成功！" }) def update_crontab(request): """更新crontab命令 """ job_time = request.POST.get('job_time') try: # cron = CronTab(user=True) # job = list(cron.find_comment('自动进行数据质量检核'))[0] # job.setall(job_time) return JsonResponse({"msg": "操作成功"}) except Exception as e: return JsonResponse({"msg": "操作失败", "reason": e}) @require_http_methods(['GET']) def query_check_progress(request): """ 查询正在运行的检核任务执行进度 :param request: :return: """ company = request.GET.get('company') db = request.GET.get('db') data = {} try: conn = db_config.mysql_connect() for company in ('xt', 'zc', 'db', 'jk', 'jj1', 'jj2', 'jz'): data[company] = {} with conn.cursor() as curs: # 已检核指标总数 sql = f"""select a.db,count(*) from check_result_{company} a, ( select max(check_version) check_version,db from check_result_{company} where db in (select distinct alias from source_db_info where company='{company}') group by db ) b where a.check_sql is not null and a.check_sql != '' and a.check_version=b.check_version and a.db=b.db and a.update_flag='Y' group by a.db""" curs.execute(sql) result = curs.fetchall() for i in result: data[company][i[0]] = i[1] # 待检核指标总数 sql = f"""select a.db,count(*) from check_result_{company} a, ( select max(check_version) check_version,db from check_result_{company} where db in (select distinct alias from source_db_info where company='{company}') group by db ) b where a.check_sql is not null and a.check_sql != '' and a.check_version=b.check_version and a.db=b.db group by a.db""" curs.execute(sql) result = curs.fetchall() for i in result: if i[1] == 0: data[company][i[0]] = 0 else: data[company][i[0]] = round(data[company][i[0]]/i[1]*100, 2) return JsonResponse(data) except Exception as e: return HttpResponseBadRequest(e) finally: conn.close() ================================================ FILE: api/api_dashboard.py ================================================ import numpy as np from django.http.response import JsonResponse from django.views.decorators.http import require_http_methods import sys, MySQLdb sys.path.insert(0, '..') from mysite import db_config from utils import functions as f # np.set_printoptions(precision=2, suppress=True) @require_http_methods(['GET']) def avg_problem_percentage(request): """ 各公司平均问题占比 :param request: :return: """ # 接口返回值列表 data = [] data_quarter = ['quarter'] data_company = [] # 获取所有年所有季度 year = f.query_data_year() quarter = [] for y in year: q = f.query_data_quarter(y) quarter.extend([(y, i) for i in q]) [data_quarter.append(str(y)+'Q'+str(i)) for i in q] data.append(data_quarter) # 查询各公司每季度数据 try: conn = db_config.mysql_connect() curs = conn.cursor() for company in ('xt', 'zc', 'db', 'jk', 'jj1', 'jj2', 'jz'): data_company = [company] sql = f"""select round(sum(a.problem_count)/sum(a.item_count)*100,2) from check_result_{company} a,dim_date b where a.RISK_MARKET_ITEM='是' and DATE_FORMAT(a.check_date,'%Y%m%d') = b.day_id and (b.year,b.quarter) in {tuple(quarter)} group by b.year,b.quarter""" curs.execute(sql) result = curs.fetchall() [data_company.append(str(r[0])) for r in result] data.append(data_company) return JsonResponse(data, safe=False) except Exception as e: print(e) return JsonResponse({'msg': str(e)}) finally: curs.close() conn.close() @require_http_methods(['GET']) def same_problem_top5(request): """ 各公司同类问题Top 5统计 :param request: :return: """ year = request.GET.get('year') quarter = request.GET.get('quarter') month = request.GET.get('month') day = request.GET.get('day') try: conn = db_config.mysql_connect() curs = conn.cursor() # 查询风险集市相关的相同的检核项的问题占比总和 sql = f"""select check_item,count(*) cnt,sum(problem_per) from ( select check_item,problem_per,check_date from check_result_xt where risk_market_item='是' and problem_per is not null union select check_item,problem_per,check_date from check_result_zc where risk_market_item='是' and problem_per is not null union select check_item,problem_per,check_date from check_result_db where risk_market_item='是' and problem_per is not null union select check_item,problem_per,check_date from check_result_jk where risk_market_item='是' and problem_per is not null union select check_item,problem_per,check_date from check_result_jj1 where risk_market_item='是' and problem_per is not null union select check_item,problem_per,check_date from check_result_jj2 where risk_market_item='是' and problem_per is not null union select check_item,problem_per,check_date from check_result_jz where risk_market_item='是' and problem_per is not null ) a, dim_date b where DATE_FORMAT(a.check_date,'%Y%m%d') = b.day_id and b.year={year} and b.quarter={quarter} and b.month={month} and b.day={day} group by check_item having count(*)>1 order by 3 desc,2 desc""" curs.execute(sql) result = curs.fetchall() check_item = [] total_problem = [] [check_item.append(r[0]) for r in result] [total_problem.append(float(str(r[2]))) for r in result] # 取top4问题项及占比 top4_item = check_item[0:4] top4_problem = total_problem[0:4] other_problem = sum(total_problem[4:]) # 合并 其他项 top4_item.append('其他') top4_problem.append(other_problem) data = { 'name': top4_item, 'value': top4_problem } return JsonResponse(data) except Exception as e: print(e) return JsonResponse({'msg': str(e)}) finally: curs.close() conn.close() @require_http_methods(['GET']) def subcompany_data_percentage(request): """ 各公司数据量占比 :param request: :return: """ year = request.GET.get('year') quarter = request.GET.get('quarter') month = request.GET.get('month') day = request.GET.get('day') data = [] try: conn = db_config.mysql_connect() curs = conn.cursor() for company in ('xt', 'zc', 'db', 'jk', 'jj1', 'jj2', 'jz'): sql = f"""select sum(distinct item_count) from check_result_{company} a, ( select max(a.check_version) check_version from check_result_{company} a,dim_date b where DATE_FORMAT(a.check_date,'%Y%m%d') = b.day_id and b.year={year} and b.quarter={quarter} and b.month={month} and b.day={day} ) b where a.check_version=b.check_version and a.risk_market_item='是'""" curs.execute(sql) result = curs.fetchone() if result[0] is None: data.append({'name': company, 'value': 0}) else: data.append({'name': company, 'value': float(str(result[0]))}) return JsonResponse(data, safe=False) except Exception as e: print(e) return JsonResponse({'msg': str(e)}) finally: curs.close() conn.close() def count_db_rows(request): """统计各类数据库数据量 """ quarter = request.GET.get('quarter') data = [{ "name": "MySQL", "value": np.random.randint(1000,99999), }, { "name": "Oracle", "value": np.random.randint(1000,99999) }, { "name": "SQL server", "value": np.random.randint(1000,99999) }, { "name": "HBase", "value": np.random.randint(1000,99999) }, ] return JsonResponse(data, safe=False) @require_http_methods(['GET']) def data_overview_total(request): """ 统计风险集市相关 总数据量、总问题数据量、总问题占比 :param request: :return: """ year = request.GET.get('year') quarter = request.GET.get('quarter') month = request.GET.get('month') day = request.GET.get('day') all_cnt = 0 problem_cnt = 0 try: conn = db_config.mysql_connect() curs = conn.cursor() for company in ('xt', 'zc', 'db', 'jk', 'jj1', 'jj2', 'jz'): sql = f"""select sum(a.item_count),sum(a.problem_count) from check_result_{company} a, ( select max(a.check_version) check_version from check_result_{company} a,dim_date b where DATE_FORMAT(a.check_date,'%Y%m%d') = b.day_id and b.year={year} and b.quarter={quarter} and b.month={month} and b.day={day} ) b where a.check_version=b.check_version and a.risk_market_item='是'""" curs.execute(sql) result = curs.fetchone() if result[0] is None: continue else: all_cnt = all_cnt + result[0] problem_cnt = problem_cnt + result[1] response = { 'all_cnt': all_cnt, 'problem_cnt': problem_cnt, 'problem_per': round(problem_cnt / all_cnt * 100, 2) } return JsonResponse(response) except Exception as e: print(e) return JsonResponse({'msg': str(e)}) finally: curs.close() conn.close() @require_http_methods(['GET']) def data_overview_company(request): """ 统计风险集市相关 各公司 检核数据量、问题数据量、问题数据占比 :param request: :return: """ year = request.GET.get('year') quarter = request.GET.get('quarter') month = request.GET.get('month') day = request.GET.get('day') data = [] try: conn = db_config.mysql_connect() curs = conn.cursor() for company in ('xt', 'zc', 'db', 'jk', 'jj1', 'jj2', 'jz'): sql = f"""select sum(a.item_count),sum(a.problem_count),round(sum(a.problem_count)/sum(a.item_count)*100,2) from check_result_{company} a, ( select max(a.check_version) check_version from check_result_{company} a,dim_date b where DATE_FORMAT(a.check_date,'%Y%m%d') = b.day_id and b.year={year} and b.quarter={quarter} and b.month={month} and b.day={day} ) b where a.check_version=b.check_version and a.risk_market_item='是'""" curs.execute (sql) result = curs.fetchone() data.append([company, result[0], result[1], result[2]]) return JsonResponse(data, safe=False) except Exception as e: print(e) return JsonResponse({'msg': str(e)}) finally: curs.close() conn.close() @require_http_methods(['GET']) def data_overview_company_trend(request): """ 统计风险集市相关 各公司 检核数据量、问题数据量、问题数据占比 :param request: :return: """ year = request.GET.get('year') month = request.GET.get('month') day = request.GET.get('day') company = request.GET.get('company') try: conn = db_config.mysql_connect() curs = conn.cursor() sql = f"""select round(sum(problem_count)/sum(item_count)*100,2),check_version from check_result_{company} where risk_market_item='是' and check_date < date_add('{year}-{month}-{day}',interval 1 day) group by check_version order by check_version asc""" curs.execute(sql) result = curs.fetchall() result = [r[0] for r in result] return JsonResponse(result, safe=False) except Exception as e: print(e) return JsonResponse({'msg': str(e)}) finally: curs.close() conn.close() @require_http_methods(['GET']) def total_trend(request): """ 显示集团总问题占比走势 :param request: :return: """ value = [] try: conn = db_config.mysql_connect() curs = conn.cursor() sql = f"""select DATE_FORMAT(a.check_date,'%Y-%m-%d'), round(sum(a.problem_count)/sum(a.item_count)*100,2), count(distinct company) from ( select 'xt' company,item_count,problem_count,check_date from check_result_xt where risk_market_item='是' union select 'zc' company,item_count,problem_count,check_date from check_result_zc where risk_market_item='是' union select 'db' company,item_count,problem_count,check_date from check_result_db where risk_market_item='是' union select 'jk' company,item_count,problem_count,check_date from check_result_jk where risk_market_item='是' union select 'jj1' company,item_count,problem_count,check_date from check_result_jj1 where risk_market_item='是' union select 'jj2' company,item_count,problem_count,check_date from check_result_jj2 where risk_market_item='是' union select 'jz' company,item_count,problem_count,check_date from check_result_jz where risk_market_item='是' ) a group by DATE_FORMAT(a.check_date,'%Y-%m-%d') having count(distinct company)=7 order by 1 asc""" curs.execute(sql) result = curs.fetchall() return JsonResponse({'datatime': [r[0] for r in result], 'value': [r[1] for r in result]}, safe=False) except Exception as e: print(e) return JsonResponse({'msg': str(e)}) finally: curs.close() conn.close() @require_http_methods(['GET']) def subcompany_problem_count(request): """ 子公司仪表盘-问题数据项统计 :param request: :return: """ year = request.GET.get('year') quarter = request.GET.get('quarter') month = request.GET.get('month') day = request.GET.get('day') company = request.GET.get('company') try: conn = db_config.mysql_connect() curs = conn.cursor() # 问题占比 | 问题数据总量 | 问题数据项 sql = f"""select sum(a.item_count),sum(a.problem_count),a.check_item from ( select a.check_item,a.item_count,a.problem_count from check_result_{company} a, ( select max(a.check_version) check_version from check_result_{company} a,dim_date b where DATE_FORMAT(a.check_date,'%Y%m%d') = b.day_id and b.year={year} and b.quarter={quarter} and b.month={month} and b.day={day} ) b where a.problem_count is not null and a.problem_count !=0 and a.risk_market_item='是' and a.check_version=b.check_version ) a group by a.check_item order by 2 desc""" curs.execute(sql) result = curs.fetchall() result_list = [['问题占比', '问题数据总量', '问题数据项'], ] for i in result: problem_per = (int(i[1]) / int(i[0])) problem_per = round(problem_per * 100, 2) problem_total = int(i[1]) item = i[2] result_list.append([problem_per, problem_total, item]) return JsonResponse(result_list, safe=False) except Exception as e: print(e) return JsonResponse({'msg': str(e)}) finally: curs.close() conn.close() ================================================ FILE: api/api_datastandard.py ================================================ from django.http.response import JsonResponse from django.views.decorators.http import require_http_methods import sys, MySQLdb sys.path.insert(0, '..') from mysite import db_config def db_query(std_name, std_type): conn = db_config.mysql_connect() curs = conn.cursor() if std_type == 'detail': ''' 请求类型：GET 请求参数：std_name数据标准名 返回参数： id 主键id std_id 标准编号 name 标准名称 en_name 标准英文名称 business_definition 业务定义 business_rule 业务规则 std_source 标准来源 data_type 数据类型 data_format 数据格式 code_rule 编码规则 code_range 编码范围 code_meaning 编码含义 business_range 业务范围 dept 数据责任部门 system 数据使用系统 ''' sql = f"""select id,std_id,name,en_name,business_definition,business_rule,std_source,data_type,data_format, code_rule,code_range,code_meaning,business_range,dept,`system` from data_standard_detail where name='{std_name}'""" print(sql) curs.execute(sql) result = curs.fetchone() return { 'std_id': result[1], 'name': result[2], 'en_name': result[3], 'business_definition': result[4], 'business_rule': result[5], 'std_source': result[6], 'data_type': result[7], 'data_format': result[8], 'code_rule': result[9], 'code_range': result[10], 'code_meaning': result[11], 'business_range': result[12], 'dept': result[13], 'system': result[14], } elif std_type == 'desc': ''' 请求类型：GET 请求参数：std_name数据标准名 返回参数： id 主键id name 标准名称 content 标准内容 ''' sql = f"select id,name,content from data_standard_desc where name='{std_name}'" curs.execute(sql) result = curs.fetchone() return { 'name': result[1], 'content': result[2], } curs.close() conn.close() # 查询数据标准 @require_http_methods(["GET"]) def query_detail(request): std_name = request.GET.get('std_name') std_type = request.GET.get('std_type') if not all([std_name, std_type]): return JsonResponse({'msg': '请求参数缺失', 'code': 3000}) data = db_query(std_name, std_type) return JsonResponse(data) # 查询数据标准编辑记录 @require_http_methods(["GET"]) def query_update_history(request): std_name = request.GET.get('std_name') if std_name is None: return JsonResponse({'msg': '请求参数缺失', 'code': 3000}) conn = db_config.mysql_connect() curs = conn.cursor() sql = f"select username,update_time from data_standard_update_log where std_name='{std_name}' order by update_time desc limit 1" if curs.execute(sql) == 1: result = curs.fetchone() return JsonResponse({'username': result[0], 'last_update_time': str(result[1])}) else: return JsonResponse({'username': None, 'last_update_time': None}) # 更新数据标准 @require_http_methods(["POST"]) def update(request): username = request.POST.get('username') std_type = request.POST.get('std_type') std_name = request.POST.get('std_name') en_name = request.POST.get('en_name') business_definition = request.POST.get('business_definition') business_rule = request.POST.get('business_rule') std_source = request.POST.get('std_source') data_type = request.POST.get('data_type') data_format = request.POST.get('data_format') code_rule = request.POST.get('code_rule') code_range = request.POST.get('code_range') code_meaning = request.POST.get('code_meaning') business_range = request.POST.get('business_range') dept = request.POST.get('dept') system = request.POST.get('system') content = request.POST.get('content') conn = db_config.mysql_connect() curs = conn.cursor() curs.execute('set autocommit=0') if not all([std_name, std_type]): return JsonResponse({'msg': '请求参数缺失', 'code': 3000}) # post内容与数据库内容对比，如果内容一致则无需update orgin_data = db_query(std_name, std_type) if std_type == 'desc': post_data = {'name': std_name, 'content': content} if post_data == orgin_data: return JsonResponse({'msg': '内容一致，无需修改', 'code': 1001}) else: try: # 把上一版本的数据标准内容存入到日志表 update_log = str(orgin_data.items() - post_data.items()) # 将被update替换的内容 sql = f"insert into data_standard_update_log(std_name, username, previous_version) values('{std_name}', '{username}', \"{update_log}\")" curs.execute(sql) conn.commit() # 更新数据标准 sql = f"update data_standard_desc set name='{std_name}', content='{content}' where name='{std_name}'" curs.execute(sql) conn.commit() curs.close() conn.close() return JsonResponse({'msg': '修改成功', 'code': 1000}) except Exception as e: return JsonResponse({'msg': e, 'code': 2000}) elif std_type == 'detail': post_data = { 'name': std_name, 'en_name': en_name, 'business_definition': business_definition, 'business_rule': business_rule, 'std_source': std_source, 'data_type': data_type, 'data_format': data_format, 'code_rule': code_rule, 'code_range': code_range, 'code_meaning': code_meaning, 'business_range': business_range, 'dept': dept, 'system': system, } if post_data == db_query(std_name, std_type): return JsonResponse({'msg': '内容一致，无需修改', 'code': 1001}) else: try: # 把上一版本的数据标准内容存入到日志表 update_log = str(orgin_data.items() - post_data.items()) # 将被update替换的内容 sql = f"insert into data_standard_update_log(std_name, username, previous_version) values('{std_name}', '{username}', \"{update_log}\")" curs.execute(sql) conn.commit() sql = f"""update data_standard_detail set name = '{std_name}', en_name = '{en_name}', business_definition = '{business_definition}', business_rule = '{business_rule}', std_source = '{std_source}', data_type = '{data_type}', data_format = '{data_format}', code_rule = '{code_rule}', code_range = '{code_range}', code_meaning = '{code_meaning}', business_range = '{business_range}', dept = '{dept}', `system` = '{system}' where name='{std_name}'""" curs.execute(sql) conn.commit() curs.close() conn.close() return JsonResponse({'msg': '修改成功', 'code': 1000}) except Exception as e: return JsonResponse({'msg': str(e), 'code': 2000}) # 获取数据标准目录 @require_http_methods(["GET"]) def query_index(request): conn = db_config.mysql_connect() curs = conn.cursor() sql = "select idx_id, idx_pid,idx_name,is_open from data_standard_index" curs.execute(sql) result = curs.fetchall() data = [] for i in result: data.append({ 'id': i[0], 'pId': i[1], 'name': i[2], 't': i[2], 'open': i[3] }) curs.close() conn.close() return JsonResponse(data, safe=False) ================================================ FILE: api/api_date.py ================================================ from django.http.response import HttpResponse, JsonResponse from django.views.decorators.http import require_http_methods import datetime import math import sys sys.path.insert(0, '..') from mysite import db_config from utils import functions as f @require_http_methods(['GET']) def year_list(request): '''查询已有检核结果的年份 ''' year = f.query_data_year() if year: return JsonResponse({'data': year}) else: return HttpResponse({'获取年份错误'}, status=500) @require_http_methods(['GET']) def quarter_list(request): '''查询已有检核结果的季度 ''' year = request.GET.get('year') if not year: year = datetime.datetime.now().year quarter = f.query_data_quarter(year) if quarter: return JsonResponse({'data': quarter}) else: return HttpResponse({'获取季度错误'}, status=500) @require_http_methods(['GET']) def month_list(request): '''查询已有检核结果的月份 ''' year = request.GET.get('year') quarter = request.GET.get('quarter') if not all((year, quarter)): year = year or datetime.datetime.now().year quarter = quarter or math.ceil(datetime.datetime.now().month/3.) month = f.query_data_month(year, quarter) if month: return JsonResponse({'data': month}) else: return HttpResponse({'获取月份错误'}, status=500) @require_http_methods(['GET']) def day_list(request): '''查询已有检核结果的天 ''' year = request.GET.get('year') quarter = request.GET.get('quarter') month = request.GET.get('month') if not all((year, quarter, month)): year = year or datetime.datetime.now().year quarter = quarter or math.ceil(datetime.datetime.now().month/3.) month = month or datetime.datetime.now().month day = f.query_data_day(year, quarter, month) if day: return JsonResponse({'data': day}) else: return HttpResponse({'获取天错误'}, status=500) ================================================ FILE: api/api_files.py ================================================ import os from django.http import Http404, FileResponse from django.utils.encoding import escape_uri_path def download(request): filename = request.GET.get('filename') file_path = '/data/pyweb/data-quality/static/files/' + filename ext = os.path.basename(file_path).split('.')[-1].lower() # 禁止请求含有py、db、sqlite3关键字的文件名 if ext not in ['py', 'db', 'sqlite3']: response = FileResponse(open(file_path, 'rb')) response['content_type'] = "application/octet-stream" response[ 'Content-Disposition'] = "attachment; filename*=utf-8''{}".format( escape_uri_path(filename)) print(response['Content-Disposition']) return response else: raise Http404 ================================================ FILE: api/api_quality.py ================================================ from django.http.response import JsonResponse from django.views.decorators.http import require_http_methods import sys sys.path.insert(0, '..') from mysite import db_config @require_http_methods(['GET']) def quality_detail(request): """ 查询给定日期的检核明细结果，返回最新版本数据 """ company = request.GET.get('company') year = request.GET.get('year') quarter = request.GET.get('quarter') month = request.GET.get('month') day = request.GET.get('day') try: conn = db_config.mysql_connect() curs = conn.cursor() sql = f"""select id, source_system, check_item, target_table, risk_market_item, problem_type, check_sql, item_count, problem_count, concat(problem_per,'%'), note, check_date from check_result_{company} a, ( select max(a.check_version) check_version from check_result_{company} a,dim_date b where DATE_FORMAT(a.check_date,'%Y%m%d') = b.day_id and b.year={year} and b.quarter={quarter} and b.month={month} and b.day={day} ) b where a.risk_market_item='是' and a.check_version=b.check_version order by id asc""" curs.execute(sql) result = curs.fetchall() result_list = [] for i in result: result_dict = {"id": i[0], "source_system": i[1], "check_item": i[2], "target_table": i[3], "risk_market_item": i[4], "problem_type": i[5], "check_sql": i[6], "item_count": i[7], "problem_count": i[8], "problem_per": i[9], "note": i[10], "check_date": i[10]} result_list.append(result_dict) return JsonResponse({'data': result_list}) except Exception as e: print(e) return JsonResponse({'msg': str(e)}) finally: curs.close() conn.close() @require_http_methods(['GET']) def report_detail(request): """ 查询给定日期，各公司的检核明细结果，返回最新版本数据 """ company = request.GET.get('company') year = request.GET.get('year') quarter = request.GET.get('quarter') month = request.GET.get('month') day = request.GET.get('day') try: conn = db_config.mysql_connect() curs = conn.cursor() sql = f"""select a.check_item,a.problem_type,a.problem_count,a.item_count,concat(a.problem_per,'%') problem_per from check_result_{company} a, ( select max(a.check_version) check_version from check_result_{company} a,dim_date b where DATE_FORMAT(a.check_date,'%Y%m%d') = b.day_id and b.year={year} and b.quarter={quarter} and b.month={month} and b.day={day} ) b where a.risk_market_item='是' and a.check_version=b.check_version and (a.problem_count<>0 or a.problem_count is null) order by a.problem_type,a.problem_count desc""" curs.execute(sql) result = curs.fetchall() result_list = [] for i in result: result_dict = {"check_item": i[0], "problem_type": i[1], "problem_count": i[2], "item_count": i[3], "problem_per": i[4], } result_list.append(result_dict) return JsonResponse({'data': result_list}) except Exception as e: print(e) return JsonResponse({'msg': str(e)}) finally: curs.close() conn.close() ================================================ FILE: api/apps.py ================================================ from django.apps import AppConfig class ApiConfig(AppConfig): name = 'api' ================================================ FILE: api/models.py ================================================ from django.db import models # Create your models here. ================================================ FILE: api/tests.py ================================================ from django.test import TestCase # Create your tests here. ================================================ FILE: api/views.py ================================================ from django.shortcuts import render # Create your views here. ================================================ FILE: authorize/__init__.py ================================================ ================================================ FILE: authorize/admin.py ================================================ from django.contrib import admin # Register your models here. ================================================ FILE: authorize/apps.py ================================================ from django.apps import AppConfig class AuthorizeConfig(AppConfig): name = 'authorize' ================================================ FILE: authorize/models.py ================================================ from django.db import models # Create your models here. ================================================ FILE: authorize/templates/authorize/login.html ================================================ 数据质量管理平台
================================================ FILE: authorize/tests.py ================================================ from django.test import TestCase # Create your tests here. ================================================ FILE: authorize/urls.py ================================================ from django.urls import path from . import views app_name = 'authorize' urlpatterns = [ path('login', views.login, name='login'), path('logout', views.logout, name='logout'), path('login_auth', views.login_auth, name='login_auth'), path('register', views.register, name='register'), path('register_auth', views.register_auth, name='register_auth'), ] ================================================ FILE: authorize/views.py ================================================ from django.shortcuts import render, redirect from django.views.decorators.http import require_http_methods from django.http.response import JsonResponse # from ldap3 import Server, Connection, ALL, SUBTREE, ServerPool,ALL_ATTRIBUTES # 登录页面 def login(request): return render(request, "authorize/login.html") # 登录验证 @require_http_methods(["POST"]) def login_auth(request): username = request.POST.get('username') password = request.POST.get('password') # 普通验证 if username == 'admin' and password == 'admin': request.session['username'] = username request.session['is_login'] = True if request.POST.get('autologin') == 'on': request.session.set_expiry(7*24*60*60) #session过期时间为7天 return JsonResponse({'status': 'success'}) else: # user_conn.unbind() # conn.unbind() return JsonResponse({'status': 'failed'}) """ 使用openLDAP进行用户身份验证 server = Server(host='', port=636, use_ssl=True, get_info='ALL') # 使用admin登录openldap验证输入的用户名 ldap_admin_dn = "" ldap_admin_password = "" conn = Connection(server, user=ldap_admin_dn, password=ldap_admin_password, auto_bind=True,version=3) res = conn.search(search_base='',search_filter='(uid={})'.format(username)) #验证表单输入的账号名 if res: entry = conn.response[0] # 验证账号名及获取用户组织架构 user_dn = entry['dn'] user_status = entry['attributes'] #后续增加账号状态验证 # 验证密码 user_conn = Connection(server, user=user_dn, password=password, auto_bind=False,version=3) if user_conn.bind() is True: #验证通过 user_conn.unbind() conn.unbind() if request.POST.get('autologin')=="1": request.session.set_expiry(7*24*60*60) #session过期时间为7天 request.session['username']=username request.session['is_login']=True return redirect('../../data/index') else: user_conn.unbind() conn.unbind() alert = "" return render(request, 'authorize/login.html',{'alert':alert}) else: conn.unbind() alert = "" return render(request, 'authorize/login.html',{'alert':alert}) """ def logout(request): request.session.clear() return render(request, "authorize/login.html") ================================================ FILE: backend/__init__.py ================================================ ================================================ FILE: backend/admin.py ================================================ from django.contrib import admin # Register your models here. ================================================ FILE: backend/apps.py ================================================ from django.apps import AppConfig class BackendConfig(AppConfig): name = 'backend' ================================================ FILE: backend/models.py ================================================ from django.db import models # Create your models here. ================================================ FILE: backend/templates/backend/crontab.html ================================================ {% include "data/template-ui.html" %}

后台任务 - 调度信息

{% for i in jobs %} {% endfor%}
任务名 任务内容 启用状态 调度周期 # 操作
{{ i.0 }} {{ i.1 }} {% if i.2 == True %} {% elif i.2 == False %} {% endif %} {{ i.3 }}
================================================ FILE: backend/templates/backend/database.html ================================================ {% include "data/template-ui.html" %}

数据源

添加数据源
  1. 主页
  2. 数据源
所属公司 # 类型 源系统名 连接串 说明 详情
================================================ FILE: backend/templates/backend/database_add.html ================================================ 数据质量检核平台

新增数据源

  1. 主页
  2. 新增数据源
公司简称
所属公司
源系统名称
数据库类型
IP
端口号
数据库名/实例名
数据库用户
密码
字符集
备注说明
================================================ FILE: backend/templates/backend/database_detail.html ================================================ 数据质量检核平台

数据源：{{ db }} 详情

  1. 主页
  2. 数据源详情
{{ name }}公司 - {{ db }}数据库 - 详情
公司简称 {{ company }}
所属公司 {{ name }}
源系统名称 {{ alias }}
数据库类型
IP
端口号
数据库名/实例名
数据库用户
密码
字符集
备注说明
================================================ FILE: backend/tests.py ================================================ from django.test import TestCase # Create your tests here. ================================================ FILE: backend/views.py ================================================ import re import pandas as pd from django.shortcuts import render from django.http.response import HttpResponseBadRequest from crontab import CronTab from mysite import db_config from utils.functions import is_login @is_login def database(request): """列出数据源 """ return render(request, "backend/database.html") @is_login def database_detail(request): """查看数据源详情 """ id = request.GET.get('id') try: conn = db_config.sqlalchemy_conn() db = pd.read_sql(f"select company,name,alias,ip,user,db,port,db_type,charset,note from source_db_info where id={id}", con=conn) return render(request, "backend/database_detail.html", { 'company': db['company'].values.tolist()[0], 'name': db['name'].values.tolist()[0], 'alias': db['alias'].values.tolist()[0], 'ip': db['ip'].values.tolist()[0], 'user': db['user'].values.tolist()[0], 'db': db['db'].values.tolist()[0], 'port': db['port'].values.tolist()[0], 'db_type': db['db_type'].values.tolist()[0], 'charset': db['charset'].values.tolist()[0], 'note': db['note'].values.tolist()[0], 'id': id }) except Exception as e: return HttpResponseBadRequest(content=e) finally: conn.dispose() @is_login def database_add(request): """新增数据源 """ return render(request, "backend/database_add.html") @is_login def crontab(request): """列出后台管理的定时任务 """ data = [] cron = CronTab(user=True) job = list(cron.find_comment(re.compile(r'backend'))) if job: for i in job: enable = i.is_enabled() job_time = i.description(use_24hour_time_format=True, locale_code='zh_CN') # 获取crontab的度周期 comment = i.comment command = i.command data.append([comment, command, enable, job_time]) return render(request, "backend/crontab.html", {"jobs": data}) else: return render(request, "backend/crontab.html", {"jobs": None}) ================================================ FILE: blood/__init__.py ================================================ ================================================ FILE: blood/admin.py ================================================ from django.contrib import admin # Register your models here. ================================================ FILE: blood/apps.py ================================================ from django.apps import AppConfig class BloodConfig(AppConfig): name = 'blood' ================================================ FILE: blood/models.py ================================================ from django.db import models # Create your models here. ================================================ FILE: blood/templates/blood/analyze.html ================================================ {% include "data/template-ui.html" %}

血缘分析

  1. 主页
  2. 血缘分析
文件夹 映射名称 源表 目标表
================================================ FILE: blood/tests.py ================================================ from django.test import TestCase # Create your tests here. ================================================ FILE: blood/views.py ================================================ from django.shortcuts import render from utils.functions import is_login @is_login def analyze(request): """血缘分析""" return render(request, "blood/analyze.html") ================================================ FILE: check/__init__.py ================================================ ================================================ FILE: check/admin.py ================================================ from django.contrib import admin # Register your models here. ================================================ FILE: check/apps.py ================================================ from django.apps import AppConfig class CheckConfig(AppConfig): name = 'check' ================================================ FILE: check/autocheck.py ================================================ import logging import sys import threading import os sys.path.insert(0, '..') from mysite import db_config from utils import functions as f from sqlalchemy import create_engine os.environ['NLS_LANG'] = 'AMERICAN_AMERICA.UTF8' os.environ['ORACLE_HOME'] = '/data/oracle/app/11.2.4' class Check(object): def __init__(self, company): self.company = company def init_table(self): """ 类实例化所需参数 :param company: 公司名 :param source_system: 源系统名称 :return: 初始化检核表 如果check_result_{0}表存在，则从check_result_template表中插入对应公司检核项和逻辑 如果check_result_{0}表不存在，则使用check_result_template表作为模板新建 """ company = self.company logging.info('*' * 50) logging.info(f'开始初始化检核结果表...check_result_{company}') conn = db_config.mysql_connect() curs = conn.cursor() curs.execute('set autocommit=0') sql = f"select table_name from information_schema.tables where table_schema='data_quality' and table_name='check_result_{company}'" table_count = curs.execute(sql) try: if table_count == 0: # 表不存在则新建 sql = f"""create table check_result_{company} as select * from check_result_template where company='{company}' order by id,source_system""" curs.execute(sql) else: # 表存在则插入 # 获取检核版本号 curs.execute(f"select count(*) from check_execute_log where company='{company}'") version = curs.fetchone()[0] + 1 # 可能存在了初始化完检核表，但是检核失败导致事务回滚，检核表check_version={version}数据项为空的情况，因此需要处理这种情况 for sql in ( f"delete from check_result_{company} where check_version={version}", f"insert into check_result_{company} select * from check_result_template where company='{company}' order by id,source_system", f"update check_result_{company} set check_version={version} where check_version is null", ): curs.execute(sql) conn.commit() logging.info('*' * 50, f"初始化 check_result_{company}表 ...完成", '*' * 50) return True except Exception as e: conn.rollback() logging.error('!' * 50, f'初始化 check_result_{company}表 ...失败,错误信息：{str(e)}', '!' * 50) return False finally: curs.close() conn.close() def run_check(self, db): """ 执行检核 类实例化所需参数 :param company: 公司简称 :param db: 检核的数据库 :return: """ company = self.company logging.info('-' * 50) logging.info("正在检核" + company + "数据...") try: conn = db_config.mysql_connect() curs = conn.cursor() curs.execute('set autocommit=0') # 从规则库表中取出检核项和检核sql，只运行“已启用”状态的SQL sql = f"""select id,check_sql from check_result_template where company='{company}' and check_sql is not null and check_sql != '' and db='{db}' and status='已启用' order by id""" curs.execute(sql) check_list = curs.fetchall() # 连接源系统数据库 curs.execute(f"select connection_string from source_db_info where company='{company}' and alias='{db}'") connection_string = curs.fetchone()[0] engine = create_engine( connection_string, echo=False, # 打印sql语句 max_overflow=0, # 超过连接池大小外最多创建的连接 pool_size=5, # 连接池大小 pool_timeout=30, # 池中没有线程最多等待的时间，否则报错 pool_recycle=-1, # 多久之后对线程池中的线程进行一次连接的回收（重置） ) conn_source = engine.raw_connection() # 获取检核版本号 curs.execute(f"select count(*) from check_execute_log where company='{company}'") version = curs.fetchone()[0] + 1 with conn_source.cursor() as curs_source: # 执行检核 for i in check_list: id = i[0] check_sql = i[1] logging.info(f'{company}, db={db}, id={i[0]} >>>开始检核') curs_source.execute(check_sql) check_result = curs_source.fetchall() # 检核结果 for t in check_result: item_count = t[0] problem_count = t[1] archive_sql = f"""update check_result_{company} set item_count={item_count}, problem_count={problem_count}, update_flag='Y', check_date=current_timestamp where id={id} and check_version={version}""" curs.execute(archive_sql) conn.commit() logging.info(f'{company}, db={db}, id={i[0]} <<<完成') conn_source.close() # 根据检核结果明细计算问题占比 self.calc_result(version) logging.info("-" * 25, f'{company}, db={db} 检核完成', "-" * 25) return True except Exception as e: conn.rollback() logging.error("!" * 25, f'{company}, db={db}, id={id} 检核出错,错误信息：{str(e)}', "!" * 25) return False finally: curs.close() conn.close() def calc_result(self, version): """根据检核结果明细计算问题占比 1. 填充空值的问题占比 2. 计算正常的问题占比 :param version: 要进行计算的版本号 :return: 检核成功返回True，失败返回False """ company = self.company try: conn = db_config.mysql_connect() curs = conn.cursor() curs.execute('set autocommit=0') # 计算问题占比 # 处理item_count和problem_count都是null或=0的行 sql = f"""update check_result_{company} set problem_per=100 where (item_count is null or item_count=0) and check_version={version}""" curs.execute(sql) # 计算正常的问题占比 sql = f"""update check_result_{company} set problem_per=problem_count/item_count*100\ where problem_per is null and check_version={version}""" curs.execute(sql) conn.commit() return True except Exception as e: conn.rollback() return False finally: curs.close() conn.close() class MyThread(threading.Thread): """重新定义带返回值的线程类""" def __init__(self,func,args=()): super(MyThread,self).__init__() self.func = func self.args = args def run(self): self.result = self.func(*self.args) def get_result(self): try: return self.result except Exception: return None ================================================ FILE: check/crontab_autocheck.py ================================================ import requests, datetime, math, threading quarter = str(datetime.datetime.now().year)+"Q"+str(math.ceil(datetime.datetime.now().month/3.)) url = "http://dataquality.utrustfintech.com/check/rule_execute" def post_rule_execute(company, quarter): data = {'company': company, 'username': 'crontab', 'quarter': quarter} r = requests.post(url, data) t1 = threading.Thread(target=post_rule_execute, args=('ycxt', quarter)) t2 = threading.Thread(target=post_rule_execute, args=('yczc', quarter)) t3 = threading.Thread(target=post_rule_execute, args=('gdzdb', quarter)) t4 = threading.Thread(target=post_rule_execute, args=('ycjk', quarter)) t5 = threading.Thread(target=post_rule_execute, args=('fdct', quarter)) t6 = threading.Thread(target=post_rule_execute, args=('zyyc', quarter)) t7 = threading.Thread(target=post_rule_execute, args=('jz', quarter)) t1.start();t2.start();t3.start();t4.start();t5.start();t6.start();t7.start() # 等待运行结束 t1.join();t2.join();t3.join();t4.join();t5.join();t6.join();t7.join() ================================================ FILE: check/models.py ================================================ from django.db import models # Create your models here. ================================================ FILE: check/templates/check/blood_analyze.html ================================================ {% include "data/template-ui.html" %}

血缘分析（信托公司）

选择公司：
  1. 主页
  2. 血缘分析
================================================ FILE: check/templates/check/crontab.html ================================================ {% include "data/template-ui.html" %}

检核任务 - 调度信息

{% for i in jobs %} {% if i.4 == 'success' %} {% else %} {% endif %} {% endfor%}
公司 数据库 启用状态 完成进度 调度周期 上次运行时间 上次运行情况 # 操作
{{ i.0 }} {{ i.2 }} {% if i.5 == True %} {% elif i.5 == False %} {% elif i.5 is None %}   未部署 {% endif %}
0% 已完成 		{{ i.6 }} {{ i.3 }}   成功  失败
================================================ FILE: check/templates/check/rule_edit.html ================================================ 数据质量检核平台

数据质量检核规则库

  1. 主页
  2. 检核规则库
================================================ FILE: check/templates/check/rule_list.html ================================================ {% include "data/template-ui.html" %}

{{ source_system }}公司-检核规则库

添加规则
ID 数据标准 目标表 是否风险集市 问题分类 源系统数据库 检核逻辑 状态 操作
================================================ FILE: check/tests.py ================================================ from django.test import TestCase # Create your tests here. ================================================ FILE: check/views.py ================================================ import datetime import math import sys from crontab import CronTab from django.shortcuts import render sys.path.insert(0, '..') from mysite import db_config from utils import functions as f from utils.functions import is_login @is_login def rule_list(request): """ 检核规则列表 :param request: :return: """ return render(request, "check/rule_list.html", {"source_system": request.GET.get('company'), "risk_market_filter": request.GET.get('risk_market'), "username": request.session['username'] } ) @is_login def rule_edit(request): """ 单条检核规则页面 :param request: :return: """ return render(request, "check/rule_edit.html", {"username": request.session['username'], "source_system": request.GET.get('company'), "id": request.GET.get('id') }) @is_login def rule_execute_manual(request): """ 查询检核进度 :param request: :return: """ date = str(datetime.datetime.now().year) + "-" + str(datetime.datetime.now().month) + '-' + str(datetime.datetime.now().day) return render(request, "check/rule_exec.html", {"date": date}) @is_login def show_crontab(request): """ 自动检核配置页面 :param request: :return: """ conn = db_config.mysql_connect() with conn.cursor() as curs: # 查询各个公司检核规则配置的数据库、上次检核任务的运行情况 sql = """select distinct b.name, a.company, a.db, CAST(c.execute_date as char), c.status from check_result_template a, source_db_info b, (select db,company,execute_date,status from check_execute_log where id in ( select id from (select max(id) id,company,db from check_execute_log where db is not null group by company,db) a ) ) c where a.db=b.alias and a.db=c.db and a.company=c.company order by 1,2,3""" curs.execute(sql) jobs = curs.fetchall() # 根据数据源中的公司和数据库信息匹配crontab定时任务 cron = CronTab(user=True) data = [] for i in jobs: job = list(cron.find_comment(f'autocheck-{i[1]}-{i[2]}')) t = list(i) if len(job) > 0: enable = job[0].is_enabled() # 获取crontab启用状态 job_time = job[0].description(use_24hour_time_format=True, locale_code='zh_CN') # 获取crontab的调度周期 t.extend([enable, job_time]) else: t.append(None) data.append(t) return render(request, "check/crontab.html", {"jobs": data}) @is_login def blood_analyze(request): """血缘分析""" return render(request, "check/blood_analyze.html") ================================================ FILE: data/__init__.py ================================================ ================================================ FILE: data/admin.py ================================================ from django.contrib import admin # Register your models here. ================================================ FILE: data/apps.py ================================================ from django.apps import AppConfig class DataConfig(AppConfig): name = 'data' ================================================ FILE: data/models.py ================================================ from django.db import models # Create your models here. ================================================ FILE: data/templates/data/dashboard.html ================================================ {% include "data/template-ui.html" %}

风险集市数据质量仪表盘

数据日期： 年 · 第季度 · 月 日
  1. 主页
  2. 仪表盘

数据质量总览

检核数据总量

问题数据总量

问题占比

注： 本季度的检核逻辑主要针对数据的规范性，尚未检核数据的准确性
信托 问题占比趋势
资产 问题占比趋势
担保 问题占比趋势
金科 问题占比趋势
基金1 问题占比趋势
基金2 问题占比趋势
金租 问题占比趋势
各公司需求改造进度

风险集市相关

================================================ FILE: data/templates/data/dashboard_subcompany.html ================================================ {% include "data/template-ui.html" %}

{{ company }}公司-数据质量仪表盘

数据日期： 年 · 第季度 · 月 日
  1. 主页
  2. 仪表盘
注： 本季度的检核逻辑主要针对数据的规范性，尚未检核数据的准确性

问题数据统计（风险集市相关）

源系统改造情况（风险集市相关）

下载详细定义
================================================ FILE: data/templates/data/report.html ================================================ {% include "data/template-ui.html" %}

数据质量报告

数据日期： 年 · 第季度 · 月 日
  1. 主页
  2. 数据质量检核报告-WORD

集团{{ quarter }}数据质量报告

1 总结

  本季度对对信托、资产、担保、金科、基金1、基金2、金租七个公司风险集市相关共{{ sum_item_cnt }}条数据进行检查，合计问题数{{ sum_problem_cnt }}，问题占比{{ total_problem_per }}。 补充环比统计和需求完成情况统计

  注：每个基础数据项为一条数据。例如一个项目的项目名称、项目类别、项目资金用途将会统计为3条数据。问题数据量、系统改造需求数量均按此粒度统计。

风险集市相关数据质量概况如下（详见附件一）： {% for i in overview_result_1 %} {% endfor %}
季度 公司 监测数据量 问题数据量 问题数据占比
{{ i.0 }} {{ i.1 }} {{ i.2 }} {{ i.3 }} {{ i.4 }}

注：填写备注

  源系统改造需求完成情况如下（详见附件一的“系统改造需求”标签页）：
序号 公司 已完成需求数 待完成需求数 完成率
1 信托
2 资产
3 担保
4 金科
5 基金1
6 基金2
7 金租
合计

2 检查方案

依据标准：《集团数据质量标准V1.0》。

检查数据范围：

风险集市需要且截止2018年1月1日未结项的数据。

检查方法：具体参考附件一，主要对数据项进行空值检核、值域检核、类型检核、未创建项检核、合法性检核等。检核规则会逐步完善。

3 数据质量检查结果

3.1 信托公司

问题分析

{% for i in ycxt_detail %} {% endfor %}
数据项 检核规则 问题数据量 检核数据量 占比 建议改进方案
{{ i.0|default_if_none:"" }} {{ i.1|default_if_none:"" }} {{ i.2|default_if_none:"" }} {{ i.3|default_if_none:"" }} {{ i.4|default_if_none:"" }} {{ i.5|default_if_none:"" }}

3.2 资产公司

问题分析

{% for i in yczc_detail %} {% endfor %}
数据项 检核规则 问题数据量 检核数据量 占比 建议改进方案
{{ i.0|default_if_none:"" }} {{ i.1|default_if_none:"" }} {{ i.2|default_if_none:"" }} {{ i.3|default_if_none:"" }} {{ i.4|default_if_none:"" }} {{ i.5|default_if_none:"" }}

3.3 担保公司

问题分析

{% for i in gdzdb_detail %} {% endfor %}
数据项 检核规则 问题数据量 检核数据量 占比 建议改进方案
{{ i.0|default_if_none:"" }} {{ i.1|default_if_none:"" }} {{ i.2|default_if_none:"" }} {{ i.3|default_if_none:"" }} {{ i.4|default_if_none:"" }} {{ i.5|default_if_none:"" }}

3.4 金科公司

问题分析

{% for i in ycjk_detail %} {% endfor %}
数据项 检核规则 问题数据量 检核数据量 占比 建议改进方案
{{ i.0|default_if_none:"" }} {{ i.1|default_if_none:"" }} {{ i.2|default_if_none:"" }} {{ i.3|default_if_none:"" }} {{ i.4|default_if_none:"" }} {{ i.5|default_if_none:"" }}

3.5 基金1

问题分析

{% for i in fdct_detail %} {% endfor %}
数据项 检核规则 问题数据量 检核数据量 占比 建议改进方案
{{ i.0|default_if_none:"" }} {{ i.1|default_if_none:"" }} {{ i.2|default_if_none:"" }} {{ i.3|default_if_none:"" }} {{ i.4|default_if_none:"" }} {{ i.5|default_if_none:"" }}

3.6 基金2

问题分析

{% for i in zyyc_detail %} {% endfor %}
数据项 检核规则 问题数据量 检核数据量 占比 建议改进方案
{{ i.0|default_if_none:"" }} {{ i.1|default_if_none:"" }} {{ i.2|default_if_none:"" }} {{ i.3|default_if_none:"" }} {{ i.4|default_if_none:"" }} {{ i.5|default_if_none:"" }}

3.7 金租公司

问题分析

{% for i in jz_detail %} {% endfor %}
数据项 检核规则 问题数据量 检核数据量 占比 建议改进方案
{{ i.0|default_if_none:"" }} {{ i.1|default_if_none:"" }} {{ i.2|default_if_none:"" }} {{ i.3|default_if_none:"" }} {{ i.4|default_if_none:"" }} {{ i.5|default_if_none:"" }}

4 附件

附件一、数据质量检核结果明细

  插入附件

附件二、集团风险数据集市数据标准

  插入附件

W 导出为.doc
================================================ FILE: data/templates/data/result_detail.html ================================================ {% include "data/template-ui.html" %}

数据质量检核报告

数据日期： 年 · 第季度 · 月 日
  1. 主页
  2. 检核报告
行号 系统 数据标准 目标表 是否风险集市 问题分类 报送SQL 报送数据量 问题数据量 问题占比 备注
================================================ FILE: data/templates/data/template-ui.html ================================================ {% load staticfiles %} 数据质量管理平台
================================================ FILE: data/tests.py ================================================ from django.test import TestCase # Create your tests here. ================================================ FILE: data/urls.py ================================================ from django.urls import path from . import views from . import dashboard_charts app_name = 'data' urlpatterns = [ path('', views.index, name='index'), path('index', views.index, name='index'), path('dashboard', views.dashboard, name='dashboard'), path('report', views.report, name='report'), path('result_detail', views.result_detail, name='result_detail'), ] ================================================ FILE: data/views.py ================================================ from django.shortcuts import render from utils.functions import is_login from utils import functions as f @is_login def dashboard(request): """集团仪表盘 说明：本模块分3部分在前端展示 1. 第一行为3个数据概览统计 2. 第二行统计各个公司数据质量问题概况 3. 第三行使用pyecharts做的数据统计图 """ return render(request, "data/dashboard.html", {"username": request.session['username']}) @is_login def dashboard_subcompany(request): """子公司仪表盘 说明：本模块分3部分在前端展示 1. 子公司问题数据项的分布 2. 子公司问题数据项的排序报表 3. 改造进度 """ company = request.GET.get('company') company_zh = request.GET.get('company') return render(request, "data/dashboard_subcompany.html", {"company": company, "company_zh": company_zh, }) @is_login def result_detail(request): """ 检核结果Excel明细 :param request: :return: """ return render(request, "data/result_detail.html", {"company": request.GET.get('company')}) @is_login def report(request): """ 检核报告Word :param request: :return: """ return render(request, "data/report.html") ================================================ FILE: demand/__init__.py ================================================ ================================================ FILE: demand/admin.py ================================================ from django.contrib import admin # Register your models here. ================================================ FILE: demand/apps.py ================================================ from django.apps import AppConfig class DemandConfig(AppConfig): name = 'demand' ================================================ FILE: demand/insert_excel.sql ================================================ insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(1,'信托','风险等级','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(2,'信托','净资本类别','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(3,'信托','风险资本类别','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(4,'信托','参与人角色','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(5,'信托','所有制类型','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(6,'信托','参与人规模','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(7,'信托','参与人角色标识','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(8,'信托','产品收益率','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(9,'信托','参与人上市标识','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(10,'信托','项目投向行业','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(11,'信托','项目名称','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(12,'信托','项目来源','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(13,'信托','存续标识','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(1,'资产','逾期天数','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(2,'资产','续封续冻资产所在市','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(3,'资产','担保方式','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(4,'资产','收购方式','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(5,'资产','续封续冻资产所在县','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(6,'资产','项目五级分类','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(7,'资产','续封续冻资产所在省','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(8,'资产','资产金额','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(9,'资产','参与人行业','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(10,'资产','交易本金金额','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(11,'资产','到期日期','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(12,'资产','账面金额','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(13,'资产','资产处置合同金额','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(14,'资产','项目余额','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(15,'资产','项目金额','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(16,'资产','参与人市','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(17,'资产','收益率','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(18,'资产','项目收益','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(19,'资产','项目类别','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(20,'资产','开始日期','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(1,'再担保','五级分类','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(2,'再担保','参与人五级分类','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(3,'再担保','参与人县','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(4,'再担保','参与人行业','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(5,'再担保','收益率','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(6,'再担保','所有制类型','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(7,'再担保','机构证件号码','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(8,'再担保','机构证件类别','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(9,'再担保','项目收益','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(10,'再担保','参与人抵质押物估值','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(11,'再担保','参与人市','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(12,'再担保','参与人省份','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(13,'再担保','担保责任比例','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(14,'再担保','到期日期','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(15,'再担保','开始日期','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(16,'再担保','参与人规模','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(17,'再担保','项目名称','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(18,'再担保','项目余额','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(19,'再担保','项目金额','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(20,'再担保','项目编号','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(1,'中银粤财','参与人省份','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(2,'中银粤财','参与人市','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(3,'中银粤财','项目余额','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(4,'中银粤财','收益率','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(5,'中银粤财','项目资金用途','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(6,'中银粤财','项目金额','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(7,'中银粤财','项目名称','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(8,'中银粤财','管理费率','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(9,'中银粤财','交易本金金额','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(10,'中银粤财','项目类别','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(11,'中银粤财','约定退出方式','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(12,'中银粤财','项目投向行业（展业指引）','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(13,'中银粤财','到期日期','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(14,'中银粤财','约定退出日期','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(15,'中银粤财','项目管理方式','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(16,'中银粤财','我方管理角色','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(17,'中银粤财','基金资金来源','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(18,'中银粤财','投资轮次','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(19,'中银粤财','参与人角色标识','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(1,'基金创投','项目金额','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(2,'基金创投','约定退出日期','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(3,'基金创投','约定退出方式','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(4,'基金创投','管理费率','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(5,'基金创投','参与人市','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(6,'基金创投','参与人省份','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(7,'基金创投','交易分红金额','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(8,'基金创投','交易本金金额','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(9,'基金创投','项目类别','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(10,'基金创投','我方管理角色','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(11,'基金创投','项目余额','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(12,'基金创投','到期日期','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(13,'基金创投','项目管理方式','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(14,'基金创投','风险等级','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(15,'基金创投','项目投向行业（展业指引）','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(16,'基金创投','风险项目简述','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(17,'基金创投','项目资金用途','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(18,'基金创投','基金创投业务类型','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(19,'基金创投','收益率','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(20,'基金创投','投资轮次','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(21,'基金创投','参与人角色标识','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(22,'基金创投','交易类型','补创建数据项','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(1,'金租','项目五级分类','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(2,'金租','收益率','设为必填','201905','2019Q1','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(1,'信托','风险等级','补创建数据项','201905','2019Q2','未开展'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(2,'信托','净资本类别','补创建数据项','201905','2019Q2','未开展'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(3,'信托','风险资本类别','补创建数据项','201905','2019Q2','未开展'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(4,'信托','参与人角色','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(5,'信托','所有制类型','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(6,'信托','参与人规模','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(7,'信托','参与人角色标识','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(8,'信托','产品收益率','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(9,'信托','参与人上市标识','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(10,'信托','项目投向行业','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(11,'信托','项目名称','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(12,'信托','项目来源','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(13,'信托','存续标识','设为必填','201905','2019Q2','业务系统自动填写，不是业务人员填写'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(1,'资产','逾期天数','补创建数据项','201905','2019Q2','进行中'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(2,'资产','续封续冻资产所在市','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(3,'资产','担保方式','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(4,'资产','收购方式','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(5,'资产','续封续冻资产所在县','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(6,'资产','项目五级分类','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(7,'资产','续封续冻资产所在省','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(8,'资产','资产金额','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(9,'资产','参与人行业','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(10,'资产','交易本金金额','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(11,'资产','到期日期','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(12,'资产','账面金额','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(13,'资产','资产处置合同金额','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(14,'资产','项目余额','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(15,'资产','项目金额','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(16,'资产','参与人市','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(17,'资产','收益率','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(18,'资产','项目收益','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(19,'资产','项目类别','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(20,'资产','开始日期','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(1,'再担保','五级分类','设为必填','201905','2019Q2','业务上季后审查回填，不是实时必填项'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(2,'再担保','参与人五级分类','设为必填','201905','2019Q2','业务上季后审查回填，不是实时必填项'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(3,'再担保','参与人县','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(4,'再担保','参与人行业','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(5,'再担保','收益率','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(6,'再担保','所有制类型','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(7,'再担保','机构证件号码','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(8,'再担保','机构证件类别','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(9,'再担保','项目收益','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(10,'再担保','参与人抵质押物估值','设为必填','201905','2019Q2','在有抵押物的业务场景中才要求必填'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(11,'再担保','参与人市','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(12,'再担保','参与人省份','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(13,'再担保','担保责任比例','设为必填','201905','2019Q2','在有合作渠道的业务场景中才要求必填'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(14,'再担保','到期日期','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(15,'再担保','开始日期','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(16,'再担保','参与人规模','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(17,'再担保','项目名称','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(18,'再担保','项目余额','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(19,'再担保','项目金额','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(20,'再担保','项目编号','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(1,'中银粤财','参与人省份','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(2,'中银粤财','参与人市','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(3,'中银粤财','项目余额','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(4,'中银粤财','收益率','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(5,'中银粤财','项目资金用途','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(6,'中银粤财','项目金额','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(7,'中银粤财','项目名称','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(8,'中银粤财','管理费率','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(9,'中银粤财','交易本金金额','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(10,'中银粤财','项目类别','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(11,'中银粤财','约定退出方式','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(12,'中银粤财','项目投向行业（展业指引）','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(13,'中银粤财','到期日期','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(14,'中银粤财','约定退出日期','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(15,'中银粤财','项目管理方式','补创建数据项','201905','2019Q2','未完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(16,'中银粤财','我方管理角色','补创建数据项','201905','2019Q2','未完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(17,'中银粤财','基金资金来源','补创建数据项','201905','2019Q2','未完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(18,'中银粤财','投资轮次','补创建数据项','201905','2019Q2','未完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(19,'中银粤财','参与人角色标识','补创建数据项','201905','2019Q2','未完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(1,'基金创投','项目金额','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(2,'基金创投','约定退出日期','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(3,'基金创投','约定退出方式','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(4,'基金创投','管理费率','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(5,'基金创投','参与人市','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(6,'基金创投','参与人省份','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(7,'基金创投','交易分红金额','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(8,'基金创投','交易本金金额','设为必填','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(9,'基金创投','项目类别','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(10,'基金创投','我方管理角色','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(11,'基金创投','项目余额','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(12,'基金创投','到期日期','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(13,'基金创投','项目管理方式','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(14,'基金创投','风险等级','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(15,'基金创投','项目投向行业（展业指引）','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(16,'基金创投','风险项目简述','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(17,'基金创投','项目资金用途','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(18,'基金创投','基金创投业务类型','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(19,'基金创投','收益率','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(20,'基金创投','投资轮次','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(21,'基金创投','参与人角色标识','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(22,'基金创投','交易类型','补创建数据项','201905','2019Q2','完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(1,'金租','项目五级分类','设为必填','201905','2019Q2','未完成'); insert into source_system_demand(id,company,item_name,demand_name,demand_created,quarter,status) values(2,'金租','收益率','设为必填','201905','2019Q2','未完成'); ================================================ FILE: demand/models.py ================================================ from django.db import models # Create your models here. ================================================ FILE: demand/templates/demand/upload_form.html ================================================ 数据质量检核平台
上传源系统改造进度Excel表
{% if form.errors %}

上传过程发生错误：{{ form.errors|pluralize }}

{% endif %}
{{ form.as_table }}
{% csrf_token %}
================================================ FILE: demand/tests.py ================================================ from django.test import TestCase import requests url = "http://localhost:8000/api/demand_list" response = requests.get(url=url,params={'company':'信托'}) url = "http://localhost:8000/api/demand_list" response = requests.get(url=url,params={'company':'信托'}) ================================================ FILE: demand/views.py ================================================ import json import sys from django import forms from django.http import HttpResponse, HttpResponseBadRequest from django.http.response import JsonResponse from django.shortcuts import render # import django_excel as excel sys.path.insert(0, '..') from mysite import db_config def list_subcompany(request): company = request.GET.get('company') conn = db_config.mysql_connect() curs = conn.cursor() try: sql = f"""select rownum, company, item_name, demand_name, demand_created, group_concat(quarter,status order by quarter asc separator'|') from source_system_demand where id in ( select max(id) from source_system_demand where company='{company}' group by company,item_name,quarter ) group by rownum,company""" curs.execute(sql) result = curs.fetchall() result_list = [] for i in result: result_list_tmp = [i[0], i[1], i[2], i[3], i[4]] for t in i[5].split('|'): result_list_tmp.append(t) result_list.append(result_list_tmp) return JsonResponse(result_list, safe=False) except: return HttpResponse('error', status=500) finally: curs.close() conn.close() class UploadFileForm(forms.Form): file = forms.FileField() def import_sheet(request): if request.method == "POST": form = UploadFileForm(request.POST, request.FILES) if form.is_valid(): excel_data = request.FILES['file'].get_array() excel_data = json.dumps(excel_data) with open('static/resource/demand.json', 'w') as file: file.write(excel_data) return HttpResponse("Excel处理成功，请返回首页查看数据") else: return HttpResponseBadRequest() else: form = UploadFileForm() return render(request, 'demand/upload_form.html', {'form': form}) ================================================ FILE: docs/api_views.md ================================================ # 后端API接口说明 > 部分echarts获取展示的数据是通过请求后端的api接口获取，而不是由Django模板渲染而来，方便代码复用 --- ## download - URL：http://100.100.0.177/api/files/download - 功能：下载服务器上的文件 - 请求类型：GET - 请求参数： 参数 | 是否必须 | 说明 -|-|- filename | 必须 | 附件文件名 - 请求示例：http://100.100.0.177/api/files/download?filename=基金创投公司风险指标.xlsx - 返回值：无 ## avg_problem_percentage - URL：http://100.100.0.177/api/dashboard/avg_problem_percentage - 功能：获取所有季度的各公司平均问题占比 - 请求类型：GET - 请求参数：无 - 返回值： ``` [ ["quarter", "2019Q1", "2019Q2", "2019Q3", "2019Q4"], ["粤财信托", "4.55", "1.35", "0.00", "0.00"], ["粤财资产", "4.38", "4.34", "0.00", "0.00"], ["广东再担保", "14.40", "14.02", "0.00", "0.00"], ["粤财金科", "0.00", "0.00", "0.00", "0.00"], ["基金创投", "86.14", "77.15", "0.00", "0.00"], ["中银粤财", "73.70", "32.37", "0.00", "0.00"], ["金租", "5.98", "13.76", "13.72", "13.72"] ] ``` --- ## same_problem_top5 - URL：http://100.100.0.177/api/dashboard/same_problem_top5 - 功能：获取指定季度的各公司同类问题Top 5统计 - 请求类型：GET - 请求参数： 参数 | 是否必须 | 说明 -|-|- quarter | 必须 | 指定季度获取数据 - 返回值： ``` { "name": ["交易本金金额", "机构证件号码", "机构证件类别", "项目名称", "其他"], "value": ["6.84", "49.28", "48.84", "4.34", 224.8] } ``` --- ## subcompany_data_percentage - URL：http://100.100.0.177/api/dashboard/subcompany_data_percentage - 功能：获取指定季度的各公司数据量占比 - 请求类型：GET - 请求参数： 参数 | 是否必须 | 说明 -|-|- quarter | 必须 | 指定季度获取数据 - 返回值： ``` [{ "name": "粤财信托", "value": "6195905" }, { "name": "粤财资产", "value": "72575" }, { "name": "广东再担保", "value": "11892" }, { "name": "粤财金科", "value": "33792215" }, { "name": "基金创投", "value": "397" }, { "name": "中银粤财", "value": "945" }, { "name": "金租", "value": "67" }] ``` --- ## count_db_rows - URL：http://100.100.0.177/api/dashboard/count_db_rows - 功能：获取指定季度的统计各类数据库数据量 - 请求类型：GET - 请求参数： 参数 | 是否必须 | 说明 -|-|- quarter | 必须 | 指定季度获取数据 - 返回值： ``` [{ "name": "MySQL", "value": "33804107", "selected": "true" }, { "name": "Oracle", "value": "72642" }, { "name": "SQL server", "value": "1333" }] ``` --- ## data_overiew - URL：http://100.100.0.177/api/dashboard/data_overiew - 功能：获取指定季度的统计风险集市相关 总数据量、总问题数据量、总问题占比 - 请求类型：GET - 请求参数： 参数 | 是否必须 | 说明 -|-|- quarter | 必须 | 指定季度获取数据 - 返回值： ``` { "all_cnt": "205952332", "problem_cnt": "1423787", "problem_per": "0.69" } ``` --- ## total_trend - URL：http://100.100.0.177/api/dashboard/total_trend - 功能：获取所有季度的显示集团总问题占比走势 - 请求类型：GET - 请求参数：无 - 返回值： ``` { "quarter": ["2019Q1", "2019Q2", "2019Q3", "2019Q4"], "value": ["0.69", "0.88", "0.00", "0.00"] } ``` ================================================ FILE: docs/authorize_views.md ================================================ # 身份验证接口 ## login - URL：http://100.100.0.177/authorize/login - 功能：登录表单，用户输入账号名密码 - 请求类型：GET - 请求参数：无 - 返回值：无 --- ## login_auth - URL：http://100.100.0.177/authorize/login_auth - 功能：连接LDAP，验证login页面表单post传递的用户名密码 - 请求类型：POST / GET - 请求参数： 参数 | 是否必须 | 说明 -|-|- username | 必须 | OA账号名 password | 必须 | OA账号密码 - 返回值：验证成功自动重定向到主页，并在服务端记录session；否则返回报错信息（用户名/密码输入错误） --- ## logout - URL：http://100.100.0.177/authorize/logout - 功能：清除用户对应的session，重定向到登录login页 - 请求类型：GET - 请求参数：无 - 返回值：无 ================================================ FILE: docs/check_views.md ================================================ # 自动检核说明 ## rule_list - URL：http://100.100.0.177/check/login - 功能：检核规则库，`规则列表的内容由ajax调用check/rule_detail获取` - 请求类型：GET - 请求参数：无 - 返回值：无 --- ## rule_status_modify - URL：http://100.100.0.177/check/rule_status_modify - 功能：启用或禁用单条检核规则 - 请求类型：POST - 请求参数： 参数 | 是否必须 | 说明 -|-|- id | 必须 | 前端显示的行号 post_status | 必须 | 传入值为`已启用`时，禁用该条规则；传入值为`已禁用`时，启用该条规则 company | 必须 | 检核规则所属的公司中文简写 - 返回值：无 --- ## rule_config - URL：http://100.100.0.177/check/rule_config - 功能：查看检核规则详情 - 请求类型：GET - 请求参数： 参数 | 是否必须 | 说明 -|-|- id | 必须 | 前端显示的行号 post_status | 必须 | 传入值为`已启用`时，禁用该条规则；传入值为`已禁用`时，启用该条规则 company | 必须 | 检核规则所属的公司中文简写 username | 必须 | 验证修改者身份，OASSO账号无提交按钮 - 返回值：无 --- ## rule_exec - URL：http://100.100.0.177/check/rule_exec - 功能：查看当前的手工触发的检核进度 - 请求类型：GET - 请求参数：无 - 返回值：无 --- ## rule_detail - URL：http://100.100.0.177/check/rule_detail - 功能：获取检核规则内容 - 请求类型：GET - 请求参数： 参数 | 是否必须 | 说明 -|-|- name | 必须 | 子公司简写，与Excel中的系统名一致 risk_market_filter | 必须 | 接受传入的值为`是`或`否`或空 - 示例：http://100.100.0.177/check/rule_detail?name=信托&risk_market_filter= - 返回值： ``` { "data": [{ "id": 1, "check_item": "项目编号", "target_table": "项目基本信息", "risk_market_item": "是", "problem_type": "空值检核", "db": "sqlserver", "check_sql": "select count(distinct vc_stock_code),\n count(CASE\n WHEN vc_stock_code IS NULL or vc_stock_code = '' THEN\n 1\n END)\n from (select t.vc_stock_code,\n t.vc_contract_no,\n t.en_contract_balance,\n t.vc_invest_use,\n t.l_begin_date,\n t.l_end_date\n \n from hswinrun2.dbo.stockcodesex t\n where t.l_end_date >= '20180101'and t.l_end_date < '20990101'\n union all\n select t.vc_stock_code,\n t.vc_contract_no,\n t.en_contract_balance,\n t.vc_invest_use,\n t.l_begin_date,\n t.l_end_date\n from hswinrun2_xedk.dbo.stockcodesex t\n where t.l_end_date >= '20180101'and t.l_end_date < '20990101') a", "note": "", "status": "已启用", "source_system": "信托" }] } ``` --- ## rule_update - URL：http://100.100.0.177/check/rule_update - 功能：提交对检核规则的修改 - 请求类型：POST - 请求参数： 参数 | 是否必须 | 说明 -|-|- id | 必须 | 规则对应的行号 source_system | 必须 | 规则所属的子公司中文简写 check_item | 必须 | 要修改为的`数据标准`名 target_table | 必须 | 要修改为的`目标表`名 risk_market | 必须 | `是否风险集市所需指标`，接受的参数为`是`/`否` problem_type | 必须 | 要修改为的`问题分类` db | 必须 | 要修改为的`源系统数据库`类型 check_sql | 必须 | 要修改为的`检核逻辑` note | 必须 | 要修改为的`备注` status | 必须 | 要修改为的`规则启用状态`，接受的参数为`已启用`/`已停用`；传入`已启用`会把规则状态置为启用，传入`已停用`会把规则状态置为禁用 - 返回值： ``` 修改成功返回'success'，http状态码200；发生异常则状态码为500 ``` --- ## rule_add - URL：http://100.100.0.177/check/rule_add - 功能：提交对检核规则的新增 - 请求类型：POST - 请求参数： 参数 | 是否必须 | 说明 -|-|- source_system | 必须 | 规则所属的子公司中文简写 check_item | 必须 | 要新增的`数据标准`名 target_table | 必须 | 要新增的`目标表`名 risk_market | 必须 | `是否风险集市所需指标`，接受的参数为`是`/`否` problem_type | 必须 | 要新增的`问题分类` db | 必须 | 要新增的`源系统数据库`类型 check_sql | 必须 | 要新增的`检核逻辑` note | 必须 | 要新增的`备注` status | 必须 | 要新增的`规则启用状态`，接受的参数为`已启用`/`已停用`；传入`已启用`会把规则状态置为启用，传入`已停用`会把规则状态置为禁用 - 返回值： ``` 新增成功返回'success'，http状态码200；发生异常则状态码为500 ``` --- ## rule_execute - URL：http://100.100.0.177/check/rule_execute - 功能：提交对检核规则的新增 - 请求类型：POST - 请求参数： 参数 | 是否必须 | 说明 -|-|- company | 必须 | 执行检核的公司，接受的参数为`ycxt`/`yczc`/`gdzdb`/`ycjk`/`fdct`/`zyyc`/`jz` username | 必须 | 执行检核的用户名，用于记录日志 quarter | 必须 | 检核结果将会落在该季度的表中 - 返回值： ``` { "status": "success", "msg": "XX公司检核成功！" } ``` ================================================ FILE: docs/data_views.md ================================================ # 数据质量仪表盘接口 ## index - URL：http://100.100.0.177/data/index - 功能：重定向到http://100.100.0.177/data/dashboard - 请求类型：GET - 请求参数：无 - 返回值：无 --- ## dashboard - URL：http://100.100.0.177/data/dashboard 页面内容： 1. 集团数据质量总览：检核数据总量、问题数据总量总问题占比 - `ajax请求api/data_overiew` 2. 选定季度的数据质量问题概况，7家子公司明细 - `ajax请求api/avg_problem_percentage` 3. 所有季度的各公司平均问题占比，柱状图 4. 所有季度的集团总问题占比，折线图 - `ajax请求api/total_trend` 5. 选定季度的需求改造进度统计，柱状图 - `ajax请求api/demand/list_subcompany` 6. 选定季度的需求改造进度统计，表格 - `ajax请求api/demand/list_subcompany` 7. 选定季度的各公司数据量占比，环状图 - `ajax请求api/subcompany_data_percentage获取各公司数据量` - `ajax请求api/count_db_rows获取各类型数据库数据量` 8. 各公司同类问题Top 5统计，饼图 - `ajax请求api/same_problem_top5` 9. 风险集市指标统计，图片 - `手工置换/data/data-quality/static/resource/风险集市指标统计.png` - 请求类型：GET - 请求参数： 参数 | 是否必须 | 说明 -|-|- quarter | 非必须 | 选择显示的季度，不传入则显示上一季度的数据 - 返回值：无 --- ## dashboard_subcompany - URL：http://100.100.0.177/data/dashboard_subcompany 页面内容： 1. 选定季度的子公司问题数据项统计，柱状图及列表 - `ajax调用data/subcompany_problem_count`\ 2. 子公司源系统改造情况 - `ajax请求api/demand/list_subcompany` 3. 子公司风险指标，图片及下载excel - `图片手工置换服务器/data/data-quality/static/resource/XX公司风险指标.png` - `ajax请求api/files/download下载对应公司的指标Excel表` - 请求类型：GET - 请求参数： 参数 | 是否必须 | 说明 -|-|- name | 必须 | 子公司简写 company | 必须 | 子公司中文简写 quarter | 非必须 | 选择显示的季度，不传入则显示上一季度的数据 - 返回值：无 --- ## result_detail - URL：http://100.100.0.177/data/result_detail - 页面内容：选定季度的数据质量检核报告Excel结果 - 请求类型：GET - 请求参数： 参数 | 是否必须 | 说明 -|-|- name | 必须 | 子公司简写 quarter | 非必须 | 选择显示的季度，不传入则显示上一季度的数据 - 返回值：无 --- ## report - URL：http://100.100.0.177/data/report - 页面内容：选定季度的数据质量检核报告Word结果，结果还需要人工加工 - 请求类型：GET - 请求参数： 参数 | 是否必须 | 说明 -|-|- quarter | 非必须 | 选择显示的季度，不传入则显示上一季度的数据 - 返回值：无 ================================================ FILE: docs/ddl.sql ================================================ -- DDL CREATE DATABASE `data_quality` /*!40100 DEFAULT CHARACTER SET utf8 */ ; -- 程序账号 create user system@'127.0.0.1' identified by 'H5cT7yHB8_'; grant all PRIVILEGES on data_quality.* to 'system'@'127.0.0.1'; flush privileges; use data_quality; -- 检核规则库，作为每个新次检核的模板表 CREATE TABLE `check_result_template` ( `id` int(11) NOT NULL COMMENT '排序用id', `company` varchar(100) DEFAULT NULL COMMENT '二级公司名或系统名(拼音)', `source_system` varchar(10) NOT NULL COMMENT '二级公司名或系统名(中文)', `check_item` varchar(100) DEFAULT NULL COMMENT '数据标准', `target_table` varchar(100) DEFAULT NULL COMMENT '目标表', `risk_market_item` varchar(2) DEFAULT NULL COMMENT '是否风险集市需要的指标', `problem_type` varchar(100) DEFAULT NULL COMMENT '问题分类', `check_sql` varchar(4000) DEFAULT NULL COMMENT '报送SQL', `problem_id` varchar(4000) DEFAULT NULL COMMENT '问题数据对应主键编号', `item_count` int(11) DEFAULT NULL COMMENT '报送数据量', `problem_count` int(11) DEFAULT NULL COMMENT '问题数据量', `problem_per` decimal(10,2) DEFAULT NULL, `db` varchar(30) DEFAULT NULL, `note` varchar(4000) DEFAULT NULL, `status` varchar(10) DEFAULT NULL, `update_flag` varchar(2) DEFAULT 'N', `check_date` timestamp NULL DEFAULT NULL, `check_version` int(11) DEFAULT NULL, PRIMARY KEY (`id`,`source_system`) ); -- 记录检核操作的日志表 CREATE TABLE `check_execute_log` ( `id` int(11) NOT NULL AUTO_INCREMENT, `company` varchar(30) NOT NULL, `execute_date` timestamp NOT NULL, `execute_user` varchar(30) NOT NULL, `db` varchar(100) DEFAULT NULL, `status` varchar(400) NOT NULL, PRIMARY KEY (`id`) ) ; -- 源系统改造需求管理表 CREATE TABLE `source_system_demand` ( `id` int(11) DEFAULT NULL, `company` varchar(10) DEFAULT NULL, `item_name` varchar(100) DEFAULT NULL, `demand_name` varchar(100) DEFAULT NULL, `demand_created` varchar(20) DEFAULT NULL, `quarter` varchar(10) DEFAULT NULL, `status` varchar(100) DEFAULT NULL, `row_created` timestamp NULL DEFAULT CURRENT_TIMESTAMP ); -- Excel数据导入的sql详见 demand\insert_excel.sql -- 数据标准记录明细表 CREATE TABLE `data_standard_detail` ( `id` int(11) NOT NULL AUTO_INCREMENT, `std_id` text CHARACTER SET utf8 COLLATE utf8_general_ci, `name` text CHARACTER SET utf8 COLLATE utf8_general_ci, `en_name` text CHARACTER SET utf8 COLLATE utf8_general_ci, `business_definition` text CHARACTER SET utf8 COLLATE utf8_general_ci, `business_rule` text CHARACTER SET utf8 COLLATE utf8_general_ci, `std_source` text CHARACTER SET utf8 COLLATE utf8_general_ci, `data_type` text CHARACTER SET utf8 COLLATE utf8_general_ci, `data_format` text CHARACTER SET utf8 COLLATE utf8_general_ci, `code_rule` text CHARACTER SET utf8 COLLATE utf8_general_ci, `code_range` text CHARACTER SET utf8 COLLATE utf8_general_ci, `code_meaning` text CHARACTER SET utf8 COLLATE utf8_general_ci, `business_range` text CHARACTER SET utf8 COLLATE utf8_general_ci, `dept` text CHARACTER SET utf8 COLLATE utf8_general_ci, `system` text CHARACTER SET utf8 COLLATE utf8_general_ci, PRIMARY KEY (`id`) USING BTREE ) ; -- 数据标准记录概述表 CREATE TABLE `data_standard_desc` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` text CHARACTER SET utf8 COLLATE utf8_general_ci, `content` text CHARACTER SET utf8 COLLATE utf8_general_ci, PRIMARY KEY (`id`) USING BTREE ); -- 数据标准目录表 CREATE TABLE `data_standard_index` ( `pk_id` int(11) NOT NULL AUTO_INCREMENT, `idx_id` int(11) DEFAULT NULL COMMENT '树节点id', `idx_pid` int(11) DEFAULT NULL COMMENT '树父节点id', `idx_name` text CHARACTER SET utf8 COLLATE utf8_general_ci COMMENT '树节点名', `is_open` text CHARACTER SET utf8 COLLATE utf8_general_ci COMMENT '树节点是否默认展开', PRIMARY KEY (`pk_id`) USING BTREE ) ; -- 数据标准更新记录表 CREATE TABLE `data_standard_update_log` ( `id` int(11) NOT NULL AUTO_INCREMENT, `std_name` text CHARACTER SET utf8 COLLATE utf8_general_ci COMMENT '数据标准名', `username` varchar(30) CHARACTER SET utf8 COLLATE utf8_general_ci DEFAULT NULL COMMENT '操作者', `update_time` timestamp NULL DEFAULT CURRENT_TIMESTAMP, `previous_version` text CHARACTER SET utf8 COLLATE utf8_general_ci COMMENT '上一版本的内容', PRIMARY KEY (`id`) USING BTREE ); -- 日期维度表 -- 时期生成，执行utils/generate_dim_date.py CREATE TABLE `dim_date` ( `date` datetime DEFAULT NULL, `day_id` int(11) NOT NULL, `year` int(11) DEFAULT NULL, `month` int(11) DEFAULT NULL, `day` int(11) DEFAULT NULL, `quarter` int(11) DEFAULT NULL, `day_name` text, `weekofyear` bigint(20) DEFAULT NULL, `dayofyear` int(11) DEFAULT NULL, `daysinmonth` int(11) DEFAULT NULL, `dayofweek` int(11) DEFAULT NULL, `is_leap_year` tinyint(1) DEFAULT NULL, `is_month_end` tinyint(1) DEFAULT NULL, `is_month_start` tinyint(1) DEFAULT NULL, `is_quarter_end` tinyint(1) DEFAULT NULL, `is_quarter_start` tinyint(1) DEFAULT NULL, `is_year_end` tinyint(1) DEFAULT NULL, `is_year_start` tinyint(1) DEFAULT NULL, PRIMARY KEY (`day_id`) ); -- 数据源记录表 CREATE TABLE `source_db_info` ( `id` int(11) NOT NULL AUTO_INCREMENT, `company` varchar(10) DEFAULT NULL, `name` varchar(40) DEFAULT NULL, `alias` varchar(50) DEFAULT NULL, `connection_string` varchar(100) DEFAULT NULL, `ip` varchar(16) DEFAULT NULL, `user` varchar(32) DEFAULT NULL, `passwd` varchar(200) DEFAULT NULL, `db` varchar(32) DEFAULT NULL, `port` int(11) DEFAULT NULL, `db_type` varchar(32) DEFAULT NULL, `charset` varchar(10) DEFAULT NULL, `note` varchar(200) DEFAULT NULL, PRIMARY KEY (`id`) ); -- ETL源-目标表，用于血缘分析 CREATE TABLE `datacenter_mapping` ( `subject_area` varchar(255) DEFAULT NULL, `mapping_name` varchar(255) DEFAULT NULL, `source` varchar(255) DEFAULT NULL, `target` varchar(255) DEFAULT NULL ); ================================================ FILE: docs/demand_views.md ================================================ # 身份验证接口 ## import_sheet - URL：http://100.100.0.177/demand/import_sheet - 功能：上传源系统改造情况Excel表，处理成json格式的文本文件，存放在服务器`/data/data-quality/static/resource/demand.json`，供集团仪表盘和子公司仪表盘调用 - 请求类型：GET请求打开页面，POST请求提交Excel表 - 请求参数：无 - 返回值： ``` 上传成功为"Excel处理成功，请返回首页查看数据" 失败为500 ``` --- ## list_subcompany - URL：http://100.100.0.177/api/demand/list_subcompany - 功能：子公司源系统改造进度明细 - 请求类型：GET - 请求参数： 参数 | 是否必须 | 说明 -|-|- company | 必须 | 公司简写，接受的参数为`ycxt`/`yczc`/`gdzdb`/`ycjk`/`fdct`/`zyyc`/`jz` - 请求示例：http://100.100.0.177/api/demand/list_subcompany?company=ycxt - 返回值： ``` [ [1, "信托", "风险等级", "补创建数据项", "201905", "2019Q1进行中", "2019Q2未开展"], [2, "信托", "净资本类别", "补创建数据项", "201905", "2019Q1进行中", "2019Q2未开展"], [3, "信托", "风险资本类别", "补创建数据项", "201905", "2019Q1进行中", "2019Q2未开展"], [4, "信托", "参与人角色", "设为必填", "201905", "2019Q1进行中", "2019Q2完成"], [5, "信托", "所有制类型", "设为必填", "201905", "2019Q1进行中", "2019Q2完成"], [6, "信托", "参与人规模", "设为必填", "201905", "2019Q1进行中", "2019Q2完成"], [7, "信托", "参与人角色标识", "设为必填", "201905", "2019Q1进行中", "2019Q2完成"], [8, "信托", "产品收益率", "设为必填", "201905", "2019Q1进行中", "2019Q2完成"], [9, "信托", "参与人上市标识", "设为必填", "201905", "2019Q1进行中", "2019Q2完成"], [10, "信托", "项目投向行业", "设为必填", "201905", "2019Q1进行中", "2019Q2完成"], [11, "信托", "项目名称", "设为必填", "201905", "2019Q1进行中", "2019Q2完成"], [12, "信托", "项目来源", "设为必填", "201905", "2019Q1进行中", "2019Q2完成"], [13, "信托", "存续标识", "设为必填", "201905", "2019Q1进行中", "2019Q2业务系统自动填写，不是业务人员填写"] ] ``` ================================================ FILE: docs/demo数据.sql ================================================ use data_quality; -- check_result_template demo数据 INSERT INTO `check_result_template` VALUES (1,'db','db','项目编号',NULL,'是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,3011,1,0.03,'dbdb1',NULL,'已启用','Y','2019-03-30 16:00:00',1),(1,'jj1','jj1','项目编号','项目基本信息','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,219,0,0.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(1,'jj2','jj2','项目编号','项目基本信息','是',NULL,'select now(),\'+其他字段形成检核SQL\' from table',NULL,350,0,0.00,'jjdb2',NULL,'已启用','Y','2019-03-30 16:00:00',1),(1,'jk','jk','项目编号','项目表','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,12372410,0,0.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(1,'jz','jz','项目编号','项目基本信息','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,39,0,0.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(1,'xt','xt','项目编号','项目基本信息','是','准确性检验','select now(),\'+其他字段形成检核SQL\' from table',NULL,451027,0,0.00,'','备注测试1','已启用','Y','2019-03-30 16:00:00',1),(1,'zc','zc','项目编号','项目基本信息表','是','完整性检验','select now(),\'+其他字段形成检核SQL\' from table',NULL,109,0,0.00,'','','已启用','Y','2019-03-30 16:00:00',1),(2,'db','db','项目名称',NULL,'是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,3011,19,0.63,'dbdb1',NULL,'已启用','Y','2019-03-30 16:00:00',1),(2,'jj1','jj1','项目名称','项目基本信息','否','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,219,0,0.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(2,'jj2','jj2','项目名称','项目基本信息','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,350,13,3.71,'jjdb2',NULL,'已启用','Y','2019-03-30 16:00:00',1),(2,'jk','jk','项目名称','项目表','否','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,NULL,0,NULL,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(2,'jz','jz','项目名称','项目基本信息','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,39,0,0.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(2,'xt','xt','项目编号','资金基本信息','是','一致性检验','select now(),\'+其他字段形成检核SQL\' from table',NULL,1103,0,0.00,'','11111','已停用','Y','2019-03-30 16:00:00',1),(2,'zc','zc','项目名称','项目基本信息表','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,109,0,0.00,'zcdb1',NULL,'已启用','Y','2019-03-30 16:00:00',1),(3,'db','db','项目类别',NULL,'是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,3011,0,0.00,'dbdb1',NULL,'已启用','Y','2019-03-30 16:00:00',1),(3,'jj1','jj1','项目类别','项目基本信息','是','未创建项','select now(),\'+其他字段形成检核SQL\' from table',NULL,219,219,100.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(3,'jj2','jj2','项目类别','项目基本信息','是','未创建项','select now(),\'+其他字段形成检核SQL\' from table',NULL,350,350,100.00,'jjdb2',NULL,'已启用','Y','2019-03-30 16:00:00',1),(3,'jk','jk','项目类别','项目表','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,12372410,NULL,NULL,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(3,'jz','jz','项目类别代码','项目基本信息','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,39,0,0.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(3,'xt','xt','项目名称','项目基本信息','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,451027,7,0.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(3,'zc','zc','项目类别','项目基本信息表','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,109,7,6.42,'zcdb1',NULL,'已启用','Y','2019-03-30 16:00:00',1),(4,'db','db','开始日期',NULL,'是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,3011,206,6.84,'dbdb1',NULL,'已启用','Y','2019-03-30 16:00:00',1),(4,'jj1','jj1','项目投向行业（展业指引）','项目基本信息','是','未创建项','select now(),\'+其他字段形成检核SQL\' from table',NULL,219,219,100.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(4,'jj2','jj2','项目投向行业（展业指引）','项目其他信息','是','未创建项','select now(),\'+其他字段形成检核SQL\' from table',NULL,350,350,100.00,'jjdb2',NULL,'已启用','Y','2019-03-30 16:00:00',1),(4,'jk','jk','开始日期','项目表','否','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,NULL,NULL,NULL,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(4,'jz','jz','开始日期','项目基本信息','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,39,0,0.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(4,'xt','xt','项目名称','资金基本信息','是','完整性检验','select now(),\'+其他字段形成检核SQL\' from table',NULL,1103,0,0.00,'','','已启用','Y','2019-03-30 16:00:00',1),(4,'zc','zc','项目资金用途','项目基本信息表','是','值域检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,109,0,0.00,'zcdb1',NULL,'已启用','Y','2019-03-30 16:00:00',1),(5,'db','db','到期日期',NULL,'是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,3011,215,7.14,'dbdb1',NULL,'已启用','Y','2019-03-30 16:00:00',1),(5,'jj1','jj1','项目资金用途','项目基本信息','是','未创建项','select now(),\'+其他字段形成检核SQL\' from table',NULL,219,219,100.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(5,'jj2','jj2','项目资金用途','项目基本信息','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,81,38,46.91,'jjdb2',NULL,'已启用','Y','2019-03-30 16:00:00',1),(5,'jk','jk','到期日期','项目表','是','合法性检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,12372410,0,0.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(5,'jz','jz','到期日期','项目基本信息','是','合法性检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,39,0,0.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(5,'xt','xt','项目类别','项目基本信息','是','准确性检验','select now(),\'+其他字段形成检核SQL\' from table',NULL,451027,0,0.00,'','','已启用','Y','2019-03-30 16:00:00',1),(5,'zc','zc','项目交易对手（投向）','不良资产处置','是','值域检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,109,0,0.00,'zcdb1',NULL,'已启用','Y','2019-03-30 16:00:00',1),(6,'db','db','我方管理角色','','是','一致性检验','select now(),\'+其他字段形成检核SQL\' from table',NULL,3011,3011,100.00,'dbdb1','','已启用','Y','2019-03-30 16:00:00',1),(6,'jj2','jj2','开始日期','项目基本信息','否','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,70,70,100.00,'jjdb2',NULL,'已启用','Y','2019-03-30 16:00:00',1),(6,'jk','jk','项目金额','项目表','否','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,NULL,253,NULL,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(6,'jz','jz','项目金额','项目基本信息','是','值域检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,39,39,100.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(6,'xt','xt','项目类别','资金基本信息','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,1103,0,0.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(6,'zc','zc','开始日期',NULL,'是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,109,1,0.92,'zcdb1',NULL,'已启用','Y','2019-03-30 16:00:00',1),(7,'db','db','项目金额',NULL,'是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,3011,9,0.30,'dbdb1',NULL,'已启用','Y','2019-03-30 16:00:00',1),(7,'jj1','jj1','到期日期','项目基本信息','是','未创建项','select now(),\'+其他字段形成检核SQL\' from table',NULL,219,219,100.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(7,'jj2','jj2','到期日期','项目基本信息','是','未创建项','select now(),\'+其他字段形成检核SQL\' from table',NULL,350,350,100.00,'jjdb2',NULL,'已启用','Y','2019-03-30 16:00:00',1),(7,'jk','jk','项目余额','项目表','是','-- 请选择 --','select now(),\'+其他字段形成检核SQL\' from table',NULL,12372410,0,0.00,'','','已启用','Y','2019-03-30 16:00:00',1),(7,'jz','jz','项目五级分类','项目基本信息','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,39,1,2.56,NULL,'90天后才有五级分类，但目前仅有2017年数据故全部空白','已启用','Y','2019-03-30 16:00:00',1),(7,'xt','xt','项目投向行业','项目其它信息','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,451027,15,0.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(7,'zc','zc','到期日期',NULL,'是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,109,73,66.97,'zcdb1',NULL,'已启用','Y','2019-03-30 16:00:00',1),(8,'db','db','项目余额',NULL,'是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,3011,14,0.46,'dbdb1',NULL,'已启用','Y','2019-03-30 16:00:00',1),(8,'jj2','jj2','约定退出日期','项目基本信息','是','未创建项','select now(),\'+其他字段形成检核SQL\' from table',NULL,350,350,100.00,'jjdb2',NULL,'已启用','Y','2019-03-30 16:00:00',1),(8,'jk','jk','审批结论','项目表','否','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,NULL,239,NULL,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(8,'jz','jz','收益率','项目基本信息','是','值域检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,39,0,0.00,NULL,'数据不全造成部分数据没有同步到','已启用','Y','2019-03-30 16:00:00',1),(8,'xt','xt','项目投向（按功能）','项目其它信息','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,451027,0,0.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(8,'zc','zc','到期日期',NULL,'是','合法性检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,109,0,0.00,'zcdb1',NULL,'已启用','Y','2019-03-30 16:00:00',1),(9,'db','db','项目收益',NULL,'是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,3011,698,23.18,'dbdb1',NULL,'已启用','Y','2019-03-30 16:00:00',1),(9,'jj1','jj1','约定退出日期','项目基本信息','是','合法性检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,17,17,100.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(9,'jj2','jj2','约定退出方式','项目基本信息','是','未创建项','select now(),\'+其他字段形成检核SQL\' from table',NULL,350,350,100.00,'jjdb2',NULL,'已启用','Y','2019-03-30 16:00:00',1),(9,'jk','jk','审批金额','项目表','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,12372410,0,0.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(9,'jz','jz','不含税收益率','项目基本信息','是','值域检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,NULL,NULL,NULL,NULL,'底层数据基础计算出结果','已启用','Y','2019-03-30 16:00:00',1),(9,'xt','xt','项目资金用途','项目基本信息','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,451027,0,0.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(9,'zc','zc','项目金额','项目基本信息表','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,109,25,22.94,'zcdb1',NULL,'已启用','Y','2019-03-30 16:00:00',1),(10,'db','db','收益率',NULL,'是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,3011,875,29.06,'dbdb1',NULL,'已启用','Y','2019-03-30 16:00:00',1),(10,'jj2','jj2','项目管理方式','项目其他信息','是','未创建项','select now(),\'+其他字段形成检核SQL\' from table',NULL,350,350,100.00,'jjdb2',NULL,'已启用','Y','2019-03-30 16:00:00',1),(10,'jk','jk','撤销原因','项目表','否','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,NULL,239,NULL,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(10,'jz','jz','项目收益','项目基本信息','否','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,NULL,NULL,NULL,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(10,'xt','xt','项目交易对手（投向）','项目其它信息','是','空值检核','select now(),\'+其他字段形成检核SQL\' from table',NULL,451027,0,0.00,NULL,NULL,'已启用','Y','2019-03-30 16:00:00',1),(10,'zc','zc','项目余额','项目余额信息历史','是','-- 请选择 --','select now(),\'+其他字段形成检核SQL\' from table',NULL,109,27,24.77,'','','已启用','Y','2019-03-30 16:00:00',1),(11,'xt','xt','飒飒','阿萨','否','完整性检验','阿萨',NULL,NULL,NULL,NULL,'xtdb1','阿萨','已启用','N',NULL,NULL),(12,'xt','xt','','','是','-- 请选择 --','',NULL,NULL,NULL,NULL,'','','已启用','N',NULL,NULL),(99,'xt','xt','项目编号2',NULL,'是','空值检核','select now()',NULL,NULL,NULL,NULL,'xtdb3',NULL,'已启用','N',NULL,NULL); -- 数据标准demo数据 INSERT INTO `data_standard_desc` VALUES (1,'概述','概述'),(2,'参考文献','国家标准：\r\n1) 《GB/T 3304-1991 中国各民族名称的罗马字母拼写法和代码》\r\n2) 《GB/T 2261.1-2003 个人基本信息分类与代码_第1部分_人的性别代码》\r\n3) 《GB/T 2261.2-2003 个人基本信息分类与代码_第2部分_婚姻状况代码》\r\n4) 《GB/T 2261.3-2003 个人基本信息分类与代码_第3部分_健康状况》\r\n5) 《GB/T 2261.4-2003 个人基本信息分类与代码_第4部分_从业状况》\r\n6) 《GB/T 11643-1999公民身份证号码》\r\n7) 《GB/T 2659-2000 世界各国和地区名称代码》\r\n8) 《GB/T 4754-2017 国民经济行业分类》\r\n9) 《GB/T 12402-2000 经济类型分类与代码》\r\n10) 《GB/T 2260-2017 2017中华人民共和国行政区划代码》\r\n\r\n外部管理规定：\r\n11) 《关于印发中小企业划型标准规定的通知》(工信部联企业[2011]300号)\r\n12) 《融资类担保机构信用评级管理办法》\r\n13) 《中华人民共和国公司登记管理条例》\r\n14) 《中华人民共和国企业法人登记管理条例实施细则》\r\n15) 《合伙企业法》\r\n16) 《统计上大中小微型企业划分办法（2017）》'),(3,'术语和定义','术语与定义'),(4,'项目（协议）',' 项目（协议）指信托项目、资产管理项目、贷款协议、增信项目、担保协议、再担保协议、基金、子基金、股权直投项目、融资租赁合同。\r\n 基础信息：指项目的基本属性信息。项目编号、项目名称、项目类别、开始日期、到期日期、约定退出日期、约定退出方式；\r\n 事件信息：指项目参与人对于项目的投入与项目的运行方式。包括项目金额、项目余额、账面金额、资产金额、收购方式、资产包类型、资产包来源、审批结论、审批金额、撤销原因、拒绝原因；\r\n 管理信息：指项目的管理方式以及项目参与者在其中扮演的角色。项目管理方式，我方管理角色；\r\n 收益信息：指项目给投资者带来的回报情况与评价指标，包括收益率，项目收益；\r\n 风险信息：指对项目风险的主要风险评价指标与评价方式。包括项目投向行业、项目投向（按功能）、项目资金用途、项目交易对手（投向）、项目预计还款来源、风险等级、项目五级分类、担保责任比例、风险项目描述、担保方式。'),(5,'交易',' 交易指项目（协议）中价值交换的具体信息，包括交易详情与交易状态。\r\n 交易详情：指与交易相关的基础信息与数据，包括交易编号，交易类型，交易日期，交易本金金额，交易利息金额；\r\n 交易状态：指交易为投资者带来的收益情况以及交易本身风险属性，包括交易分红金额，逾期天数；'),(6,'参与人（对公）',' 对公参与人又称公司客户，是指与企业进行业务关系的法人客户，通常分为大型公司客户，中型公司客户，小型公司客户，微型公司客户等等，对公参与人主题中包含了这些客户的基本信息、关联信息、风险信息和风险缓释信息。\r\n 基本信息：指与对公参与人相关的基础信息。包括参与人类别，参与人编号，参与人名称，参与人角色标识，参与人行业，参与人地区，参与人规模，参与人所有制类型，参与人上市标识，参与人政府信用类标识，参与人担保类型，首次业务签约日期；\r\n 关联信息：指为监控企业关联方之间的交易,关联交易是公司运作中经常出现的而又易于发生不公平结果的交易。包括参与人实际控制人类别，参与人实际控制人名称，上级股东类别，上级股东名称，被投资企业名称；\r\n 风险信息：指参与人相关的风险信息，能协助相关问题和决策的相关因素。包括参与人信用等级，参与人历史违约标识，历史违约事件类型，违约日期，参与人五级分类；\r\n 风险缓释信息：指通过风险控制措施来降低风险的损失频率或影响程度。包括参与人抵质押物估值。'),(7,'参与人（个人）',' 个人参与人指与企业发生业务往来的个人和企业内部员工，信息包含基础信息和员工信息两类。 \r\n 基础信息：指个人参与人的基础信息，包括参与人编号，参与人名称，参与人角色，参与人地区，参与人年龄，参与人性别；\r\n 员工信息：指个人参与人的职位与工作信息，包括参与人岗位，参与人所属单位，参与人所属部门，参与人职务，参与人职级。'),(8,'机构',' 机构指集团内部依法设立的机关、事业、企业、社团及其他依法成立的单位。\r\n 基础信息：指机构相关的基础信息，包括机构编号，机构名称，机构简称，机构类型，投资类型；\r\n 层级关系：指能表明该机构与其他机构关系的层级信息，包括上级机构名称。'),(9,'产品',' 指集团内各二级公司开展业务时，所使用的产品分类信息。\r\n 基础信息：指产品相关的识别信息，包括产品编号，产品名称；\r\n 层级关系：指能表明该产品与其他产品关系层级的信息，包括上级产品单元，产品级次。'),(10,'财务',' 财务信息：期初借方余额，期初贷方余额，本期借方发生额，本期贷方发生额，期末借方余额，期末贷方余额，总账会计科目编号，总账会计科目名称，总账会计科目级次，会计日期，'); INSERT INTO `data_standard_detail` VALUES (1,'PC000001\r\n','项目编号','Project Number',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(2,'PC000002\r\n','项目名称','Project Name',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(3,'PC000003\r\n','项目类别','Project Category\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(4,'PC000004\r\n','项目投向行业','Industry to be Invested\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(5,'PC000005\r\n','项目投向行业（展业指引）','Industry to be Invested（Guidance）\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(6,'PC000005\r\n','项目投向（按功能）','Trust Business\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(9,'PC000006\r\n','项目资金用途','Fund Usage',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(10,'PC000007\r\n','项目交易对手（投向）','Counterparty（The Scope of Investment）\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(11,'PC000008\r\n','项目来源','Project Source\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(12,'PC000009\r\n','项目所在省','Project Province\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(13,'PC000011\r\n','项目所在市','Project City\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(14,'PC000012\r\n','项目所在县','Project County\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(15,'PC000011\r\n','开始日期','Start Date\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(16,'PC000012\r\n','到期日期','Finish Date\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(17,'PC000013\r\n','约定退出日期','Planned Exit Date\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(18,'PC000014\r\n','约定退出方式','Planned Exit Route\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(19,'PC000015\r\n','项目管理方式','Investment Style\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(20,'PC000016\r\n','项目管理方式（监管）','Investment Style\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(21,'PC000017\r\n','我方管理角色','Partnership\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(22,'PC000018\r\n','项目金额','Amount\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(23,'PC000019\r\n','项目余额','Current Balance\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(24,'PC000020\r\n','账面金额','Book Amount\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(25,'PC000021\r\n','账面余额','Book Amount\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(26,'PC000022\r\n','资产金额','Asset Value\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(27,'PC000023\r\n','资产余额','Asset Value\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(28,'PC000024\r\n','收益率','Return Rate\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(29,'PC000025\r\n','项目收益','Project Return\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(30,'PC000026\r\n','审批结论','Result of Review\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(31,'PC000027\r\n','审批金额','Approved Amount\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(32,'PC000028\r\n','撤销原因','Cause of Revocation\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(33,'PC000029\r\n','拒绝原因','Cause of Rejection\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(34,'PC000030\r\n','风险等级','Risk Rating\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(35,'PC000031\r\n','项目五级分类','Five Level Classification of Projects\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(36,'PC000032\r\n','担保责任比例','Proportion of Guarantee Liability\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(37,'PC000033\r\n','风险项目简述','Descriptions of Risk Projects\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(38,'PC000034\r\n','担保方式','Guarantee Type\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(39,'PC000035\r\n','收购方式','Acquisition Mode\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(40,'PC000036\r\n','资产包类别','Type of Asset Package\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(41,'PC000037\r\n','资产编号','Asset Number\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(42,'PC000038\r\n','资产名称','Asset Name\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(43,'PC000039\r\n','资产类别','Type of Asset\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(44,'PC000042\r\n','续封续冻资产类型','Type of Continued Sealing Asset\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(45,'PC000042\r\n','是否续封续冻预警','Indicator of Continued Seal Early Warning\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(46,'PC000043\r\n','资产处置合同金额','Amount of Contract for Disposing of Assets\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(47,'PC000044\r\n','资金或资产来源','Sources of Funding\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(48,'PC000045\r\n','基金创投业务类型','Fund and Items Business Type\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(49,'PC000046\r\n','净资本类别\r\n','Net Capital Type\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(50,'PC000048\r\n','风险资本类别','Venture Capital Type',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(51,'PC000048\r\n','保证金','Cash Deposit\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(52,'PC000049\r\n','线上/线下','Online or Offline\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(53,'JY000001\r\n','交易编号','Transaction Number',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(54,'JY000002\r\n','交易类型','Transaction Type',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(55,'JY000003\r\n','交易日期','Transaction Date',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(56,'JY000004\r\n','交易本金金额','Transaction Principal Amount\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(57,'JY000005\r\n','交易利息金额','Interest Rate of Transaction',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(58,'JY000006\r\n','交易分红金额','Transaction Bonus\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(59,'JY000007\r\n','逾期天数','Overdue Days\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(60,'JY000008\r\n','基金资金来源','Source of Funding\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(61,'JY000009\r\n','预计还款金额','Estimated Amount of Repayment\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(62,'CY000001\r\n','参与人类别','Participants Type\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(63,'CY000002\r\n','参与人编号','Participants Number\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(64,'CY000003\r\n','参与人名称','Participants Name\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(65,'CY000004\r\n','机构证件类别','ID Type of Institutions\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(66,'CY000005\r\n','机构证件号码','ID Number of Institutions\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(67,'CY000006\r\n','机构证件有效期','Institutions Certificates Expiration Date\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(68,'CY000007\r\n','参与人角色标识','Participants Role\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(69,'CY000008\r\n','参与人行业','Industrial Classification of Participants\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(70,'CY000009\r\n','参与人省份','Participants Province\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(71,'CY000010\r\n','参与人市','Participants City\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(72,'CY000011\r\n','参与人县','Participants County\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(73,'CY000012\r\n','参与人规模','Participants Scale\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(74,'CY000013\r\n','从业人数','The Number of Employees\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(75,'CY000014\r\n','营业收入','Business Income\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(76,'CY000015\r\n','营业状态','Operating Status\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(77,'CY000016\r\n','所有制类型','Type of Enterprise\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(78,'CY000017\r\n','国企标识','Indicator of State-owned Enterprise\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(79,'CY000018\r\n','参与人上市标识','Public Enterprise Indicator\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(80,'CY000019\r\n','股票代码','Stock Code\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(81,'CY000020\r\n','股票类型','Stock Type\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(82,'CY000021\r\n','股票名称','Stock Name\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(83,'CY000023\r\n','参与人担保类型','Guarantor Type\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(84,'CY000024\r\n','参与人抵质押物估值','Participants Collateral Valuation\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(85,'CY000025\r\n','参与人实际控制人类别','Controlling Owner Type of Participants \r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(86,'CY000026\r\n','参与人实际控制人名称','Controlling Owner Name of Participants \r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(87,'CY000027\r\n','上级股东类别','Type of Superior Shareholders\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(88,'CY000028\r\n','上级股东名称','Name of Superior Shareholders\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(89,'CY000029\r\n','参与人内部信用等级','Participants Internal Rating Result\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(90,'CY000030\r\n','参与人外部信用等级','Participants External Rating Result\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(91,'CY000031\r\n','参与人历史违约标识','Participants Historical Default Indicator\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(92,'CY000032\r\n','历史违约事件类型','Historical Default Style\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(93,'CY000033\r\n','违约日期','Default Date\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(94,'CY000034\r\n','参与人五级分类','Participants Five-category Classification\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(95,'CY000035\r\n','首次业务签约日期','First Business Signing Date\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(96,'CY000036\r\n','法人代表姓名','Name of The Representative of A Legal Person\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(97,'CY000037\r\n','法人代表证件类型','ID Type of The Representative of A Legal Person\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(98,'CY000038\r\n','法人代表证件号码','ID Number of The Representative of A Legal Person\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(99,'CY000039\r\n','集团客户标志','Group Customer Indicator\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(100,'CY000040\r\n','企业成长阶段','Enterprise Growth Stage\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(101,'CY000041\r\n','投资轮次','Investment Rotation\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(102,'CY000042\r\n','注册日期','Date of Registration\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(103,'PI000001\r\n','参与人编号','Participant Number \r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(104,'PI000002\r\n','参与人名称','Participant Legal Name\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(105,'PI000003\r\n','个人证件类别','Participant Certificate Type\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(106,'PI000004\r\n','个人证件号码','Participant Certificate Number\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(107,'PI000005\r\n','个人证件有效期','Participant Certificate Expiration Date\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(108,'PI000006\r\n','参与人角色','Participant Role \r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(109,'PI000008\r\n','参与人年龄','Participant Age\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(110,'PI000009\r\n','参与人性别','Participant Gender\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(111,'PI000010\r\n','参与人岗位','Participant Role\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(112,'PI000011\r\n','参与人所属单位','Participant Company Name\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(113,'PI000012\r\n','参与人所属部门','Participant Department \r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(114,'PI000013\r\n','参与人职务','Participant Position\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(115,'PI000014\r\n','参与人职级','Participant Ranking\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(116,'PI000015\r\n','从业状况','Employment Status\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(117,'PI000016\r\n','婚姻状况','Marriage Status\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(118,'PI000017\r\n','健康状况','Health Status\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(119,'PI000018\r\n','年收入','Annual Income\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(120,'PI000019\r\n','国籍','Nationality \r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(121,'PI000020\r\n','家庭地址','Home Address\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(122,'PI000021\r\n','通讯地址','Current Address\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(123,'PI000022\r\n','联系电话','Contact Phone Number \r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(124,'PI000023\r\n','民族','Nationalities of China \r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(125,'PI000024\r\n','户口性质','Registered Permanent Residence Type \r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(126,'PI000025\r\n','内部员工标志','Internal Employee Symbol\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(127,'II000001\r\n','机构编号','Institutional Number ',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(128,'II000002\r\n','机构名称','Institutional Legal Name\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(129,'II000003\r\n','机构简称','Institutional Shortened Name\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(130,'II000004\r\n','上级机构名称','Next Higher Institutional Name\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(131,'II000005\r\n','机构类型','Institution Type \r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(132,'II000006\r\n','投资类型','Investment Type \r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(133,'PP000001\r\n','产品编号','Product Number \r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(134,'PP000002\r\n','产品名称','Product Name \r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(135,'PP000003\r\n','上级产品单元','Next Superior Unit \r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(136,'PP000004\r\n','产品级次','Product Ranking \r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(137,'PP000005\r\n','产品开始日期','Product Start Date\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(138,'PP000006\r\n','产品结束日期','Product End Date',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(139,'PP000007\r\n','产品收益率','Product Return Rate\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(140,'PP000008\r\n','产品收益','Product Return\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(141,'PP000009\r\n','管理费率','Management Rate\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(142,'PP000010\r\n','存续标识','Indicator of Existent Project\r\n',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL); INSERT INTO `data_standard_index` VALUES (1,2,0,'参考文献','true'),(2,3,0,'术语和定义','true'),(3,4,0,'主题域分类','true'),(4,41,4,'项目（协议）',NULL),(5,42,4,'交易',NULL),(6,43,4,'参与人（对公）',NULL),(7,44,4,'参与人（个人）',NULL),(8,45,4,'机构',NULL),(9,46,4,'产品',NULL),(10,47,4,'财务',NULL),(11,5,0,'数据项标准','true'),(12,51,5,'项目（协议）',NULL),(13,5101,51,'项目编号',NULL),(14,5102,51,'项目名称',NULL),(15,5103,51,'项目类别',NULL),(16,5104,51,'项目投向行业',NULL),(17,5105,51,'项目投向行业（展业指引）',NULL),(18,5106,51,'项目投向（按功能）',NULL),(19,5107,51,'项目资金用途',NULL),(20,5108,51,'项目交易对手（投向）',NULL),(21,5109,51,'项目来源',NULL),(22,5110,51,'项目所在省',NULL),(23,5111,51,'项目所在市',NULL),(24,5112,51,'项目所在县',NULL),(25,5113,51,'开始日期',NULL),(26,5114,51,'到期日期',NULL),(27,5115,51,'约定退出日期',NULL),(28,5116,51,'约定退出方式',NULL),(29,5117,51,'项目管理方式',NULL),(30,5118,51,'项目管理方式（监管）',NULL),(31,5119,51,'我方管理角色',NULL),(32,5120,51,'项目金额',NULL),(33,5121,51,'项目余额',NULL),(34,5122,51,'账面金额',NULL),(35,5123,51,'账面余额',NULL),(36,5124,51,'资产金额',NULL),(37,5125,51,'资产余额',NULL),(38,5126,51,'收益率',NULL),(39,5127,51,'项目收益',NULL),(40,5128,51,'审批结论',NULL),(41,5129,51,'审批金额',NULL),(42,5130,51,'撤销原因',NULL),(43,5131,51,'拒绝原因',NULL),(44,5132,51,'风险等级',NULL),(45,5133,51,'项目五级分类',NULL),(46,5134,51,'担保责任比例',NULL),(47,5135,51,'风险项目简述',NULL),(48,5136,51,'担保方式',NULL),(49,5137,51,'收购方式',NULL),(50,5138,51,'资产包类别',NULL),(51,5139,51,'资产编号',NULL),(52,5140,51,'资产名称',NULL),(53,5141,51,'资产类别',NULL),(54,5142,51,'续封续冻资产类型',NULL),(55,5143,51,'是否续封续冻预警',NULL),(56,5144,51,'资产处置合同金额',NULL),(57,5145,51,'资金或资产来源',NULL),(58,5146,51,'基金创投业务类型',NULL),(59,5147,51,'净资本类别',NULL),(60,5148,51,'风险资本类别',NULL),(61,5149,51,'保证金',NULL),(62,5150,51,'线上/线下',NULL),(63,52,5,'交易',NULL),(64,5201,52,'交易编号',NULL),(65,5202,52,'交易类型',NULL),(66,5203,52,'交易日期',NULL),(67,5204,52,'交易本金金额',NULL),(68,5205,52,'交易利息金额',NULL),(69,5206,52,'交易分红金额',NULL),(70,5207,52,'逾期天数',NULL),(71,5208,52,'基金资金来源',NULL),(72,5209,52,'预计还款金额',NULL),(73,53,5,'参与人（对公）',NULL),(74,5301,53,'参与人类别',NULL),(75,5302,53,'参与人编号',NULL),(76,5303,53,'参与人名称',NULL),(77,5304,53,'机构证件类别',NULL),(78,5305,53,'机构证件号码',NULL),(79,5306,53,'机构证件有效期',NULL),(80,5307,53,'参与人角色标识',NULL),(81,5308,53,'参与人行业',NULL),(82,5309,53,'参与人省份',NULL),(83,5310,53,'参与人市',NULL),(84,5311,53,'参与人县',NULL),(85,5312,53,'参与人规模',NULL),(86,5313,53,'从业人数',NULL),(87,5314,53,'营业收入',NULL),(88,5315,53,'营业状态',NULL),(89,5316,53,'所有制类型',NULL),(90,5317,53,'国企标识',NULL),(91,5318,53,'参与人上市标识',NULL),(92,5319,53,'股票代码',NULL),(93,5320,53,'股票类型',NULL),(94,5321,53,'股票名称',NULL),(95,5322,53,'参与人担保类型',NULL),(96,5323,53,'参与人抵质押物估值',NULL),(97,5324,53,'地方政府融资平台标识',NULL),(98,5325,53,'参与人实际控制人类别',NULL),(99,5326,53,'参与人实际控制人名称',NULL),(100,5327,53,'上级股东类别',NULL),(101,5328,53,'上级股东名称',NULL),(102,5329,53,'参与人内部信用等级',NULL),(103,5330,53,'参与人外部信用等级',NULL),(104,5331,53,'参与人历史违约标识',NULL),(105,5332,53,'历史违约事件类型',NULL),(106,5333,53,'违约日期',NULL),(107,5334,53,'参与人五级分类',NULL),(108,5335,53,'首次业务签约日期',NULL),(109,5336,53,'法人代表姓名',NULL),(110,5337,53,'法人代表证件类型',NULL),(111,5338,53,'法人代表证件号码',NULL),(112,5339,53,'集团客户标志',NULL),(113,5340,53,'企业成长阶段',NULL),(114,5341,53,'投资轮次',NULL),(115,5342,53,'注册日期',NULL),(116,54,5,'参与人（个人）',NULL),(117,5401,54,'参与人编号',NULL),(118,5402,54,'参与人名称',NULL),(119,5403,54,'个人证件类别',NULL),(120,5404,54,'个人证件号码',NULL),(121,5405,54,'个人证件有效期',NULL),(122,5406,54,'参与人角色',NULL),(123,5407,54,'参与人年龄',NULL),(124,5408,54,'参与人性别',NULL),(125,5409,54,'参与人岗位',NULL),(126,5410,54,'参与人所属单位',NULL),(127,5411,54,'参与人所属部门',NULL),(128,5412,54,'参与人职务',NULL),(129,5413,54,'参与人职级',NULL),(130,5414,54,'从业状况',NULL),(131,5415,54,'婚姻状况',NULL),(132,5416,54,'健康状况',NULL),(133,5417,54,'年收入',NULL),(134,5418,54,'国籍',NULL),(135,5419,54,'家庭地址',NULL),(136,5420,54,'通讯地址',NULL),(137,5421,54,'联系电话',NULL),(138,5422,54,'民族',NULL),(139,5423,54,'户口性质',NULL),(140,5424,54,'内部员工标志',NULL),(141,55,5,'机构',NULL),(142,5501,55,'机构编号',NULL),(143,5502,55,'机构名称',NULL),(144,5503,55,'机构简称',NULL),(145,5504,55,'上级机构名称',NULL),(146,5505,55,'机构类型',NULL),(147,5506,55,'投资类型',NULL),(148,56,5,'产品',NULL),(149,5601,56,'产品编号',NULL),(150,5602,56,'产品名称',NULL),(151,5603,56,'上级产品单元',NULL),(152,5604,56,'产品级次',NULL),(153,5605,56,'产品开始日期',NULL),(154,5606,56,'产品结束日期',NULL),(155,5607,56,'产品收益率',NULL),(156,5608,56,'产品收益',NULL),(157,5609,56,'管理费率',NULL),(158,5610,56,'存续标识',NULL),(159,57,5,'财务',NULL),(160,5701,57,'期初借方余额',NULL),(161,5702,57,'期初贷方余额',NULL),(162,5703,57,'本期借方发生额',NULL),(163,5704,57,'本期贷方发生额',NULL),(164,5705,57,'期末借方余额',NULL),(165,5706,57,'期末贷方余额',NULL),(166,5707,57,'总账会计科目编号',NULL),(167,5708,57,'总账会计科目名称',NULL),(168,5709,57,'总账会计科目级次',NULL),(169,5710,57,'会计日期',NULL),(170,6,0,'附录','true'); -- 数据源配置demo数据 INSERT INTO `source_db_info` VALUES (1,'xt','xt','xtdb1','mysql+mysqldb://ceshi:1@1.2.3.4:1234/ceshi?charset=utf8mb4','1.2.3.4','ceshi','1','ceshi',1234,'mysql','utf8mb4','测试信息1'),(2,'zc','资产','zcdb1','oracle://cs:1@2.3.4.5:2345/?service_name=cs2','2.3.4.5','cs','1','cs2',2345,'oracle',NULL,''),(3,'db','担保','dbdb1','mssql+pymssql://cssscsc:1@3.4.5.6:3456/dbdbdbdb?charste=utf8','3.4.5.6','cssscsc','1','dbdbdbdb',3456,'sqlserver','utf8',''),(4,'xt','xt','xtdb2','oracle://ceshi2:1@4.5.6.7:4567/?service_name=ceshi2','4.5.6.7','ceshi2','1','ceshi2',4567,'oracle',NULL,NULL),(5,'xt','xt','xtdb3','mssql+pymssql://ceshi3:1@4.5.6.8:4568/ceshi3?charste=utf8','4.5.6.8','ceshi3','1','ceshi3',4568,'sqlserver',NULL,NULL),(8,'jj2','基金2','jjdb2','postgresql://bbb:1@2.2.2.2:2222/bbb','2.2.2.2','bbb','1','bbb',2222,'postgresql',NULL,NULL); -- 检核任务日志表demo数据 INSERT INTO `check_execute_log` VALUES (256,'jz','2020-03-21 18:00:05','crontab',NULL,'success'),(257,'jj1','2020-03-21 18:00:06','crontab',NULL,'success'),(258,'jj2','2020-03-21 18:00:06','crontab','jjdb2','success'),(259,'zc','2020-03-21 18:00:10','crontab','zcdb1','success'),(260,'db','2020-03-21 18:00:30','crontab','dbdb1','success'),(261,'jk','2020-03-21 18:01:47','crontab',NULL,'success'),(262,'xt','2020-03-21 18:25:49','crontab','xtdb3','success'),(263,'jz','2019-12-30 16:00:00','crontab',NULL,'success'),(264,'jj1','2019-12-30 16:00:00','crontab',NULL,'success'),(265,'jj2','2019-12-30 16:00:00','crontab','jjdb2','success'),(266,'zc','2019-12-30 16:00:00','crontab','zcdb1','success'),(267,'db','2019-12-30 16:00:00','crontab','dbdb1','success'),(268,'jk','2019-12-30 16:00:00','crontab',NULL,'success'),(269,'xt','2019-12-30 16:00:00','crontab','xtdb3','success'),(270,'jz','2019-09-29 16:00:00','crontab',NULL,'success'),(271,'jj1','2019-09-29 16:00:00','crontab',NULL,'success'),(272,'jj2','2019-09-29 16:00:00','crontab','jjdb2','success'),(273,'zc','2019-09-29 16:00:00','crontab','zcdb1','success'),(274,'db','2019-09-29 16:00:00','crontab','dbdb1','success'),(275,'jk','2019-09-29 16:00:00','crontab',NULL,'success'),(276,'xt','2019-09-29 16:00:00','crontab','xtdb3','success'),(277,'jz','2019-06-29 16:00:00','crontab',NULL,'success'),(278,'jj1','2019-06-29 16:00:00','crontab',NULL,'success'),(279,'jj2','2019-06-29 16:00:00','crontab','jjdb2','success'),(280,'zc','2019-06-29 16:00:00','crontab','zcdb1','success'),(281,'db','2019-06-29 16:00:00','crontab','dbdb1','success'),(282,'jk','2019-06-29 16:00:00','crontab',NULL,'success'),(283,'xt','2019-06-29 16:00:00','crontab','xtdb3','success'),(284,'jz','2019-03-30 16:00:00','crontab',NULL,'success'),(285,'jj1','2019-03-30 16:00:00','crontab',NULL,'success'),(286,'jj2','2019-03-30 16:00:00','crontab','jjdb2','success'),(287,'zc','2019-03-30 16:00:00','crontab','zcdb1','success'),(288,'db','2019-03-30 16:00:00','crontab','dbdb1','success'),(289,'jk','2019-03-30 16:00:00','crontab',NULL,'success'),(290,'xt','2019-03-30 16:00:00','crontab','xtdb3','success'),(291,'db','2020-03-23 01:54:01','userA','dbdb1','success'),(292,'db','2020-03-23 01:57:08','userA','dbdb1','success'),(293,'zc','2020-03-23 01:58:10','userB','zcdb1','success'),(294,'db','2020-03-23 01:58:40','userB','dbdb1','success'),(295,'jj1','2020-03-23 01:58:49','userB',NULL,'success'),(296,'jj2','2020-03-23 01:58:52','userB','jjdb2','success'),(297,'jz','2020-03-23 01:58:55','userB',NULL,'success'),(298,'jk','2020-03-23 02:00:37','userB',NULL,'success'),(299,'xt','2020-03-23 02:30:20','userB','xtdb3','failed'),(300,'db','2020-03-23 02:43:38','userA','dbdb1','success'),(301,'db','2020-03-23 02:44:32','userA','dbdb1','success'),(302,'xt','2020-05-18 08:59:57','crontab','xtdb1','success'),(303,'xt','2020-05-18 08:59:57','crontab','xtdb2','success'); -- ETL源-目标表demo数据 insert into datacenter_mapping values('DataCenter','m_ts_test_table_inc','src_test_table','ts_test_table'); insert into datacenter_mapping values('DataCenter','m_ts_test_table_inc','ts_test_table','th_test_table'); insert into datacenter_mapping values('DataCenter','m_ts_test_table_inc','ts_test_table','ti_test_table'); insert into datacenter_mapping values('DataCenter','m_ods_test_table_inc','ti_test_table','t_test_table'); ================================================ FILE: docs/files_views.md ================================================ # 文件接口 ## list - URL：http://100.100.0.177/file/list - 功能：列出服务器`/data/data-quality/static/files`下的所有文件，文件下载调用`api/file/download`接口 - 请求类型：GET - 请求参数：无 - 返回值：无 ================================================ FILE: docs/requirements.txt ================================================ astroid==2.3.3 backports.csv==1.0.7 certifi==2019.9.11 chardet==3.0.4 cron-descriptor==1.2.24 cx-Oracle==7.2.2 DateTime==4.3 defusedxml==0.6.0 Django==2.2.10 django-bootstrap3==11.1.0 django-bootstrap4==0.0.8 django-debug-toolbar==2.0 django-filter==2.2.0 django-tables2==2.1.0 et-xmlfile==1.0.1 gevent==1.4.0 greenlet==0.4.15 gunicorn==19.9.0 idna==2.8 isort==4.3.21 jdcal==1.4.1 Jinja2==2.10.1 lazy-object-proxy==1.4.3 ldap3==2.6 lml==0.0.9 MarkupSafe==1.1.1 mccabe==0.6.1 meld3==1.0.2 mysqlclient==1.4.4 numpy==1.17.0 odfpy==1.4.0 openpyxl==2.5.14 pandas==1.0.3 prettytable==0.7.2 psycopg2==2.8.5 pyasn1==0.4.6 pyecharts==1.4.0 pyexcel==0.5.15 pyexcel-io==0.5.20 pyexcel-webio==0.1.4 pyexcel-xlsx==0.5.7 pylint==2.4.4 pymssql==2.1.4 python-crontab==2.4.0 python-dateutil==2.8.0 pytz==2019.2 PyYAML==5.1.2 redis==3.3.8 requests==2.22.0 simplejson==3.16.0 six==1.12.0 SQLAlchemy==1.3.16 sqlparse==0.3.0 supervisor==4.0.4 tablib==0.13.0 texttable==1.6.2 typed-ast==1.4.1 urllib3==1.25.5 wrapt==1.11.2 xlrd==1.2.0 xlwt==1.3.0 yapf==0.29.0 zope.interface==4.6.0 ================================================ FILE: docs/部署文档.md ================================================ # 运行环境 环境|版本 -|- 操作系统|CentOS 7.6 数据库|MySQL 5.7.24 Oracle客户端|11.2.0.4 # 环境部署 ## 安装依赖包 ``` yum install -y libaio* yum install postgresql-devel* ``` ## MySQL安装 略 --- ## Django项目部署 ### 安装python3环境 ``` yum install -y python3 yum install -y python3-devel yum install -y mysql-devel yum install -y gcc ``` ### 创建程序账号 ``` # 创建程序账号 groupadd pyweb useradd -g pyweb -m pyweb passwd pyweb groupadd oinstall useradd -g oinstall -m oracle passwd oracle ``` ### 安装python虚拟环境 ``` # 使用pyweb安装虚拟环境 su - pyweb pip3 install --user virtualenv -i https://pypi.douban.com/simple/ pip3 install --user virtualenvwrapper -i https://pypi.douban.com/simple/ # 配置pyweb用户的环境变量 vim ~/.bash_profile ## 加入以下内容 export WORKON_HOME=~/.virtualenvs export VIRTUALENVWRAPPER_VIRTUALENV_ARGS='--no-site-packages' export VIRTUALENVWRAPPER_PYTHON=/bin/python3 source /home/pyweb/.local/bin/virtualenvwrapper.sh ``` ### 配置虚拟环境 ``` mkvirtualenv django-2.1 pip3 install -r requirements.txt -i https://pypi.douban.com/simple/ ``` ### 代码部署 ``` su - root mkdir -p /data/pyweb chonw -R pyweb:pyweb /data/pyweb/ su - pyweb cd /data/pyweb/ git clone https://github.com/Hyhyhyhyhyhyh/Django-Data-quality-system.git mv Django-Data-quality-system data-quality mkdir -p /data/pyweb/data-quality/logs ``` ### 初始化django数据库 ``` workon django-2.1 cd /data/pyweb/data-quality python manage.py migrate ``` ### 配置数据库连接 - 创建数据库账号 ``` # 创建django数据库及账号 CREATE USER 'django'@'localhost' IDENTIFIED by 'Django^123'; create database `django` default charset utf8mb4; GRANT ALL PRIVILEGES ON django.* TO 'django'@'localhost'; flush privileges; # 创建数据质量管理平台数据库、表 source /data/pyweb/data-quality/docs/ddl.sql # 导入样例数据 source /data/pyweb/data-quality/docs/demo数据.sql # 导入日期维度表 workon django-2.1 python /data/pyweb/data-quality/utils/generate_dim_date.py ``` - 配置数据库连接 ``` vi /home/pyweb/.my.cnf [client] database = django user = django password = Django^123 default-character-set = utf8 port = 3306 socket=/var/lib/mysql/mysql.sock ``` ### 运行项目 ``` workon django-2.1 nohup gunicorn mysite.wsgi -c /data/pyweb/data-quality/gconfig.py & ``` --- ## Nginx部署 安装步骤略 ### 配置Nginx 配置内容详见`nginx.conf` # 防火墙设置 ``` service iptables stop # 查看Firewalld状态 firewall-cmd --state # 启动firewalld服务 systemctl start firewalld # 把服务加入开机自启 systemctl enable firewalld.service # 放行端口号 firewall-cmd --zone=public --add-port=80/tcp --permanent firewall-cmd --zone=public --add-port=3306/tcp --permanent # 重载防火墙配置 firewall-cmd --reload # 查看已放行端口 firewall-cmd --zone=public --list-ports # 禁用SELinux vim /etc/selinux/config SELINUX=permissive ``` ================================================ FILE: files/__init__.py ================================================ ================================================ FILE: files/admin.py ================================================ from django.contrib import admin # Register your models here. ================================================ FILE: files/apps.py ================================================ from django.apps import AppConfig class FilesConfig(AppConfig): name = 'files' ================================================ FILE: files/models.py ================================================ from django.db import models # Create your models here. ================================================ FILE: files/templates/files/file_list.html ================================================ {% include "data/template-ui.html" %}

{{ title }}

{% for files in all_files %} {% endfor %}
文档类型 文件名 操作
{{ files.1 }} 下载
================================================ FILE: files/tests.py ================================================ from django.test import TestCase # Create your tests here. ================================================ FILE: files/views.py ================================================ import os from django.shortcuts import render from utils.functions import is_login @is_login def list(request): username = request.session['username'] request_type = request.GET.get('request_type') file_name = os.listdir('/data/pyweb/data-quality/static/files') title = '数据治理知识库' if request_type == 'word_report': file_name = [f for f in file_name if f.find('工作通报') != -1] title = '数据治理工作通报' all_files = [] for i in file_name: file_type = i.split('.') file_type = file_type[len(file_type) - 1] # 获取文件扩展名 if file_type in ['xls', 'xlsx', 'xlsm', 'csv', 'xml']: file_type = 'excel' elif file_type in ['txt']: file_type = 'text' elif file_type in ['docx', 'doc']: file_type = 'word' elif file_type in ['htm', 'html']: file_type = 'html' elif file_type in ['ppt', 'pptx']: file_type = 'powerpoint' elif file_type in ['jpg', 'png', 'jpeg', 'gif', 'bmp']: file_type = 'image' all_files.append([file_type, i]) return render(request, 'files/file_list.html', { 'all_files': all_files, 'username': username, 'title': title }) ================================================ FILE: gconfig.py ================================================ # from gevent import monkey # monkey.patch_all() import multiprocessing, logging debug = True timeout = 2000 # 超时时间 bind = '0.0.0.0:9000' # 提供web服务的端口，如果要跟容器通信，ip不能设置为localhost或127.0.0.1 backlog = 2048 # 监听队列 chdir = '/data/pyweb/data-quality' threads = multiprocessing.cpu_count() * 2 # 指定每个进程开启的线程数，实际并发数为workers * threads workers = multiprocessing.cpu_count() * 2 + 1 worker_class = "sync" # 默认为阻塞sync模式（不设置threads为单线程），使用协程选择gevent模式 # 日志设置 loglevel = 'debug' pidfile = '/data/pyweb/data-quality/logs/gunicorn.pid' access_log_format = '%(t)s %(p)s %(h)s "%(r)s" %(s)s %(L)s %(b)s %(f)s" "%(a)s"' errorlog = "/data/pyweb/data-quality/logs/gunicorn_error.log" # 错误日志文件 capture_output = True accesslog = '-' ================================================ FILE: manage.py ================================================ #!/usr/bin/env python """Django's command-line utility for administrative tasks.""" import os import sys def main(): os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'mysite.settings') try: from django.core.management import execute_from_command_line except ImportError as exc: raise ImportError( "Couldn't import Django. Are you sure it's installed and " "available on your PYTHONPATH environment variable? Did you " "forget to activate a virtual environment?" ) from exc execute_from_command_line(sys.argv) if __name__ == '__main__': main() ================================================ FILE: mysite/__init__.py ================================================ ================================================ FILE: mysite/db_config.py ================================================ import MySQLdb from sqlalchemy import create_engine mysql_host = '127.0.0.1' mysql_port = 3306 conn_user = 'system' conn_password = 'H5cT7yHB8_' database = 'data_quality' conn_charset = 'utf8mb4' socket = '/var/lib/mysql/mysql.sock' def mysql_connect(): conn = MySQLdb.connect(host=mysql_host, port=mysql_port, user=conn_user, passwd=conn_password, db=database, charset=conn_charset, unix_socket=socket, use_unicode=True) return conn def sqlalchemy_conn(): engine = create_engine( f'mysql+mysqldb://{conn_user}:{conn_password}@{mysql_host}/{database}?charset={conn_charset}&unix_socket={socket}', echo=False, # 打印sql语句 max_overflow=0, # 超过连接池大小外最多创建的连接 pool_size=5, # 连接池大小 pool_timeout=30, # 池中没有线程最多等待的时间，否则报错 pool_recycle=-1, # 多久之后对线程池中的线程进行一次连接的回收（重置） ) return engine ================================================ FILE: mysite/settings.py ================================================ """ Django settings for mysite project. Generated by 'django-admin startproject' using Django 2.2.4. For more information on this file, see https://docs.djangoproject.com/en/2.2/topics/settings/ For the full list of settings and their values, see https://docs.djangoproject.com/en/2.2/ref/settings/ """ import os # Build paths inside the project like this: os.path.join(BASE_DIR, ...) BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) # Quick-start development settings - unsuitable for production # See https://docs.djangoproject.com/en/2.2/howto/deployment/checklist/ # SECURITY WARNING: keep the secret key used in production secret! SECRET_KEY = 'j@700h3_pkm@#6ql4xxol7z8=$t#y*uux8!8nkh5vzhc$_g#x!' # SECURITY WARNING: don't run with debug turned on in production! DEBUG = True ALLOWED_HOSTS = ['*'] # Application definition INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'data', 'check', 'authorize', 'demand', 'files', 'api', 'standard', 'blood', 'backend', ] MIDDLEWARE = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', # 'django.middleware.csrf.CsrfViewMiddleware', 'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.messages.middleware.MessageMiddleware', 'django.middleware.clickjacking.XFrameOptionsMiddleware', ] ROOT_URLCONF = 'mysite.urls' TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [os.path.join(BASE_DIR, 'templates'),], 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [ 'django.template.context_processors.debug', 'django.template.context_processors.request', 'django.contrib.auth.context_processors.auth', 'django.contrib.messages.context_processors.messages', ], }, }, ] WSGI_APPLICATION = 'mysite.wsgi.application' DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'OPTIONS': { 'read_default_file': '/home/pyweb/.my.cnf', }, } } # Password validation # https://docs.djangoproject.com/en/2.2/ref/settings/#auth-password-validators AUTH_PASSWORD_VALIDATORS = [ { 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator', }, { 'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator', }, { 'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator', }, { 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator', }, ] # Internationalization # https://docs.djangoproject.com/en/2.2/topics/i18n/ LANGUAGE_CODE = 'en-us' TIME_ZONE = 'Asia/Shanghai' USE_I18N = True USE_L10N = True USE_TZ = True # Static files (CSS, JavaScript, Images) # https://docs.djangoproject.com/en/2.2/howto/static-files/ STATIC_URL = '/static/' STATICFILES_DIRS = ( os.path.join(BASE_DIR, 'static'), # BASE_DIR是项目的绝对路径，在连上static,就是static目录的路径了 ) ================================================ FILE: mysite/source_db_config.py ================================================ import MySQLdb import pymssql import cx_Oracle import os # SQL server数据库 def sqlserver_db(): conn = pymssql.connect(host='', user='', password='', database='', charset='utf8' ) return conn # Oracle数据库 def oracle_db(): os.environ['NLS_LANG'] = 'AMERICAN_AMERICA.UTF8' os.environ['ORACLE_HOME'] = '' conn = cx_Oracle.connect('') return conn # MySQL数据库 def mysql_db(): conn = MySQLdb.connect(host='', port='', user='', passwd='', db='', charset='utf8', use_unicode=True ) return conn ================================================ FILE: mysite/urls.py ================================================ """mysite URL Configuration The `urlpatterns` list routes URLs to views. For more information please see: https://docs.djangoproject.com/en/2.2/topics/http/urls/ Examples: Function views 1. Add an import: from my_app import views 2. Add a URL to urlpatterns: path('', views.home, name='home') Class-based views 1. Add an import: from other_app.views import Home 2. Add a URL to urlpatterns: path('', Home.as_view(), name='home') Including another URLconf 1. Import the include() function: from django.urls import include, path 2. Add a URL to urlpatterns: path('blog/', include('blog.urls')) """ from django.contrib import admin from django.urls import include,path from django.views.generic import RedirectView from django.views.static import serve from django.conf.urls import url from data import views as dataView from authorize import views as authView from check import views as checkView from demand import views as demandView from files import views as filesView from standard import views as stdView from backend import views as beView from blood import views as bloodView from api import api_files as api_filesView from api import api_dashboard as api_dashView from api import api_datastandard as api_stdView from api import api_check as api_checkView from api import api_date as api_dateView from api import api_quality as api_qualityView from api import api_backend as api_beView from api import api_blood as api_bloodView urlpatterns = [ url(r'^static/(?P.*)$', serve, {'document_root': '/data/pyweb/data-quality/static'}, name='static'), # 仪表盘 path('data/dashboard/', dataView.dashboard, name='dashboard'), path('data/dashboard/subcompany', dataView.dashboard_subcompany, name='dashboard_subcompany'), path('data/report', dataView.report, name='report'), path('data/result_detail', dataView.result_detail, name='result_detail'), path('', RedirectView.as_view(url='data/dashboard/')), path('data', RedirectView.as_view(url='data/dashboard/')), path('data/index', RedirectView.as_view(url='../data/dashboard/')), # 登录身份验证 path('authorize/login/', authView.login, name='login'), path('authorize/logout/', authView.logout, name='logout'), path('authorize/login_auth', authView.login_auth, name='login_auth'), # 检核 path('check/rule', checkView.rule_list, name='rule'), path('check/rule/edit', checkView.rule_edit, name='rule_edit'), path('check/rule/exec', checkView.rule_execute_manual, name='rule_execute_manual'), # 检核定时任务 path('check/crontab', checkView.show_crontab, name='show_crontab'), # 血缘分析 path('blood/analyze', bloodView.analyze, name='blood_analyze'), # 源系统改造需求 path('demand/import_sheet', demandView.import_sheet, name='import_sheet'), # 附件管理 path('files/list', filesView.list, name='files_list'), # 数据标准 path('datastandard/show', stdView.show, name='std_show'), path('datastandard/update', stdView.update, name='update'), # 后台管理 path('backend/database', beView.database, name='database'), path('backend/database/detail', beView.database_detail, name='database_detail'), path('backend/database/add', beView.database_add, name='database_add'), path('backend/crontab', beView.crontab, name='crontab'), # API path('api/date/year', api_dateView.year_list, name='year_list'), path('api/date/quarter', api_dateView.quarter_list, name='quarter_list'), path('api/date/month', api_dateView.month_list, name='month_list'), path('api/date/day', api_dateView.day_list, name='day_list'), path('api/demand/list_subcompany', demandView.list_subcompany, name='demand_list_subcompany'), path('api/files/download', api_filesView.download, name='files_download'), path('api/dashboard/avg_problem_percentage', api_dashView.avg_problem_percentage, name='avg_problem_percentage'), path('api/dashboard/same_problem_top5', api_dashView.same_problem_top5, name='same_problem_top5'), path('api/dashboard/count_db_rows', api_dashView.count_db_rows, name='count_db_rows'), path('api/dashboard/data_overview_total', api_dashView.data_overview_total, name='data_overview_total'), path('api/dashboard/data_overview_company', api_dashView.data_overview_company, name='data_overview_company'), path('api/dashboard/total_trend', api_dashView.total_trend, name='total_trend'), path('api/dashboard/subcompany_problem_count', api_dashView.subcompany_problem_count, name='subcompany_problem_count'), path('api/dashboard/subcompany_data_percentage', api_dashView.subcompany_data_percentage, name='subcompany_data_percentage'), path('api/dashboard/data_overview_company_trend', api_dashView.data_overview_company_trend, name='data_overview_company_trend'), path('api/datastandard/query/detail', api_stdView.query_detail, name='query_detail'), path('api/datastandard/update', api_stdView.update, name='update'), path('api/datastandard/query/index', api_stdView.query_index, name='query_index'), path('api/datastandard/query/history', api_stdView.query_update_history, name='query_update_history'), path('api/check/rule', api_checkView.rule, name='api_rule'), path('api/check/rule/detail', api_checkView.rule_detail, name='rule_detail'), path('api/check/rule/update', api_checkView.rule_update, name='rule_update'), path('api/check/rule/add', api_checkView.rule_add, name='rule_add'), path('api/check/rule/status_modify', api_checkView.rule_status_modify, name='rule_status_modify'), path('api/check/rule/execute', api_checkView.rule_execute, name='rule_execute'), path('api/check/progress', api_checkView.query_check_progress, name='query_check_progress'), # 检核结果明细 path('api/quality/detail', api_qualityView.quality_detail, name='quality_detail'), path('api/quality/report', api_qualityView.report_detail, name='report_detail'), path('api/backend/database/query', api_beView.db_query, name='db_query'), path('api/backend/database/update', api_beView.db_update, name='db_update'), path('api/backend/database/insert', api_beView.db_insert, name='db_insert'), path('api/backend/crontab/enable', api_beView.crontab_enable, name='crontab_enable'), path('api/backend/crontab/run', api_beView.crontab_run, name='crontab_run'), path('api/blood/mapping', api_bloodView.query_mapping, name='api_blood_query_mapping'), ] ================================================ FILE: mysite/wsgi.py ================================================ """ WSGI config for mysite project. It exposes the WSGI callable as a module-level variable named ``application``. For more information on this file, see https://docs.djangoproject.com/en/2.2/howto/deployment/wsgi/ """ import os from django.core.wsgi import get_wsgi_application os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'mysite.settings') application = get_wsgi_application() ================================================ FILE: nginx.conf ================================================ # 如果使用容器，则使用以下命令启动nginx # docker run -d \ # -p 80:80 \ # --volume /data/nginx/nginx.conf:/etc/nginx/nginx.conf \ # --volume /data/pyweb/data-quality/static:/data/pyweb/data-quality/static \ # --name nginx \ # nginx # nginx.conf user nginx; worker_processes 1; error_log /var/log/nginx/error.log warn; pid /var/run/nginx.pid; events { worker_connections 1024; } http { include /etc/nginx/mime.types; default_type application/octet-stream; log_format main '$remote_addr - $remote_user [$time_local] "$request" ' '$status $body_bytes_sent "$http_referer" ' '"$http_user_agent" "$http_x_forwarded_for"'; access_log /var/log/nginx/access.log main; sendfile on; #tcp_nopush on; client_max_body_size 50M; keepalive_timeout 65; # gzip on; include /etc/nginx/conf.d/*.conf; upstream dataquality{ # 容器部署nginx方式启用以下配置 # server 172.18.0.1:9000; server 0.0.0.0:9000; } server { listen 80; server_name dataquality; location /static { alias /data/pyweb/data-quality/static; } location / { proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_pass http://dataquality; } } } ================================================ FILE: standard/__init__.py ================================================ ================================================ FILE: standard/admin.py ================================================ from django.contrib import admin # Register your models here. ================================================ FILE: standard/apps.py ================================================ from django.apps import AppConfig class StandardConfig(AppConfig): name = 'standard' ================================================ FILE: standard/models.py ================================================ from django.db import models # Create your models here. ================================================ FILE: standard/templates/standard/show.html ================================================ {% include "data/template-ui.html" %}

数据标准

  1. 主页
  2. 数据标准
目录

    编辑标准
    最后编辑：
    编辑时间：
    ================================================ FILE: standard/templates/standard/update.html ================================================ {% load staticfiles %} 数据质量检核平台

    数据质量检核规则库

    1. 主页
    2. 数据标准
    编辑数据标准-{{ std_name }}
    提交
    ================================================ FILE: standard/tests.py ================================================ from django.test import TestCase # Create your tests here. ================================================ FILE: standard/views.py ================================================ from django.shortcuts import render from utils.functions import is_login @is_login def show(request): return render(request, "standard/show.html", {"username": request.session.get('username')}) @is_login def update(request): return render( request, "standard/update.html", { "username": request.session.get('username'), "std_name": request.GET.get('std_name'), "std_type": request.GET.get('std_type'), }) ================================================ FILE: static/CodeMirror/lib/codemirror.css ================================================ /* BASICS */ .CodeMirror { /* Set height, width, borders, and global font properties here */ font-family: monospace; height: 300px; color: black; } /* PADDING */ .CodeMirror-lines { padding: 4px 0; /* Vertical padding around content */ } .CodeMirror pre { padding: 0 4px; /* Horizontal padding of content */ } .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { background-color: white; /* The little square between H and V scrollbars */ } /* GUTTER */ .CodeMirror-gutters { border-right: 1px solid #ddd; background-color: #f7f7f7; white-space: nowrap; } .CodeMirror-linenumbers {} .CodeMirror-linenumber { padding: 0 3px 0 5px; min-width: 20px; text-align: right; color: #999; white-space: nowrap; } .CodeMirror-guttermarker { color: black; } .CodeMirror-guttermarker-subtle { color: #999; } /* CURSOR */ .CodeMirror-cursor { border-left: 1px solid black; border-right: none; width: 0; } /* Shown when moving in bi-directional text */ .CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver; } .cm-fat-cursor .CodeMirror-cursor { width: auto; border: 0 !important; background: #7e7; } .cm-fat-cursor div.CodeMirror-cursors { z-index: 1; } .cm-animate-fat-cursor { width: auto; border: 0; -webkit-animation: blink 1.06s steps(1) infinite; -moz-animation: blink 1.06s steps(1) infinite; animation: blink 1.06s steps(1) infinite; background-color: #7e7; } @-moz-keyframes blink { 0% {} 50% { background-color: transparent; } 100% {} } @-webkit-keyframes blink { 0% {} 50% { background-color: transparent; } 100% {} } @keyframes blink { 0% {} 50% { background-color: transparent; } 100% {} } /* Can style cursor different in overwrite (non-insert) mode */ .CodeMirror-overwrite .CodeMirror-cursor {} .cm-tab { display: inline-block; text-decoration: inherit; } .CodeMirror-rulers { position: absolute; left: 0; right: 0; top: -50px; bottom: -20px; overflow: hidden; } .CodeMirror-ruler { border-left: 1px solid #ccc; top: 0; bottom: 0; position: absolute; } /* DEFAULT THEME */ .cm-s-default .cm-header {color: blue;} .cm-s-default .cm-quote {color: #090;} .cm-negative {color: #d44;} .cm-positive {color: #292;} .cm-header, .cm-strong {font-weight: bold;} .cm-em {font-style: italic;} .cm-link {text-decoration: underline;} .cm-strikethrough {text-decoration: line-through;} .cm-s-default .cm-keyword {color: #708;} .cm-s-default .cm-atom {color: #219;} .cm-s-default .cm-number {color: #164;} .cm-s-default .cm-def {color: #00f;} .cm-s-default .cm-variable, .cm-s-default .cm-punctuation, .cm-s-default .cm-property, .cm-s-default .cm-operator {} .cm-s-default .cm-variable-2 {color: #05a;} .cm-s-default .cm-variable-3 {color: #085;} .cm-s-default .cm-comment {color: #a50;} .cm-s-default .cm-string {color: #a11;} .cm-s-default .cm-string-2 {color: #f50;} .cm-s-default .cm-meta {color: #555;} .cm-s-default .cm-qualifier {color: #555;} .cm-s-default .cm-builtin {color: #30a;} .cm-s-default .cm-bracket {color: #997;} .cm-s-default .cm-tag {color: #170;} .cm-s-default .cm-attribute {color: #00c;} .cm-s-default .cm-hr {color: #999;} .cm-s-default .cm-link {color: #00c;} .cm-s-default .cm-error {color: #f00;} .cm-invalidchar {color: #f00;} .CodeMirror-composing { border-bottom: 2px solid; } /* Default styles for common addons */ div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;} div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;} .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); } .CodeMirror-activeline-background {background: #e8f2ff;} /* STOP */ /* The rest of this file contains styles related to the mechanics of the editor. You probably shouldn't touch them. */ .CodeMirror { position: relative; overflow: hidden; background: white; } .CodeMirror-scroll { overflow: scroll !important; /* Things will break if this is overridden */ /* 30px is the magic margin used to hide the element's real scrollbars */ /* See overflow: hidden in .CodeMirror */ margin-bottom: -30px; margin-right: -30px; padding-bottom: 30px; height: 100%; outline: none; /* Prevent dragging from highlighting the element */ position: relative; } .CodeMirror-sizer { position: relative; border-right: 30px solid transparent; } /* The fake, visible scrollbars. Used to force redraw during scrolling before actual scrolling happens, thus preventing shaking and flickering artifacts. */ .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { position: absolute; z-index: 6; display: none; } .CodeMirror-vscrollbar { right: 0; top: 0; overflow-x: hidden; overflow-y: scroll; } .CodeMirror-hscrollbar { bottom: 0; left: 0; overflow-y: hidden; overflow-x: scroll; } .CodeMirror-scrollbar-filler { right: 0; bottom: 0; } .CodeMirror-gutter-filler { left: 0; bottom: 0; } .CodeMirror-gutters { position: absolute; left: 0; top: 0; min-height: 100%; z-index: 3; } .CodeMirror-gutter { white-space: normal; height: 100%; display: inline-block; vertical-align: top; margin-bottom: -30px; /* Hack to make IE7 behave */ *zoom:1; *display:inline; } .CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: none !important; border: none !important; } .CodeMirror-gutter-background { position: absolute; top: 0; bottom: 0; z-index: 4; } .CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; } .CodeMirror-gutter-wrapper { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .CodeMirror-lines { cursor: text; min-height: 1px; /* prevents collapsing before first draw */ } .CodeMirror pre { /* Reset some styles that the rest of the page might have set */ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-width: 0; background: transparent; font-family: inherit; font-size: inherit; margin: 0; white-space: pre; word-wrap: normal; line-height: inherit; color: inherit; z-index: 2; position: relative; overflow: visible; -webkit-tap-highlight-color: transparent; -webkit-font-variant-ligatures: none; font-variant-ligatures: none; } .CodeMirror-wrap pre { word-wrap: break-word; white-space: pre-wrap; word-break: normal; } .CodeMirror-linebackground { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .CodeMirror-linewidget { position: relative; z-index: 2; overflow: auto; } .CodeMirror-widget {} .CodeMirror-code { outline: none; } /* Force content-box sizing for the elements where we expect it */ .CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber { -moz-box-sizing: content-box; box-sizing: content-box; } .CodeMirror-measure { position: absolute; width: 100%; height: 0; overflow: hidden; visibility: hidden; } .CodeMirror-cursor { position: absolute; pointer-events: none; } .CodeMirror-measure pre { position: static; } div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3; } div.CodeMirror-dragcursors { visibility: visible; } .CodeMirror-focused div.CodeMirror-cursors { visibility: visible; } .CodeMirror-selected { background: #d9d9d9; } .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; } .CodeMirror-crosshair { cursor: crosshair; } .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; } .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; } .cm-searching { background: #ffa; background: rgba(255, 255, 0, .4); } /* IE7 hack to prevent it from returning funny offsetTops on the spans */ .CodeMirror span { *vertical-align: text-bottom; } /* Used to force a border model for a node */ .cm-force-border { padding-right: .1px; } @media print { /* Hide the cursor when printing */ .CodeMirror div.CodeMirror-cursors { visibility: hidden; } } /* See issue #2901 */ .cm-tab-wrap-hack:after { content: ''; } /* Help users use markselection to safely style text background */ span.CodeMirror-selectedtext { background: none; } ================================================ FILE: static/CodeMirror/lib/codemirror.js ================================================ // CodeMirror, copyright (c) by Marijn Haverbeke and others // Distributed under an MIT license: http://codemirror.net/LICENSE // This is CodeMirror (http://codemirror.net), a code editor // implemented in JavaScript on top of the browser's DOM. // // You can find some technical background for some of the code below // at http://marijnhaverbeke.nl/blog/#cm-internals . (function(mod) { if (typeof exports == "object" && typeof module == "object") // CommonJS module.exports = mod(); else if (typeof define == "function" && define.amd) // AMD return define([], mod); else // Plain browser env (this || window).CodeMirror = mod(); })(function() { "use strict"; // BROWSER SNIFFING // Kludges for bugs and behavior differences that can't be feature // detected are enabled based on userAgent etc sniffing. var userAgent = navigator.userAgent; var platform = navigator.platform; var gecko = /gecko\/\d/i.test(userAgent); var ie_upto10 = /MSIE \d/.test(userAgent); var ie_11up = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(userAgent); var ie = ie_upto10 || ie_11up; var ie_version = ie && (ie_upto10 ? document.documentMode || 6 : ie_11up[1]); var webkit = /WebKit\//.test(userAgent); var qtwebkit = webkit && /Qt\/\d+\.\d+/.test(userAgent); var chrome = /Chrome\//.test(userAgent); var presto = /Opera\//.test(userAgent); var safari = /Apple Computer/.test(navigator.vendor); var mac_geMountainLion = /Mac OS X 1\d\D([8-9]|\d\d)\D/.test(userAgent); var phantom = /PhantomJS/.test(userAgent); var ios = /AppleWebKit/.test(userAgent) && /Mobile\/\w+/.test(userAgent); // This is woefully incomplete. Suggestions for alternative methods welcome. var mobile = ios || /Android|webOS|BlackBerry|Opera Mini|Opera Mobi|IEMobile/i.test(userAgent); var mac = ios || /Mac/.test(platform); var chromeOS = /\bCrOS\b/.test(userAgent); var windows = /win/i.test(platform); var presto_version = presto && userAgent.match(/Version\/(\d*\.\d*)/); if (presto_version) presto_version = Number(presto_version[1]); if (presto_version && presto_version >= 15) { presto = false; webkit = true; } // Some browsers use the wrong event properties to signal cmd/ctrl on OS X var flipCtrlCmd = mac && (qtwebkit || presto && (presto_version == null || presto_version < 12.11)); var captureRightClick = gecko || (ie && ie_version >= 9); // Optimize some code when these features are not used. var sawReadOnlySpans = false, sawCollapsedSpans = false; // EDITOR CONSTRUCTOR // A CodeMirror instance represents an editor. This is the object // that user code is usually dealing with. function CodeMirror(place, options) { if (!(this instanceof CodeMirror)) return new CodeMirror(place, options); this.options = options = options ? copyObj(options) : {}; // Determine effective options based on given values and defaults. copyObj(defaults, options, false); setGuttersForLineNumbers(options); var doc = options.value; if (typeof doc == "string") doc = new Doc(doc, options.mode, null, options.lineSeparator); this.doc = doc; var input = new CodeMirror.inputStyles[options.inputStyle](this); var display = this.display = new Display(place, doc, input); display.wrapper.CodeMirror = this; updateGutters(this); themeChanged(this); if (options.lineWrapping) this.display.wrapper.className += " CodeMirror-wrap"; if (options.autofocus && !mobile) display.input.focus(); initScrollbars(this); this.state = { keyMaps: [], // stores maps added by addKeyMap overlays: [], // highlighting overlays, as added by addOverlay modeGen: 0, // bumped when mode/overlay changes, used to invalidate highlighting info overwrite: false, delayingBlurEvent: false, focused: false, suppressEdits: false, // used to disable editing during key handlers when in readOnly mode pasteIncoming: false, cutIncoming: false, // help recognize paste/cut edits in input.poll selectingText: false, draggingText: false, highlight: new Delayed(), // stores highlight worker timeout keySeq: null, // Unfinished key sequence specialChars: null }; var cm = this; // Override magic textarea content restore that IE sometimes does // on our hidden textarea on reload if (ie && ie_version < 11) setTimeout(function() { cm.display.input.reset(true); }, 20); registerEventHandlers(this); ensureGlobalHandlers(); startOperation(this); this.curOp.forceUpdate = true; attachDoc(this, doc); if ((options.autofocus && !mobile) || cm.hasFocus()) setTimeout(bind(onFocus, this), 20); else onBlur(this); for (var opt in optionHandlers) if (optionHandlers.hasOwnProperty(opt)) optionHandlers[opt](this, options[opt], Init); maybeUpdateLineNumberWidth(this); if (options.finishInit) options.finishInit(this); for (var i = 0; i < initHooks.length; ++i) initHooks[i](this); endOperation(this); // Suppress optimizelegibility in Webkit, since it breaks text // measuring on line wrapping boundaries. if (webkit && options.lineWrapping && getComputedStyle(display.lineDiv).textRendering == "optimizelegibility") display.lineDiv.style.textRendering = "auto"; } // DISPLAY CONSTRUCTOR // The display handles the DOM integration, both for input reading // and content drawing. It holds references to DOM nodes and // display-related state. function Display(place, doc, input) { var d = this; this.input = input; // Covers bottom-right square when both scrollbars are present. d.scrollbarFiller = elt("div", null, "CodeMirror-scrollbar-filler"); d.scrollbarFiller.setAttribute("cm-not-content", "true"); // Covers bottom of gutter when coverGutterNextToScrollbar is on // and h scrollbar is present. d.gutterFiller = elt("div", null, "CodeMirror-gutter-filler"); d.gutterFiller.setAttribute("cm-not-content", "true"); // Will contain the actual code, positioned to cover the viewport. d.lineDiv = elt("div", null, "CodeMirror-code"); // Elements are added to these to represent selection and cursors. d.selectionDiv = elt("div", null, null, "position: relative; z-index: 1"); d.cursorDiv = elt("div", null, "CodeMirror-cursors"); // A visibility: hidden element used to find the size of things. d.measure = elt("div", null, "CodeMirror-measure"); // When lines outside of the viewport are measured, they are drawn in this. d.lineMeasure = elt("div", null, "CodeMirror-measure"); // Wraps everything that needs to exist inside the vertically-padded coordinate system d.lineSpace = elt("div", [d.measure, d.lineMeasure, d.selectionDiv, d.cursorDiv, d.lineDiv], null, "position: relative; outline: none"); // Moved around its parent to cover visible view. d.mover = elt("div", [elt("div", [d.lineSpace], "CodeMirror-lines")], null, "position: relative"); // Set to the height of the document, allowing scrolling. d.sizer = elt("div", [d.mover], "CodeMirror-sizer"); d.sizerWidth = null; // Behavior of elts with overflow: auto and padding is // inconsistent across browsers. This is used to ensure the // scrollable area is big enough. d.heightForcer = elt("div", null, null, "position: absolute; height: " + scrollerGap + "px; width: 1px;"); // Will contain the gutters, if any. d.gutters = elt("div", null, "CodeMirror-gutters"); d.lineGutter = null; // Actual scrollable element. d.scroller = elt("div", [d.sizer, d.heightForcer, d.gutters], "CodeMirror-scroll"); d.scroller.setAttribute("tabIndex", "-1"); // The element in which the editor lives. d.wrapper = elt("div", [d.scrollbarFiller, d.gutterFiller, d.scroller], "CodeMirror"); // Work around IE7 z-index bug (not perfect, hence IE7 not really being supported) if (ie && ie_version < 8) { d.gutters.style.zIndex = -1; d.scroller.style.paddingRight = 0; } if (!webkit && !(gecko && mobile)) d.scroller.draggable = true; if (place) { if (place.appendChild) place.appendChild(d.wrapper); else place(d.wrapper); } // Current rendered range (may be bigger than the view window). d.viewFrom = d.viewTo = doc.first; d.reportedViewFrom = d.reportedViewTo = doc.first; // Information about the rendered lines. d.view = []; d.renderedView = null; // Holds info about a single rendered line when it was rendered // for measurement, while not in view. d.externalMeasured = null; // Empty space (in pixels) above the view d.viewOffset = 0; d.lastWrapHeight = d.lastWrapWidth = 0; d.updateLineNumbers = null; d.nativeBarWidth = d.barHeight = d.barWidth = 0; d.scrollbarsClipped = false; // Used to only resize the line number gutter when necessary (when // the amount of lines crosses a boundary that makes its width change) d.lineNumWidth = d.lineNumInnerWidth = d.lineNumChars = null; // Set to true when a non-horizontal-scrolling line widget is // added. As an optimization, line widget aligning is skipped when // this is false. d.alignWidgets = false; d.cachedCharWidth = d.cachedTextHeight = d.cachedPaddingH = null; // Tracks the maximum line length so that the horizontal scrollbar // can be kept static when scrolling. d.maxLine = null; d.maxLineLength = 0; d.maxLineChanged = false; // Used for measuring wheel scrolling granularity d.wheelDX = d.wheelDY = d.wheelStartX = d.wheelStartY = null; // True when shift is held down. d.shift = false; // Used to track whether anything happened since the context menu // was opened. d.selForContextMenu = null; d.activeTouch = null; input.init(d); } // STATE UPDATES // Used to get the editor into a consistent state again when options change. function loadMode(cm) { cm.doc.mode = CodeMirror.getMode(cm.options, cm.doc.modeOption); resetModeState(cm); } function resetModeState(cm) { cm.doc.iter(function(line) { if (line.stateAfter) line.stateAfter = null; if (line.styles) line.styles = null; }); cm.doc.frontier = cm.doc.first; startWorker(cm, 100); cm.state.modeGen++; if (cm.curOp) regChange(cm); } function wrappingChanged(cm) { if (cm.options.lineWrapping) { addClass(cm.display.wrapper, "CodeMirror-wrap"); cm.display.sizer.style.minWidth = ""; cm.display.sizerWidth = null; } else { rmClass(cm.display.wrapper, "CodeMirror-wrap"); findMaxLine(cm); } estimateLineHeights(cm); regChange(cm); clearCaches(cm); setTimeout(function(){updateScrollbars(cm);}, 100); } // Returns a function that estimates the height of a line, to use as // first approximation until the line becomes visible (and is thus // properly measurable). function estimateHeight(cm) { var th = textHeight(cm.display), wrapping = cm.options.lineWrapping; var perLine = wrapping && Math.max(5, cm.display.scroller.clientWidth / charWidth(cm.display) - 3); return function(line) { if (lineIsHidden(cm.doc, line)) return 0; var widgetsHeight = 0; if (line.widgets) for (var i = 0; i < line.widgets.length; i++) { if (line.widgets[i].height) widgetsHeight += line.widgets[i].height; } if (wrapping) return widgetsHeight + (Math.ceil(line.text.length / perLine) || 1) * th; else return widgetsHeight + th; }; } function estimateLineHeights(cm) { var doc = cm.doc, est = estimateHeight(cm); doc.iter(function(line) { var estHeight = est(line); if (estHeight != line.height) updateLineHeight(line, estHeight); }); } function themeChanged(cm) { cm.display.wrapper.className = cm.display.wrapper.className.replace(/\s*cm-s-\S+/g, "") + cm.options.theme.replace(/(^|\s)\s*/g, " cm-s-"); clearCaches(cm); } function guttersChanged(cm) { updateGutters(cm); regChange(cm); setTimeout(function(){alignHorizontally(cm);}, 20); } // Rebuild the gutter elements, ensure the margin to the left of the // code matches their width. function updateGutters(cm) { var gutters = cm.display.gutters, specs = cm.options.gutters; removeChildren(gutters); for (var i = 0; i < specs.length; ++i) { var gutterClass = specs[i]; var gElt = gutters.appendChild(elt("div", null, "CodeMirror-gutter " + gutterClass)); if (gutterClass == "CodeMirror-linenumbers") { cm.display.lineGutter = gElt; gElt.style.width = (cm.display.lineNumWidth || 1) + "px"; } } gutters.style.display = i ? "" : "none"; updateGutterSpace(cm); } function updateGutterSpace(cm) { var width = cm.display.gutters.offsetWidth; cm.display.sizer.style.marginLeft = width + "px"; } // Compute the character length of a line, taking into account // collapsed ranges (see markText) that might hide parts, and join // other lines onto it. function lineLength(line) { if (line.height == 0) return 0; var len = line.text.length, merged, cur = line; while (merged = collapsedSpanAtStart(cur)) { var found = merged.find(0, true); cur = found.from.line; len += found.from.ch - found.to.ch; } cur = line; while (merged = collapsedSpanAtEnd(cur)) { var found = merged.find(0, true); len -= cur.text.length - found.from.ch; cur = found.to.line; len += cur.text.length - found.to.ch; } return len; } // Find the longest line in the document. function findMaxLine(cm) { var d = cm.display, doc = cm.doc; d.maxLine = getLine(doc, doc.first); d.maxLineLength = lineLength(d.maxLine); d.maxLineChanged = true; doc.iter(function(line) { var len = lineLength(line); if (len > d.maxLineLength) { d.maxLineLength = len; d.maxLine = line; } }); } // Make sure the gutters options contains the element // "CodeMirror-linenumbers" when the lineNumbers option is true. function setGuttersForLineNumbers(options) { var found = indexOf(options.gutters, "CodeMirror-linenumbers"); if (found == -1 && options.lineNumbers) { options.gutters = options.gutters.concat(["CodeMirror-linenumbers"]); } else if (found > -1 && !options.lineNumbers) { options.gutters = options.gutters.slice(0); options.gutters.splice(found, 1); } } // SCROLLBARS // Prepare DOM reads needed to update the scrollbars. Done in one // shot to minimize update/measure roundtrips. function measureForScrollbars(cm) { var d = cm.display, gutterW = d.gutters.offsetWidth; var docH = Math.round(cm.doc.height + paddingVert(cm.display)); return { clientHeight: d.scroller.clientHeight, viewHeight: d.wrapper.clientHeight, scrollWidth: d.scroller.scrollWidth, clientWidth: d.scroller.clientWidth, viewWidth: d.wrapper.clientWidth, barLeft: cm.options.fixedGutter ? gutterW : 0, docHeight: docH, scrollHeight: docH + scrollGap(cm) + d.barHeight, nativeBarWidth: d.nativeBarWidth, gutterWidth: gutterW }; } function NativeScrollbars(place, scroll, cm) { this.cm = cm; var vert = this.vert = elt("div", [elt("div", null, null, "min-width: 1px")], "CodeMirror-vscrollbar"); var horiz = this.horiz = elt("div", [elt("div", null, null, "height: 100%; min-height: 1px")], "CodeMirror-hscrollbar"); place(vert); place(horiz); on(vert, "scroll", function() { if (vert.clientHeight) scroll(vert.scrollTop, "vertical"); }); on(horiz, "scroll", function() { if (horiz.clientWidth) scroll(horiz.scrollLeft, "horizontal"); }); this.checkedZeroWidth = false; // Need to set a minimum width to see the scrollbar on IE7 (but must not set it on IE8). if (ie && ie_version < 8) this.horiz.style.minHeight = this.vert.style.minWidth = "18px"; } NativeScrollbars.prototype = copyObj({ update: function(measure) { var needsH = measure.scrollWidth > measure.clientWidth + 1; var needsV = measure.scrollHeight > measure.clientHeight + 1; var sWidth = measure.nativeBarWidth; if (needsV) { this.vert.style.display = "block"; this.vert.style.bottom = needsH ? sWidth + "px" : "0"; var totalHeight = measure.viewHeight - (needsH ? sWidth : 0); // A bug in IE8 can cause this value to be negative, so guard it. this.vert.firstChild.style.height = Math.max(0, measure.scrollHeight - measure.clientHeight + totalHeight) + "px"; } else { this.vert.style.display = ""; this.vert.firstChild.style.height = "0"; } if (needsH) { this.horiz.style.display = "block"; this.horiz.style.right = needsV ? sWidth + "px" : "0"; this.horiz.style.left = measure.barLeft + "px"; var totalWidth = measure.viewWidth - measure.barLeft - (needsV ? sWidth : 0); this.horiz.firstChild.style.width = (measure.scrollWidth - measure.clientWidth + totalWidth) + "px"; } else { this.horiz.style.display = ""; this.horiz.firstChild.style.width = "0"; } if (!this.checkedZeroWidth && measure.clientHeight > 0) { if (sWidth == 0) this.zeroWidthHack(); this.checkedZeroWidth = true; } return {right: needsV ? sWidth : 0, bottom: needsH ? sWidth : 0}; }, setScrollLeft: function(pos) { if (this.horiz.scrollLeft != pos) this.horiz.scrollLeft = pos; if (this.disableHoriz) this.enableZeroWidthBar(this.horiz, this.disableHoriz); }, setScrollTop: function(pos) { if (this.vert.scrollTop != pos) this.vert.scrollTop = pos; if (this.disableVert) this.enableZeroWidthBar(this.vert, this.disableVert); }, zeroWidthHack: function() { var w = mac && !mac_geMountainLion ? "12px" : "18px"; this.horiz.style.height = this.vert.style.width = w; this.horiz.style.pointerEvents = this.vert.style.pointerEvents = "none"; this.disableHoriz = new Delayed; this.disableVert = new Delayed; }, enableZeroWidthBar: function(bar, delay) { bar.style.pointerEvents = "auto"; function maybeDisable() { // To find out whether the scrollbar is still visible, we // check whether the element under the pixel in the bottom // left corner of the scrollbar box is the scrollbar box // itself (when the bar is still visible) or its filler child // (when the bar is hidden). If it is still visible, we keep // it enabled, if it's hidden, we disable pointer events. var box = bar.getBoundingClientRect(); var elt = document.elementFromPoint(box.left + 1, box.bottom - 1); if (elt != bar) bar.style.pointerEvents = "none"; else delay.set(1000, maybeDisable); } delay.set(1000, maybeDisable); }, clear: function() { var parent = this.horiz.parentNode; parent.removeChild(this.horiz); parent.removeChild(this.vert); } }, NativeScrollbars.prototype); function NullScrollbars() {} NullScrollbars.prototype = copyObj({ update: function() { return {bottom: 0, right: 0}; }, setScrollLeft: function() {}, setScrollTop: function() {}, clear: function() {} }, NullScrollbars.prototype); CodeMirror.scrollbarModel = {"native": NativeScrollbars, "null": NullScrollbars}; function initScrollbars(cm) { if (cm.display.scrollbars) { cm.display.scrollbars.clear(); if (cm.display.scrollbars.addClass) rmClass(cm.display.wrapper, cm.display.scrollbars.addClass); } cm.display.scrollbars = new CodeMirror.scrollbarModel[cm.options.scrollbarStyle](function(node) { cm.display.wrapper.insertBefore(node, cm.display.scrollbarFiller); // Prevent clicks in the scrollbars from killing focus on(node, "mousedown", function() { if (cm.state.focused) setTimeout(function() { cm.display.input.focus(); }, 0); }); node.setAttribute("cm-not-content", "true"); }, function(pos, axis) { if (axis == "horizontal") setScrollLeft(cm, pos); else setScrollTop(cm, pos); }, cm); if (cm.display.scrollbars.addClass) addClass(cm.display.wrapper, cm.display.scrollbars.addClass); } function updateScrollbars(cm, measure) { if (!measure) measure = measureForScrollbars(cm); var startWidth = cm.display.barWidth, startHeight = cm.display.barHeight; updateScrollbarsInner(cm, measure); for (var i = 0; i < 4 && startWidth != cm.display.barWidth || startHeight != cm.display.barHeight; i++) { if (startWidth != cm.display.barWidth && cm.options.lineWrapping) updateHeightsInViewport(cm); updateScrollbarsInner(cm, measureForScrollbars(cm)); startWidth = cm.display.barWidth; startHeight = cm.display.barHeight; } } // Re-synchronize the fake scrollbars with the actual size of the // content. function updateScrollbarsInner(cm, measure) { var d = cm.display; var sizes = d.scrollbars.update(measure); d.sizer.style.paddingRight = (d.barWidth = sizes.right) + "px"; d.sizer.style.paddingBottom = (d.barHeight = sizes.bottom) + "px"; d.heightForcer.style.borderBottom = sizes.bottom + "px solid transparent" if (sizes.right && sizes.bottom) { d.scrollbarFiller.style.display = "block"; d.scrollbarFiller.style.height = sizes.bottom + "px"; d.scrollbarFiller.style.width = sizes.right + "px"; } else d.scrollbarFiller.style.display = ""; if (sizes.bottom && cm.options.coverGutterNextToScrollbar && cm.options.fixedGutter) { d.gutterFiller.style.display = "block"; d.gutterFiller.style.height = sizes.bottom + "px"; d.gutterFiller.style.width = measure.gutterWidth + "px"; } else d.gutterFiller.style.display = ""; } // Compute the lines that are visible in a given viewport (defaults // the the current scroll position). viewport may contain top, // height, and ensure (see op.scrollToPos) properties. function visibleLines(display, doc, viewport) { var top = viewport && viewport.top != null ? Math.max(0, viewport.top) : display.scroller.scrollTop; top = Math.floor(top - paddingTop(display)); var bottom = viewport && viewport.bottom != null ? viewport.bottom : top + display.wrapper.clientHeight; var from = lineAtHeight(doc, top), to = lineAtHeight(doc, bottom); // Ensure is a {from: {line, ch}, to: {line, ch}} object, and // forces those lines into the viewport (if possible). if (viewport && viewport.ensure) { var ensureFrom = viewport.ensure.from.line, ensureTo = viewport.ensure.to.line; if (ensureFrom < from) { from = ensureFrom; to = lineAtHeight(doc, heightAtLine(getLine(doc, ensureFrom)) + display.wrapper.clientHeight); } else if (Math.min(ensureTo, doc.lastLine()) >= to) { from = lineAtHeight(doc, heightAtLine(getLine(doc, ensureTo)) - display.wrapper.clientHeight); to = ensureTo; } } return {from: from, to: Math.max(to, from + 1)}; } // LINE NUMBERS // Re-align line numbers and gutter marks to compensate for // horizontal scrolling. function alignHorizontally(cm) { var display = cm.display, view = display.view; if (!display.alignWidgets && (!display.gutters.firstChild || !cm.options.fixedGutter)) return; var comp = compensateForHScroll(display) - display.scroller.scrollLeft + cm.doc.scrollLeft; var gutterW = display.gutters.offsetWidth, left = comp + "px"; for (var i = 0; i < view.length; i++) if (!view[i].hidden) { if (cm.options.fixedGutter) { if (view[i].gutter) view[i].gutter.style.left = left; if (view[i].gutterBackground) view[i].gutterBackground.style.left = left; } var align = view[i].alignable; if (align) for (var j = 0; j < align.length; j++) align[j].style.left = left; } if (cm.options.fixedGutter) display.gutters.style.left = (comp + gutterW) + "px"; } // Used to ensure that the line number gutter is still the right // size for the current document size. Returns true when an update // is needed. function maybeUpdateLineNumberWidth(cm) { if (!cm.options.lineNumbers) return false; var doc = cm.doc, last = lineNumberFor(cm.options, doc.first + doc.size - 1), display = cm.display; if (last.length != display.lineNumChars) { var test = display.measure.appendChild(elt("div", [elt("div", last)], "CodeMirror-linenumber CodeMirror-gutter-elt")); var innerW = test.firstChild.offsetWidth, padding = test.offsetWidth - innerW; display.lineGutter.style.width = ""; display.lineNumInnerWidth = Math.max(innerW, display.lineGutter.offsetWidth - padding) + 1; display.lineNumWidth = display.lineNumInnerWidth + padding; display.lineNumChars = display.lineNumInnerWidth ? last.length : -1; display.lineGutter.style.width = display.lineNumWidth + "px"; updateGutterSpace(cm); return true; } return false; } function lineNumberFor(options, i) { return String(options.lineNumberFormatter(i + options.firstLineNumber)); } // Computes display.scroller.scrollLeft + display.gutters.offsetWidth, // but using getBoundingClientRect to get a sub-pixel-accurate // result. function compensateForHScroll(display) { return display.scroller.getBoundingClientRect().left - display.sizer.getBoundingClientRect().left; } // DISPLAY DRAWING function DisplayUpdate(cm, viewport, force) { var display = cm.display; this.viewport = viewport; // Store some values that we'll need later (but don't want to force a relayout for) this.visible = visibleLines(display, cm.doc, viewport); this.editorIsHidden = !display.wrapper.offsetWidth; this.wrapperHeight = display.wrapper.clientHeight; this.wrapperWidth = display.wrapper.clientWidth; this.oldDisplayWidth = displayWidth(cm); this.force = force; this.dims = getDimensions(cm); this.events = []; } DisplayUpdate.prototype.signal = function(emitter, type) { if (hasHandler(emitter, type)) this.events.push(arguments); }; DisplayUpdate.prototype.finish = function() { for (var i = 0; i < this.events.length; i++) signal.apply(null, this.events[i]); }; function maybeClipScrollbars(cm) { var display = cm.display; if (!display.scrollbarsClipped && display.scroller.offsetWidth) { display.nativeBarWidth = display.scroller.offsetWidth - display.scroller.clientWidth; display.heightForcer.style.height = scrollGap(cm) + "px"; display.sizer.style.marginBottom = -display.nativeBarWidth + "px"; display.sizer.style.borderRightWidth = scrollGap(cm) + "px"; display.scrollbarsClipped = true; } } // Does the actual updating of the line display. Bails out // (returning false) when there is nothing to be done and forced is // false. function updateDisplayIfNeeded(cm, update) { var display = cm.display, doc = cm.doc; if (update.editorIsHidden) { resetView(cm); return false; } // Bail out if the visible area is already rendered and nothing changed. if (!update.force && update.visible.from >= display.viewFrom && update.visible.to <= display.viewTo && (display.updateLineNumbers == null || display.updateLineNumbers >= display.viewTo) && display.renderedView == display.view && countDirtyView(cm) == 0) return false; if (maybeUpdateLineNumberWidth(cm)) { resetView(cm); update.dims = getDimensions(cm); } // Compute a suitable new viewport (from & to) var end = doc.first + doc.size; var from = Math.max(update.visible.from - cm.options.viewportMargin, doc.first); var to = Math.min(end, update.visible.to + cm.options.viewportMargin); if (display.viewFrom < from && from - display.viewFrom < 20) from = Math.max(doc.first, display.viewFrom); if (display.viewTo > to && display.viewTo - to < 20) to = Math.min(end, display.viewTo); if (sawCollapsedSpans) { from = visualLineNo(cm.doc, from); to = visualLineEndNo(cm.doc, to); } var different = from != display.viewFrom || to != display.viewTo || display.lastWrapHeight != update.wrapperHeight || display.lastWrapWidth != update.wrapperWidth; adjustView(cm, from, to); display.viewOffset = heightAtLine(getLine(cm.doc, display.viewFrom)); // Position the mover div to align with the current scroll position cm.display.mover.style.top = display.viewOffset + "px"; var toUpdate = countDirtyView(cm); if (!different && toUpdate == 0 && !update.force && display.renderedView == display.view && (display.updateLineNumbers == null || display.updateLineNumbers >= display.viewTo)) return false; // For big changes, we hide the enclosing element during the // update, since that speeds up the operations on most browsers. var focused = activeElt(); if (toUpdate > 4) display.lineDiv.style.display = "none"; patchDisplay(cm, display.updateLineNumbers, update.dims); if (toUpdate > 4) display.lineDiv.style.display = ""; display.renderedView = display.view; // There might have been a widget with a focused element that got // hidden or updated, if so re-focus it. if (focused && activeElt() != focused && focused.offsetHeight) focused.focus(); // Prevent selection and cursors from interfering with the scroll // width and height. removeChildren(display.cursorDiv); removeChildren(display.selectionDiv); display.gutters.style.height = display.sizer.style.minHeight = 0; if (different) { display.lastWrapHeight = update.wrapperHeight; display.lastWrapWidth = update.wrapperWidth; startWorker(cm, 400); } display.updateLineNumbers = null; return true; } function postUpdateDisplay(cm, update) { var viewport = update.viewport; for (var first = true;; first = false) { if (!first || !cm.options.lineWrapping || update.oldDisplayWidth == displayWidth(cm)) { // Clip forced viewport to actual scrollable area. if (viewport && viewport.top != null) viewport = {top: Math.min(cm.doc.height + paddingVert(cm.display) - displayHeight(cm), viewport.top)}; // Updated line heights might result in the drawn area not // actually covering the viewport. Keep looping until it does. update.visible = visibleLines(cm.display, cm.doc, viewport); if (update.visible.from >= cm.display.viewFrom && update.visible.to <= cm.display.viewTo) break; } if (!updateDisplayIfNeeded(cm, update)) break; updateHeightsInViewport(cm); var barMeasure = measureForScrollbars(cm); updateSelection(cm); updateScrollbars(cm, barMeasure); setDocumentHeight(cm, barMeasure); } update.signal(cm, "update", cm); if (cm.display.viewFrom != cm.display.reportedViewFrom || cm.display.viewTo != cm.display.reportedViewTo) { update.signal(cm, "viewportChange", cm, cm.display.viewFrom, cm.display.viewTo); cm.display.reportedViewFrom = cm.display.viewFrom; cm.display.reportedViewTo = cm.display.viewTo; } } function updateDisplaySimple(cm, viewport) { var update = new DisplayUpdate(cm, viewport); if (updateDisplayIfNeeded(cm, update)) { updateHeightsInViewport(cm); postUpdateDisplay(cm, update); var barMeasure = measureForScrollbars(cm); updateSelection(cm); updateScrollbars(cm, barMeasure); setDocumentHeight(cm, barMeasure); update.finish(); } } function setDocumentHeight(cm, measure) { cm.display.sizer.style.minHeight = measure.docHeight + "px"; cm.display.heightForcer.style.top = measure.docHeight + "px"; cm.display.gutters.style.height = (measure.docHeight + cm.display.barHeight + scrollGap(cm)) + "px"; } // Read the actual heights of the rendered lines, and update their // stored heights to match. function updateHeightsInViewport(cm) { var display = cm.display; var prevBottom = display.lineDiv.offsetTop; for (var i = 0; i < display.view.length; i++) { var cur = display.view[i], height; if (cur.hidden) continue; if (ie && ie_version < 8) { var bot = cur.node.offsetTop + cur.node.offsetHeight; height = bot - prevBottom; prevBottom = bot; } else { var box = cur.node.getBoundingClientRect(); height = box.bottom - box.top; } var diff = cur.line.height - height; if (height < 2) height = textHeight(display); if (diff > .001 || diff < -.001) { updateLineHeight(cur.line, height); updateWidgetHeight(cur.line); if (cur.rest) for (var j = 0; j < cur.rest.length; j++) updateWidgetHeight(cur.rest[j]); } } } // Read and store the height of line widgets associated with the // given line. function updateWidgetHeight(line) { if (line.widgets) for (var i = 0; i < line.widgets.length; ++i) line.widgets[i].height = line.widgets[i].node.parentNode.offsetHeight; } // Do a bulk-read of the DOM positions and sizes needed to draw the // view, so that we don't interleave reading and writing to the DOM. function getDimensions(cm) { var d = cm.display, left = {}, width = {}; var gutterLeft = d.gutters.clientLeft; for (var n = d.gutters.firstChild, i = 0; n; n = n.nextSibling, ++i) { left[cm.options.gutters[i]] = n.offsetLeft + n.clientLeft + gutterLeft; width[cm.options.gutters[i]] = n.clientWidth; } return {fixedPos: compensateForHScroll(d), gutterTotalWidth: d.gutters.offsetWidth, gutterLeft: left, gutterWidth: width, wrapperWidth: d.wrapper.clientWidth}; } // Sync the actual display DOM structure with display.view, removing // nodes for lines that are no longer in view, and creating the ones // that are not there yet, and updating the ones that are out of // date. function patchDisplay(cm, updateNumbersFrom, dims) { var display = cm.display, lineNumbers = cm.options.lineNumbers; var container = display.lineDiv, cur = container.firstChild; function rm(node) { var next = node.nextSibling; // Works around a throw-scroll bug in OS X Webkit if (webkit && mac && cm.display.currentWheelTarget == node) node.style.display = "none"; else node.parentNode.removeChild(node); return next; } var view = display.view, lineN = display.viewFrom; // Loop over the elements in the view, syncing cur (the DOM nodes // in display.lineDiv) with the view as we go. for (var i = 0; i < view.length; i++) { var lineView = view[i]; if (lineView.hidden) { } else if (!lineView.node || lineView.node.parentNode != container) { // Not drawn yet var node = buildLineElement(cm, lineView, lineN, dims); container.insertBefore(node, cur); } else { // Already drawn while (cur != lineView.node) cur = rm(cur); var updateNumber = lineNumbers && updateNumbersFrom != null && updateNumbersFrom <= lineN && lineView.lineNumber; if (lineView.changes) { if (indexOf(lineView.changes, "gutter") > -1) updateNumber = false; updateLineForChanges(cm, lineView, lineN, dims); } if (updateNumber) { removeChildren(lineView.lineNumber); lineView.lineNumber.appendChild(document.createTextNode(lineNumberFor(cm.options, lineN))); } cur = lineView.node.nextSibling; } lineN += lineView.size; } while (cur) cur = rm(cur); } // When an aspect of a line changes, a string is added to // lineView.changes. This updates the relevant part of the line's // DOM structure. function updateLineForChanges(cm, lineView, lineN, dims) { for (var j = 0; j < lineView.changes.length; j++) { var type = lineView.changes[j]; if (type == "text") updateLineText(cm, lineView); else if (type == "gutter") updateLineGutter(cm, lineView, lineN, dims); else if (type == "class") updateLineClasses(lineView); else if (type == "widget") updateLineWidgets(cm, lineView, dims); } lineView.changes = null; } // Lines with gutter elements, widgets or a background class need to // be wrapped, and have the extra elements added to the wrapper div function ensureLineWrapped(lineView) { if (lineView.node == lineView.text) { lineView.node = elt("div", null, null, "position: relative"); if (lineView.text.parentNode) lineView.text.parentNode.replaceChild(lineView.node, lineView.text); lineView.node.appendChild(lineView.text); if (ie && ie_version < 8) lineView.node.style.zIndex = 2; } return lineView.node; } function updateLineBackground(lineView) { var cls = lineView.bgClass ? lineView.bgClass + " " + (lineView.line.bgClass || "") : lineView.line.bgClass; if (cls) cls += " CodeMirror-linebackground"; if (lineView.background) { if (cls) lineView.background.className = cls; else { lineView.background.parentNode.removeChild(lineView.background); lineView.background = null; } } else if (cls) { var wrap = ensureLineWrapped(lineView); lineView.background = wrap.insertBefore(elt("div", null, cls), wrap.firstChild); } } // Wrapper around buildLineContent which will reuse the structure // in display.externalMeasured when possible. function getLineContent(cm, lineView) { var ext = cm.display.externalMeasured; if (ext && ext.line == lineView.line) { cm.display.externalMeasured = null; lineView.measure = ext.measure; return ext.built; } return buildLineContent(cm, lineView); } // Redraw the line's text. Interacts with the background and text // classes because the mode may output tokens that influence these // classes. function updateLineText(cm, lineView) { var cls = lineView.text.className; var built = getLineContent(cm, lineView); if (lineView.text == lineView.node) lineView.node = built.pre; lineView.text.parentNode.replaceChild(built.pre, lineView.text); lineView.text = built.pre; if (built.bgClass != lineView.bgClass || built.textClass != lineView.textClass) { lineView.bgClass = built.bgClass; lineView.textClass = built.textClass; updateLineClasses(lineView); } else if (cls) { lineView.text.className = cls; } } function updateLineClasses(lineView) { updateLineBackground(lineView); if (lineView.line.wrapClass) ensureLineWrapped(lineView).className = lineView.line.wrapClass; else if (lineView.node != lineView.text) lineView.node.className = ""; var textClass = lineView.textClass ? lineView.textClass + " " + (lineView.line.textClass || "") : lineView.line.textClass; lineView.text.className = textClass || ""; } function updateLineGutter(cm, lineView, lineN, dims) { if (lineView.gutter) { lineView.node.removeChild(lineView.gutter); lineView.gutter = null; } if (lineView.gutterBackground) { lineView.node.removeChild(lineView.gutterBackground); lineView.gutterBackground = null; } if (lineView.line.gutterClass) { var wrap = ensureLineWrapped(lineView); lineView.gutterBackground = elt("div", null, "CodeMirror-gutter-background " + lineView.line.gutterClass, "left: " + (cm.options.fixedGutter ? dims.fixedPos : -dims.gutterTotalWidth) + "px; width: " + dims.gutterTotalWidth + "px"); wrap.insertBefore(lineView.gutterBackground, lineView.text); } var markers = lineView.line.gutterMarkers; if (cm.options.lineNumbers || markers) { var wrap = ensureLineWrapped(lineView); var gutterWrap = lineView.gutter = elt("div", null, "CodeMirror-gutter-wrapper", "left: " + (cm.options.fixedGutter ? dims.fixedPos : -dims.gutterTotalWidth) + "px"); cm.display.input.setUneditable(gutterWrap); wrap.insertBefore(gutterWrap, lineView.text); if (lineView.line.gutterClass) gutterWrap.className += " " + lineView.line.gutterClass; if (cm.options.lineNumbers && (!markers || !markers["CodeMirror-linenumbers"])) lineView.lineNumber = gutterWrap.appendChild( elt("div", lineNumberFor(cm.options, lineN), "CodeMirror-linenumber CodeMirror-gutter-elt", "left: " + dims.gutterLeft["CodeMirror-linenumbers"] + "px; width: " + cm.display.lineNumInnerWidth + "px")); if (markers) for (var k = 0; k < cm.options.gutters.length; ++k) { var id = cm.options.gutters[k], found = markers.hasOwnProperty(id) && markers[id]; if (found) gutterWrap.appendChild(elt("div", [found], "CodeMirror-gutter-elt", "left: " + dims.gutterLeft[id] + "px; width: " + dims.gutterWidth[id] + "px")); } } } function updateLineWidgets(cm, lineView, dims) { if (lineView.alignable) lineView.alignable = null; for (var node = lineView.node.firstChild, next; node; node = next) { var next = node.nextSibling; if (node.className == "CodeMirror-linewidget") lineView.node.removeChild(node); } insertLineWidgets(cm, lineView, dims); } // Build a line's DOM representation from scratch function buildLineElement(cm, lineView, lineN, dims) { var built = getLineContent(cm, lineView); lineView.text = lineView.node = built.pre; if (built.bgClass) lineView.bgClass = built.bgClass; if (built.textClass) lineView.textClass = built.textClass; updateLineClasses(lineView); updateLineGutter(cm, lineView, lineN, dims); insertLineWidgets(cm, lineView, dims); return lineView.node; } // A lineView may contain multiple logical lines (when merged by // collapsed spans). The widgets for all of them need to be drawn. function insertLineWidgets(cm, lineView, dims) { insertLineWidgetsFor(cm, lineView.line, lineView, dims, true); if (lineView.rest) for (var i = 0; i < lineView.rest.length; i++) insertLineWidgetsFor(cm, lineView.rest[i], lineView, dims, false); } function insertLineWidgetsFor(cm, line, lineView, dims, allowAbove) { if (!line.widgets) return; var wrap = ensureLineWrapped(lineView); for (var i = 0, ws = line.widgets; i < ws.length; ++i) { var widget = ws[i], node = elt("div", [widget.node], "CodeMirror-linewidget"); if (!widget.handleMouseEvents) node.setAttribute("cm-ignore-events", "true"); positionLineWidget(widget, node, lineView, dims); cm.display.input.setUneditable(node); if (allowAbove && widget.above) wrap.insertBefore(node, lineView.gutter || lineView.text); else wrap.appendChild(node); signalLater(widget, "redraw"); } } function positionLineWidget(widget, node, lineView, dims) { if (widget.noHScroll) { (lineView.alignable || (lineView.alignable = [])).push(node); var width = dims.wrapperWidth; node.style.left = dims.fixedPos + "px"; if (!widget.coverGutter) { width -= dims.gutterTotalWidth; node.style.paddingLeft = dims.gutterTotalWidth + "px"; } node.style.width = width + "px"; } if (widget.coverGutter) { node.style.zIndex = 5; node.style.position = "relative"; if (!widget.noHScroll) node.style.marginLeft = -dims.gutterTotalWidth + "px"; } } // POSITION OBJECT // A Pos instance represents a position within the text. var Pos = CodeMirror.Pos = function(line, ch) { if (!(this instanceof Pos)) return new Pos(line, ch); this.line = line; this.ch = ch; }; // Compare two positions, return 0 if they are the same, a negative // number when a is less, and a positive number otherwise. var cmp = CodeMirror.cmpPos = function(a, b) { return a.line - b.line || a.ch - b.ch; }; function copyPos(x) {return Pos(x.line, x.ch);} function maxPos(a, b) { return cmp(a, b) < 0 ? b : a; } function minPos(a, b) { return cmp(a, b) < 0 ? a : b; } // INPUT HANDLING function ensureFocus(cm) { if (!cm.state.focused) { cm.display.input.focus(); onFocus(cm); } } // This will be set to a {lineWise: bool, text: [string]} object, so // that, when pasting, we know what kind of selections the copied // text was made out of. var lastCopied = null; function applyTextInput(cm, inserted, deleted, sel, origin) { var doc = cm.doc; cm.display.shift = false; if (!sel) sel = doc.sel; var paste = cm.state.pasteIncoming || origin == "paste"; var textLines = doc.splitLines(inserted), multiPaste = null // When pasing N lines into N selections, insert one line per selection if (paste && sel.ranges.length > 1) { if (lastCopied && lastCopied.text.join("\n") == inserted) { if (sel.ranges.length % lastCopied.text.length == 0) { multiPaste = []; for (var i = 0; i < lastCopied.text.length; i++) multiPaste.push(doc.splitLines(lastCopied.text[i])); } } else if (textLines.length == sel.ranges.length) { multiPaste = map(textLines, function(l) { return [l]; }); } } // Normal behavior is to insert the new text into every selection for (var i = sel.ranges.length - 1; i >= 0; i--) { var range = sel.ranges[i]; var from = range.from(), to = range.to(); if (range.empty()) { if (deleted && deleted > 0) // Handle deletion from = Pos(from.line, from.ch - deleted); else if (cm.state.overwrite && !paste) // Handle overwrite to = Pos(to.line, Math.min(getLine(doc, to.line).text.length, to.ch + lst(textLines).length)); else if (lastCopied && lastCopied.lineWise && lastCopied.text.join("\n") == inserted) from = to = Pos(from.line, 0) } var updateInput = cm.curOp.updateInput; var changeEvent = {from: from, to: to, text: multiPaste ? multiPaste[i % multiPaste.length] : textLines, origin: origin || (paste ? "paste" : cm.state.cutIncoming ? "cut" : "+input")}; makeChange(cm.doc, changeEvent); signalLater(cm, "inputRead", cm, changeEvent); } if (inserted && !paste) triggerElectric(cm, inserted); ensureCursorVisible(cm); cm.curOp.updateInput = updateInput; cm.curOp.typing = true; cm.state.pasteIncoming = cm.state.cutIncoming = false; } function handlePaste(e, cm) { var pasted = e.clipboardData && e.clipboardData.getData("Text"); if (pasted) { e.preventDefault(); if (!cm.isReadOnly() && !cm.options.disableInput) runInOp(cm, function() { applyTextInput(cm, pasted, 0, null, "paste"); }); return true; } } function triggerElectric(cm, inserted) { // When an 'electric' character is inserted, immediately trigger a reindent if (!cm.options.electricChars || !cm.options.smartIndent) return; var sel = cm.doc.sel; for (var i = sel.ranges.length - 1; i >= 0; i--) { var range = sel.ranges[i]; if (range.head.ch > 100 || (i && sel.ranges[i - 1].head.line == range.head.line)) continue; var mode = cm.getModeAt(range.head); var indented = false; if (mode.electricChars) { for (var j = 0; j < mode.electricChars.length; j++) if (inserted.indexOf(mode.electricChars.charAt(j)) > -1) { indented = indentLine(cm, range.head.line, "smart"); break; } } else if (mode.electricInput) { if (mode.electricInput.test(getLine(cm.doc, range.head.line).text.slice(0, range.head.ch))) indented = indentLine(cm, range.head.line, "smart"); } if (indented) signalLater(cm, "electricInput", cm, range.head.line); } } function copyableRanges(cm) { var text = [], ranges = []; for (var i = 0; i < cm.doc.sel.ranges.length; i++) { var line = cm.doc.sel.ranges[i].head.line; var lineRange = {anchor: Pos(line, 0), head: Pos(line + 1, 0)}; ranges.push(lineRange); text.push(cm.getRange(lineRange.anchor, lineRange.head)); } return {text: text, ranges: ranges}; } function disableBrowserMagic(field, spellcheck) { field.setAttribute("autocorrect", "off"); field.setAttribute("autocapitalize", "off"); field.setAttribute("spellcheck", !!spellcheck); } // TEXTAREA INPUT STYLE function TextareaInput(cm) { this.cm = cm; // See input.poll and input.reset this.prevInput = ""; // Flag that indicates whether we expect input to appear real soon // now (after some event like 'keypress' or 'input') and are // polling intensively. this.pollingFast = false; // Self-resetting timeout for the poller this.polling = new Delayed(); // Tracks when input.reset has punted to just putting a short // string into the textarea instead of the full selection. this.inaccurateSelection = false; // Used to work around IE issue with selection being forgotten when focus moves away from textarea this.hasSelection = false; this.composing = null; }; function hiddenTextarea() { var te = elt("textarea", null, null, "position: absolute; bottom: -1em; padding: 0; width: 1px; height: 1em; outline: none"); var div = elt("div", [te], null, "overflow: hidden; position: relative; width: 3px; height: 0px;"); // The textarea is kept positioned near the cursor to prevent the // fact that it'll be scrolled into view on input from scrolling // our fake cursor out of view. On webkit, when wrap=off, paste is // very slow. So make the area wide instead. if (webkit) te.style.width = "1000px"; else te.setAttribute("wrap", "off"); // If border: 0; -- iOS fails to open keyboard (issue #1287) if (ios) te.style.border = "1px solid black"; disableBrowserMagic(te); return div; } TextareaInput.prototype = copyObj({ init: function(display) { var input = this, cm = this.cm; // Wraps and hides input textarea var div = this.wrapper = hiddenTextarea(); // The semihidden textarea that is focused when the editor is // focused, and receives input. var te = this.textarea = div.firstChild; display.wrapper.insertBefore(div, display.wrapper.firstChild); // Needed to hide big blue blinking cursor on Mobile Safari (doesn't seem to work in iOS 8 anymore) if (ios) te.style.width = "0px"; on(te, "input", function() { if (ie && ie_version >= 9 && input.hasSelection) input.hasSelection = null; input.poll(); }); on(te, "paste", function(e) { if (signalDOMEvent(cm, e) || handlePaste(e, cm)) return cm.state.pasteIncoming = true; input.fastPoll(); }); function prepareCopyCut(e) { if (signalDOMEvent(cm, e)) return if (cm.somethingSelected()) { lastCopied = {lineWise: false, text: cm.getSelections()}; if (input.inaccurateSelection) { input.prevInput = ""; input.inaccurateSelection = false; te.value = lastCopied.text.join("\n"); selectInput(te); } } else if (!cm.options.lineWiseCopyCut) { return; } else { var ranges = copyableRanges(cm); lastCopied = {lineWise: true, text: ranges.text}; if (e.type == "cut") { cm.setSelections(ranges.ranges, null, sel_dontScroll); } else { input.prevInput = ""; te.value = ranges.text.join("\n"); selectInput(te); } } if (e.type == "cut") cm.state.cutIncoming = true; } on(te, "cut", prepareCopyCut); on(te, "copy", prepareCopyCut); on(display.scroller, "paste", function(e) { if (eventInWidget(display, e) || signalDOMEvent(cm, e)) return; cm.state.pasteIncoming = true; input.focus(); }); // Prevent normal selection in the editor (we handle our own) on(display.lineSpace, "selectstart", function(e) { if (!eventInWidget(display, e)) e_preventDefault(e); }); on(te, "compositionstart", function() { var start = cm.getCursor("from"); if (input.composing) input.composing.range.clear() input.composing = { start: start, range: cm.markText(start, cm.getCursor("to"), {className: "CodeMirror-composing"}) }; }); on(te, "compositionend", function() { if (input.composing) { input.poll(); input.composing.range.clear(); input.composing = null; } }); }, prepareSelection: function() { // Redraw the selection and/or cursor var cm = this.cm, display = cm.display, doc = cm.doc; var result = prepareSelection(cm); // Move the hidden textarea near the cursor to prevent scrolling artifacts if (cm.options.moveInputWithCursor) { var headPos = cursorCoords(cm, doc.sel.primary().head, "div"); var wrapOff = display.wrapper.getBoundingClientRect(), lineOff = display.lineDiv.getBoundingClientRect(); result.teTop = Math.max(0, Math.min(display.wrapper.clientHeight - 10, headPos.top + lineOff.top - wrapOff.top)); result.teLeft = Math.max(0, Math.min(display.wrapper.clientWidth - 10, headPos.left + lineOff.left - wrapOff.left)); } return result; }, showSelection: function(drawn) { var cm = this.cm, display = cm.display; removeChildrenAndAdd(display.cursorDiv, drawn.cursors); removeChildrenAndAdd(display.selectionDiv, drawn.selection); if (drawn.teTop != null) { this.wrapper.style.top = drawn.teTop + "px"; this.wrapper.style.left = drawn.teLeft + "px"; } }, // Reset the input to correspond to the selection (or to be empty, // when not typing and nothing is selected) reset: function(typing) { if (this.contextMenuPending) return; var minimal, selected, cm = this.cm, doc = cm.doc; if (cm.somethingSelected()) { this.prevInput = ""; var range = doc.sel.primary(); minimal = hasCopyEvent && (range.to().line - range.from().line > 100 || (selected = cm.getSelection()).length > 1000); var content = minimal ? "-" : selected || cm.getSelection(); this.textarea.value = content; if (cm.state.focused) selectInput(this.textarea); if (ie && ie_version >= 9) this.hasSelection = content; } else if (!typing) { this.prevInput = this.textarea.value = ""; if (ie && ie_version >= 9) this.hasSelection = null; } this.inaccurateSelection = minimal; }, getField: function() { return this.textarea; }, supportsTouch: function() { return false; }, focus: function() { if (this.cm.options.readOnly != "nocursor" && (!mobile || activeElt() != this.textarea)) { try { this.textarea.focus(); } catch (e) {} // IE8 will throw if the textarea is display: none or not in DOM } }, blur: function() { this.textarea.blur(); }, resetPosition: function() { this.wrapper.style.top = this.wrapper.style.left = 0; }, receivedFocus: function() { this.slowPoll(); }, // Poll for input changes, using the normal rate of polling. This // runs as long as the editor is focused. slowPoll: function() { var input = this; if (input.pollingFast) return; input.polling.set(this.cm.options.pollInterval, function() { input.poll(); if (input.cm.state.focused) input.slowPoll(); }); }, // When an event has just come in that is likely to add or change // something in the input textarea, we poll faster, to ensure that // the change appears on the screen quickly. fastPoll: function() { var missed = false, input = this; input.pollingFast = true; function p() { var changed = input.poll(); if (!changed && !missed) {missed = true; input.polling.set(60, p);} else {input.pollingFast = false; input.slowPoll();} } input.polling.set(20, p); }, // Read input from the textarea, and update the document to match. // When something is selected, it is present in the textarea, and // selected (unless it is huge, in which case a placeholder is // used). When nothing is selected, the cursor sits after previously // seen text (can be empty), which is stored in prevInput (we must // not reset the textarea when typing, because that breaks IME). poll: function() { var cm = this.cm, input = this.textarea, prevInput = this.prevInput; // Since this is called a *lot*, try to bail out as cheaply as // possible when it is clear that nothing happened. hasSelection // will be the case when there is a lot of text in the textarea, // in which case reading its value would be expensive. if (this.contextMenuPending || !cm.state.focused || (hasSelection(input) && !prevInput && !this.composing) || cm.isReadOnly() || cm.options.disableInput || cm.state.keySeq) return false; var text = input.value; // If nothing changed, bail. if (text == prevInput && !cm.somethingSelected()) return false; // Work around nonsensical selection resetting in IE9/10, and // inexplicable appearance of private area unicode characters on // some key combos in Mac (#2689). if (ie && ie_version >= 9 && this.hasSelection === text || mac && /[\uf700-\uf7ff]/.test(text)) { cm.display.input.reset(); return false; } if (cm.doc.sel == cm.display.selForContextMenu) { var first = text.charCodeAt(0); if (first == 0x200b && !prevInput) prevInput = "\u200b"; if (first == 0x21da) { this.reset(); return this.cm.execCommand("undo"); } } // Find the part of the input that is actually new var same = 0, l = Math.min(prevInput.length, text.length); while (same < l && prevInput.charCodeAt(same) == text.charCodeAt(same)) ++same; var self = this; runInOp(cm, function() { applyTextInput(cm, text.slice(same), prevInput.length - same, null, self.composing ? "*compose" : null); // Don't leave long text in the textarea, since it makes further polling slow if (text.length > 1000 || text.indexOf("\n") > -1) input.value = self.prevInput = ""; else self.prevInput = text; if (self.composing) { self.composing.range.clear(); self.composing.range = cm.markText(self.composing.start, cm.getCursor("to"), {className: "CodeMirror-composing"}); } }); return true; }, ensurePolled: function() { if (this.pollingFast && this.poll()) this.pollingFast = false; }, onKeyPress: function() { if (ie && ie_version >= 9) this.hasSelection = null; this.fastPoll(); }, onContextMenu: function(e) { var input = this, cm = input.cm, display = cm.display, te = input.textarea; var pos = posFromMouse(cm, e), scrollPos = display.scroller.scrollTop; if (!pos || presto) return; // Opera is difficult. // Reset the current text selection only if the click is done outside of the selection // and 'resetSelectionOnContextMenu' option is true. var reset = cm.options.resetSelectionOnContextMenu; if (reset && cm.doc.sel.contains(pos) == -1) operation(cm, setSelection)(cm.doc, simpleSelection(pos), sel_dontScroll); var oldCSS = te.style.cssText, oldWrapperCSS = input.wrapper.style.cssText; input.wrapper.style.cssText = "position: absolute" var wrapperBox = input.wrapper.getBoundingClientRect() te.style.cssText = "position: absolute; width: 30px; height: 30px; top: " + (e.clientY - wrapperBox.top - 5) + "px; left: " + (e.clientX - wrapperBox.left - 5) + "px; z-index: 1000; background: " + (ie ? "rgba(255, 255, 255, .05)" : "transparent") + "; outline: none; border-width: 0; outline: none; overflow: hidden; opacity: .05; filter: alpha(opacity=5);"; if (webkit) var oldScrollY = window.scrollY; // Work around Chrome issue (#2712) display.input.focus(); if (webkit) window.scrollTo(null, oldScrollY); display.input.reset(); // Adds "Select all" to context menu in FF if (!cm.somethingSelected()) te.value = input.prevInput = " "; input.contextMenuPending = true; display.selForContextMenu = cm.doc.sel; clearTimeout(display.detectingSelectAll); // Select-all will be greyed out if there's nothing to select, so // this adds a zero-width space so that we can later check whether // it got selected. function prepareSelectAllHack() { if (te.selectionStart != null) { var selected = cm.somethingSelected(); var extval = "\u200b" + (selected ? te.value : ""); te.value = "\u21da"; // Used to catch context-menu undo te.value = extval; input.prevInput = selected ? "" : "\u200b"; te.selectionStart = 1; te.selectionEnd = extval.length; // Re-set this, in case some other handler touched the // selection in the meantime. display.selForContextMenu = cm.doc.sel; } } function rehide() { input.contextMenuPending = false; input.wrapper.style.cssText = oldWrapperCSS te.style.cssText = oldCSS; if (ie && ie_version < 9) display.scrollbars.setScrollTop(display.scroller.scrollTop = scrollPos); // Try to detect the user choosing select-all if (te.selectionStart != null) { if (!ie || (ie && ie_version < 9)) prepareSelectAllHack(); var i = 0, poll = function() { if (display.selForContextMenu == cm.doc.sel && te.selectionStart == 0 && te.selectionEnd > 0 && input.prevInput == "\u200b") operation(cm, commands.selectAll)(cm); else if (i++ < 10) display.detectingSelectAll = setTimeout(poll, 500); else display.input.reset(); }; display.detectingSelectAll = setTimeout(poll, 200); } } if (ie && ie_version >= 9) prepareSelectAllHack(); if (captureRightClick) { e_stop(e); var mouseup = function() { off(window, "mouseup", mouseup); setTimeout(rehide, 20); }; on(window, "mouseup", mouseup); } else { setTimeout(rehide, 50); } }, readOnlyChanged: function(val) { if (!val) this.reset(); }, setUneditable: nothing, needsContentAttribute: false }, TextareaInput.prototype); // CONTENTEDITABLE INPUT STYLE function ContentEditableInput(cm) { this.cm = cm; this.lastAnchorNode = this.lastAnchorOffset = this.lastFocusNode = this.lastFocusOffset = null; this.polling = new Delayed(); this.gracePeriod = false; } ContentEditableInput.prototype = copyObj({ init: function(display) { var input = this, cm = input.cm; var div = input.div = display.lineDiv; disableBrowserMagic(div, cm.options.spellcheck); on(div, "paste", function(e) { if (signalDOMEvent(cm, e) || handlePaste(e, cm)) return // IE doesn't fire input events, so we schedule a read for the pasted content in this way if (ie_version <= 11) setTimeout(operation(cm, function() { if (!input.pollContent()) regChange(cm); }), 20) }) on(div, "compositionstart", function(e) { var data = e.data; input.composing = {sel: cm.doc.sel, data: data, startData: data}; if (!data) return; var prim = cm.doc.sel.primary(); var line = cm.getLine(prim.head.line); var found = line.indexOf(data, Math.max(0, prim.head.ch - data.length)); if (found > -1 && found <= prim.head.ch) input.composing.sel = simpleSelection(Pos(prim.head.line, found), Pos(prim.head.line, found + data.length)); }); on(div, "compositionupdate", function(e) { input.composing.data = e.data; }); on(div, "compositionend", function(e) { var ours = input.composing; if (!ours) return; if (e.data != ours.startData && !/\u200b/.test(e.data)) ours.data = e.data; // Need a small delay to prevent other code (input event, // selection polling) from doing damage when fired right after // compositionend. setTimeout(function() { if (!ours.handled) input.applyComposition(ours); if (input.composing == ours) input.composing = null; }, 50); }); on(div, "touchstart", function() { input.forceCompositionEnd(); }); on(div, "input", function() { if (input.composing) return; if (cm.isReadOnly() || !input.pollContent()) runInOp(input.cm, function() {regChange(cm);}); }); function onCopyCut(e) { if (signalDOMEvent(cm, e)) return if (cm.somethingSelected()) { lastCopied = {lineWise: false, text: cm.getSelections()}; if (e.type == "cut") cm.replaceSelection("", null, "cut"); } else if (!cm.options.lineWiseCopyCut) { return; } else { var ranges = copyableRanges(cm); lastCopied = {lineWise: true, text: ranges.text}; if (e.type == "cut") { cm.operation(function() { cm.setSelections(ranges.ranges, 0, sel_dontScroll); cm.replaceSelection("", null, "cut"); }); } } if (e.clipboardData) { e.clipboardData.clearData(); var content = lastCopied.text.join("\n") // iOS exposes the clipboard API, but seems to discard content inserted into it e.clipboardData.setData("Text", content); if (e.clipboardData.getData("Text") == content) { e.preventDefault(); return } } // Old-fashioned briefly-focus-a-textarea hack var kludge = hiddenTextarea(), te = kludge.firstChild; cm.display.lineSpace.insertBefore(kludge, cm.display.lineSpace.firstChild); te.value = lastCopied.text.join("\n"); var hadFocus = document.activeElement; selectInput(te); setTimeout(function() { cm.display.lineSpace.removeChild(kludge); hadFocus.focus(); if (hadFocus == div) input.showPrimarySelection() }, 50); } on(div, "copy", onCopyCut); on(div, "cut", onCopyCut); }, prepareSelection: function() { var result = prepareSelection(this.cm, false); result.focus = this.cm.state.focused; return result; }, showSelection: function(info, takeFocus) { if (!info || !this.cm.display.view.length) return; if (info.focus || takeFocus) this.showPrimarySelection(); this.showMultipleSelections(info); }, showPrimarySelection: function() { var sel = window.getSelection(), prim = this.cm.doc.sel.primary(); var curAnchor = domToPos(this.cm, sel.anchorNode, sel.anchorOffset); var curFocus = domToPos(this.cm, sel.focusNode, sel.focusOffset); if (curAnchor && !curAnchor.bad && curFocus && !curFocus.bad && cmp(minPos(curAnchor, curFocus), prim.from()) == 0 && cmp(maxPos(curAnchor, curFocus), prim.to()) == 0) return; var start = posToDOM(this.cm, prim.from()); var end = posToDOM(this.cm, prim.to()); if (!start && !end) return; var view = this.cm.display.view; var old = sel.rangeCount && sel.getRangeAt(0); if (!start) { start = {node: view[0].measure.map[2], offset: 0}; } else if (!end) { // FIXME dangerously hacky var measure = view[view.length - 1].measure; var map = measure.maps ? measure.maps[measure.maps.length - 1] : measure.map; end = {node: map[map.length - 1], offset: map[map.length - 2] - map[map.length - 3]}; } try { var rng = range(start.node, start.offset, end.offset, end.node); } catch(e) {} // Our model of the DOM might be outdated, in which case the range we try to set can be impossible if (rng) { if (!gecko && this.cm.state.focused) { sel.collapse(start.node, start.offset); if (!rng.collapsed) sel.addRange(rng); } else { sel.removeAllRanges(); sel.addRange(rng); } if (old && sel.anchorNode == null) sel.addRange(old); else if (gecko) this.startGracePeriod(); } this.rememberSelection(); }, startGracePeriod: function() { var input = this; clearTimeout(this.gracePeriod); this.gracePeriod = setTimeout(function() { input.gracePeriod = false; if (input.selectionChanged()) input.cm.operation(function() { input.cm.curOp.selectionChanged = true; }); }, 20); }, showMultipleSelections: function(info) { removeChildrenAndAdd(this.cm.display.cursorDiv, info.cursors); removeChildrenAndAdd(this.cm.display.selectionDiv, info.selection); }, rememberSelection: function() { var sel = window.getSelection(); this.lastAnchorNode = sel.anchorNode; this.lastAnchorOffset = sel.anchorOffset; this.lastFocusNode = sel.focusNode; this.lastFocusOffset = sel.focusOffset; }, selectionInEditor: function() { var sel = window.getSelection(); if (!sel.rangeCount) return false; var node = sel.getRangeAt(0).commonAncestorContainer; return contains(this.div, node); }, focus: function() { if (this.cm.options.readOnly != "nocursor") this.div.focus(); }, blur: function() { this.div.blur(); }, getField: function() { return this.div; }, supportsTouch: function() { return true; }, receivedFocus: function() { var input = this; if (this.selectionInEditor()) this.pollSelection(); else runInOp(this.cm, function() { input.cm.curOp.selectionChanged = true; }); function poll() { if (input.cm.state.focused) { input.pollSelection(); input.polling.set(input.cm.options.pollInterval, poll); } } this.polling.set(this.cm.options.pollInterval, poll); }, selectionChanged: function() { var sel = window.getSelection(); return sel.anchorNode != this.lastAnchorNode || sel.anchorOffset != this.lastAnchorOffset || sel.focusNode != this.lastFocusNode || sel.focusOffset != this.lastFocusOffset; }, pollSelection: function() { if (!this.composing && !this.gracePeriod && this.selectionChanged()) { var sel = window.getSelection(), cm = this.cm; this.rememberSelection(); var anchor = domToPos(cm, sel.anchorNode, sel.anchorOffset); var head = domToPos(cm, sel.focusNode, sel.focusOffset); if (anchor && head) runInOp(cm, function() { setSelection(cm.doc, simpleSelection(anchor, head), sel_dontScroll); if (anchor.bad || head.bad) cm.curOp.selectionChanged = true; }); } }, pollContent: function() { var cm = this.cm, display = cm.display, sel = cm.doc.sel.primary(); var from = sel.from(), to = sel.to(); if (from.line < display.viewFrom || to.line > display.viewTo - 1) return false; var fromIndex; if (from.line == display.viewFrom || (fromIndex = findViewIndex(cm, from.line)) == 0) { var fromLine = lineNo(display.view[0].line); var fromNode = display.view[0].node; } else { var fromLine = lineNo(display.view[fromIndex].line); var fromNode = display.view[fromIndex - 1].node.nextSibling; } var toIndex = findViewIndex(cm, to.line); if (toIndex == display.view.length - 1) { var toLine = display.viewTo - 1; var toNode = display.lineDiv.lastChild; } else { var toLine = lineNo(display.view[toIndex + 1].line) - 1; var toNode = display.view[toIndex + 1].node.previousSibling; } var newText = cm.doc.splitLines(domTextBetween(cm, fromNode, toNode, fromLine, toLine)); var oldText = getBetween(cm.doc, Pos(fromLine, 0), Pos(toLine, getLine(cm.doc, toLine).text.length)); while (newText.length > 1 && oldText.length > 1) { if (lst(newText) == lst(oldText)) { newText.pop(); oldText.pop(); toLine--; } else if (newText[0] == oldText[0]) { newText.shift(); oldText.shift(); fromLine++; } else break; } var cutFront = 0, cutEnd = 0; var newTop = newText[0], oldTop = oldText[0], maxCutFront = Math.min(newTop.length, oldTop.length); while (cutFront < maxCutFront && newTop.charCodeAt(cutFront) == oldTop.charCodeAt(cutFront)) ++cutFront; var newBot = lst(newText), oldBot = lst(oldText); var maxCutEnd = Math.min(newBot.length - (newText.length == 1 ? cutFront : 0), oldBot.length - (oldText.length == 1 ? cutFront : 0)); while (cutEnd < maxCutEnd && newBot.charCodeAt(newBot.length - cutEnd - 1) == oldBot.charCodeAt(oldBot.length - cutEnd - 1)) ++cutEnd; newText[newText.length - 1] = newBot.slice(0, newBot.length - cutEnd); newText[0] = newText[0].slice(cutFront); var chFrom = Pos(fromLine, cutFront); var chTo = Pos(toLine, oldText.length ? lst(oldText).length - cutEnd : 0); if (newText.length > 1 || newText[0] || cmp(chFrom, chTo)) { replaceRange(cm.doc, newText, chFrom, chTo, "+input"); return true; } }, ensurePolled: function() { this.forceCompositionEnd(); }, reset: function() { this.forceCompositionEnd(); }, forceCompositionEnd: function() { if (!this.composing || this.composing.handled) return; this.applyComposition(this.composing); this.composing.handled = true; this.div.blur(); this.div.focus(); }, applyComposition: function(composing) { if (this.cm.isReadOnly()) operation(this.cm, regChange)(this.cm) else if (composing.data && composing.data != composing.startData) operation(this.cm, applyTextInput)(this.cm, composing.data, 0, composing.sel); }, setUneditable: function(node) { node.contentEditable = "false" }, onKeyPress: function(e) { e.preventDefault(); if (!this.cm.isReadOnly()) operation(this.cm, applyTextInput)(this.cm, String.fromCharCode(e.charCode == null ? e.keyCode : e.charCode), 0); }, readOnlyChanged: function(val) { this.div.contentEditable = String(val != "nocursor") }, onContextMenu: nothing, resetPosition: nothing, needsContentAttribute: true }, ContentEditableInput.prototype); function posToDOM(cm, pos) { var view = findViewForLine(cm, pos.line); if (!view || view.hidden) return null; var line = getLine(cm.doc, pos.line); var info = mapFromLineView(view, line, pos.line); var order = getOrder(line), side = "left"; if (order) { var partPos = getBidiPartAt(order, pos.ch); side = partPos % 2 ? "right" : "left"; } var result = nodeAndOffsetInLineMap(info.map, pos.ch, side); result.offset = result.collapse == "right" ? result.end : result.start; return result; } function badPos(pos, bad) { if (bad) pos.bad = true; return pos; } function domToPos(cm, node, offset) { var lineNode; if (node == cm.display.lineDiv) { lineNode = cm.display.lineDiv.childNodes[offset]; if (!lineNode) return badPos(cm.clipPos(Pos(cm.display.viewTo - 1)), true); node = null; offset = 0; } else { for (lineNode = node;; lineNode = lineNode.parentNode) { if (!lineNode || lineNode == cm.display.lineDiv) return null; if (lineNode.parentNode && lineNode.parentNode == cm.display.lineDiv) break; } } for (var i = 0; i < cm.display.view.length; i++) { var lineView = cm.display.view[i]; if (lineView.node == lineNode) return locateNodeInLineView(lineView, node, offset); } } function locateNodeInLineView(lineView, node, offset) { var wrapper = lineView.text.firstChild, bad = false; if (!node || !contains(wrapper, node)) return badPos(Pos(lineNo(lineView.line), 0), true); if (node == wrapper) { bad = true; node = wrapper.childNodes[offset]; offset = 0; if (!node) { var line = lineView.rest ? lst(lineView.rest) : lineView.line; return badPos(Pos(lineNo(line), line.text.length), bad); } } var textNode = node.nodeType == 3 ? node : null, topNode = node; if (!textNode && node.childNodes.length == 1 && node.firstChild.nodeType == 3) { textNode = node.firstChild; if (offset) offset = textNode.nodeValue.length; } while (topNode.parentNode != wrapper) topNode = topNode.parentNode; var measure = lineView.measure, maps = measure.maps; function find(textNode, topNode, offset) { for (var i = -1; i < (maps ? maps.length : 0); i++) { var map = i < 0 ? measure.map : maps[i]; for (var j = 0; j < map.length; j += 3) { var curNode = map[j + 2]; if (curNode == textNode || curNode == topNode) { var line = lineNo(i < 0 ? lineView.line : lineView.rest[i]); var ch = map[j] + offset; if (offset < 0 || curNode != textNode) ch = map[j + (offset ? 1 : 0)]; return Pos(line, ch); } } } } var found = find(textNode, topNode, offset); if (found) return badPos(found, bad); // FIXME this is all really shaky. might handle the few cases it needs to handle, but likely to cause problems for (var after = topNode.nextSibling, dist = textNode ? textNode.nodeValue.length - offset : 0; after; after = after.nextSibling) { found = find(after, after.firstChild, 0); if (found) return badPos(Pos(found.line, found.ch - dist), bad); else dist += after.textContent.length; } for (var before = topNode.previousSibling, dist = offset; before; before = before.previousSibling) { found = find(before, before.firstChild, -1); if (found) return badPos(Pos(found.line, found.ch + dist), bad); else dist += before.textContent.length; } } function domTextBetween(cm, from, to, fromLine, toLine) { var text = "", closing = false, lineSep = cm.doc.lineSeparator(); function recognizeMarker(id) { return function(marker) { return marker.id == id; }; } function walk(node) { if (node.nodeType == 1) { var cmText = node.getAttribute("cm-text"); if (cmText != null) { if (cmText == "") cmText = node.textContent.replace(/\u200b/g, ""); text += cmText; return; } var markerID = node.getAttribute("cm-marker"), range; if (markerID) { var found = cm.findMarks(Pos(fromLine, 0), Pos(toLine + 1, 0), recognizeMarker(+markerID)); if (found.length && (range = found[0].find())) text += getBetween(cm.doc, range.from, range.to).join(lineSep); return; } if (node.getAttribute("contenteditable") == "false") return; for (var i = 0; i < node.childNodes.length; i++) walk(node.childNodes[i]); if (/^(pre|div|p)$/i.test(node.nodeName)) closing = true; } else if (node.nodeType == 3) { var val = node.nodeValue; if (!val) return; if (closing) { text += lineSep; closing = false; } text += val; } } for (;;) { walk(from); if (from == to) break; from = from.nextSibling; } return text; } CodeMirror.inputStyles = {"textarea": TextareaInput, "contenteditable": ContentEditableInput}; // SELECTION / CURSOR // Selection objects are immutable. A new one is created every time // the selection changes. A selection is one or more non-overlapping // (and non-touching) ranges, sorted, and an integer that indicates // which one is the primary selection (the one that's scrolled into // view, that getCursor returns, etc). function Selection(ranges, primIndex) { this.ranges = ranges; this.primIndex = primIndex; } Selection.prototype = { primary: function() { return this.ranges[this.primIndex]; }, equals: function(other) { if (other == this) return true; if (other.primIndex != this.primIndex || other.ranges.length != this.ranges.length) return false; for (var i = 0; i < this.ranges.length; i++) { var here = this.ranges[i], there = other.ranges[i]; if (cmp(here.anchor, there.anchor) != 0 || cmp(here.head, there.head) != 0) return false; } return true; }, deepCopy: function() { for (var out = [], i = 0; i < this.ranges.length; i++) out[i] = new Range(copyPos(this.ranges[i].anchor), copyPos(this.ranges[i].head)); return new Selection(out, this.primIndex); }, somethingSelected: function() { for (var i = 0; i < this.ranges.length; i++) if (!this.ranges[i].empty()) return true; return false; }, contains: function(pos, end) { if (!end) end = pos; for (var i = 0; i < this.ranges.length; i++) { var range = this.ranges[i]; if (cmp(end, range.from()) >= 0 && cmp(pos, range.to()) <= 0) return i; } return -1; } }; function Range(anchor, head) { this.anchor = anchor; this.head = head; } Range.prototype = { from: function() { return minPos(this.anchor, this.head); }, to: function() { return maxPos(this.anchor, this.head); }, empty: function() { return this.head.line == this.anchor.line && this.head.ch == this.anchor.ch; } }; // Take an unsorted, potentially overlapping set of ranges, and // build a selection out of it. 'Consumes' ranges array (modifying // it). function normalizeSelection(ranges, primIndex) { var prim = ranges[primIndex]; ranges.sort(function(a, b) { return cmp(a.from(), b.from()); }); primIndex = indexOf(ranges, prim); for (var i = 1; i < ranges.length; i++) { var cur = ranges[i], prev = ranges[i - 1]; if (cmp(prev.to(), cur.from()) >= 0) { var from = minPos(prev.from(), cur.from()), to = maxPos(prev.to(), cur.to()); var inv = prev.empty() ? cur.from() == cur.head : prev.from() == prev.head; if (i <= primIndex) --primIndex; ranges.splice(--i, 2, new Range(inv ? to : from, inv ? from : to)); } } return new Selection(ranges, primIndex); } function simpleSelection(anchor, head) { return new Selection([new Range(anchor, head || anchor)], 0); } // Most of the external API clips given positions to make sure they // actually exist within the document. function clipLine(doc, n) {return Math.max(doc.first, Math.min(n, doc.first + doc.size - 1));} function clipPos(doc, pos) { if (pos.line < doc.first) return Pos(doc.first, 0); var last = doc.first + doc.size - 1; if (pos.line > last) return Pos(last, getLine(doc, last).text.length); return clipToLen(pos, getLine(doc, pos.line).text.length); } function clipToLen(pos, linelen) { var ch = pos.ch; if (ch == null || ch > linelen) return Pos(pos.line, linelen); else if (ch < 0) return Pos(pos.line, 0); else return pos; } function isLine(doc, l) {return l >= doc.first && l < doc.first + doc.size;} function clipPosArray(doc, array) { for (var out = [], i = 0; i < array.length; i++) out[i] = clipPos(doc, array[i]); return out; } // SELECTION UPDATES // The 'scroll' parameter given to many of these indicated whether // the new cursor position should be scrolled into view after // modifying the selection. // If shift is held or the extend flag is set, extends a range to // include a given position (and optionally a second position). // Otherwise, simply returns the range between the given positions. // Used for cursor motion and such. function extendRange(doc, range, head, other) { if (doc.cm && doc.cm.display.shift || doc.extend) { var anchor = range.anchor; if (other) { var posBefore = cmp(head, anchor) < 0; if (posBefore != (cmp(other, anchor) < 0)) { anchor = head; head = other; } else if (posBefore != (cmp(head, other) < 0)) { head = other; } } return new Range(anchor, head); } else { return new Range(other || head, head); } } // Extend the primary selection range, discard the rest. function extendSelection(doc, head, other, options) { setSelection(doc, new Selection([extendRange(doc, doc.sel.primary(), head, other)], 0), options); } // Extend all selections (pos is an array of selections with length // equal the number of selections) function extendSelections(doc, heads, options) { for (var out = [], i = 0; i < doc.sel.ranges.length; i++) out[i] = extendRange(doc, doc.sel.ranges[i], heads[i], null); var newSel = normalizeSelection(out, doc.sel.primIndex); setSelection(doc, newSel, options); } // Updates a single range in the selection. function replaceOneSelection(doc, i, range, options) { var ranges = doc.sel.ranges.slice(0); ranges[i] = range; setSelection(doc, normalizeSelection(ranges, doc.sel.primIndex), options); } // Reset the selection to a single range. function setSimpleSelection(doc, anchor, head, options) { setSelection(doc, simpleSelection(anchor, head), options); } // Give beforeSelectionChange handlers a change to influence a // selection update. function filterSelectionChange(doc, sel, options) { var obj = { ranges: sel.ranges, update: function(ranges) { this.ranges = []; for (var i = 0; i < ranges.length; i++) this.ranges[i] = new Range(clipPos(doc, ranges[i].anchor), clipPos(doc, ranges[i].head)); }, origin: options && options.origin }; signal(doc, "beforeSelectionChange", doc, obj); if (doc.cm) signal(doc.cm, "beforeSelectionChange", doc.cm, obj); if (obj.ranges != sel.ranges) return normalizeSelection(obj.ranges, obj.ranges.length - 1); else return sel; } function setSelectionReplaceHistory(doc, sel, options) { var done = doc.history.done, last = lst(done); if (last && last.ranges) { done[done.length - 1] = sel; setSelectionNoUndo(doc, sel, options); } else { setSelection(doc, sel, options); } } // Set a new selection. function setSelection(doc, sel, options) { setSelectionNoUndo(doc, sel, options); addSelectionToHistory(doc, doc.sel, doc.cm ? doc.cm.curOp.id : NaN, options); } function setSelectionNoUndo(doc, sel, options) { if (hasHandler(doc, "beforeSelectionChange") || doc.cm && hasHandler(doc.cm, "beforeSelectionChange")) sel = filterSelectionChange(doc, sel, options); var bias = options && options.bias || (cmp(sel.primary().head, doc.sel.primary().head) < 0 ? -1 : 1); setSelectionInner(doc, skipAtomicInSelection(doc, sel, bias, true)); if (!(options && options.scroll === false) && doc.cm) ensureCursorVisible(doc.cm); } function setSelectionInner(doc, sel) { if (sel.equals(doc.sel)) return; doc.sel = sel; if (doc.cm) { doc.cm.curOp.updateInput = doc.cm.curOp.selectionChanged = true; signalCursorActivity(doc.cm); } signalLater(doc, "cursorActivity", doc); } // Verify that the selection does not partially select any atomic // marked ranges. function reCheckSelection(doc) { setSelectionInner(doc, skipAtomicInSelection(doc, doc.sel, null, false), sel_dontScroll); } // Return a selection that does not partially select any atomic // ranges. function skipAtomicInSelection(doc, sel, bias, mayClear) { var out; for (var i = 0; i < sel.ranges.length; i++) { var range = sel.ranges[i]; var old = sel.ranges.length == doc.sel.ranges.length && doc.sel.ranges[i]; var newAnchor = skipAtomic(doc, range.anchor, old && old.anchor, bias, mayClear); var newHead = skipAtomic(doc, range.head, old && old.head, bias, mayClear); if (out || newAnchor != range.anchor || newHead != range.head) { if (!out) out = sel.ranges.slice(0, i); out[i] = new Range(newAnchor, newHead); } } return out ? normalizeSelection(out, sel.primIndex) : sel; } function skipAtomicInner(doc, pos, oldPos, dir, mayClear) { var line = getLine(doc, pos.line); if (line.markedSpans) for (var i = 0; i < line.markedSpans.length; ++i) { var sp = line.markedSpans[i], m = sp.marker; if ((sp.from == null || (m.inclusiveLeft ? sp.from <= pos.ch : sp.from < pos.ch)) && (sp.to == null || (m.inclusiveRight ? sp.to >= pos.ch : sp.to > pos.ch))) { if (mayClear) { signal(m, "beforeCursorEnter"); if (m.explicitlyCleared) { if (!line.markedSpans) break; else {--i; continue;} } } if (!m.atomic) continue; if (oldPos) { var near = m.find(dir < 0 ? 1 : -1), diff; if (dir < 0 ? m.inclusiveRight : m.inclusiveLeft) near = movePos(doc, near, -dir, near && near.line == pos.line ? line : null); if (near && near.line == pos.line && (diff = cmp(near, oldPos)) && (dir < 0 ? diff < 0 : diff > 0)) return skipAtomicInner(doc, near, pos, dir, mayClear); } var far = m.find(dir < 0 ? -1 : 1); if (dir < 0 ? m.inclusiveLeft : m.inclusiveRight) far = movePos(doc, far, dir, far.line == pos.line ? line : null); return far ? skipAtomicInner(doc, far, pos, dir, mayClear) : null; } } return pos; } // Ensure a given position is not inside an atomic range. function skipAtomic(doc, pos, oldPos, bias, mayClear) { var dir = bias || 1; var found = skipAtomicInner(doc, pos, oldPos, dir, mayClear) || (!mayClear && skipAtomicInner(doc, pos, oldPos, dir, true)) || skipAtomicInner(doc, pos, oldPos, -dir, mayClear) || (!mayClear && skipAtomicInner(doc, pos, oldPos, -dir, true)); if (!found) { doc.cantEdit = true; return Pos(doc.first, 0); } return found; } function movePos(doc, pos, dir, line) { if (dir < 0 && pos.ch == 0) { if (pos.line > doc.first) return clipPos(doc, Pos(pos.line - 1)); else return null; } else if (dir > 0 && pos.ch == (line || getLine(doc, pos.line)).text.length) { if (pos.line < doc.first + doc.size - 1) return Pos(pos.line + 1, 0); else return null; } else { return new Pos(pos.line, pos.ch + dir); } } // SELECTION DRAWING function updateSelection(cm) { cm.display.input.showSelection(cm.display.input.prepareSelection()); } function prepareSelection(cm, primary) { var doc = cm.doc, result = {}; var curFragment = result.cursors = document.createDocumentFragment(); var selFragment = result.selection = document.createDocumentFragment(); for (var i = 0; i < doc.sel.ranges.length; i++) { if (primary === false && i == doc.sel.primIndex) continue; var range = doc.sel.ranges[i]; if (range.from().line >= cm.display.viewTo || range.to().line < cm.display.viewFrom) continue; var collapsed = range.empty(); if (collapsed || cm.options.showCursorWhenSelecting) drawSelectionCursor(cm, range.head, curFragment); if (!collapsed) drawSelectionRange(cm, range, selFragment); } return result; } // Draws a cursor for the given range function drawSelectionCursor(cm, head, output) { var pos = cursorCoords(cm, head, "div", null, null, !cm.options.singleCursorHeightPerLine); var cursor = output.appendChild(elt("div", "\u00a0", "CodeMirror-cursor")); cursor.style.left = pos.left + "px"; cursor.style.top = pos.top + "px"; cursor.style.height = Math.max(0, pos.bottom - pos.top) * cm.options.cursorHeight + "px"; if (pos.other) { // Secondary cursor, shown when on a 'jump' in bi-directional text var otherCursor = output.appendChild(elt("div", "\u00a0", "CodeMirror-cursor CodeMirror-secondarycursor")); otherCursor.style.display = ""; otherCursor.style.left = pos.other.left + "px"; otherCursor.style.top = pos.other.top + "px"; otherCursor.style.height = (pos.other.bottom - pos.other.top) * .85 + "px"; } } // Draws the given range as a highlighted selection function drawSelectionRange(cm, range, output) { var display = cm.display, doc = cm.doc; var fragment = document.createDocumentFragment(); var padding = paddingH(cm.display), leftSide = padding.left; var rightSide = Math.max(display.sizerWidth, displayWidth(cm) - display.sizer.offsetLeft) - padding.right; function add(left, top, width, bottom) { if (top < 0) top = 0; top = Math.round(top); bottom = Math.round(bottom); fragment.appendChild(elt("div", null, "CodeMirror-selected", "position: absolute; left: " + left + "px; top: " + top + "px; width: " + (width == null ? rightSide - left : width) + "px; height: " + (bottom - top) + "px")); } function drawForLine(line, fromArg, toArg) { var lineObj = getLine(doc, line); var lineLen = lineObj.text.length; var start, end; function coords(ch, bias) { return charCoords(cm, Pos(line, ch), "div", lineObj, bias); } iterateBidiSections(getOrder(lineObj), fromArg || 0, toArg == null ? lineLen : toArg, function(from, to, dir) { var leftPos = coords(from, "left"), rightPos, left, right; if (from == to) { rightPos = leftPos; left = right = leftPos.left; } else { rightPos = coords(to - 1, "right"); if (dir == "rtl") { var tmp = leftPos; leftPos = rightPos; rightPos = tmp; } left = leftPos.left; right = rightPos.right; } if (fromArg == null && from == 0) left = leftSide; if (rightPos.top - leftPos.top > 3) { // Different lines, draw top part add(left, leftPos.top, null, leftPos.bottom); left = leftSide; if (leftPos.bottom < rightPos.top) add(left, leftPos.bottom, null, rightPos.top); } if (toArg == null && to == lineLen) right = rightSide; if (!start || leftPos.top < start.top || leftPos.top == start.top && leftPos.left < start.left) start = leftPos; if (!end || rightPos.bottom > end.bottom || rightPos.bottom == end.bottom && rightPos.right > end.right) end = rightPos; if (left < leftSide + 1) left = leftSide; add(left, rightPos.top, right - left, rightPos.bottom); }); return {start: start, end: end}; } var sFrom = range.from(), sTo = range.to(); if (sFrom.line == sTo.line) { drawForLine(sFrom.line, sFrom.ch, sTo.ch); } else { var fromLine = getLine(doc, sFrom.line), toLine = getLine(doc, sTo.line); var singleVLine = visualLine(fromLine) == visualLine(toLine); var leftEnd = drawForLine(sFrom.line, sFrom.ch, singleVLine ? fromLine.text.length + 1 : null).end; var rightStart = drawForLine(sTo.line, singleVLine ? 0 : null, sTo.ch).start; if (singleVLine) { if (leftEnd.top < rightStart.top - 2) { add(leftEnd.right, leftEnd.top, null, leftEnd.bottom); add(leftSide, rightStart.top, rightStart.left, rightStart.bottom); } else { add(leftEnd.right, leftEnd.top, rightStart.left - leftEnd.right, leftEnd.bottom); } } if (leftEnd.bottom < rightStart.top) add(leftSide, leftEnd.bottom, null, rightStart.top); } output.appendChild(fragment); } // Cursor-blinking function restartBlink(cm) { if (!cm.state.focused) return; var display = cm.display; clearInterval(display.blinker); var on = true; display.cursorDiv.style.visibility = ""; if (cm.options.cursorBlinkRate > 0) display.blinker = setInterval(function() { display.cursorDiv.style.visibility = (on = !on) ? "" : "hidden"; }, cm.options.cursorBlinkRate); else if (cm.options.cursorBlinkRate < 0) display.cursorDiv.style.visibility = "hidden"; } // HIGHLIGHT WORKER function startWorker(cm, time) { if (cm.doc.mode.startState && cm.doc.frontier < cm.display.viewTo) cm.state.highlight.set(time, bind(highlightWorker, cm)); } function highlightWorker(cm) { var doc = cm.doc; if (doc.frontier < doc.first) doc.frontier = doc.first; if (doc.frontier >= cm.display.viewTo) return; var end = +new Date + cm.options.workTime; var state = copyState(doc.mode, getStateBefore(cm, doc.frontier)); var changedLines = []; doc.iter(doc.frontier, Math.min(doc.first + doc.size, cm.display.viewTo + 500), function(line) { if (doc.frontier >= cm.display.viewFrom) { // Visible var oldStyles = line.styles, tooLong = line.text.length > cm.options.maxHighlightLength; var highlighted = highlightLine(cm, line, tooLong ? copyState(doc.mode, state) : state, true); line.styles = highlighted.styles; var oldCls = line.styleClasses, newCls = highlighted.classes; if (newCls) line.styleClasses = newCls; else if (oldCls) line.styleClasses = null; var ischange = !oldStyles || oldStyles.length != line.styles.length || oldCls != newCls && (!oldCls || !newCls || oldCls.bgClass != newCls.bgClass || oldCls.textClass != newCls.textClass); for (var i = 0; !ischange && i < oldStyles.length; ++i) ischange = oldStyles[i] != line.styles[i]; if (ischange) changedLines.push(doc.frontier); line.stateAfter = tooLong ? state : copyState(doc.mode, state); } else { if (line.text.length <= cm.options.maxHighlightLength) processLine(cm, line.text, state); line.stateAfter = doc.frontier % 5 == 0 ? copyState(doc.mode, state) : null; } ++doc.frontier; if (+new Date > end) { startWorker(cm, cm.options.workDelay); return true; } }); if (changedLines.length) runInOp(cm, function() { for (var i = 0; i < changedLines.length; i++) regLineChange(cm, changedLines[i], "text"); }); } // Finds the line to start with when starting a parse. Tries to // find a line with a stateAfter, so that it can start with a // valid state. If that fails, it returns the line with the // smallest indentation, which tends to need the least context to // parse correctly. function findStartLine(cm, n, precise) { var minindent, minline, doc = cm.doc; var lim = precise ? -1 : n - (cm.doc.mode.innerMode ? 1000 : 100); for (var search = n; search > lim; --search) { if (search <= doc.first) return doc.first; var line = getLine(doc, search - 1); if (line.stateAfter && (!precise || search <= doc.frontier)) return search; var indented = countColumn(line.text, null, cm.options.tabSize); if (minline == null || minindent > indented) { minline = search - 1; minindent = indented; } } return minline; } function getStateBefore(cm, n, precise) { var doc = cm.doc, display = cm.display; if (!doc.mode.startState) return true; var pos = findStartLine(cm, n, precise), state = pos > doc.first && getLine(doc, pos-1).stateAfter; if (!state) state = startState(doc.mode); else state = copyState(doc.mode, state); doc.iter(pos, n, function(line) { processLine(cm, line.text, state); var save = pos == n - 1 || pos % 5 == 0 || pos >= display.viewFrom && pos < display.viewTo; line.stateAfter = save ? copyState(doc.mode, state) : null; ++pos; }); if (precise) doc.frontier = pos; return state; } // POSITION MEASUREMENT function paddingTop(display) {return display.lineSpace.offsetTop;} function paddingVert(display) {return display.mover.offsetHeight - display.lineSpace.offsetHeight;} function paddingH(display) { if (display.cachedPaddingH) return display.cachedPaddingH; var e = removeChildrenAndAdd(display.measure, elt("pre", "x")); var style = window.getComputedStyle ? window.getComputedStyle(e) : e.currentStyle; var data = {left: parseInt(style.paddingLeft), right: parseInt(style.paddingRight)}; if (!isNaN(data.left) && !isNaN(data.right)) display.cachedPaddingH = data; return data; } function scrollGap(cm) { return scrollerGap - cm.display.nativeBarWidth; } function displayWidth(cm) { return cm.display.scroller.clientWidth - scrollGap(cm) - cm.display.barWidth; } function displayHeight(cm) { return cm.display.scroller.clientHeight - scrollGap(cm) - cm.display.barHeight; } // Ensure the lineView.wrapping.heights array is populated. This is // an array of bottom offsets for the lines that make up a drawn // line. When lineWrapping is on, there might be more than one // height. function ensureLineHeights(cm, lineView, rect) { var wrapping = cm.options.lineWrapping; var curWidth = wrapping && displayWidth(cm); if (!lineView.measure.heights || wrapping && lineView.measure.width != curWidth) { var heights = lineView.measure.heights = []; if (wrapping) { lineView.measure.width = curWidth; var rects = lineView.text.firstChild.getClientRects(); for (var i = 0; i < rects.length - 1; i++) { var cur = rects[i], next = rects[i + 1]; if (Math.abs(cur.bottom - next.bottom) > 2) heights.push((cur.bottom + next.top) / 2 - rect.top); } } heights.push(rect.bottom - rect.top); } } // Find a line map (mapping character offsets to text nodes) and a // measurement cache for the given line number. (A line view might // contain multiple lines when collapsed ranges are present.) function mapFromLineView(lineView, line, lineN) { if (lineView.line == line) return {map: lineView.measure.map, cache: lineView.measure.cache}; for (var i = 0; i < lineView.rest.length; i++) if (lineView.rest[i] == line) return {map: lineView.measure.maps[i], cache: lineView.measure.caches[i]}; for (var i = 0; i < lineView.rest.length; i++) if (lineNo(lineView.rest[i]) > lineN) return {map: lineView.measure.maps[i], cache: lineView.measure.caches[i], before: true}; } // Render a line into the hidden node display.externalMeasured. Used // when measurement is needed for a line that's not in the viewport. function updateExternalMeasurement(cm, line) { line = visualLine(line); var lineN = lineNo(line); var view = cm.display.externalMeasured = new LineView(cm.doc, line, lineN); view.lineN = lineN; var built = view.built = buildLineContent(cm, view); view.text = built.pre; removeChildrenAndAdd(cm.display.lineMeasure, built.pre); return view; } // Get a {top, bottom, left, right} box (in line-local coordinates) // for a given character. function measureChar(cm, line, ch, bias) { return measureCharPrepared(cm, prepareMeasureForLine(cm, line), ch, bias); } // Find a line view that corresponds to the given line number. function findViewForLine(cm, lineN) { if (lineN >= cm.display.viewFrom && lineN < cm.display.viewTo) return cm.display.view[findViewIndex(cm, lineN)]; var ext = cm.display.externalMeasured; if (ext && lineN >= ext.lineN && lineN < ext.lineN + ext.size) return ext; } // Measurement can be split in two steps, the set-up work that // applies to the whole line, and the measurement of the actual // character. Functions like coordsChar, that need to do a lot of // measurements in a row, can thus ensure that the set-up work is // only done once. function prepareMeasureForLine(cm, line) { var lineN = lineNo(line); var view = findViewForLine(cm, lineN); if (view && !view.text) { view = null; } else if (view && view.changes) { updateLineForChanges(cm, view, lineN, getDimensions(cm)); cm.curOp.forceUpdate = true; } if (!view) view = updateExternalMeasurement(cm, line); var info = mapFromLineView(view, line, lineN); return { line: line, view: view, rect: null, map: info.map, cache: info.cache, before: info.before, hasHeights: false }; } // Given a prepared measurement object, measures the position of an // actual character (or fetches it from the cache). function measureCharPrepared(cm, prepared, ch, bias, varHeight) { if (prepared.before) ch = -1; var key = ch + (bias || ""), found; if (prepared.cache.hasOwnProperty(key)) { found = prepared.cache[key]; } else { if (!prepared.rect) prepared.rect = prepared.view.text.getBoundingClientRect(); if (!prepared.hasHeights) { ensureLineHeights(cm, prepared.view, prepared.rect); prepared.hasHeights = true; } found = measureCharInner(cm, prepared, ch, bias); if (!found.bogus) prepared.cache[key] = found; } return {left: found.left, right: found.right, top: varHeight ? found.rtop : found.top, bottom: varHeight ? found.rbottom : found.bottom}; } var nullRect = {left: 0, right: 0, top: 0, bottom: 0}; function nodeAndOffsetInLineMap(map, ch, bias) { var node, start, end, collapse; // First, search the line map for the text node corresponding to, // or closest to, the target character. for (var i = 0; i < map.length; i += 3) { var mStart = map[i], mEnd = map[i + 1]; if (ch < mStart) { start = 0; end = 1; collapse = "left"; } else if (ch < mEnd) { start = ch - mStart; end = start + 1; } else if (i == map.length - 3 || ch == mEnd && map[i + 3] > ch) { end = mEnd - mStart; start = end - 1; if (ch >= mEnd) collapse = "right"; } if (start != null) { node = map[i + 2]; if (mStart == mEnd && bias == (node.insertLeft ? "left" : "right")) collapse = bias; if (bias == "left" && start == 0) while (i && map[i - 2] == map[i - 3] && map[i - 1].insertLeft) { node = map[(i -= 3) + 2]; collapse = "left"; } if (bias == "right" && start == mEnd - mStart) while (i < map.length - 3 && map[i + 3] == map[i + 4] && !map[i + 5].insertLeft) { node = map[(i += 3) + 2]; collapse = "right"; } break; } } return {node: node, start: start, end: end, collapse: collapse, coverStart: mStart, coverEnd: mEnd}; } function getUsefulRect(rects, bias) { var rect = nullRect if (bias == "left") for (var i = 0; i < rects.length; i++) { if ((rect = rects[i]).left != rect.right) break } else for (var i = rects.length - 1; i >= 0; i--) { if ((rect = rects[i]).left != rect.right) break } return rect } function measureCharInner(cm, prepared, ch, bias) { var place = nodeAndOffsetInLineMap(prepared.map, ch, bias); var node = place.node, start = place.start, end = place.end, collapse = place.collapse; var rect; if (node.nodeType == 3) { // If it is a text node, use a range to retrieve the coordinates. for (var i = 0; i < 4; i++) { // Retry a maximum of 4 times when nonsense rectangles are returned while (start && isExtendingChar(prepared.line.text.charAt(place.coverStart + start))) --start; while (place.coverStart + end < place.coverEnd && isExtendingChar(prepared.line.text.charAt(place.coverStart + end))) ++end; if (ie && ie_version < 9 && start == 0 && end == place.coverEnd - place.coverStart) rect = node.parentNode.getBoundingClientRect(); else rect = getUsefulRect(range(node, start, end).getClientRects(), bias) if (rect.left || rect.right || start == 0) break; end = start; start = start - 1; collapse = "right"; } if (ie && ie_version < 11) rect = maybeUpdateRectForZooming(cm.display.measure, rect); } else { // If it is a widget, simply get the box for the whole widget. if (start > 0) collapse = bias = "right"; var rects; if (cm.options.lineWrapping && (rects = node.getClientRects()).length > 1) rect = rects[bias == "right" ? rects.length - 1 : 0]; else rect = node.getBoundingClientRect(); } if (ie && ie_version < 9 && !start && (!rect || !rect.left && !rect.right)) { var rSpan = node.parentNode.getClientRects()[0]; if (rSpan) rect = {left: rSpan.left, right: rSpan.left + charWidth(cm.display), top: rSpan.top, bottom: rSpan.bottom}; else rect = nullRect; } var rtop = rect.top - prepared.rect.top, rbot = rect.bottom - prepared.rect.top; var mid = (rtop + rbot) / 2; var heights = prepared.view.measure.heights; for (var i = 0; i < heights.length - 1; i++) if (mid < heights[i]) break; var top = i ? heights[i - 1] : 0, bot = heights[i]; var result = {left: (collapse == "right" ? rect.right : rect.left) - prepared.rect.left, right: (collapse == "left" ? rect.left : rect.right) - prepared.rect.left, top: top, bottom: bot}; if (!rect.left && !rect.right) result.bogus = true; if (!cm.options.singleCursorHeightPerLine) { result.rtop = rtop; result.rbottom = rbot; } return result; } // Work around problem with bounding client rects on ranges being // returned incorrectly when zoomed on IE10 and below. function maybeUpdateRectForZooming(measure, rect) { if (!window.screen || screen.logicalXDPI == null || screen.logicalXDPI == screen.deviceXDPI || !hasBadZoomedRects(measure)) return rect; var scaleX = screen.logicalXDPI / screen.deviceXDPI; var scaleY = screen.logicalYDPI / screen.deviceYDPI; return {left: rect.left * scaleX, right: rect.right * scaleX, top: rect.top * scaleY, bottom: rect.bottom * scaleY}; } function clearLineMeasurementCacheFor(lineView) { if (lineView.measure) { lineView.measure.cache = {}; lineView.measure.heights = null; if (lineView.rest) for (var i = 0; i < lineView.rest.length; i++) lineView.measure.caches[i] = {}; } } function clearLineMeasurementCache(cm) { cm.display.externalMeasure = null; removeChildren(cm.display.lineMeasure); for (var i = 0; i < cm.display.view.length; i++) clearLineMeasurementCacheFor(cm.display.view[i]); } function clearCaches(cm) { clearLineMeasurementCache(cm); cm.display.cachedCharWidth = cm.display.cachedTextHeight = cm.display.cachedPaddingH = null; if (!cm.options.lineWrapping) cm.display.maxLineChanged = true; cm.display.lineNumChars = null; } function pageScrollX() { return window.pageXOffset || (document.documentElement || document.body).scrollLeft; } function pageScrollY() { return window.pageYOffset || (document.documentElement || document.body).scrollTop; } // Converts a {top, bottom, left, right} box from line-local // coordinates into another coordinate system. Context may be one of // "line", "div" (display.lineDiv), "local"/null (editor), "window", // or "page". function intoCoordSystem(cm, lineObj, rect, context) { if (lineObj.widgets) for (var i = 0; i < lineObj.widgets.length; ++i) if (lineObj.widgets[i].above) { var size = widgetHeight(lineObj.widgets[i]); rect.top += size; rect.bottom += size; } if (context == "line") return rect; if (!context) context = "local"; var yOff = heightAtLine(lineObj); if (context == "local") yOff += paddingTop(cm.display); else yOff -= cm.display.viewOffset; if (context == "page" || context == "window") { var lOff = cm.display.lineSpace.getBoundingClientRect(); yOff += lOff.top + (context == "window" ? 0 : pageScrollY()); var xOff = lOff.left + (context == "window" ? 0 : pageScrollX()); rect.left += xOff; rect.right += xOff; } rect.top += yOff; rect.bottom += yOff; return rect; } // Coverts a box from "div" coords to another coordinate system. // Context may be "window", "page", "div", or "local"/null. function fromCoordSystem(cm, coords, context) { if (context == "div") return coords; var left = coords.left, top = coords.top; // First move into "page" coordinate system if (context == "page") { left -= pageScrollX(); top -= pageScrollY(); } else if (context == "local" || !context) { var localBox = cm.display.sizer.getBoundingClientRect(); left += localBox.left; top += localBox.top; } var lineSpaceBox = cm.display.lineSpace.getBoundingClientRect(); return {left: left - lineSpaceBox.left, top: top - lineSpaceBox.top}; } function charCoords(cm, pos, context, lineObj, bias) { if (!lineObj) lineObj = getLine(cm.doc, pos.line); return intoCoordSystem(cm, lineObj, measureChar(cm, lineObj, pos.ch, bias), context); } // Returns a box for a given cursor position, which may have an // 'other' property containing the position of the secondary cursor // on a bidi boundary. function cursorCoords(cm, pos, context, lineObj, preparedMeasure, varHeight) { lineObj = lineObj || getLine(cm.doc, pos.line); if (!preparedMeasure) preparedMeasure = prepareMeasureForLine(cm, lineObj); function get(ch, right) { var m = measureCharPrepared(cm, preparedMeasure, ch, right ? "right" : "left", varHeight); if (right) m.left = m.right; else m.right = m.left; return intoCoordSystem(cm, lineObj, m, context); } function getBidi(ch, partPos) { var part = order[partPos], right = part.level % 2; if (ch == bidiLeft(part) && partPos && part.level < order[partPos - 1].level) { part = order[--partPos]; ch = bidiRight(part) - (part.level % 2 ? 0 : 1); right = true; } else if (ch == bidiRight(part) && partPos < order.length - 1 && part.level < order[partPos + 1].level) { part = order[++partPos]; ch = bidiLeft(part) - part.level % 2; right = false; } if (right && ch == part.to && ch > part.from) return get(ch - 1); return get(ch, right); } var order = getOrder(lineObj), ch = pos.ch; if (!order) return get(ch); var partPos = getBidiPartAt(order, ch); var val = getBidi(ch, partPos); if (bidiOther != null) val.other = getBidi(ch, bidiOther); return val; } // Used to cheaply estimate the coordinates for a position. Used for // intermediate scroll updates. function estimateCoords(cm, pos) { var left = 0, pos = clipPos(cm.doc, pos); if (!cm.options.lineWrapping) left = charWidth(cm.display) * pos.ch; var lineObj = getLine(cm.doc, pos.line); var top = heightAtLine(lineObj) + paddingTop(cm.display); return {left: left, right: left, top: top, bottom: top + lineObj.height}; } // Positions returned by coordsChar contain some extra information. // xRel is the relative x position of the input coordinates compared // to the found position (so xRel > 0 means the coordinates are to // the right of the character position, for example). When outside // is true, that means the coordinates lie outside the line's // vertical range. function PosWithInfo(line, ch, outside, xRel) { var pos = Pos(line, ch); pos.xRel = xRel; if (outside) pos.outside = true; return pos; } // Compute the character position closest to the given coordinates. // Input must be lineSpace-local ("div" coordinate system). function coordsChar(cm, x, y) { var doc = cm.doc; y += cm.display.viewOffset; if (y < 0) return PosWithInfo(doc.first, 0, true, -1); var lineN = lineAtHeight(doc, y), last = doc.first + doc.size - 1; if (lineN > last) return PosWithInfo(doc.first + doc.size - 1, getLine(doc, last).text.length, true, 1); if (x < 0) x = 0; var lineObj = getLine(doc, lineN); for (;;) { var found = coordsCharInner(cm, lineObj, lineN, x, y); var merged = collapsedSpanAtEnd(lineObj); var mergedPos = merged && merged.find(0, true); if (merged && (found.ch > mergedPos.from.ch || found.ch == mergedPos.from.ch && found.xRel > 0)) lineN = lineNo(lineObj = mergedPos.to.line); else return found; } } function coordsCharInner(cm, lineObj, lineNo, x, y) { var innerOff = y - heightAtLine(lineObj); var wrongLine = false, adjust = 2 * cm.display.wrapper.clientWidth; var preparedMeasure = prepareMeasureForLine(cm, lineObj); function getX(ch) { var sp = cursorCoords(cm, Pos(lineNo, ch), "line", lineObj, preparedMeasure); wrongLine = true; if (innerOff > sp.bottom) return sp.left - adjust; else if (innerOff < sp.top) return sp.left + adjust; else wrongLine = false; return sp.left; } var bidi = getOrder(lineObj), dist = lineObj.text.length; var from = lineLeft(lineObj), to = lineRight(lineObj); var fromX = getX(from), fromOutside = wrongLine, toX = getX(to), toOutside = wrongLine; if (x > toX) return PosWithInfo(lineNo, to, toOutside, 1); // Do a binary search between these bounds. for (;;) { if (bidi ? to == from || to == moveVisually(lineObj, from, 1) : to - from <= 1) { var ch = x < fromX || x - fromX <= toX - x ? from : to; var outside = ch == from ? fromOutside : toOutside var xDiff = x - (ch == from ? fromX : toX); // This is a kludge to handle the case where the coordinates // are after a line-wrapped line. We should replace it with a // more general handling of cursor positions around line // breaks. (Issue #4078) if (toOutside && !bidi && !/\s/.test(lineObj.text.charAt(ch)) && xDiff > 0 && ch < lineObj.text.length && preparedMeasure.view.measure.heights.length > 1) { var charSize = measureCharPrepared(cm, preparedMeasure, ch, "right"); if (innerOff <= charSize.bottom && innerOff >= charSize.top && Math.abs(x - charSize.right) < xDiff) { outside = false ch++ xDiff = x - charSize.right } } while (isExtendingChar(lineObj.text.charAt(ch))) ++ch; var pos = PosWithInfo(lineNo, ch, outside, xDiff < -1 ? -1 : xDiff > 1 ? 1 : 0); return pos; } var step = Math.ceil(dist / 2), middle = from + step; if (bidi) { middle = from; for (var i = 0; i < step; ++i) middle = moveVisually(lineObj, middle, 1); } var middleX = getX(middle); if (middleX > x) {to = middle; toX = middleX; if (toOutside = wrongLine) toX += 1000; dist = step;} else {from = middle; fromX = middleX; fromOutside = wrongLine; dist -= step;} } } var measureText; // Compute the default text height. function textHeight(display) { if (display.cachedTextHeight != null) return display.cachedTextHeight; if (measureText == null) { measureText = elt("pre"); // Measure a bunch of lines, for browsers that compute // fractional heights. for (var i = 0; i < 49; ++i) { measureText.appendChild(document.createTextNode("x")); measureText.appendChild(elt("br")); } measureText.appendChild(document.createTextNode("x")); } removeChildrenAndAdd(display.measure, measureText); var height = measureText.offsetHeight / 50; if (height > 3) display.cachedTextHeight = height; removeChildren(display.measure); return height || 1; } // Compute the default character width. function charWidth(display) { if (display.cachedCharWidth != null) return display.cachedCharWidth; var anchor = elt("span", "xxxxxxxxxx"); var pre = elt("pre", [anchor]); removeChildrenAndAdd(display.measure, pre); var rect = anchor.getBoundingClientRect(), width = (rect.right - rect.left) / 10; if (width > 2) display.cachedCharWidth = width; return width || 10; } // OPERATIONS // Operations are used to wrap a series of changes to the editor // state in such a way that each change won't have to update the // cursor and display (which would be awkward, slow, and // error-prone). Instead, display updates are batched and then all // combined and executed at once. var operationGroup = null; var nextOpId = 0; // Start a new operation. function startOperation(cm) { cm.curOp = { cm: cm, viewChanged: false, // Flag that indicates that lines might need to be redrawn startHeight: cm.doc.height, // Used to detect need to update scrollbar forceUpdate: false, // Used to force a redraw updateInput: null, // Whether to reset the input textarea typing: false, // Whether this reset should be careful to leave existing text (for compositing) changeObjs: null, // Accumulated changes, for firing change events cursorActivityHandlers: null, // Set of handlers to fire cursorActivity on cursorActivityCalled: 0, // Tracks which cursorActivity handlers have been called already selectionChanged: false, // Whether the selection needs to be redrawn updateMaxLine: false, // Set when the widest line needs to be determined anew scrollLeft: null, scrollTop: null, // Intermediate scroll position, not pushed to DOM yet scrollToPos: null, // Used to scroll to a specific position focus: false, id: ++nextOpId // Unique ID }; if (operationGroup) { operationGroup.ops.push(cm.curOp); } else { cm.curOp.ownsGroup = operationGroup = { ops: [cm.curOp], delayedCallbacks: [] }; } } function fireCallbacksForOps(group) { // Calls delayed callbacks and cursorActivity handlers until no // new ones appear var callbacks = group.delayedCallbacks, i = 0; do { for (; i < callbacks.length; i++) callbacks[i].call(null); for (var j = 0; j < group.ops.length; j++) { var op = group.ops[j]; if (op.cursorActivityHandlers) while (op.cursorActivityCalled < op.cursorActivityHandlers.length) op.cursorActivityHandlers[op.cursorActivityCalled++].call(null, op.cm); } } while (i < callbacks.length); } // Finish an operation, updating the display and signalling delayed events function endOperation(cm) { var op = cm.curOp, group = op.ownsGroup; if (!group) return; try { fireCallbacksForOps(group); } finally { operationGroup = null; for (var i = 0; i < group.ops.length; i++) group.ops[i].cm.curOp = null; endOperations(group); } } // The DOM updates done when an operation finishes are batched so // that the minimum number of relayouts are required. function endOperations(group) { var ops = group.ops; for (var i = 0; i < ops.length; i++) // Read DOM endOperation_R1(ops[i]); for (var i = 0; i < ops.length; i++) // Write DOM (maybe) endOperation_W1(ops[i]); for (var i = 0; i < ops.length; i++) // Read DOM endOperation_R2(ops[i]); for (var i = 0; i < ops.length; i++) // Write DOM (maybe) endOperation_W2(ops[i]); for (var i = 0; i < ops.length; i++) // Read DOM endOperation_finish(ops[i]); } function endOperation_R1(op) { var cm = op.cm, display = cm.display; maybeClipScrollbars(cm); if (op.updateMaxLine) findMaxLine(cm); op.mustUpdate = op.viewChanged || op.forceUpdate || op.scrollTop != null || op.scrollToPos && (op.scrollToPos.from.line < display.viewFrom || op.scrollToPos.to.line >= display.viewTo) || display.maxLineChanged && cm.options.lineWrapping; op.update = op.mustUpdate && new DisplayUpdate(cm, op.mustUpdate && {top: op.scrollTop, ensure: op.scrollToPos}, op.forceUpdate); } function endOperation_W1(op) { op.updatedDisplay = op.mustUpdate && updateDisplayIfNeeded(op.cm, op.update); } function endOperation_R2(op) { var cm = op.cm, display = cm.display; if (op.updatedDisplay) updateHeightsInViewport(cm); op.barMeasure = measureForScrollbars(cm); // If the max line changed since it was last measured, measure it, // and ensure the document's width matches it. // updateDisplay_W2 will use these properties to do the actual resizing if (display.maxLineChanged && !cm.options.lineWrapping) { op.adjustWidthTo = measureChar(cm, display.maxLine, display.maxLine.text.length).left + 3; cm.display.sizerWidth = op.adjustWidthTo; op.barMeasure.scrollWidth = Math.max(display.scroller.clientWidth, display.sizer.offsetLeft + op.adjustWidthTo + scrollGap(cm) + cm.display.barWidth); op.maxScrollLeft = Math.max(0, display.sizer.offsetLeft + op.adjustWidthTo - displayWidth(cm)); } if (op.updatedDisplay || op.selectionChanged) op.preparedSelection = display.input.prepareSelection(op.focus); } function endOperation_W2(op) { var cm = op.cm; if (op.adjustWidthTo != null) { cm.display.sizer.style.minWidth = op.adjustWidthTo + "px"; if (op.maxScrollLeft < cm.doc.scrollLeft) setScrollLeft(cm, Math.min(cm.display.scroller.scrollLeft, op.maxScrollLeft), true); cm.display.maxLineChanged = false; } var takeFocus = op.focus && op.focus == activeElt() && (!document.hasFocus || document.hasFocus()) if (op.preparedSelection) cm.display.input.showSelection(op.preparedSelection, takeFocus); if (op.updatedDisplay || op.startHeight != cm.doc.height) updateScrollbars(cm, op.barMeasure); if (op.updatedDisplay) setDocumentHeight(cm, op.barMeasure); if (op.selectionChanged) restartBlink(cm); if (cm.state.focused && op.updateInput) cm.display.input.reset(op.typing); if (takeFocus) ensureFocus(op.cm); } function endOperation_finish(op) { var cm = op.cm, display = cm.display, doc = cm.doc; if (op.updatedDisplay) postUpdateDisplay(cm, op.update); // Abort mouse wheel delta measurement, when scrolling explicitly if (display.wheelStartX != null && (op.scrollTop != null || op.scrollLeft != null || op.scrollToPos)) display.wheelStartX = display.wheelStartY = null; // Propagate the scroll position to the actual DOM scroller if (op.scrollTop != null && (display.scroller.scrollTop != op.scrollTop || op.forceScroll)) { doc.scrollTop = Math.max(0, Math.min(display.scroller.scrollHeight - display.scroller.clientHeight, op.scrollTop)); display.scrollbars.setScrollTop(doc.scrollTop); display.scroller.scrollTop = doc.scrollTop; } if (op.scrollLeft != null && (display.scroller.scrollLeft != op.scrollLeft || op.forceScroll)) { doc.scrollLeft = Math.max(0, Math.min(display.scroller.scrollWidth - display.scroller.clientWidth, op.scrollLeft)); display.scrollbars.setScrollLeft(doc.scrollLeft); display.scroller.scrollLeft = doc.scrollLeft; alignHorizontally(cm); } // If we need to scroll a specific position into view, do so. if (op.scrollToPos) { var coords = scrollPosIntoView(cm, clipPos(doc, op.scrollToPos.from), clipPos(doc, op.scrollToPos.to), op.scrollToPos.margin); if (op.scrollToPos.isCursor && cm.state.focused) maybeScrollWindow(cm, coords); } // Fire events for markers that are hidden/unidden by editing or // undoing var hidden = op.maybeHiddenMarkers, unhidden = op.maybeUnhiddenMarkers; if (hidden) for (var i = 0; i < hidden.length; ++i) if (!hidden[i].lines.length) signal(hidden[i], "hide"); if (unhidden) for (var i = 0; i < unhidden.length; ++i) if (unhidden[i].lines.length) signal(unhidden[i], "unhide"); if (display.wrapper.offsetHeight) doc.scrollTop = cm.display.scroller.scrollTop; // Fire change events, and delayed event handlers if (op.changeObjs) signal(cm, "changes", cm, op.changeObjs); if (op.update) op.update.finish(); } // Run the given function in an operation function runInOp(cm, f) { if (cm.curOp) return f(); startOperation(cm); try { return f(); } finally { endOperation(cm); } } // Wraps a function in an operation. Returns the wrapped function. function operation(cm, f) { return function() { if (cm.curOp) return f.apply(cm, arguments); startOperation(cm); try { return f.apply(cm, arguments); } finally { endOperation(cm); } }; } // Used to add methods to editor and doc instances, wrapping them in // operations. function methodOp(f) { return function() { if (this.curOp) return f.apply(this, arguments); startOperation(this); try { return f.apply(this, arguments); } finally { endOperation(this); } }; } function docMethodOp(f) { return function() { var cm = this.cm; if (!cm || cm.curOp) return f.apply(this, arguments); startOperation(cm); try { return f.apply(this, arguments); } finally { endOperation(cm); } }; } // VIEW TRACKING // These objects are used to represent the visible (currently drawn) // part of the document. A LineView may correspond to multiple // logical lines, if those are connected by collapsed ranges. function LineView(doc, line, lineN) { // The starting line this.line = line; // Continuing lines, if any this.rest = visualLineContinued(line); // Number of logical lines in this visual line this.size = this.rest ? lineNo(lst(this.rest)) - lineN + 1 : 1; this.node = this.text = null; this.hidden = lineIsHidden(doc, line); } // Create a range of LineView objects for the given lines. function buildViewArray(cm, from, to) { var array = [], nextPos; for (var pos = from; pos < to; pos = nextPos) { var view = new LineView(cm.doc, getLine(cm.doc, pos), pos); nextPos = pos + view.size; array.push(view); } return array; } // Updates the display.view data structure for a given change to the // document. From and to are in pre-change coordinates. Lendiff is // the amount of lines added or subtracted by the change. This is // used for changes that span multiple lines, or change the way // lines are divided into visual lines. regLineChange (below) // registers single-line changes. function regChange(cm, from, to, lendiff) { if (from == null) from = cm.doc.first; if (to == null) to = cm.doc.first + cm.doc.size; if (!lendiff) lendiff = 0; var display = cm.display; if (lendiff && to < display.viewTo && (display.updateLineNumbers == null || display.updateLineNumbers > from)) display.updateLineNumbers = from; cm.curOp.viewChanged = true; if (from >= display.viewTo) { // Change after if (sawCollapsedSpans && visualLineNo(cm.doc, from) < display.viewTo) resetView(cm); } else if (to <= display.viewFrom) { // Change before if (sawCollapsedSpans && visualLineEndNo(cm.doc, to + lendiff) > display.viewFrom) { resetView(cm); } else { display.viewFrom += lendiff; display.viewTo += lendiff; } } else if (from <= display.viewFrom && to >= display.viewTo) { // Full overlap resetView(cm); } else if (from <= display.viewFrom) { // Top overlap var cut = viewCuttingPoint(cm, to, to + lendiff, 1); if (cut) { display.view = display.view.slice(cut.index); display.viewFrom = cut.lineN; display.viewTo += lendiff; } else { resetView(cm); } } else if (to >= display.viewTo) { // Bottom overlap var cut = viewCuttingPoint(cm, from, from, -1); if (cut) { display.view = display.view.slice(0, cut.index); display.viewTo = cut.lineN; } else { resetView(cm); } } else { // Gap in the middle var cutTop = viewCuttingPoint(cm, from, from, -1); var cutBot = viewCuttingPoint(cm, to, to + lendiff, 1); if (cutTop && cutBot) { display.view = display.view.slice(0, cutTop.index) .concat(buildViewArray(cm, cutTop.lineN, cutBot.lineN)) .concat(display.view.slice(cutBot.index)); display.viewTo += lendiff; } else { resetView(cm); } } var ext = display.externalMeasured; if (ext) { if (to < ext.lineN) ext.lineN += lendiff; else if (from < ext.lineN + ext.size) display.externalMeasured = null; } } // Register a change to a single line. Type must be one of "text", // "gutter", "class", "widget" function regLineChange(cm, line, type) { cm.curOp.viewChanged = true; var display = cm.display, ext = cm.display.externalMeasured; if (ext && line >= ext.lineN && line < ext.lineN + ext.size) display.externalMeasured = null; if (line < display.viewFrom || line >= display.viewTo) return; var lineView = display.view[findViewIndex(cm, line)]; if (lineView.node == null) return; var arr = lineView.changes || (lineView.changes = []); if (indexOf(arr, type) == -1) arr.push(type); } // Clear the view. function resetView(cm) { cm.display.viewFrom = cm.display.viewTo = cm.doc.first; cm.display.view = []; cm.display.viewOffset = 0; } // Find the view element corresponding to a given line. Return null // when the line isn't visible. function findViewIndex(cm, n) { if (n >= cm.display.viewTo) return null; n -= cm.display.viewFrom; if (n < 0) return null; var view = cm.display.view; for (var i = 0; i < view.length; i++) { n -= view[i].size; if (n < 0) return i; } } function viewCuttingPoint(cm, oldN, newN, dir) { var index = findViewIndex(cm, oldN), diff, view = cm.display.view; if (!sawCollapsedSpans || newN == cm.doc.first + cm.doc.size) return {index: index, lineN: newN}; for (var i = 0, n = cm.display.viewFrom; i < index; i++) n += view[i].size; if (n != oldN) { if (dir > 0) { if (index == view.length - 1) return null; diff = (n + view[index].size) - oldN; index++; } else { diff = n - oldN; } oldN += diff; newN += diff; } while (visualLineNo(cm.doc, newN) != newN) { if (index == (dir < 0 ? 0 : view.length - 1)) return null; newN += dir * view[index - (dir < 0 ? 1 : 0)].size; index += dir; } return {index: index, lineN: newN}; } // Force the view to cover a given range, adding empty view element // or clipping off existing ones as needed. function adjustView(cm, from, to) { var display = cm.display, view = display.view; if (view.length == 0 || from >= display.viewTo || to <= display.viewFrom) { display.view = buildViewArray(cm, from, to); display.viewFrom = from; } else { if (display.viewFrom > from) display.view = buildViewArray(cm, from, display.viewFrom).concat(display.view); else if (display.viewFrom < from) display.view = display.view.slice(findViewIndex(cm, from)); display.viewFrom = from; if (display.viewTo < to) display.view = display.view.concat(buildViewArray(cm, display.viewTo, to)); else if (display.viewTo > to) display.view = display.view.slice(0, findViewIndex(cm, to)); } display.viewTo = to; } // Count the number of lines in the view whose DOM representation is // out of date (or nonexistent). function countDirtyView(cm) { var view = cm.display.view, dirty = 0; for (var i = 0; i < view.length; i++) { var lineView = view[i]; if (!lineView.hidden && (!lineView.node || lineView.changes)) ++dirty; } return dirty; } // EVENT HANDLERS // Attach the necessary event handlers when initializing the editor function registerEventHandlers(cm) { var d = cm.display; on(d.scroller, "mousedown", operation(cm, onMouseDown)); // Older IE's will not fire a second mousedown for a double click if (ie && ie_version < 11) on(d.scroller, "dblclick", operation(cm, function(e) { if (signalDOMEvent(cm, e)) return; var pos = posFromMouse(cm, e); if (!pos || clickInGutter(cm, e) || eventInWidget(cm.display, e)) return; e_preventDefault(e); var word = cm.findWordAt(pos); extendSelection(cm.doc, word.anchor, word.head); })); else on(d.scroller, "dblclick", function(e) { signalDOMEvent(cm, e) || e_preventDefault(e); }); // Some browsers fire contextmenu *after* opening the menu, at // which point we can't mess with it anymore. Context menu is // handled in onMouseDown for these browsers. if (!captureRightClick) on(d.scroller, "contextmenu", function(e) {onContextMenu(cm, e);}); // Used to suppress mouse event handling when a touch happens var touchFinished, prevTouch = {end: 0}; function finishTouch() { if (d.activeTouch) { touchFinished = setTimeout(function() {d.activeTouch = null;}, 1000); prevTouch = d.activeTouch; prevTouch.end = +new Date; } }; function isMouseLikeTouchEvent(e) { if (e.touches.length != 1) return false; var touch = e.touches[0]; return touch.radiusX <= 1 && touch.radiusY <= 1; } function farAway(touch, other) { if (other.left == null) return true; var dx = other.left - touch.left, dy = other.top - touch.top; return dx * dx + dy * dy > 20 * 20; } on(d.scroller, "touchstart", function(e) { if (!signalDOMEvent(cm, e) && !isMouseLikeTouchEvent(e)) { clearTimeout(touchFinished); var now = +new Date; d.activeTouch = {start: now, moved: false, prev: now - prevTouch.end <= 300 ? prevTouch : null}; if (e.touches.length == 1) { d.activeTouch.left = e.touches[0].pageX; d.activeTouch.top = e.touches[0].pageY; } } }); on(d.scroller, "touchmove", function() { if (d.activeTouch) d.activeTouch.moved = true; }); on(d.scroller, "touchend", function(e) { var touch = d.activeTouch; if (touch && !eventInWidget(d, e) && touch.left != null && !touch.moved && new Date - touch.start < 300) { var pos = cm.coordsChar(d.activeTouch, "page"), range; if (!touch.prev || farAway(touch, touch.prev)) // Single tap range = new Range(pos, pos); else if (!touch.prev.prev || farAway(touch, touch.prev.prev)) // Double tap range = cm.findWordAt(pos); else // Triple tap range = new Range(Pos(pos.line, 0), clipPos(cm.doc, Pos(pos.line + 1, 0))); cm.setSelection(range.anchor, range.head); cm.focus(); e_preventDefault(e); } finishTouch(); }); on(d.scroller, "touchcancel", finishTouch); // Sync scrolling between fake scrollbars and real scrollable // area, ensure viewport is updated when scrolling. on(d.scroller, "scroll", function() { if (d.scroller.clientHeight) { setScrollTop(cm, d.scroller.scrollTop); setScrollLeft(cm, d.scroller.scrollLeft, true); signal(cm, "scroll", cm); } }); // Listen to wheel events in order to try and update the viewport on time. on(d.scroller, "mousewheel", function(e){onScrollWheel(cm, e);}); on(d.scroller, "DOMMouseScroll", function(e){onScrollWheel(cm, e);}); // Prevent wrapper from ever scrolling on(d.wrapper, "scroll", function() { d.wrapper.scrollTop = d.wrapper.scrollLeft = 0; }); d.dragFunctions = { enter: function(e) {if (!signalDOMEvent(cm, e)) e_stop(e);}, over: function(e) {if (!signalDOMEvent(cm, e)) { onDragOver(cm, e); e_stop(e); }}, start: function(e){onDragStart(cm, e);}, drop: operation(cm, onDrop), leave: function(e) {if (!signalDOMEvent(cm, e)) { clearDragCursor(cm); }} }; var inp = d.input.getField(); on(inp, "keyup", function(e) { onKeyUp.call(cm, e); }); on(inp, "keydown", operation(cm, onKeyDown)); on(inp, "keypress", operation(cm, onKeyPress)); on(inp, "focus", function (e) { onFocus(cm, e); }); on(inp, "blur", function (e) { onBlur(cm, e); }); } function dragDropChanged(cm, value, old) { var wasOn = old && old != CodeMirror.Init; if (!value != !wasOn) { var funcs = cm.display.dragFunctions; var toggle = value ? on : off; toggle(cm.display.scroller, "dragstart", funcs.start); toggle(cm.display.scroller, "dragenter", funcs.enter); toggle(cm.display.scroller, "dragover", funcs.over); toggle(cm.display.scroller, "dragleave", funcs.leave); toggle(cm.display.scroller, "drop", funcs.drop); } } // Called when the window resizes function onResize(cm) { var d = cm.display; if (d.lastWrapHeight == d.wrapper.clientHeight && d.lastWrapWidth == d.wrapper.clientWidth) return; // Might be a text scaling operation, clear size caches. d.cachedCharWidth = d.cachedTextHeight = d.cachedPaddingH = null; d.scrollbarsClipped = false; cm.setSize(); } // MOUSE EVENTS // Return true when the given mouse event happened in a widget function eventInWidget(display, e) { for (var n = e_target(e); n != display.wrapper; n = n.parentNode) { if (!n || (n.nodeType == 1 && n.getAttribute("cm-ignore-events") == "true") || (n.parentNode == display.sizer && n != display.mover)) return true; } } // Given a mouse event, find the corresponding position. If liberal // is false, it checks whether a gutter or scrollbar was clicked, // and returns null if it was. forRect is used by rectangular // selections, and tries to estimate a character position even for // coordinates beyond the right of the text. function posFromMouse(cm, e, liberal, forRect) { var display = cm.display; if (!liberal && e_target(e).getAttribute("cm-not-content") == "true") return null; var x, y, space = display.lineSpace.getBoundingClientRect(); // Fails unpredictably on IE[67] when mouse is dragged around quickly. try { x = e.clientX - space.left; y = e.clientY - space.top; } catch (e) { return null; } var coords = coordsChar(cm, x, y), line; if (forRect && coords.xRel == 1 && (line = getLine(cm.doc, coords.line).text).length == coords.ch) { var colDiff = countColumn(line, line.length, cm.options.tabSize) - line.length; coords = Pos(coords.line, Math.max(0, Math.round((x - paddingH(cm.display).left) / charWidth(cm.display)) - colDiff)); } return coords; } // A mouse down can be a single click, double click, triple click, // start of selection drag, start of text drag, new cursor // (ctrl-click), rectangle drag (alt-drag), or xwin // middle-click-paste. Or it might be a click on something we should // not interfere with, such as a scrollbar or widget. function onMouseDown(e) { var cm = this, display = cm.display; if (signalDOMEvent(cm, e) || display.activeTouch && display.input.supportsTouch()) return; display.shift = e.shiftKey; if (eventInWidget(display, e)) { if (!webkit) { // Briefly turn off draggability, to allow widgets to do // normal dragging things. display.scroller.draggable = false; setTimeout(function(){display.scroller.draggable = true;}, 100); } return; } if (clickInGutter(cm, e)) return; var start = posFromMouse(cm, e); window.focus(); switch (e_button(e)) { case 1: // #3261: make sure, that we're not starting a second selection if (cm.state.selectingText) cm.state.selectingText(e); else if (start) leftButtonDown(cm, e, start); else if (e_target(e) == display.scroller) e_preventDefault(e); break; case 2: if (webkit) cm.state.lastMiddleDown = +new Date; if (start) extendSelection(cm.doc, start); setTimeout(function() {display.input.focus();}, 20); e_preventDefault(e); break; case 3: if (captureRightClick) onContextMenu(cm, e); else delayBlurEvent(cm); break; } } var lastClick, lastDoubleClick; function leftButtonDown(cm, e, start) { if (ie) setTimeout(bind(ensureFocus, cm), 0); else cm.curOp.focus = activeElt(); var now = +new Date, type; if (lastDoubleClick && lastDoubleClick.time > now - 400 && cmp(lastDoubleClick.pos, start) == 0) { type = "triple"; } else if (lastClick && lastClick.time > now - 400 && cmp(lastClick.pos, start) == 0) { type = "double"; lastDoubleClick = {time: now, pos: start}; } else { type = "single"; lastClick = {time: now, pos: start}; } var sel = cm.doc.sel, modifier = mac ? e.metaKey : e.ctrlKey, contained; if (cm.options.dragDrop && dragAndDrop && !cm.isReadOnly() && type == "single" && (contained = sel.contains(start)) > -1 && (cmp((contained = sel.ranges[contained]).from(), start) < 0 || start.xRel > 0) && (cmp(contained.to(), start) > 0 || start.xRel < 0)) leftButtonStartDrag(cm, e, start, modifier); else leftButtonSelect(cm, e, start, type, modifier); } // Start a text drag. When it ends, see if any dragging actually // happen, and treat as a click if it didn't. function leftButtonStartDrag(cm, e, start, modifier) { var display = cm.display, startTime = +new Date; var dragEnd = operation(cm, function(e2) { if (webkit) display.scroller.draggable = false; cm.state.draggingText = false; off(document, "mouseup", dragEnd); off(display.scroller, "drop", dragEnd); if (Math.abs(e.clientX - e2.clientX) + Math.abs(e.clientY - e2.clientY) < 10) { e_preventDefault(e2); if (!modifier && +new Date - 200 < startTime) extendSelection(cm.doc, start); // Work around unexplainable focus problem in IE9 (#2127) and Chrome (#3081) if (webkit || ie && ie_version == 9) setTimeout(function() {document.body.focus(); display.input.focus();}, 20); else display.input.focus(); } }); // Let the drag handler handle this. if (webkit) display.scroller.draggable = true; cm.state.draggingText = dragEnd; dragEnd.copy = mac ? e.altKey : e.ctrlKey // IE's approach to draggable if (display.scroller.dragDrop) display.scroller.dragDrop(); on(document, "mouseup", dragEnd); on(display.scroller, "drop", dragEnd); } // Normal selection, as opposed to text dragging. function leftButtonSelect(cm, e, start, type, addNew) { var display = cm.display, doc = cm.doc; e_preventDefault(e); var ourRange, ourIndex, startSel = doc.sel, ranges = startSel.ranges; if (addNew && !e.shiftKey) { ourIndex = doc.sel.contains(start); if (ourIndex > -1) ourRange = ranges[ourIndex]; else ourRange = new Range(start, start); } else { ourRange = doc.sel.primary(); ourIndex = doc.sel.primIndex; } if (chromeOS ? e.shiftKey && e.metaKey : e.altKey) { type = "rect"; if (!addNew) ourRange = new Range(start, start); start = posFromMouse(cm, e, true, true); ourIndex = -1; } else if (type == "double") { var word = cm.findWordAt(start); if (cm.display.shift || doc.extend) ourRange = extendRange(doc, ourRange, word.anchor, word.head); else ourRange = word; } else if (type == "triple") { var line = new Range(Pos(start.line, 0), clipPos(doc, Pos(start.line + 1, 0))); if (cm.display.shift || doc.extend) ourRange = extendRange(doc, ourRange, line.anchor, line.head); else ourRange = line; } else { ourRange = extendRange(doc, ourRange, start); } if (!addNew) { ourIndex = 0; setSelection(doc, new Selection([ourRange], 0), sel_mouse); startSel = doc.sel; } else if (ourIndex == -1) { ourIndex = ranges.length; setSelection(doc, normalizeSelection(ranges.concat([ourRange]), ourIndex), {scroll: false, origin: "*mouse"}); } else if (ranges.length > 1 && ranges[ourIndex].empty() && type == "single" && !e.shiftKey) { setSelection(doc, normalizeSelection(ranges.slice(0, ourIndex).concat(ranges.slice(ourIndex + 1)), 0), {scroll: false, origin: "*mouse"}); startSel = doc.sel; } else { replaceOneSelection(doc, ourIndex, ourRange, sel_mouse); } var lastPos = start; function extendTo(pos) { if (cmp(lastPos, pos) == 0) return; lastPos = pos; if (type == "rect") { var ranges = [], tabSize = cm.options.tabSize; var startCol = countColumn(getLine(doc, start.line).text, start.ch, tabSize); var posCol = countColumn(getLine(doc, pos.line).text, pos.ch, tabSize); var left = Math.min(startCol, posCol), right = Math.max(startCol, posCol); for (var line = Math.min(start.line, pos.line), end = Math.min(cm.lastLine(), Math.max(start.line, pos.line)); line <= end; line++) { var text = getLine(doc, line).text, leftPos = findColumn(text, left, tabSize); if (left == right) ranges.push(new Range(Pos(line, leftPos), Pos(line, leftPos))); else if (text.length > leftPos) ranges.push(new Range(Pos(line, leftPos), Pos(line, findColumn(text, right, tabSize)))); } if (!ranges.length) ranges.push(new Range(start, start)); setSelection(doc, normalizeSelection(startSel.ranges.slice(0, ourIndex).concat(ranges), ourIndex), {origin: "*mouse", scroll: false}); cm.scrollIntoView(pos); } else { var oldRange = ourRange; var anchor = oldRange.anchor, head = pos; if (type != "single") { if (type == "double") var range = cm.findWordAt(pos); else var range = new Range(Pos(pos.line, 0), clipPos(doc, Pos(pos.line + 1, 0))); if (cmp(range.anchor, anchor) > 0) { head = range.head; anchor = minPos(oldRange.from(), range.anchor); } else { head = range.anchor; anchor = maxPos(oldRange.to(), range.head); } } var ranges = startSel.ranges.slice(0); ranges[ourIndex] = new Range(clipPos(doc, anchor), head); setSelection(doc, normalizeSelection(ranges, ourIndex), sel_mouse); } } var editorSize = display.wrapper.getBoundingClientRect(); // Used to ensure timeout re-tries don't fire when another extend // happened in the meantime (clearTimeout isn't reliable -- at // least on Chrome, the timeouts still happen even when cleared, // if the clear happens after their scheduled firing time). var counter = 0; function extend(e) { var curCount = ++counter; var cur = posFromMouse(cm, e, true, type == "rect"); if (!cur) return; if (cmp(cur, lastPos) != 0) { cm.curOp.focus = activeElt(); extendTo(cur); var visible = visibleLines(display, doc); if (cur.line >= visible.to || cur.line < visible.from) setTimeout(operation(cm, function(){if (counter == curCount) extend(e);}), 150); } else { var outside = e.clientY < editorSize.top ? -20 : e.clientY > editorSize.bottom ? 20 : 0; if (outside) setTimeout(operation(cm, function() { if (counter != curCount) return; display.scroller.scrollTop += outside; extend(e); }), 50); } } function done(e) { cm.state.selectingText = false; counter = Infinity; e_preventDefault(e); display.input.focus(); off(document, "mousemove", move); off(document, "mouseup", up); doc.history.lastSelOrigin = null; } var move = operation(cm, function(e) { if (!e_button(e)) done(e); else extend(e); }); var up = operation(cm, done); cm.state.selectingText = up; on(document, "mousemove", move); on(document, "mouseup", up); } // Determines whether an event happened in the gutter, and fires the // handlers for the corresponding event. function gutterEvent(cm, e, type, prevent) { try { var mX = e.clientX, mY = e.clientY; } catch(e) { return false; } if (mX >= Math.floor(cm.display.gutters.getBoundingClientRect().right)) return false; if (prevent) e_preventDefault(e); var display = cm.display; var lineBox = display.lineDiv.getBoundingClientRect(); if (mY > lineBox.bottom || !hasHandler(cm, type)) return e_defaultPrevented(e); mY -= lineBox.top - display.viewOffset; for (var i = 0; i < cm.options.gutters.length; ++i) { var g = display.gutters.childNodes[i]; if (g && g.getBoundingClientRect().right >= mX) { var line = lineAtHeight(cm.doc, mY); var gutter = cm.options.gutters[i]; signal(cm, type, cm, line, gutter, e); return e_defaultPrevented(e); } } } function clickInGutter(cm, e) { return gutterEvent(cm, e, "gutterClick", true); } // Kludge to work around strange IE behavior where it'll sometimes // re-fire a series of drag-related events right after the drop (#1551) var lastDrop = 0; function onDrop(e) { var cm = this; clearDragCursor(cm); if (signalDOMEvent(cm, e) || eventInWidget(cm.display, e)) return; e_preventDefault(e); if (ie) lastDrop = +new Date; var pos = posFromMouse(cm, e, true), files = e.dataTransfer.files; if (!pos || cm.isReadOnly()) return; // Might be a file drop, in which case we simply extract the text // and insert it. if (files && files.length && window.FileReader && window.File) { var n = files.length, text = Array(n), read = 0; var loadFile = function(file, i) { if (cm.options.allowDropFileTypes && indexOf(cm.options.allowDropFileTypes, file.type) == -1) return; var reader = new FileReader; reader.onload = operation(cm, function() { var content = reader.result; if (/[\x00-\x08\x0e-\x1f]{2}/.test(content)) content = ""; text[i] = content; if (++read == n) { pos = clipPos(cm.doc, pos); var change = {from: pos, to: pos, text: cm.doc.splitLines(text.join(cm.doc.lineSeparator())), origin: "paste"}; makeChange(cm.doc, change); setSelectionReplaceHistory(cm.doc, simpleSelection(pos, changeEnd(change))); } }); reader.readAsText(file); }; for (var i = 0; i < n; ++i) loadFile(files[i], i); } else { // Normal drop // Don't do a replace if the drop happened inside of the selected text. if (cm.state.draggingText && cm.doc.sel.contains(pos) > -1) { cm.state.draggingText(e); // Ensure the editor is re-focused setTimeout(function() {cm.display.input.focus();}, 20); return; } try { var text = e.dataTransfer.getData("Text"); if (text) { if (cm.state.draggingText && !cm.state.draggingText.copy) var selected = cm.listSelections(); setSelectionNoUndo(cm.doc, simpleSelection(pos, pos)); if (selected) for (var i = 0; i < selected.length; ++i) replaceRange(cm.doc, "", selected[i].anchor, selected[i].head, "drag"); cm.replaceSelection(text, "around", "paste"); cm.display.input.focus(); } } catch(e){} } } function onDragStart(cm, e) { if (ie && (!cm.state.draggingText || +new Date - lastDrop < 100)) { e_stop(e); return; } if (signalDOMEvent(cm, e) || eventInWidget(cm.display, e)) return; e.dataTransfer.setData("Text", cm.getSelection()); e.dataTransfer.effectAllowed = "copyMove" // Use dummy image instead of default browsers image. // Recent Safari (~6.0.2) have a tendency to segfault when this happens, so we don't do it there. if (e.dataTransfer.setDragImage && !safari) { var img = elt("img", null, null, "position: fixed; left: 0; top: 0;"); img.src = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="; if (presto) { img.width = img.height = 1; cm.display.wrapper.appendChild(img); // Force a relayout, or Opera won't use our image for some obscure reason img._top = img.offsetTop; } e.dataTransfer.setDragImage(img, 0, 0); if (presto) img.parentNode.removeChild(img); } } function onDragOver(cm, e) { var pos = posFromMouse(cm, e); if (!pos) return; var frag = document.createDocumentFragment(); drawSelectionCursor(cm, pos, frag); if (!cm.display.dragCursor) { cm.display.dragCursor = elt("div", null, "CodeMirror-cursors CodeMirror-dragcursors"); cm.display.lineSpace.insertBefore(cm.display.dragCursor, cm.display.cursorDiv); } removeChildrenAndAdd(cm.display.dragCursor, frag); } function clearDragCursor(cm) { if (cm.display.dragCursor) { cm.display.lineSpace.removeChild(cm.display.dragCursor); cm.display.dragCursor = null; } } // SCROLL EVENTS // Sync the scrollable area and scrollbars, ensure the viewport // covers the visible area. function setScrollTop(cm, val) { if (Math.abs(cm.doc.scrollTop - val) < 2) return; cm.doc.scrollTop = val; if (!gecko) updateDisplaySimple(cm, {top: val}); if (cm.display.scroller.scrollTop != val) cm.display.scroller.scrollTop = val; cm.display.scrollbars.setScrollTop(val); if (gecko) updateDisplaySimple(cm); startWorker(cm, 100); } // Sync scroller and scrollbar, ensure the gutter elements are // aligned. function setScrollLeft(cm, val, isScroller) { if (isScroller ? val == cm.doc.scrollLeft : Math.abs(cm.doc.scrollLeft - val) < 2) return; val = Math.min(val, cm.display.scroller.scrollWidth - cm.display.scroller.clientWidth); cm.doc.scrollLeft = val; alignHorizontally(cm); if (cm.display.scroller.scrollLeft != val) cm.display.scroller.scrollLeft = val; cm.display.scrollbars.setScrollLeft(val); } // Since the delta values reported on mouse wheel events are // unstandardized between browsers and even browser versions, and // generally horribly unpredictable, this code starts by measuring // the scroll effect that the first few mouse wheel events have, // and, from that, detects the way it can convert deltas to pixel // offsets afterwards. // // The reason we want to know the amount a wheel event will scroll // is that it gives us a chance to update the display before the // actual scrolling happens, reducing flickering. var wheelSamples = 0, wheelPixelsPerUnit = null; // Fill in a browser-detected starting value on browsers where we // know one. These don't have to be accurate -- the result of them // being wrong would just be a slight flicker on the first wheel // scroll (if it is large enough). if (ie) wheelPixelsPerUnit = -.53; else if (gecko) wheelPixelsPerUnit = 15; else if (chrome) wheelPixelsPerUnit = -.7; else if (safari) wheelPixelsPerUnit = -1/3; var wheelEventDelta = function(e) { var dx = e.wheelDeltaX, dy = e.wheelDeltaY; if (dx == null && e.detail && e.axis == e.HORIZONTAL_AXIS) dx = e.detail; if (dy == null && e.detail && e.axis == e.VERTICAL_AXIS) dy = e.detail; else if (dy == null) dy = e.wheelDelta; return {x: dx, y: dy}; }; CodeMirror.wheelEventPixels = function(e) { var delta = wheelEventDelta(e); delta.x *= wheelPixelsPerUnit; delta.y *= wheelPixelsPerUnit; return delta; }; function onScrollWheel(cm, e) { var delta = wheelEventDelta(e), dx = delta.x, dy = delta.y; var display = cm.display, scroll = display.scroller; // Quit if there's nothing to scroll here var canScrollX = scroll.scrollWidth > scroll.clientWidth; var canScrollY = scroll.scrollHeight > scroll.clientHeight; if (!(dx && canScrollX || dy && canScrollY)) return; // Webkit browsers on OS X abort momentum scrolls when the target // of the scroll event is removed from the scrollable element. // This hack (see related code in patchDisplay) makes sure the // element is kept around. if (dy && mac && webkit) { outer: for (var cur = e.target, view = display.view; cur != scroll; cur = cur.parentNode) { for (var i = 0; i < view.length; i++) { if (view[i].node == cur) { cm.display.currentWheelTarget = cur; break outer; } } } } // On some browsers, horizontal scrolling will cause redraws to // happen before the gutter has been realigned, causing it to // wriggle around in a most unseemly way. When we have an // estimated pixels/delta value, we just handle horizontal // scrolling entirely here. It'll be slightly off from native, but // better than glitching out. if (dx && !gecko && !presto && wheelPixelsPerUnit != null) { if (dy && canScrollY) setScrollTop(cm, Math.max(0, Math.min(scroll.scrollTop + dy * wheelPixelsPerUnit, scroll.scrollHeight - scroll.clientHeight))); setScrollLeft(cm, Math.max(0, Math.min(scroll.scrollLeft + dx * wheelPixelsPerUnit, scroll.scrollWidth - scroll.clientWidth))); // Only prevent default scrolling if vertical scrolling is // actually possible. Otherwise, it causes vertical scroll // jitter on OSX trackpads when deltaX is small and deltaY // is large (issue #3579) if (!dy || (dy && canScrollY)) e_preventDefault(e); display.wheelStartX = null; // Abort measurement, if in progress return; } // 'Project' the visible viewport to cover the area that is being // scrolled into view (if we know enough to estimate it). if (dy && wheelPixelsPerUnit != null) { var pixels = dy * wheelPixelsPerUnit; var top = cm.doc.scrollTop, bot = top + display.wrapper.clientHeight; if (pixels < 0) top = Math.max(0, top + pixels - 50); else bot = Math.min(cm.doc.height, bot + pixels + 50); updateDisplaySimple(cm, {top: top, bottom: bot}); } if (wheelSamples < 20) { if (display.wheelStartX == null) { display.wheelStartX = scroll.scrollLeft; display.wheelStartY = scroll.scrollTop; display.wheelDX = dx; display.wheelDY = dy; setTimeout(function() { if (display.wheelStartX == null) return; var movedX = scroll.scrollLeft - display.wheelStartX; var movedY = scroll.scrollTop - display.wheelStartY; var sample = (movedY && display.wheelDY && movedY / display.wheelDY) || (movedX && display.wheelDX && movedX / display.wheelDX); display.wheelStartX = display.wheelStartY = null; if (!sample) return; wheelPixelsPerUnit = (wheelPixelsPerUnit * wheelSamples + sample) / (wheelSamples + 1); ++wheelSamples; }, 200); } else { display.wheelDX += dx; display.wheelDY += dy; } } } // KEY EVENTS // Run a handler that was bound to a key. function doHandleBinding(cm, bound, dropShift) { if (typeof bound == "string") { bound = commands[bound]; if (!bound) return false; } // Ensure previous input has been read, so that the handler sees a // consistent view of the document cm.display.input.ensurePolled(); var prevShift = cm.display.shift, done = false; try { if (cm.isReadOnly()) cm.state.suppressEdits = true; if (dropShift) cm.display.shift = false; done = bound(cm) != Pass; } finally { cm.display.shift = prevShift; cm.state.suppressEdits = false; } return done; } function lookupKeyForEditor(cm, name, handle) { for (var i = 0; i < cm.state.keyMaps.length; i++) { var result = lookupKey(name, cm.state.keyMaps[i], handle, cm); if (result) return result; } return (cm.options.extraKeys && lookupKey(name, cm.options.extraKeys, handle, cm)) || lookupKey(name, cm.options.keyMap, handle, cm); } var stopSeq = new Delayed; function dispatchKey(cm, name, e, handle) { var seq = cm.state.keySeq; if (seq) { if (isModifierKey(name)) return "handled"; stopSeq.set(50, function() { if (cm.state.keySeq == seq) { cm.state.keySeq = null; cm.display.input.reset(); } }); name = seq + " " + name; } var result = lookupKeyForEditor(cm, name, handle); if (result == "multi") cm.state.keySeq = name; if (result == "handled") signalLater(cm, "keyHandled", cm, name, e); if (result == "handled" || result == "multi") { e_preventDefault(e); restartBlink(cm); } if (seq && !result && /\'$/.test(name)) { e_preventDefault(e); return true; } return !!result; } // Handle a key from the keydown event. function handleKeyBinding(cm, e) { var name = keyName(e, true); if (!name) return false; if (e.shiftKey && !cm.state.keySeq) { // First try to resolve full name (including 'Shift-'). Failing // that, see if there is a cursor-motion command (starting with // 'go') bound to the keyname without 'Shift-'. return dispatchKey(cm, "Shift-" + name, e, function(b) {return doHandleBinding(cm, b, true);}) || dispatchKey(cm, name, e, function(b) { if (typeof b == "string" ? /^go[A-Z]/.test(b) : b.motion) return doHandleBinding(cm, b); }); } else { return dispatchKey(cm, name, e, function(b) { return doHandleBinding(cm, b); }); } } // Handle a key from the keypress event function handleCharBinding(cm, e, ch) { return dispatchKey(cm, "'" + ch + "'", e, function(b) { return doHandleBinding(cm, b, true); }); } var lastStoppedKey = null; function onKeyDown(e) { var cm = this; cm.curOp.focus = activeElt(); if (signalDOMEvent(cm, e)) return; // IE does strange things with escape. if (ie && ie_version < 11 && e.keyCode == 27) e.returnValue = false; var code = e.keyCode; cm.display.shift = code == 16 || e.shiftKey; var handled = handleKeyBinding(cm, e); if (presto) { lastStoppedKey = handled ? code : null; // Opera has no cut event... we try to at least catch the key combo if (!handled && code == 88 && !hasCopyEvent && (mac ? e.metaKey : e.ctrlKey)) cm.replaceSelection("", null, "cut"); } // Turn mouse into crosshair when Alt is held on Mac. if (code == 18 && !/\bCodeMirror-crosshair\b/.test(cm.display.lineDiv.className)) showCrossHair(cm); } function showCrossHair(cm) { var lineDiv = cm.display.lineDiv; addClass(lineDiv, "CodeMirror-crosshair"); function up(e) { if (e.keyCode == 18 || !e.altKey) { rmClass(lineDiv, "CodeMirror-crosshair"); off(document, "keyup", up); off(document, "mouseover", up); } } on(document, "keyup", up); on(document, "mouseover", up); } function onKeyUp(e) { if (e.keyCode == 16) this.doc.sel.shift = false; signalDOMEvent(this, e); } function onKeyPress(e) { var cm = this; if (eventInWidget(cm.display, e) || signalDOMEvent(cm, e) || e.ctrlKey && !e.altKey || mac && e.metaKey) return; var keyCode = e.keyCode, charCode = e.charCode; if (presto && keyCode == lastStoppedKey) {lastStoppedKey = null; e_preventDefault(e); return;} if ((presto && (!e.which || e.which < 10)) && handleKeyBinding(cm, e)) return; var ch = String.fromCharCode(charCode == null ? keyCode : charCode); if (handleCharBinding(cm, e, ch)) return; cm.display.input.onKeyPress(e); } // FOCUS/BLUR EVENTS function delayBlurEvent(cm) { cm.state.delayingBlurEvent = true; setTimeout(function() { if (cm.state.delayingBlurEvent) { cm.state.delayingBlurEvent = false; onBlur(cm); } }, 100); } function onFocus(cm, e) { if (cm.state.delayingBlurEvent) cm.state.delayingBlurEvent = false; if (cm.options.readOnly == "nocursor") return; if (!cm.state.focused) { signal(cm, "focus", cm, e); cm.state.focused = true; addClass(cm.display.wrapper, "CodeMirror-focused"); // This test prevents this from firing when a context // menu is closed (since the input reset would kill the // select-all detection hack) if (!cm.curOp && cm.display.selForContextMenu != cm.doc.sel) { cm.display.input.reset(); if (webkit) setTimeout(function() { cm.display.input.reset(true); }, 20); // Issue #1730 } cm.display.input.receivedFocus(); } restartBlink(cm); } function onBlur(cm, e) { if (cm.state.delayingBlurEvent) return; if (cm.state.focused) { signal(cm, "blur", cm, e); cm.state.focused = false; rmClass(cm.display.wrapper, "CodeMirror-focused"); } clearInterval(cm.display.blinker); setTimeout(function() {if (!cm.state.focused) cm.display.shift = false;}, 150); } // CONTEXT MENU HANDLING // To make the context menu work, we need to briefly unhide the // textarea (making it as unobtrusive as possible) to let the // right-click take effect on it. function onContextMenu(cm, e) { if (eventInWidget(cm.display, e) || contextMenuInGutter(cm, e)) return; if (signalDOMEvent(cm, e, "contextmenu")) return; cm.display.input.onContextMenu(e); } function contextMenuInGutter(cm, e) { if (!hasHandler(cm, "gutterContextMenu")) return false; return gutterEvent(cm, e, "gutterContextMenu", false); } // UPDATING // Compute the position of the end of a change (its 'to' property // refers to the pre-change end). var changeEnd = CodeMirror.changeEnd = function(change) { if (!change.text) return change.to; return Pos(change.from.line + change.text.length - 1, lst(change.text).length + (change.text.length == 1 ? change.from.ch : 0)); }; // Adjust a position to refer to the post-change position of the // same text, or the end of the change if the change covers it. function adjustForChange(pos, change) { if (cmp(pos, change.from) < 0) return pos; if (cmp(pos, change.to) <= 0) return changeEnd(change); var line = pos.line + change.text.length - (change.to.line - change.from.line) - 1, ch = pos.ch; if (pos.line == change.to.line) ch += changeEnd(change).ch - change.to.ch; return Pos(line, ch); } function computeSelAfterChange(doc, change) { var out = []; for (var i = 0; i < doc.sel.ranges.length; i++) { var range = doc.sel.ranges[i]; out.push(new Range(adjustForChange(range.anchor, change), adjustForChange(range.head, change))); } return normalizeSelection(out, doc.sel.primIndex); } function offsetPos(pos, old, nw) { if (pos.line == old.line) return Pos(nw.line, pos.ch - old.ch + nw.ch); else return Pos(nw.line + (pos.line - old.line), pos.ch); } // Used by replaceSelections to allow moving the selection to the // start or around the replaced test. Hint may be "start" or "around". function computeReplacedSel(doc, changes, hint) { var out = []; var oldPrev = Pos(doc.first, 0), newPrev = oldPrev; for (var i = 0; i < changes.length; i++) { var change = changes[i]; var from = offsetPos(change.from, oldPrev, newPrev); var to = offsetPos(changeEnd(change), oldPrev, newPrev); oldPrev = change.to; newPrev = to; if (hint == "around") { var range = doc.sel.ranges[i], inv = cmp(range.head, range.anchor) < 0; out[i] = new Range(inv ? to : from, inv ? from : to); } else { out[i] = new Range(from, from); } } return new Selection(out, doc.sel.primIndex); } // Allow "beforeChange" event handlers to influence a change function filterChange(doc, change, update) { var obj = { canceled: false, from: change.from, to: change.to, text: change.text, origin: change.origin, cancel: function() { this.canceled = true; } }; if (update) obj.update = function(from, to, text, origin) { if (from) this.from = clipPos(doc, from); if (to) this.to = clipPos(doc, to); if (text) this.text = text; if (origin !== undefined) this.origin = origin; }; signal(doc, "beforeChange", doc, obj); if (doc.cm) signal(doc.cm, "beforeChange", doc.cm, obj); if (obj.canceled) return null; return {from: obj.from, to: obj.to, text: obj.text, origin: obj.origin}; } // Apply a change to a document, and add it to the document's // history, and propagating it to all linked documents. function makeChange(doc, change, ignoreReadOnly) { if (doc.cm) { if (!doc.cm.curOp) return operation(doc.cm, makeChange)(doc, change, ignoreReadOnly); if (doc.cm.state.suppressEdits) return; } if (hasHandler(doc, "beforeChange") || doc.cm && hasHandler(doc.cm, "beforeChange")) { change = filterChange(doc, change, true); if (!change) return; } // Possibly split or suppress the update based on the presence // of read-only spans in its range. var split = sawReadOnlySpans && !ignoreReadOnly && removeReadOnlyRanges(doc, change.from, change.to); if (split) { for (var i = split.length - 1; i >= 0; --i) makeChangeInner(doc, {from: split[i].from, to: split[i].to, text: i ? [""] : change.text}); } else { makeChangeInner(doc, change); } } function makeChangeInner(doc, change) { if (change.text.length == 1 && change.text[0] == "" && cmp(change.from, change.to) == 0) return; var selAfter = computeSelAfterChange(doc, change); addChangeToHistory(doc, change, selAfter, doc.cm ? doc.cm.curOp.id : NaN); makeChangeSingleDoc(doc, change, selAfter, stretchSpansOverChange(doc, change)); var rebased = []; linkedDocs(doc, function(doc, sharedHist) { if (!sharedHist && indexOf(rebased, doc.history) == -1) { rebaseHist(doc.history, change); rebased.push(doc.history); } makeChangeSingleDoc(doc, change, null, stretchSpansOverChange(doc, change)); }); } // Revert a change stored in a document's history. function makeChangeFromHistory(doc, type, allowSelectionOnly) { if (doc.cm && doc.cm.state.suppressEdits && !allowSelectionOnly) return; var hist = doc.history, event, selAfter = doc.sel; var source = type == "undo" ? hist.done : hist.undone, dest = type == "undo" ? hist.undone : hist.done; // Verify that there is a useable event (so that ctrl-z won't // needlessly clear selection events) for (var i = 0; i < source.length; i++) { event = source[i]; if (allowSelectionOnly ? event.ranges && !event.equals(doc.sel) : !event.ranges) break; } if (i == source.length) return; hist.lastOrigin = hist.lastSelOrigin = null; for (;;) { event = source.pop(); if (event.ranges) { pushSelectionToHistory(event, dest); if (allowSelectionOnly && !event.equals(doc.sel)) { setSelection(doc, event, {clearRedo: false}); return; } selAfter = event; } else break; } // Build up a reverse change object to add to the opposite history // stack (redo when undoing, and vice versa). var antiChanges = []; pushSelectionToHistory(selAfter, dest); dest.push({changes: antiChanges, generation: hist.generation}); hist.generation = event.generation || ++hist.maxGeneration; var filter = hasHandler(doc, "beforeChange") || doc.cm && hasHandler(doc.cm, "beforeChange"); for (var i = event.changes.length - 1; i >= 0; --i) { var change = event.changes[i]; change.origin = type; if (filter && !filterChange(doc, change, false)) { source.length = 0; return; } antiChanges.push(historyChangeFromChange(doc, change)); var after = i ? computeSelAfterChange(doc, change) : lst(source); makeChangeSingleDoc(doc, change, after, mergeOldSpans(doc, change)); if (!i && doc.cm) doc.cm.scrollIntoView({from: change.from, to: changeEnd(change)}); var rebased = []; // Propagate to the linked documents linkedDocs(doc, function(doc, sharedHist) { if (!sharedHist && indexOf(rebased, doc.history) == -1) { rebaseHist(doc.history, change); rebased.push(doc.history); } makeChangeSingleDoc(doc, change, null, mergeOldSpans(doc, change)); }); } } // Sub-views need their line numbers shifted when text is added // above or below them in the parent document. function shiftDoc(doc, distance) { if (distance == 0) return; doc.first += distance; doc.sel = new Selection(map(doc.sel.ranges, function(range) { return new Range(Pos(range.anchor.line + distance, range.anchor.ch), Pos(range.head.line + distance, range.head.ch)); }), doc.sel.primIndex); if (doc.cm) { regChange(doc.cm, doc.first, doc.first - distance, distance); for (var d = doc.cm.display, l = d.viewFrom; l < d.viewTo; l++) regLineChange(doc.cm, l, "gutter"); } } // More lower-level change function, handling only a single document // (not linked ones). function makeChangeSingleDoc(doc, change, selAfter, spans) { if (doc.cm && !doc.cm.curOp) return operation(doc.cm, makeChangeSingleDoc)(doc, change, selAfter, spans); if (change.to.line < doc.first) { shiftDoc(doc, change.text.length - 1 - (change.to.line - change.from.line)); return; } if (change.from.line > doc.lastLine()) return; // Clip the change to the size of this doc if (change.from.line < doc.first) { var shift = change.text.length - 1 - (doc.first - change.from.line); shiftDoc(doc, shift); change = {from: Pos(doc.first, 0), to: Pos(change.to.line + shift, change.to.ch), text: [lst(change.text)], origin: change.origin}; } var last = doc.lastLine(); if (change.to.line > last) { change = {from: change.from, to: Pos(last, getLine(doc, last).text.length), text: [change.text[0]], origin: change.origin}; } change.removed = getBetween(doc, change.from, change.to); if (!selAfter) selAfter = computeSelAfterChange(doc, change); if (doc.cm) makeChangeSingleDocInEditor(doc.cm, change, spans); else updateDoc(doc, change, spans); setSelectionNoUndo(doc, selAfter, sel_dontScroll); } // Handle the interaction of a change to a document with the editor // that this document is part of. function makeChangeSingleDocInEditor(cm, change, spans) { var doc = cm.doc, display = cm.display, from = change.from, to = change.to; var recomputeMaxLength = false, checkWidthStart = from.line; if (!cm.options.lineWrapping) { checkWidthStart = lineNo(visualLine(getLine(doc, from.line))); doc.iter(checkWidthStart, to.line + 1, function(line) { if (line == display.maxLine) { recomputeMaxLength = true; return true; } }); } if (doc.sel.contains(change.from, change.to) > -1) signalCursorActivity(cm); updateDoc(doc, change, spans, estimateHeight(cm)); if (!cm.options.lineWrapping) { doc.iter(checkWidthStart, from.line + change.text.length, function(line) { var len = lineLength(line); if (len > display.maxLineLength) { display.maxLine = line; display.maxLineLength = len; display.maxLineChanged = true; recomputeMaxLength = false; } }); if (recomputeMaxLength) cm.curOp.updateMaxLine = true; } // Adjust frontier, schedule worker doc.frontier = Math.min(doc.frontier, from.line); startWorker(cm, 400); var lendiff = change.text.length - (to.line - from.line) - 1; // Remember that these lines changed, for updating the display if (change.full) regChange(cm); else if (from.line == to.line && change.text.length == 1 && !isWholeLineUpdate(cm.doc, change)) regLineChange(cm, from.line, "text"); else regChange(cm, from.line, to.line + 1, lendiff); var changesHandler = hasHandler(cm, "changes"), changeHandler = hasHandler(cm, "change"); if (changeHandler || changesHandler) { var obj = { from: from, to: to, text: change.text, removed: change.removed, origin: change.origin }; if (changeHandler) signalLater(cm, "change", cm, obj); if (changesHandler) (cm.curOp.changeObjs || (cm.curOp.changeObjs = [])).push(obj); } cm.display.selForContextMenu = null; } function replaceRange(doc, code, from, to, origin) { if (!to) to = from; if (cmp(to, from) < 0) { var tmp = to; to = from; from = tmp; } if (typeof code == "string") code = doc.splitLines(code); makeChange(doc, {from: from, to: to, text: code, origin: origin}); } // SCROLLING THINGS INTO VIEW // If an editor sits on the top or bottom of the window, partially // scrolled out of view, this ensures that the cursor is visible. function maybeScrollWindow(cm, coords) { if (signalDOMEvent(cm, "scrollCursorIntoView")) return; var display = cm.display, box = display.sizer.getBoundingClientRect(), doScroll = null; if (coords.top + box.top < 0) doScroll = true; else if (coords.bottom + box.top > (window.innerHeight || document.documentElement.clientHeight)) doScroll = false; if (doScroll != null && !phantom) { var scrollNode = elt("div", "\u200b", null, "position: absolute; top: " + (coords.top - display.viewOffset - paddingTop(cm.display)) + "px; height: " + (coords.bottom - coords.top + scrollGap(cm) + display.barHeight) + "px; left: " + coords.left + "px; width: 2px;"); cm.display.lineSpace.appendChild(scrollNode); scrollNode.scrollIntoView(doScroll); cm.display.lineSpace.removeChild(scrollNode); } } // Scroll a given position into view (immediately), verifying that // it actually became visible (as line heights are accurately // measured, the position of something may 'drift' during drawing). function scrollPosIntoView(cm, pos, end, margin) { if (margin == null) margin = 0; for (var limit = 0; limit < 5; limit++) { var changed = false, coords = cursorCoords(cm, pos); var endCoords = !end || end == pos ? coords : cursorCoords(cm, end); var scrollPos = calculateScrollPos(cm, Math.min(coords.left, endCoords.left), Math.min(coords.top, endCoords.top) - margin, Math.max(coords.left, endCoords.left), Math.max(coords.bottom, endCoords.bottom) + margin); var startTop = cm.doc.scrollTop, startLeft = cm.doc.scrollLeft; if (scrollPos.scrollTop != null) { setScrollTop(cm, scrollPos.scrollTop); if (Math.abs(cm.doc.scrollTop - startTop) > 1) changed = true; } if (scrollPos.scrollLeft != null) { setScrollLeft(cm, scrollPos.scrollLeft); if (Math.abs(cm.doc.scrollLeft - startLeft) > 1) changed = true; } if (!changed) break; } return coords; } // Scroll a given set of coordinates into view (immediately). function scrollIntoView(cm, x1, y1, x2, y2) { var scrollPos = calculateScrollPos(cm, x1, y1, x2, y2); if (scrollPos.scrollTop != null) setScrollTop(cm, scrollPos.scrollTop); if (scrollPos.scrollLeft != null) setScrollLeft(cm, scrollPos.scrollLeft); } // Calculate a new scroll position needed to scroll the given // rectangle into view. Returns an object with scrollTop and // scrollLeft properties. When these are undefined, the // vertical/horizontal position does not need to be adjusted. function calculateScrollPos(cm, x1, y1, x2, y2) { var display = cm.display, snapMargin = textHeight(cm.display); if (y1 < 0) y1 = 0; var screentop = cm.curOp && cm.curOp.scrollTop != null ? cm.curOp.scrollTop : display.scroller.scrollTop; var screen = displayHeight(cm), result = {}; if (y2 - y1 > screen) y2 = y1 + screen; var docBottom = cm.doc.height + paddingVert(display); var atTop = y1 < snapMargin, atBottom = y2 > docBottom - snapMargin; if (y1 < screentop) { result.scrollTop = atTop ? 0 : y1; } else if (y2 > screentop + screen) { var newTop = Math.min(y1, (atBottom ? docBottom : y2) - screen); if (newTop != screentop) result.scrollTop = newTop; } var screenleft = cm.curOp && cm.curOp.scrollLeft != null ? cm.curOp.scrollLeft : display.scroller.scrollLeft; var screenw = displayWidth(cm) - (cm.options.fixedGutter ? display.gutters.offsetWidth : 0); var tooWide = x2 - x1 > screenw; if (tooWide) x2 = x1 + screenw; if (x1 < 10) result.scrollLeft = 0; else if (x1 < screenleft) result.scrollLeft = Math.max(0, x1 - (tooWide ? 0 : 10)); else if (x2 > screenw + screenleft - 3) result.scrollLeft = x2 + (tooWide ? 0 : 10) - screenw; return result; } // Store a relative adjustment to the scroll position in the current // operation (to be applied when the operation finishes). function addToScrollPos(cm, left, top) { if (left != null || top != null) resolveScrollToPos(cm); if (left != null) cm.curOp.scrollLeft = (cm.curOp.scrollLeft == null ? cm.doc.scrollLeft : cm.curOp.scrollLeft) + left; if (top != null) cm.curOp.scrollTop = (cm.curOp.scrollTop == null ? cm.doc.scrollTop : cm.curOp.scrollTop) + top; } // Make sure that at the end of the operation the current cursor is // shown. function ensureCursorVisible(cm) { resolveScrollToPos(cm); var cur = cm.getCursor(), from = cur, to = cur; if (!cm.options.lineWrapping) { from = cur.ch ? Pos(cur.line, cur.ch - 1) : cur; to = Pos(cur.line, cur.ch + 1); } cm.curOp.scrollToPos = {from: from, to: to, margin: cm.options.cursorScrollMargin, isCursor: true}; } // When an operation has its scrollToPos property set, and another // scroll action is applied before the end of the operation, this // 'simulates' scrolling that position into view in a cheap way, so // that the effect of intermediate scroll commands is not ignored. function resolveScrollToPos(cm) { var range = cm.curOp.scrollToPos; if (range) { cm.curOp.scrollToPos = null; var from = estimateCoords(cm, range.from), to = estimateCoords(cm, range.to); var sPos = calculateScrollPos(cm, Math.min(from.left, to.left), Math.min(from.top, to.top) - range.margin, Math.max(from.right, to.right), Math.max(from.bottom, to.bottom) + range.margin); cm.scrollTo(sPos.scrollLeft, sPos.scrollTop); } } // API UTILITIES // Indent the given line. The how parameter can be "smart", // "add"/null, "subtract", or "prev". When aggressive is false // (typically set to true for forced single-line indents), empty // lines are not indented, and places where the mode returns Pass // are left alone. function indentLine(cm, n, how, aggressive) { var doc = cm.doc, state; if (how == null) how = "add"; if (how == "smart") { // Fall back to "prev" when the mode doesn't have an indentation // method. if (!doc.mode.indent) how = "prev"; else state = getStateBefore(cm, n); } var tabSize = cm.options.tabSize; var line = getLine(doc, n), curSpace = countColumn(line.text, null, tabSize); if (line.stateAfter) line.stateAfter = null; var curSpaceString = line.text.match(/^\s*/)[0], indentation; if (!aggressive && !/\S/.test(line.text)) { indentation = 0; how = "not"; } else if (how == "smart") { indentation = doc.mode.indent(state, line.text.slice(curSpaceString.length), line.text); if (indentation == Pass || indentation > 150) { if (!aggressive) return; how = "prev"; } } if (how == "prev") { if (n > doc.first) indentation = countColumn(getLine(doc, n-1).text, null, tabSize); else indentation = 0; } else if (how == "add") { indentation = curSpace + cm.options.indentUnit; } else if (how == "subtract") { indentation = curSpace - cm.options.indentUnit; } else if (typeof how == "number") { indentation = curSpace + how; } indentation = Math.max(0, indentation); var indentString = "", pos = 0; if (cm.options.indentWithTabs) for (var i = Math.floor(indentation / tabSize); i; --i) {pos += tabSize; indentString += "\t";} if (pos < indentation) indentString += spaceStr(indentation - pos); if (indentString != curSpaceString) { replaceRange(doc, indentString, Pos(n, 0), Pos(n, curSpaceString.length), "+input"); line.stateAfter = null; return true; } else { // Ensure that, if the cursor was in the whitespace at the start // of the line, it is moved to the end of that space. for (var i = 0; i < doc.sel.ranges.length; i++) { var range = doc.sel.ranges[i]; if (range.head.line == n && range.head.ch < curSpaceString.length) { var pos = Pos(n, curSpaceString.length); replaceOneSelection(doc, i, new Range(pos, pos)); break; } } } } // Utility for applying a change to a line by handle or number, // returning the number and optionally registering the line as // changed. function changeLine(doc, handle, changeType, op) { var no = handle, line = handle; if (typeof handle == "number") line = getLine(doc, clipLine(doc, handle)); else no = lineNo(handle); if (no == null) return null; if (op(line, no) && doc.cm) regLineChange(doc.cm, no, changeType); return line; } // Helper for deleting text near the selection(s), used to implement // backspace, delete, and similar functionality. function deleteNearSelection(cm, compute) { var ranges = cm.doc.sel.ranges, kill = []; // Build up a set of ranges to kill first, merging overlapping // ranges. for (var i = 0; i < ranges.length; i++) { var toKill = compute(ranges[i]); while (kill.length && cmp(toKill.from, lst(kill).to) <= 0) { var replaced = kill.pop(); if (cmp(replaced.from, toKill.from) < 0) { toKill.from = replaced.from; break; } } kill.push(toKill); } // Next, remove those actual ranges. runInOp(cm, function() { for (var i = kill.length - 1; i >= 0; i--) replaceRange(cm.doc, "", kill[i].from, kill[i].to, "+delete"); ensureCursorVisible(cm); }); } // Used for horizontal relative motion. Dir is -1 or 1 (left or // right), unit can be "char", "column" (like char, but doesn't // cross line boundaries), "word" (across next word), or "group" (to // the start of next group of word or non-word-non-whitespace // chars). The visually param controls whether, in right-to-left // text, direction 1 means to move towards the next index in the // string, or towards the character to the right of the current // position. The resulting position will have a hitSide=true // property if it reached the end of the document. function findPosH(doc, pos, dir, unit, visually) { var line = pos.line, ch = pos.ch, origDir = dir; var lineObj = getLine(doc, line); function findNextLine() { var l = line + dir; if (l < doc.first || l >= doc.first + doc.size) return false line = l; return lineObj = getLine(doc, l); } function moveOnce(boundToLine) { var next = (visually ? moveVisually : moveLogically)(lineObj, ch, dir, true); if (next == null) { if (!boundToLine && findNextLine()) { if (visually) ch = (dir < 0 ? lineRight : lineLeft)(lineObj); else ch = dir < 0 ? lineObj.text.length : 0; } else return false } else ch = next; return true; } if (unit == "char") { moveOnce() } else if (unit == "column") { moveOnce(true) } else if (unit == "word" || unit == "group") { var sawType = null, group = unit == "group"; var helper = doc.cm && doc.cm.getHelper(pos, "wordChars"); for (var first = true;; first = false) { if (dir < 0 && !moveOnce(!first)) break; var cur = lineObj.text.charAt(ch) || "\n"; var type = isWordChar(cur, helper) ? "w" : group && cur == "\n" ? "n" : !group || /\s/.test(cur) ? null : "p"; if (group && !first && !type) type = "s"; if (sawType && sawType != type) { if (dir < 0) {dir = 1; moveOnce();} break; } if (type) sawType = type; if (dir > 0 && !moveOnce(!first)) break; } } var result = skipAtomic(doc, Pos(line, ch), pos, origDir, true); if (!cmp(pos, result)) result.hitSide = true; return result; } // For relative vertical movement. Dir may be -1 or 1. Unit can be // "page" or "line". The resulting position will have a hitSide=true // property if it reached the end of the document. function findPosV(cm, pos, dir, unit) { var doc = cm.doc, x = pos.left, y; if (unit == "page") { var pageSize = Math.min(cm.display.wrapper.clientHeight, window.innerHeight || document.documentElement.clientHeight); var moveAmount = Math.max(pageSize - .5 * textHeight(cm.display), 3); y = (dir > 0 ? pos.bottom : pos.top) + dir * moveAmount; } else if (unit == "line") { y = dir > 0 ? pos.bottom + 3 : pos.top - 3; } for (;;) { var target = coordsChar(cm, x, y); if (!target.outside) break; if (dir < 0 ? y <= 0 : y >= doc.height) { target.hitSide = true; break; } y += dir * 5; } return target; } // EDITOR METHODS // The publicly visible API. Note that methodOp(f) means // 'wrap f in an operation, performed on its `this` parameter'. // This is not the complete set of editor methods. Most of the // methods defined on the Doc type are also injected into // CodeMirror.prototype, for backwards compatibility and // convenience. CodeMirror.prototype = { constructor: CodeMirror, focus: function(){window.focus(); this.display.input.focus();}, setOption: function(option, value) { var options = this.options, old = options[option]; if (options[option] == value && option != "mode") return; options[option] = value; if (optionHandlers.hasOwnProperty(option)) operation(this, optionHandlers[option])(this, value, old); }, getOption: function(option) {return this.options[option];}, getDoc: function() {return this.doc;}, addKeyMap: function(map, bottom) { this.state.keyMaps[bottom ? "push" : "unshift"](getKeyMap(map)); }, removeKeyMap: function(map) { var maps = this.state.keyMaps; for (var i = 0; i < maps.length; ++i) if (maps[i] == map || maps[i].name == map) { maps.splice(i, 1); return true; } }, addOverlay: methodOp(function(spec, options) { var mode = spec.token ? spec : CodeMirror.getMode(this.options, spec); if (mode.startState) throw new Error("Overlays may not be stateful."); insertSorted(this.state.overlays, {mode: mode, modeSpec: spec, opaque: options && options.opaque, priority: (options && options.priority) || 0}, function(overlay) { return overlay.priority }) this.state.modeGen++; regChange(this); }), removeOverlay: methodOp(function(spec) { var overlays = this.state.overlays; for (var i = 0; i < overlays.length; ++i) { var cur = overlays[i].modeSpec; if (cur == spec || typeof spec == "string" && cur.name == spec) { overlays.splice(i, 1); this.state.modeGen++; regChange(this); return; } } }), indentLine: methodOp(function(n, dir, aggressive) { if (typeof dir != "string" && typeof dir != "number") { if (dir == null) dir = this.options.smartIndent ? "smart" : "prev"; else dir = dir ? "add" : "subtract"; } if (isLine(this.doc, n)) indentLine(this, n, dir, aggressive); }), indentSelection: methodOp(function(how) { var ranges = this.doc.sel.ranges, end = -1; for (var i = 0; i < ranges.length; i++) { var range = ranges[i]; if (!range.empty()) { var from = range.from(), to = range.to(); var start = Math.max(end, from.line); end = Math.min(this.lastLine(), to.line - (to.ch ? 0 : 1)) + 1; for (var j = start; j < end; ++j) indentLine(this, j, how); var newRanges = this.doc.sel.ranges; if (from.ch == 0 && ranges.length == newRanges.length && newRanges[i].from().ch > 0) replaceOneSelection(this.doc, i, new Range(from, newRanges[i].to()), sel_dontScroll); } else if (range.head.line > end) { indentLine(this, range.head.line, how, true); end = range.head.line; if (i == this.doc.sel.primIndex) ensureCursorVisible(this); } } }), // Fetch the parser token for a given character. Useful for hacks // that want to inspect the mode state (say, for completion). getTokenAt: function(pos, precise) { return takeToken(this, pos, precise); }, getLineTokens: function(line, precise) { return takeToken(this, Pos(line), precise, true); }, getTokenTypeAt: function(pos) { pos = clipPos(this.doc, pos); var styles = getLineStyles(this, getLine(this.doc, pos.line)); var before = 0, after = (styles.length - 1) / 2, ch = pos.ch; var type; if (ch == 0) type = styles[2]; else for (;;) { var mid = (before + after) >> 1; if ((mid ? styles[mid * 2 - 1] : 0) >= ch) after = mid; else if (styles[mid * 2 + 1] < ch) before = mid + 1; else { type = styles[mid * 2 + 2]; break; } } var cut = type ? type.indexOf("cm-overlay ") : -1; return cut < 0 ? type : cut == 0 ? null : type.slice(0, cut - 1); }, getModeAt: function(pos) { var mode = this.doc.mode; if (!mode.innerMode) return mode; return CodeMirror.innerMode(mode, this.getTokenAt(pos).state).mode; }, getHelper: function(pos, type) { return this.getHelpers(pos, type)[0]; }, getHelpers: function(pos, type) { var found = []; if (!helpers.hasOwnProperty(type)) return found; var help = helpers[type], mode = this.getModeAt(pos); if (typeof mode[type] == "string") { if (help[mode[type]]) found.push(help[mode[type]]); } else if (mode[type]) { for (var i = 0; i < mode[type].length; i++) { var val = help[mode[type][i]]; if (val) found.push(val); } } else if (mode.helperType && help[mode.helperType]) { found.push(help[mode.helperType]); } else if (help[mode.name]) { found.push(help[mode.name]); } for (var i = 0; i < help._global.length; i++) { var cur = help._global[i]; if (cur.pred(mode, this) && indexOf(found, cur.val) == -1) found.push(cur.val); } return found; }, getStateAfter: function(line, precise) { var doc = this.doc; line = clipLine(doc, line == null ? doc.first + doc.size - 1: line); return getStateBefore(this, line + 1, precise); }, cursorCoords: function(start, mode) { var pos, range = this.doc.sel.primary(); if (start == null) pos = range.head; else if (typeof start == "object") pos = clipPos(this.doc, start); else pos = start ? range.from() : range.to(); return cursorCoords(this, pos, mode || "page"); }, charCoords: function(pos, mode) { return charCoords(this, clipPos(this.doc, pos), mode || "page"); }, coordsChar: function(coords, mode) { coords = fromCoordSystem(this, coords, mode || "page"); return coordsChar(this, coords.left, coords.top); }, lineAtHeight: function(height, mode) { height = fromCoordSystem(this, {top: height, left: 0}, mode || "page").top; return lineAtHeight(this.doc, height + this.display.viewOffset); }, heightAtLine: function(line, mode) { var end = false, lineObj; if (typeof line == "number") { var last = this.doc.first + this.doc.size - 1; if (line < this.doc.first) line = this.doc.first; else if (line > last) { line = last; end = true; } lineObj = getLine(this.doc, line); } else { lineObj = line; } return intoCoordSystem(this, lineObj, {top: 0, left: 0}, mode || "page").top + (end ? this.doc.height - heightAtLine(lineObj) : 0); }, defaultTextHeight: function() { return textHeight(this.display); }, defaultCharWidth: function() { return charWidth(this.display); }, setGutterMarker: methodOp(function(line, gutterID, value) { return changeLine(this.doc, line, "gutter", function(line) { var markers = line.gutterMarkers || (line.gutterMarkers = {}); markers[gutterID] = value; if (!value && isEmpty(markers)) line.gutterMarkers = null; return true; }); }), clearGutter: methodOp(function(gutterID) { var cm = this, doc = cm.doc, i = doc.first; doc.iter(function(line) { if (line.gutterMarkers && line.gutterMarkers[gutterID]) { line.gutterMarkers[gutterID] = null; regLineChange(cm, i, "gutter"); if (isEmpty(line.gutterMarkers)) line.gutterMarkers = null; } ++i; }); }), lineInfo: function(line) { if (typeof line == "number") { if (!isLine(this.doc, line)) return null; var n = line; line = getLine(this.doc, line); if (!line) return null; } else { var n = lineNo(line); if (n == null) return null; } return {line: n, handle: line, text: line.text, gutterMarkers: line.gutterMarkers, textClass: line.textClass, bgClass: line.bgClass, wrapClass: line.wrapClass, widgets: line.widgets}; }, getViewport: function() { return {from: this.display.viewFrom, to: this.display.viewTo};}, addWidget: function(pos, node, scroll, vert, horiz) { var display = this.display; pos = cursorCoords(this, clipPos(this.doc, pos)); var top = pos.bottom, left = pos.left; node.style.position = "absolute"; node.setAttribute("cm-ignore-events", "true"); this.display.input.setUneditable(node); display.sizer.appendChild(node); if (vert == "over") { top = pos.top; } else if (vert == "above" || vert == "near") { var vspace = Math.max(display.wrapper.clientHeight, this.doc.height), hspace = Math.max(display.sizer.clientWidth, display.lineSpace.clientWidth); // Default to positioning above (if specified and possible); otherwise default to positioning below if ((vert == 'above' || pos.bottom + node.offsetHeight > vspace) && pos.top > node.offsetHeight) top = pos.top - node.offsetHeight; else if (pos.bottom + node.offsetHeight <= vspace) top = pos.bottom; if (left + node.offsetWidth > hspace) left = hspace - node.offsetWidth; } node.style.top = top + "px"; node.style.left = node.style.right = ""; if (horiz == "right") { left = display.sizer.clientWidth - node.offsetWidth; node.style.right = "0px"; } else { if (horiz == "left") left = 0; else if (horiz == "middle") left = (display.sizer.clientWidth - node.offsetWidth) / 2; node.style.left = left + "px"; } if (scroll) scrollIntoView(this, left, top, left + node.offsetWidth, top + node.offsetHeight); }, triggerOnKeyDown: methodOp(onKeyDown), triggerOnKeyPress: methodOp(onKeyPress), triggerOnKeyUp: onKeyUp, execCommand: function(cmd) { if (commands.hasOwnProperty(cmd)) return commands[cmd].call(null, this); }, triggerElectric: methodOp(function(text) { triggerElectric(this, text); }), findPosH: function(from, amount, unit, visually) { var dir = 1; if (amount < 0) { dir = -1; amount = -amount; } for (var i = 0, cur = clipPos(this.doc, from); i < amount; ++i) { cur = findPosH(this.doc, cur, dir, unit, visually); if (cur.hitSide) break; } return cur; }, moveH: methodOp(function(dir, unit) { var cm = this; cm.extendSelectionsBy(function(range) { if (cm.display.shift || cm.doc.extend || range.empty()) return findPosH(cm.doc, range.head, dir, unit, cm.options.rtlMoveVisually); else return dir < 0 ? range.from() : range.to(); }, sel_move); }), deleteH: methodOp(function(dir, unit) { var sel = this.doc.sel, doc = this.doc; if (sel.somethingSelected()) doc.replaceSelection("", null, "+delete"); else deleteNearSelection(this, function(range) { var other = findPosH(doc, range.head, dir, unit, false); return dir < 0 ? {from: other, to: range.head} : {from: range.head, to: other}; }); }), findPosV: function(from, amount, unit, goalColumn) { var dir = 1, x = goalColumn; if (amount < 0) { dir = -1; amount = -amount; } for (var i = 0, cur = clipPos(this.doc, from); i < amount; ++i) { var coords = cursorCoords(this, cur, "div"); if (x == null) x = coords.left; else coords.left = x; cur = findPosV(this, coords, dir, unit); if (cur.hitSide) break; } return cur; }, moveV: methodOp(function(dir, unit) { var cm = this, doc = this.doc, goals = []; var collapse = !cm.display.shift && !doc.extend && doc.sel.somethingSelected(); doc.extendSelectionsBy(function(range) { if (collapse) return dir < 0 ? range.from() : range.to(); var headPos = cursorCoords(cm, range.head, "div"); if (range.goalColumn != null) headPos.left = range.goalColumn; goals.push(headPos.left); var pos = findPosV(cm, headPos, dir, unit); if (unit == "page" && range == doc.sel.primary()) addToScrollPos(cm, null, charCoords(cm, pos, "div").top - headPos.top); return pos; }, sel_move); if (goals.length) for (var i = 0; i < doc.sel.ranges.length; i++) doc.sel.ranges[i].goalColumn = goals[i]; }), // Find the word at the given position (as returned by coordsChar). findWordAt: function(pos) { var doc = this.doc, line = getLine(doc, pos.line).text; var start = pos.ch, end = pos.ch; if (line) { var helper = this.getHelper(pos, "wordChars"); if ((pos.xRel < 0 || end == line.length) && start) --start; else ++end; var startChar = line.charAt(start); var check = isWordChar(startChar, helper) ? function(ch) { return isWordChar(ch, helper); } : /\s/.test(startChar) ? function(ch) {return /\s/.test(ch);} : function(ch) {return !/\s/.test(ch) && !isWordChar(ch);}; while (start > 0 && check(line.charAt(start - 1))) --start; while (end < line.length && check(line.charAt(end))) ++end; } return new Range(Pos(pos.line, start), Pos(pos.line, end)); }, toggleOverwrite: function(value) { if (value != null && value == this.state.overwrite) return; if (this.state.overwrite = !this.state.overwrite) addClass(this.display.cursorDiv, "CodeMirror-overwrite"); else rmClass(this.display.cursorDiv, "CodeMirror-overwrite"); signal(this, "overwriteToggle", this, this.state.overwrite); }, hasFocus: function() { return this.display.input.getField() == activeElt(); }, isReadOnly: function() { return !!(this.options.readOnly || this.doc.cantEdit); }, scrollTo: methodOp(function(x, y) { if (x != null || y != null) resolveScrollToPos(this); if (x != null) this.curOp.scrollLeft = x; if (y != null) this.curOp.scrollTop = y; }), getScrollInfo: function() { var scroller = this.display.scroller; return {left: scroller.scrollLeft, top: scroller.scrollTop, height: scroller.scrollHeight - scrollGap(this) - this.display.barHeight, width: scroller.scrollWidth - scrollGap(this) - this.display.barWidth, clientHeight: displayHeight(this), clientWidth: displayWidth(this)}; }, scrollIntoView: methodOp(function(range, margin) { if (range == null) { range = {from: this.doc.sel.primary().head, to: null}; if (margin == null) margin = this.options.cursorScrollMargin; } else if (typeof range == "number") { range = {from: Pos(range, 0), to: null}; } else if (range.from == null) { range = {from: range, to: null}; } if (!range.to) range.to = range.from; range.margin = margin || 0; if (range.from.line != null) { resolveScrollToPos(this); this.curOp.scrollToPos = range; } else { var sPos = calculateScrollPos(this, Math.min(range.from.left, range.to.left), Math.min(range.from.top, range.to.top) - range.margin, Math.max(range.from.right, range.to.right), Math.max(range.from.bottom, range.to.bottom) + range.margin); this.scrollTo(sPos.scrollLeft, sPos.scrollTop); } }), setSize: methodOp(function(width, height) { var cm = this; function interpret(val) { return typeof val == "number" || /^\d+$/.test(String(val)) ? val + "px" : val; } if (width != null) cm.display.wrapper.style.width = interpret(width); if (height != null) cm.display.wrapper.style.height = interpret(height); if (cm.options.lineWrapping) clearLineMeasurementCache(this); var lineNo = cm.display.viewFrom; cm.doc.iter(lineNo, cm.display.viewTo, function(line) { if (line.widgets) for (var i = 0; i < line.widgets.length; i++) if (line.widgets[i].noHScroll) { regLineChange(cm, lineNo, "widget"); break; } ++lineNo; }); cm.curOp.forceUpdate = true; signal(cm, "refresh", this); }), operation: function(f){return runInOp(this, f);}, refresh: methodOp(function() { var oldHeight = this.display.cachedTextHeight; regChange(this); this.curOp.forceUpdate = true; clearCaches(this); this.scrollTo(this.doc.scrollLeft, this.doc.scrollTop); updateGutterSpace(this); if (oldHeight == null || Math.abs(oldHeight - textHeight(this.display)) > .5) estimateLineHeights(this); signal(this, "refresh", this); }), swapDoc: methodOp(function(doc) { var old = this.doc; old.cm = null; attachDoc(this, doc); clearCaches(this); this.display.input.reset(); this.scrollTo(doc.scrollLeft, doc.scrollTop); this.curOp.forceScroll = true; signalLater(this, "swapDoc", this, old); return old; }), getInputField: function(){return this.display.input.getField();}, getWrapperElement: function(){return this.display.wrapper;}, getScrollerElement: function(){return this.display.scroller;}, getGutterElement: function(){return this.display.gutters;} }; eventMixin(CodeMirror); // OPTION DEFAULTS // The default configuration options. var defaults = CodeMirror.defaults = {}; // Functions to run when options are changed. var optionHandlers = CodeMirror.optionHandlers = {}; function option(name, deflt, handle, notOnInit) { CodeMirror.defaults[name] = deflt; if (handle) optionHandlers[name] = notOnInit ? function(cm, val, old) {if (old != Init) handle(cm, val, old);} : handle; } // Passed to option handlers when there is no old value. var Init = CodeMirror.Init = {toString: function(){return "CodeMirror.Init";}}; // These two are, on init, called from the constructor because they // have to be initialized before the editor can start at all. option("value", "", function(cm, val) { cm.setValue(val); }, true); option("mode", null, function(cm, val) { cm.doc.modeOption = val; loadMode(cm); }, true); option("indentUnit", 2, loadMode, true); option("indentWithTabs", false); option("smartIndent", true); option("tabSize", 4, function(cm) { resetModeState(cm); clearCaches(cm); regChange(cm); }, true); option("lineSeparator", null, function(cm, val) { cm.doc.lineSep = val; if (!val) return; var newBreaks = [], lineNo = cm.doc.first; cm.doc.iter(function(line) { for (var pos = 0;;) { var found = line.text.indexOf(val, pos); if (found == -1) break; pos = found + val.length; newBreaks.push(Pos(lineNo, found)); } lineNo++; }); for (var i = newBreaks.length - 1; i >= 0; i--) replaceRange(cm.doc, val, newBreaks[i], Pos(newBreaks[i].line, newBreaks[i].ch + val.length)) }); option("specialChars", /[\u0000-\u001f\u007f\u00ad\u200b-\u200f\u2028\u2029\ufeff]/g, function(cm, val, old) { cm.state.specialChars = new RegExp(val.source + (val.test("\t") ? "" : "|\t"), "g"); if (old != CodeMirror.Init) cm.refresh(); }); option("specialCharPlaceholder", defaultSpecialCharPlaceholder, function(cm) {cm.refresh();}, true); option("electricChars", true); option("inputStyle", mobile ? "contenteditable" : "textarea", function() { throw new Error("inputStyle can not (yet) be changed in a running editor"); // FIXME }, true); option("spellcheck", false, function(cm, val) { cm.getInputField().spellcheck = val }, true); option("rtlMoveVisually", !windows); option("wholeLineUpdateBefore", true); option("theme", "default", function(cm) { themeChanged(cm); guttersChanged(cm); }, true); option("keyMap", "default", function(cm, val, old) { var next = getKeyMap(val); var prev = old != CodeMirror.Init && getKeyMap(old); if (prev && prev.detach) prev.detach(cm, next); if (next.attach) next.attach(cm, prev || null); }); option("extraKeys", null); option("lineWrapping", false, wrappingChanged, true); option("gutters", [], function(cm) { setGuttersForLineNumbers(cm.options); guttersChanged(cm); }, true); option("fixedGutter", true, function(cm, val) { cm.display.gutters.style.left = val ? compensateForHScroll(cm.display) + "px" : "0"; cm.refresh(); }, true); option("coverGutterNextToScrollbar", false, function(cm) {updateScrollbars(cm);}, true); option("scrollbarStyle", "native", function(cm) { initScrollbars(cm); updateScrollbars(cm); cm.display.scrollbars.setScrollTop(cm.doc.scrollTop); cm.display.scrollbars.setScrollLeft(cm.doc.scrollLeft); }, true); option("lineNumbers", false, function(cm) { setGuttersForLineNumbers(cm.options); guttersChanged(cm); }, true); option("firstLineNumber", 1, guttersChanged, true); option("lineNumberFormatter", function(integer) {return integer;}, guttersChanged, true); option("showCursorWhenSelecting", false, updateSelection, true); option("resetSelectionOnContextMenu", true); option("lineWiseCopyCut", true); option("readOnly", false, function(cm, val) { if (val == "nocursor") { onBlur(cm); cm.display.input.blur(); cm.display.disabled = true; } else { cm.display.disabled = false; } cm.display.input.readOnlyChanged(val) }); option("disableInput", false, function(cm, val) {if (!val) cm.display.input.reset();}, true); option("dragDrop", true, dragDropChanged); option("allowDropFileTypes", null); option("cursorBlinkRate", 530); option("cursorScrollMargin", 0); option("cursorHeight", 1, updateSelection, true); option("singleCursorHeightPerLine", true, updateSelection, true); option("workTime", 100); option("workDelay", 100); option("flattenSpans", true, resetModeState, true); option("addModeClass", false, resetModeState, true); option("pollInterval", 100); option("undoDepth", 200, function(cm, val){cm.doc.history.undoDepth = val;}); option("historyEventDelay", 1250); option("viewportMargin", 10, function(cm){cm.refresh();}, true); option("maxHighlightLength", 10000, resetModeState, true); option("moveInputWithCursor", true, function(cm, val) { if (!val) cm.display.input.resetPosition(); }); option("tabindex", null, function(cm, val) { cm.display.input.getField().tabIndex = val || ""; }); option("autofocus", null); // MODE DEFINITION AND QUERYING // Known modes, by name and by MIME var modes = CodeMirror.modes = {}, mimeModes = CodeMirror.mimeModes = {}; // Extra arguments are stored as the mode's dependencies, which is // used by (legacy) mechanisms like loadmode.js to automatically // load a mode. (Preferred mechanism is the require/define calls.) CodeMirror.defineMode = function(name, mode) { if (!CodeMirror.defaults.mode && name != "null") CodeMirror.defaults.mode = name; if (arguments.length > 2) mode.dependencies = Array.prototype.slice.call(arguments, 2); modes[name] = mode; }; CodeMirror.defineMIME = function(mime, spec) { mimeModes[mime] = spec; }; // Given a MIME type, a {name, ...options} config object, or a name // string, return a mode config object. CodeMirror.resolveMode = function(spec) { if (typeof spec == "string" && mimeModes.hasOwnProperty(spec)) { spec = mimeModes[spec]; } else if (spec && typeof spec.name == "string" && mimeModes.hasOwnProperty(spec.name)) { var found = mimeModes[spec.name]; if (typeof found == "string") found = {name: found}; spec = createObj(found, spec); spec.name = found.name; } else if (typeof spec == "string" && /^[\w\-]+\/[\w\-]+\+xml$/.test(spec)) { return CodeMirror.resolveMode("application/xml"); } else if (typeof spec == "string" && /^[\w\-]+\/[\w\-]+\+json$/.test(spec)) { return CodeMirror.resolveMode("application/json"); } if (typeof spec == "string") return {name: spec}; else return spec || {name: "null"}; }; // Given a mode spec (anything that resolveMode accepts), find and // initialize an actual mode object. CodeMirror.getMode = function(options, spec) { var spec = CodeMirror.resolveMode(spec); var mfactory = modes[spec.name]; if (!mfactory) return CodeMirror.getMode(options, "text/plain"); var modeObj = mfactory(options, spec); if (modeExtensions.hasOwnProperty(spec.name)) { var exts = modeExtensions[spec.name]; for (var prop in exts) { if (!exts.hasOwnProperty(prop)) continue; if (modeObj.hasOwnProperty(prop)) modeObj["_" + prop] = modeObj[prop]; modeObj[prop] = exts[prop]; } } modeObj.name = spec.name; if (spec.helperType) modeObj.helperType = spec.helperType; if (spec.modeProps) for (var prop in spec.modeProps) modeObj[prop] = spec.modeProps[prop]; return modeObj; }; // Minimal default mode. CodeMirror.defineMode("null", function() { return {token: function(stream) {stream.skipToEnd();}}; }); CodeMirror.defineMIME("text/plain", "null"); // This can be used to attach properties to mode objects from // outside the actual mode definition. var modeExtensions = CodeMirror.modeExtensions = {}; CodeMirror.extendMode = function(mode, properties) { var exts = modeExtensions.hasOwnProperty(mode) ? modeExtensions[mode] : (modeExtensions[mode] = {}); copyObj(properties, exts); }; // EXTENSIONS CodeMirror.defineExtension = function(name, func) { CodeMirror.prototype[name] = func; }; CodeMirror.defineDocExtension = function(name, func) { Doc.prototype[name] = func; }; CodeMirror.defineOption = option; var initHooks = []; CodeMirror.defineInitHook = function(f) {initHooks.push(f);}; var helpers = CodeMirror.helpers = {}; CodeMirror.registerHelper = function(type, name, value) { if (!helpers.hasOwnProperty(type)) helpers[type] = CodeMirror[type] = {_global: []}; helpers[type][name] = value; }; CodeMirror.registerGlobalHelper = function(type, name, predicate, value) { CodeMirror.registerHelper(type, name, value); helpers[type]._global.push({pred: predicate, val: value}); }; // MODE STATE HANDLING // Utility functions for working with state. Exported because nested // modes need to do this for their inner modes. var copyState = CodeMirror.copyState = function(mode, state) { if (state === true) return state; if (mode.copyState) return mode.copyState(state); var nstate = {}; for (var n in state) { var val = state[n]; if (val instanceof Array) val = val.concat([]); nstate[n] = val; } return nstate; }; var startState = CodeMirror.startState = function(mode, a1, a2) { return mode.startState ? mode.startState(a1, a2) : true; }; // Given a mode and a state (for that mode), find the inner mode and // state at the position that the state refers to. CodeMirror.innerMode = function(mode, state) { while (mode.innerMode) { var info = mode.innerMode(state); if (!info || info.mode == mode) break; state = info.state; mode = info.mode; } return info || {mode: mode, state: state}; }; // STANDARD COMMANDS // Commands are parameter-less actions that can be performed on an // editor, mostly used for keybindings. var commands = CodeMirror.commands = { selectAll: function(cm) {cm.setSelection(Pos(cm.firstLine(), 0), Pos(cm.lastLine()), sel_dontScroll);}, singleSelection: function(cm) { cm.setSelection(cm.getCursor("anchor"), cm.getCursor("head"), sel_dontScroll); }, killLine: function(cm) { deleteNearSelection(cm, function(range) { if (range.empty()) { var len = getLine(cm.doc, range.head.line).text.length; if (range.head.ch == len && range.head.line < cm.lastLine()) return {from: range.head, to: Pos(range.head.line + 1, 0)}; else return {from: range.head, to: Pos(range.head.line, len)}; } else { return {from: range.from(), to: range.to()}; } }); }, deleteLine: function(cm) { deleteNearSelection(cm, function(range) { return {from: Pos(range.from().line, 0), to: clipPos(cm.doc, Pos(range.to().line + 1, 0))}; }); }, delLineLeft: function(cm) { deleteNearSelection(cm, function(range) { return {from: Pos(range.from().line, 0), to: range.from()}; }); }, delWrappedLineLeft: function(cm) { deleteNearSelection(cm, function(range) { var top = cm.charCoords(range.head, "div").top + 5; var leftPos = cm.coordsChar({left: 0, top: top}, "div"); return {from: leftPos, to: range.from()}; }); }, delWrappedLineRight: function(cm) { deleteNearSelection(cm, function(range) { var top = cm.charCoords(range.head, "div").top + 5; var rightPos = cm.coordsChar({left: cm.display.lineDiv.offsetWidth + 100, top: top}, "div"); return {from: range.from(), to: rightPos }; }); }, undo: function(cm) {cm.undo();}, redo: function(cm) {cm.redo();}, undoSelection: function(cm) {cm.undoSelection();}, redoSelection: function(cm) {cm.redoSelection();}, goDocStart: function(cm) {cm.extendSelection(Pos(cm.firstLine(), 0));}, goDocEnd: function(cm) {cm.extendSelection(Pos(cm.lastLine()));}, goLineStart: function(cm) { cm.extendSelectionsBy(function(range) { return lineStart(cm, range.head.line); }, {origin: "+move", bias: 1}); }, goLineStartSmart: function(cm) { cm.extendSelectionsBy(function(range) { return lineStartSmart(cm, range.head); }, {origin: "+move", bias: 1}); }, goLineEnd: function(cm) { cm.extendSelectionsBy(function(range) { return lineEnd(cm, range.head.line); }, {origin: "+move", bias: -1}); }, goLineRight: function(cm) { cm.extendSelectionsBy(function(range) { var top = cm.charCoords(range.head, "div").top + 5; return cm.coordsChar({left: cm.display.lineDiv.offsetWidth + 100, top: top}, "div"); }, sel_move); }, goLineLeft: function(cm) { cm.extendSelectionsBy(function(range) { var top = cm.charCoords(range.head, "div").top + 5; return cm.coordsChar({left: 0, top: top}, "div"); }, sel_move); }, goLineLeftSmart: function(cm) { cm.extendSelectionsBy(function(range) { var top = cm.charCoords(range.head, "div").top + 5; var pos = cm.coordsChar({left: 0, top: top}, "div"); if (pos.ch < cm.getLine(pos.line).search(/\S/)) return lineStartSmart(cm, range.head); return pos; }, sel_move); }, goLineUp: function(cm) {cm.moveV(-1, "line");}, goLineDown: function(cm) {cm.moveV(1, "line");}, goPageUp: function(cm) {cm.moveV(-1, "page");}, goPageDown: function(cm) {cm.moveV(1, "page");}, goCharLeft: function(cm) {cm.moveH(-1, "char");}, goCharRight: function(cm) {cm.moveH(1, "char");}, goColumnLeft: function(cm) {cm.moveH(-1, "column");}, goColumnRight: function(cm) {cm.moveH(1, "column");}, goWordLeft: function(cm) {cm.moveH(-1, "word");}, goGroupRight: function(cm) {cm.moveH(1, "group");}, goGroupLeft: function(cm) {cm.moveH(-1, "group");}, goWordRight: function(cm) {cm.moveH(1, "word");}, delCharBefore: function(cm) {cm.deleteH(-1, "char");}, delCharAfter: function(cm) {cm.deleteH(1, "char");}, delWordBefore: function(cm) {cm.deleteH(-1, "word");}, delWordAfter: function(cm) {cm.deleteH(1, "word");}, delGroupBefore: function(cm) {cm.deleteH(-1, "group");}, delGroupAfter: function(cm) {cm.deleteH(1, "group");}, indentAuto: function(cm) {cm.indentSelection("smart");}, indentMore: function(cm) {cm.indentSelection("add");}, indentLess: function(cm) {cm.indentSelection("subtract");}, insertTab: function(cm) {cm.replaceSelection("\t");}, insertSoftTab: function(cm) { var spaces = [], ranges = cm.listSelections(), tabSize = cm.options.tabSize; for (var i = 0; i < ranges.length; i++) { var pos = ranges[i].from(); var col = countColumn(cm.getLine(pos.line), pos.ch, tabSize); spaces.push(spaceStr(tabSize - col % tabSize)); } cm.replaceSelections(spaces); }, defaultTab: function(cm) { if (cm.somethingSelected()) cm.indentSelection("add"); else cm.execCommand("insertTab"); }, transposeChars: function(cm) { runInOp(cm, function() { var ranges = cm.listSelections(), newSel = []; for (var i = 0; i < ranges.length; i++) { var cur = ranges[i].head, line = getLine(cm.doc, cur.line).text; if (line) { if (cur.ch == line.length) cur = new Pos(cur.line, cur.ch - 1); if (cur.ch > 0) { cur = new Pos(cur.line, cur.ch + 1); cm.replaceRange(line.charAt(cur.ch - 1) + line.charAt(cur.ch - 2), Pos(cur.line, cur.ch - 2), cur, "+transpose"); } else if (cur.line > cm.doc.first) { var prev = getLine(cm.doc, cur.line - 1).text; if (prev) cm.replaceRange(line.charAt(0) + cm.doc.lineSeparator() + prev.charAt(prev.length - 1), Pos(cur.line - 1, prev.length - 1), Pos(cur.line, 1), "+transpose"); } } newSel.push(new Range(cur, cur)); } cm.setSelections(newSel); }); }, newlineAndIndent: function(cm) { runInOp(cm, function() { var len = cm.listSelections().length; for (var i = 0; i < len; i++) { var range = cm.listSelections()[i]; cm.replaceRange(cm.doc.lineSeparator(), range.anchor, range.head, "+input"); cm.indentLine(range.from().line + 1, null, true); } ensureCursorVisible(cm); }); }, openLine: function(cm) {cm.replaceSelection("\n", "start")}, toggleOverwrite: function(cm) {cm.toggleOverwrite();} }; // STANDARD KEYMAPS var keyMap = CodeMirror.keyMap = {}; keyMap.basic = { "Left": "goCharLeft", "Right": "goCharRight", "Up": "goLineUp", "Down": "goLineDown", "End": "goLineEnd", "Home": "goLineStartSmart", "PageUp": "goPageUp", "PageDown": "goPageDown", "Delete": "delCharAfter", "Backspace": "delCharBefore", "Shift-Backspace": "delCharBefore", "Tab": "defaultTab", "Shift-Tab": "indentAuto", "Enter": "newlineAndIndent", "Insert": "toggleOverwrite", "Esc": "singleSelection" }; // Note that the save and find-related commands aren't defined by // default. User code or addons can define them. Unknown commands // are simply ignored. keyMap.pcDefault = { "Ctrl-A": "selectAll", "Ctrl-D": "deleteLine", "Ctrl-Z": "undo", "Shift-Ctrl-Z": "redo", "Ctrl-Y": "redo", "Ctrl-Home": "goDocStart", "Ctrl-End": "goDocEnd", "Ctrl-Up": "goLineUp", "Ctrl-Down": "goLineDown", "Ctrl-Left": "goGroupLeft", "Ctrl-Right": "goGroupRight", "Alt-Left": "goLineStart", "Alt-Right": "goLineEnd", "Ctrl-Backspace": "delGroupBefore", "Ctrl-Delete": "delGroupAfter", "Ctrl-S": "save", "Ctrl-F": "find", "Ctrl-G": "findNext", "Shift-Ctrl-G": "findPrev", "Shift-Ctrl-F": "replace", "Shift-Ctrl-R": "replaceAll", "Ctrl-[": "indentLess", "Ctrl-]": "indentMore", "Ctrl-U": "undoSelection", "Shift-Ctrl-U": "redoSelection", "Alt-U": "redoSelection", fallthrough: "basic" }; // Very basic readline/emacs-style bindings, which are standard on Mac. keyMap.emacsy = { "Ctrl-F": "goCharRight", "Ctrl-B": "goCharLeft", "Ctrl-P": "goLineUp", "Ctrl-N": "goLineDown", "Alt-F": "goWordRight", "Alt-B": "goWordLeft", "Ctrl-A": "goLineStart", "Ctrl-E": "goLineEnd", "Ctrl-V": "goPageDown", "Shift-Ctrl-V": "goPageUp", "Ctrl-D": "delCharAfter", "Ctrl-H": "delCharBefore", "Alt-D": "delWordAfter", "Alt-Backspace": "delWordBefore", "Ctrl-K": "killLine", "Ctrl-T": "transposeChars", "Ctrl-O": "openLine" }; keyMap.macDefault = { "Cmd-A": "selectAll", "Cmd-D": "deleteLine", "Cmd-Z": "undo", "Shift-Cmd-Z": "redo", "Cmd-Y": "redo", "Cmd-Home": "goDocStart", "Cmd-Up": "goDocStart", "Cmd-End": "goDocEnd", "Cmd-Down": "goDocEnd", "Alt-Left": "goGroupLeft", "Alt-Right": "goGroupRight", "Cmd-Left": "goLineLeft", "Cmd-Right": "goLineRight", "Alt-Backspace": "delGroupBefore", "Ctrl-Alt-Backspace": "delGroupAfter", "Alt-Delete": "delGroupAfter", "Cmd-S": "save", "Cmd-F": "find", "Cmd-G": "findNext", "Shift-Cmd-G": "findPrev", "Cmd-Alt-F": "replace", "Shift-Cmd-Alt-F": "replaceAll", "Cmd-[": "indentLess", "Cmd-]": "indentMore", "Cmd-Backspace": "delWrappedLineLeft", "Cmd-Delete": "delWrappedLineRight", "Cmd-U": "undoSelection", "Shift-Cmd-U": "redoSelection", "Ctrl-Up": "goDocStart", "Ctrl-Down": "goDocEnd", fallthrough: ["basic", "emacsy"] }; keyMap["default"] = mac ? keyMap.macDefault : keyMap.pcDefault; // KEYMAP DISPATCH function normalizeKeyName(name) { var parts = name.split(/-(?!$)/), name = parts[parts.length - 1]; var alt, ctrl, shift, cmd; for (var i = 0; i < parts.length - 1; i++) { var mod = parts[i]; if (/^(cmd|meta|m)$/i.test(mod)) cmd = true; else if (/^a(lt)?$/i.test(mod)) alt = true; else if (/^(c|ctrl|control)$/i.test(mod)) ctrl = true; else if (/^s(hift)$/i.test(mod)) shift = true; else throw new Error("Unrecognized modifier name: " + mod); } if (alt) name = "Alt-" + name; if (ctrl) name = "Ctrl-" + name; if (cmd) name = "Cmd-" + name; if (shift) name = "Shift-" + name; return name; } // This is a kludge to keep keymaps mostly working as raw objects // (backwards compatibility) while at the same time support features // like normalization and multi-stroke key bindings. It compiles a // new normalized keymap, and then updates the old object to reflect // this. CodeMirror.normalizeKeyMap = function(keymap) { var copy = {}; for (var keyname in keymap) if (keymap.hasOwnProperty(keyname)) { var value = keymap[keyname]; if (/^(name|fallthrough|(de|at)tach)$/.test(keyname)) continue; if (value == "...") { delete keymap[keyname]; continue; } var keys = map(keyname.split(" "), normalizeKeyName); for (var i = 0; i < keys.length; i++) { var val, name; if (i == keys.length - 1) { name = keys.join(" "); val = value; } else { name = keys.slice(0, i + 1).join(" "); val = "..."; } var prev = copy[name]; if (!prev) copy[name] = val; else if (prev != val) throw new Error("Inconsistent bindings for " + name); } delete keymap[keyname]; } for (var prop in copy) keymap[prop] = copy[prop]; return keymap; }; var lookupKey = CodeMirror.lookupKey = function(key, map, handle, context) { map = getKeyMap(map); var found = map.call ? map.call(key, context) : map[key]; if (found === false) return "nothing"; if (found === "...") return "multi"; if (found != null && handle(found)) return "handled"; if (map.fallthrough) { if (Object.prototype.toString.call(map.fallthrough) != "[object Array]") return lookupKey(key, map.fallthrough, handle, context); for (var i = 0; i < map.fallthrough.length; i++) { var result = lookupKey(key, map.fallthrough[i], handle, context); if (result) return result; } } }; // Modifier key presses don't count as 'real' key presses for the // purpose of keymap fallthrough. var isModifierKey = CodeMirror.isModifierKey = function(value) { var name = typeof value == "string" ? value : keyNames[value.keyCode]; return name == "Ctrl" || name == "Alt" || name == "Shift" || name == "Mod"; }; // Look up the name of a key as indicated by an event object. var keyName = CodeMirror.keyName = function(event, noShift) { if (presto && event.keyCode == 34 && event["char"]) return false; var base = keyNames[event.keyCode], name = base; if (name == null || event.altGraphKey) return false; if (event.altKey && base != "Alt") name = "Alt-" + name; if ((flipCtrlCmd ? event.metaKey : event.ctrlKey) && base != "Ctrl") name = "Ctrl-" + name; if ((flipCtrlCmd ? event.ctrlKey : event.metaKey) && base != "Cmd") name = "Cmd-" + name; if (!noShift && event.shiftKey && base != "Shift") name = "Shift-" + name; return name; }; function getKeyMap(val) { return typeof val == "string" ? keyMap[val] : val; } // FROMTEXTAREA CodeMirror.fromTextArea = function(textarea, options) { options = options ? copyObj(options) : {}; options.value = textarea.value; if (!options.tabindex && textarea.tabIndex) options.tabindex = textarea.tabIndex; if (!options.placeholder && textarea.placeholder) options.placeholder = textarea.placeholder; // Set autofocus to true if this textarea is focused, or if it has // autofocus and no other element is focused. if (options.autofocus == null) { var hasFocus = activeElt(); options.autofocus = hasFocus == textarea || textarea.getAttribute("autofocus") != null && hasFocus == document.body; } function save() {textarea.value = cm.getValue();} if (textarea.form) { on(textarea.form, "submit", save); // Deplorable hack to make the submit method do the right thing. if (!options.leaveSubmitMethodAlone) { var form = textarea.form, realSubmit = form.submit; try { var wrappedSubmit = form.submit = function() { save(); form.submit = realSubmit; form.submit(); form.submit = wrappedSubmit; }; } catch(e) {} } } options.finishInit = function(cm) { cm.save = save; cm.getTextArea = function() { return textarea; }; cm.toTextArea = function() { cm.toTextArea = isNaN; // Prevent this from being ran twice save(); textarea.parentNode.removeChild(cm.getWrapperElement()); textarea.style.display = ""; if (textarea.form) { off(textarea.form, "submit", save); if (typeof textarea.form.submit == "function") textarea.form.submit = realSubmit; } }; }; textarea.style.display = "none"; var cm = CodeMirror(function(node) { textarea.parentNode.insertBefore(node, textarea.nextSibling); }, options); return cm; }; // STRING STREAM // Fed to the mode parsers, provides helper functions to make // parsers more succinct. var StringStream = CodeMirror.StringStream = function(string, tabSize) { this.pos = this.start = 0; this.string = string; this.tabSize = tabSize || 8; this.lastColumnPos = this.lastColumnValue = 0; this.lineStart = 0; }; StringStream.prototype = { eol: function() {return this.pos >= this.string.length;}, sol: function() {return this.pos == this.lineStart;}, peek: function() {return this.string.charAt(this.pos) || undefined;}, next: function() { if (this.pos < this.string.length) return this.string.charAt(this.pos++); }, eat: function(match) { var ch = this.string.charAt(this.pos); if (typeof match == "string") var ok = ch == match; else var ok = ch && (match.test ? match.test(ch) : match(ch)); if (ok) {++this.pos; return ch;} }, eatWhile: function(match) { var start = this.pos; while (this.eat(match)){} return this.pos > start; }, eatSpace: function() { var start = this.pos; while (/[\s\u00a0]/.test(this.string.charAt(this.pos))) ++this.pos; return this.pos > start; }, skipToEnd: function() {this.pos = this.string.length;}, skipTo: function(ch) { var found = this.string.indexOf(ch, this.pos); if (found > -1) {this.pos = found; return true;} }, backUp: function(n) {this.pos -= n;}, column: function() { if (this.lastColumnPos < this.start) { this.lastColumnValue = countColumn(this.string, this.start, this.tabSize, this.lastColumnPos, this.lastColumnValue); this.lastColumnPos = this.start; } return this.lastColumnValue - (this.lineStart ? countColumn(this.string, this.lineStart, this.tabSize) : 0); }, indentation: function() { return countColumn(this.string, null, this.tabSize) - (this.lineStart ? countColumn(this.string, this.lineStart, this.tabSize) : 0); }, match: function(pattern, consume, caseInsensitive) { if (typeof pattern == "string") { var cased = function(str) {return caseInsensitive ? str.toLowerCase() : str;}; var substr = this.string.substr(this.pos, pattern.length); if (cased(substr) == cased(pattern)) { if (consume !== false) this.pos += pattern.length; return true; } } else { var match = this.string.slice(this.pos).match(pattern); if (match && match.index > 0) return null; if (match && consume !== false) this.pos += match[0].length; return match; } }, current: function(){return this.string.slice(this.start, this.pos);}, hideFirstChars: function(n, inner) { this.lineStart += n; try { return inner(); } finally { this.lineStart -= n; } } }; // TEXTMARKERS // Created with markText and setBookmark methods. A TextMarker is a // handle that can be used to clear or find a marked position in the // document. Line objects hold arrays (markedSpans) containing // {from, to, marker} object pointing to such marker objects, and // indicating that such a marker is present on that line. Multiple // lines may point to the same marker when it spans across lines. // The spans will have null for their from/to properties when the // marker continues beyond the start/end of the line. Markers have // links back to the lines they currently touch. var nextMarkerId = 0; var TextMarker = CodeMirror.TextMarker = function(doc, type) { this.lines = []; this.type = type; this.doc = doc; this.id = ++nextMarkerId; }; eventMixin(TextMarker); // Clear the marker. TextMarker.prototype.clear = function() { if (this.explicitlyCleared) return; var cm = this.doc.cm, withOp = cm && !cm.curOp; if (withOp) startOperation(cm); if (hasHandler(this, "clear")) { var found = this.find(); if (found) signalLater(this, "clear", found.from, found.to); } var min = null, max = null; for (var i = 0; i < this.lines.length; ++i) { var line = this.lines[i]; var span = getMarkedSpanFor(line.markedSpans, this); if (cm && !this.collapsed) regLineChange(cm, lineNo(line), "text"); else if (cm) { if (span.to != null) max = lineNo(line); if (span.from != null) min = lineNo(line); } line.markedSpans = removeMarkedSpan(line.markedSpans, span); if (span.from == null && this.collapsed && !lineIsHidden(this.doc, line) && cm) updateLineHeight(line, textHeight(cm.display)); } if (cm && this.collapsed && !cm.options.lineWrapping) for (var i = 0; i < this.lines.length; ++i) { var visual = visualLine(this.lines[i]), len = lineLength(visual); if (len > cm.display.maxLineLength) { cm.display.maxLine = visual; cm.display.maxLineLength = len; cm.display.maxLineChanged = true; } } if (min != null && cm && this.collapsed) regChange(cm, min, max + 1); this.lines.length = 0; this.explicitlyCleared = true; if (this.atomic && this.doc.cantEdit) { this.doc.cantEdit = false; if (cm) reCheckSelection(cm.doc); } if (cm) signalLater(cm, "markerCleared", cm, this); if (withOp) endOperation(cm); if (this.parent) this.parent.clear(); }; // Find the position of the marker in the document. Returns a {from, // to} object by default. Side can be passed to get a specific side // -- 0 (both), -1 (left), or 1 (right). When lineObj is true, the // Pos objects returned contain a line object, rather than a line // number (used to prevent looking up the same line twice). TextMarker.prototype.find = function(side, lineObj) { if (side == null && this.type == "bookmark") side = 1; var from, to; for (var i = 0; i < this.lines.length; ++i) { var line = this.lines[i]; var span = getMarkedSpanFor(line.markedSpans, this); if (span.from != null) { from = Pos(lineObj ? line : lineNo(line), span.from); if (side == -1) return from; } if (span.to != null) { to = Pos(lineObj ? line : lineNo(line), span.to); if (side == 1) return to; } } return from && {from: from, to: to}; }; // Signals that the marker's widget changed, and surrounding layout // should be recomputed. TextMarker.prototype.changed = function() { var pos = this.find(-1, true), widget = this, cm = this.doc.cm; if (!pos || !cm) return; runInOp(cm, function() { var line = pos.line, lineN = lineNo(pos.line); var view = findViewForLine(cm, lineN); if (view) { clearLineMeasurementCacheFor(view); cm.curOp.selectionChanged = cm.curOp.forceUpdate = true; } cm.curOp.updateMaxLine = true; if (!lineIsHidden(widget.doc, line) && widget.height != null) { var oldHeight = widget.height; widget.height = null; var dHeight = widgetHeight(widget) - oldHeight; if (dHeight) updateLineHeight(line, line.height + dHeight); } }); }; TextMarker.prototype.attachLine = function(line) { if (!this.lines.length && this.doc.cm) { var op = this.doc.cm.curOp; if (!op.maybeHiddenMarkers || indexOf(op.maybeHiddenMarkers, this) == -1) (op.maybeUnhiddenMarkers || (op.maybeUnhiddenMarkers = [])).push(this); } this.lines.push(line); }; TextMarker.prototype.detachLine = function(line) { this.lines.splice(indexOf(this.lines, line), 1); if (!this.lines.length && this.doc.cm) { var op = this.doc.cm.curOp; (op.maybeHiddenMarkers || (op.maybeHiddenMarkers = [])).push(this); } }; // Collapsed markers have unique ids, in order to be able to order // them, which is needed for uniquely determining an outer marker // when they overlap (they may nest, but not partially overlap). var nextMarkerId = 0; // Create a marker, wire it up to the right lines, and function markText(doc, from, to, options, type) { // Shared markers (across linked documents) are handled separately // (markTextShared will call out to this again, once per // document). if (options && options.shared) return markTextShared(doc, from, to, options, type); // Ensure we are in an operation. if (doc.cm && !doc.cm.curOp) return operation(doc.cm, markText)(doc, from, to, options, type); var marker = new TextMarker(doc, type), diff = cmp(from, to); if (options) copyObj(options, marker, false); // Don't connect empty markers unless clearWhenEmpty is false if (diff > 0 || diff == 0 && marker.clearWhenEmpty !== false) return marker; if (marker.replacedWith) { // Showing up as a widget implies collapsed (widget replaces text) marker.collapsed = true; marker.widgetNode = elt("span", [marker.replacedWith], "CodeMirror-widget"); if (!options.handleMouseEvents) marker.widgetNode.setAttribute("cm-ignore-events", "true"); if (options.insertLeft) marker.widgetNode.insertLeft = true; } if (marker.collapsed) { if (conflictingCollapsedRange(doc, from.line, from, to, marker) || from.line != to.line && conflictingCollapsedRange(doc, to.line, from, to, marker)) throw new Error("Inserting collapsed marker partially overlapping an existing one"); sawCollapsedSpans = true; } if (marker.addToHistory) addChangeToHistory(doc, {from: from, to: to, origin: "markText"}, doc.sel, NaN); var curLine = from.line, cm = doc.cm, updateMaxLine; doc.iter(curLine, to.line + 1, function(line) { if (cm && marker.collapsed && !cm.options.lineWrapping && visualLine(line) == cm.display.maxLine) updateMaxLine = true; if (marker.collapsed && curLine != from.line) updateLineHeight(line, 0); addMarkedSpan(line, new MarkedSpan(marker, curLine == from.line ? from.ch : null, curLine == to.line ? to.ch : null)); ++curLine; }); // lineIsHidden depends on the presence of the spans, so needs a second pass if (marker.collapsed) doc.iter(from.line, to.line + 1, function(line) { if (lineIsHidden(doc, line)) updateLineHeight(line, 0); }); if (marker.clearOnEnter) on(marker, "beforeCursorEnter", function() { marker.clear(); }); if (marker.readOnly) { sawReadOnlySpans = true; if (doc.history.done.length || doc.history.undone.length) doc.clearHistory(); } if (marker.collapsed) { marker.id = ++nextMarkerId; marker.atomic = true; } if (cm) { // Sync editor state if (updateMaxLine) cm.curOp.updateMaxLine = true; if (marker.collapsed) regChange(cm, from.line, to.line + 1); else if (marker.className || marker.title || marker.startStyle || marker.endStyle || marker.css) for (var i = from.line; i <= to.line; i++) regLineChange(cm, i, "text"); if (marker.atomic) reCheckSelection(cm.doc); signalLater(cm, "markerAdded", cm, marker); } return marker; } // SHARED TEXTMARKERS // A shared marker spans multiple linked documents. It is // implemented as a meta-marker-object controlling multiple normal // markers. var SharedTextMarker = CodeMirror.SharedTextMarker = function(markers, primary) { this.markers = markers; this.primary = primary; for (var i = 0; i < markers.length; ++i) markers[i].parent = this; }; eventMixin(SharedTextMarker); SharedTextMarker.prototype.clear = function() { if (this.explicitlyCleared) return; this.explicitlyCleared = true; for (var i = 0; i < this.markers.length; ++i) this.markers[i].clear(); signalLater(this, "clear"); }; SharedTextMarker.prototype.find = function(side, lineObj) { return this.primary.find(side, lineObj); }; function markTextShared(doc, from, to, options, type) { options = copyObj(options); options.shared = false; var markers = [markText(doc, from, to, options, type)], primary = markers[0]; var widget = options.widgetNode; linkedDocs(doc, function(doc) { if (widget) options.widgetNode = widget.cloneNode(true); markers.push(markText(doc, clipPos(doc, from), clipPos(doc, to), options, type)); for (var i = 0; i < doc.linked.length; ++i) if (doc.linked[i].isParent) return; primary = lst(markers); }); return new SharedTextMarker(markers, primary); } function findSharedMarkers(doc) { return doc.findMarks(Pos(doc.first, 0), doc.clipPos(Pos(doc.lastLine())), function(m) { return m.parent; }); } function copySharedMarkers(doc, markers) { for (var i = 0; i < markers.length; i++) { var marker = markers[i], pos = marker.find(); var mFrom = doc.clipPos(pos.from), mTo = doc.clipPos(pos.to); if (cmp(mFrom, mTo)) { var subMark = markText(doc, mFrom, mTo, marker.primary, marker.primary.type); marker.markers.push(subMark); subMark.parent = marker; } } } function detachSharedMarkers(markers) { for (var i = 0; i < markers.length; i++) { var marker = markers[i], linked = [marker.primary.doc];; linkedDocs(marker.primary.doc, function(d) { linked.push(d); }); for (var j = 0; j < marker.markers.length; j++) { var subMarker = marker.markers[j]; if (indexOf(linked, subMarker.doc) == -1) { subMarker.parent = null; marker.markers.splice(j--, 1); } } } } // TEXTMARKER SPANS function MarkedSpan(marker, from, to) { this.marker = marker; this.from = from; this.to = to; } // Search an array of spans for a span matching the given marker. function getMarkedSpanFor(spans, marker) { if (spans) for (var i = 0; i < spans.length; ++i) { var span = spans[i]; if (span.marker == marker) return span; } } // Remove a span from an array, returning undefined if no spans are // left (we don't store arrays for lines without spans). function removeMarkedSpan(spans, span) { for (var r, i = 0; i < spans.length; ++i) if (spans[i] != span) (r || (r = [])).push(spans[i]); return r; } // Add a span to a line. function addMarkedSpan(line, span) { line.markedSpans = line.markedSpans ? line.markedSpans.concat([span]) : [span]; span.marker.attachLine(line); } // Used for the algorithm that adjusts markers for a change in the // document. These functions cut an array of spans at a given // character position, returning an array of remaining chunks (or // undefined if nothing remains). function markedSpansBefore(old, startCh, isInsert) { if (old) for (var i = 0, nw; i < old.length; ++i) { var span = old[i], marker = span.marker; var startsBefore = span.from == null || (marker.inclusiveLeft ? span.from <= startCh : span.from < startCh); if (startsBefore || span.from == startCh && marker.type == "bookmark" && (!isInsert || !span.marker.insertLeft)) { var endsAfter = span.to == null || (marker.inclusiveRight ? span.to >= startCh : span.to > startCh); (nw || (nw = [])).push(new MarkedSpan(marker, span.from, endsAfter ? null : span.to)); } } return nw; } function markedSpansAfter(old, endCh, isInsert) { if (old) for (var i = 0, nw; i < old.length; ++i) { var span = old[i], marker = span.marker; var endsAfter = span.to == null || (marker.inclusiveRight ? span.to >= endCh : span.to > endCh); if (endsAfter || span.from == endCh && marker.type == "bookmark" && (!isInsert || span.marker.insertLeft)) { var startsBefore = span.from == null || (marker.inclusiveLeft ? span.from <= endCh : span.from < endCh); (nw || (nw = [])).push(new MarkedSpan(marker, startsBefore ? null : span.from - endCh, span.to == null ? null : span.to - endCh)); } } return nw; } // Given a change object, compute the new set of marker spans that // cover the line in which the change took place. Removes spans // entirely within the change, reconnects spans belonging to the // same marker that appear on both sides of the change, and cuts off // spans partially within the change. Returns an array of span // arrays with one element for each line in (after) the change. function stretchSpansOverChange(doc, change) { if (change.full) return null; var oldFirst = isLine(doc, change.from.line) && getLine(doc, change.from.line).markedSpans; var oldLast = isLine(doc, change.to.line) && getLine(doc, change.to.line).markedSpans; if (!oldFirst && !oldLast) return null; var startCh = change.from.ch, endCh = change.to.ch, isInsert = cmp(change.from, change.to) == 0; // Get the spans that 'stick out' on both sides var first = markedSpansBefore(oldFirst, startCh, isInsert); var last = markedSpansAfter(oldLast, endCh, isInsert); // Next, merge those two ends var sameLine = change.text.length == 1, offset = lst(change.text).length + (sameLine ? startCh : 0); if (first) { // Fix up .to properties of first for (var i = 0; i < first.length; ++i) { var span = first[i]; if (span.to == null) { var found = getMarkedSpanFor(last, span.marker); if (!found) span.to = startCh; else if (sameLine) span.to = found.to == null ? null : found.to + offset; } } } if (last) { // Fix up .from in last (or move them into first in case of sameLine) for (var i = 0; i < last.length; ++i) { var span = last[i]; if (span.to != null) span.to += offset; if (span.from == null) { var found = getMarkedSpanFor(first, span.marker); if (!found) { span.from = offset; if (sameLine) (first || (first = [])).push(span); } } else { span.from += offset; if (sameLine) (first || (first = [])).push(span); } } } // Make sure we didn't create any zero-length spans if (first) first = clearEmptySpans(first); if (last && last != first) last = clearEmptySpans(last); var newMarkers = [first]; if (!sameLine) { // Fill gap with whole-line-spans var gap = change.text.length - 2, gapMarkers; if (gap > 0 && first) for (var i = 0; i < first.length; ++i) if (first[i].to == null) (gapMarkers || (gapMarkers = [])).push(new MarkedSpan(first[i].marker, null, null)); for (var i = 0; i < gap; ++i) newMarkers.push(gapMarkers); newMarkers.push(last); } return newMarkers; } // Remove spans that are empty and don't have a clearWhenEmpty // option of false. function clearEmptySpans(spans) { for (var i = 0; i < spans.length; ++i) { var span = spans[i]; if (span.from != null && span.from == span.to && span.marker.clearWhenEmpty !== false) spans.splice(i--, 1); } if (!spans.length) return null; return spans; } // Used for un/re-doing changes from the history. Combines the // result of computing the existing spans with the set of spans that // existed in the history (so that deleting around a span and then // undoing brings back the span). function mergeOldSpans(doc, change) { var old = getOldSpans(doc, change); var stretched = stretchSpansOverChange(doc, change); if (!old) return stretched; if (!stretched) return old; for (var i = 0; i < old.length; ++i) { var oldCur = old[i], stretchCur = stretched[i]; if (oldCur && stretchCur) { spans: for (var j = 0; j < stretchCur.length; ++j) { var span = stretchCur[j]; for (var k = 0; k < oldCur.length; ++k) if (oldCur[k].marker == span.marker) continue spans; oldCur.push(span); } } else if (stretchCur) { old[i] = stretchCur; } } return old; } // Used to 'clip' out readOnly ranges when making a change. function removeReadOnlyRanges(doc, from, to) { var markers = null; doc.iter(from.line, to.line + 1, function(line) { if (line.markedSpans) for (var i = 0; i < line.markedSpans.length; ++i) { var mark = line.markedSpans[i].marker; if (mark.readOnly && (!markers || indexOf(markers, mark) == -1)) (markers || (markers = [])).push(mark); } }); if (!markers) return null; var parts = [{from: from, to: to}]; for (var i = 0; i < markers.length; ++i) { var mk = markers[i], m = mk.find(0); for (var j = 0; j < parts.length; ++j) { var p = parts[j]; if (cmp(p.to, m.from) < 0 || cmp(p.from, m.to) > 0) continue; var newParts = [j, 1], dfrom = cmp(p.from, m.from), dto = cmp(p.to, m.to); if (dfrom < 0 || !mk.inclusiveLeft && !dfrom) newParts.push({from: p.from, to: m.from}); if (dto > 0 || !mk.inclusiveRight && !dto) newParts.push({from: m.to, to: p.to}); parts.splice.apply(parts, newParts); j += newParts.length - 1; } } return parts; } // Connect or disconnect spans from a line. function detachMarkedSpans(line) { var spans = line.markedSpans; if (!spans) return; for (var i = 0; i < spans.length; ++i) spans[i].marker.detachLine(line); line.markedSpans = null; } function attachMarkedSpans(line, spans) { if (!spans) return; for (var i = 0; i < spans.length; ++i) spans[i].marker.attachLine(line); line.markedSpans = spans; } // Helpers used when computing which overlapping collapsed span // counts as the larger one. function extraLeft(marker) { return marker.inclusiveLeft ? -1 : 0; } function extraRight(marker) { return marker.inclusiveRight ? 1 : 0; } // Returns a number indicating which of two overlapping collapsed // spans is larger (and thus includes the other). Falls back to // comparing ids when the spans cover exactly the same range. function compareCollapsedMarkers(a, b) { var lenDiff = a.lines.length - b.lines.length; if (lenDiff != 0) return lenDiff; var aPos = a.find(), bPos = b.find(); var fromCmp = cmp(aPos.from, bPos.from) || extraLeft(a) - extraLeft(b); if (fromCmp) return -fromCmp; var toCmp = cmp(aPos.to, bPos.to) || extraRight(a) - extraRight(b); if (toCmp) return toCmp; return b.id - a.id; } // Find out whether a line ends or starts in a collapsed span. If // so, return the marker for that span. function collapsedSpanAtSide(line, start) { var sps = sawCollapsedSpans && line.markedSpans, found; if (sps) for (var sp, i = 0; i < sps.length; ++i) { sp = sps[i]; if (sp.marker.collapsed && (start ? sp.from : sp.to) == null && (!found || compareCollapsedMarkers(found, sp.marker) < 0)) found = sp.marker; } return found; } function collapsedSpanAtStart(line) { return collapsedSpanAtSide(line, true); } function collapsedSpanAtEnd(line) { return collapsedSpanAtSide(line, false); } // Test whether there exists a collapsed span that partially // overlaps (covers the start or end, but not both) of a new span. // Such overlap is not allowed. function conflictingCollapsedRange(doc, lineNo, from, to, marker) { var line = getLine(doc, lineNo); var sps = sawCollapsedSpans && line.markedSpans; if (sps) for (var i = 0; i < sps.length; ++i) { var sp = sps[i]; if (!sp.marker.collapsed) continue; var found = sp.marker.find(0); var fromCmp = cmp(found.from, from) || extraLeft(sp.marker) - extraLeft(marker); var toCmp = cmp(found.to, to) || extraRight(sp.marker) - extraRight(marker); if (fromCmp >= 0 && toCmp <= 0 || fromCmp <= 0 && toCmp >= 0) continue; if (fromCmp <= 0 && (sp.marker.inclusiveRight && marker.inclusiveLeft ? cmp(found.to, from) >= 0 : cmp(found.to, from) > 0) || fromCmp >= 0 && (sp.marker.inclusiveRight && marker.inclusiveLeft ? cmp(found.from, to) <= 0 : cmp(found.from, to) < 0)) return true; } } // A visual line is a line as drawn on the screen. Folding, for // example, can cause multiple logical lines to appear on the same // visual line. This finds the start of the visual line that the // given line is part of (usually that is the line itself). function visualLine(line) { var merged; while (merged = collapsedSpanAtStart(line)) line = merged.find(-1, true).line; return line; } // Returns an array of logical lines that continue the visual line // started by the argument, or undefined if there are no such lines. function visualLineContinued(line) { var merged, lines; while (merged = collapsedSpanAtEnd(line)) { line = merged.find(1, true).line; (lines || (lines = [])).push(line); } return lines; } // Get the line number of the start of the visual line that the // given line number is part of. function visualLineNo(doc, lineN) { var line = getLine(doc, lineN), vis = visualLine(line); if (line == vis) return lineN; return lineNo(vis); } // Get the line number of the start of the next visual line after // the given line. function visualLineEndNo(doc, lineN) { if (lineN > doc.lastLine()) return lineN; var line = getLine(doc, lineN), merged; if (!lineIsHidden(doc, line)) return lineN; while (merged = collapsedSpanAtEnd(line)) line = merged.find(1, true).line; return lineNo(line) + 1; } // Compute whether a line is hidden. Lines count as hidden when they // are part of a visual line that starts with another line, or when // they are entirely covered by collapsed, non-widget span. function lineIsHidden(doc, line) { var sps = sawCollapsedSpans && line.markedSpans; if (sps) for (var sp, i = 0; i < sps.length; ++i) { sp = sps[i]; if (!sp.marker.collapsed) continue; if (sp.from == null) return true; if (sp.marker.widgetNode) continue; if (sp.from == 0 && sp.marker.inclusiveLeft && lineIsHiddenInner(doc, line, sp)) return true; } } function lineIsHiddenInner(doc, line, span) { if (span.to == null) { var end = span.marker.find(1, true); return lineIsHiddenInner(doc, end.line, getMarkedSpanFor(end.line.markedSpans, span.marker)); } if (span.marker.inclusiveRight && span.to == line.text.length) return true; for (var sp, i = 0; i < line.markedSpans.length; ++i) { sp = line.markedSpans[i]; if (sp.marker.collapsed && !sp.marker.widgetNode && sp.from == span.to && (sp.to == null || sp.to != span.from) && (sp.marker.inclusiveLeft || span.marker.inclusiveRight) && lineIsHiddenInner(doc, line, sp)) return true; } } // LINE WIDGETS // Line widgets are block elements displayed above or below a line. var LineWidget = CodeMirror.LineWidget = function(doc, node, options) { if (options) for (var opt in options) if (options.hasOwnProperty(opt)) this[opt] = options[opt]; this.doc = doc; this.node = node; }; eventMixin(LineWidget); function adjustScrollWhenAboveVisible(cm, line, diff) { if (heightAtLine(line) < ((cm.curOp && cm.curOp.scrollTop) || cm.doc.scrollTop)) addToScrollPos(cm, null, diff); } LineWidget.prototype.clear = function() { var cm = this.doc.cm, ws = this.line.widgets, line = this.line, no = lineNo(line); if (no == null || !ws) return; for (var i = 0; i < ws.length; ++i) if (ws[i] == this) ws.splice(i--, 1); if (!ws.length) line.widgets = null; var height = widgetHeight(this); updateLineHeight(line, Math.max(0, line.height - height)); if (cm) runInOp(cm, function() { adjustScrollWhenAboveVisible(cm, line, -height); regLineChange(cm, no, "widget"); }); }; LineWidget.prototype.changed = function() { var oldH = this.height, cm = this.doc.cm, line = this.line; this.height = null; var diff = widgetHeight(this) - oldH; if (!diff) return; updateLineHeight(line, line.height + diff); if (cm) runInOp(cm, function() { cm.curOp.forceUpdate = true; adjustScrollWhenAboveVisible(cm, line, diff); }); }; function widgetHeight(widget) { if (widget.height != null) return widget.height; var cm = widget.doc.cm; if (!cm) return 0; if (!contains(document.body, widget.node)) { var parentStyle = "position: relative;"; if (widget.coverGutter) parentStyle += "margin-left: -" + cm.display.gutters.offsetWidth + "px;"; if (widget.noHScroll) parentStyle += "width: " + cm.display.wrapper.clientWidth + "px;"; removeChildrenAndAdd(cm.display.measure, elt("div", [widget.node], null, parentStyle)); } return widget.height = widget.node.parentNode.offsetHeight; } function addLineWidget(doc, handle, node, options) { var widget = new LineWidget(doc, node, options); var cm = doc.cm; if (cm && widget.noHScroll) cm.display.alignWidgets = true; changeLine(doc, handle, "widget", function(line) { var widgets = line.widgets || (line.widgets = []); if (widget.insertAt == null) widgets.push(widget); else widgets.splice(Math.min(widgets.length - 1, Math.max(0, widget.insertAt)), 0, widget); widget.line = line; if (cm && !lineIsHidden(doc, line)) { var aboveVisible = heightAtLine(line) < doc.scrollTop; updateLineHeight(line, line.height + widgetHeight(widget)); if (aboveVisible) addToScrollPos(cm, null, widget.height); cm.curOp.forceUpdate = true; } return true; }); return widget; } // LINE DATA STRUCTURE // Line objects. These hold state related to a line, including // highlighting info (the styles array). var Line = CodeMirror.Line = function(text, markedSpans, estimateHeight) { this.text = text; attachMarkedSpans(this, markedSpans); this.height = estimateHeight ? estimateHeight(this) : 1; }; eventMixin(Line); Line.prototype.lineNo = function() { return lineNo(this); }; // Change the content (text, markers) of a line. Automatically // invalidates cached information and tries to re-estimate the // line's height. function updateLine(line, text, markedSpans, estimateHeight) { line.text = text; if (line.stateAfter) line.stateAfter = null; if (line.styles) line.styles = null; if (line.order != null) line.order = null; detachMarkedSpans(line); attachMarkedSpans(line, markedSpans); var estHeight = estimateHeight ? estimateHeight(line) : 1; if (estHeight != line.height) updateLineHeight(line, estHeight); } // Detach a line from the document tree and its markers. function cleanUpLine(line) { line.parent = null; detachMarkedSpans(line); } function extractLineClasses(type, output) { if (type) for (;;) { var lineClass = type.match(/(?:^|\s+)line-(background-)?(\S+)/); if (!lineClass) break; type = type.slice(0, lineClass.index) + type.slice(lineClass.index + lineClass[0].length); var prop = lineClass[1] ? "bgClass" : "textClass"; if (output[prop] == null) output[prop] = lineClass[2]; else if (!(new RegExp("(?:^|\s)" + lineClass[2] + "(?:$|\s)")).test(output[prop])) output[prop] += " " + lineClass[2]; } return type; } function callBlankLine(mode, state) { if (mode.blankLine) return mode.blankLine(state); if (!mode.innerMode) return; var inner = CodeMirror.innerMode(mode, state); if (inner.mode.blankLine) return inner.mode.blankLine(inner.state); } function readToken(mode, stream, state, inner) { for (var i = 0; i < 10; i++) { if (inner) inner[0] = CodeMirror.innerMode(mode, state).mode; var style = mode.token(stream, state); if (stream.pos > stream.start) return style; } throw new Error("Mode " + mode.name + " failed to advance stream."); } // Utility for getTokenAt and getLineTokens function takeToken(cm, pos, precise, asArray) { function getObj(copy) { return {start: stream.start, end: stream.pos, string: stream.current(), type: style || null, state: copy ? copyState(doc.mode, state) : state}; } var doc = cm.doc, mode = doc.mode, style; pos = clipPos(doc, pos); var line = getLine(doc, pos.line), state = getStateBefore(cm, pos.line, precise); var stream = new StringStream(line.text, cm.options.tabSize), tokens; if (asArray) tokens = []; while ((asArray || stream.pos < pos.ch) && !stream.eol()) { stream.start = stream.pos; style = readToken(mode, stream, state); if (asArray) tokens.push(getObj(true)); } return asArray ? tokens : getObj(); } // Run the given mode's parser over a line, calling f for each token. function runMode(cm, text, mode, state, f, lineClasses, forceToEnd) { var flattenSpans = mode.flattenSpans; if (flattenSpans == null) flattenSpans = cm.options.flattenSpans; var curStart = 0, curStyle = null; var stream = new StringStream(text, cm.options.tabSize), style; var inner = cm.options.addModeClass && [null]; if (text == "") extractLineClasses(callBlankLine(mode, state), lineClasses); while (!stream.eol()) { if (stream.pos > cm.options.maxHighlightLength) { flattenSpans = false; if (forceToEnd) processLine(cm, text, state, stream.pos); stream.pos = text.length; style = null; } else { style = extractLineClasses(readToken(mode, stream, state, inner), lineClasses); } if (inner) { var mName = inner[0].name; if (mName) style = "m-" + (style ? mName + " " + style : mName); } if (!flattenSpans || curStyle != style) { while (curStart < stream.start) { curStart = Math.min(stream.start, curStart + 5000); f(curStart, curStyle); } curStyle = style; } stream.start = stream.pos; } while (curStart < stream.pos) { // Webkit seems to refuse to render text nodes longer than 57444 // characters, and returns inaccurate measurements in nodes // starting around 5000 chars. var pos = Math.min(stream.pos, curStart + 5000); f(pos, curStyle); curStart = pos; } } // Compute a style array (an array starting with a mode generation // -- for invalidation -- followed by pairs of end positions and // style strings), which is used to highlight the tokens on the // line. function highlightLine(cm, line, state, forceToEnd) { // A styles array always starts with a number identifying the // mode/overlays that it is based on (for easy invalidation). var st = [cm.state.modeGen], lineClasses = {}; // Compute the base array of styles runMode(cm, line.text, cm.doc.mode, state, function(end, style) { st.push(end, style); }, lineClasses, forceToEnd); // Run overlays, adjust style array. for (var o = 0; o < cm.state.overlays.length; ++o) { var overlay = cm.state.overlays[o], i = 1, at = 0; runMode(cm, line.text, overlay.mode, true, function(end, style) { var start = i; // Ensure there's a token end at the current position, and that i points at it while (at < end) { var i_end = st[i]; if (i_end > end) st.splice(i, 1, end, st[i+1], i_end); i += 2; at = Math.min(end, i_end); } if (!style) return; if (overlay.opaque) { st.splice(start, i - start, end, "cm-overlay " + style); i = start + 2; } else { for (; start < i; start += 2) { var cur = st[start+1]; st[start+1] = (cur ? cur + " " : "") + "cm-overlay " + style; } } }, lineClasses); } return {styles: st, classes: lineClasses.bgClass || lineClasses.textClass ? lineClasses : null}; } function getLineStyles(cm, line, updateFrontier) { if (!line.styles || line.styles[0] != cm.state.modeGen) { var state = getStateBefore(cm, lineNo(line)); var result = highlightLine(cm, line, line.text.length > cm.options.maxHighlightLength ? copyState(cm.doc.mode, state) : state); line.stateAfter = state; line.styles = result.styles; if (result.classes) line.styleClasses = result.classes; else if (line.styleClasses) line.styleClasses = null; if (updateFrontier === cm.doc.frontier) cm.doc.frontier++; } return line.styles; } // Lightweight form of highlight -- proceed over this line and // update state, but don't save a style array. Used for lines that // aren't currently visible. function processLine(cm, text, state, startAt) { var mode = cm.doc.mode; var stream = new StringStream(text, cm.options.tabSize); stream.start = stream.pos = startAt || 0; if (text == "") callBlankLine(mode, state); while (!stream.eol()) { readToken(mode, stream, state); stream.start = stream.pos; } } // Convert a style as returned by a mode (either null, or a string // containing one or more styles) to a CSS style. This is cached, // and also looks for line-wide styles. var styleToClassCache = {}, styleToClassCacheWithMode = {}; function interpretTokenStyle(style, options) { if (!style || /^\s*$/.test(style)) return null; var cache = options.addModeClass ? styleToClassCacheWithMode : styleToClassCache; return cache[style] || (cache[style] = style.replace(/\S+/g, "cm-$&")); } // Render the DOM representation of the text of a line. Also builds // up a 'line map', which points at the DOM nodes that represent // specific stretches of text, and is used by the measuring code. // The returned object contains the DOM node, this map, and // information about line-wide styles that were set by the mode. function buildLineContent(cm, lineView) { // The padding-right forces the element to have a 'border', which // is needed on Webkit to be able to get line-level bounding // rectangles for it (in measureChar). var content = elt("span", null, null, webkit ? "padding-right: .1px" : null); var builder = {pre: elt("pre", [content], "CodeMirror-line"), content: content, col: 0, pos: 0, cm: cm, trailingSpace: false, splitSpaces: (ie || webkit) && cm.getOption("lineWrapping")}; lineView.measure = {}; // Iterate over the logical lines that make up this visual line. for (var i = 0; i <= (lineView.rest ? lineView.rest.length : 0); i++) { var line = i ? lineView.rest[i - 1] : lineView.line, order; builder.pos = 0; builder.addToken = buildToken; // Optionally wire in some hacks into the token-rendering // algorithm, to deal with browser quirks. if (hasBadBidiRects(cm.display.measure) && (order = getOrder(line))) builder.addToken = buildTokenBadBidi(builder.addToken, order); builder.map = []; var allowFrontierUpdate = lineView != cm.display.externalMeasured && lineNo(line); insertLineContent(line, builder, getLineStyles(cm, line, allowFrontierUpdate)); if (line.styleClasses) { if (line.styleClasses.bgClass) builder.bgClass = joinClasses(line.styleClasses.bgClass, builder.bgClass || ""); if (line.styleClasses.textClass) builder.textClass = joinClasses(line.styleClasses.textClass, builder.textClass || ""); } // Ensure at least a single node is present, for measuring. if (builder.map.length == 0) builder.map.push(0, 0, builder.content.appendChild(zeroWidthElement(cm.display.measure))); // Store the map and a cache object for the current logical line if (i == 0) { lineView.measure.map = builder.map; lineView.measure.cache = {}; } else { (lineView.measure.maps || (lineView.measure.maps = [])).push(builder.map); (lineView.measure.caches || (lineView.measure.caches = [])).push({}); } } // See issue #2901 if (webkit) { var last = builder.content.lastChild if (/\bcm-tab\b/.test(last.className) || (last.querySelector && last.querySelector(".cm-tab"))) builder.content.className = "cm-tab-wrap-hack"; } signal(cm, "renderLine", cm, lineView.line, builder.pre); if (builder.pre.className) builder.textClass = joinClasses(builder.pre.className, builder.textClass || ""); return builder; } function defaultSpecialCharPlaceholder(ch) { var token = elt("span", "\u2022", "cm-invalidchar"); token.title = "\\u" + ch.charCodeAt(0).toString(16); token.setAttribute("aria-label", token.title); return token; } // Build up the DOM representation for a single token, and add it to // the line map. Takes care to render special characters separately. function buildToken(builder, text, style, startStyle, endStyle, title, css) { if (!text) return; var displayText = builder.splitSpaces ? splitSpaces(text, builder.trailingSpace) : text var special = builder.cm.state.specialChars, mustWrap = false; if (!special.test(text)) { builder.col += text.length; var content = document.createTextNode(displayText); builder.map.push(builder.pos, builder.pos + text.length, content); if (ie && ie_version < 9) mustWrap = true; builder.pos += text.length; } else { var content = document.createDocumentFragment(), pos = 0; while (true) { special.lastIndex = pos; var m = special.exec(text); var skipped = m ? m.index - pos : text.length - pos; if (skipped) { var txt = document.createTextNode(displayText.slice(pos, pos + skipped)); if (ie && ie_version < 9) content.appendChild(elt("span", [txt])); else content.appendChild(txt); builder.map.push(builder.pos, builder.pos + skipped, txt); builder.col += skipped; builder.pos += skipped; } if (!m) break; pos += skipped + 1; if (m[0] == "\t") { var tabSize = builder.cm.options.tabSize, tabWidth = tabSize - builder.col % tabSize; var txt = content.appendChild(elt("span", spaceStr(tabWidth), "cm-tab")); txt.setAttribute("role", "presentation"); txt.setAttribute("cm-text", "\t"); builder.col += tabWidth; } else if (m[0] == "\r" || m[0] == "\n") { var txt = content.appendChild(elt("span", m[0] == "\r" ? "\u240d" : "\u2424", "cm-invalidchar")); txt.setAttribute("cm-text", m[0]); builder.col += 1; } else { var txt = builder.cm.options.specialCharPlaceholder(m[0]); txt.setAttribute("cm-text", m[0]); if (ie && ie_version < 9) content.appendChild(elt("span", [txt])); else content.appendChild(txt); builder.col += 1; } builder.map.push(builder.pos, builder.pos + 1, txt); builder.pos++; } } builder.trailingSpace = displayText.charCodeAt(text.length - 1) == 32 if (style || startStyle || endStyle || mustWrap || css) { var fullStyle = style || ""; if (startStyle) fullStyle += startStyle; if (endStyle) fullStyle += endStyle; var token = elt("span", [content], fullStyle, css); if (title) token.title = title; return builder.content.appendChild(token); } builder.content.appendChild(content); } function splitSpaces(text, trailingBefore) { if (text.length > 1 && !/ /.test(text)) return text var spaceBefore = trailingBefore, result = "" for (var i = 0; i < text.length; i++) { var ch = text.charAt(i) if (ch == " " && spaceBefore && (i == text.length - 1 || text.charCodeAt(i + 1) == 32)) ch = "\u00a0" result += ch spaceBefore = ch == " " } return result } // Work around nonsense dimensions being reported for stretches of // right-to-left text. function buildTokenBadBidi(inner, order) { return function(builder, text, style, startStyle, endStyle, title, css) { style = style ? style + " cm-force-border" : "cm-force-border"; var start = builder.pos, end = start + text.length; for (;;) { // Find the part that overlaps with the start of this text for (var i = 0; i < order.length; i++) { var part = order[i]; if (part.to > start && part.from <= start) break; } if (part.to >= end) return inner(builder, text, style, startStyle, endStyle, title, css); inner(builder, text.slice(0, part.to - start), style, startStyle, null, title, css); startStyle = null; text = text.slice(part.to - start); start = part.to; } }; } function buildCollapsedSpan(builder, size, marker, ignoreWidget) { var widget = !ignoreWidget && marker.widgetNode; if (widget) builder.map.push(builder.pos, builder.pos + size, widget); if (!ignoreWidget && builder.cm.display.input.needsContentAttribute) { if (!widget) widget = builder.content.appendChild(document.createElement("span")); widget.setAttribute("cm-marker", marker.id); } if (widget) { builder.cm.display.input.setUneditable(widget); builder.content.appendChild(widget); } builder.pos += size; builder.trailingSpace = false } // Outputs a number of spans to make up a line, taking highlighting // and marked text into account. function insertLineContent(line, builder, styles) { var spans = line.markedSpans, allText = line.text, at = 0; if (!spans) { for (var i = 1; i < styles.length; i+=2) builder.addToken(builder, allText.slice(at, at = styles[i]), interpretTokenStyle(styles[i+1], builder.cm.options)); return; } var len = allText.length, pos = 0, i = 1, text = "", style, css; var nextChange = 0, spanStyle, spanEndStyle, spanStartStyle, title, collapsed; for (;;) { if (nextChange == pos) { // Update current marker set spanStyle = spanEndStyle = spanStartStyle = title = css = ""; collapsed = null; nextChange = Infinity; var foundBookmarks = [], endStyles for (var j = 0; j < spans.length; ++j) { var sp = spans[j], m = sp.marker; if (m.type == "bookmark" && sp.from == pos && m.widgetNode) { foundBookmarks.push(m); } else if (sp.from <= pos && (sp.to == null || sp.to > pos || m.collapsed && sp.to == pos && sp.from == pos)) { if (sp.to != null && sp.to != pos && nextChange > sp.to) { nextChange = sp.to; spanEndStyle = ""; } if (m.className) spanStyle += " " + m.className; if (m.css) css = (css ? css + ";" : "") + m.css; if (m.startStyle && sp.from == pos) spanStartStyle += " " + m.startStyle; if (m.endStyle && sp.to == nextChange) (endStyles || (endStyles = [])).push(m.endStyle, sp.to) if (m.title && !title) title = m.title; if (m.collapsed && (!collapsed || compareCollapsedMarkers(collapsed.marker, m) < 0)) collapsed = sp; } else if (sp.from > pos && nextChange > sp.from) { nextChange = sp.from; } } if (endStyles) for (var j = 0; j < endStyles.length; j += 2) if (endStyles[j + 1] == nextChange) spanEndStyle += " " + endStyles[j] if (!collapsed || collapsed.from == pos) for (var j = 0; j < foundBookmarks.length; ++j) buildCollapsedSpan(builder, 0, foundBookmarks[j]); if (collapsed && (collapsed.from || 0) == pos) { buildCollapsedSpan(builder, (collapsed.to == null ? len + 1 : collapsed.to) - pos, collapsed.marker, collapsed.from == null); if (collapsed.to == null) return; if (collapsed.to == pos) collapsed = false; } } if (pos >= len) break; var upto = Math.min(len, nextChange); while (true) { if (text) { var end = pos + text.length; if (!collapsed) { var tokenText = end > upto ? text.slice(0, upto - pos) : text; builder.addToken(builder, tokenText, style ? style + spanStyle : spanStyle, spanStartStyle, pos + tokenText.length == nextChange ? spanEndStyle : "", title, css); } if (end >= upto) {text = text.slice(upto - pos); pos = upto; break;} pos = end; spanStartStyle = ""; } text = allText.slice(at, at = styles[i++]); style = interpretTokenStyle(styles[i++], builder.cm.options); } } } // DOCUMENT DATA STRUCTURE // By default, updates that start and end at the beginning of a line // are treated specially, in order to make the association of line // widgets and marker elements with the text behave more intuitive. function isWholeLineUpdate(doc, change) { return change.from.ch == 0 && change.to.ch == 0 && lst(change.text) == "" && (!doc.cm || doc.cm.options.wholeLineUpdateBefore); } // Perform a change on the document data structure. function updateDoc(doc, change, markedSpans, estimateHeight) { function spansFor(n) {return markedSpans ? markedSpans[n] : null;} function update(line, text, spans) { updateLine(line, text, spans, estimateHeight); signalLater(line, "change", line, change); } function linesFor(start, end) { for (var i = start, result = []; i < end; ++i) result.push(new Line(text[i], spansFor(i), estimateHeight)); return result; } var from = change.from, to = change.to, text = change.text; var firstLine = getLine(doc, from.line), lastLine = getLine(doc, to.line); var lastText = lst(text), lastSpans = spansFor(text.length - 1), nlines = to.line - from.line; // Adjust the line structure if (change.full) { doc.insert(0, linesFor(0, text.length)); doc.remove(text.length, doc.size - text.length); } else if (isWholeLineUpdate(doc, change)) { // This is a whole-line replace. Treated specially to make // sure line objects move the way they are supposed to. var added = linesFor(0, text.length - 1); update(lastLine, lastLine.text, lastSpans); if (nlines) doc.remove(from.line, nlines); if (added.length) doc.insert(from.line, added); } else if (firstLine == lastLine) { if (text.length == 1) { update(firstLine, firstLine.text.slice(0, from.ch) + lastText + firstLine.text.slice(to.ch), lastSpans); } else { var added = linesFor(1, text.length - 1); added.push(new Line(lastText + firstLine.text.slice(to.ch), lastSpans, estimateHeight)); update(firstLine, firstLine.text.slice(0, from.ch) + text[0], spansFor(0)); doc.insert(from.line + 1, added); } } else if (text.length == 1) { update(firstLine, firstLine.text.slice(0, from.ch) + text[0] + lastLine.text.slice(to.ch), spansFor(0)); doc.remove(from.line + 1, nlines); } else { update(firstLine, firstLine.text.slice(0, from.ch) + text[0], spansFor(0)); update(lastLine, lastText + lastLine.text.slice(to.ch), lastSpans); var added = linesFor(1, text.length - 1); if (nlines > 1) doc.remove(from.line + 1, nlines - 1); doc.insert(from.line + 1, added); } signalLater(doc, "change", doc, change); } // The document is represented as a BTree consisting of leaves, with // chunk of lines in them, and branches, with up to ten leaves or // other branch nodes below them. The top node is always a branch // node, and is the document object itself (meaning it has // additional methods and properties). // // All nodes have parent links. The tree is used both to go from // line numbers to line objects, and to go from objects to numbers. // It also indexes by height, and is used to convert between height // and line object, and to find the total height of the document. // // See also http://marijnhaverbeke.nl/blog/codemirror-line-tree.html function LeafChunk(lines) { this.lines = lines; this.parent = null; for (var i = 0, height = 0; i < lines.length; ++i) { lines[i].parent = this; height += lines[i].height; } this.height = height; } LeafChunk.prototype = { chunkSize: function() { return this.lines.length; }, // Remove the n lines at offset 'at'. removeInner: function(at, n) { for (var i = at, e = at + n; i < e; ++i) { var line = this.lines[i]; this.height -= line.height; cleanUpLine(line); signalLater(line, "delete"); } this.lines.splice(at, n); }, // Helper used to collapse a small branch into a single leaf. collapse: function(lines) { lines.push.apply(lines, this.lines); }, // Insert the given array of lines at offset 'at', count them as // having the given height. insertInner: function(at, lines, height) { this.height += height; this.lines = this.lines.slice(0, at).concat(lines).concat(this.lines.slice(at)); for (var i = 0; i < lines.length; ++i) lines[i].parent = this; }, // Used to iterate over a part of the tree. iterN: function(at, n, op) { for (var e = at + n; at < e; ++at) if (op(this.lines[at])) return true; } }; function BranchChunk(children) { this.children = children; var size = 0, height = 0; for (var i = 0; i < children.length; ++i) { var ch = children[i]; size += ch.chunkSize(); height += ch.height; ch.parent = this; } this.size = size; this.height = height; this.parent = null; } BranchChunk.prototype = { chunkSize: function() { return this.size; }, removeInner: function(at, n) { this.size -= n; for (var i = 0; i < this.children.length; ++i) { var child = this.children[i], sz = child.chunkSize(); if (at < sz) { var rm = Math.min(n, sz - at), oldHeight = child.height; child.removeInner(at, rm); this.height -= oldHeight - child.height; if (sz == rm) { this.children.splice(i--, 1); child.parent = null; } if ((n -= rm) == 0) break; at = 0; } else at -= sz; } // If the result is smaller than 25 lines, ensure that it is a // single leaf node. if (this.size - n < 25 && (this.children.length > 1 || !(this.children[0] instanceof LeafChunk))) { var lines = []; this.collapse(lines); this.children = [new LeafChunk(lines)]; this.children[0].parent = this; } }, collapse: function(lines) { for (var i = 0; i < this.children.length; ++i) this.children[i].collapse(lines); }, insertInner: function(at, lines, height) { this.size += lines.length; this.height += height; for (var i = 0; i < this.children.length; ++i) { var child = this.children[i], sz = child.chunkSize(); if (at <= sz) { child.insertInner(at, lines, height); if (child.lines && child.lines.length > 50) { // To avoid memory thrashing when child.lines is huge (e.g. first view of a large file), it's never spliced. // Instead, small slices are taken. They're taken in order because sequential memory accesses are fastest. var remaining = child.lines.length % 25 + 25 for (var pos = remaining; pos < child.lines.length;) { var leaf = new LeafChunk(child.lines.slice(pos, pos += 25)); child.height -= leaf.height; this.children.splice(++i, 0, leaf); leaf.parent = this; } child.lines = child.lines.slice(0, remaining); this.maybeSpill(); } break; } at -= sz; } }, // When a node has grown, check whether it should be split. maybeSpill: function() { if (this.children.length <= 10) return; var me = this; do { var spilled = me.children.splice(me.children.length - 5, 5); var sibling = new BranchChunk(spilled); if (!me.parent) { // Become the parent node var copy = new BranchChunk(me.children); copy.parent = me; me.children = [copy, sibling]; me = copy; } else { me.size -= sibling.size; me.height -= sibling.height; var myIndex = indexOf(me.parent.children, me); me.parent.children.splice(myIndex + 1, 0, sibling); } sibling.parent = me.parent; } while (me.children.length > 10); me.parent.maybeSpill(); }, iterN: function(at, n, op) { for (var i = 0; i < this.children.length; ++i) { var child = this.children[i], sz = child.chunkSize(); if (at < sz) { var used = Math.min(n, sz - at); if (child.iterN(at, used, op)) return true; if ((n -= used) == 0) break; at = 0; } else at -= sz; } } }; var nextDocId = 0; var Doc = CodeMirror.Doc = function(text, mode, firstLine, lineSep) { if (!(this instanceof Doc)) return new Doc(text, mode, firstLine, lineSep); if (firstLine == null) firstLine = 0; BranchChunk.call(this, [new LeafChunk([new Line("", null)])]); this.first = firstLine; this.scrollTop = this.scrollLeft = 0; this.cantEdit = false; this.cleanGeneration = 1; this.frontier = firstLine; var start = Pos(firstLine, 0); this.sel = simpleSelection(start); this.history = new History(null); this.id = ++nextDocId; this.modeOption = mode; this.lineSep = lineSep; this.extend = false; if (typeof text == "string") text = this.splitLines(text); updateDoc(this, {from: start, to: start, text: text}); setSelection(this, simpleSelection(start), sel_dontScroll); }; Doc.prototype = createObj(BranchChunk.prototype, { constructor: Doc, // Iterate over the document. Supports two forms -- with only one // argument, it calls that for each line in the document. With // three, it iterates over the range given by the first two (with // the second being non-inclusive). iter: function(from, to, op) { if (op) this.iterN(from - this.first, to - from, op); else this.iterN(this.first, this.first + this.size, from); }, // Non-public interface for adding and removing lines. insert: function(at, lines) { var height = 0; for (var i = 0; i < lines.length; ++i) height += lines[i].height; this.insertInner(at - this.first, lines, height); }, remove: function(at, n) { this.removeInner(at - this.first, n); }, // From here, the methods are part of the public interface. Most // are also available from CodeMirror (editor) instances. getValue: function(lineSep) { var lines = getLines(this, this.first, this.first + this.size); if (lineSep === false) return lines; return lines.join(lineSep || this.lineSeparator()); }, setValue: docMethodOp(function(code) { var top = Pos(this.first, 0), last = this.first + this.size - 1; makeChange(this, {from: top, to: Pos(last, getLine(this, last).text.length), text: this.splitLines(code), origin: "setValue", full: true}, true); setSelection(this, simpleSelection(top)); }), replaceRange: function(code, from, to, origin) { from = clipPos(this, from); to = to ? clipPos(this, to) : from; replaceRange(this, code, from, to, origin); }, getRange: function(from, to, lineSep) { var lines = getBetween(this, clipPos(this, from), clipPos(this, to)); if (lineSep === false) return lines; return lines.join(lineSep || this.lineSeparator()); }, getLine: function(line) {var l = this.getLineHandle(line); return l && l.text;}, getLineHandle: function(line) {if (isLine(this, line)) return getLine(this, line);}, getLineNumber: function(line) {return lineNo(line);}, getLineHandleVisualStart: function(line) { if (typeof line == "number") line = getLine(this, line); return visualLine(line); }, lineCount: function() {return this.size;}, firstLine: function() {return this.first;}, lastLine: function() {return this.first + this.size - 1;}, clipPos: function(pos) {return clipPos(this, pos);}, getCursor: function(start) { var range = this.sel.primary(), pos; if (start == null || start == "head") pos = range.head; else if (start == "anchor") pos = range.anchor; else if (start == "end" || start == "to" || start === false) pos = range.to(); else pos = range.from(); return pos; }, listSelections: function() { return this.sel.ranges; }, somethingSelected: function() {return this.sel.somethingSelected();}, setCursor: docMethodOp(function(line, ch, options) { setSimpleSelection(this, clipPos(this, typeof line == "number" ? Pos(line, ch || 0) : line), null, options); }), setSelection: docMethodOp(function(anchor, head, options) { setSimpleSelection(this, clipPos(this, anchor), clipPos(this, head || anchor), options); }), extendSelection: docMethodOp(function(head, other, options) { extendSelection(this, clipPos(this, head), other && clipPos(this, other), options); }), extendSelections: docMethodOp(function(heads, options) { extendSelections(this, clipPosArray(this, heads), options); }), extendSelectionsBy: docMethodOp(function(f, options) { var heads = map(this.sel.ranges, f); extendSelections(this, clipPosArray(this, heads), options); }), setSelections: docMethodOp(function(ranges, primary, options) { if (!ranges.length) return; for (var i = 0, out = []; i < ranges.length; i++) out[i] = new Range(clipPos(this, ranges[i].anchor), clipPos(this, ranges[i].head)); if (primary == null) primary = Math.min(ranges.length - 1, this.sel.primIndex); setSelection(this, normalizeSelection(out, primary), options); }), addSelection: docMethodOp(function(anchor, head, options) { var ranges = this.sel.ranges.slice(0); ranges.push(new Range(clipPos(this, anchor), clipPos(this, head || anchor))); setSelection(this, normalizeSelection(ranges, ranges.length - 1), options); }), getSelection: function(lineSep) { var ranges = this.sel.ranges, lines; for (var i = 0; i < ranges.length; i++) { var sel = getBetween(this, ranges[i].from(), ranges[i].to()); lines = lines ? lines.concat(sel) : sel; } if (lineSep === false) return lines; else return lines.join(lineSep || this.lineSeparator()); }, getSelections: function(lineSep) { var parts = [], ranges = this.sel.ranges; for (var i = 0; i < ranges.length; i++) { var sel = getBetween(this, ranges[i].from(), ranges[i].to()); if (lineSep !== false) sel = sel.join(lineSep || this.lineSeparator()); parts[i] = sel; } return parts; }, replaceSelection: function(code, collapse, origin) { var dup = []; for (var i = 0; i < this.sel.ranges.length; i++) dup[i] = code; this.replaceSelections(dup, collapse, origin || "+input"); }, replaceSelections: docMethodOp(function(code, collapse, origin) { var changes = [], sel = this.sel; for (var i = 0; i < sel.ranges.length; i++) { var range = sel.ranges[i]; changes[i] = {from: range.from(), to: range.to(), text: this.splitLines(code[i]), origin: origin}; } var newSel = collapse && collapse != "end" && computeReplacedSel(this, changes, collapse); for (var i = changes.length - 1; i >= 0; i--) makeChange(this, changes[i]); if (newSel) setSelectionReplaceHistory(this, newSel); else if (this.cm) ensureCursorVisible(this.cm); }), undo: docMethodOp(function() {makeChangeFromHistory(this, "undo");}), redo: docMethodOp(function() {makeChangeFromHistory(this, "redo");}), undoSelection: docMethodOp(function() {makeChangeFromHistory(this, "undo", true);}), redoSelection: docMethodOp(function() {makeChangeFromHistory(this, "redo", true);}), setExtending: function(val) {this.extend = val;}, getExtending: function() {return this.extend;}, historySize: function() { var hist = this.history, done = 0, undone = 0; for (var i = 0; i < hist.done.length; i++) if (!hist.done[i].ranges) ++done; for (var i = 0; i < hist.undone.length; i++) if (!hist.undone[i].ranges) ++undone; return {undo: done, redo: undone}; }, clearHistory: function() {this.history = new History(this.history.maxGeneration);}, markClean: function() { this.cleanGeneration = this.changeGeneration(true); }, changeGeneration: function(forceSplit) { if (forceSplit) this.history.lastOp = this.history.lastSelOp = this.history.lastOrigin = null; return this.history.generation; }, isClean: function (gen) { return this.history.generation == (gen || this.cleanGeneration); }, getHistory: function() { return {done: copyHistoryArray(this.history.done), undone: copyHistoryArray(this.history.undone)}; }, setHistory: function(histData) { var hist = this.history = new History(this.history.maxGeneration); hist.done = copyHistoryArray(histData.done.slice(0), null, true); hist.undone = copyHistoryArray(histData.undone.slice(0), null, true); }, addLineClass: docMethodOp(function(handle, where, cls) { return changeLine(this, handle, where == "gutter" ? "gutter" : "class", function(line) { var prop = where == "text" ? "textClass" : where == "background" ? "bgClass" : where == "gutter" ? "gutterClass" : "wrapClass"; if (!line[prop]) line[prop] = cls; else if (classTest(cls).test(line[prop])) return false; else line[prop] += " " + cls; return true; }); }), removeLineClass: docMethodOp(function(handle, where, cls) { return changeLine(this, handle, where == "gutter" ? "gutter" : "class", function(line) { var prop = where == "text" ? "textClass" : where == "background" ? "bgClass" : where == "gutter" ? "gutterClass" : "wrapClass"; var cur = line[prop]; if (!cur) return false; else if (cls == null) line[prop] = null; else { var found = cur.match(classTest(cls)); if (!found) return false; var end = found.index + found[0].length; line[prop] = cur.slice(0, found.index) + (!found.index || end == cur.length ? "" : " ") + cur.slice(end) || null; } return true; }); }), addLineWidget: docMethodOp(function(handle, node, options) { return addLineWidget(this, handle, node, options); }), removeLineWidget: function(widget) { widget.clear(); }, markText: function(from, to, options) { return markText(this, clipPos(this, from), clipPos(this, to), options, options && options.type || "range"); }, setBookmark: function(pos, options) { var realOpts = {replacedWith: options && (options.nodeType == null ? options.widget : options), insertLeft: options && options.insertLeft, clearWhenEmpty: false, shared: options && options.shared, handleMouseEvents: options && options.handleMouseEvents}; pos = clipPos(this, pos); return markText(this, pos, pos, realOpts, "bookmark"); }, findMarksAt: function(pos) { pos = clipPos(this, pos); var markers = [], spans = getLine(this, pos.line).markedSpans; if (spans) for (var i = 0; i < spans.length; ++i) { var span = spans[i]; if ((span.from == null || span.from <= pos.ch) && (span.to == null || span.to >= pos.ch)) markers.push(span.marker.parent || span.marker); } return markers; }, findMarks: function(from, to, filter) { from = clipPos(this, from); to = clipPos(this, to); var found = [], lineNo = from.line; this.iter(from.line, to.line + 1, function(line) { var spans = line.markedSpans; if (spans) for (var i = 0; i < spans.length; i++) { var span = spans[i]; if (!(span.to != null && lineNo == from.line && from.ch >= span.to || span.from == null && lineNo != from.line || span.from != null && lineNo == to.line && span.from >= to.ch) && (!filter || filter(span.marker))) found.push(span.marker.parent || span.marker); } ++lineNo; }); return found; }, getAllMarks: function() { var markers = []; this.iter(function(line) { var sps = line.markedSpans; if (sps) for (var i = 0; i < sps.length; ++i) if (sps[i].from != null) markers.push(sps[i].marker); }); return markers; }, posFromIndex: function(off) { var ch, lineNo = this.first, sepSize = this.lineSeparator().length; this.iter(function(line) { var sz = line.text.length + sepSize; if (sz > off) { ch = off; return true; } off -= sz; ++lineNo; }); return clipPos(this, Pos(lineNo, ch)); }, indexFromPos: function (coords) { coords = clipPos(this, coords); var index = coords.ch; if (coords.line < this.first || coords.ch < 0) return 0; var sepSize = this.lineSeparator().length; this.iter(this.first, coords.line, function (line) { index += line.text.length + sepSize; }); return index; }, copy: function(copyHistory) { var doc = new Doc(getLines(this, this.first, this.first + this.size), this.modeOption, this.first, this.lineSep); doc.scrollTop = this.scrollTop; doc.scrollLeft = this.scrollLeft; doc.sel = this.sel; doc.extend = false; if (copyHistory) { doc.history.undoDepth = this.history.undoDepth; doc.setHistory(this.getHistory()); } return doc; }, linkedDoc: function(options) { if (!options) options = {}; var from = this.first, to = this.first + this.size; if (options.from != null && options.from > from) from = options.from; if (options.to != null && options.to < to) to = options.to; var copy = new Doc(getLines(this, from, to), options.mode || this.modeOption, from, this.lineSep); if (options.sharedHist) copy.history = this.history; (this.linked || (this.linked = [])).push({doc: copy, sharedHist: options.sharedHist}); copy.linked = [{doc: this, isParent: true, sharedHist: options.sharedHist}]; copySharedMarkers(copy, findSharedMarkers(this)); return copy; }, unlinkDoc: function(other) { if (other instanceof CodeMirror) other = other.doc; if (this.linked) for (var i = 0; i < this.linked.length; ++i) { var link = this.linked[i]; if (link.doc != other) continue; this.linked.splice(i, 1); other.unlinkDoc(this); detachSharedMarkers(findSharedMarkers(this)); break; } // If the histories were shared, split them again if (other.history == this.history) { var splitIds = [other.id]; linkedDocs(other, function(doc) {splitIds.push(doc.id);}, true); other.history = new History(null); other.history.done = copyHistoryArray(this.history.done, splitIds); other.history.undone = copyHistoryArray(this.history.undone, splitIds); } }, iterLinkedDocs: function(f) {linkedDocs(this, f);}, getMode: function() {return this.mode;}, getEditor: function() {return this.cm;}, splitLines: function(str) { if (this.lineSep) return str.split(this.lineSep); return splitLinesAuto(str); }, lineSeparator: function() { return this.lineSep || "\n"; } }); // Public alias. Doc.prototype.eachLine = Doc.prototype.iter; // Set up methods on CodeMirror's prototype to redirect to the editor's document. var dontDelegate = "iter insert remove copy getEditor constructor".split(" "); for (var prop in Doc.prototype) if (Doc.prototype.hasOwnProperty(prop) && indexOf(dontDelegate, prop) < 0) CodeMirror.prototype[prop] = (function(method) { return function() {return method.apply(this.doc, arguments);}; })(Doc.prototype[prop]); eventMixin(Doc); // Call f for all linked documents. function linkedDocs(doc, f, sharedHistOnly) { function propagate(doc, skip, sharedHist) { if (doc.linked) for (var i = 0; i < doc.linked.length; ++i) { var rel = doc.linked[i]; if (rel.doc == skip) continue; var shared = sharedHist && rel.sharedHist; if (sharedHistOnly && !shared) continue; f(rel.doc, shared); propagate(rel.doc, doc, shared); } } propagate(doc, null, true); } // Attach a document to an editor. function attachDoc(cm, doc) { if (doc.cm) throw new Error("This document is already in use."); cm.doc = doc; doc.cm = cm; estimateLineHeights(cm); loadMode(cm); if (!cm.options.lineWrapping) findMaxLine(cm); cm.options.mode = doc.modeOption; regChange(cm); } // LINE UTILITIES // Find the line object corresponding to the given line number. function getLine(doc, n) { n -= doc.first; if (n < 0 || n >= doc.size) throw new Error("There is no line " + (n + doc.first) + " in the document."); for (var chunk = doc; !chunk.lines;) { for (var i = 0;; ++i) { var child = chunk.children[i], sz = child.chunkSize(); if (n < sz) { chunk = child; break; } n -= sz; } } return chunk.lines[n]; } // Get the part of a document between two positions, as an array of // strings. function getBetween(doc, start, end) { var out = [], n = start.line; doc.iter(start.line, end.line + 1, function(line) { var text = line.text; if (n == end.line) text = text.slice(0, end.ch); if (n == start.line) text = text.slice(start.ch); out.push(text); ++n; }); return out; } // Get the lines between from and to, as array of strings. function getLines(doc, from, to) { var out = []; doc.iter(from, to, function(line) { out.push(line.text); }); return out; } // Update the height of a line, propagating the height change // upwards to parent nodes. function updateLineHeight(line, height) { var diff = height - line.height; if (diff) for (var n = line; n; n = n.parent) n.height += diff; } // Given a line object, find its line number by walking up through // its parent links. function lineNo(line) { if (line.parent == null) return null; var cur = line.parent, no = indexOf(cur.lines, line); for (var chunk = cur.parent; chunk; cur = chunk, chunk = chunk.parent) { for (var i = 0;; ++i) { if (chunk.children[i] == cur) break; no += chunk.children[i].chunkSize(); } } return no + cur.first; } // Find the line at the given vertical position, using the height // information in the document tree. function lineAtHeight(chunk, h) { var n = chunk.first; outer: do { for (var i = 0; i < chunk.children.length; ++i) { var child = chunk.children[i], ch = child.height; if (h < ch) { chunk = child; continue outer; } h -= ch; n += child.chunkSize(); } return n; } while (!chunk.lines); for (var i = 0; i < chunk.lines.length; ++i) { var line = chunk.lines[i], lh = line.height; if (h < lh) break; h -= lh; } return n + i; } // Find the height above the given line. function heightAtLine(lineObj) { lineObj = visualLine(lineObj); var h = 0, chunk = lineObj.parent; for (var i = 0; i < chunk.lines.length; ++i) { var line = chunk.lines[i]; if (line == lineObj) break; else h += line.height; } for (var p = chunk.parent; p; chunk = p, p = chunk.parent) { for (var i = 0; i < p.children.length; ++i) { var cur = p.children[i]; if (cur == chunk) break; else h += cur.height; } } return h; } // Get the bidi ordering for the given line (and cache it). Returns // false for lines that are fully left-to-right, and an array of // BidiSpan objects otherwise. function getOrder(line) { var order = line.order; if (order == null) order = line.order = bidiOrdering(line.text); return order; } // HISTORY function History(startGen) { // Arrays of change events and selections. Doing something adds an // event to done and clears undo. Undoing moves events from done // to undone, redoing moves them in the other direction. this.done = []; this.undone = []; this.undoDepth = Infinity; // Used to track when changes can be merged into a single undo // event this.lastModTime = this.lastSelTime = 0; this.lastOp = this.lastSelOp = null; this.lastOrigin = this.lastSelOrigin = null; // Used by the isClean() method this.generation = this.maxGeneration = startGen || 1; } // Create a history change event from an updateDoc-style change // object. function historyChangeFromChange(doc, change) { var histChange = {from: copyPos(change.from), to: changeEnd(change), text: getBetween(doc, change.from, change.to)}; attachLocalSpans(doc, histChange, change.from.line, change.to.line + 1); linkedDocs(doc, function(doc) {attachLocalSpans(doc, histChange, change.from.line, change.to.line + 1);}, true); return histChange; } // Pop all selection events off the end of a history array. Stop at // a change event. function clearSelectionEvents(array) { while (array.length) { var last = lst(array); if (last.ranges) array.pop(); else break; } } // Find the top change event in the history. Pop off selection // events that are in the way. function lastChangeEvent(hist, force) { if (force) { clearSelectionEvents(hist.done); return lst(hist.done); } else if (hist.done.length && !lst(hist.done).ranges) { return lst(hist.done); } else if (hist.done.length > 1 && !hist.done[hist.done.length - 2].ranges) { hist.done.pop(); return lst(hist.done); } } // Register a change in the history. Merges changes that are within // a single operation, or are close together with an origin that // allows merging (starting with "+") into a single event. function addChangeToHistory(doc, change, selAfter, opId) { var hist = doc.history; hist.undone.length = 0; var time = +new Date, cur; if ((hist.lastOp == opId || hist.lastOrigin == change.origin && change.origin && ((change.origin.charAt(0) == "+" && doc.cm && hist.lastModTime > time - doc.cm.options.historyEventDelay) || change.origin.charAt(0) == "*")) && (cur = lastChangeEvent(hist, hist.lastOp == opId))) { // Merge this change into the last event var last = lst(cur.changes); if (cmp(change.from, change.to) == 0 && cmp(change.from, last.to) == 0) { // Optimized case for simple insertion -- don't want to add // new changesets for every character typed last.to = changeEnd(change); } else { // Add new sub-event cur.changes.push(historyChangeFromChange(doc, change)); } } else { // Can not be merged, start a new event. var before = lst(hist.done); if (!before || !before.ranges) pushSelectionToHistory(doc.sel, hist.done); cur = {changes: [historyChangeFromChange(doc, change)], generation: hist.generation}; hist.done.push(cur); while (hist.done.length > hist.undoDepth) { hist.done.shift(); if (!hist.done[0].ranges) hist.done.shift(); } } hist.done.push(selAfter); hist.generation = ++hist.maxGeneration; hist.lastModTime = hist.lastSelTime = time; hist.lastOp = hist.lastSelOp = opId; hist.lastOrigin = hist.lastSelOrigin = change.origin; if (!last) signal(doc, "historyAdded"); } function selectionEventCanBeMerged(doc, origin, prev, sel) { var ch = origin.charAt(0); return ch == "*" || ch == "+" && prev.ranges.length == sel.ranges.length && prev.somethingSelected() == sel.somethingSelected() && new Date - doc.history.lastSelTime <= (doc.cm ? doc.cm.options.historyEventDelay : 500); } // Called whenever the selection changes, sets the new selection as // the pending selection in the history, and pushes the old pending // selection into the 'done' array when it was significantly // different (in number of selected ranges, emptiness, or time). function addSelectionToHistory(doc, sel, opId, options) { var hist = doc.history, origin = options && options.origin; // A new event is started when the previous origin does not match // the current, or the origins don't allow matching. Origins // starting with * are always merged, those starting with + are // merged when similar and close together in time. if (opId == hist.lastSelOp || (origin && hist.lastSelOrigin == origin && (hist.lastModTime == hist.lastSelTime && hist.lastOrigin == origin || selectionEventCanBeMerged(doc, origin, lst(hist.done), sel)))) hist.done[hist.done.length - 1] = sel; else pushSelectionToHistory(sel, hist.done); hist.lastSelTime = +new Date; hist.lastSelOrigin = origin; hist.lastSelOp = opId; if (options && options.clearRedo !== false) clearSelectionEvents(hist.undone); } function pushSelectionToHistory(sel, dest) { var top = lst(dest); if (!(top && top.ranges && top.equals(sel))) dest.push(sel); } // Used to store marked span information in the history. function attachLocalSpans(doc, change, from, to) { var existing = change["spans_" + doc.id], n = 0; doc.iter(Math.max(doc.first, from), Math.min(doc.first + doc.size, to), function(line) { if (line.markedSpans) (existing || (existing = change["spans_" + doc.id] = {}))[n] = line.markedSpans; ++n; }); } // When un/re-doing restores text containing marked spans, those // that have been explicitly cleared should not be restored. function removeClearedSpans(spans) { if (!spans) return null; for (var i = 0, out; i < spans.length; ++i) { if (spans[i].marker.explicitlyCleared) { if (!out) out = spans.slice(0, i); } else if (out) out.push(spans[i]); } return !out ? spans : out.length ? out : null; } // Retrieve and filter the old marked spans stored in a change event. function getOldSpans(doc, change) { var found = change["spans_" + doc.id]; if (!found) return null; for (var i = 0, nw = []; i < change.text.length; ++i) nw.push(removeClearedSpans(found[i])); return nw; } // Used both to provide a JSON-safe object in .getHistory, and, when // detaching a document, to split the history in two function copyHistoryArray(events, newGroup, instantiateSel) { for (var i = 0, copy = []; i < events.length; ++i) { var event = events[i]; if (event.ranges) { copy.push(instantiateSel ? Selection.prototype.deepCopy.call(event) : event); continue; } var changes = event.changes, newChanges = []; copy.push({changes: newChanges}); for (var j = 0; j < changes.length; ++j) { var change = changes[j], m; newChanges.push({from: change.from, to: change.to, text: change.text}); if (newGroup) for (var prop in change) if (m = prop.match(/^spans_(\d+)$/)) { if (indexOf(newGroup, Number(m[1])) > -1) { lst(newChanges)[prop] = change[prop]; delete change[prop]; } } } } return copy; } // Rebasing/resetting history to deal with externally-sourced changes function rebaseHistSelSingle(pos, from, to, diff) { if (to < pos.line) { pos.line += diff; } else if (from < pos.line) { pos.line = from; pos.ch = 0; } } // Tries to rebase an array of history events given a change in the // document. If the change touches the same lines as the event, the // event, and everything 'behind' it, is discarded. If the change is // before the event, the event's positions are updated. Uses a // copy-on-write scheme for the positions, to avoid having to // reallocate them all on every rebase, but also avoid problems with // shared position objects being unsafely updated. function rebaseHistArray(array, from, to, diff) { for (var i = 0; i < array.length; ++i) { var sub = array[i], ok = true; if (sub.ranges) { if (!sub.copied) { sub = array[i] = sub.deepCopy(); sub.copied = true; } for (var j = 0; j < sub.ranges.length; j++) { rebaseHistSelSingle(sub.ranges[j].anchor, from, to, diff); rebaseHistSelSingle(sub.ranges[j].head, from, to, diff); } continue; } for (var j = 0; j < sub.changes.length; ++j) { var cur = sub.changes[j]; if (to < cur.from.line) { cur.from = Pos(cur.from.line + diff, cur.from.ch); cur.to = Pos(cur.to.line + diff, cur.to.ch); } else if (from <= cur.to.line) { ok = false; break; } } if (!ok) { array.splice(0, i + 1); i = 0; } } } function rebaseHist(hist, change) { var from = change.from.line, to = change.to.line, diff = change.text.length - (to - from) - 1; rebaseHistArray(hist.done, from, to, diff); rebaseHistArray(hist.undone, from, to, diff); } // EVENT UTILITIES // Due to the fact that we still support jurassic IE versions, some // compatibility wrappers are needed. var e_preventDefault = CodeMirror.e_preventDefault = function(e) { if (e.preventDefault) e.preventDefault(); else e.returnValue = false; }; var e_stopPropagation = CodeMirror.e_stopPropagation = function(e) { if (e.stopPropagation) e.stopPropagation(); else e.cancelBubble = true; }; function e_defaultPrevented(e) { return e.defaultPrevented != null ? e.defaultPrevented : e.returnValue == false; } var e_stop = CodeMirror.e_stop = function(e) {e_preventDefault(e); e_stopPropagation(e);}; function e_target(e) {return e.target || e.srcElement;} function e_button(e) { var b = e.which; if (b == null) { if (e.button & 1) b = 1; else if (e.button & 2) b = 3; else if (e.button & 4) b = 2; } if (mac && e.ctrlKey && b == 1) b = 3; return b; } // EVENT HANDLING // Lightweight event framework. on/off also work on DOM nodes, // registering native DOM handlers. var on = CodeMirror.on = function(emitter, type, f) { if (emitter.addEventListener) emitter.addEventListener(type, f, false); else if (emitter.attachEvent) emitter.attachEvent("on" + type, f); else { var map = emitter._handlers || (emitter._handlers = {}); var arr = map[type] || (map[type] = []); arr.push(f); } }; var noHandlers = [] function getHandlers(emitter, type, copy) { var arr = emitter._handlers && emitter._handlers[type] if (copy) return arr && arr.length > 0 ? arr.slice() : noHandlers else return arr || noHandlers } var off = CodeMirror.off = function(emitter, type, f) { if (emitter.removeEventListener) emitter.removeEventListener(type, f, false); else if (emitter.detachEvent) emitter.detachEvent("on" + type, f); else { var handlers = getHandlers(emitter, type, false) for (var i = 0; i < handlers.length; ++i) if (handlers[i] == f) { handlers.splice(i, 1); break; } } }; var signal = CodeMirror.signal = function(emitter, type /*, values...*/) { var handlers = getHandlers(emitter, type, true) if (!handlers.length) return; var args = Array.prototype.slice.call(arguments, 2); for (var i = 0; i < handlers.length; ++i) handlers[i].apply(null, args); }; var orphanDelayedCallbacks = null; // Often, we want to signal events at a point where we are in the // middle of some work, but don't want the handler to start calling // other methods on the editor, which might be in an inconsistent // state or simply not expect any other events to happen. // signalLater looks whether there are any handlers, and schedules // them to be executed when the last operation ends, or, if no // operation is active, when a timeout fires. function signalLater(emitter, type /*, values...*/) { var arr = getHandlers(emitter, type, false) if (!arr.length) return; var args = Array.prototype.slice.call(arguments, 2), list; if (operationGroup) { list = operationGroup.delayedCallbacks; } else if (orphanDelayedCallbacks) { list = orphanDelayedCallbacks; } else { list = orphanDelayedCallbacks = []; setTimeout(fireOrphanDelayed, 0); } function bnd(f) {return function(){f.apply(null, args);};}; for (var i = 0; i < arr.length; ++i) list.push(bnd(arr[i])); } function fireOrphanDelayed() { var delayed = orphanDelayedCallbacks; orphanDelayedCallbacks = null; for (var i = 0; i < delayed.length; ++i) delayed[i](); } // The DOM events that CodeMirror handles can be overridden by // registering a (non-DOM) handler on the editor for the event name, // and preventDefault-ing the event in that handler. function signalDOMEvent(cm, e, override) { if (typeof e == "string") e = {type: e, preventDefault: function() { this.defaultPrevented = true; }}; signal(cm, override || e.type, cm, e); return e_defaultPrevented(e) || e.codemirrorIgnore; } function signalCursorActivity(cm) { var arr = cm._handlers && cm._handlers.cursorActivity; if (!arr) return; var set = cm.curOp.cursorActivityHandlers || (cm.curOp.cursorActivityHandlers = []); for (var i = 0; i < arr.length; ++i) if (indexOf(set, arr[i]) == -1) set.push(arr[i]); } function hasHandler(emitter, type) { return getHandlers(emitter, type).length > 0 } // Add on and off methods to a constructor's prototype, to make // registering events on such objects more convenient. function eventMixin(ctor) { ctor.prototype.on = function(type, f) {on(this, type, f);}; ctor.prototype.off = function(type, f) {off(this, type, f);}; } // MISC UTILITIES // Number of pixels added to scroller and sizer to hide scrollbar var scrollerGap = 30; // Returned or thrown by various protocols to signal 'I'm not // handling this'. var Pass = CodeMirror.Pass = {toString: function(){return "CodeMirror.Pass";}}; // Reused option objects for setSelection & friends var sel_dontScroll = {scroll: false}, sel_mouse = {origin: "*mouse"}, sel_move = {origin: "+move"}; function Delayed() {this.id = null;} Delayed.prototype.set = function(ms, f) { clearTimeout(this.id); this.id = setTimeout(f, ms); }; // Counts the column offset in a string, taking tabs into account. // Used mostly to find indentation. var countColumn = CodeMirror.countColumn = function(string, end, tabSize, startIndex, startValue) { if (end == null) { end = string.search(/[^\s\u00a0]/); if (end == -1) end = string.length; } for (var i = startIndex || 0, n = startValue || 0;;) { var nextTab = string.indexOf("\t", i); if (nextTab < 0 || nextTab >= end) return n + (end - i); n += nextTab - i; n += tabSize - (n % tabSize); i = nextTab + 1; } }; // The inverse of countColumn -- find the offset that corresponds to // a particular column. var findColumn = CodeMirror.findColumn = function(string, goal, tabSize) { for (var pos = 0, col = 0;;) { var nextTab = string.indexOf("\t", pos); if (nextTab == -1) nextTab = string.length; var skipped = nextTab - pos; if (nextTab == string.length || col + skipped >= goal) return pos + Math.min(skipped, goal - col); col += nextTab - pos; col += tabSize - (col % tabSize); pos = nextTab + 1; if (col >= goal) return pos; } } var spaceStrs = [""]; function spaceStr(n) { while (spaceStrs.length <= n) spaceStrs.push(lst(spaceStrs) + " "); return spaceStrs[n]; } function lst(arr) { return arr[arr.length-1]; } var selectInput = function(node) { node.select(); }; if (ios) // Mobile Safari apparently has a bug where select() is broken. selectInput = function(node) { node.selectionStart = 0; node.selectionEnd = node.value.length; }; else if (ie) // Suppress mysterious IE10 errors selectInput = function(node) { try { node.select(); } catch(_e) {} }; function indexOf(array, elt) { for (var i = 0; i < array.length; ++i) if (array[i] == elt) return i; return -1; } function map(array, f) { var out = []; for (var i = 0; i < array.length; i++) out[i] = f(array[i], i); return out; } function insertSorted(array, value, score) { var pos = 0, priority = score(value) while (pos < array.length && score(array[pos]) <= priority) pos++ array.splice(pos, 0, value) } function nothing() {} function createObj(base, props) { var inst; if (Object.create) { inst = Object.create(base); } else { nothing.prototype = base; inst = new nothing(); } if (props) copyObj(props, inst); return inst; }; function copyObj(obj, target, overwrite) { if (!target) target = {}; for (var prop in obj) if (obj.hasOwnProperty(prop) && (overwrite !== false || !target.hasOwnProperty(prop))) target[prop] = obj[prop]; return target; } function bind(f) { var args = Array.prototype.slice.call(arguments, 1); return function(){return f.apply(null, args);}; } var nonASCIISingleCaseWordChar = /[\u00df\u0587\u0590-\u05f4\u0600-\u06ff\u3040-\u309f\u30a0-\u30ff\u3400-\u4db5\u4e00-\u9fcc\uac00-\ud7af]/; var isWordCharBasic = CodeMirror.isWordChar = function(ch) { return /\w/.test(ch) || ch > "\x80" && (ch.toUpperCase() != ch.toLowerCase() || nonASCIISingleCaseWordChar.test(ch)); }; function isWordChar(ch, helper) { if (!helper) return isWordCharBasic(ch); if (helper.source.indexOf("\\w") > -1 && isWordCharBasic(ch)) return true; return helper.test(ch); } function isEmpty(obj) { for (var n in obj) if (obj.hasOwnProperty(n) && obj[n]) return false; return true; } // Extending unicode characters. A series of a non-extending char + // any number of extending chars is treated as a single unit as far // as editing and measuring is concerned. This is not fully correct, // since some scripts/fonts/browsers also treat other configurations // of code points as a group. var extendingChars = /[\u0300-\u036f\u0483-\u0489\u0591-\u05bd\u05bf\u05c1\u05c2\u05c4\u05c5\u05c7\u0610-\u061a\u064b-\u065e\u0670\u06d6-\u06dc\u06de-\u06e4\u06e7\u06e8\u06ea-\u06ed\u0711\u0730-\u074a\u07a6-\u07b0\u07eb-\u07f3\u0816-\u0819\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0900-\u0902\u093c\u0941-\u0948\u094d\u0951-\u0955\u0962\u0963\u0981\u09bc\u09be\u09c1-\u09c4\u09cd\u09d7\u09e2\u09e3\u0a01\u0a02\u0a3c\u0a41\u0a42\u0a47\u0a48\u0a4b-\u0a4d\u0a51\u0a70\u0a71\u0a75\u0a81\u0a82\u0abc\u0ac1-\u0ac5\u0ac7\u0ac8\u0acd\u0ae2\u0ae3\u0b01\u0b3c\u0b3e\u0b3f\u0b41-\u0b44\u0b4d\u0b56\u0b57\u0b62\u0b63\u0b82\u0bbe\u0bc0\u0bcd\u0bd7\u0c3e-\u0c40\u0c46-\u0c48\u0c4a-\u0c4d\u0c55\u0c56\u0c62\u0c63\u0cbc\u0cbf\u0cc2\u0cc6\u0ccc\u0ccd\u0cd5\u0cd6\u0ce2\u0ce3\u0d3e\u0d41-\u0d44\u0d4d\u0d57\u0d62\u0d63\u0dca\u0dcf\u0dd2-\u0dd4\u0dd6\u0ddf\u0e31\u0e34-\u0e3a\u0e47-\u0e4e\u0eb1\u0eb4-\u0eb9\u0ebb\u0ebc\u0ec8-\u0ecd\u0f18\u0f19\u0f35\u0f37\u0f39\u0f71-\u0f7e\u0f80-\u0f84\u0f86\u0f87\u0f90-\u0f97\u0f99-\u0fbc\u0fc6\u102d-\u1030\u1032-\u1037\u1039\u103a\u103d\u103e\u1058\u1059\u105e-\u1060\u1071-\u1074\u1082\u1085\u1086\u108d\u109d\u135f\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17b7-\u17bd\u17c6\u17c9-\u17d3\u17dd\u180b-\u180d\u18a9\u1920-\u1922\u1927\u1928\u1932\u1939-\u193b\u1a17\u1a18\u1a56\u1a58-\u1a5e\u1a60\u1a62\u1a65-\u1a6c\u1a73-\u1a7c\u1a7f\u1b00-\u1b03\u1b34\u1b36-\u1b3a\u1b3c\u1b42\u1b6b-\u1b73\u1b80\u1b81\u1ba2-\u1ba5\u1ba8\u1ba9\u1c2c-\u1c33\u1c36\u1c37\u1cd0-\u1cd2\u1cd4-\u1ce0\u1ce2-\u1ce8\u1ced\u1dc0-\u1de6\u1dfd-\u1dff\u200c\u200d\u20d0-\u20f0\u2cef-\u2cf1\u2de0-\u2dff\u302a-\u302f\u3099\u309a\ua66f-\ua672\ua67c\ua67d\ua6f0\ua6f1\ua802\ua806\ua80b\ua825\ua826\ua8c4\ua8e0-\ua8f1\ua926-\ua92d\ua947-\ua951\ua980-\ua982\ua9b3\ua9b6-\ua9b9\ua9bc\uaa29-\uaa2e\uaa31\uaa32\uaa35\uaa36\uaa43\uaa4c\uaab0\uaab2-\uaab4\uaab7\uaab8\uaabe\uaabf\uaac1\uabe5\uabe8\uabed\udc00-\udfff\ufb1e\ufe00-\ufe0f\ufe20-\ufe26\uff9e\uff9f]/; function isExtendingChar(ch) { return ch.charCodeAt(0) >= 768 && extendingChars.test(ch); } // DOM UTILITIES function elt(tag, content, className, style) { var e = document.createElement(tag); if (className) e.className = className; if (style) e.style.cssText = style; if (typeof content == "string") e.appendChild(document.createTextNode(content)); else if (content) for (var i = 0; i < content.length; ++i) e.appendChild(content[i]); return e; } var range; if (document.createRange) range = function(node, start, end, endNode) { var r = document.createRange(); r.setEnd(endNode || node, end); r.setStart(node, start); return r; }; else range = function(node, start, end) { var r = document.body.createTextRange(); try { r.moveToElementText(node.parentNode); } catch(e) { return r; } r.collapse(true); r.moveEnd("character", end); r.moveStart("character", start); return r; }; function removeChildren(e) { for (var count = e.childNodes.length; count > 0; --count) e.removeChild(e.firstChild); return e; } function removeChildrenAndAdd(parent, e) { return removeChildren(parent).appendChild(e); } var contains = CodeMirror.contains = function(parent, child) { if (child.nodeType == 3) // Android browser always returns false when child is a textnode child = child.parentNode; if (parent.contains) return parent.contains(child); do { if (child.nodeType == 11) child = child.host; if (child == parent) return true; } while (child = child.parentNode); }; function activeElt() { var activeElement = document.activeElement; while (activeElement && activeElement.root && activeElement.root.activeElement) activeElement = activeElement.root.activeElement; return activeElement; } // Older versions of IE throws unspecified error when touching // document.activeElement in some cases (during loading, in iframe) if (ie && ie_version < 11) activeElt = function() { try { return document.activeElement; } catch(e) { return document.body; } }; function classTest(cls) { return new RegExp("(^|\\s)" + cls + "(?:$|\\s)\\s*"); } var rmClass = CodeMirror.rmClass = function(node, cls) { var current = node.className; var match = classTest(cls).exec(current); if (match) { var after = current.slice(match.index + match[0].length); node.className = current.slice(0, match.index) + (after ? match[1] + after : ""); } }; var addClass = CodeMirror.addClass = function(node, cls) { var current = node.className; if (!classTest(cls).test(current)) node.className += (current ? " " : "") + cls; }; function joinClasses(a, b) { var as = a.split(" "); for (var i = 0; i < as.length; i++) if (as[i] && !classTest(as[i]).test(b)) b += " " + as[i]; return b; } // WINDOW-WIDE EVENTS // These must be handled carefully, because naively registering a // handler for each editor will cause the editors to never be // garbage collected. function forEachCodeMirror(f) { if (!document.body.getElementsByClassName) return; var byClass = document.body.getElementsByClassName("CodeMirror"); for (var i = 0; i < byClass.length; i++) { var cm = byClass[i].CodeMirror; if (cm) f(cm); } } var globalsRegistered = false; function ensureGlobalHandlers() { if (globalsRegistered) return; registerGlobalHandlers(); globalsRegistered = true; } function registerGlobalHandlers() { // When the window resizes, we need to refresh active editors. var resizeTimer; on(window, "resize", function() { if (resizeTimer == null) resizeTimer = setTimeout(function() { resizeTimer = null; forEachCodeMirror(onResize); }, 100); }); // When the window loses focus, we want to show the editor as blurred on(window, "blur", function() { forEachCodeMirror(onBlur); }); } // FEATURE DETECTION // Detect drag-and-drop var dragAndDrop = function() { // There is *some* kind of drag-and-drop support in IE6-8, but I // couldn't get it to work yet. if (ie && ie_version < 9) return false; var div = elt('div'); return "draggable" in div || "dragDrop" in div; }(); var zwspSupported; function zeroWidthElement(measure) { if (zwspSupported == null) { var test = elt("span", "\u200b"); removeChildrenAndAdd(measure, elt("span", [test, document.createTextNode("x")])); if (measure.firstChild.offsetHeight != 0) zwspSupported = test.offsetWidth <= 1 && test.offsetHeight > 2 && !(ie && ie_version < 8); } var node = zwspSupported ? elt("span", "\u200b") : elt("span", "\u00a0", null, "display: inline-block; width: 1px; margin-right: -1px"); node.setAttribute("cm-text", ""); return node; } // Feature-detect IE's crummy client rect reporting for bidi text var badBidiRects; function hasBadBidiRects(measure) { if (badBidiRects != null) return badBidiRects; var txt = removeChildrenAndAdd(measure, document.createTextNode("A\u062eA")); var r0 = range(txt, 0, 1).getBoundingClientRect(); var r1 = range(txt, 1, 2).getBoundingClientRect(); removeChildren(measure); if (!r0 || r0.left == r0.right) return false; // Safari returns null in some cases (#2780) return badBidiRects = (r1.right - r0.right < 3); } // See if "".split is the broken IE version, if so, provide an // alternative way to split lines. var splitLinesAuto = CodeMirror.splitLines = "\n\nb".split(/\n/).length != 3 ? function(string) { var pos = 0, result = [], l = string.length; while (pos <= l) { var nl = string.indexOf("\n", pos); if (nl == -1) nl = string.length; var line = string.slice(pos, string.charAt(nl - 1) == "\r" ? nl - 1 : nl); var rt = line.indexOf("\r"); if (rt != -1) { result.push(line.slice(0, rt)); pos += rt + 1; } else { result.push(line); pos = nl + 1; } } return result; } : function(string){return string.split(/\r\n?|\n/);}; var hasSelection = window.getSelection ? function(te) { try { return te.selectionStart != te.selectionEnd; } catch(e) { return false; } } : function(te) { try {var range = te.ownerDocument.selection.createRange();} catch(e) {} if (!range || range.parentElement() != te) return false; return range.compareEndPoints("StartToEnd", range) != 0; }; var hasCopyEvent = (function() { var e = elt("div"); if ("oncopy" in e) return true; e.setAttribute("oncopy", "return;"); return typeof e.oncopy == "function"; })(); var badZoomedRects = null; function hasBadZoomedRects(measure) { if (badZoomedRects != null) return badZoomedRects; var node = removeChildrenAndAdd(measure, elt("span", "x")); var normal = node.getBoundingClientRect(); var fromRange = range(node, 0, 1).getBoundingClientRect(); return badZoomedRects = Math.abs(normal.left - fromRange.left) > 1; } // KEY NAMES var keyNames = CodeMirror.keyNames = { 3: "Enter", 8: "Backspace", 9: "Tab", 13: "Enter", 16: "Shift", 17: "Ctrl", 18: "Alt", 19: "Pause", 20: "CapsLock", 27: "Esc", 32: "Space", 33: "PageUp", 34: "PageDown", 35: "End", 36: "Home", 37: "Left", 38: "Up", 39: "Right", 40: "Down", 44: "PrintScrn", 45: "Insert", 46: "Delete", 59: ";", 61: "=", 91: "Mod", 92: "Mod", 93: "Mod", 106: "*", 107: "=", 109: "-", 110: ".", 111: "/", 127: "Delete", 173: "-", 186: ";", 187: "=", 188: ",", 189: "-", 190: ".", 191: "/", 192: "`", 219: "[", 220: "\\", 221: "]", 222: "'", 63232: "Up", 63233: "Down", 63234: "Left", 63235: "Right", 63272: "Delete", 63273: "Home", 63275: "End", 63276: "PageUp", 63277: "PageDown", 63302: "Insert" }; (function() { // Number keys for (var i = 0; i < 10; i++) keyNames[i + 48] = keyNames[i + 96] = String(i); // Alphabetic keys for (var i = 65; i <= 90; i++) keyNames[i] = String.fromCharCode(i); // Function keys for (var i = 1; i <= 12; i++) keyNames[i + 111] = keyNames[i + 63235] = "F" + i; })(); // BIDI HELPERS function iterateBidiSections(order, from, to, f) { if (!order) return f(from, to, "ltr"); var found = false; for (var i = 0; i < order.length; ++i) { var part = order[i]; if (part.from < to && part.to > from || from == to && part.to == from) { f(Math.max(part.from, from), Math.min(part.to, to), part.level == 1 ? "rtl" : "ltr"); found = true; } } if (!found) f(from, to, "ltr"); } function bidiLeft(part) { return part.level % 2 ? part.to : part.from; } function bidiRight(part) { return part.level % 2 ? part.from : part.to; } function lineLeft(line) { var order = getOrder(line); return order ? bidiLeft(order[0]) : 0; } function lineRight(line) { var order = getOrder(line); if (!order) return line.text.length; return bidiRight(lst(order)); } function lineStart(cm, lineN) { var line = getLine(cm.doc, lineN); var visual = visualLine(line); if (visual != line) lineN = lineNo(visual); var order = getOrder(visual); var ch = !order ? 0 : order[0].level % 2 ? lineRight(visual) : lineLeft(visual); return Pos(lineN, ch); } function lineEnd(cm, lineN) { var merged, line = getLine(cm.doc, lineN); while (merged = collapsedSpanAtEnd(line)) { line = merged.find(1, true).line; lineN = null; } var order = getOrder(line); var ch = !order ? line.text.length : order[0].level % 2 ? lineLeft(line) : lineRight(line); return Pos(lineN == null ? lineNo(line) : lineN, ch); } function lineStartSmart(cm, pos) { var start = lineStart(cm, pos.line); var line = getLine(cm.doc, start.line); var order = getOrder(line); if (!order || order[0].level == 0) { var firstNonWS = Math.max(0, line.text.search(/\S/)); var inWS = pos.line == start.line && pos.ch <= firstNonWS && pos.ch; return Pos(start.line, inWS ? 0 : firstNonWS); } return start; } function compareBidiLevel(order, a, b) { var linedir = order[0].level; if (a == linedir) return true; if (b == linedir) return false; return a < b; } var bidiOther; function getBidiPartAt(order, pos) { bidiOther = null; for (var i = 0, found; i < order.length; ++i) { var cur = order[i]; if (cur.from < pos && cur.to > pos) return i; if ((cur.from == pos || cur.to == pos)) { if (found == null) { found = i; } else if (compareBidiLevel(order, cur.level, order[found].level)) { if (cur.from != cur.to) bidiOther = found; return i; } else { if (cur.from != cur.to) bidiOther = i; return found; } } } return found; } function moveInLine(line, pos, dir, byUnit) { if (!byUnit) return pos + dir; do pos += dir; while (pos > 0 && isExtendingChar(line.text.charAt(pos))); return pos; } // This is needed in order to move 'visually' through bi-directional // text -- i.e., pressing left should make the cursor go left, even // when in RTL text. The tricky part is the 'jumps', where RTL and // LTR text touch each other. This often requires the cursor offset // to move more than one unit, in order to visually move one unit. function moveVisually(line, start, dir, byUnit) { var bidi = getOrder(line); if (!bidi) return moveLogically(line, start, dir, byUnit); var pos = getBidiPartAt(bidi, start), part = bidi[pos]; var target = moveInLine(line, start, part.level % 2 ? -dir : dir, byUnit); for (;;) { if (target > part.from && target < part.to) return target; if (target == part.from || target == part.to) { if (getBidiPartAt(bidi, target) == pos) return target; part = bidi[pos += dir]; return (dir > 0) == part.level % 2 ? part.to : part.from; } else { part = bidi[pos += dir]; if (!part) return null; if ((dir > 0) == part.level % 2) target = moveInLine(line, part.to, -1, byUnit); else target = moveInLine(line, part.from, 1, byUnit); } } } function moveLogically(line, start, dir, byUnit) { var target = start + dir; if (byUnit) while (target > 0 && isExtendingChar(line.text.charAt(target))) target += dir; return target < 0 || target > line.text.length ? null : target; } // Bidirectional ordering algorithm // See http://unicode.org/reports/tr9/tr9-13.html for the algorithm // that this (partially) implements. // One-char codes used for character types: // L (L): Left-to-Right // R (R): Right-to-Left // r (AL): Right-to-Left Arabic // 1 (EN): European Number // + (ES): European Number Separator // % (ET): European Number Terminator // n (AN): Arabic Number // , (CS): Common Number Separator // m (NSM): Non-Spacing Mark // b (BN): Boundary Neutral // s (B): Paragraph Separator // t (S): Segment Separator // w (WS): Whitespace // N (ON): Other Neutrals // Returns null if characters are ordered as they appear // (left-to-right), or an array of sections ({from, to, level} // objects) in the order in which they occur visually. var bidiOrdering = (function() { // Character types for codepoints 0 to 0xff var lowTypes = "bbbbbbbbbtstwsbbbbbbbbbbbbbbssstwNN%%%NNNNNN,N,N1111111111NNNNNNNLLLLLLLLLLLLLLLLLLLLLLLLLLNNNNNNLLLLLLLLLLLLLLLLLLLLLLLLLLNNNNbbbbbbsbbbbbbbbbbbbbbbbbbbbbbbbbb,N%%%%NNNNLNNNNN%%11NLNNN1LNNNNNLLLLLLLLLLLLLLLLLLLLLLLNLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLN"; // Character types for codepoints 0x600 to 0x6ff var arabicTypes = "rrrrrrrrrrrr,rNNmmmmmmrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrmmmmmmmmmmmmmmrrrrrrrnnnnnnnnnn%nnrrrmrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrmmmmmmmmmmmmmmmmmmmNmmmm"; function charType(code) { if (code <= 0xf7) return lowTypes.charAt(code); else if (0x590 <= code && code <= 0x5f4) return "R"; else if (0x600 <= code && code <= 0x6ed) return arabicTypes.charAt(code - 0x600); else if (0x6ee <= code && code <= 0x8ac) return "r"; else if (0x2000 <= code && code <= 0x200b) return "w"; else if (code == 0x200c) return "b"; else return "L"; } var bidiRE = /[\u0590-\u05f4\u0600-\u06ff\u0700-\u08ac]/; var isNeutral = /[stwN]/, isStrong = /[LRr]/, countsAsLeft = /[Lb1n]/, countsAsNum = /[1n]/; // Browsers seem to always treat the boundaries of block elements as being L. var outerType = "L"; function BidiSpan(level, from, to) { this.level = level; this.from = from; this.to = to; } return function(str) { if (!bidiRE.test(str)) return false; var len = str.length, types = []; for (var i = 0, type; i < len; ++i) types.push(type = charType(str.charCodeAt(i))); // W1. Examine each non-spacing mark (NSM) in the level run, and // change the type of the NSM to the type of the previous // character. If the NSM is at the start of the level run, it will // get the type of sor. for (var i = 0, prev = outerType; i < len; ++i) { var type = types[i]; if (type == "m") types[i] = prev; else prev = type; } // W2. Search backwards from each instance of a European number // until the first strong type (R, L, AL, or sor) is found. If an // AL is found, change the type of the European number to Arabic // number. // W3. Change all ALs to R. for (var i = 0, cur = outerType; i < len; ++i) { var type = types[i]; if (type == "1" && cur == "r") types[i] = "n"; else if (isStrong.test(type)) { cur = type; if (type == "r") types[i] = "R"; } } // W4. A single European separator between two European numbers // changes to a European number. A single common separator between // two numbers of the same type changes to that type. for (var i = 1, prev = types[0]; i < len - 1; ++i) { var type = types[i]; if (type == "+" && prev == "1" && types[i+1] == "1") types[i] = "1"; else if (type == "," && prev == types[i+1] && (prev == "1" || prev == "n")) types[i] = prev; prev = type; } // W5. A sequence of European terminators adjacent to European // numbers changes to all European numbers. // W6. Otherwise, separators and terminators change to Other // Neutral. for (var i = 0; i < len; ++i) { var type = types[i]; if (type == ",") types[i] = "N"; else if (type == "%") { for (var end = i + 1; end < len && types[end] == "%"; ++end) {} var replace = (i && types[i-1] == "!") || (end < len && types[end] == "1") ? "1" : "N"; for (var j = i; j < end; ++j) types[j] = replace; i = end - 1; } } // W7. Search backwards from each instance of a European number // until the first strong type (R, L, or sor) is found. If an L is // found, then change the type of the European number to L. for (var i = 0, cur = outerType; i < len; ++i) { var type = types[i]; if (cur == "L" && type == "1") types[i] = "L"; else if (isStrong.test(type)) cur = type; } // N1. A sequence of neutrals takes the direction of the // surrounding strong text if the text on both sides has the same // direction. European and Arabic numbers act as if they were R in // terms of their influence on neutrals. Start-of-level-run (sor) // and end-of-level-run (eor) are used at level run boundaries. // N2. Any remaining neutrals take the embedding direction. for (var i = 0; i < len; ++i) { if (isNeutral.test(types[i])) { for (var end = i + 1; end < len && isNeutral.test(types[end]); ++end) {} var before = (i ? types[i-1] : outerType) == "L"; var after = (end < len ? types[end] : outerType) == "L"; var replace = before || after ? "L" : "R"; for (var j = i; j < end; ++j) types[j] = replace; i = end - 1; } } // Here we depart from the documented algorithm, in order to avoid // building up an actual levels array. Since there are only three // levels (0, 1, 2) in an implementation that doesn't take // explicit embedding into account, we can build up the order on // the fly, without following the level-based algorithm. var order = [], m; for (var i = 0; i < len;) { if (countsAsLeft.test(types[i])) { var start = i; for (++i; i < len && countsAsLeft.test(types[i]); ++i) {} order.push(new BidiSpan(0, start, i)); } else { var pos = i, at = order.length; for (++i; i < len && types[i] != "L"; ++i) {} for (var j = pos; j < i;) { if (countsAsNum.test(types[j])) { if (pos < j) order.splice(at, 0, new BidiSpan(1, pos, j)); var nstart = j; for (++j; j < i && countsAsNum.test(types[j]); ++j) {} order.splice(at, 0, new BidiSpan(2, nstart, j)); pos = j; } else ++j; } if (pos < i) order.splice(at, 0, new BidiSpan(1, pos, i)); } } if (order[0].level == 1 && (m = str.match(/^\s+/))) { order[0].from = m[0].length; order.unshift(new BidiSpan(0, 0, m[0].length)); } if (lst(order).level == 1 && (m = str.match(/\s+$/))) { lst(order).to -= m[0].length; order.push(new BidiSpan(0, len - m[0].length, len)); } if (order[0].level == 2) order.unshift(new BidiSpan(1, order[0].to, order[0].to)); if (order[0].level != lst(order).level) order.push(new BidiSpan(order[0].level, len, len)); return order; }; })(); // THE END CodeMirror.version = "5.19.0"; return CodeMirror; }); ================================================ FILE: static/CodeMirror/mode/sql.js ================================================ // CodeMirror, copyright (c) by Marijn Haverbeke and others // Distributed under an MIT license: http://codemirror.net/LICENSE (function(mod) { if (typeof exports == "object" && typeof module == "object") // CommonJS mod(require("../../lib/codemirror")); else if (typeof define == "function" && define.amd) // AMD define(["../../lib/codemirror"], mod); else // Plain browser env mod(CodeMirror); })(function(CodeMirror) { "use strict"; CodeMirror.defineMode("sql", function(config, parserConfig) { "use strict"; var client = parserConfig.client || {}, atoms = parserConfig.atoms || {"false": true, "true": true, "null": true}, builtin = parserConfig.builtin || {}, keywords = parserConfig.keywords || {}, operatorChars = parserConfig.operatorChars || /^[*+\-%<>!=&|~^]/, support = parserConfig.support || {}, hooks = parserConfig.hooks || {}, dateSQL = parserConfig.dateSQL || {"date" : true, "time" : true, "timestamp" : true}; function tokenBase(stream, state) { var ch = stream.next(); // call hooks from the mime type if (hooks[ch]) { var result = hooks[ch](stream, state); if (result !== false) return result; } if (support.hexNumber == true && ((ch == "0" && stream.match(/^[xX][0-9a-fA-F]+/)) || (ch == "x" || ch == "X") && stream.match(/^'[0-9a-fA-F]+'/))) { // hex // ref: http://dev.mysql.com/doc/refman/5.5/en/hexadecimal-literals.html return "number"; } else if (support.binaryNumber == true && (((ch == "b" || ch == "B") && stream.match(/^'[01]+'/)) || (ch == "0" && stream.match(/^b[01]+/)))) { // bitstring // ref: http://dev.mysql.com/doc/refman/5.5/en/bit-field-literals.html return "number"; } else if (ch.charCodeAt(0) > 47 && ch.charCodeAt(0) < 58) { // numbers // ref: http://dev.mysql.com/doc/refman/5.5/en/number-literals.html stream.match(/^[0-9]*\.?[0-9]+([eE][-+]?[0-9]+)?/); support.decimallessFloat == true && stream.eat('.'); return "number"; } else if (ch == "?" && (stream.eatSpace() || stream.eol() || stream.eat(";"))) { // placeholders return "variable-3"; } else if (ch == "'" || (ch == '"' && support.doubleQuote)) { // strings // ref: http://dev.mysql.com/doc/refman/5.5/en/string-literals.html state.tokenize = tokenLiteral(ch); return state.tokenize(stream, state); } else if ((((support.nCharCast == true && (ch == "n" || ch == "N")) || (support.charsetCast == true && ch == "_" && stream.match(/[a-z][a-z0-9]*/i))) && (stream.peek() == "'" || stream.peek() == '"'))) { // charset casting: _utf8'str', N'str', n'str' // ref: http://dev.mysql.com/doc/refman/5.5/en/string-literals.html return "keyword"; } else if (/^[\(\),\;\[\]]/.test(ch)) { // no highlighting return null; } else if (support.commentSlashSlash && ch == "/" && stream.eat("/")) { // 1-line comment stream.skipToEnd(); return "comment"; } else if ((support.commentHash && ch == "#") || (ch == "-" && stream.eat("-") && (!support.commentSpaceRequired || stream.eat(" ")))) { // 1-line comments // ref: https://kb.askmonty.org/en/comment-syntax/ stream.skipToEnd(); return "comment"; } else if (ch == "/" && stream.eat("*")) { // multi-line comments // ref: https://kb.askmonty.org/en/comment-syntax/ state.tokenize = tokenComment; return state.tokenize(stream, state); } else if (ch == ".") { // .1 for 0.1 if (support.zerolessFloat == true && stream.match(/^(?:\d+(?:e[+-]?\d+)?)/i)) { return "number"; } // .table_name (ODBC) // // ref: http://dev.mysql.com/doc/refman/5.6/en/identifier-qualifiers.html if (support.ODBCdotTable == true && stream.match(/^[a-zA-Z_]+/)) { return "variable-2"; } } else if (operatorChars.test(ch)) { // operators stream.eatWhile(operatorChars); return null; } else if (ch == '{' && (stream.match(/^( )*(d|D|t|T|ts|TS)( )*'[^']*'( )*}/) || stream.match(/^( )*(d|D|t|T|ts|TS)( )*"[^"]*"( )*}/))) { // dates (weird ODBC syntax) // ref: http://dev.mysql.com/doc/refman/5.5/en/date-and-time-literals.html return "number"; } else { stream.eatWhile(/^[_\w\d]/); var word = stream.current().toLowerCase(); // dates (standard SQL syntax) // ref: http://dev.mysql.com/doc/refman/5.5/en/date-and-time-literals.html if (dateSQL.hasOwnProperty(word) && (stream.match(/^( )+'[^']*'/) || stream.match(/^( )+"[^"]*"/))) return "number"; if (atoms.hasOwnProperty(word)) return "atom"; if (builtin.hasOwnProperty(word)) return "builtin"; if (keywords.hasOwnProperty(word)) return "keyword"; if (client.hasOwnProperty(word)) return "string-2"; return null; } } // 'string', with char specified in quote escaped by '\' function tokenLiteral(quote) { return function(stream, state) { var escaped = false, ch; while ((ch = stream.next()) != null) { if (ch == quote && !escaped) { state.tokenize = tokenBase; break; } escaped = !escaped && ch == "\\"; } return "string"; }; } function tokenComment(stream, state) { while (true) { if (stream.skipTo("*")) { stream.next(); if (stream.eat("/")) { state.tokenize = tokenBase; break; } } else { stream.skipToEnd(); break; } } return "comment"; } function pushContext(stream, state, type) { state.context = { prev: state.context, indent: stream.indentation(), col: stream.column(), type: type }; } function popContext(state) { state.indent = state.context.indent; state.context = state.context.prev; } return { startState: function() { return {tokenize: tokenBase, context: null}; }, token: function(stream, state) { if (stream.sol()) { if (state.context && state.context.align == null) state.context.align = false; } if (stream.eatSpace()) return null; var style = state.tokenize(stream, state); if (style == "comment") return style; if (state.context && state.context.align == null) state.context.align = true; var tok = stream.current(); if (tok == "(") pushContext(stream, state, ")"); else if (tok == "[") pushContext(stream, state, "]"); else if (state.context && state.context.type == tok) popContext(state); return style; }, indent: function(state, textAfter) { var cx = state.context; if (!cx) return CodeMirror.Pass; var closing = textAfter.charAt(0) == cx.type; if (cx.align) return cx.col + (closing ? 0 : 1); else return cx.indent + (closing ? 0 : config.indentUnit); }, blockCommentStart: "/*", blockCommentEnd: "*/", lineComment: support.commentSlashSlash ? "//" : support.commentHash ? "#" : null }; }); (function() { "use strict"; // `identifier` function hookIdentifier(stream) { // MySQL/MariaDB identifiers // ref: http://dev.mysql.com/doc/refman/5.6/en/identifier-qualifiers.html var ch; while ((ch = stream.next()) != null) { if (ch == "`" && !stream.eat("`")) return "variable-2"; } stream.backUp(stream.current().length - 1); return stream.eatWhile(/\w/) ? "variable-2" : null; } // variable token function hookVar(stream) { // variables // @@prefix.varName @varName // varName can be quoted with ` or ' or " // ref: http://dev.mysql.com/doc/refman/5.5/en/user-variables.html if (stream.eat("@")) { stream.match(/^session\./); stream.match(/^local\./); stream.match(/^global\./); } if (stream.eat("'")) { stream.match(/^.*'/); return "variable-2"; } else if (stream.eat('"')) { stream.match(/^.*"/); return "variable-2"; } else if (stream.eat("`")) { stream.match(/^.*`/); return "variable-2"; } else if (stream.match(/^[0-9a-zA-Z$\.\_]+/)) { return "variable-2"; } return null; }; // short client keyword token function hookClient(stream) { // \N means NULL // ref: http://dev.mysql.com/doc/refman/5.5/en/null-values.html if (stream.eat("N")) { return "atom"; } // \g, etc // ref: http://dev.mysql.com/doc/refman/5.5/en/mysql-commands.html return stream.match(/^[a-zA-Z.#!?]/) ? "variable-2" : null; } // these keywords are used by all SQL dialects (however, a mode can still overwrite it) var sqlKeywords = "alter and as asc between by count create delete desc distinct drop from group having in insert into is join like not on or order select set table union update values where limit "; // turn a space-separated list into an array function set(str) { var obj = {}, words = str.split(" "); for (var i = 0; i < words.length; ++i) obj[words[i]] = true; return obj; } // A generic SQL Mode. It's not a standard, it just try to support what is generally supported CodeMirror.defineMIME("text/x-sql", { name: "sql", keywords: set(sqlKeywords + "begin"), builtin: set("bool boolean bit blob enum long longblob longtext medium mediumblob mediumint mediumtext time timestamp tinyblob tinyint tinytext text bigint int int1 int2 int3 int4 int8 integer float float4 float8 double char varbinary varchar varcharacter precision real date datetime year unsigned signed decimal numeric"), atoms: set("false true null unknown"), operatorChars: /^[*+\-%<>!=]/, dateSQL: set("date time timestamp"), support: set("ODBCdotTable doubleQuote binaryNumber hexNumber") }); CodeMirror.defineMIME("text/x-mssql", { name: "sql", client: set("charset clear connect edit ego exit go help nopager notee nowarning pager print prompt quit rehash source status system tee"), keywords: set(sqlKeywords + "begin trigger proc view index for add constraint key primary foreign collate clustered nonclustered declare"), builtin: set("bigint numeric bit smallint decimal smallmoney int tinyint money float real char varchar text nchar nvarchar ntext binary varbinary image cursor timestamp hierarchyid uniqueidentifier sql_variant xml table "), atoms: set("false true null unknown"), operatorChars: /^[*+\-%<>!=]/, dateSQL: set("date datetimeoffset datetime2 smalldatetime datetime time"), hooks: { "@": hookVar } }); CodeMirror.defineMIME("text/x-mysql", { name: "sql", client: set("charset clear connect edit ego exit go help nopager notee nowarning pager print prompt quit rehash source status system tee"), keywords: set(sqlKeywords + "accessible action add after algorithm all analyze asensitive at authors auto_increment autocommit avg avg_row_length before binary binlog both btree cache call cascade cascaded case catalog_name chain change changed character check checkpoint checksum class_origin client_statistics close coalesce code collate collation collations column columns comment commit committed completion concurrent condition connection consistent constraint contains continue contributors convert cross current current_date current_time current_timestamp current_user cursor data database databases day_hour day_microsecond day_minute day_second deallocate dec declare default delay_key_write delayed delimiter des_key_file describe deterministic dev_pop dev_samp deviance diagnostics directory disable discard distinctrow div dual dumpfile each elseif enable enclosed end ends engine engines enum errors escape escaped even event events every execute exists exit explain extended fast fetch field fields first flush for force foreign found_rows full fulltext function general get global grant grants group group_concat handler hash help high_priority hosts hour_microsecond hour_minute hour_second if ignore ignore_server_ids import index index_statistics infile inner innodb inout insensitive insert_method install interval invoker isolation iterate key keys kill language last leading leave left level limit linear lines list load local localtime localtimestamp lock logs low_priority master master_heartbeat_period master_ssl_verify_server_cert masters match max max_rows maxvalue message_text middleint migrate min min_rows minute_microsecond minute_second mod mode modifies modify mutex mysql_errno natural next no no_write_to_binlog offline offset one online open optimize option optionally out outer outfile pack_keys parser partition partitions password phase plugin plugins prepare preserve prev primary privileges procedure processlist profile profiles purge query quick range read read_write reads real rebuild recover references regexp relaylog release remove rename reorganize repair repeatable replace require resignal restrict resume return returns revoke right rlike rollback rollup row row_format rtree savepoint schedule schema schema_name schemas second_microsecond security sensitive separator serializable server session share show signal slave slow smallint snapshot soname spatial specific sql sql_big_result sql_buffer_result sql_cache sql_calc_found_rows sql_no_cache sql_small_result sqlexception sqlstate sqlwarning ssl start starting starts status std stddev stddev_pop stddev_samp storage straight_join subclass_origin sum suspend table_name table_statistics tables tablespace temporary terminated to trailing transaction trigger triggers truncate uncommitted undo uninstall unique unlock upgrade usage use use_frm user user_resources user_statistics using utc_date utc_time utc_timestamp value variables varying view views warnings when while with work write xa xor year_month zerofill begin do then else loop repeat"), builtin: set("bool boolean bit blob decimal double float long longblob longtext medium mediumblob mediumint mediumtext time timestamp tinyblob tinyint tinytext text bigint int int1 int2 int3 int4 int8 integer float float4 float8 double char varbinary varchar varcharacter precision date datetime year unsigned signed numeric"), atoms: set("false true null unknown"), operatorChars: /^[*+\-%<>!=&|^]/, dateSQL: set("date time timestamp"), support: set("ODBCdotTable decimallessFloat zerolessFloat binaryNumber hexNumber doubleQuote nCharCast charsetCast commentHash commentSpaceRequired"), hooks: { "@": hookVar, "`": hookIdentifier, "\\": hookClient } }); CodeMirror.defineMIME("text/x-mariadb", { name: "sql", client: set("charset clear connect edit ego exit go help nopager notee nowarning pager print prompt quit rehash source status system tee"), keywords: set(sqlKeywords + "accessible action add after algorithm all always analyze asensitive at authors auto_increment autocommit avg avg_row_length before binary binlog both btree cache call cascade cascaded case catalog_name chain change changed character check checkpoint checksum class_origin client_statistics close coalesce code collate collation collations column columns comment commit committed completion concurrent condition connection consistent constraint contains continue contributors convert cross current current_date current_time current_timestamp current_user cursor data database databases day_hour day_microsecond day_minute day_second deallocate dec declare default delay_key_write delayed delimiter des_key_file describe deterministic dev_pop dev_samp deviance diagnostics directory disable discard distinctrow div dual dumpfile each elseif enable enclosed end ends engine engines enum errors escape escaped even event events every execute exists exit explain extended fast fetch field fields first flush for force foreign found_rows full fulltext function general generated get global grant grants group groupby_concat handler hard hash help high_priority hosts hour_microsecond hour_minute hour_second if ignore ignore_server_ids import index index_statistics infile inner innodb inout insensitive insert_method install interval invoker isolation iterate key keys kill language last leading leave left level limit linear lines list load local localtime localtimestamp lock logs low_priority master master_heartbeat_period master_ssl_verify_server_cert masters match max max_rows maxvalue message_text middleint migrate min min_rows minute_microsecond minute_second mod mode modifies modify mutex mysql_errno natural next no no_write_to_binlog offline offset one online open optimize option optionally out outer outfile pack_keys parser partition partitions password persistent phase plugin plugins prepare preserve prev primary privileges procedure processlist profile profiles purge query quick range read read_write reads real rebuild recover references regexp relaylog release remove rename reorganize repair repeatable replace require resignal restrict resume return returns revoke right rlike rollback rollup row row_format rtree savepoint schedule schema schema_name schemas second_microsecond security sensitive separator serializable server session share show shutdown signal slave slow smallint snapshot soft soname spatial specific sql sql_big_result sql_buffer_result sql_cache sql_calc_found_rows sql_no_cache sql_small_result sqlexception sqlstate sqlwarning ssl start starting starts status std stddev stddev_pop stddev_samp storage straight_join subclass_origin sum suspend table_name table_statistics tables tablespace temporary terminated to trailing transaction trigger triggers truncate uncommitted undo uninstall unique unlock upgrade usage use use_frm user user_resources user_statistics using utc_date utc_time utc_timestamp value variables varying view views virtual warnings when while with work write xa xor year_month zerofill begin do then else loop repeat"), builtin: set("bool boolean bit blob decimal double float long longblob longtext medium mediumblob mediumint mediumtext time timestamp tinyblob tinyint tinytext text bigint int int1 int2 int3 int4 int8 integer float float4 float8 double char varbinary varchar varcharacter precision date datetime year unsigned signed numeric"), atoms: set("false true null unknown"), operatorChars: /^[*+\-%<>!=&|^]/, dateSQL: set("date time timestamp"), support: set("ODBCdotTable decimallessFloat zerolessFloat binaryNumber hexNumber doubleQuote nCharCast charsetCast commentHash commentSpaceRequired"), hooks: { "@": hookVar, "`": hookIdentifier, "\\": hookClient } }); // the query language used by Apache Cassandra is called CQL, but this mime type // is called Cassandra to avoid confusion with Contextual Query Language CodeMirror.defineMIME("text/x-cassandra", { name: "sql", client: { }, keywords: set("add all allow alter and any apply as asc authorize batch begin by clustering columnfamily compact consistency count create custom delete desc distinct drop each_quorum exists filtering from grant if in index insert into key keyspace keyspaces level limit local_one local_quorum modify nan norecursive nosuperuser not of on one order password permission permissions primary quorum rename revoke schema select set storage superuser table three to token truncate ttl two type unlogged update use user users using values where with writetime"), builtin: set("ascii bigint blob boolean counter decimal double float frozen inet int list map static text timestamp timeuuid tuple uuid varchar varint"), atoms: set("false true infinity NaN"), operatorChars: /^[<>=]/, dateSQL: { }, support: set("commentSlashSlash decimallessFloat"), hooks: { } }); // this is based on Peter Raganitsch's 'plsql' mode CodeMirror.defineMIME("text/x-plsql", { name: "sql", client: set("appinfo arraysize autocommit autoprint autorecovery autotrace blockterminator break btitle cmdsep colsep compatibility compute concat copycommit copytypecheck define describe echo editfile embedded escape exec execute feedback flagger flush heading headsep instance linesize lno loboffset logsource long longchunksize markup native newpage numformat numwidth pagesize pause pno recsep recsepchar release repfooter repheader serveroutput shiftinout show showmode size spool sqlblanklines sqlcase sqlcode sqlcontinue sqlnumber sqlpluscompatibility sqlprefix sqlprompt sqlterminator suffix tab term termout time timing trimout trimspool ttitle underline verify version wrap"), keywords: set("abort accept access add all alter and any array arraylen as asc assert assign at attributes audit authorization avg base_table begin between binary_integer body boolean by case cast char char_base check close cluster clusters colauth column comment commit compress connect connected constant constraint crash create current currval cursor data_base database date dba deallocate debugoff debugon decimal declare default definition delay delete desc digits dispose distinct do drop else elseif elsif enable end entry escape exception exception_init exchange exclusive exists exit external fast fetch file for force form from function generic goto grant group having identified if immediate in increment index indexes indicator initial initrans insert interface intersect into is key level library like limited local lock log logging long loop master maxextents maxtrans member minextents minus mislabel mode modify multiset new next no noaudit nocompress nologging noparallel not nowait number_base object of off offline on online only open option or order out package parallel partition pctfree pctincrease pctused pls_integer positive positiven pragma primary prior private privileges procedure public raise range raw read rebuild record ref references refresh release rename replace resource restrict return returning returns reverse revoke rollback row rowid rowlabel rownum rows run savepoint schema segment select separate session set share snapshot some space split sql start statement storage subtype successful synonym tabauth table tables tablespace task terminate then to trigger truncate type union unique unlimited unrecoverable unusable update use using validate value values variable view views when whenever where while with work"), builtin: set("abs acos add_months ascii asin atan atan2 average bfile bfilename bigserial bit blob ceil character chartorowid chr clob concat convert cos cosh count dec decode deref dual dump dup_val_on_index empty error exp false float floor found glb greatest hextoraw initcap instr instrb int integer isopen last_day least length lengthb ln lower lpad ltrim lub make_ref max min mlslabel mod months_between natural naturaln nchar nclob new_time next_day nextval nls_charset_decl_len nls_charset_id nls_charset_name nls_initcap nls_lower nls_sort nls_upper nlssort no_data_found notfound null number numeric nvarchar2 nvl others power rawtohex real reftohex round rowcount rowidtochar rowtype rpad rtrim serial sign signtype sin sinh smallint soundex sqlcode sqlerrm sqrt stddev string substr substrb sum sysdate tan tanh to_char text to_date to_label to_multi_byte to_number to_single_byte translate true trunc uid unlogged upper user userenv varchar varchar2 variance varying vsize xml"), operatorChars: /^[*+\-%<>!=~]/, dateSQL: set("date time timestamp"), support: set("doubleQuote nCharCast zerolessFloat binaryNumber hexNumber") }); // Created to support specific hive keywords CodeMirror.defineMIME("text/x-hive", { name: "sql", keywords: set("select alter $elem$ $key$ $value$ add after all analyze and archive as asc before between binary both bucket buckets by cascade case cast change cluster clustered clusterstatus collection column columns comment compute concatenate continue create cross cursor data database databases dbproperties deferred delete delimited desc describe directory disable distinct distribute drop else enable end escaped exclusive exists explain export extended external false fetch fields fileformat first format formatted from full function functions grant group having hold_ddltime idxproperties if import in index indexes inpath inputdriver inputformat insert intersect into is items join keys lateral left like limit lines load local location lock locks mapjoin materialized minus msck no_drop nocompress not of offline on option or order out outer outputdriver outputformat overwrite partition partitioned partitions percent plus preserve procedure purge range rcfile read readonly reads rebuild recordreader recordwriter recover reduce regexp rename repair replace restrict revoke right rlike row schema schemas semi sequencefile serde serdeproperties set shared show show_database sort sorted ssl statistics stored streamtable table tables tablesample tblproperties temporary terminated textfile then tmp to touch transform trigger true unarchive undo union uniquejoin unlock update use using utc utc_tmestamp view when where while with"), builtin: set("bool boolean long timestamp tinyint smallint bigint int float double date datetime unsigned string array struct map uniontype"), atoms: set("false true null unknown"), operatorChars: /^[*+\-%<>!=]/, dateSQL: set("date timestamp"), support: set("ODBCdotTable doubleQuote binaryNumber hexNumber") }); CodeMirror.defineMIME("text/x-pgsql", { name: "sql", client: set("source"), // http://www.postgresql.org/docs/9.5/static/sql-keywords-appendix.html keywords: set(sqlKeywords + "a abort abs absent absolute access according action ada add admin after aggregate all allocate also always analyse analyze any are array array_agg array_max_cardinality asensitive assertion assignment asymmetric at atomic attribute attributes authorization avg backward base64 before begin begin_frame begin_partition bernoulli binary bit_length blob blocked bom both breadth c cache call called cardinality cascade cascaded case cast catalog catalog_name ceil ceiling chain characteristics characters character_length character_set_catalog character_set_name character_set_schema char_length check checkpoint class class_origin clob close cluster coalesce cobol collate collation collation_catalog collation_name collation_schema collect column columns column_name command_function command_function_code comment comments commit committed concurrently condition condition_number configuration conflict connect connection connection_name constraint constraints constraint_catalog constraint_name constraint_schema constructor contains content continue control conversion convert copy corr corresponding cost covar_pop covar_samp cross csv cube cume_dist current current_catalog current_date current_default_transform_group current_path current_role current_row current_schema current_time current_timestamp current_transform_group_for_type current_user cursor cursor_name cycle data database datalink datetime_interval_code datetime_interval_precision day db deallocate dec declare default defaults deferrable deferred defined definer degree delimiter delimiters dense_rank depth deref derived describe descriptor deterministic diagnostics dictionary disable discard disconnect dispatch dlnewcopy dlpreviouscopy dlurlcomplete dlurlcompleteonly dlurlcompletewrite dlurlpath dlurlpathonly dlurlpathwrite dlurlscheme dlurlserver dlvalue do document domain dynamic dynamic_function dynamic_function_code each element else empty enable encoding encrypted end end-exec end_frame end_partition enforced enum equals escape event every except exception exclude excluding exclusive exec execute exists exp explain expression extension external extract false family fetch file filter final first first_value flag float floor following for force foreign fortran forward found frame_row free freeze fs full function functions fusion g general generated get global go goto grant granted greatest grouping groups handler header hex hierarchy hold hour id identity if ignore ilike immediate immediately immutable implementation implicit import including increment indent index indexes indicator inherit inherits initially inline inner inout input insensitive instance instantiable instead integrity intersect intersection invoker isnull isolation k key key_member key_type label lag language large last last_value lateral lead leading leakproof least left length level library like_regex link listen ln load local localtime localtimestamp location locator lock locked logged lower m map mapping match matched materialized max maxvalue max_cardinality member merge message_length message_octet_length message_text method min minute minvalue mod mode modifies module month more move multiset mumps name names namespace national natural nchar nclob nesting new next nfc nfd nfkc nfkd nil no none normalize normalized nothing notify notnull nowait nth_value ntile null nullable nullif nulls number object occurrences_regex octets octet_length of off offset oids old only open operator option options ordering ordinality others out outer output over overlaps overlay overriding owned owner p pad parameter parameter_mode parameter_name parameter_ordinal_position parameter_specific_catalog parameter_specific_name parameter_specific_schema parser partial partition pascal passing passthrough password percent percentile_cont percentile_disc percent_rank period permission placing plans pli policy portion position position_regex power precedes preceding prepare prepared preserve primary prior privileges procedural procedure program public quote range rank read reads reassign recheck recovery recursive ref references referencing refresh regr_avgx regr_avgy regr_count regr_intercept regr_r2 regr_slope regr_sxx regr_sxy regr_syy reindex relative release rename repeatable replace replica requiring reset respect restart restore restrict result return returned_cardinality returned_length returned_octet_length returned_sqlstate returning returns revoke right role rollback rollup routine routine_catalog routine_name routine_schema row rows row_count row_number rule savepoint scale schema schema_name scope scope_catalog scope_name scope_schema scroll search second section security selective self sensitive sequence sequences serializable server server_name session session_user setof sets share show similar simple size skip snapshot some source space specific specifictype specific_name sql sqlcode sqlerror sqlexception sqlstate sqlwarning sqrt stable standalone start state statement static statistics stddev_pop stddev_samp stdin stdout storage strict strip structure style subclass_origin submultiset substring substring_regex succeeds sum symmetric sysid system system_time system_user t tables tablesample tablespace table_name temp template temporary then ties timezone_hour timezone_minute to token top_level_count trailing transaction transactions_committed transactions_rolled_back transaction_active transform transforms translate translate_regex translation treat trigger trigger_catalog trigger_name trigger_schema trim trim_array true truncate trusted type types uescape unbounded uncommitted under unencrypted unique unknown unlink unlisten unlogged unnamed unnest until untyped upper uri usage user user_defined_type_catalog user_defined_type_code user_defined_type_name user_defined_type_schema using vacuum valid validate validator value value_of varbinary variadic var_pop var_samp verbose version versioning view views volatile when whenever whitespace width_bucket window within work wrapper write xmlagg xmlattributes xmlbinary xmlcast xmlcomment xmlconcat xmldeclaration xmldocument xmlelement xmlexists xmlforest xmliterate xmlnamespaces xmlparse xmlpi xmlquery xmlroot xmlschema xmlserialize xmltable xmltext xmlvalidate year yes loop repeat"), // http://www.postgresql.org/docs/9.5/static/datatype.html builtin: set("bigint int8 bigserial serial8 bit varying varbit boolean bool box bytea character char varchar cidr circle date double precision float8 inet integer int int4 interval json jsonb line lseg macaddr money numeric decimal path pg_lsn point polygon real float4 smallint int2 smallserial serial2 serial serial4 text time without zone with timetz timestamp timestamptz tsquery tsvector txid_snapshot uuid xml"), atoms: set("false true null unknown"), operatorChars: /^[*+\-%<>!=&|^\/#@?~]/, dateSQL: set("date time timestamp"), support: set("ODBCdotTable decimallessFloat zerolessFloat binaryNumber hexNumber nCharCast charsetCast") }); // Google's SQL-like query language, GQL CodeMirror.defineMIME("text/x-gql", { name: "sql", keywords: set("ancestor and asc by contains desc descendant distinct from group has in is limit offset on order select superset where"), atoms: set("false true"), builtin: set("blob datetime first key __key__ string integer double boolean null"), operatorChars: /^[*+\-%<>!=]/ }); }()); }); /* How Properties of Mime Types are used by SQL Mode ================================================= keywords: A list of keywords you want to be highlighted. builtin: A list of builtin types you want to be highlighted (if you want types to be of class "builtin" instead of "keyword"). operatorChars: All characters that must be handled as operators. client: Commands parsed and executed by the client (not the server). support: A list of supported syntaxes which are not common, but are supported by more than 1 DBMS. * ODBCdotTable: .tableName * zerolessFloat: .1 * doubleQuote * nCharCast: N'string' * charsetCast: _utf8'string' * commentHash: use # char for comments * commentSlashSlash: use // for comments * commentSpaceRequired: require a space after -- for comments atoms: Keywords that must be highlighted as atoms,. Some DBMS's support more atoms than others: UNKNOWN, INFINITY, UNDERFLOW, NaN... dateSQL: Used for date/time SQL standard syntax, because not all DBMS's support same temporal types. */ ================================================ FILE: static/CodeMirror/theme/eclipse.css ================================================ .cm-s-eclipse span.cm-meta { color: #FF1717; } .cm-s-eclipse span.cm-keyword { line-height: 1em; font-weight: bold; color: #7F0055; } .cm-s-eclipse span.cm-atom { color: #219; } .cm-s-eclipse span.cm-number { color: #164; } .cm-s-eclipse span.cm-def { color: #00f; } .cm-s-eclipse span.cm-variable { color: black; } .cm-s-eclipse span.cm-variable-2 { color: #0000C0; } .cm-s-eclipse span.cm-variable-3 { color: #0000C0; } .cm-s-eclipse span.cm-property { color: black; } .cm-s-eclipse span.cm-operator { color: black; } .cm-s-eclipse span.cm-comment { color: #3F7F5F; } .cm-s-eclipse span.cm-string { color: #2A00FF; } .cm-s-eclipse span.cm-string-2 { color: #f50; } .cm-s-eclipse span.cm-qualifier { color: #555; } .cm-s-eclipse span.cm-builtin { color: #30a; } .cm-s-eclipse span.cm-bracket { color: #cc7; } .cm-s-eclipse span.cm-tag { color: #170; } .cm-s-eclipse span.cm-attribute { color: #00c; } .cm-s-eclipse span.cm-link { color: #219; } .cm-s-eclipse span.cm-error { color: #f00; } .cm-s-eclipse .CodeMirror-activeline-background { background: #e8f2ff; } .cm-s-eclipse .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; } ================================================ FILE: static/check/css/admin/jquery.dataTables.css ================================================ /* * Table styles */ table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: collapse; border-spacing: 0; /* * Header and footer styles */ /* * Body styles */ } table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; outline: none; } table.dataTable thead th, table.dataTable thead td { padding: 10px 18px !important; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px 18px; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer; *cursor: hand; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right; } table.dataTable thead .sorting { background-image: url("../../images/tab/sort_both.png"); } table.dataTable thead .sorting_asc { background-image: url("../../images/tab/sort_asc.png"); } table.dataTable thead .sorting_desc { background-image: url("../../images/tab/sort_desc.png"); } table.dataTable thead .sorting_asc_disabled { background-image: url("../../images/tab/sort_asc_disabled.png"); } table.dataTable thead .sorting_desc_disabled { background-image: url("../../images/tab/sort_desc_disabled.png"); } table.dataTable tbody tr { background-color: #ffffff; } table.dataTable tbody tr.selected { background-color: #B0BED9; } table.dataTable tbody th, table.dataTable tbody td { padding: 8px 18px !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #ddd; } table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; } table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; } table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #abb9d3; } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: whitesmoke; } table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: #a9b7d1; } table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #f9f9f9; } table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad4; } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b3cd; } table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a7b5ce; } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b6d0; } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #f9f9f9; } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fbfbfb; } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fdfdfd; } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad4; } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #adbbd6; } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; } table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ebebeb; } table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #eeeeee; } table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: #a1aec7; } table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: #a2afc8; } table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: #a4b2cb; } table.dataTable.no-footer { border-bottom: 1px solid #111; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; } table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; } table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; } table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; } table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; } table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; } table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; } table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; } table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; } table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; } table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; } table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; } table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; } table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; } table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; } table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; } table.dataTable, table.dataTable th, table.dataTable td { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* * Control feature layout */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; margin-left: 15px; margin-top: 5px; } .dataTables_length { padding-top: 0.755em; } .dataTables_info{margin-top:10px;} .dataTables_length label{font-weight: normal;} .dataTables_wrapper .dataTables_filter { float: right; text-align: right; } /*源自dataTables.bootstrap.min.css*/ .dataTables_wrapper .dataTables_filter label { font-weight: normal; white-space: nowrap; text-align: left } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; min-width: 1.5em; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333 !important; border: 1px solid transparent; outline: none; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #cacaca; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); /* IE10+ */ background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; outline: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { outline: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; } .pagination>li:active, .pagination>li>a:active{ outline: none !important; } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* W3C */ } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111; } .dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table { border-bottom: none; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } .p310{padding:2px 10px;} .pl0{padding-left: 0px;} .rboor{margin-top:-5px;} ================================================ FILE: static/check/css/admin/style.css ================================================ /* @import url("http://fonts.useso.com/css?family=Open+Sans:300,400,600,700&lang=en"); @import url("http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en"); */ /* * * H+ - Admin Theme * version 2.2.0 * */ h1, h2, h3, h4, h5, h6 { font-weight: 100; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 10px; } h3, h4, h5 { margin-top: 5px; font-weight: 600; } .nav > li > a { color: #a7b1c2; font-weight: 600; padding: 14px 20px 14px 25px; } .nav.navbar-right > li > a { color: #999c9e; } .nav > li.active > a { color: #ffffff; } .navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus { background-color: #293846; color: white; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: #fff; } .nav.navbar-top-links > li > a:hover, .nav.navbar-top-links > li > a:focus { background-color: transparent; } .nav > li > a i { margin-right: 6px; } .navbar { border: 0; } .navbar-default { background-color: transparent; border-color: #2f4050; } .navbar-top-links li { display: inline-block; } .navbar-top-links li:last-child { margin-right: 40px; } body.body-small .navbar-top-links li:last-child { margin-right: 10px; } .navbar-top-links li a { padding: 20px 10px; min-height: 50px; } .dropdown-menu { border: medium none; border-radius: 3px; box-shadow: 0 0 3px rgba(86, 96, 117, 0.7); display: none; float: left; font-size: 12px; left: 0; list-style: none outside none; padding: 0; position: absolute; text-shadow: none; top: 100%; z-index: 1000; } .dropdown-menu > li > a { border-radius: 3px; color: inherit; line-height: 25px; margin: 4px; text-align: left; font-weight: normal; } .dropdown-menu > li > a.font-bold { font-weight: 600; } .navbar-top-links .dropdown-menu li { display: block; } .navbar-top-links .dropdown-menu li:last-child { margin-right: 0; } .navbar-top-links .dropdown-menu li a { padding: 3px 20px; min-height: 0; } .navbar-top-links .dropdown-menu li a div { white-space: normal; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { width: 310px; min-width: 0; } .navbar-top-links .dropdown-messages { margin-left: 5px; } .navbar-top-links .dropdown-tasks { margin-left: -59px; } .navbar-top-links .dropdown-alerts { margin-left: -123px; } .navbar-top-links .dropdown-user { right: 0; left: auto; } .dropdown-messages, .dropdown-alerts { padding: 10px 10px 10px 10px; } .dropdown-messages li a, .dropdown-alerts li a { font-size: 12px; } .dropdown-messages li em, .dropdown-alerts li em { font-size: 10px; } .nav.navbar-top-links .dropdown-alerts a { font-size: 12px; } .nav-header { padding: 33px 25px; background: url("patterns/header-profile.png") no-repeat; } .pace-done .nav-header { transition: all 0.5s; } .nav > li.active { border-left: 4px solid #19aa8d; background: #293846; } .nav.nav-second-level > li.active { border: none; } .nav.nav-second-level.collapse[style] { height: auto !important; } .nav-header a { color: #DFE4ED; } .nav-header .text-muted { color: #8095a8; } .minimalize-styl-2 { padding: 4px 12px; margin: 14px 5px 5px 20px; font-size: 14px; float: left; } .navbar-form-custom { float: left; height: 50px; padding: 0; width: 200px; display: inline-table; } .navbar-form-custom .form-group { margin-bottom: 0; } .nav.navbar-top-links a { font-size: 14px; } .navbar-form-custom .form-control { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; font-size: 14px; height: 60px; margin: 0; z-index: 2000; } .count-info .label { line-height: 12px; padding: 2px 5px; position: absolute; right: 6px; top: 12px; } .arrow { float: right; } .fa.arrow:before { content: "\f104"; } .active > a > .fa.arrow:before { content: "\f107"; } .nav-second-level li, .nav-third-level li { border-bottom: none !important; } .nav-second-level li a { padding: 7px 10px 7px 10px; padding-left: 52px; } .nav-third-level li a { padding-left: 62px; } .nav-second-level li:last-child { margin-bottom: 10px; } body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level, .mini-navbar .nav li:focus > .nav-second-level { display: block; border-radius: 0 2px 2px 0; min-width: 140px; height: auto; } body.mini-navbar .navbar-default .nav > li > .nav-second-level li a { font-size: 12px; border-radius: 3px; } .fixed-nav .slimScrollDiv #side-menu { padding-bottom: 60px; } .mini-navbar .nav-second-level li a { padding: 10px 10px 10px 15px; } .mini-navbar .nav-second-level { position: absolute; left: 70px; top: 0px; background-color: #2f4050; padding: 10px 10px 10px 10px; font-size: 12px; } .canvas-menu.mini-navbar .nav-second-level { background: #293846; } .mini-navbar li.active .nav-second-level { left: 65px; } .navbar-default .special_link a { background: #007bff; color: white; } .navbar-default .special_link a:hover { background: #17987e !important; color: white; } .navbar-default .special_link a span.label { background: #fff; color: #007bff; } .navbar-default .landing_link a { background: #1cc09f; color: white; } .navbar-default .landing_link a:hover { background: #007bff !important; color: white; } .navbar-default .landing_link a span.label { background: #fff; color: #1cc09f; } .logo-element { text-align: center; font-size: 18px; font-weight: 600; color: white; display: none; padding: 18px 0; } .pace-done .navbar-static-side, .pace-done .nav-header, .pace-done li.active, .pace-done #page-wrapper, .pace-done .footer { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .navbar-fixed-top { background: #fff; transition-duration: 0.5s; border-bottom: 1px solid #e7eaec !important; z-index: 2030; } .navbar-fixed-top, .navbar-static-top { background: #f3f3f4; } .fixed-nav #wrapper { margin-top: 60px; } .fixed-nav .minimalize-styl-2 { margin: 14px 5px 5px 15px; } .body-small .navbar-fixed-top { margin-left: 0px; } body.mini-navbar .navbar-static-side { width: 70px; } body.mini-navbar .profile-element, body.mini-navbar .nav-label, body.mini-navbar .navbar-default .nav li a span { display: none; } body.canvas-menu .profile-element { display: block; } body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level { display: none; } body.mini-navbar .navbar-default .nav > li > a { font-size: 16px; } body.mini-navbar .logo-element { display: block; } body.canvas-menu .logo-element { display: none; } body.mini-navbar .nav-header { padding: 0; background-color: #007bff; } body.canvas-menu .nav-header { padding: 33px 25px; } body.mini-navbar #page-wrapper { margin: 0 0 0 70px; } body.fixed-sidebar.mini-navbar .footer, body.canvas-menu.mini-navbar .footer { margin: 0 0 0 0 !important; } body.canvas-menu.mini-navbar #page-wrapper, body.canvas-menu.mini-navbar .footer { margin: 0 0 0 0; } body.fixed-sidebar .navbar-static-side, body.canvas-menu .navbar-static-side { position: fixed; width: 220px; z-index: 2001; height: 100%; } body.fixed-sidebar.mini-navbar .navbar-static-side { width: 0px; } body.fixed-sidebar.mini-navbar #page-wrapper { margin: 0 0 0 0px; } body.body-small.fixed-sidebar.mini-navbar #page-wrapper { margin: 0 0 0 220px; } body.body-small.fixed-sidebar.mini-navbar .navbar-static-side { width: 220px; } .fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level, .canvas-menu.mini-navbar .nav li:focus > .nav-second-level { display: block; height: auto; } body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a { font-size: 12px; border-radius: 3px; } body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a { font-size: 13px; border-radius: 3px; } .fixed-sidebar.mini-navbar .nav-second-level li a, .canvas-menu.mini-navbar .nav-second-level li a { padding: 10px 10px 10px 15px; } .fixed-sidebar.mini-navbar .nav-second-level, .canvas-menu.mini-navbar .nav-second-level { position: relative; padding: 0; font-size: 13px; } .fixed-sidebar.mini-navbar li.active .nav-second-level, .canvas-menu.mini-navbar li.active .nav-second-level { left: 0px; } body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a, body.canvas-menu.mini-navbar .navbar-default .nav > li > a { font-size: 13px; } body.fixed-sidebar.mini-navbar .nav-label, body.fixed-sidebar.mini-navbar .navbar-default .nav li a span, body.canvas-menu.mini-navbar .nav-label, body.canvas-menu.mini-navbar .navbar-default .nav li a span { display: inline; } body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span { display: block; } .canvas-menu.mini-navbar .nav-second-level li a, .fixed-sidebar.mini-navbar .nav-second-level li a { padding: 7px 10px 7px 52px; } .fixed-sidebar.mini-navbar .nav-second-level, .canvas-menu.mini-navbar .nav-second-level { left: 0px; } body.canvas-menu nav.navbar-static-side { z-index: 2001; background: #2f4050; height: 100%; position: fixed; display: none; } body.canvas-menu.mini-navbar nav.navbar-static-side { display: block; width: 220px; } .top-navigation #page-wrapper { margin-left: 0; } .top-navigation .navbar-nav .dropdown-menu > .active > a { background: white; color: #007bff; font-weight: bold; } .white-bg .navbar-fixed-top, .white-bg .navbar-static-top { background: #fff; } .top-navigation .navbar { margin-bottom: 0; } .top-navigation .nav > li > a { padding: 15px 20px; color: #676a6c; } .top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus { background: #fff; color: #007bff; } .top-navigation .nav > li.active { background: #fff; border: none; } .top-navigation .nav > li.active > a { color: #007bff; } .top-navigation .navbar-right { margin-right: 10px; } .top-navigation .navbar-nav .dropdown-menu { box-shadow: none; border: 1px solid #e7eaec; } .top-navigation .dropdown-menu > li > a { margin: 0; padding: 7px 20px; } .navbar .dropdown-menu { margin-top: 0px; } .top-navigation .navbar-brand { background: #007bff; color: #fff; padding: 15px 25px; } .top-navigation .navbar-top-links li:last-child { margin-right: 0; } .top-navigation.mini-navbar #page-wrapper, .top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper, .mini-navbar .top-navigation #page-wrapper, .body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper, .canvas-menu #page-wrapper { margin: 0; } .top-navigation.fixed-nav #wrapper, .fixed-nav #wrapper.top-navigation { margin-top: 50px; } .top-navigation .footer.fixed { margin-left: 0 !important; } .top-navigation .wrapper.wrapper-content { padding: 40px; } .top-navigation.body-small .wrapper.wrapper-content, .body-small .top-navigation .wrapper.wrapper-content { padding: 40px 0px 40px 0px; } .navbar-toggle { background-color: #007bff; color: #fff; padding: 6px 12px; font-size: 14px; } .top-navigation .navbar-nav .open .dropdown-menu > li > a, .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header { padding: 10px 15px 10px 20px; } @media (max-width: 768px) { .top-navigation .navbar-header { display: block; float: none; } } .menu-visible-lg, .menu-visible-md { display: none !important; } @media (min-width: 1200px) { .menu-visible-lg { display: block !important; } } @media (min-width: 992px) { .menu-visible-md { display: block !important; } } @media (max-width: 767px) { .menu-visible-md { display: block !important; } .menu-visible-lg { display: block !important; } } .btn { border-radius: 3px; } .float-e-margins .btn { margin-bottom: 5px; } .btn-w-m { min-width: 120px; } .btn-primary.btn-outline { color: #007bff; } .btn-success.btn-outline { color: #007bff; } .btn-info.btn-outline { color: #007bff; } .btn-warning.btn-outline { color: #f8ac59; } .btn-danger.btn-outline { color: #ed5565; } .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover { color: #fff; } .btn-primary { background-color: #007bff; border-color: #007bff; color: #FFFFFF; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-color: #007bff; border-color: #007bff; color: #FFFFFF; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #007bff; border-color: #007bff; } .btn-success { background-color: #007bff; border-color: #007bff; color: #FFFFFF; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-color: #007bff; border-color: #007bff; color: #FFFFFF; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success.active[disabled], fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #007bff; border-color: #007bff; } .btn-info { background-color: #007bff; border-color: #007bff; color: #FFFFFF; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-color: #007bff; border-color: #007bff; color: #FFFFFF; } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info.active[disabled], fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #007bff; border-color: #007bff; } .btn-default { background-color: #c2c2c2; border-color: #c2c2c2; color: #FFFFFF; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-color: #bababa; border-color: #bababa; color: #FFFFFF; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default.active[disabled], fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #cccccc; border-color: #cccccc; } .btn-warning { background-color: #f8ac59; border-color: #f8ac59; color: #FFFFFF; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-color: #f7a54a; border-color: #f7a54a; color: #FFFFFF; } .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #f9b66d; border-color: #f9b66d; } .btn-danger { background-color: #ed5565; border-color: #ed5565; color: #FFFFFF; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-color: #ec4758; border-color: #ec4758; color: #FFFFFF; } .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger.active[disabled], fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #ef6776; border-color: #ef6776; } .btn-link { color: inherit; } .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link { color: #007bff; text-decoration: none; } .btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link { background-image: none; } .btn-link.disabled, .btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled:active, .btn-link.disabled.active, .btn-link[disabled], .btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled]:active, .btn-link.active[disabled], fieldset[disabled] .btn-link, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:active, fieldset[disabled] .btn-link.active { color: #cacaca; } .btn-white { color: inherit; background: white; border: 1px solid #e7eaec; } .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white { color: inherit; border: 1px solid #d2d2d2; } .btn-white:active, .btn-white.active { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; } .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white { background-image: none; } .btn-white.disabled, .btn-white.disabled:hover, .btn-white.disabled:focus, .btn-white.disabled:active, .btn-white.disabled.active, .btn-white[disabled], .btn-white[disabled]:hover, .btn-white[disabled]:focus, .btn-white[disabled]:active, .btn-white.active[disabled], fieldset[disabled] .btn-white, fieldset[disabled] .btn-white:hover, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white:active, fieldset[disabled] .btn-white.active { color: #cacaca; } .form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar { box-shadow: none; } .btn-outline { color: inherit; background-color: transparent; transition: all .5s; } .btn-rounded { border-radius: 50px; } .btn-large-dim { width: 90px; height: 90px; font-size: 42px; } button.dim { display: inline-block; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; padding-top: 6px; margin-right: 10px; position: relative; cursor: pointer; border-radius: 5px; font-weight: 600; margin-bottom: 20px !important; } button.dim:active { top: 3px; } button.btn-primary.dim { box-shadow: inset 0px 0px 0px #16987e, 0px 5px 0px 0px #16987e, 0px 10px 5px #999999; } button.btn-primary.dim:active { box-shadow: inset 0px 0px 0px #16987e, 0px 2px 0px 0px #16987e, 0px 5px 3px #999999; } button.btn-default.dim { box-shadow: inset 0px 0px 0px #b3b3b3, 0px 5px 0px 0px #b3b3b3, 0px 10px 5px #999999; } button.btn-default.dim:active { box-shadow: inset 0px 0px 0px #b3b3b3, 0px 2px 0px 0px #b3b3b3, 0px 5px 3px #999999; } button.btn-warning.dim { box-shadow: inset 0px 0px 0px #f79d3c, 0px 5px 0px 0px #f79d3c, 0px 10px 5px #999999; } button.btn-warning.dim:active { box-shadow: inset 0px 0px 0px #f79d3c, 0px 2px 0px 0px #f79d3c, 0px 5px 3px #999999; } button.btn-info.dim { box-shadow: inset 0px 0px 0px #1eacae, 0px 5px 0px 0px #1eacae, 0px 10px 5px #999999; } button.btn-info.dim:active { box-shadow: inset 0px 0px 0px #1eacae, 0px 2px 0px 0px #1eacae, 0px 5px 3px #999999; } button.btn-success.dim { box-shadow: inset 0px 0px 0px #1872ab, 0px 5px 0px 0px #1872ab, 0px 10px 5px #999999; } button.btn-success.dim:active { box-shadow: inset 0px 0px 0px #1872ab, 0px 2px 0px 0px #1872ab, 0px 5px 3px #999999; } button.btn-danger.dim { box-shadow: inset 0px 0px 0px #ea394c, 0px 5px 0px 0px #ea394c, 0px 10px 5px #999999; } button.btn-danger.dim:active { box-shadow: inset 0px 0px 0px #ea394c, 0px 2px 0px 0px #ea394c, 0px 5px 3px #999999; } button.dim:before { font-size: 50px; line-height: 1em; font-weight: normal; color: #fff; display: block; padding-top: 10px; } button.dim:active:before { top: 7px; font-size: 50px; } .label { background-color: #d1dade; color: #5e5e5e; font-family: 'Open Sans'; font-size: 10px; font-weight: 600; padding: 3px 8px; text-shadow: none; } .badge { background-color: #d1dade; color: #5e5e5e; font-family: 'Open Sans'; font-size: 11px; font-weight: 600; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; text-shadow: none; } .label-primary, .badge-primary { background-color: #007bff; color: #FFFFFF; } .label-success, .badge-success { background-color: #007bff; color: #FFFFFF; } .label-warning, .badge-warning { background-color: #f8ac59; color: #FFFFFF; } .label-warning-light, .badge-warning-light { background-color: #f8ac59; color: #ffffff; } .label-danger, .badge-danger { background-color: #ed5565; color: #FFFFFF; } .label-info, .badge-info { background-color: #007bff; color: #FFFFFF; } .label-inverse, .badge-inverse { background-color: #262626; color: #FFFFFF; } .label-white, .badge-white { background-color: #FFFFFF; color: #5E5E5E; } .label-white, .badge-disable { background-color: #2A2E36; color: #8B91A0; } /* TOOGLE SWICH */ .onoffswitch { position: relative; width: 64px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #007bff; border-radius: 2px; } .onoffswitch-inner { width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { float: left; width: 50%; height: 20px; padding: 0; line-height: 20px; font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .onoffswitch-inner:before { content: "ON"; padding-left: 10px; background-color: #007bff; color: #FFFFFF; } .onoffswitch-inner:after { content: "OFF"; padding-right: 10px; background-color: #FFFFFF; color: #999999; text-align: right; } .onoffswitch-switch { width: 20px; margin: 0px; background: #FFFFFF; border: 2px solid #007bff; border-radius: 2px; position: absolute; top: 0; bottom: 0; right: 44px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; } /* CHOSEN PLUGIN */ .chosen-container-single .chosen-single { background: #ffffff; box-shadow: none; -moz-box-sizing: border-box; background-color: #FFFFFF; border: 1px solid #CBD5DD; border-radius: 2px; cursor: text; height: auto !important; margin: 0; min-height: 30px; overflow: hidden; padding: 4px 12px; position: relative; width: 100%; } .chosen-container-multi .chosen-choices li.search-choice { background: #f1f1f1; border: 1px solid #ededed; border-radius: 2px; box-shadow: none; color: #333333; cursor: default; line-height: 13px; margin: 3px 0 3px 5px; padding: 3px 20px 3px 5px; position: relative; } /* PAGINATIN */ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #f4f4f4; border-color: #DDDDDD; color: inherit; cursor: default; z-index: 2; outline: none; } .pagination > li > a, .pagination > li > span { background-color: #FFFFFF; border: 1px solid #DDDDDD; color: inherit; float: left; line-height: 1.42857; margin-left: -1px; padding: 4px 10px; position: relative; text-decoration: none; } /* TOOLTIPS */ .tooltip-inner { background-color: #2F4050; } .tooltip.top .tooltip-arrow { border-top-color: #2F4050; } .tooltip.right .tooltip-arrow { border-right-color: #2F4050; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #2F4050; } .tooltip.left .tooltip-arrow { border-left-color: #2F4050; } /* EASY PIE CHART*/ .easypiechart { position: relative; text-align: center; } .easypiechart .h2 { margin-left: 10px; margin-top: 10px; display: inline-block; } .easypiechart canvas { top: 0; left: 0; } .easypiechart .easypie-text { line-height: 1; position: absolute; top: 33px; width: 100%; z-index: 1; } .easypiechart img { margin-top: -4px; } .jqstooltip { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* FULLCALENDAR */ .fc-state-default { background-color: #ffffff; background-image: none; background-repeat: repeat-x; box-shadow: none; color: #333333; text-shadow: none; } .fc-state-default { border: 1px solid; } .fc-button { color: inherit; border: 1px solid #e7eaec; cursor: pointer; display: inline-block; height: 1.9em; line-height: 1.9em; overflow: hidden; padding: 0 0.6em; position: relative; white-space: nowrap; } .fc-state-active { background-color: #007bff; border-color: #007bff; color: #ffffff; } .fc-header-title h2 { font-size: 16px; font-weight: 600; color: inherit; } .fc-content .fc-widget-header, .fc-content .fc-widget-content { border-color: #e7eaec; font-weight: normal; } .fc-border-separate tbody { background-color: #F8F8F8; } .fc-state-highlight { background: none repeat scroll 0 0 #FCF8E3; } .external-event { padding: 5px 10px; border-radius: 2px; cursor: pointer; margin-bottom: 5px; } .fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start { border-radius: 2px; } .fc-event, .fc-agenda .fc-event-time, .fc-event a { padding: 4px 6px; background-color: #007bff; /* background color */ border-color: #007bff; /* border color */ } .fc-event-time, .fc-event-title { color: #717171; padding: 0 1px; } .ui-calendar .fc-event-time, .ui-calendar .fc-event-title { color: #fff; } /* Chat */ .chat-activity-list .chat-element { border-bottom: 1px solid #e7eaec; } .chat-element:first-child { margin-top: 0; } .chat-element { padding-bottom: 15px; } .chat-element, .chat-element .media { margin-top: 15px; } .chat-element, .media-body { overflow: hidden; } .media-body { display: block; width: auto; } .chat-element > .pull-left { margin-right: 10px; } .chat-element img.img-circle, .dropdown-messages-box img.img-circle { width: 38px; height: 38px; } .chat-element .well { border: 1px solid #e7eaec; box-shadow: none; margin-top: 10px; margin-bottom: 5px; padding: 10px 20px; font-size: 11px; line-height: 16px; } .chat-element .actions { margin-top: 10px; } .chat-element .photos { margin: 10px 0; } .right.chat-element > .pull-right { margin-left: 10px; } .chat-photo { max-height: 180px; border-radius: 4px; overflow: hidden; margin-right: 10px; margin-bottom: 10px; } .chat { margin: 0; padding: 0; list-style: none; } .chat li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #B3A9A9; } .chat li.left .chat-body { margin-left: 60px; } .chat li.right .chat-body { margin-right: 60px; } .chat li .chat-body p { margin: 0; color: #777777; } .panel .slidedown .glyphicon, .chat .glyphicon { margin-right: 5px; } .chat-panel .panel-body { height: 350px; overflow-y: scroll; } /* LIST GROUP */ a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { background-color: #007bff; border-color: #007bff; color: #FFFFFF; z-index: 2; } .list-group-item-heading { margin-top: 10px; } .list-group-item-text { margin: 0 0 10px; color: inherit; font-size: 12px; line-height: inherit; } .no-padding .list-group-item { border-left: none; border-right: none; border-bottom: none; } .no-padding .list-group-item:first-child { border-left: none; border-right: none; border-bottom: none; border-top: none; } .no-padding .list-group { margin-bottom: 0; } .list-group-item { background-color: inherit; border: 1px solid #e7eaec; display: block; margin-bottom: -1px; padding: 10px 15px; position: relative; } .elements-list .list-group-item { border-left: none; border-right: none; /*border-top: none;*/ padding: 15px 25px; } .elements-list .list-group-item:first-child { border-left: none; border-right: none; border-top: none !important; } .elements-list .list-group { margin-bottom: 0; } .elements-list a { color: inherit; } .elements-list .list-group-item.active, .elements-list .list-group-item:hover { background: #f3f3f4; color: inherit; border-color: #e7eaec; /*border-bottom: 1px solid #e7eaec;*/ /*border-top: 1px solid #e7eaec;*/ border-radius: 0; } .elements-list li.active { transition: none; } .element-detail-box { padding: 25px; } /* FLOT CHART */ .flot-chart { display: block; height: 200px; } .widget .flot-chart.dashboard-chart { display: block; height: 120px; margin-top: 40px; } .flot-chart.dashboard-chart { display: block; height: 180px; margin-top: 40px; } .flot-chart-content { width: 100%; height: 100%; } .flot-chart-pie-content { width: 200px; height: 200px; margin: auto; } .jqstooltip { position: absolute; display: block; left: 0px; top: 0px; visibility: hidden; background: #2b303a; background-color: rgba(43, 48, 58, 0.8); color: white; text-align: left; white-space: nowrap; z-index: 10000; padding: 5px 5px 5px 5px; min-height: 22px; border-radius: 3px; } .jqsfield { color: white; text-align: left; } .h-200 { min-height: 200px; } .legendLabel { padding-left: 5px; } .stat-list li:first-child { margin-top: 0; } .stat-list { list-style: none; padding: 0; margin: 0; } .stat-percent { float: right; } .stat-list li { margin-top: 15px; position: relative; } /* DATATABLES */ table.dataTable thead .sorting, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background: transparent; } table.dataTable thead .sorting_asc:after { float: right; font-family: fontawesome; } /*table.dataTable thead .sorting_desc:after { content: "\f0dd"; float: right; font-family: fontawesome; }*/ /*table.dataTable thead .sorting:after { content: "\f0dc"; float: right; font-family: fontawesome; color: rgba(50, 50, 50, 0.5); }*/ .dataTables_wrapper { padding-bottom: 30px; } /* CIRCLE */ .img-circle { border-radius: 50%; } .btn-circle { width: 30px; height: 30px; padding: 6px 0; border-radius: 15px; text-align: center; font-size: 12px; line-height: 1.428571429; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; border-radius: 25px; font-size: 18px; line-height: 1.33; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; border-radius: 35px; font-size: 24px; line-height: 1.33; } .show-grid [class^="col-"] { padding-top: 10px; padding-bottom: 10px; border: 1px solid #ddd; background-color: #eee !important; } .show-grid { margin: 15px 0; } /* ANIMATION */ .css-animation-box h1 { font-size: 44px; } .animation-efect-links a { padding: 4px 6px; font-size: 12px; } #animation_box { background-color: #f9f8f8; border-radius: 16px; width: 80%; margin: 0 auto; padding-top: 80px; } .animation-text-box { position: absolute; margin-top: 40px; left: 50%; margin-left: -100px; width: 200px; } .animation-text-info { position: absolute; margin-top: -60px; left: 50%; margin-left: -100px; width: 200px; font-size: 10px; } .animation-text-box h2 { font-size: 54px; font-weight: 600; margin-bottom: 5px; } .animation-text-box p { font-size: 12px; text-transform: uppercase; } /* PEACE */ .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: #007bff; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } .pace-inactive { display: none; } /* WIDGETS */ .widget { border-radius: 5px; padding: 15px 20px; margin-bottom: 10px; margin-top: 10px; } .widget.style1 h2 { font-size: 30px; } .widget h2, .widget h3 { margin-top: 5px; margin-bottom: 0; } .widget-text-box { padding: 20px; border: 1px solid #e7eaec; background: #ffffff; } .widget-head-color-box { border-radius: 5px 5px 0px 0px; margin-top: 10px; } .widget .flot-chart { height: 100px; } .vertical-align div { display: inline-block; vertical-align: middle; } .vertical-align h2, .vertical-align h3 { margin: 0; } .todo-list { list-style: none outside none; margin: 0; padding: 0; font-size: 14px; } .todo-list.small-list { font-size: 12px; } .todo-list.small-list > li { background: #f3f3f4; border-left: none; border-right: none; border-radius: 4px; color: inherit; margin-bottom: 2px; padding: 6px 6px 6px 12px; } .todo-list.small-list .btn-xs, .todo-list.small-list .btn-group-xs > .btn { border-radius: 5px; font-size: 10px; line-height: 1.5; padding: 1px 2px 1px 5px; } .todo-list > li { background: #f3f3f4; border-left: 6px solid #e7eaec; border-right: 6px solid #e7eaec; border-radius: 4px; color: inherit; margin-bottom: 2px; padding: 10px; } .todo-list .handle { cursor: move; display: inline-block; font-size: 16px; margin: 0 5px; } .todo-list > li .label { font-size: 9px; margin-left: 10px; } .check-link { font-size: 16px; } .todo-completed { text-decoration: line-through; } .geo-statistic h1 { font-size: 36px; margin-bottom: 0; } .glyphicon.fa { font-family: "FontAwesome"; } /* INPUTS */ .inline { display: inline-block !important; } .input-s-sm { width: 120px; } .input-s { width: 200px; } .input-s-lg { width: 250px; } .i-checks { padding-left: 0; } .form-control, .single-line { background-color: #FFFFFF; background-image: none; border: 1px solid #e5e6e7; border-radius: 1px; color: inherit; display: block; padding: 0px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; font-size: 14px; } .form-control:focus, .single-line:focus { border-color: #007bff !important; } .has-success .form-control { border-color: #007bff; } .has-warning .form-control { border-color: #f8ac59; } .has-error .form-control { border-color: #ed5565; } .has-success .control-label { color: #007bff; } .has-warning .control-label { color: #f8ac59; } .has-error .control-label { color: #ed5565; } .input-group-addon { background-color: #fff; border: 1px solid #E5E6E7; border-radius: 1px; color: inherit; font-size: 14px; font-weight: 400; line-height: 1; padding: 6px 12px; text-align: center; } .spinner-buttons.input-group-btn .btn-xs { line-height: 1.13; } .spinner-buttons.input-group-btn { width: 20%; } .noUi-connect { background: none repeat scroll 0 0 #007bff; box-shadow: none; } .slider_red .noUi-connect { background: none repeat scroll 0 0 #ed5565; box-shadow: none; } /* UI Sortable */ .ui-sortable .ibox-title { cursor: move; } .ui-sortable-placeholder { border: 1px dashed #cecece !important; visibility: visible !important; background: #e7eaec; } .ibox.ui-sortable-placeholder { margin: 0px 0px 23px !important; } /* SWITCHES */ .onoffswitch { position: relative; width: 54px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #007bff; border-radius: 3px; } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 16px; padding: 0; line-height: 16px; font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .onoffswitch-inner:before { content: "ON"; padding-left: 7px; background-color: #007bff; color: #FFFFFF; } .onoffswitch-inner:after { content: "OFF"; padding-right: 7px; background-color: #FFFFFF; color: #919191; text-align: right; } .onoffswitch-switch { display: block; width: 18px; margin: 0px; background: #FFFFFF; border: 2px solid #007bff; border-radius: 3px; position: absolute; top: 0; bottom: 0; right: 36px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; } /* jqGrid */ .ui-jqgrid { -moz-box-sizing: content-box; } .ui-jqgrid-btable { border-collapse: separate; } .ui-jqgrid-htable { border-collapse: separate; } .ui-jqgrid-titlebar { height: 40px; line-height: 15px; color: #676a6c; background-color: #F9F9F9; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .ui-jqgrid .ui-jqgrid-title { float: left; margin: 1.1em 1em 0.2em; } .ui-jqgrid .ui-jqgrid-titlebar { position: relative; border-left: 0px solid; border-right: 0px solid; border-top: 0px solid; } .ui-widget-header { background: none; background-image: none; background-color: #f5f5f6; text-transform: uppercase; border-top-left-radius: 0px; border-top-right-radius: 0px; } .ui-jqgrid tr.ui-row-ltr td { border-right-color: inherit; border-right-style: solid; border-right-width: 1px; text-align: left; border-color: #DDDDDD; background-color: inherit; } .ui-search-toolbar input[type="text"] { font-size: 12px; height: 15px; border: 1px solid #CCCCCC; border-radius: 0px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #F9F9F9; border: 1px solid #DDDDDD; line-height: 15px; font-weight: bold; color: #676a6c; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .ui-widget-content { box-sizing: content-box; } .ui-icon-triangle-1-n { background-position: 1px -16px; } .ui-jqgrid tr.ui-search-toolbar th { border-top-width: 0px !important; border-top-color: inherit !important; border-top-style: ridge !important; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #f5f5f5; border-collapse: separate; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #f2fbff; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dddddd; background: #ffffff; font-weight: normal; color: #212121; } .ui-jqgrid .ui-pg-input { font-size: inherit; width: 50px; border: 1px solid #CCCCCC; height: 15px; } .ui-jqgrid .ui-pg-selbox { display: block; font-size: 1em; height: 25px; line-height: 18px; margin: 0; width: auto; } .ui-jqgrid .ui-pager-control { position: relative; } .ui-jqgrid .ui-jqgrid-pager { height: 32px; position: relative; } .ui-pg-table .navtable .ui-corner-all { border-radius: 0px; } .ui-jqgrid .ui-pg-button:hover { padding: 1px; border: 0px; } .ui-jqgrid .loading { position: absolute; top: 45%; left: 45%; width: auto; height: auto; z-index: 101; padding: 6px; margin: 5px; text-align: center; font-weight: bold; display: none; border-width: 2px !important; font-size: 11px; } .ui-jqgrid .form-control { height: 10px; width: auto; display: inline; padding: 10px 12px; } .ui-jqgrid-pager { height: 32px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0; } .ui-widget-content { border: 1px solid #ddd; } .ui-jqgrid .ui-jqgrid-titlebar { padding: 0; } .ui-jqgrid .ui-jqgrid-titlebar { border-bottom: 1px solid #ddd; } .ui-jqgrid tr.jqgrow td { padding: 6px; } .ui-jqdialog .ui-jqdialog-titlebar { padding: 10px 10px; } .ui-jqdialog .ui-jqdialog-title { float: none !important; } .ui-jqdialog > .ui-resizable-se { position: absolute; } /* Nestable list */ .dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; font-size: 13px; line-height: 20px; } .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } .dd-list .dd-list { padding-left: 30px; } .dd-collapsed .dd-list { display: none; } .dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; } .dd-handle { display: block; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; border: 1px solid #e7eaec; background: #f5f5f5; -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-handle span { font-weight: bold; } .dd-handle:hover { background: #f0f0f0; cursor: pointer; font-weight: bold; } .dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; } .dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; } .dd-item > button[data-action="collapse"]:before { content: '-'; } #nestable2 .dd-item > button { font-family: FontAwesome; height: 34px; width: 33px; color: #c1c1c1; } #nestable2 .dd-item > button:before { content: "\f067"; } #nestable2 .dd-item > button[data-action="collapse"]:before { content: "\f068"; } .dd-placeholder, .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); background-size: 60px 60px; background-position: 0 0, 30px 30px; } .dd-dragel { position: absolute; z-index: 9999; pointer-events: none; } .dd-dragel > .dd-item .dd-handle { margin-top: 0; } .dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); } /** * Nestable Extras */ .nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; } #nestable-menu { padding: 0; margin: 10px 0 20px 0; } #nestable-output, #nestable2-output { width: 100%; font-size: 0.75em; line-height: 1.333333em; font-family: open sans, lucida grande, lucida sans unicode, helvetica, arial, sans-serif; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; } #nestable2 .dd-handle { color: inherit; border: 1px dashed #e7eaec; background: #f3f3f4; padding: 10px; } #nestable2 .dd-handle:hover { /*background: #bbb;*/ } #nestable2 span.label { margin-right: 10px; } #nestable-output, #nestable2-output { font-size: 12px; padding: 25px; box-sizing: border-box; -moz-box-sizing: border-box; } /* CodeMirror */ .CodeMirror { border: 1px solid #eee; height: auto; } .CodeMirror-scroll { overflow-y: hidden; overflow-x: auto; } /* Google Maps */ .google-map { height: 300px; } /* Validation */ label.error { color: #cc5965; display: inline-block; margin-left: 5px; } .form-control.error { border: 1px dotted #cc5965; } /* ngGrid */ .gridStyle { border: 1px solid #d4d4d4; width: 100%; height: 400px; } .gridStyle2 { border: 1px solid #d4d4d4; width: 500px; height: 300px; } .ngH eaderCell { border-right: none; border-bottom: 1px solid #e7eaec; } .ngCell { border-right: none; } .ngTopPanel { background: #F5F5F6; } .ngRow.even { background: #f9f9f9; } .ngRow.selected { background: #EBF2F1; } .ngRow { border-bottom: 1px solid #e7eaec; } .ngCell { background-color: transparent; } .ngHeaderCell { border-right: none; } /* Toastr custom style */ #toast-container > .toast { background-image: none !important; } #toast-container > .toast:before { position: fixed; font-family: FontAwesome; font-size: 24px; line-height: 24px; float: left; color: #FFF; padding-right: 0.5em; margin: auto 0.5em auto -1.5em; } #toast-container > .toast-warning:before { content: "\f0e7"; } #toast-container > .toast-error:before { content: "\f071"; } #toast-container > .toast-info:before { content: "\f005"; } #toast-container > .toast-success:before { content: "\f00C"; } #toast-container > div { -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999; opacity: .9; -ms-filter: alpha(opacity=90); filter: alpha(opacity=90); } #toast-container > :hover { -moz-box-shadow: 0 0 4px #999; -webkit-box-shadow: 0 0 4px #999; box-shadow: 0 0 4px #999; opacity: 1; -ms-filter: alpha(opacity=100); filter: alpha(opacity=100); cursor: pointer; } .toast { background-color: #007bff; } .toast-success { background-color: #007bff; } .toast-error { background-color: #ed5565; } .toast-info { background-color: #007bff; } .toast-warning { background-color: #f8ac59; } .toast-top-full-width { margin-top: 20px; } .toast-bottom-full-width { margin-bottom: 20px; } /* Image cropper style */ .img-container, .img-preview { overflow: hidden; text-align: center; width: 100%; } .img-preview-sm { height: 130px; width: 200px; } /* Forum styles */ .forum-post-container .media { margin: 10px 10px 10px 10px; padding: 20px 10px 20px 10px; border-bottom: 1px solid #f1f1f1; } .forum-avatar { float: left; margin-right: 20px; text-align: center; width: 110px; } .forum-avatar .img-circle { height: 48px; width: 48px; } .author-info { color: #676a6c; font-size: 11px; margin-top: 5px; text-align: center; } .forum-post-info { padding: 9px 12px 6px 12px; background: #f9f9f9; border: 1px solid #f1f1f1; } .media-body > .media { background: #f9f9f9; border-radius: 3px; border: 1px solid #f1f1f1; } .forum-post-container .media-body .photos { margin: 10px 0; } .forum-photo { max-width: 140px; border-radius: 3px; } .media-body > .media .forum-avatar { width: 70px; margin-right: 10px; } .media-body > .media .forum-avatar .img-circle { height: 38px; width: 38px; } .mid-icon { font-size: 66px; } .forum-item { margin: 10px 0; padding: 10px 0 20px; border-bottom: 1px solid #f1f1f1; } .views-number { font-size: 24px; line-height: 18px; font-weight: 400; } .forum-container, .forum-post-container { padding: 30px !important; } .forum-item small { color: #999; } .forum-item .forum-sub-title { color: #999; margin-left: 50px; } .forum-title { margin: 15px 0 15px 0; } .forum-info { text-align: center; } .forum-desc { color: #999; } .forum-icon { float: left; width: 30px; margin-right: 20px; text-align: center; } a.forum-item-title { color: inherit; display: block; font-size: 18px; font-weight: 600; } a.forum-item-title:hover { color: inherit; } .forum-icon .fa { font-size: 30px; margin-top: 8px; color: #9b9b9b; } .forum-item.active .fa { color: #007bff; } .forum-item.active a.forum-item-title { color: #007bff; } @media (max-width: 992px) { .forum-info { margin: 15px 0 10px 0px; /* Comment this is you want to show forum info in small devices */ display: none; } .forum-desc { float: none !important; } } /* New Timeline style */ .vertical-container { /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */ width: 90%; max-width: 1170px; margin: 0 auto; } .vertical-container::after { /* clearfix */ content: ''; display: table; clear: both; } #vertical-timeline { position: relative; padding: 0; margin-top: 2em; margin-bottom: 2em; } #vertical-timeline::before { content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #f1f1f1; } .vertical-timeline-content .btn { float: right; } #vertical-timeline.light-timeline:before { background: #e7eaec; } .dark-timeline .vertical-timeline-content:before { border-color: transparent #f5f5f5 transparent transparent ; } .dark-timeline.center-orientation .vertical-timeline-content:before { border-color: transparent transparent transparent #f5f5f5; } .dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before, .dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before { border-color: transparent #f5f5f5 transparent transparent; } .dark-timeline .vertical-timeline-content, .dark-timeline.center-orientation .vertical-timeline-content { background: #f5f5f5; } @media only screen and (min-width: 1170px) { #vertical-timeline.center-orientation { margin-top: 3em; margin-bottom: 3em; } #vertical-timeline.center-orientation:before { left: 50%; margin-left: -2px; } } @media only screen and (max-width: 1170px) { .center-orientation.dark-timeline .vertical-timeline-content:before { border-color: transparent #f5f5f5 transparent transparent; } } .vertical-timeline-block { position: relative; margin: 2em 0; } .vertical-timeline-block:after { content: ""; display: table; clear: both; } .vertical-timeline-block:first-child { margin-top: 0; } .vertical-timeline-block:last-child { margin-bottom: 0; } @media only screen and (min-width: 1170px) { .center-orientation .vertical-timeline-block { margin: 4em 0; } .center-orientation .vertical-timeline-block:first-child { margin-top: 0; } .center-orientation .vertical-timeline-block:last-child { margin-bottom: 0; } } .vertical-timeline-icon { position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; font-size: 16px; border: 3px solid #f1f1f1; text-align: center; } .vertical-timeline-icon i { display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -9px; } @media only screen and (min-width: 1170px) { .center-orientation .vertical-timeline-icon { width: 50px; height: 50px; left: 50%; margin-left: -25px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; font-size: 19px; } .center-orientation .vertical-timeline-icon i { margin-left: -12px; margin-top: -10px; } .center-orientation .cssanimations .vertical-timeline-icon.is-hidden { visibility: hidden; } } .vertical-timeline-content { position: relative; margin-left: 60px; background: white; border-radius: 0.25em; padding: 1em; } .vertical-timeline-content:after { content: ""; display: table; clear: both; } .vertical-timeline-content h2 { font-weight: 400; margin-top: 4px; } .vertical-timeline-content p { margin: 1em 0; line-height: 1.6; } .vertical-timeline-content .vertical-date { float: left; font-weight: 500; } .vertical-date small { color: #007bff; font-weight: 400; } .vertical-timeline-content::before { content: ''; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid white; } @media only screen and (min-width: 768px) { .vertical-timeline-content h2 { font-size: 18px; } .vertical-timeline-content p { font-size: 13px; } } @media only screen and (min-width: 1170px) { .center-orientation .vertical-timeline-content { margin-left: 0; padding: 1.6em; width: 45%; } .center-orientation .vertical-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: white; } .center-orientation .vertical-timeline-content .btn { float: left; } .center-orientation .vertical-timeline-content .vertical-date { position: absolute; width: 100%; left: 122%; top: 2px; font-size: 14px; } .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content { float: right; } .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: white; } .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn { float: right; } .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date { left: auto; right: 122%; text-align: right; } .center-orientation .cssanimations .vertical-timeline-content.is-hidden { visibility: hidden; } } .sidebard-panel { width: 220px; background: #ebebed; padding: 10px 20px; position: absolute; right: 0; } .sidebard-panel .feed-element img.img-circle { width: 32px; height: 32px; } .sidebard-panel .feed-element, .media-body, .sidebard-panel p { font-size: 12px; } .sidebard-panel .feed-element { margin-top: 20px; padding-bottom: 0; } .sidebard-panel .list-group { margin-bottom: 10px; } .sidebard-panel .list-group .list-group-item { padding: 5px 0; font-size: 12px; border: 0; } .sidebar-content .wrapper, .wrapper.sidebar-content { padding-right: 230px !important; } .body-small .sidebar-content .wrapper, .body-small .wrapper.sidebar-content { padding-right: 20px !important; } #right-sidebar { background-color: #fff; border-left: 1px solid #e7eaec; border-top: 1px solid #e7eaec; overflow: hidden; position: fixed; top: 60px; width: 260px !important; z-index: 1009; bottom: 0; right: -260px; } #right-sidebar.sidebar-open { right: 0; } #right-sidebar.sidebar-open.sidebar-top { top: 0; border-top: none; } .sidebar-container ul.nav-tabs { border: none; } .sidebar-container ul.nav-tabs.navs-4 li { width: 25%; } .sidebar-container ul.nav-tabs.navs-3 li { width: 33.3333%; } .sidebar-container ul.nav-tabs.navs-2 li { width: 50%; } .sidebar-container ul.nav-tabs li { border: none; } .sidebar-container ul.nav-tabs li a { border: none; padding: 12px 10px; margin: 0; border-radius: 0; background: #2f4050; color: #fff; text-align: center; border-right: 1px solid #334556; } .sidebar-container ul.nav-tabs li.active a { border: none; background: #f9f9f9; color: #676a6c; font-weight: bold; } .sidebar-container .nav-tabs > li.active > a:hover, .sidebar-container .nav-tabs > li.active > a:focus { border: none; } .sidebar-container ul.sidebar-list { margin: 0; padding: 0; } .sidebar-container ul.sidebar-list li { border-bottom: 1px solid #e7eaec; padding: 15px 20px; list-style: none; font-size: 12px; } .sidebar-container .sidebar-message:nth-child(2n+2) { background: #f9f9f9; } .sidebar-container ul.sidebar-list li a { text-decoration: none; color: inherit; } .sidebar-container .sidebar-content { padding: 15px 20px ; font-size: 12px; } .sidebar-container .sidebar-title { background: #f9f9f9; padding: 20px; border-bottom: 1px solid #e7eaec; } .sidebar-container .sidebar-title h3 { margin-bottom: 3px; padding-left: 2px; } .sidebar-container .tab-content h4 { margin-bottom: 5px; } .sidebar-container .sidebar-message > a > .pull-left { margin-right: 10px; } .sidebar-container .sidebar-message > a { text-decoration: none; color: inherit; } .sidebar-container .sidebar-message { padding: 15px 20px; } .sidebar-container .sidebar-message .message-avatar { height: 38px; width: 38px; border-radius: 50%; } .sidebar-container .setings-item { padding: 15px 20px; border-bottom: 1px solid #e7eaec; } body { background-color: #2f4050; font-size: 13px; color: #676a6c; overflow-x: hidden; background-color: #f3f3f4; } html, body { height: 100%; } body.full-height-layout #wrapper, body.full-height-layout #page-wrapper { height: 100%; } #page-wrapper { min-height: auto; } body.boxed-layout { background: url('patterns/shattered.png'); } body.boxed-layout #wrapper { background-color: #2f4050; max-width: 1200px; margin: 0 auto; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); } .top-navigation.boxed-layout #wrapper, .boxed-layout #wrapper.top-navigation { max-width: 1300px !important; } .block { display: block; } .clear { display: block; overflow: hidden; } a { cursor: pointer; } a:hover, a:focus { text-decoration: none; } .border-bottom { border-bottom: 1px solid #e7eaec !important; } .font-bold { font-weight: 600; } .font-noraml { font-weight: 400; } .text-uppercase { text-transform: uppercase; } .b-r { border-right: 1px solid #e7eaec; } .hr-line-dashed { border-top: 1px dashed #e7eaec; color: #ffffff; background-color: #ffffff; height: 1px; margin: 20px 0; } .hr-line-solid { border-bottom: 1px solid #e7eaec; background-color: rgba(0, 0, 0, 0); border-style: solid !important; margin-top: 15px; margin-bottom: 15px; } video { width: 100% !important; height: auto !important; } /* GALLERY */ .gallery > .row > div { margin-bottom: 15px; } .fancybox img { margin-bottom: 5px; /* Only for demo */ width: 24%; } /* Summernote text editor */ .note-editor { height: auto; min-height: 300px; } /* MODAL */ .modal-content { background-clip: padding-box; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); outline: 0 none; position: relative; } .modal-dialog { z-index: 1200; } .modal-body { padding: 20px 30px 30px 30px; } .inmodal .modal-body { background: #f8fafb; } .inmodal .modal-header { padding: 30px 15px; text-align: center; } .animated.modal.fade .modal-dialog { -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .inmodal .modal-title { font-size: 26px; } .inmodal .modal-icon { font-size: 84px; color: #e2e3e3; } .modal-footer { margin-top: 0; } /* WRAPPERS */ #wrapper { width: 100%; overflow-x: hidden; } .wrapper { padding: 0 20px; } .wrapper-content { padding: 11px 10px 0px; } #page-wrapper { padding: 0 15px; min-height: 568px; position: relative !important; } @media (min-width: 768px) { #page-wrapper { position: inherit; margin: 0 0 0 240px; min-height: 1000px; } } .title-action { text-align: right; padding-top: 30px; } .ibox-content h1, .ibox-content h2, .ibox-content h3, .ibox-content h4, .ibox-content h5, .ibox-title h1, .ibox-title h2, .ibox-title h3, .ibox-title h4, .ibox-title h5 { margin-top: 5px; } ul.unstyled, ol.unstyled { list-style: none outside none; margin-left: 0; } .big-icon { font-size: 160px; color: #e5e6e7; } /* FOOTER */ .footer { background: none repeat scroll 0 0 white; border-top: 1px solid #e7eaec; bottom: 0; left: 0; padding: 10px 20px; position: absolute; right: 0; } .footer.fixed_full { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; padding: 10px 20px; background: white; border-top: 1px solid #e7eaec; } .footer.fixed { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; padding: 10px 20px; background: white; border-top: 1px solid #e7eaec; margin-left: 220px; } body.mini-navbar .footer.fixed, body.body-small.mini-navbar .footer.fixed { margin: 0 0 0 70px; } body.mini-navbar.canvas-menu .footer.fixed, body.canvas-menu .footer.fixed { margin: 0 !important; } body.fixed-sidebar.body-small.mini-navbar .footer.fixed { margin: 0 0 0 220px; } body.body-small .footer.fixed { margin-left: 0px; } /* PANELS */ .page-heading { border-top: 0; padding: 0px 10px 20px 10px; } .panel-heading h1, .panel-heading h2 { margin-bottom: 5px; } /* TABLES */ .table-bordered { border: 1px solid #EBEBEB; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { background-color: #ffffff; border-bottom-width: 1px; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #e7e7e7; } .table > thead > tr > th { border-bottom: 1px solid #DDDDDD; vertical-align: bottom; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 1px solid #e7eaec; line-height: 1.42857; padding: 8px; vertical-align: top; } /* PANELS */ .panel.blank-panel { background: none; margin: 0; } .blank-panel .panel-heading { padding-bottom: 0; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none; border-color: #dddddd #dddddd rgba(0, 0, 0, 0); border-bottom: #f3f3f4; border-image: none; border-style: solid; border-width: 1px; color: #555555; cursor: default; } .nav.nav-tabs li { background: none; border: none; } .nav-tabs > li > a { color: #A7B1C2; font-weight: 600; padding: 10px 20px 10px 25px; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background-color: #e6e6e6; color: #676a6c; } .ui-tab .tab-content { padding: 20px 0px; } /* GLOBAL */ .no-padding { padding: 0 !important; } .no-borders { border: none !important; } .no-margins { margin: 0 !important; } .no-top-border { border-top: 0 !important; } .ibox-content.text-box { padding-bottom: 0px; padding-top: 15px; } .border-left-right { border-left: 1px solid #e7eaec; border-right: 1px solid #e7eaec; border-top: none; border-bottom: none; } .border-left { border-left: 1px solid #e7eaec; border-right: none; border-top: none; border-bottom: none; } .border-right { border-left: none; border-right: 1px solid #e7eaec; border-top: none; border-bottom: none; } .full-width { width: 100% !important; } .link-block { font-size: 12px; padding: 10px; } .nav.navbar-top-links .link-block a { font-size: 12px; } .link-block a { font-size: 10px; color: inherit; } body.mini-navbar .branding { display: none; } img.circle-border { border: 6px solid #FFFFFF; border-radius: 50%; } .branding { float: left; color: #FFFFFF; font-size: 18px; font-weight: 600; padding: 17px 20px; text-align: center; background-color: #007bff; } .login-panel { margin-top: 25%; } .icons-box h3 { margin-top: 10px; margin-bottom: 10px; } .icons-box .infont a i { font-size: 25px; display: block; color: #676a6c; } .icons-box .infont a { color: #a6a8a9; } .icons-box .infont a { padding: 10px; margin: 1px; display: block; } .ui-draggable .ibox-title { cursor: move; } .breadcrumb { background-color: #ffffff; padding: 0; margin-bottom: 0; } .breadcrumb > li a { color: inherit; } .breadcrumb > .active { color: inherit; } code { background-color: #F9F2F4; border-radius: 4px; color: #ca4440; font-size: 90%; padding: 2px 4px; white-space: nowrap; } .ibox { clear: both; margin-bottom: 5px; margin-top: 0; padding: 0; } .ibox.collapsed .ibox-content { display: none; } .ibox.collapsed .fa.fa-chevron-up:before { content: "\f078"; } .ibox.collapsed .fa.fa-chevron-down:before { content: "\f077"; } .ibox:after, .ibox:before { display: table; } .ibox-title { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #ffffff; border-color: #e7eaec; border-image: none; border-style: solid solid none; border-width: 4px 0px 0; color: inherit; margin-bottom: 0; padding: 14px 15px 7px; min-height: 48px; } .ibox-content { background-color: #ffffff; color: inherit; padding: 15px 20px 20px 20px; border-color: #e7eaec; border-image: none; border-style: solid solid none; border-width: 1px 0px; } table.table-mail tr td { padding: 12px; } .table-mail .check-mail { padding-left: 20px; } .table-mail .mail-date { padding-right: 20px; } .star-mail, .check-mail { width: 40px; } .unread td a, .unread td { font-weight: 600; color: inherit; } .read td a, .read td { font-weight: normal; color: inherit; } .unread td { background-color: #f9f8f8; } .ibox-content { clear: both; } .ibox-heading { background-color: #f3f6fb; border-bottom: none; } .ibox-heading h3 { font-weight: 200; font-size: 24px; } .ibox-title h5 { display: inline-block; font-size: 14px; margin: 0 0 7px; padding: 0; text-overflow: ellipsis; float: left; } .ibox-title h5 i{ margin-right: 5px;} .ibox-title .label { float: left; margin-left: 4px; } .ibox-tools { display: inline-block; float: right; margin-top: 0; position: relative; padding: 0; } .ibox-tools a { cursor: pointer; margin-left: 5px; color: #c4c4c4; } .ibox-tools a.btn-primary { color: #fff; } .ibox-tools .dropdown-menu > li > a { padding: 4px 10px; font-size: 12px; } .ibox .open > .dropdown-menu { left: auto; right: 0; } /* BACKGROUNDS */ .gray-bg { background-color: #f3f3f4; } .white-bg { background-color: #ffffff; } .navy-bg { background-color: #007bff; color: #ffffff; } .blue-bg { background-color: #007bff; color: #ffffff; } .lazur-bg { background-color: #007bff; color: #ffffff; } .yellow-bg { background-color: #f8ac59; color: #ffffff; } .red-bg { background-color: #ed5565; color: #ffffff; } .black-bg { background-color: #262626; } .panel-primary { border-color: #007bff; } .panel-primary > .panel-heading { background-color: #007bff; border-color: #007bff; } .panel-success { border-color: #007bff; } .panel-success > .panel-heading { background-color: #007bff; border-color: #007bff; color: #ffffff; } .panel-info { border-color: #007bff; } .panel-info > .panel-heading { background-color: #007bff; border-color: #007bff; color: #ffffff; } .panel-warning { border-color: #f8ac59; } .panel-warning > .panel-heading { background-color: #f8ac59; border-color: #f8ac59; color: #ffffff; } .panel-danger { border-color: #ed5565; } .panel-danger > .panel-heading { background-color: #ed5565; border-color: #ed5565; color: #ffffff; } .progress-bar { background-color: #007bff; } .progress-small, .progress-small .progress-bar { height: 10px; } .progress-small, .progress-mini { margin-top: 5px; } .progress-mini, .progress-mini .progress-bar { height: 5px; margin-bottom: 0px; } .progress-bar-navy-light { background-color: #3dc7ab; } .progress-bar-success { background-color: #007bff; } .progress-bar-info { background-color: #007bff; } .progress-bar-warning { background-color: #f8ac59; } .progress-bar-danger { background-color: #ed5565; } .panel-title { font-size: inherit; } .jumbotron { border-radius: 6px; padding: 40px; } .jumbotron h1 { margin-top: 0; } /* COLORS */ .text-navy { color: #007bff; } .text-primary { color: inherit; } .text-success { color: #007bff; } .text-info { color: #007bff; } .text-warning { color: #f8ac59; } .text-danger { color: #ed5565; } .text-muted { color: #888888; } .simple_tag { background-color: #f3f3f4; border: 1px solid #e7eaec; border-radius: 2px; color: inherit; font-size: 10px; margin-right: 5px; margin-top: 5px; padding: 5px 12px; display: inline-block; } .img-shadow { -webkit-box-shadow: 0px 0px 3px 0px #919191; -moz-box-shadow: 0px 0px 3px 0px #919191; box-shadow: 0px 0px 3px 0px #919191; } /* For handle diferent bg color in AngularJS version */ .dashboards\.dashboard_2 nav.navbar, .dashboards\.dashboard_3 nav.navbar, .mailbox\.inbox nav.navbar, .mailbox\.email_view nav.navbar, .mailbox\.email_compose nav.navbar, .dashboards\.dashboard_4_1 nav.navbar { background: #fff; } /* For handle diferent bg color in MVC version */ .Dashboard_2 .navbar.navbar-static-top, .Dashboard_3 .navbar.navbar-static-top, .Dashboard_4_1 .navbar.navbar-static-top, .ComposeEmail .navbar.navbar-static-top, .EmailView .navbar.navbar-static-top, .Inbox .navbar.navbar-static-top { background: #fff; } a.close-canvas-menu { position: absolute; top: 10px; right: 15px; z-index: 1011; color: #a7b1c2; } a.close-canvas-menu:hover { color: #fff; } /* FULL HEIGHT */ .full-height { height: 100%; } .fh-breadcrumb { height: calc(100% - 196px); margin: 0 -15px; position: relative; } .fh-no-breadcrumb { height: calc(100% - 99px); margin: 0 -15px; position: relative; } .fh-column { background: #fff; height: 100%; width: 240px; float: left; } .modal-backdrop { z-index: 2040 !important; } .modal { z-index: 2050 !important; } .spiner-example { height: 200px; padding-top: 70px; } /* MARGINS & PADDINGS */ .p-xxs { padding: 5px; } .p-xs { padding: 10px; } .p-sm { padding: 15px; } .p-m { padding: 20px; } .p-md { padding: 25px; } .p-lg { padding: 30px; } .p-xl { padding: 40px; } .m-xxs { margin: 2px 4px; } .m-xs { margin: 5px; } .m-sm { margin: 10px; } .m { margin: 15px; } .m-md { margin: 20px; } .m-lg { margin: 30px; } .m-xl { margin: 50px; } .m-n { margin: 0 !important; } .m-l-none { margin-left: 0; } .m-l-xs { margin-left: 5px; } .m-l-sm { margin-left: 10px; } .m-l { margin-left: 15px; } .m-l-md { margin-left: 20px; } .m-l-lg { margin-left: 30px; } .m-l-xl { margin-left: 40px; } .m-l-n-xxs { margin-left: -1px; } .m-l-n-xs { margin-left: -5px; } .m-l-n-sm { margin-left: -10px; } .m-l-n { margin-left: -15px; } .m-l-n-md { margin-left: -20px; } .m-l-n-lg { margin-left: -30px; } .m-l-n-xl { margin-left: -40px; } .m-t-none { margin-top: 0; } .m-t-xxs { margin-top: 1px; } .m-t-xs { margin-top: 5px; } .m-t-sm { margin-top: 10px; } .m-t { margin-top: 15px; } .m-t-md { margin-top: 20px; } .m-t-lg { margin-top: 30px; } .m-t-xl { margin-top: 40px; } .m-t-n-xxs { margin-top: -1px; } .m-t-n-xs { margin-top: -5px; } .m-t-n-sm { margin-top: -10px; } .m-t-n { margin-top: -15px; } .m-t-n-md { margin-top: -20px; } .m-t-n-lg { margin-top: -30px; } .m-t-n-xl { margin-top: -40px; } .m-r-none { margin-right: 0; } .m-r-xxs { margin-right: 1px; } .m-r-xs { margin-right: 5px; } .m-r-sm { margin-right: 10px; } .m-r { margin-right: 15px; } .m-r-md { margin-right: 20px; } .m-r-lg { margin-right: 30px; } .m-r-xl { margin-right: 40px; } .m-r-n-xxs { margin-right: -1px; } .m-r-n-xs { margin-right: -5px; } .m-r-n-sm { margin-right: -10px; } .m-r-n { margin-right: -15px; } .m-r-n-md { margin-right: -20px; } .m-r-n-lg { margin-right: -30px; } .m-r-n-xl { margin-right: -40px; } .m-b-none { margin-bottom: 0; } .m-b-xxs { margin-bottom: 1px; } .m-b-xs { margin-bottom: 5px; } .m-b-sm { margin-bottom: 10px; } .m-b { margin-bottom: 15px; } .m-b-md { margin-bottom: 20px; } .m-b-lg { margin-bottom: 30px; } .m-b-xl { margin-bottom: 40px; } .m-b-n-xxs { margin-bottom: -1px; } .m-b-n-xs { margin-bottom: -5px; } .m-b-n-sm { margin-bottom: -10px; } .m-b-n { margin-bottom: -15px; } .m-b-n-md { margin-bottom: -20px; } .m-b-n-lg { margin-bottom: -30px; } .m-b-n-xl { margin-bottom: -40px; } .space-15 { margin: 15px 0; } .space-20 { margin: 20px 0; } .space-25 { margin: 25px 0; } .space-30 { margin: 30px 0; } body.modal-open { padding-right: inherit !important; } /* SEARCH PAGE */ .search-form { margin-top: 10px; } .search-result h3 { margin-bottom: 0; color: #1E0FBE; } .search-result .search-link { color: #006621; } .search-result p { font-size: 12px; margin-top: 5px; } /* CONTACTS */ .contact-box { background-color: #ffffff; border: 1px solid #e7eaec; padding: 20px; margin-bottom: 20px; } .contact-box a { color: inherit; } /* INVOICE */ .invoice-table tbody > tr > td:last-child, .invoice-table tbody > tr > td:nth-child(4), .invoice-table tbody > tr > td:nth-child(3), .invoice-table tbody > tr > td:nth-child(2) { text-align: right; } .invoice-table thead > tr > th:last-child, .invoice-table thead > tr > th:nth-child(4), .invoice-table thead > tr > th:nth-child(3), .invoice-table thead > tr > th:nth-child(2) { text-align: right; } .invoice-total > tbody > tr > td:first-child { text-align: right; } .invoice-total > tbody > tr > td { border: 0 none; } .invoice-total > tbody > tr > td:last-child { border-bottom: 1px solid #DDDDDD; text-align: right; width: 15%; } /* ERROR & LOGIN & LOCKSCREEN*/ .middle-box { max-width: 400px; z-index: 100; margin: 0 auto; padding-top: 40px; } .lockscreen.middle-box { width: 200px; padding-top: 110px; } .loginscreen.middle-box { width: 300px; } .loginColumns { max-width: 800px; margin: 0 auto; padding: 100px 20px 20px 20px; } .passwordBox { max-width: 460px; margin: 0 auto; padding: 100px 20px 20px 20px; } .logo-name { color: #e6e6e6; font-size: 180px; font-weight: 800; letter-spacing: -10px; margin-bottom: 0px; } .middle-box h1 { font-size: 170px; } .wrapper .middle-box { margin-top: 140px; } .lock-word { z-index: 10; position: absolute; top: 110px; left: 50%; margin-left: -470px; } .lock-word span { font-size: 100px; font-weight: 600; color: #e9e9e9; display: inline-block; } .lock-word .first-word { margin-right: 160px; } /* DASBOARD */ .dashboard-header { border-top: 0; padding: 20px 20px 20px 20px; } .dashboard-header h2 { margin-top: 10px; font-size: 26px; } .fist-item { border-top: none !important; } .statistic-box { margin-top: 40px; } .dashboard-header .list-group-item span.label { margin-right: 10px; } .list-group.clear-list .list-group-item { border-top: 1px solid #e7eaec; border-bottom: 0; border-right: 0; border-left: 0; padding: 10px 0; } ul.clear-list:first-child { border-top: none !important; } /* Intimeline */ .timeline-item .date i { position: absolute; top: 0; right: 0; padding: 5px; width: 30px; text-align: center; border-top: 1px solid #e7eaec; border-bottom: 1px solid #e7eaec; border-left: 1px solid #e7eaec; background: #f8f8f8; } .timeline-item .date { text-align: right; width: 110px; position: relative; padding-top: 30px; } .timeline-item .content { border-left: 1px solid #e7eaec; border-top: 1px solid #e7eaec; padding-top: 10px; min-height: 100px; } .timeline-item .content:hover { background: #f6f6f6; } /* PIN BOARD */ ul.notes li, ul.tag-list li { list-style: none; } ul.notes li h4 { margin-top: 20px; font-size: 16px; } ul.notes li div { text-decoration: none; color: #000; background: #ffc; display: block; height: 140px; width: 140px; padding: 1em; position: relative; } ul.notes li div small { position: absolute; top: 5px; right: 5px; font-size: 10px; } ul.notes li div a { position: absolute; right: 10px; bottom: 10px; color: inherit; } ul.notes li { margin: 10px 40px 50px 0px; float: left; } ul.notes li div p { font-size: 12px; } ul.notes li div { text-decoration: none; color: #000; background: #ffc; display: block; height: 140px; width: 140px; padding: 1em; /* Firefox */ -moz-box-shadow: 5px 5px 2px #212121; /* Safari+Chrome */ -webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7); /* Opera */ box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7); } ul.notes li div { -webkit-transform: rotate(-6deg); -o-transform: rotate(-6deg); -moz-transform: rotate(-6deg); } ul.notes li:nth-child(even) div { -o-transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); position: relative; top: 5px; } ul.notes li:nth-child(3n) div { -o-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); position: relative; top: -5px; } ul.notes li:nth-child(5n) div { -o-transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); position: relative; top: -10px; } ul.notes li div:hover, ul.notes li div:focus { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); position: relative; z-index: 5; } ul.notes li div { text-decoration: none; color: #000; background: #ffc; display: block; height: 210px; width: 210px; padding: 1em; -moz-box-shadow: 5px 5px 7px #212121; -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7); box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7); -moz-transition: -moz-transform 0.15s linear; -o-transition: -o-transform 0.15s linear; -webkit-transition: -webkit-transform 0.15s linear; } /* FILE MANAGER */ .file-box { float: left; width: 220px; } .file-manager h5 { text-transform: uppercase; } .file-manager { list-style: none outside none; margin: 0; padding: 0; } .folder-list li a { color: #666666; display: block; padding: 5px 0; } .folder-list li { border-bottom: 1px solid #e7eaec; display: block; } .folder-list li i { margin-right: 8px; color: #3d4d5d; } .category-list li a { color: #666666; display: block; padding: 5px 0; } .category-list li { display: block; } .category-list li i { margin-right: 8px; color: #3d4d5d; } .category-list li a .text-navy { color: #007bff; } .category-list li a .text-primary { color: #007bff; } .category-list li a .text-info { color: #007bff; } .category-list li a .text-danger { color: #EF5352; } .category-list li a .text-warning { color: #F8AC59; } .file-manager h5.tag-title { margin-top: 20px; } .tag-list li { float: left; } .tag-list li a { font-size: 10px; background-color: #f3f3f4; padding: 5px 12px; color: inherit; border-radius: 2px; border: 1px solid #e7eaec; margin-right: 5px; margin-top: 5px; display: block; } .file { border: 1px solid #e7eaec; padding: 0; background-color: #ffffff; position: relative; margin-bottom: 20px; margin-right: 20px; } .file-manager .hr-line-dashed { margin: 15px 0; } .file .icon, .file .image { height: 100px; overflow: hidden; } .file .icon { padding: 15px 10px; text-align: center; } .file-control { color: inherit; font-size: 11px; margin-right: 10px; } .file-control.active { text-decoration: underline; } .file .icon i { font-size: 70px; color: #dadada; } .file .file-name { padding: 10px; background-color: #f8f8f8; border-top: 1px solid #e7eaec; } .file-name small { color: #676a6c; } .corner { position: absolute; display: inline-block; width: 0; height: 0; line-height: 0; border: 0.6em solid transparent; border-right: 0.6em solid #f1f1f1; border-bottom: 0.6em solid #f1f1f1; right: 0em; bottom: 0em; } a.compose-mail { padding: 8px 10px; } .mail-search { max-width: 300px; } /* PROFILE */ .profile-content { border-top: none !important; } .feed-activity-list .feed-element { border-bottom: 1px solid #e7eaec; } .feed-element:first-child { margin-top: 0; } .feed-element { padding-bottom: 15px; } .feed-element, .feed-element .media { margin-top: 15px; } .feed-element, .media-body { overflow: hidden; } .feed-element > .pull-left { margin-right: 10px; } .feed-element img.img-circle, .dropdown-messages-box img.img-circle { width: 38px; height: 38px; } .feed-element .well { border: 1px solid #e7eaec; box-shadow: none; margin-top: 10px; margin-bottom: 5px; padding: 10px 20px; font-size: 11px; line-height: 16px; } .feed-element .actions { margin-top: 10px; } .feed-element .photos { margin: 10px 0; } .feed-photo { max-height: 180px; border-radius: 4px; overflow: hidden; margin-right: 10px; margin-bottom: 10px; } /* MAILBOX */ .mail-box { background-color: #ffffff; border: 1px solid #e7eaec; border-top: 0; padding: 0px; margin-bottom: 20px; } .mail-box-header { background-color: #ffffff; border: 1px solid #e7eaec; border-bottom: 0; padding: 30px 20px 20px 20px; } .mail-box-header h2 { margin-top: 0px; } .mailbox-content .tag-list li a { background: #ffffff; } .mail-body { border-top: 1px solid #e7eaec; padding: 20px; } .mail-text { border-top: 1px solid #e7eaec; } .mail-text .note-toolbar { padding: 10px 15px; } .mail-body .form-group { margin-bottom: 5px; } .mail-text .note-editor .note-toolbar { background-color: #F9F8F8; } .mail-attachment { border-top: 1px solid #e7eaec; padding: 20px; font-size: 12px; } .mailbox-content { background: none; border: none; padding: 10px; } .mail-ontact { width: 23%; } /* PROJECTS */ .project-people, .project-actions { text-align: right; vertical-align: middle; } dd.project-people { text-align: left; margin-top: 5px; } .project-people img { width: 32px; height: 32px; } .project-title a { font-size: 14px; color: #676a6c; font-weight: 600; } .project-list table tr td { border-top: none; border-bottom: 1px solid #e7eaec; padding: 15px 10px; vertical-align: middle; } .project-manager .tag-list li a { font-size: 10px; background-color: white; padding: 5px 12px; color: inherit; border-radius: 2px; border: 1px solid #e7eaec; margin-right: 5px; margin-top: 5px; display: block; } .project-files li a { font-size: 11px; color: #676a6c; margin-left: 10px; line-height: 22px; } /* FAQ */ .faq-item { padding: 20px; margin-bottom: 2px; background: #fff; } .faq-question { font-size: 18px; font-weight: 600; color: #007bff; display: block; } .faq-question:hover { color: #179d82; } .faq-answer { margin-top: 10px; background: #f3f3f4; border: 1px solid #e7eaec; border-radius: 3px; padding: 15px; } .faq-item .tag-item { background: #f3f3f4; padding: 2px 6px; font-size: 10px; text-transform: uppercase; } /* Chat view */ .message-input { height: 90px !important; } .chat-avatar { white: 36px; height: 36px; float: left; margin-right: 10px; } .chat-user-name { padding: 10px; } .chat-user { padding: 8px 10px; border-bottom: 1px solid #e7eaec; } .chat-user a { color: inherit; } .chat-view { z-index: 20012; } .chat-users, .chat-statistic { margin-left: -30px; } @media (max-width: 992px) { .chat-users, .chat-statistic { margin-left: 0px; } } .chat-view .ibox-content { padding: 0; } .chat-message { padding: 10px 20px; } .message-avatar { height: 48px; width: 48px; border: 1px solid #e7eaec; border-radius: 4px; margin-top: 1px; } .chat-discussion .chat-message:nth-child(2n+1) .message-avatar { float: left; margin-right: 10px; } .chat-discussion .chat-message:nth-child(2n) .message-avatar { float: right; margin-left: 10px; } .message { background-color: #fff; border: 1px solid #e7eaec; text-align: left; display: block; padding: 10px 20px; position: relative; border-radius: 4px; } .chat-discussion .chat-message:nth-child(2n+1) .message-date { float: right; } .chat-discussion .chat-message:nth-child(2n) .message-date { float: left; } .chat-discussion .chat-message:nth-child(2n+1) .message { text-align: left; margin-left: 55px; } .chat-discussion .chat-message:nth-child(2n) .message { text-align: right; margin-right: 55px; } .message-date { font-size: 10px; color: #888888; } .message-content { display: block; } .chat-discussion { background: #eee; padding: 15px; height: 400px; overflow-y: auto; } .chat-users { overflow-y: auto; height: 400px; } .chat-message-form .form-group { margin-bottom: 0; } /* jsTree */ .jstree-open > .jstree-anchor > .fa-folder:before { content: "\f07c"; } .jstree-default .jstree-icon.none { width: 0; } /* CLIENTS */ .clients-list { margin-top: 20px; } .clients-list .tab-pane { position: relative; height: 600px; } .client-detail { position: relative; height: 620px; } .clients-list table tr td { height: 46px; vertical-align: middle; border: none ; } .client-link { font-weight: 600; color: inherit; } .client-link:hover { color: inherit; } .client-avatar { width: 42px; } .client-avatar img { width: 28px; height: 28px; border-radius: 50%; } .contact-type { width: 20px; color: #c1c3c4; } .client-status { text-align: left; } .client-detail .vertical-timeline-content p { margin: 0; } .client-detail .vertical-timeline-icon.gray-bg { color: #a7aaab; } .clients-list .nav-tabs > li.active > a, .clients-list .nav-tabs > li.active > a:hover, .clients-list .nav-tabs > li.active > a:focus { border-bottom: 1px solid #fff; } /* BLOG ARTICLE */ .blog h2 { font-weight: 700; } .blog h5 { margin: 0 0 5px 0; } .blog .btn { margin: 0 0 5px 0; } .article h1 { font-size: 48px; font-weight: 700; color: #2F4050; } .article p { font-size: 15px; line-height: 26px; } .article-title { text-align: center; margin: 40px 0 100px 0; } .article .ibox-content { padding: 40px; } /* ISSUE TRACKER */ .issue-tracker .btn-link { color: #007bff; } table.issue-tracker tbody tr td { vertical-align: middle; height: 50px; } .issue-info { width: 50%; } .issue-info a { font-weight: 600; color: #676a6c; } .issue-info small { display: block; } /* TEAMS */ .team-members { margin: 10px 0; } .team-members img.img-circle { width: 42px; height: 42px; margin-bottom: 5px; } /* AGILE BOARD */ .sortable-list { padding: 10px 0; } .agile-list { list-style: none; margin: 0; } .agile-list li { background: #FAFAFB; border: 1px solid #e7eaec; margin: 0px 0 10px 0; padding: 10px; border-radius: 2px; } .agile-list li:hover { cursor: pointer; background: #fff; } .agile-list li.warning-element { border-left: 3px solid #f8ac59; } .agile-list li.danger-element { border-left: 3px solid #ed5565; } .agile-list li.info-element { border-left: 3px solid #007bff; } .agile-list li.success-element { border-left: 3px solid #007bff; } .agile-detail { margin-top: 5px; font-size: 12px; } /* DIFF */ ins { background-color: #c6ffc6; text-decoration: none; } del { background-color: #ffc6c6; } #small-chat { position: fixed; bottom: 20px; right: 20px; z-index: 100; } #small-chat .badge { position: absolute; top: -3px; right: -4px; } .open-small-chat { height: 38px; width: 38px; display: block; background: #007bff; padding: 9px 8px; text-align: center; color: #fff; border-radius: 50%; } .open-small-chat:hover { color: white; background: #007bff; } .small-chat-box { display: none; position: fixed; bottom: 20px; right: 75px; background: #fff; border: 1px solid #e7eaec; width: 230px; height: 320px; border-radius: 4px; } .small-chat-box.ng-small-chat { display: block; } .body-small .small-chat-box { bottom: 70px; right: 20px; } .small-chat-box.active { display: block; } .small-chat-box .heading { background: #2f4050; padding: 8px 15px; font-weight: bold; color: #fff; } .small-chat-box .chat-date { opacity: 0.6; font-size: 10px; font-weight: normal; } .small-chat-box .content { padding: 15px 15px; } .small-chat-box .content .author-name { font-weight: bold; margin-bottom: 3px; font-size: 11px; } .small-chat-box .content > div { padding-bottom: 20px; } .small-chat-box .content .chat-message { padding: 5px 10px; border-radius: 6px; font-size: 11px; line-height: 14px; max-width: 80%; background: #f3f3f4; margin-bottom: 10px; } .small-chat-box .content .chat-message.active { background: #007bff; color: #fff; } .small-chat-box .content .left { text-align: left; clear: both; } .small-chat-box .content .left .chat-message { float: left; } .small-chat-box .content .right { text-align: right; clear: both; } .small-chat-box .content .right .chat-message { float: right; } .small-chat-box .form-chat { padding: 10px 10px; } /* * Usage: * * * */ .sk-spinner-rotating-plane.sk-spinner { width: 30px; height: 30px; background-color: #007bff; margin: 0 auto; -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out; animation: sk-rotatePlane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotatePlane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @keyframes sk-rotatePlane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /* * Usage: * * * */ .sk-spinner-double-bounce.sk-spinner { width: 40px; height: 40px; position: relative; margin: 0 auto; } .sk-spinner-double-bounce .sk-double-bounce1, .sk-spinner-double-bounce .sk-double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #007bff; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-doubleBounce 2s infinite ease-in-out; animation: sk-doubleBounce 2s infinite ease-in-out; } .sk-spinner-double-bounce .sk-double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: * * * */ .sk-spinner-wave.sk-spinner { margin: 0 auto; width: 50px; height: 30px; text-align: center; font-size: 10px; } .sk-spinner-wave div { background-color: #007bff; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; animation: sk-waveStretchDelay 1.2s infinite ease-in-out; } .sk-spinner-wave .sk-rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-spinner-wave .sk-rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-spinner-wave .sk-rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-spinner-wave .sk-rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } /* * Usage: * * * */ .sk-spinner-wandering-cubes.sk-spinner { margin: 0 auto; width: 32px; height: 32px; position: relative; } .sk-spinner-wandering-cubes .sk-cube1, .sk-spinner-wandering-cubes .sk-cube2 { background-color: #007bff; width: 10px; height: 10px; position: absolute; top: 0; left: 0; -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out; animation: sk-wanderingCubeMove 1.8s infinite ease-in-out; } .sk-spinner-wandering-cubes .sk-cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes sk-wanderingCubeMove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { /* Hack to make FF rotate in the right direction */ -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes sk-wanderingCubeMove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { /* Hack to make FF rotate in the right direction */ -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } /* * Usage: * * * */ .sk-spinner-pulse.sk-spinner { width: 40px; height: 40px; margin: 0 auto; background-color: #007bff; border-radius: 100%; -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out; animation: sk-pulseScaleOut 1s infinite ease-in-out; } @-webkit-keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } /* * Usage: * * * */ .sk-spinner-chasing-dots.sk-spinner { margin: 0 auto; width: 40px; height: 40px; position: relative; text-align: center; -webkit-animation: sk-chasingDotsRotate 2s infinite linear; animation: sk-chasingDotsRotate 2s infinite linear; } .sk-spinner-chasing-dots .sk-dot1, .sk-spinner-chasing-dots .sk-dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #007bff; border-radius: 100%; -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out; animation: sk-chasingDotsBounce 2s infinite ease-in-out; } .sk-spinner-chasing-dots .sk-dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes sk-chasingDotsRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes sk-chasingDotsRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes sk-chasingDotsBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-chasingDotsBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: * * * */ .sk-spinner-three-bounce.sk-spinner { margin: 0 auto; width: 70px; text-align: center; } .sk-spinner-three-bounce div { width: 18px; height: 18px; background-color: #007bff; border-radius: 100%; display: inline-block; -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out; animation: sk-threeBounceDelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sk-spinner-three-bounce .sk-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .sk-spinner-three-bounce .sk-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-threeBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-threeBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: * * * */ .sk-spinner-circle.sk-spinner { margin: 0 auto; width: 22px; height: 22px; position: relative; } .sk-spinner-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-spinner-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 20%; height: 20%; background-color: #007bff; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out; animation: sk-circleBounceDelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sk-spinner-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-spinner-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-spinner-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-spinner-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-spinner-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-spinner-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-spinner-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-spinner-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-spinner-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-spinner-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-spinner-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-spinner-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-spinner-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-spinner-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-spinner-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-spinner-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-spinner-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-spinner-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-spinner-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-spinner-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-spinner-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-spinner-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: * * * */ .sk-spinner-cube-grid { /* * Spinner positions * 1 2 3 * 4 5 6 * 7 8 9 */ } .sk-spinner-cube-grid.sk-spinner { width: 30px; height: 30px; margin: 0 auto; } .sk-spinner-cube-grid .sk-cube { width: 33%; height: 33%; background-color: #007bff; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .sk-spinner-cube-grid .sk-cube:nth-child(1) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-spinner-cube-grid .sk-cube:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-spinner-cube-grid .sk-cube:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .sk-spinner-cube-grid .sk-cube:nth-child(4) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-spinner-cube-grid .sk-cube:nth-child(5) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-spinner-cube-grid .sk-cube:nth-child(6) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-spinner-cube-grid .sk-cube:nth-child(7) { -webkit-animation-delay: 0s; animation-delay: 0s; } .sk-spinner-cube-grid .sk-cube:nth-child(8) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-spinner-cube-grid .sk-cube:nth-child(9) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } /* * Usage: * * * */ .sk-spinner-wordpress.sk-spinner { background-color: #007bff; width: 30px; height: 30px; border-radius: 30px; position: relative; margin: 0 auto; -webkit-animation: sk-innerCircle 1s linear infinite; animation: sk-innerCircle 1s linear infinite; } .sk-spinner-wordpress .sk-inner-circle { display: block; background-color: #fff; width: 8px; height: 8px; position: absolute; border-radius: 8px; top: 5px; left: 5px; } @-webkit-keyframes sk-innerCircle { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes sk-innerCircle { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* * Usage: * * * */ .sk-spinner-fading-circle.sk-spinner { margin: 0 auto; width: 22px; height: 22px; position: relative; } .sk-spinner-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-spinner-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 18%; height: 18%; background-color: #007bff; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out; animation: sk-circleFadeDelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sk-spinner-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-spinner-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-spinner-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-spinner-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-spinner-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-spinner-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-spinner-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-spinner-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-spinner-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-spinner-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-spinner-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-spinner-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-spinner-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-spinner-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-spinner-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-spinner-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-spinner-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-spinner-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-spinner-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-spinner-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-spinner-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-spinner-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } body.rtls { /* Theme config */ } body.rtls #page-wrapper { margin: 0 220px 0 0; } body.rtls .nav-second-level li a { padding: 7px 35px 7px 10px; } body.rtls .ibox-title h5 { float: right; } body.rtls .pull-right { float: left !important; } body.rtls .pull-left { float: right !important; } body.rtls .ibox-tools { float: left; } body.rtls .stat-percent { float: left; } body.rtls .navbar-right { float: left !important; } body.rtls .navbar-top-links li:last-child { margin-left: 40px; margin-right: 0; } body.rtls .minimalize-styl-2 { float: right; margin: 14px 20px 5px 5px; } body.rtls .feed-element > .pull-left { margin-left: 10px; margin-right: 0; } body.rtls .timeline-item .date { text-align: left; } body.rtls .timeline-item .date i { left: 0; right: auto; } body.rtls .timeline-item .content { border-right: 1px solid #e7eaec; border-left: none; } body.rtls .theme-config { left: 0; right: auto; } body.rtls .spin-icon { border-radius: 0 20px 20px 0; } body.rtls .toast-close-button { float: left; } body.rtls #toast-container > .toast:before { margin: auto -1.5em auto 0.5em; } body.rtls #toast-container > div { padding: 15px 50px 15px 15px; } body.rtls .center-orientation .vertical-timeline-icon i { margin-left: 0; margin-right: -12px; } body.rtls .vertical-timeline-icon i { right: 50%; left: auto; margin-left: auto; margin-right: -12px; } body.rtls .file-box { float: right; } body.rtls ul.notes li { float: right; } body.rtls .chat-users, body.rtls .chat-statistic { margin-right: -30px; margin-left: auto; } body.rtls .dropdown-menu > li > a { text-align: right; } body.rtls .b-r { border-left: 1px solid #e7eaec; border-right: none; } body.rtls .dd-list .dd-list { padding-right: 30px; padding-left: 0; } body.rtls .dd-item > button { float: right; } body.rtls .theme-config-box { margin-left: -220px; margin-right: 0; } body.rtls .theme-config-box.show { margin-left: 0; margin-right: 0; } body.rtls .spin-icon { right: 0; left: auto; } body.rtls .skin-setttings { margin-right: 40px; margin-left: 0; } body.rtls .skin-setttings { direction: ltr; } body.rtls .footer.fixed { margin-right: 220px; margin-left: 0; } @media (max-width: 992px) { body.rtls .chat-users, body.rtls .chat-statistic { margin-right: 0px; } } body.rtls.mini-navbar .footer.fixed, body.body-small.mini-navbar .footer.fixed { margin: 0 70px 0 0; } body.rtls.mini-navbar.fixed-sidebar .footer.fixed, body.body-small.mini-navbar .footer.fixed { margin: 0 0 0 0; } body.rtls.top-navigation .navbar-toggle { float: right; margin-left: 15px; margin-right: 15px; } .body-small.rtls.top-navigation .navbar-header { float: none; } body.rtls.top-navigation #page-wrapper { margin: 0; } body.rtls.mini-navbar #page-wrapper { margin: 0 70px 0 0; } body.rtls.mini-navbar.fixed-sidebar #page-wrapper { margin: 0 0 0 0; } body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper { margin: 0 220px 0 0; } body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side { width: 220px; } .body-small.rtls .navbar-fixed-top { margin-right: 0px; } .body-small.rtls .navbar-header { float: right; } body.rtls .navbar-top-links li:last-child { margin-left: 20px; } body.rtls .top-navigation #page-wrapper, body.rtls.mini-navbar .top-navigation #page-wrapper, body.rtls.mini-navbar.top-navigation #page-wrapper { margin: 0; } body.rtls .top-navigation .footer.fixed, body.rtls.top-navigation .footer.fixed { margin: 0; } @media (max-width: 768px) { body.rtls .navbar-top-links li:last-child { margin-left: 20px; } .body-small.rtls #page-wrapper { position: inherit; margin: 0 0 0 0px; min-height: 1000px; } .body-small.rtls .navbar-static-side { display: none; z-index: 2001; position: absolute; width: 70px; } .body-small.rtls.mini-navbar .navbar-static-side { display: block; } .rtls.fixed-sidebar.body-small .navbar-static-side { display: none; z-index: 2001; position: fixed; width: 220px; } .rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side { display: block; } } .rtls .ltr-support { direction: ltr; } /* * * This is style for skin config * Use only in demo theme * */ .theme-config { position: absolute; top: 90px; right: 0px; overflow: hidden; } .theme-config-box { margin-right: -220px; position: relative; z-index: 2000; transition-duration: 0.8s; } .theme-config-box.show { margin-right: 0px; } .spin-icon { background: #007bff; position: absolute; padding: 7px 10px 7px 13px; border-radius: 20px 0px 0px 20px; font-size: 16px; top: 0; left: 0px; width: 40px; color: #fff; cursor: pointer; } .skin-setttings { width: 220px; margin-left: 40px; background: #f3f3f4; } .skin-setttings .title { background: #efefef; text-align: center; text-transform: uppercase; font-weight: 600; display: block; padding: 10px 15px; font-size: 12px; } .setings-item { padding: 10px 30px; } .setings-item.skin { text-align: center; } .setings-item .switch { float: right; } .skin-name a { text-transform: uppercase; } .setings-item a { color: #fff; } .default-skin, .blue-skin, .ultra-skin, .yellow-skin { text-align: center; } .default-skin { font-weight: 600; background: #007bff; } .default-skin:hover { background: #199d82; } .blue-skin { font-weight: 600; background: url("patterns/header-profile-skin-1.png") repeat scroll 0 0; } .blue-skin:hover { background: #0d8ddb; } .yellow-skin { font-weight: 600; background: url("patterns/header-profile-skin-3.png") repeat scroll 0 100%; } .yellow-skin:hover { background: #ce8735; } .ultra-skin { font-weight: 600; background: url("patterns/header-profile-skin-2.png") repeat scroll 0 0; } .ultra-skin:hover { background: #1a2d40; } /* * * SKIN 1 - H+ - Admin Theme * NAME - Blue light * */ .skin-1 .minimalize-styl-2 { margin: 14px 5px 5px 30px; } .skin-1 .navbar-top-links li:last-child { margin-right: 30px; } .skin-1.fixed-nav .minimalize-styl-2 { margin: 14px 5px 5px 15px; } .skin-1 .spin-icon { background: #0e9aef !important; } .skin-1 .nav-header { background: #0e9aef; background: url('patterns/header-profile-skin-1.png'); } .skin-1.mini-navbar .nav-second-level { background: #3e495f; } .skin-1 .breadcrumb { background: transparent; } .skin-1 .page-heading { border: none; } .skin-1 .nav > li.active { background: #3a4459; } .skin-1 .nav > li > a { color: #9ea6b9; } .skin-1 .nav > li.active > a { color: #fff; } .skin-1 .navbar-minimalize { background: #0e9aef; border-color: #0e9aef; } body.skin-1 { background: #3e495f; } .skin-1 .navbar-static-top { background: #ffffff; } .skin-1 .dashboard-header { background: transparent; border-bottom: none !important; border-top: none; padding: 20px 30px 10px 30px; } .fixed-nav.skin-1 .navbar-fixed-top { background: #fff; } .skin-1 .wrapper-content { padding: 30px 15px; } .skin-1 #page-wrapper { background: #f4f6fa; } .skin-1 .ibox-title, .skin-1 .ibox-content { border-width: 1px; } .skin-1 .ibox-content:last-child { border-style: solid solid solid solid; } .skin-1 .nav > li.active { border: none; } .skin-1 .nav-header { padding: 35px 25px 25px 25px; } .skin-1 .nav-header a.dropdown-toggle { color: #fff; margin-top: 10px; } .skin-1 .nav-header a.dropdown-toggle .text-muted { color: #fff; opacity: 0.8; } .skin-1 .profile-element { text-align: center; } .skin-1 .img-circle { border-radius: 5px; } .skin-1 .navbar-default .nav > li > a:hover, .skin-1 .navbar-default .nav > li > a:focus { background: #3a4459; color: #fff; } .skin-1 .nav.nav-tabs > li.active > a { color: #555; } .skin-1 .nav.nav-tabs > li.active { background: transparent; } /* * * SKIN 2 - H+ - Admin Theme * NAME - Ultra * */ body.skin-2 { color: #565758 !important; } .skin-2 .minimalize-styl-2 { margin: 14px 5px 5px 25px; } .skin-2 .navbar-top-links li:last-child { margin-right: 25px; } .skin-2 .spin-icon { background: #007bff !important; } .skin-2 .nav-header { background: #007bff; background: url('patterns/header-profile-skin-2.png'); } .skin-2.mini-navbar .nav-second-level { background: #ededed; } .skin-2 .breadcrumb { background: transparent; } .skin-2.fixed-nav .minimalize-styl-2 { margin: 14px 5px 5px 15px; } .skin-2 .page-heading { border: none; background: rgba(255, 255, 255, 0.7); } .skin-2 .nav > li.active { background: #e0e0e0; } .skin-2 .logo-element { padding: 17px 0; } .skin-2 .nav > li > a, .skin-2 .welcome-message { color: #edf6ff; } .skin-2 #top-search::-moz-placeholder { color: #edf6ff; opacity: 0.5; } .skin-2 #side-menu > li > a, .skin-2 .nav.nav-second-level > li > a { color: #586b7d; } .skin-2 .nav > li.active > a { color: #213a53; } .skin-2.mini-navbar .nav-header { background: #213a53; } .skin-2 .navbar-minimalize { background: #007bff; border-color: #007bff; } .skin-2 .border-bottom { border-bottom: none !important; } .skin-2 #top-search { color: #fff; } body.skin-2 #wrapper { background-color: #ededed; } .skin-2 .navbar-static-top { background: #213a53; } .fixed-nav.skin-2 .navbar-fixed-top { background: #213a53; border-bottom: none !important; } .skin-2 .nav-header { padding: 30px 25px 30px 25px; } .skin-2 .dashboard-header { background: rgba(255, 255, 255, 0.4); border-bottom: none !important; border-top: none; padding: 20px 30px 20px 30px; } .skin-2 .wrapper-content { padding: 30px 15px; } .skin-2 .dashoard-1 .wrapper-content { padding: 0px 30px 25px 30px; } .skin-2 .ibox-title { background: rgba(255, 255, 255, 0.7); border: none; margin-bottom: 1px; } .skin-2 .ibox-content { background: rgba(255, 255, 255, 0.4); border: none !important; } .skin-2 #page-wrapper { background: #f6f6f6; background: -webkit-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%); background: -o-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%); background: -ms-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%); background: radial-gradient(ellipse at center, #f6f6f6 20%, #d5d5d5 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#d5d5d5)"; } .skin-2 .ibox-title, .skin-2 .ibox-content { border-width: 1px; } .skin-2 .ibox-content:last-child { border-style: solid solid solid solid; } .skin-2 .nav > li.active { border: none; } .skin-2 .nav-header a.dropdown-toggle { color: #edf6ff; margin-top: 10px; } .skin-2 .nav-header a.dropdown-toggle .text-muted { color: #edf6ff; opacity: 0.8; } .skin-2 .img-circle { border-radius: 10px; } .skin-2 .nav.navbar-top-links > li > a:hover, .skin-2 .nav.navbar-top-links > li > a:focus { background: #1a2d41; } .skin-2 .navbar-default .nav > li > a:hover, .skin-2 .navbar-default .nav > li > a:focus { background: #e0e0e0; color: #213a53; } .skin-2 .nav.nav-tabs > li.active > a { color: #555; } .skin-2 .nav.nav-tabs > li.active { background: transparent; } /* * * SKIN 3 - H+ - Admin Theme * NAME - Yellow/purple * */ .skin-3 .minimalize-styl-2 { margin: 14px 5px 5px 30px; } .skin-3 .navbar-top-links li:last-child { margin-right: 30px; } .skin-3.fixed-nav .minimalize-styl-2 { margin: 14px 5px 5px 15px; } .skin-3 .spin-icon { background: #ecba52 !important; } body.boxed-layout.skin-3 #wrapper { background: #3e2c42; } .skin-3 .nav-header { background: #ecba52; background: url('patterns/header-profile-skin-3.png'); } .skin-3.mini-navbar .nav-second-level { background: #3e2c42; } .skin-3 .breadcrumb { background: transparent; } .skin-3 .page-heading { border: none; } .skin-3 .nav > li.active { background: #38283c; } .fixed-nav.skin-3 .navbar-fixed-top { background: #fff; } .skin-3 .nav > li > a { color: #948b96; } .skin-3 .nav > li.active > a { color: #fff; } .skin-3 .navbar-minimalize { background: #ecba52; border-color: #ecba52; } body.skin-3 { background: #3e2c42; } .skin-3 .navbar-static-top { background: #ffffff; } .skin-3 .dashboard-header { background: transparent; border-bottom: none !important; border-top: none; padding: 20px 30px 10px 30px; } .skin-3 .wrapper-content { padding: 30px 15px; } .skin-3 #page-wrapper { background: #f4f6fa; } .skin-3 .ibox-title, .skin-3 .ibox-content { border-width: 1px; } .skin-3 .ibox-content:last-child { border-style: solid solid solid solid; } .skin-3 .nav > li.active { border: none; } .skin-3 .nav-header { padding: 35px 25px 25px 25px; } .skin-3 .nav-header a.dropdown-toggle { color: #fff; margin-top: 10px; } .skin-3 .nav-header a.dropdown-toggle .text-muted { color: #fff; opacity: 0.8; } .skin-3 .profile-element { text-align: center; } .skin-3 .img-circle { border-radius: 5px; } .skin-3 .navbar-default .nav > li > a:hover, .skin-3 .navbar-default .nav > li > a:focus { background: #38283c; color: #fff; } .skin-3 .nav.nav-tabs > li.active > a { color: #555; } .skin-3 .nav.nav-tabs > li.active { background: transparent; } @media (min-width: 768px) { #page-wrapper { position: inherit; margin: 0 0 0 220px; min-height: 1200px; } .navbar-static-side { z-index: 2001; position: absolute; width: 220px; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { margin-left: auto; } } @media (max-width: 768px) { #page-wrapper { position: inherit; margin: 0 0 0 0px; min-height: 1000px; } .body-small .navbar-static-side { display: none; z-index: 2001; position: absolute; width: 70px; } .body-small.mini-navbar .navbar-static-side { display: block; } .lock-word { display: none; } .navbar-form-custom { display: none; } .navbar-header { display: inline; float: left; } .sidebard-panel { z-index: 2; position: relative; width: auto; min-height: 100% !important; } .sidebar-content .wrapper { padding-right: 0px; z-index: 1; } .fixed-sidebar.body-small .navbar-static-side { display: none; z-index: 2001; position: fixed; width: 220px; } .fixed-sidebar.body-small.mini-navbar .navbar-static-side { display: block; } .ibox-tools { float: none; text-align: right; display: block; } } @media (max-width: 350px) { .timeline-item .date { text-align: left; width: 110px; position: relative; padding-top: 30px; } .timeline-item .date i { position: absolute; top: 0; left: 15px; padding: 5px; width: 30px; text-align: center; border: 1px solid #e7eaec; background: #f8f8f8; } .timeline-item .content { border-left: none; border-top: 1px solid #e7eaec; padding-top: 10px; min-height: 100px; } .nav.navbar-top-links li.dropdown { display: none; } .ibox-tools { float: none; text-align: left; display: inline-block; } } /* Only demo */ @media (max-width: 1000px) { .welcome-message { display: none; } } /* ECHARTS */ .echarts { height: 240px; } /* radio */ input[type="checkbox"], input[type="radio"] { vertical-align:middle; margin:0 5px 0 15px; -webkit-appearance: none; appearance: none; width: 16px; height: 16px; background: white; border: 1px solid #ccc; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; box-sizing: content-box \9; width: 16px \9; height: 16px \9; border-width: 0 \9; } input[type="radio"] { -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; width: 15px; height: 15px; outline: none; } input[type="checkbox"]:hover { border-color: #c6c6c6; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: none \9; } input[type="checkbox"]:active, input[type="radio"]:active { border-color: #c6c6c6; background-color: #ebebeb; outline: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0); } input[type="checkbox"]:checked, input[type="radio"]:checked { background: #fff; } input[type="checkbox"]:checked::after { content: url(../../images/admin/i_16_checked.png); display: block; position: absolute; top: -1px; left: -1px; } input[type="radio"]:checked::after { content: ''; display: block; position: relative; top: 3px; left: 3px; width: 7px; height: 7px; background: #666; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; } input[type="checkbox"]:focus, input[type="radio"]:focus { outline: none; border-color: #4d90fe; } /* radio */ .btn:active{outline: none;} .fl{float: left;} .fr{float: right;} .row{margin: 0 !important; padding: 0 !important;} .tnav h2{ margin:15px 0} .tnav .breadcrumb{margin:20px 0 0 10px} .tn{ text-align: center;} ================================================ FILE: static/check/css/login.css ================================================ @charset "utf-8"; /* login */ html,body{ overflow:hidden;} body{ background: #65cea7 url("/images/login/login-bg.jpg") no-repeat fixed; background-size: cover; width: 100%; height: 100%;} .log_header { width: 100%; height: 55px; line-height: 55px; position: absolute; left: 0; top: 0px; } .H_login { height: 55px; float: left; } .H_Pelse { text-align: right; padding-right: 30px; font-size: 15px; color: #fff; } .H_Pelse a { font-size: 13px; color: #fff; display: inline-block; margin: 0 10px; } .log_foot { width: 100%; height: 50px; line-height: 50px; position: absolute; left: 0; bottom: 0px; } .log_foot p { text-align: center; font-size: 14px; color: #fff; } .log_foot p a{ color: #fff;} .form-signin { max-width: 330px; margin: 100px auto; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; } .form-signin .form-signin-heading { margin: 0; padding: 25px 15px; text-align: center; color: #fff; position: relative; } .sign-title { font-size: 24px; color: #fff; position: absolute; top: -60px; left: 0; text-align: center; width: 100%; text-transform: uppercase; } .login-wrap { padding: 20px; position: relative; } .form-signin input[type="text"], .form-signin input[type="password"] { margin-bottom: 5px; border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #6bc5a4; background: #fff; box-shadow: none; font-size: 12px; text-indent: 2em; } .form-signin .btn-login { background: #6bc5a4; color: #fff; text-transform: uppercase; font-weight: normal; font-family: 'Open Sans', sans-serif; margin: 20px 0 5px; padding: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-size: 30px; outline: none; } .form-signin .btn-login:hover { background: #688ac2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .form-signin p { text-align: left; color: #b6b6b6; font-size: 16px; font-weight: normal; } .form-signin a, .form-signin a:hover { color: #6bc5a4; } .form-signin a:hover { text-decoration: underline; } .form-signin #imgVerify { position: absolute; right: 15px; top: 6px; } .form-signin .left-input-icon { position: absolute; left: 15px; top: 12px; color: #999; -webkit-transition: color; transition: color; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .Validform_checktip {overflow:hidden;color:#999;font-size:12px;margin: 0;display: block;} .Validform_right {display: none;} .Validform_wrong {color:#ef4836;white-space:nowrap;font-weight: normal;} .Validform_loading {padding-left:20px;} .Validform_error {border:1px solid #ef4836 !important;} #eMsg{ display: none;} /* Progress bar Custom styles ---------------------------------------------------------------------------------------------- */ .p0{padding:0;}.s16{font-size:15px; vertical-align: middle;} .mb10{margin-bottom: 10px;} .progress { height: 8px; margin-bottom: 20px; overflow: hidden; background-color: #e6e7e8; border-radius: 5px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #ffffff; text-align: center; background-color: @primary; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-bar-success { background-color: @success; } .progress-bar-info { background-color: @info; } .progress-bar-warning { background-color: @warning; } .progress-bar-danger { background-color: @danger; } @media (max-width: 767px){.log_foot{display: none;} @media (min-width:768px){.log_foot{display: none;}} @media (min-width:992px){.log_foot{display: none;}} @media (min-width:1200px){.log_foot{display: block;}} @media (max-width:500px) { body { background: #23bab5 ; } } ================================================ FILE: static/css/animate.css ================================================ @charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } ================================================ FILE: static/css/bak/animate.css ================================================ @charset "UTF-8";/*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} ================================================ FILE: static/css/datatables/datatables-site.css ================================================ /* This CSS file uses code with the following licenses: ------ Gridism A simple, responsive, and handy CSS grid by @cobyism https://github.com/cobyism/gridism ------ YUI 3.14.0 (build a01e97d) Copyright 2013 Yahoo! Inc. All rights reserved. Licensed under the BSD License. http://yuilibrary.com/license/ */ html { color: #000; background: #FFF } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } fieldset,img { border: 0 } address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal } ol,ul { list-style: none } caption,th { text-align: left } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal } q:before,q:after { content: '' } abbr,acronym { border: 0; font-variant: normal } sup { vertical-align: text-top } sub { vertical-align: text-bottom } input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100% } legend { color: #000 } #yui3-css-stamp.cssreset { display: none } .grid,.unit { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .grid { display: block; clear: both; margin-left: -10px; margin-right: -10px } .grid.margin { margin-left: 0; margin-right: 0 } .grid .unit { float: left; width: 100%; padding: 0 10px } .unit .unit:first-child { padding-left: 0 } .unit .unit:last-child { padding-right: 0 } .unit .grid:first-child>.unit { padding-top: 0 } .unit .grid:last-child>.unit { padding-bottom: 0 } .no-gutters .unit,.unit.no-gutters { padding: 0 !important } .wrap .grid,.grid.wrap { max-width: 978px; margin: 0 auto } .grid .whole,.grid .w-1-1 { width: 100% } .grid .half,.grid .w-1-2 { width: 50% } .grid .one-third,.grid .w-1-3 { width: 33.3332% } .grid .two-thirds,.grid .w-2-3 { width: 66.6665% } .grid .one-quarter,.grid .w-1-4 { width: 25% } .grid .three-quarters,.grid .w-3-4 { width: 75% } .grid .one-fifth,.grid .w-1-5 { width: 20% } .grid .two-fifths,.grid .w-2-5 { width: 40% } .grid .three-fifths,.grid .w-3-5 { width: 60% } .grid .four-fifths,.grid .w-4-5 { width: 80% } .grid .one-sixth,.grid .w-1-6 { width: 16.6665% } .grid .golden-small,.grid .w-g-s { width: 38.2716% } .grid .golden-large,.grid .w-g-l { width: 61.7283% } .grid { *zoom: 1 } .grid:before,.grid:after { display: table; content: ""; line-height: 0 } .grid:after { clear: both } .align-center { text-align: center } .align-left { text-align: left } .align-right { text-align: right } .pull-left { float: left } .pull-right { float: right } @media screen and (max-width: 568px) { .grid .unit { width: 100% !important; padding-left: 20px; padding-right: 20px } .unit .grid .unit { padding-left: 0px; padding-right: 0px } .center-on-mobiles { text-align: center !important } .hide-on-mobiles { display: none !important } } @media screen and (min-width: 1180px) { .wider .grid { max-width: 1180px; margin: 0 auto } } .syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter table,.syntaxhighlighter table td,.syntaxhighlighter table tr,.syntaxhighlighter table tbody,.syntaxhighlighter table thead,.syntaxhighlighter table caption,.syntaxhighlighter textarea { -moz-border-radius: 0 0 0 0 !important; -webkit-border-radius: 0 0 0 0 !important; background: none !important; border: 0 !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0 !important; outline: 0 !important; overflow: visible !important; padding: 0 !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: "Source Code Pro","Consolas","Monaco","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; min-height: inherit !important; min-height: auto !important; white-space: nowrap } .syntaxhighlighter { width: 100% !important; margin: 1em 0 1em 0 !important; position: relative !important; overflow: auto !important; font-size: 1em !important; clear: both; box-shadow: inset 0 0 3px #555; padding: 5px 3px; background: #f8f8f8 !important; box-sizing: border-box } .syntaxhighlighter.source { overflow: hidden !important } .syntaxhighlighter .bold { font-weight: bold !important } .syntaxhighlighter .italic { font-style: italic !important } .syntaxhighlighter .line { white-space: nowrap !important } .syntaxhighlighter table { width: 100% !important } .syntaxhighlighter table caption { text-align: left !important; padding: .5em 0 0.5em 1em !important } .syntaxhighlighter table td.code { width: 100% !important } .syntaxhighlighter table td.code .container { position: relative !important } .syntaxhighlighter table td.code .container textarea { box-sizing: border-box !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; border: none !important; background: white !important; padding-left: 1em !important; overflow: hidden !important; white-space: pre !important } .syntaxhighlighter table td.gutter .line { text-align: right !important; padding: 2px 0.5em 2px 1em !important } .syntaxhighlighter table td.code .line { padding: 2px 1em !important } .syntaxhighlighter.nogutter td.code .container textarea,.syntaxhighlighter.nogutter td.code .line { padding-left: 0em !important } .syntaxhighlighter.show { display: block !important } .syntaxhighlighter.collapsed table { display: none !important } .syntaxhighlighter.collapsed .toolbar { padding: 0.1em 0.8em 0em 0.8em !important; font-size: 1em !important; position: static !important; width: auto !important; height: auto !important } .syntaxhighlighter.collapsed .toolbar span { display: inline !important; margin-right: 1em !important } .syntaxhighlighter.collapsed .toolbar span a { padding: 0 !important; display: none !important } .syntaxhighlighter.collapsed .toolbar span a.expandSource { display: inline !important } .syntaxhighlighter .toolbar { position: absolute !important; right: 10px !important; top: 0 !important; font-size: 10px !important; z-index: 7 !important } .syntaxhighlighter .toolbar span.title { display: inline !important } .syntaxhighlighter .toolbar a { display: block !important; text-align: center !important; text-decoration: none !important; padding-top: 1px !important } .syntaxhighlighter .toolbar a.expandSource { display: none !important } .syntaxhighlighter.ie { font-size: .9em !important; padding: 1px 0 1px 0 !important } .syntaxhighlighter.ie .toolbar { line-height: 8px !important } .syntaxhighlighter.ie .toolbar a { padding-top: 0px !important } .syntaxhighlighter.printing .line.alt1 .content,.syntaxhighlighter.printing .line.alt2 .content,.syntaxhighlighter.printing .line.highlighted .number,.syntaxhighlighter.printing .line.highlighted.alt1 .content,.syntaxhighlighter.printing .line.highlighted.alt2 .content { background: none !important } .syntaxhighlighter.printing .line .number { color: #bbbbbb !important } .syntaxhighlighter.printing .line .content { color: black !important } .syntaxhighlighter.printing .toolbar { display: none !important } .syntaxhighlighter.printing a { text-decoration: none !important } .syntaxhighlighter.printing .plain,.syntaxhighlighter.printing .plain a { color: black !important } .syntaxhighlighter.printing .comments,.syntaxhighlighter.printing .comments a { color: #008200 !important } .syntaxhighlighter.printing .string,.syntaxhighlighter.printing .string a { color: blue !important } .syntaxhighlighter.printing .keyword { color: #006699 !important; font-weight: bold !important } .syntaxhighlighter.printing .preprocessor { color: gray !important } .syntaxhighlighter.printing .variable { color: #aa7700 !important } .syntaxhighlighter.printing .value { color: #009900 !important } .syntaxhighlighter.printing .functions { color: #ff1493 !important } .syntaxhighlighter.printing .constants { color: #0066cc !important } .syntaxhighlighter.printing .script { font-weight: bold !important } .syntaxhighlighter.printing .color1,.syntaxhighlighter.printing .color1 a { color: gray !important } .syntaxhighlighter.printing .color2,.syntaxhighlighter.printing .color2 a { color: #ff1493 !important } .syntaxhighlighter.printing .color3,.syntaxhighlighter.printing .color3 a { color: red !important } .syntaxhighlighter.printing .break,.syntaxhighlighter.printing .break a { color: black !important } .syntaxhighlighter { font-size: 13px !important; overflow: visible !important } .syntaxhighlighter .line.alt1 { background-color: white !important } .syntaxhighlighter .line.alt2 { background-color: #F8F8F8 !important } .syntaxhighlighter .line.highlighted.alt1,.syntaxhighlighter .line.highlighted.alt2 { background-color: #e0e0e0 !important } .syntaxhighlighter .line.highlighted.number { color: black !important } .syntaxhighlighter table caption { color: black !important } .syntaxhighlighter .gutter div { color: #5C5C5C !important } .syntaxhighlighter .gutter .line.alt1,.syntaxhighlighter .gutter .line.alt2 { background-color: transparent !important } .odd .syntaxhighlighter .gutter .line.alt1,.odd .syntaxhighlighter .gutter .line.alt2 { background-color: #F2F2F2 !important } .syntaxhighlighter .gutter .line { border-right: 3px solid #4E6CA3 !important } .syntaxhighlighter .gutter .line.highlighted { background-color: #4E6CA3 !important; color: white !important } .syntaxhighlighter.printing .line .content { border: none !important } .syntaxhighlighter.collapsed { overflow: visible !important } .syntaxhighlighter.collapsed .toolbar { color: blue !important; background: white !important; border: 1px solid #4E6CA3 !important } .syntaxhighlighter.collapsed .toolbar a { color: blue !important } .syntaxhighlighter.collapsed .toolbar a:hover { color: red !important } .syntaxhighlighter .toolbar { color: white !important; border: none !important } .syntaxhighlighter .toolbar a { font: 100%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif !important; color: white !important; background: #4E6CA3 !important; float: right !important; padding: 2px 5px !important; clear: both } .syntaxhighlighter .toolbar a:hover { color: #b7c5df !important; background: #39568b !important } .syntaxhighlighter .plain,.syntaxhighlighter .plain a { color: black !important } .syntaxhighlighter .comments,.syntaxhighlighter .comments a { color: #008200 !important } .syntaxhighlighter .string,.syntaxhighlighter .string a { color: blue !important } .syntaxhighlighter .keyword { color: #006699 !important } .syntaxhighlighter .preprocessor { color: gray !important } .syntaxhighlighter .variable { color: #aa7700 !important } .syntaxhighlighter .value { color: #009900 !important } .syntaxhighlighter .functions { color: #ff1493 !important } .syntaxhighlighter .constants { color: #0066cc !important } .syntaxhighlighter .script { font-weight: bold !important; color: #006699 !important; background-color: none !important } .syntaxhighlighter .color1,.syntaxhighlighter .color1 a { color: gray !important } .syntaxhighlighter .color2,.syntaxhighlighter .color2 a { color: #ff1493 !important } .syntaxhighlighter .color3,.syntaxhighlighter .color3 a { color: red !important } .syntaxhighlighter .keyword { font-weight: bold !important } .datatables_ref:hover { text-decoration: underline; cursor: pointer; *cursor: hand } .syntaxhighlighter .dtapi { color: #069 } .syntaxhighlighter .dtapi:hover { text-decoration: underline; cursor: pointer; *cursor: hand } .syntaxhighlighter table { table-layout: fixed !important } .syntaxhighlighter table td.gutter { width: 46px !important } .syntaxhighlighter table td.code { width: auto !important; overflow: auto !important } #lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer } #lbCenter,#lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff } .lbLoading { background: #fff url(../images/slimbox/loading.gif) no-repeat center } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat } #lbPrevLink,#lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none } #lbPrevLink { left: 0 } #lbPrevLink:hover { background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0 15% } #lbNextLink { right: 0 } #lbNextLink:hover { background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15% } #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/slimbox/closelabel.gif) no-repeat center; margin: 5px 0; outline: none } #lbCaption,#lbNumber { margin-right: 71px } #lbCaption { font-weight: bold } @font-face { font-family:'ralewaythin';src:url("../font/raleway_thin-webfont.eot");src:url("../font/raleway_thin-webfont.eot?#iefix") format("embedded-opentype"),url("../font/raleway_thin-webfont.woff") format("woff"),url("../font/raleway_thin-webfont.ttf") format("truetype");font-weight:normal;font-style:normal } html { height: 100%; font-size: inherit !important } body { font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif !important; margin: 0; padding: 0; color: #333; background-color: #fff; position: relative; /* padding-bottom: 220px !important; */ padding-bottom: 20px !important; height: auto !important; min-height: 100%; box-sizing: border-box; -webkit-font-smoothing: inherit } p { margin: 1em 0 } p:first-child { margin-top: 0 } p:last-child { margin-bottom: 0 } a { cursor: pointer; color: #3174c7; text-decoration: none } p a[href^="http"]:not([href*="datatables.net"]) { background: url(../images/external-site.gif) no-repeat right center; padding-right: 1em } a:hover { text-decoration: underline } img.lightbox { outline: 2px solid #3174C7; outline-offset: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } h2 { font-size: 2em; margin: 1.5em 0 0.5em 0 } h3 { font-size: 1.4em; line-height: 1.4em; margin: 1em 0 0.5em 0 } h3 span { font-size: 0.8em } h4 { font-size: 1.4em; margin: 0.5em 0 } h5 { font-size: 1.2em; margin: 0.5em 0 } h6 { font-size: 1.1em; margin: 1.5em 0 0.5em 0 } em { font-style: italic } strong { font-weight: bold } span.small,p.small { font-size: 0.8em } img.markdown { display: block; margin: 0 auto; max-width: 100% } ol.markdown,ol.formatting,ul.markdown,ul.formatting { margin: 1.5em 2em 1.5em 1em } ol.markdown li,ol.formatting li,ul.markdown li,ul.formatting li { border-bottom: 1px solid #e6e6e6; padding: 0.5em 0.5em } ol.markdown li:before,ol.formatting li:before,ul.markdown li:before,ul.formatting li:before { content: "- "; color: #ccc } ol.markdown li:first-child,ol.formatting li:first-child,ul.markdown li:first-child,ul.formatting li:first-child { border-top: 1px solid #efefef } ol.markdown li:last-child,ol.formatting li:last-child,ul.markdown li:last-child,ul.formatting li:last-child { border-bottom: 1px solid #efefef } ol.markdown li:hover,ol.formatting li:hover,ul.markdown li:hover,ul.formatting li:hover { background-color: #f6f6f6 } ol.markdown ul,ol.formatting ul,ul.markdown ul,ul.formatting ul { margin: 0.5em 0 0 1em } ol.markdown ul li,ol.formatting ul li,ul.markdown ul li,ul.formatting ul li { font-size: 0.9em; padding: 0.25em 0.5em } ol.markdown ul li:first-child,ol.formatting ul li:first-child,ul.markdown ul li:first-child,ul.formatting ul li:first-child { border-top: none } ol.markdown ul li:last-child,ol.formatting ul li:last-child,ul.markdown ul li:last-child,ul.formatting ul li:last-child { border-bottom: none } ol { list-style-type: decimal } ol>li { text-indent: 0 !important } /* ol>li:before { content: "" !important } */ ul.blog_link_list span { float: right } div.dataTables_wrapper li { text-indent: 0 } div.dataTables_wrapper li:before { content: "" } code { font-family: "Source Code Pro", Consolas, Menlo, Monaco, "Courier New", monospace; padding: 1px 4px; font-size: 0.8em; color: #444; background-color: #fcfcfc; border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } code:after { display: inline-block; border-left: 1px solid rgba(0,0,0,0.2); margin-left: 4px; padding-left: 4px; opacity: 0.5 } a code { text-decoration: underline } code.option { color: #D14; background-color: #fcf6f8; border: 1px solid #f7d6df; white-space: nowrap } code.option:after { content: 'Option' } code.path { color: #095c05; background-color: #eef7ed; border: 1px solid #8ccb89; white-space: nowrap } code.path:after { content: 'Path' } code.tag { color: #c29f00; background-color: #fff9d7; border: 1px solid #ffe700; white-space: nowrap } code.tag:after { content: 'Tag' } code.api { color: #0c199c; background-color: #f4f5fc; border: 1px solid #c6cbe9; white-space: nowrap } code.api:after { content: 'API' } code.type { color: #d119cf; background-color: #faebfa; border: 1px solid #f3aef2; white-space: nowrap } code.type:after { content: 'Type' } code.event { color: #2a839e; background-color: #f5fafb; border: 1px solid #a8ddec; white-space: nowrap } code.event:after { content: 'Event' } code.string { color: #c05f1d; background-color: #f5eee9; border: 1px solid #dfc4b2; white-space: nowrap } code.string:after { content: 'String' } code.field { color: #ad1ee8; background-color: #f9f1fc; border: 1px solid #ebc9f7; white-space: nowrap } code.field:after { content: 'Field' } code.button { color: #464e50; background-color: #f2f7f9; border: 1px solid #b8c3c5; white-space: nowrap } code.button:after { content: 'Button' } code.multiline { display: inline-block; width: 95% } div.syntaxhighlighter code:after { display: none } blockquote { margin: 1em; border: 1px solid #CCC; background-color: #F9F9F9; padding: 1em; border-radius: 0.25em } aside { width: 33%; float: right; font-size: 0.9em; line-height: 1.45em; margin: 0 1em 1em 1em; box-shadow: 2px 2px 6px rgba(0,0,0,0.2); border: 1px solid #CCC; background-color: #F9F9F9; padding: 1em; border-radius: 0.25em } aside h1 { margin: -1em; padding: 1.5em 1em 0.5em 1em; font-weight: bold } aside h1:first-child { padding-top: 0.5em } aside h2 { margin: -1em; padding: 1em; font-size: 1.3em } aside ul { margin: 1em 0em !important } aside ul li { text-indent: 0; padding: 0.25em 0 !important } aside ul li::before { content: "" } aside ul:last-child { margin-bottom: 0.5em } div.fw-nav ul,div.fw-page-nav ul { position: relative; margin: 0 } div.fw-nav ul li:before,div.fw-page-nav ul li:before { content: none } div.fw-nav ul li,div.fw-page-nav ul li { position: relative; width: 100%; left: 0; right: 0; border: none; padding: 0; text-indent: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } div.fw-nav ul li li,div.fw-page-nav ul li li { text-indent: 2em; font-size: 0.9em } div.fw-nav ul li li li,div.fw-page-nav ul li li li { text-indent: 4em; font-size: 0.9em } div.fw-nav ul span.ellipsis,div.fw-page-nav ul span.ellipsis { background-color: #eee; border-radius: 4px; display: inline-block; text-align: center; padding: 0 0.5em; text-indent: 0 } div.fw-nav ul ul li.sub>a:after,div.fw-page-nav ul ul li.sub>a:after { background: url(../images/nav-section.gif) no-repeat center center; display: inline-block; content: "."; color: transparent; width: 18px } div.fw-nav a,div.fw-page-nav a { display: block; padding: 0.33em 0 } div.fw-nav li li a,div.fw-page-nav li li a { padding: 0.2em 0 } div.fw-nav li.active,div.fw-nav li.sub-active,div.fw-page-nav li.active,div.fw-page-nav li.sub-active { background-color: rgba(200,200,200,0.1) } div.fw-nav li.active a,div.fw-nav li.sub-active a,div.fw-page-nav li.active a,div.fw-page-nav li.sub-active a { border-right: 4px solid #ddd } div.fw-nav li ul li.active a,div.fw-nav li ul li.sub-active a,div.fw-page-nav li ul li.active a,div.fw-page-nav li ul li.sub-active a { border-right: 4px solid #ccc } div.fw-nav li.active>a,div.fw-page-nav li.active>a { border-right: 4px solid #458ae0 !important; background-color: rgba(200,200,200,0.4); color: black } div.fw-nav a:hover,div.fw-page-nav a:hover { text-decoration: none; background-color: rgba(100,100,100,0.15) !important } div.fw-page-nav li a { border-left: 4px solid transparent } div.fw-page-nav li.active>a { border-left: 4px solid #458ae0 !important; border-right: none !important; background-color: #f1f1f1 !important; color: black } div.fw-page-nav li.active a,div.fw-page-nav li.sub-active a { border-left: 4px solid #ddd; border-right: none; background-color: #f9f9f9 } div.fw-page-nav div.page-nav-title { display: none } div.fw-page-nav>div.page-nav { padding: 0 } div.fw-background { position: absolute; top: -677px; left: 0; width: 100%; height: 800px; background: #3a7fd5; background: linear-gradient(to right, #3a7fd5, #6ebce2); transform: skew(0, -1.5deg); transform-origin: bottom left; box-shadow: inset 0 -3px 10px rgba(0,0,0,0.1) } div.fw-background.grey { top: 0; background: #edf0f4; background: linear-gradient(to right, #edf0f4, #ebeef2) } div.fw-container-full { position: relative; margin: 0; max-width: 100%; clear: both } div.fw-container-full div.fw-background { height: auto; top: 0; bottom: 0; transform-origin: top right } div.fw-container-full div.content { margin-top: 9em } div.fw-hero { display: none } div.fw-hero h1 { color: white; font-size: 3em; font-weight: bold; margin-top: 2em; margin-bottom: 1em; line-height: 1.25em } div.fw-hero div.hero-callout { background-color: white; padding: 1.5em; box-shadow: 3px 3px 20px rgba(0,0,0,0.3); border-radius: 3px } div.fw-hero div.hero-item { color: white; font-size: 1.2em; padding: 0.5em 0 0 0; margin: 2em 0 1em 0 } div.fw-hero div.hero-item:first-child { padding: 0; margin-top: 0 } div.fw-hero div.hero-item span.number { font-weight: bold; font-size: 1.5em; vertical-align: text-bottom } div.fw-hero div.hero-item span.number:after { display: inline; color: #103665; content: '-'; padding: 0 4px 0 9px; font-weight: 100 } div.fw-hero div.cdn,div.fw-hero div.syntaxhighlighter { background: rgba(0,0,0,0.5) !important; border-radius: 3px; box-shadow: none !important } div.fw-hero div.cdn *,div.fw-hero div.syntaxhighlighter * { background: transparent !important; border: none !important } div.fw-hero div.cdn { padding: 5px } div.fw-hero div.cdn span { color: white; font-weight: bold } div.fw-hero div.cdn input,div.fw-hero div.cdn a { color: #d6d6d6 } div.fw-hero div.syntaxhighlighter div { line-height: 1.4em !important } div.fw-hero div.syntaxhighlighter .toolbar { display: none } div.fw-hero div.syntaxhighlighter .line.alt2,div.fw-hero div.syntaxhighlighter .line.alt1 { background: transparent !important } div.fw-hero div.syntaxhighlighter .gutter .line { border: none !important; color: #888 !important } div.fw-hero div.syntaxhighlighter .plain { color: #d6d6d6 !important } div.fw-hero div.syntaxhighlighter .string { color: white !important } div.fw-hero div.syntaxhighlighter .keyword { color: #6ebce2 !important } div.fw-hero .site-btn { border-radius: 2em; background: #7bcbe5; background: linear-gradient(to bottom, #7bcbe5, #53badc); font-weight: bold; letter-spacing: 1px; padding: 1em 0; margin-top: 2.5em } div.fw-hero .site-btn:hover { box-shadow: 3px 3px 10px rgba(0,0,0,0.5) } div.fw-hero span.icon { position: relative; top: 10px; display: inline-block; height: 17px; width: 17px; background-position: center center; background-repeat: no-repeat } div.fw-hero span.i-arrow-down { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJVJREFUeNpiFDBLTWBgYFBgwAQbPpyafQHGYYHS9QzYAVwhE1DXAiBtCMSOUFyITQfYRGQrgE7BajQTA5FgWClkRAoWWBA1APF6IG6ExpgBEDuwoGnUhyoEgQIg5gfii+hWO0AF9aF8mCIHYIR8YEQ2Dmi9AJA6AFUMVwSSY0ZW+OPpuR8c0sYrgExOIE6AKQIBgAADAMr4KAni8YsuAAAAAElFTkSuQmCC) } div.fw-hero span.i-arrow-right { top: 5px; left: 4px; background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIJJREFUeNpiYCASCJilCoAwNjlGYg0AUgegXIcPp2Z/QJZnItYhQKwAxPogw9BdRJQhQJsfgFwAxB+xGUSsS0AGXYAa9BDdIEYgA+RXewbywEWQwUwMlAEFomMHSyzpQ8MHFFMXGCk1gNR0AtIgj24ASbEDiiBsBjCQGh64kj1AgAEAuXIv95gaUfgAAAAASUVORK5CYII=) } body.hero div.fw-background { top: 0 } body.hero div.fw-hero { display: block } body.hero div.nav-main { margin-top: 0.5em !important } div.fw-container { position: relative; max-width: 1140px; margin: 0 auto; clear: both; padding: 0 1em; box-sizing: border-box } div.fw-container:after { display: block; content: ''; clear: both } div.fw-container div.fw-header { position: relative; height: 70px; max-width: 1140px; width: 100%; overflow: hidden; margin: 0 auto; white-space: nowrap } div.fw-container div.fw-header a { color: white } div.fw-container div.fw-header div.nav-master { position: absolute; top: 1em; left: 0; width: 30%; min-width: 350px; z-index: 2; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } div.fw-container div.fw-header div.nav-master div.nav-item { width: 50%; display: inline-block; font-size: 1.6em; font-weight: 100; letter-spacing: 1px; padding-top: 15px } div.fw-container div.fw-header div.nav-master div.nav-item a { display: inline-block; background-repeat: no-repeat; background-position: center left; padding-left: 50px; line-height: 40px } div.fw-container div.fw-header div.nav-master div.nav-item a:hover { color: white } div.fw-container div.fw-header div.nav-master div.nav-item:nth-child(1) a { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYzM2OTczNC1lOWYxLTQ3ZmQtYTJmMS0xMTRiNDU5YzliZjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUMwMTE4MDQwNEQ4MTFFOEEyQTFCRUVFOUI3NDk2NTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUMwMTE4MDMwNEQ4MTFFOEEyQTFCRUVFOUI3NDk2NTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMzZlMDIyMC1hZmVjLTRkNGMtYTc1ZS02NjUwNTlkNjAxMDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MGMzNjk3MzQtZTlmMS00N2ZkLWEyZjEtMTE0YjQ1OWM5YmY4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+j/vutAAABitJREFUeNrEWVlslFUU/mZtZx/agdLYslYoYKGRliAJD0CCC7igqCzGGKNBI/BmIgnyoMQXjS9KImB4MCVAUkNiIMYmWDWhCC1Sw9IWp5SlQylMmZnO3tk8584/dAot//+3mXKSk3v/mTvnfP+5955tNJlMBvm09usbkKP2liYtDfXEq4jriOcRP0VskZaEiT3EV4nbiJuJW2tXrE3LyW76dOaIZz1UEAGroOET4q3ElY9ZWkRcQlxD/Ib02S36/WEa9xHQXqU6NUosSIJLafiC+ANiI39mLDbB7nTBYnOi2GyBocgEnU4n1qdSKSTiUcQiYYSDfgz6vRiKRXPihoh/JN5DQAfkLCgLkMC9xW9N7KLlcLrKMLV8hgCmhsKDfnjv3ITP209PQqeXeDuBPDYugASMt/874o/42eooQcXsarKWFROhWCSE3p5OhAL3cx/9QLyDgCZHA6gd46yZaTjO4LRaLSrmLEDVoroJg2NiGSyLZbJsyQDHJZ3yZ3DahoNsuZ+JX9HrDZiz4FmYbQ4UgiLBAK51/INkMsGPv/CFunv8w6ScBb8X4AxGVNUsKxg4JpbNOlgX65R0j21Bst7bNBxl01ctqi8ouIct6b7chnQ6xY9byIpHHgFI4NiVdPJtrZy7EKVlFZhMGujvxa3uKzzl21NNIO89vMV7GZzNWTrp4JhYJ3sKycF/OcKCZL0ZNHdrNBrD/NoVKDZZ8CQoFg2jq70FhIlvTRVZ8WYu1H1MbHC6pqsCp9EAK+eZsXqhBQvKizDFokMilUF/IIm26zGcbA/ixkBCuQsi3YzBd6/PIGHapZn62gHeZvbOFU/TjVIaISpLDNi13oWqMmP27RMZ3AsmUWzQwGXVC/B8uhnk/j98iCcyCiOOD/9dauUpx+uZeikrqeDYqhQcg/pmUxnMRi2ueOJoOBPAhRtRpKRcxWHSYs1CKzYvt2N9rQ2zXEbsauxXBNJinyLiPMVuvgj1Okv1y+/SZI2zdDocJVNlBViLtPh2C6016dDYOoivTnhx25dEvr+PJzPo6Ivj1JUwamcWo5q2v4S2/4w7qjAchhEND/K0m7d3qVBMyJXQ5uUO2kIdmjvCOEBbl3mMUe6HU9jdeBeBSArP11gfHAdZIwxjqWOA83MxUgm9uDi77qfTfkXrGeRhOgJ0JLFuiTIdeVjmM8BynhmKihX9+O/u7DatnKf8tjd3RsSFWTrLpGh9HpZyBmjjWS7ZlKNjZwNC2cZ6O0xGjaLf8Bb7yZIumzIdeVhsWrXOlP3aX51h2OmmvrTYVnDnzQCDuTRdKTW0BMT45jI7ivTyVnSYdXDSLfYGlelID2MJMsA+niXiMVVWbHFHhOtYt0TeiquqzeKSnL+uzM0MDWPpY4BduVRcDTWcHraiXje2Ffkltj7nyEaVf0MK/eCDdV0M8LwIMUG/KoDuu0PC8ZaST3yhxjomuL0bp4kt/u1iCO7+IWXhbhhLm1YqqkVpqJaOng1IztsOY95Z5FD3+lI79r9XjqppRlzqjWPfqfuK5eZhaeZYfI4DM8c+Rq6mnOy4HUdbTxR1s01o3F45arJwQm2yQBikGpqThVY95Vxpygcb6OEz751bquvdg3/6KMWiFLjcKDIcTrc8vsS40i1RLPfdfHDMGVsuYeXMoZsSVuOTTlg7L7RwYc+HdS4B7BWOmifcjmCwnp5OPCnyXOvIdR0OSZhG1CR7uHYJ+gdEATPZxDqD2W4D92t2P1IXE2L+Yrt4k54uUQpOFrEu1inRTgnLmJ0F7pVsE4X7M/UFP4987tyU4icTwkceIHDb5DoLO7kNwT9wXzyHSKhwlmTZrEMCx62PHaMlCyOodsVaXr2Z+FfumfDbDfR7CnDmPFnLZfsyJ1mnpFu+u0ULIzS8Srw/nU5TxX8Z3ZfbVMfrsbaUZbFMls06iDdIOtV3WNtbmjZJfULRwJziKoNrPA1MihDshB9qYO4kYEcm1GGVQLqkdsT7j7SA7U66SFaRput0eqkFnBTpWywaEp3VUVrAh4g/J3DeCbeAR2misyt6R+rqq/LDHL64xfa4JvqEAOYBzf0NsVoqW/lvCAafy7tCUrC/KqVzv2Ocf0P8L8AAGNbD56e7lRwAAAAASUVORK5CYII=) } div.fw-container div.fw-header div.nav-master div.nav-item:nth-child(2) { margin-left: 1em } div.fw-container div.fw-header div.nav-master div.nav-item:nth-child(2) a { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYzM2OTczNC1lOWYxLTQ3ZmQtYTJmMS0xMTRiNDU5YzliZjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjIyRTkyNzcwNEQ4MTFFOEEyQTFCRUVFOUI3NDk2NTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjIyRTkyNzYwNEQ4MTFFOEEyQTFCRUVFOUI3NDk2NTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMzZlMDIyMC1hZmVjLTRkNGMtYTc1ZS02NjUwNTlkNjAxMDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MGMzNjk3MzQtZTlmMS00N2ZkLWEyZjEtMTE0YjQ1OWM5YmY4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+B0vo5gAAA4FJREFUeNrMmctLVVEUxr0Xr5DlII826dIgwhc4sBQVbaCjZj2gfNEgUMMaN+gPCJs0kURtEtRAoyh6UCZaVNiDbCRUBjrwUWA6ycwXevpWfBs2h6PtfTqn64If95579l7ru3vfs/fa68Zc100LYHFQBmpAKcgDe8FO3l8EM+ALGAHPwXuwYR1JBFqQBO1g0rW3SfZN2sQ0beiATrCiBRwHXaAJHGSbDOLwsya2mdD6rdCXE5bAU+A7na+DPlBpOfIxUA166cOlz7p/EZjOb69sCBRZCvOjiL6UdTGWlcBM8JAOlsD5EIR5OUffLmNlmgqUb3OfHedAeQTiFOWM4TJmuonAbnaYBQURilMUMJbL2FsKrGPDXxGPnN9ILjJ2w2YCHe1pbf2P4hStjD0Pcv0Eqid2IAXiFEPeqVY39oFVsAYKUyiwkBpWqenPnirWBhKgD3yy3C2LQQcYA8uye4Jv4DY4YOlLYt+ilja1F8fBFIe2yuLbyrp1DWyw7w/wDrwEM/zsdIBRPMy+oimuniCX+2XMQtxr9vsMToCEp82egNMc0/bucpniWg7vAKfHxK6CSvAEHAJ3wZqnzWxaMHOpRawmzgBirwwdSP53hr+5k8z9wjalpVQE5vPio2HnZr5ejEicriVf5nsObxyQA+YNOk+AXJDtM61hmegRXfMygln8cMGwc5KpvFdcBbgHBkMQqLRkxUNwJsL6wRtwLPSx1NIdx3AZkCVggRlyv5Z4vgVHtuh3CbwwjJGt0j25GOVFiWHnHs9h6G/ChN3MkKYMY5TQ92icy4VYkeGg3+DrEjiuTfFW1g52gB7DGErLmAj8wItqw87D4DoDtmpn4c3sAjgLxsEVwxhKy4gMZ0VEW50cOx9o2XlhkK0u6mRBbBjst/Bb5U0W0njiF7sZYHMvBh1gDCzTz1dwBxzlANj466WPdj1hTfLEvx0S1nVqSXpT/k4qf5pCgYPaYd730KQW7ZYUiGvRzuLOZsfOejZaTOGxs3E7H9x7TCoLGZ7SR1mE4so8pY8Mm+LRY6141ByBuGbuz2KPbIpHioQ23S6fsKKQlpJBzW+3zy5kVcCs9xQwewMWMKt8CpgNYZWAc7g2+ZWAG5keORyJBN+X8J5fCbiLPkOrUes7zmUwHaCIPs2+VkX02D/+DVHLY2sezyq7eP8nmObZRdK5Z0H/hvgtwADFObsUkY835QAAAABJRU5ErkJggg==) } div.fw-container div.fw-header div.nav-search { position: absolute; top: 18px; right: 0; color: white; font-weight: 100 } div.fw-container div.fw-header div.nav-search div.nav-item { margin: 1em; display: inline-block; background-repeat: no-repeat; background-position: center left; padding-left: 22px; color: white } div.fw-container div.fw-header div.nav-search div.nav-item.search { border-radius: 20px; background-color: rgba(255,255,255,0.5); padding: 0 2em 0 1em; margin-right: 0; height: 30px } div.fw-container div.fw-header div.nav-search div.nav-item:nth-child(1) { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAPCAYAAAAyPTUwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALFJREFUeNqEUgERgzAMTHYVUAerBCSAEyTMwSxUAhKQUAnMwSTgoPtw7a4XQvm7P0r4Psm3nHMORDTTNSIz77JgiFc8PZiUSAye4Accjw0QJ3DUdqUewa3QP6gP+X01WnvOS1a4dEaPMxfgdZKaa5xkyJexb6kL1xR9058pvhuwmpycdyNrwRcctFhO8m2I08kZQ0vwk5HKP1qnP/Sar3dDsHV04bgfEA8l33Bz7PEnwABb115LkRPJ9wAAAABJRU5ErkJggg==) } div.fw-container div.fw-header div.nav-search div.nav-item:nth-child(2) { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM1JREFUeNqsUwERwyAMJL0JQEIlVAJSkLA5wMGQgAQkVAISJqEO2HMLuxxLu+22v/tLm+bDp03JKKi1nhGsSGUiKmPdpAgXhKtIzWA0nwBiB9bhftVqJ/MD/iduFhEWpc6y/WVv1gTe2nxyxiboufqA08QRLKDdae6PxJbFLw2E0GufptsqXPRsIISbqMvgTDxfZ0dfisQLcwHL8DwZ7uSUEVY+zQuHVrzAcNJeDvZ4Q3DDymYwyHyznfm6fLEfzU0k7hqGv+gd2kHhLsAAWAbiLHZ2WKcAAAAASUVORK5CYII=) } div.fw-container div.fw-header div.nav-search div.nav-item:nth-child(3) { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANtJREFUeNqcUgsNwyAQLUsFIKESKqESkICESpiESqiESmAOkFAJOGDvksfSsivpRvK4cNzv3Z3JOXf/nl4uY8xJiYADxEQkIAhgl452jzoaHEeICHhgp3oRZ/zZ2viUEUiAr2wsEIHQcp6BTePHAJmU1LIn8vs65Puijc4ZxzYa3OTshdtF2WNddlfPGe8dWBVHaeRTzUyDyOhFBkW3fkYmzoBj5Ll8cGxCw1Wj3FidLc4Sbbm7lqzCl25LE7Yf1lrGOfSHx3K1IMq4ZAOdYcNE4VjBrcxYmvAWYAB1DOITHc2nAAAAAABJRU5ErkJggg==) } div.fw-container div.fw-header div.nav-search div.nav-item:nth-child(4) { background-position: 10px center; background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAL1JREFUeNqsUgsNxCAMHVOAhJOABCQgYRJOwkk4CUhAwkmYhEnAASuX16RhkJJsTV5K+nn0Z5ZGSimOlCdYQiYkY8yxaEKJlvArfal2qyXvCK76Q/DQ0m615Dj4IHIlPecGZ1JaTIgL0r4S2PBVxsQfuJb5P7iJIb96bawyQOFg/4Vgx9srBOw/LoeD0jKOqFe+gz+PVrkJktD4AuzDNbckTNRe5RSJx76zOOGIDbgpEmWVj5O875DUVu0pwACNqkylG1oepQAAAABJRU5ErkJggg==) } div.fw-container div.fw-header div.nav-search div.nav-item div.search-clear { float: right; padding-top: 4px } div.fw-container div.fw-header div.nav-search a { font-weight: 100; letter-spacing: 1px } div.fw-container div.fw-header div.nav-search input { background: transparent; border: none; color: white; margin: 0 0 0 1em; width: 200px; line-height: 1em; font: 1em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif !important; box-shadow: none } div.fw-container div.fw-header div.nav-search input:focus { outline: none } div.fw-container div.fw-header div.nav-search input::-webkit-input-placeholder { color: white; font-weight: 100; letter-spacing: 1px } div.fw-container div.fw-header div.nav-search input::-moz-placeholder { color: white; font-weight: 100; letter-spacing: 1px } div.fw-container div.fw-header div.nav-search input:-moz-placeholder { color: white; font-weight: 100; letter-spacing: 1px } div.fw-container div.fw-header div.nav-search input:-ms-input-placeholder { color: white; font-weight: 100; letter-spacing: 1px } div.fw-container div.fw-sidebar,div.fw-container div.fw-nav { float: left; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } div.fw-container div.fw-sidebar div.nav-main,div.fw-container div.fw-nav div.nav-main { position: relative; margin-top: 7em } div.fw-container div.fw-sidebar div.nav-main>ul>li:nth-child(1):before,div.fw-container div.fw-sidebar div.nav-main>ul>li:nth-child(6):before,div.fw-container div.fw-sidebar div.nav-main>ul>li:nth-child(10):before,div.fw-container div.fw-nav div.nav-main>ul>li:nth-child(1):before,div.fw-container div.fw-nav div.nav-main>ul>li:nth-child(6):before,div.fw-container div.fw-nav div.nav-main>ul>li:nth-child(10):before { display: block; font-weight: 100; font-style: italic; margin-top: 1em; letter-spacing: 1px } div.fw-container div.fw-sidebar div.nav-main>ul>li:nth-child(1):before,div.fw-container div.fw-nav div.nav-main>ul>li:nth-child(1):before { content: 'Using DataTables'; margin-top: 0 } div.fw-container div.fw-sidebar div.nav-main>ul>li:nth-child(6):before,div.fw-container div.fw-nav div.nav-main>ul>li:nth-child(6):before { content: 'More Help' } div.fw-container div.fw-sidebar div.nav-main>ul>li:nth-child(10):before,div.fw-container div.fw-nav div.nav-main>ul>li:nth-child(10):before { content: 'Get DataTables' } div.fw-container div.fw-sidebar div.nav-main>ul>li>a,div.fw-container div.fw-nav div.nav-main>ul>li>a { font-weight: bold } div.fw-container div.fw-sidebar div.sidebar,div.fw-container div.fw-nav div.sidebar { position: relative; margin-top: 7em } div.fw-container div.fw-body { float: left; width: 60%; padding: 0 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative } div.fw-container div.fw-body div.content { position: relative; margin-top: 7em } div.fw-container div.fw-body div.content>h1 { position: absolute; top: -1.15em; left: 0; width: 100%; margin: 0; font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'ralewaythin', 'Helvetica Neue', "Calibri Light", "Calibri", Helvetica, Arial, sans-serif; font-weight: 100; letter-spacing: 1px; font-size: 3em; line-height: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } div.fw-container div.fw-body div.content>h1 span { font-size: 0.6em; line-height: 1em } div.fw-container div.fw-body div.content h2>a[name]:before,div.fw-container div.fw-body div.content h3>a[name]:before { display: block; content: ""; height: 60px; margin-top: -60px } div.fw-container div.fw-page-nav { float: left; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 7em } div.fw-container div.fw-page-nav.static { margin-top: 0 } div.fw-container div.fw-page-nav.static div.page-nav { position: fixed; top: 0 } div.fw-footer { position: absolute; bottom: 0; left: 0; width: 100%; clear: both; color: #ccc; text-align: right; padding: 2em 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } div.fw-footer h4 { float: right; background-repeat: no-repeat; background-position: center left; background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYzM2OTczNC1lOWYxLTQ3ZmQtYTJmMS0xMTRiNDU5YzliZjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUMwMTE4MDQwNEQ4MTFFOEEyQTFCRUVFOUI3NDk2NTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUMwMTE4MDMwNEQ4MTFFOEEyQTFCRUVFOUI3NDk2NTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMzZlMDIyMC1hZmVjLTRkNGMtYTc1ZS02NjUwNTlkNjAxMDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MGMzNjk3MzQtZTlmMS00N2ZkLWEyZjEtMTE0YjQ1OWM5YmY4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+j/vutAAABitJREFUeNrEWVlslFUU/mZtZx/agdLYslYoYKGRliAJD0CCC7igqCzGGKNBI/BmIgnyoMQXjS9KImB4MCVAUkNiIMYmWDWhCC1Sw9IWp5SlQylMmZnO3tk8584/dAot//+3mXKSk3v/mTvnfP+5955tNJlMBvm09usbkKP2liYtDfXEq4jriOcRP0VskZaEiT3EV4nbiJuJW2tXrE3LyW76dOaIZz1UEAGroOET4q3ElY9ZWkRcQlxD/Ib02S36/WEa9xHQXqU6NUosSIJLafiC+ANiI39mLDbB7nTBYnOi2GyBocgEnU4n1qdSKSTiUcQiYYSDfgz6vRiKRXPihoh/JN5DQAfkLCgLkMC9xW9N7KLlcLrKMLV8hgCmhsKDfnjv3ITP209PQqeXeDuBPDYugASMt/874o/42eooQcXsarKWFROhWCSE3p5OhAL3cx/9QLyDgCZHA6gd46yZaTjO4LRaLSrmLEDVoroJg2NiGSyLZbJsyQDHJZ3yZ3DahoNsuZ+JX9HrDZiz4FmYbQ4UgiLBAK51/INkMsGPv/CFunv8w6ScBb8X4AxGVNUsKxg4JpbNOlgX65R0j21Bst7bNBxl01ctqi8ouIct6b7chnQ6xY9byIpHHgFI4NiVdPJtrZy7EKVlFZhMGujvxa3uKzzl21NNIO89vMV7GZzNWTrp4JhYJ3sKycF/OcKCZL0ZNHdrNBrD/NoVKDZZ8CQoFg2jq70FhIlvTRVZ8WYu1H1MbHC6pqsCp9EAK+eZsXqhBQvKizDFokMilUF/IIm26zGcbA/ixkBCuQsi3YzBd6/PIGHapZn62gHeZvbOFU/TjVIaISpLDNi13oWqMmP27RMZ3AsmUWzQwGXVC/B8uhnk/j98iCcyCiOOD/9dauUpx+uZeikrqeDYqhQcg/pmUxnMRi2ueOJoOBPAhRtRpKRcxWHSYs1CKzYvt2N9rQ2zXEbsauxXBNJinyLiPMVuvgj1Okv1y+/SZI2zdDocJVNlBViLtPh2C6016dDYOoivTnhx25dEvr+PJzPo6Ivj1JUwamcWo5q2v4S2/4w7qjAchhEND/K0m7d3qVBMyJXQ5uUO2kIdmjvCOEBbl3mMUe6HU9jdeBeBSArP11gfHAdZIwxjqWOA83MxUgm9uDi77qfTfkXrGeRhOgJ0JLFuiTIdeVjmM8BynhmKihX9+O/u7DatnKf8tjd3RsSFWTrLpGh9HpZyBmjjWS7ZlKNjZwNC2cZ6O0xGjaLf8Bb7yZIumzIdeVhsWrXOlP3aX51h2OmmvrTYVnDnzQCDuTRdKTW0BMT45jI7ivTyVnSYdXDSLfYGlelID2MJMsA+niXiMVVWbHFHhOtYt0TeiquqzeKSnL+uzM0MDWPpY4BduVRcDTWcHraiXje2Ffkltj7nyEaVf0MK/eCDdV0M8LwIMUG/KoDuu0PC8ZaST3yhxjomuL0bp4kt/u1iCO7+IWXhbhhLm1YqqkVpqJaOng1IztsOY95Z5FD3+lI79r9XjqppRlzqjWPfqfuK5eZhaeZYfI4DM8c+Rq6mnOy4HUdbTxR1s01o3F45arJwQm2yQBikGpqThVY95Vxpygcb6OEz751bquvdg3/6KMWiFLjcKDIcTrc8vsS40i1RLPfdfHDMGVsuYeXMoZsSVuOTTlg7L7RwYc+HdS4B7BWOmifcjmCwnp5OPCnyXOvIdR0OSZhG1CR7uHYJ+gdEATPZxDqD2W4D92t2P1IXE2L+Yrt4k54uUQpOFrEu1inRTgnLmJ0F7pVsE4X7M/UFP4987tyU4icTwkceIHDb5DoLO7kNwT9wXzyHSKhwlmTZrEMCx62PHaMlCyOodsVaXr2Z+FfumfDbDfR7CnDmPFnLZfsyJ1mnpFu+u0ULIzS8Srw/nU5TxX8Z3ZfbVMfrsbaUZbFMls06iDdIOtV3WNtbmjZJfULRwJziKoNrPA1MihDshB9qYO4kYEcm1GGVQLqkdsT7j7SA7U66SFaRput0eqkFnBTpWywaEp3VUVrAh4g/J3DeCbeAR2misyt6R+rqq/LDHL64xfa4JvqEAOYBzf0NsVoqW/lvCAafy7tCUrC/KqVzv2Ocf0P8L8AAGNbD56e7lRwAAAAASUVORK5CYII=);padding-left: 50px; line-height: 40px } div.fw-footer p { clear: both } div.fw-footer a { color: #ccc; text-decoration: underline } div.fw-footer div.copyright { position: relative; text-align: right; padding: 1em 0; max-width: 1140px; margin: 0 auto; line-height: 1.8em; z-index: 1 } div.fw-footer div.skew { background: #363d46; height: 70px; transform: skew(0, -1.5deg); transform-origin: top right; position: absolute; top: 0; left: 0; width: 100%; box-shadow: inset 0 3px 10px rgba(0,0,0,0.1) } div.fw-footer div.skew-bg { position: absolute; top: 70px; bottom: 0; left: 0; right: 0; background: #363d46 } body.wide div.fw-body { width: 80%; float: right } body.wide div.fw-page-nav { display: none } div.mobile-show { display: none } @media only screen and (max-width: 1070px) { div.fw-container div.fw-header div.nav-search input { width: 150px } div.fw-footer div.copyright { padding-right: 1em } } @media only screen and (max-width: 959px) { div.fw-container div.fw-body { width: 80% } div.fw-container div.fw-page-nav { display: none } div.fw-container div.fw-header div.nav-item.i-manual,div.fw-container div.fw-header div.nav-item.i-download { display: none !important } } @media only screen and (max-width: 860px) { div.fw-hero h1 br { content: ' ' } div.fw-hero h1 br:after { display: inline-block; content: ' '; white-space: pre } div.fw-hero div.grid .w-1-3 { display: none } div.fw-hero div.grid .w-2-3 { width: 100% } div.index-features div.feature { width: 50% !important } div.news { max-height: 1100px !important } div.news>div { width: 49% !important } } @media only screen and (max-width: 760px) { body.wide div.fw-container div.fw-body { width: 100% } div.fw-container div.fw-hero h1 { margin-top: 0 } div.fw-container div.fw-header { height: 150px } div.fw-container div.fw-header div.nav-master { position: relative; top: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: 0; text-align: center } div.fw-container div.fw-header div.nav-master div.nav-item { margin: 0 !important } div.fw-container div.fw-header div.nav-search { position: static; text-align: center } div.fw-container div.fw-nav { position: relative; z-index: 5; float: none; width: 100%; height: 9.5em; overflow: hidden; margin-bottom: 1em } div.fw-container div.fw-nav div.nav-main { margin-top: 0 } div.fw-container div.fw-nav div.mobile-show { display: block; position: absolute; bottom: 0; width: 100%; height: 55px; background-color: rgba(255,255,255,0.3); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.3)), color-stop(100%, #fff)); background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%, #fff 100%); background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, #fff 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%, #fff 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%, #fff 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, #fff 100%) } div.fw-container div.fw-nav div.mobile-show a { position: absolute; bottom: 0 } div.fw-container div.fw-header { position: relative } div.fw-container div.fw-header div.toolbar { position: relative; top: 0; right: 0; width: auto; padding: 1em 0 } div.fw-container div.fw-header div.toolbar input[type='text'] { width: 75% } div.fw-container div.fw-header div.toolbar input[type='submit'] { width: 20% } div.fw-container div.fw-body { width: 100% } div.fw-container div.fw-body aside { display: none } div.fw-container div.fw-body div.content { margin-top: 0 } div.fw-container div.fw-body div.content h1 { position: relative; top: 0 } } @media only screen and (max-width: 510px) { div.index-features div.feature { width: 100% !important } div.news { max-height: 1700px !important } div.fw-container div.fw-header div.nav-search input { width: 75px } } h2.index-callout { font-size: 3em; text-align: center; font-style: italic; margin-top: 0; line-height: 1.05em } h2.index-callout:first-child { margin-top: 2.5em } p.callout { font-size: 1.3em; line-height: 1.5em; margin: 0 auto; width: 70%; text-align: center } div.index-features { margin-top: 5em } div.index-features div.feature { float: left; width: 33%; min-height: 190px; text-align: center } div.index-features div.feature div.feature-icon { margin: 0 auto; width: 220px; height: 65px; background-repeat: no-repeat; background-image: url(/media/images/index-features.png) } div.index-features div.feature div.title { font-weight: bold; padding-top: 1em; font-size: 1.1em } div.index-features div.feature div.subtext { color: #72767c; padding: 0.3em 1em } div.index-features div.feature a { text-decoration: underline; color: inherit } div.index-features div.feature div.paging { background-position: 0 0 } div.index-features div.feature div.search { background-position: -220px 0 } div.index-features div.feature div.order { background-position: -440px 0 } div.index-features div.feature div.data { background-position: 0 -65px } div.index-features div.feature div.theme { background-position: -220px -65px } div.index-features div.feature div.extn { background-position: -440px -65px } div.index-features div.feature div.mobile { background-position: 0 -130px } div.index-features div.feature div.i18n { background-position: -220px -130px } div.index-features div.feature div.oss { background-position: -440px -130px } div.editor-box { border-top: 5px solid #c83030; background-color: white; padding: 1.5em; box-shadow: 3px 3px 20px rgba(0,0,0,0.3); border-radius: 3px; margin: 3em 0 } div.editor-box h2 { margin-top: 0; line-height: 1.45em; font-style: italic } div.editor-box p { color: #999 } div.editor-box a { max-width: 50%; border-radius: 2em; background-color: #b23335 } .self-clear:after { content: " "; display: block; clear: both; height: 0; width: 0 } table.reference tr.group td { background-color: #ccc; border: 1px solid #888; border-top: 1px solid #888 !important; font-weight: bold } div.reference_related { width: 33%; float: left } div.reference_related ul { margin: 1em 0 } div.ref_type { position: relative; padding: 3.5em 1em 1em 1em; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 0 3px #bbb; margin-bottom: 1em } div.ref_type:last-child { margin-bottom: 0 } div.ref_type h3 { position: absolute; top: 0; left: 0; right: 0; height: 1em; padding: 0.5em; margin-top: 0; background-color: #f6f6f6; border-bottom: 1px solid #ddd; border-top-left-radius: 5px; border-top-right-radius: 5px; white-space: nowrap } div.ref_type span.type { font-size: 0.8em; color: #777; font-style: italic } div.ref_type dl dt { font-size: 1.1em } div.ref_type dl dd { margin-left: 3em; margin-bottom: 1em } div.ref_type dl:last-child { margin-bottom: 0 } div.deprecated { padding: 1em; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 0 3px #bbb; margin-bottom: 1em; background-color: #f6f6f6 } div.deprecated h2 { margin-top: 0 } dl.list dt { width: 33%; float: left; clear: both } dl.list dd { width: 66%; float: left } dl.list:after { content: ""; display: table; clear: both } dl.list.formatted dt,dl.list.formatted dd { padding: 4px 10px; box-sizing: border-box } div.since { color: #ac5900; float: right } span.since { color: #ac5900 } div.clear { clear: both; height: 0; width: 100%; float: none !important } div.reference_example { border-bottom: 1px solid #F3F3F3; padding: 1em 0 } div.reference_example:last-child { border-bottom: none; padding-bottom: 0 } div.ref_search { display: table; border-spacing: 0.75em; width: 100%; padding: 0.5em 0; border: 1px solid #ccc; border-radius: 5px; box-shadow: 2px 2px 2px #bbb; text-align: center; margin: 1em 0; background: #ffffff; background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%); background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%); background: -ms-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%); background: -o-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%); background: linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ) } div.ref_search div.ref_field { display: table-row } div.ref_search div.ref_field div.ref_label { display: table-cell; text-align: right; width: 12% } div.ref_search div.ref_field div.ref_input { display: table-cell; text-align: left } div.ref_search div.ref_field div.ref_input a.site-btn { margin-bottom: 0; margin-top: 0.5em } div.ref_search div.ref_field div.ref_input input { padding: 0.5em; border-radius: 0.5em; width: 75% } body.example h2.comments_title { display: none } body.example div.comment_add { margin-bottom: 1.5em } body.example div.dataTables_wrapper ul li,body.example div.dataTables_wrapper ol li { padding: 0; border: none !important } body.example div.toc ul { color: #4E6CA3; list-style-type: none; padding-left: 0 } body.example div.toc li { padding: 0.2em 1em; border-left: 4px solid transparent; border-bottom: 1px solid #e6e6e6 } body.example div.toc li.active { border-left: 4px solid #458ae0 } body.example div.toc li:first-child { border-top: 1px solid #efefef } body.example div.toc li:last-child { border-bottom: 1px solid #efefef } body.example div.info { margin-bottom: 2em; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; -webkit-column-rule: 1px solid #F3F3F3; -moz-column-rule: 1px solid #F3F3F3; -ms-column-rule: 1px solid #F3F3F3; -o-column-rule: 1px solid #F3F3F3; column-rule: 1px solid #F3F3F3 } body.example div.info>* { -webkit-column-break-inside: avoid; break-inside: avoid } body.example div.info li { margin-top: 0.75em } body.example div.info p:first-child { margin-top: 0 } body.example div.toc { -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2 } body.example div.toc-group { display: inline-block; width: 100% } body.example div.column_half { float: left; width: 49%; padding-right: 1% } body.example div.dataTables_wrapper.dt-bootstrap .dataTables_paginate .paginate_button { padding: 0; margin-left: 0 } body.example div.dataTables_wrapper.dt-bootstrap div.a.site-btn,body.example div.dataTables_wrapper.dt-bootstrap button.site-btn,body.example div.dataTables_wrapper.dt-bootstrap input.site-btn { margin-right: 0; padding-top: 0.5em; padding-bottom: 0.5em } body.example div.dataTables_wrapper.dt-bootstrap th { background: none !important } @media only screen and (max-width: 979px) { div.container,div.footer { padding: 0 1em } } @media screen and (max-width: 767px), screen and (max-width: 768px) and (orientation: portrait) { body.example div.info { -webkit-column-count: 1; -moz-column-count: 1; -ms-column-count: 1; -o-column-count: 1; column-count: 1 } body.example div.toc { -webkit-column-count: 1; -moz-column-count: 1; -ms-column-count: 1; -o-column-count: 1; column-count: 1 } body.example h1 span { display: block } } div.cdn { position: relative; margin-bottom: 1em; box-shadow: 0 0 3px #555 } div.cdn>span { display: inline-block; width: 15%; height: 30px; text-align: center; padding-top: 6px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #eee; border-right: 1px solid #bbb; cursor: pointer; font-size: 0.9em } div.cdn>span span { font-size: 0.8em } div.cdn>input { display: inline-block; width: 84%; height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 5px; vertical-align: middle; background-color: #f9f9f9; border: none; font-family: "Source Code Pro","Consolas","Monaco","Bitstream Vera Sans Mono","Courier New",Courier,monospace; font-size: 0.8em } div.cdn>a.cdn-link { position: absolute; top: 6px; right: 11px; height: 9px; width: 9px; background: url(../images/external-site.gif) no-repeat center center; background-color: #f9f9f9; padding: 3px; border: 1px solid #4d90fe; border-radius: 3px } div.cdn>a.cdn-link:hover { border: 1px solid #0E4EB5 } table.parameters { width: 100%; margin-bottom: 1em } table.parameters td.parameter { width: 200px } table.parameters td.label { width: 180px; padding-left: 20px } table.parameters .css_link { text-decoration: none; color: #3174c7; cursor: pointer } table.parameters .css_link:hover { text-decoration: underline } table.parameters tr.continuation td { border-top: none } table.parameters.buttons td[colspan]>p { padding-left: 3em } form.layout div.field { clear: both; margin-top: 1.2em } form.layout div.field label { float: left; width: 30%; padding-top: 8px } form.layout div.field>div { float: right; width: 70% } form.layout div.field>div>span { display: inline-block; font-size: 0.9em; line-height: 1.3em; padding-top: 4px } form.layout div.field>div.text { padding-top: 8px } form.layout select { margin: 0 1em } form input { padding: 0.5em; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } form input.width-picker { width: 3em; margin-right: 0.25em } form input.colour-picker { height: auto !important } form input.std { width: 66% } form textarea { padding: 0.5em; border-radius: 4px; width: 100%; height: 6em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } form input:focus,form textarea:focus { background-color: #FFE } .minicolors-theme-default .minicolors-swatch { top: 10px !important; left: 10px !important } .minicolors-theme-default .minicolors-input { padding-left: 35px !important } ul.tabs { position: relative; top: 1px; height: 40px; margin: 20px 20px 0 0; border: none } ul.tabs li { display: block; float: left; padding: 0 15px; height: 40px; font-size: 1.2em; margin: 0 5px; cursor: pointer; line-height: 40px; color: #121e32; border: 1px solid white; border-bottom: none; margin-top: -1px; text-indent: 0 } ul.tabs li.active { border: 1px solid #ccc; border-bottom: 1px solid white; margin-top: 0; border-top-left-radius: 5px; border-top-right-radius: 5px } ul.tabs li.active:hover { background-color: white } ul.tabs li:hover { background-color: #fafafa } ul.tabs li:before { content: "" } div.tabs { clear: both } div.tabs>div { padding: 1px 20px 20px 20px; border: 1px solid #ccc; margin-top: 1px; display: none; border-radius: 5px; box-shadow: 2px 2px 2px #bbb } a.site-btn,button.site-btn,input.site-btn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 1.5em; display: inline-block; background-color: #3b4146; color: white; display: block; margin-top: 1.5em; margin-right: 0.5em; text-align: center; padding: 0.7em; border: none; border-radius: 4px; box-shadow: 2px 2px 4px rgba(0,0,0,0.4); text-decoration: none !important; cursor: pointer; font-size: 1em } a.site-btn:hover,button.site-btn:hover,input.site-btn:hover { background-color: #3174c7; text-decoration: none; box-shadow: 1px 1px 3px rgba(0,0,0,0.6) } a.site-btn.small,button.site-btn.small,input.site-btn.small { padding: 0.5em 1em } a.site-btn.btn-inline,button.site-btn.btn-inline,input.site-btn.btn-inline { display: inline-block } a.site-btn.active,button.site-btn.active,input.site-btn.active { background-color: #3174c7 } div.content h2.comments_title { margin-top: 2.5em } div.content div.comments dl dt.odd,div.content div.comments dl dd.odd { background-color: #f7f7f7 } div.content div.comments dl dt { padding: 1em 1em 0 1em } div.content div.comments dl dt span { float: right } div.content div.comments dl dt span.version { color: #ad4900; display: inline-block; padding-left: 1em } div.content div.comments dl dd { padding: 0.5em 1em 1em 1em; padding-bottom: 1em; border-bottom: 1px solid #ccc } div.content div.comments dl dd:last-child { border-bottom: none } div.content div.comments dl dt.child,div.content div.comments dl dd.child { margin-left: 3em } div.content div.comments div.comment_add { padding: 1em; margin-top: 1em; border: 1px solid #ccc; border-radius: 5px; background-color: #f9f9f9 } div.content div.comments div.comment_add h3 { margin-top: 0 } div.content div.comments textarea { width: 100%; height: 10em; padding: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } div.content div.comments textarea:focus { background-color: #FFE } dl.legal dt { float: left; width: 4%; clear: both; padding-top: 1em } dl.legal dd { padding-top: 1em; float: right; width: 95% } div.tooltip { position: absolute; display: none; width: 300px; height: auto; background-color: rgba(0,0,0,0.9); color: white; box-shadow: 3px 3px 10px 0px #222; padding: 1em; border: 3px solid black; border-radius: 5px; font-size: 0.9em } span.tooltip { color: #cf5930; border-bottom: 1px dashed #cf5930 } div.fw-body div.info li { margin-top: 0 } .curr { color: #c73300 } div.purchase_options { display: table; width: 100%; border-spacing: 10px; border-collapse: separate; margin: 0 -10px } div.purchase_options div.purchase_option { display: table-cell; width: 20%; padding: 0; height: 100%; background: #f7f7f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } div.purchase_options div.purchase_option div.liner { position: relative; padding-bottom: 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } div.purchase_options.options_4 div.purchase_option { width: 25% } div.purchase_options.options_3 div.purchase_option { width: 33% } div.purchase_options.options_2 { padding-left: 17% } div.purchase_options.options_2 div.purchase_option { width: 33% } div.purchase_options.options_1 { padding-left: 25% } div.purchase_options.options_1 div.purchase_option { width: 50% } div.purchase_options h3,div.purchase_options h4 { text-align: center; border-bottom: none; padding-top: 12px; margin: 8px 0; font-size: 20px; line-height: 1.4em } div.purchase_options ul { padding: 0; list-style: none; font-size: 90%; line-height: 1.45em } div.purchase_options ul li { padding: 5px; text-align: center; background: #f1f1f1; margin: 5px } div.purchase_options ul li:last-child { border-bottom: none } div.purchase_options button,div.purchase_options a.site-btn { position: absolute; bottom: 16px; left: 6%; width: 88%; margin: 0 } div.purchase_options p { font-size: 90%; line-height: 1.45em; text-align: center } @media only screen and (max-width: 1000px) { div.purchase_options.options_5 { display: block } div.purchase_options.options_5 div.purchase_option { display: block; width: 100% !important; margin-bottom: 1em } div.purchase_options.options_5 div.purchase_option div.liner { height: auto !important } } @media only screen and (max-width: 700px) { div.purchase_options { display: block } div.purchase_options div.purchase_option { display: block; width: 100% !important; margin-bottom: 1em } div.purchase_options div.purchase_option div.liner { height: auto !important } div.purchase_options.options_2 { padding-left: 0 } } div.license_info { clear: both; text-align: center; font-size: 0.8em; padding-top: 1em; bottom-top: 1em } div.license_info img { padding-top: 0.5em } div.currency-selector { position: absolute; right: 2em; top: -2em; font-size: 0.9em } div.currency-selector.usd a.usd,div.currency-selector.eur a.eur,div.currency-selector.gbp a.gbp { color: black } div.currency-selector.inline { position: static; text-align: right; padding-right: 2.5em } div.DTE_Body div.DTE_Body_Content div.DTE_Field.DTE_Field_Type_title:hover { background-color: white; border: 1px solid transparent } div.DTE_Field.DTE_Field_Type_title label { width: 100% !important; font-size: 1.2em; font-weight: bold; margin-left: -2em } @media only screen and (max-width: 580px) { div.DTE_Field.DTE_Field_Type_title label { margin-left: 0 } } div.DTE_Field.DTE_Field_Type_title div { display: none } div.DTE_Field_Input a.register-forgot,div.DTE_Field_Input a.register-remember { display: inline-block; font-size: 1.2em; padding-top: 0.5em } div.DTE_Form_Info { text-align: center } form.purchase ul { list-style-image: none !important; font-size: 100% !important } form.purchase li.field { clear: both; padding-top: 0.5em } form.purchase li.field>label { display: block; width: 33%; float: left; padding-top: 3px } form.purchase li.field>div { float: right; width: 66% } form.purchase li.field>div input[type='text'],form.purchase li.field>div input[type='password'] { padding: 5px; width: 90% } form.purchase li.field.title>div { padding-top: 0.5em; padding-bottom: 0.25em; font-size: 1.3em } form.purchase li>div span.required { color: red } form.purchase li.field>div span.error { color: red; font-size: 0.8em; display: block } form.purchase li.field>div span.info { font-size: 0.75em; line-height: 1.3em; display: block } td.total { font-size: 1.1em } table.checkout { width: 100% } table.checkout td { padding: 10px } table.checkout tr.product { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc } table.checkout td.right { text-align: right } img.progression { margin-bottom: 0.5em } button.paymentButton { float: right; margin-right: 0; width: 180px; height: 45px; white-space: nowrap } button.paymentButton img { vertical-align: middle } div.news { display: flex; flex-direction: column; -ms-flex-direction: row; flex-wrap: wrap; max-height: 735px; margin-top: 1em } div.news>div { background: white; width: 32.5%; margin: 3px; box-sizing: border-box; padding: 1em } div.news>div.external a { background: url(../images/external-site.gif) no-repeat right top } div.news>div a { display: block; color: inherit } div.news>div a:hover { text-decoration: none } div.news>div p { color: grey; line-height: 1.5em; margin-top: 0.5em } div.news>div h4 { font-size: 1em; font-weight: bold; margin: 0 } div.news>div h5 { font-size: 0.9em; margin: 0; color: grey } div.site-news { position: absolute; z-index: 20; top: 1em; left: 17em; width: 72%; padding: 0.5em; border: 1px solid #ccc; background: rgba(150,150,150,0.1); border-radius: 0.25em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } div.site-news div { font-size: 0.8em; line-height: 1.45em } @media only screen and (max-width: 959px) { div.site-news { display: none } } div.notice { font-size: 0.9em; line-height: 1.45em; margin: 1em; box-shadow: 2px 2px 6px rgba(0,0,0,0.2); border: 1px solid #CCC; background-color: #F9F9F9; padding: 1em; border-radius: 0.25em } @media only screen and (max-width: 700px) { #searchResults { display: none } } #searchResults { position: absolute; top: 100px; left: 0; right: 0; z-index: 9; margin: 0 auto; max-width: 1100px; box-shadow: 3px 3px 15px rgba(0,0,0,0.5); transition: opacity 0.25s linear; overflow: auto; display: none; opacity: 0; background: white; border-radius: 3px } #searchResults div.info { padding: 1em 2em; background: #458ae0; color: white; bottom: 0; box-sizing: border-box; margin-bottom: 0 } #searchResults div.info h2 { font-size: 16px; margin: 0 } #searchResults div.info div { float: right } #searchResults div.info a { color: white; text-decoration: underline } #searchResults div.resultsWrapper { max-height: 500px; overflow: auto } #searchBg { position: fixed; top: 70px; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.3) 30%); content: ""; opacity: 0; display: none; transition: opacity 0.25s linear; z-index: 7 } #searchResults div.results,#searchResultsStatic div.results { display: flex } #searchResults div.search-column,#searchResultsStatic div.search-column { flex: auto; width: 50%; padding-bottom: 1em; box-sizing: border-box } #searchResults div.search-column:first-child,#searchResultsStatic div.search-column:first-child { border-right: 1px solid rgba(0,0,0,0.1) } #searchResults div.forum-order,#searchResultsStatic div.forum-order { float: right; padding: 1.8em 2.2em 0 0; font-size: 12px } #searchResults div.forum-order button,#searchResultsStatic div.forum-order button { border: none; background-color: transparent; margin: 0 0.25em; border-bottom: 2px solid #f9f9f9 } #searchResults div.forum-order button:focus,#searchResultsStatic div.forum-order button:focus { outline: none } #searchResults div.forum-order button.selected,#searchResultsStatic div.forum-order button.selected { border-bottom: 2px solid #458ae0 } #searchResults h3,#searchResultsStatic h3 { font-size: 1.3em; padding: 1em 1.45em 0.5em; margin: 0; color: #458ae0; border-top: 1px solid rgba(0,0,0,0.1) } #searchResults li,#searchResultsStatic li { display: block; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 0.7em 2em } #searchResults li.active,#searchResultsStatic li.active { border-top: 2px solid #458ae0; border-bottom: 2px solid #458ae0; background-color: #ecf0f5 } #searchResults li a,#searchResultsStatic li a { color: inherit } #searchResults li a:hover,#searchResultsStatic li a:hover { text-decoration: none } #searchResults li a div.title,#searchResults li a div.content,#searchResultsStatic li a div.title,#searchResultsStatic li a div.content { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } #searchResults li a div.content,#searchResultsStatic li a div.content { color: #666; font-size: 0.8em; margin: 0 } #searchResults li a span.date,#searchResultsStatic li a span.date { float: right; font-size: 0.8em } #searchResults li em,#searchResultsStatic li em { font-style: normal; border-bottom: 2px solid #458ae0 } #searchResultsStatic li:hover { border-top: 2px solid #458ae0; border-bottom: 2px solid #458ae0; background-color: #ecf0f5 } #searchResultsStatic div.results { display: block } #searchResultsStatic div.searchPaging { margin: 1em auto 0 auto; white-space: nowrap; text-align: center } #searchResultsStatic div.searchPaging ul li { border: none; display: inline-block; padding: 0 } #searchResultsStatic div.searchPaging ul li.active { background: #f0f0f0 } #searchResultsStatic div.searchPaging ul li.active a { color: black; background: #f0f0f0 } #searchResultsStatic div.searchPaging ul li.disabled a { color: #aaa } #searchResultsStatic div.searchPaging ul li a { padding: 0.5em 1em; border: 1px solid #ccc; border-radius: 4px } ================================================ FILE: static/css/datatables/jquery.dataTables.css ================================================ /* * Table styles */ table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: collapse; border-spacing: 0; /* * Header and footer styles */ /* * Body styles */ } table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; outline: none; } table.dataTable thead th, table.dataTable thead td { padding: 10px 18px !important; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px 18px; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer; *cursor: hand; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right; } table.dataTable thead .sorting { background-image: url("../../images/tab/sort_both.png"); } table.dataTable thead .sorting_asc { background-image: url("../../images/tab/sort_asc.png"); } table.dataTable thead .sorting_desc { background-image: url("../../images/tab/sort_desc.png"); } table.dataTable thead .sorting_asc_disabled { background-image: url("../../images/tab/sort_asc_disabled.png"); } table.dataTable thead .sorting_desc_disabled { background-image: url("../../images/tab/sort_desc_disabled.png"); } table.dataTable tbody tr { background-color: #ffffff; } table.dataTable tbody tr.selected { background-color: #B0BED9; } table.dataTable tbody th, table.dataTable tbody td { padding: 8px 18px !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #ddd; } table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; } table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; } table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #abb9d3; } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: whitesmoke; } table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: #a9b7d1; } table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #f9f9f9; } table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad4; } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b3cd; } table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a7b5ce; } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b6d0; } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #f9f9f9; } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fbfbfb; } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fdfdfd; } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad4; } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #adbbd6; } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; } table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ebebeb; } table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #eeeeee; } table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: #a1aec7; } table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: #a2afc8; } table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: #a4b2cb; } table.dataTable.no-footer { border-bottom: 1px solid #111; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; } table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; } table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; } table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; } table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; } table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; } table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; } table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; } table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; } table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; } table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; } table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; } table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; } table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; } table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; } table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; } table.dataTable, table.dataTable th, table.dataTable td { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* * Control feature layout */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; margin-left: 15px; margin-top: 5px; } .dataTables_length { padding-top: 0.755em; } .dataTables_info{margin-top:10px;} .dataTables_length label{font-weight: normal;} .dataTables_wrapper .dataTables_filter { float: right; text-align: right; } /*源自dataTables.bootstrap.min.css*/ .dataTables_wrapper .dataTables_filter label { font-weight: normal; white-space: nowrap; text-align: left } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; min-width: 1.5em; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333 !important; border: 1px solid transparent; outline: none; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #cacaca; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); /* IE10+ */ background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; outline: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { outline: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; } .pagination>li:active, .pagination>li>a:active{ outline: none !important; } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* W3C */ } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111; } .dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table { border-bottom: none; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } .p310{padding:2px 10px;} .pl0{padding-left: 0px;} .rboor{margin-top:-5px;} ================================================ FILE: static/css/datatables/jquery.dataTables.css.origin ================================================ /* * Table styles */ table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; /* * Header and footer styles */ /* * Body styles */ } table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; } table.dataTable thead th, table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #111; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; *cursor: hand; background-repeat: no-repeat; background-position: center right; } table.dataTable thead .sorting { background-image: url("../images/sort_both.png"); } table.dataTable thead .sorting_asc { background-image: url("../images/sort_asc.png"); } table.dataTable thead .sorting_desc { background-image: url("../images/sort_desc.png"); } table.dataTable thead .sorting_asc_disabled { background-image: url("../images/sort_asc_disabled.png"); } table.dataTable thead .sorting_desc_disabled { background-image: url("../images/sort_desc_disabled.png"); } table.dataTable tbody tr { background-color: #ffffff; } table.dataTable tbody tr.selected { background-color: #B0BED9; } table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #ddd; } table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; } table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; } table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #acbad4; } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: #f6f6f6; } table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: #aab7d1; } table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #fafafa; } table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad5; } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b4cd; } table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a8b5cf; } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b7d1; } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #fafafa; } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fcfcfc; } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fefefe; } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad5; } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #aebcd6; } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; } table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ececec; } table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #efefef; } table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: #a2aec7; } table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: #a3b0c9; } table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: #a5b2cb; } table.dataTable.no-footer { border-bottom: 1px solid #111; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; } table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; } table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; } table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; } table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; } table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; } table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; } table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; } table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; } table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; } table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; } table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; } table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; } table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; } table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; } table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; } table.dataTable, table.dataTable th, table.dataTable td { box-sizing: content-box; } /* * Control feature layout */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; } .dataTables_wrapper .dataTables_filter { float: right; text-align: right; } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333 !important; border: 1px solid transparent; border-radius: 2px; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #979797; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); /* IE10+ */ background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */ background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ box-shadow: inset 0 0 3px #111; } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td { vertical-align: middle; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111; } .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table { border-bottom: none; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } ================================================ FILE: static/css/datatables.css ================================================ /* * Table styles */ table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; /* * Header and footer styles */ /* * Body styles */ } table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; } table.dataTable thead th, table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #111111; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111111; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; *cursor: hand; background-repeat: no-repeat; background-position: center right; } table.dataTable thead .sorting { background-image: url("../images/sort_both.png"); } table.dataTable thead .sorting_asc { background-image: url("../images/sort_asc.png"); } table.dataTable thead .sorting_desc { background-image: url("../images/sort_desc.png"); } table.dataTable thead .sorting_asc_disabled { background-image: url("../images/sort_asc_disabled.png"); } table.dataTable thead .sorting_desc_disabled { background-image: url("../images/sort_desc_disabled.png"); } table.dataTable tbody tr { background-color: white; } table.dataTable tbody tr.selected { background-color: #b0bed9; } table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #dddddd; } table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #dddddd; } table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; } table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #abb9d3; } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: whitesmoke; } table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: #a9b7d1; } table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #f9f9f9; } table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad4; } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b3cd; } table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a7b5ce; } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b6d0; } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #f9f9f9; } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fbfbfb; } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fdfdfd; } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad4; } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #adbbd6; } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; } table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ebebeb; } table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #eeeeee; } table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: #a1aec7; } table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: #a2afc8; } table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: #a4b2cb; } table.dataTable.no-footer { border-bottom: 1px solid #111111; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; } table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; } table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; } table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; } table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; } table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; } table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; } table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; } table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; } table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; } table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; } table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; } table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; } table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; } table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; } table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; } table.dataTable, table.dataTable th, table.dataTable td { box-sizing: content-box; } /* * Control feature layout */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; } .dataTables_wrapper .dataTables_filter { float: right; text-align: right; } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333333 !important; border: 1px solid transparent; border-radius: 2px; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333333 !important; border: 1px solid #979797; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, gainsboro 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, white 0%, gainsboro 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, white 0%, gainsboro 100%); /* IE10+ */ background: -o-linear-gradient(top, white 0%, gainsboro 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, white 0%, gainsboro 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111111; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #585858 0%, #111111 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #585858 0%, #111111 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #585858 0%, #111111 100%); /* IE10+ */ background: -o-linear-gradient(top, #585858 0%, #111111 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #585858 0%, #111111 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ box-shadow: inset 0 0 3px #111; } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333333; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td { vertical-align: middle; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111111; } .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table { border-bottom: none; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } ================================================ FILE: static/css/fonts.css ================================================ /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(http://fontstatic.useso.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(http://fontstatic.useso.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(http://fontstatic.useso.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(http://fontstatic.useso.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(http://fontstatic.useso.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(http://fontstatic.useso.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(http://fontstatic.useso.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(http://fontstatic.useso.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(http://fontstatic.useso.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(http://fontstatic.useso.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(http://fontstatic.useso.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(http://fontstatic.useso.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(http://fontstatic.useso.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(http://fontstatic.useso.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fontstatic.useso.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fontstatic.useso.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fontstatic.useso.com/s/roboto/v15/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fontstatic.useso.com/s/roboto/v15/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fontstatic.useso.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fontstatic.useso.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fontstatic.useso.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(http://fontstatic.useso.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0atzTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(http://fontstatic.useso.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0atzUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(http://fontstatic.useso.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at0bcKLIaa1LC45dFaAfauRA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(http://fontstatic.useso.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at2o_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(http://fontstatic.useso.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at76up8jxqWt8HVA3mDhkV_0.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(http://fontstatic.useso.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0atyYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(http://fontstatic.useso.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(http://fontstatic.useso.com/s/roboto/v15/WxrXJa0C3KdtC7lMafG4dRTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(http://fontstatic.useso.com/s/roboto/v15/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(http://fontstatic.useso.com/s/roboto/v15/1hZf02POANh32k2VkgEoUBTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(http://fontstatic.useso.com/s/roboto/v15/cDKhRaXnQTOVbaoxwdOr9xTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(http://fontstatic.useso.com/s/roboto/v15/K23cxWVTrIFD6DJsEVi07RTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(http://fontstatic.useso.com/s/roboto/v15/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(http://fontstatic.useso.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } ================================================ FILE: static/css/helper.css ================================================ /* font */ /* font size */ .f-s-1 {font-size: 1px!important;} .f-s-2 {font-size: 2px!important;} .f-s-3 {font-size: 3px!important;} .f-s-4 {font-size: 4px!important;} .f-s-5 {font-size: 5px!important;} .f-s-6 {font-size: 6px!important;} .f-s-7 {font-size: 7px!important;} .f-s-8 {font-size: 8px!important;} .f-s-9 {font-size: 9px!important;} .f-s-10 {font-size: 10px!important;} .f-s-11 {font-size: 11px!important;} .f-s-12 {font-size: 12px!important;} .f-s-13 {font-size: 13px!important;} .f-s-14 {font-size: 14px!important;} .f-s-15 {font-size: 15px!important;} .f-s-16 {font-size: 16px!important;} .f-s-17 {font-size: 17px!important;} .f-s-18 {font-size: 18px!important;} .f-s-19 {font-size: 19px!important;} .f-s-20 {font-size: 20px!important;} .f-s-21 {font-size: 21px!important;} .f-s-22 {font-size: 22px!important;} .f-s-23 {font-size: 23px!important;} .f-s-24 {font-size: 24px!important;} .f-s-25 {font-size: 25px!important;} .f-s-26 {font-size: 26px!important;} .f-s-27 {font-size: 27px!important;} .f-s-28 {font-size: 28px!important;} .f-s-29 {font-size: 29px!important;} .f-s-30 {font-size: 30px!important;} .f-s-31 {font-size: 31px!important;} .f-s-32 {font-size: 32px!important;} .f-s-33 {font-size: 33px!important;} .f-s-34 {font-size: 34px!important;} .f-s-35 {font-size: 35px!important;} .f-s-36 {font-size: 36px!important;} .f-s-37 {font-size: 37px!important;} .f-s-38 {font-size: 38px!important;} .f-s-39 {font-size: 39px!important;} .f-s-40 {font-size: 40px!important;} .f-s-41 {font-size: 41px!important;} .f-s-42 {font-size: 42px!important;} .f-s-43 {font-size: 43px!important;} .f-s-44 {font-size: 44px!important;} .f-s-45 {font-size: 45px!important;} .f-s-46 {font-size: 46px!important;} .f-s-47 {font-size: 47px!important;} .f-s-48 {font-size: 48px!important;} .f-s-49 {font-size: 49px!important;} .f-s-50 {font-size: 50px!important;} .f-s-51 {font-size: 51px!important;} .f-s-52 {font-size: 52px!important;} .f-s-53 {font-size: 53px!important;} .f-s-54 {font-size: 54px!important;} .f-s-55 {font-size: 55px!important;} .f-s-56 {font-size: 56px!important;} .f-s-57 {font-size: 57px!important;} .f-s-58 {font-size: 58px!important;} .f-s-59 {font-size: 59px!important;} .f-s-60 {font-size: 60px!important;} .f-s-61 {font-size: 61px!important;} .f-s-62 {font-size: 62px!important;} .f-s-63 {font-size: 63px!important;} .f-s-64 {font-size: 64px!important;} .f-s-65 {font-size: 65px!important;} .f-s-66 {font-size: 66px!important;} .f-s-67 {font-size: 67px!important;} .f-s-68 {font-size: 68px!important;} .f-s-69 {font-size: 69px!important;} .f-s-70 {font-size: 70px!important;} .f-s-71 {font-size: 71px!important;} .f-s-72 {font-size: 72px!important;} .f-s-73 {font-size: 73px!important;} .f-s-74 {font-size: 74px!important;} .f-s-75 {font-size: 75px!important;} .f-s-76 {font-size: 76px!important;} .f-s-77 {font-size: 77px!important;} .f-s-78 {font-size: 78px!important;} .f-s-79 {font-size: 79px!important;} .f-s-80 {font-size: 80px!important;} .f-s-81 {font-size: 81px!important;} .f-s-82 {font-size: 82px!important;} .f-s-83 {font-size: 83px!important;} .f-s-84 {font-size: 84px!important;} .f-s-85 {font-size: 85px!important;} .f-s-86 {font-size: 86px!important;} .f-s-87 {font-size: 87px!important;} .f-s-88 {font-size: 88px!important;} .f-s-89 {font-size: 89px!important;} .f-s-90 {font-size: 90px!important;} .f-s-91 {font-size: 91px!important;} .f-s-92 {font-size: 92px!important;} .f-s-93 {font-size: 93px!important;} .f-s-94 {font-size: 94px!important;} .f-s-95 {font-size: 95px!important;} .f-s-96 {font-size: 96px!important;} .f-s-97 {font-size: 97px!important;} .f-s-98 {font-size: 98px!important;} .f-s-99 {font-size: 99px!important;} .f-s-100 {font-size: 100px!important;} /* font weight */ .f-w-100 {font-weight: 100} .f-w-200 {font-weight: 200} .f-w-300 {font-weight: 300} .f-w-400 {font-weight: 400} .f-w-500 {font-weight: 500} .f-w-600 {font-weight: 600} .f-w-700 {font-weight: 700} .f-w-800 {font-weight: 800} .f-w-900 {font-weight: 900} /* margin */ .m-0 {margin: 0px!important;} /* margin top */ .m-t-0 {margin-top: 0px!important;} .m-t-1 {margin-top: 1px!important;} .m-t-2 {margin-top: 2px!important;} .m-t-3 {margin-top: 3px!important;} .m-t-4 {margin-top: 4px!important;} .m-t-5 {margin-top: 5px!important;} .m-t-6 {margin-top: 6px!important;} .m-t-7 {margin-top: 7px!important;} .m-t-8 {margin-top: 8px!important;} .m-t-9 {margin-top: 9px!important;} .m-t-10 {margin-top: 10px!important;} .m-t-11 {margin-top: 11px!important;} .m-t-12 {margin-top: 12px!important;} .m-t-13 {margin-top: 13px!important;} .m-t-14 {margin-top: 14px!important;} .m-t-15 {margin-top: 15px!important;} .m-t-16 {margin-top: 16px!important;} .m-t-17 {margin-top: 17px!important;} .m-t-18 {margin-top: 18px!important;} .m-t-19 {margin-top: 19px!important;} .m-t-20 {margin-top: 20px!important;} .m-t-21 {margin-top: 21px!important;} .m-t-22 {margin-top: 22px!important;} .m-t-23 {margin-top: 23px!important;} .m-t-24 {margin-top: 24px!important;} .m-t-25 {margin-top: 25px!important;} .m-t-26 {margin-top: 26px!important;} .m-t-27 {margin-top: 27px!important;} .m-t-28 {margin-top: 28px!important;} .m-t-29 {margin-top: 29px!important;} .m-t-30 {margin-top: 30px!important;} .m-t-31 {margin-top: 31px!important;} .m-t-32 {margin-top: 32px!important;} .m-t-33 {margin-top: 33px!important;} .m-t-34 {margin-top: 34px!important;} .m-t-35 {margin-top: 35px!important;} .m-t-36 {margin-top: 36px!important;} .m-t-37 {margin-top: 37px!important;} .m-t-38 {margin-top: 38px!important;} .m-t-39 {margin-top: 39px!important;} .m-t-40 {margin-top: 40px!important;} .m-t-41 {margin-top: 41px!important;} .m-t-42 {margin-top: 42px!important;} .m-t-43 {margin-top: 43px!important;} .m-t-44 {margin-top: 44px!important;} .m-t-45 {margin-top: 45px!important;} .m-t-46 {margin-top: 46px!important;} .m-t-47 {margin-top: 47px!important;} .m-t-48 {margin-top: 48px!important;} .m-t-49 {margin-top: 49px!important;} .m-t-50 {margin-top: 50px!important;} .m-t-51 {margin-top: 51px!important;} .m-t-52 {margin-top: 52px!important;} .m-t-53 {margin-top: 53px!important;} .m-t-54 {margin-top: 54px!important;} .m-t-55 {margin-top: 55px!important;} .m-t-56 {margin-top: 56px!important;} .m-t-57 {margin-top: 57px!important;} .m-t-58 {margin-top: 58px!important;} .m-t-59 {margin-top: 59px!important;} .m-t-60 {margin-top: 60px!important;} .m-t-61 {margin-top: 61px!important;} .m-t-62 {margin-top: 62px!important;} .m-t-63 {margin-top: 63px!important;} .m-t-64 {margin-top: 64px!important;} .m-t-65 {margin-top: 65px!important;} .m-t-66 {margin-top: 66px!important;} .m-t-67 {margin-top: 67px!important;} .m-t-68 {margin-top: 68px!important;} .m-t-69 {margin-top: 69px!important;} .m-t-70 {margin-top: 70px!important;} .m-t-71 {margin-top: 71px!important;} .m-t-72 {margin-top: 72px!important;} .m-t-73 {margin-top: 73px!important;} .m-t-74 {margin-top: 74px!important;} .m-t-75 {margin-top: 75px!important;} .m-t-76 {margin-top: 76px!important;} .m-t-77 {margin-top: 77px!important;} .m-t-78 {margin-top: 78px!important;} .m-t-79 {margin-top: 79px!important;} .m-t-80 {margin-top: 80px!important;} .m-t-81 {margin-top: 81px!important;} .m-t-82 {margin-top: 82px!important;} .m-t-83 {margin-top: 83px!important;} .m-t-84 {margin-top: 84px!important;} .m-t-85 {margin-top: 85px!important;} .m-t-86 {margin-top: 86px!important;} .m-t-87 {margin-top: 87px!important;} .m-t-88 {margin-top: 88px!important;} .m-t-89 {margin-top: 89px!important;} .m-t-90 {margin-top: 90px!important;} .m-t-91 {margin-top: 91px!important;} .m-t-92 {margin-top: 92px!important;} .m-t-93 {margin-top: 93px!important;} .m-t-94 {margin-top: 94px!important;} .m-t-95 {margin-top: 95px!important;} .m-t-96 {margin-top: 96px!important;} .m-t-97 {margin-top: 97px!important;} .m-t-98 {margin-top: 98px!important;} .m-t-99 {margin-top: 99px!important;} .m-t-100 {margin-top: 100px!important;} .m-t-101 {margin-top: 101px!important;} .m-t-102 {margin-top: 102px!important;} .m-t-103 {margin-top: 103px!important;} .m-t-104 {margin-top: 104px!important;} .m-t-105 {margin-top: 105px!important;} .m-t-106 {margin-top: 106px!important;} .m-t-107 {margin-top: 107px!important;} .m-t-108 {margin-top: 108px!important;} .m-t-109 {margin-top: 109px!important;} .m-t-110 {margin-top: 110px!important;} .m-t-111 {margin-top: 111px!important;} .m-t-112 {margin-top: 112px!important;} .m-t-113 {margin-top: 113px!important;} .m-t-114 {margin-top: 114px!important;} .m-t-115 {margin-top: 115px!important;} .m-t-116 {margin-top: 116px!important;} .m-t-117 {margin-top: 117px!important;} .m-t-118 {margin-top: 118px!important;} .m-t-119 {margin-top: 119px!important;} .m-t-120 {margin-top: 120px!important;} .m-t-121 {margin-top: 121px!important;} .m-t-122 {margin-top: 122px!important;} .m-t-123 {margin-top: 123px!important;} .m-t-124 {margin-top: 124px!important;} .m-t-125 {margin-top: 125px!important;} .m-t-126 {margin-top: 126px!important;} .m-t-127 {margin-top: 127px!important;} .m-t-128 {margin-top: 128px!important;} .m-t-129 {margin-top: 129px!important;} .m-t-130 {margin-top: 130px!important;} .m-t-131 {margin-top: 131px!important;} .m-t-132 {margin-top: 132px!important;} .m-t-133 {margin-top: 133px!important;} .m-t-134 {margin-top: 134px!important;} .m-t-135 {margin-top: 135px!important;} .m-t-136 {margin-top: 136px!important;} .m-t-137 {margin-top: 137px!important;} .m-t-138 {margin-top: 138px!important;} .m-t-139 {margin-top: 139px!important;} .m-t-140 {margin-top: 140px!important;} .m-t-141 {margin-top: 141px!important;} .m-t-142 {margin-top: 142px!important;} .m-t-143 {margin-top: 143px!important;} .m-t-144 {margin-top: 144px!important;} .m-t-145 {margin-top: 145px!important;} .m-t-146 {margin-top: 146px!important;} .m-t-147 {margin-top: 147px!important;} .m-t-148 {margin-top: 148px!important;} .m-t-149 {margin-top: 149px!important;} .m-t-150 {margin-top: 150px!important;} /* margin right */ .m-r-0 {margin-right: 0px!important;} .m-r-1 {margin-right: 1px!important;} .m-r-2 {margin-right: 2px!important;} .m-r-3 {margin-right: 3px!important;} .m-r-4 {margin-right: 4px!important;} .m-r-5 {margin-right: 5px!important;} .m-r-6 {margin-right: 6px!important;} .m-r-7 {margin-right: 7px!important;} .m-r-8 {margin-right: 8px!important;} .m-r-9 {margin-right: 9px!important;} .m-r-10 {margin-right: 10px!important;} .m-r-11 {margin-right: 11px!important;} .m-r-12 {margin-right: 12px!important;} .m-r-13 {margin-right: 13px!important;} .m-r-14 {margin-right: 14px!important;} .m-r-15 {margin-right: 15px!important;} .m-r-16 {margin-right: 16px!important;} .m-r-17 {margin-right: 17px!important;} .m-r-18 {margin-right: 18px!important;} .m-r-19 {margin-right: 19px!important;} .m-r-20 {margin-right: 20px!important;} .m-r-21 {margin-right: 21px!important;} .m-r-22 {margin-right: 22px!important;} .m-r-23 {margin-right: 23px!important;} .m-r-24 {margin-right: 24px!important;} .m-r-25 {margin-right: 25px!important;} .m-r-26 {margin-right: 26px!important;} .m-r-27 {margin-right: 27px!important;} .m-r-28 {margin-right: 28px!important;} .m-r-29 {margin-right: 29px!important;} .m-r-30 {margin-right: 30px!important;} .m-r-31 {margin-right: 31px!important;} .m-r-32 {margin-right: 32px!important;} .m-r-33 {margin-right: 33px!important;} .m-r-34 {margin-right: 34px!important;} .m-r-35 {margin-right: 35px!important;} .m-r-36 {margin-right: 36px!important;} .m-r-37 {margin-right: 37px!important;} .m-r-38 {margin-right: 38px!important;} .m-r-39 {margin-right: 39px!important;} .m-r-40 {margin-right: 40px!important;} .m-r-41 {margin-right: 4px!important;} .m-r-42 {margin-right: 42px!important;} .m-r-43 {margin-right: 43px!important;} .m-r-44 {margin-right: 44px!important;} .m-r-45 {margin-right: 45px!important;} .m-r-46 {margin-right: 46px!important;} .m-r-47 {margin-right: 47px!important;} .m-r-48 {margin-right: 48px!important;} .m-r-49 {margin-right: 49px!important;} .m-r-50 {margin-right: 50px!important;} .m-r-51 {margin-right: 51px!important;} .m-r-52 {margin-right: 52px!important;} .m-r-53 {margin-right: 53px!important;} .m-r-54 {margin-right: 54px!important;} .m-r-55 {margin-right: 55px!important;} .m-r-56 {margin-right: 56px!important;} .m-r-57 {margin-right: 57px!important;} .m-r-58 {margin-right: 58px!important;} .m-r-59 {margin-right: 59px!important;} .m-r-60 {margin-right: 60px!important;} .m-r-61 {margin-right: 61px!important;} .m-r-62 {margin-right: 62px!important;} .m-r-63 {margin-right: 63px!important;} .m-r-64 {margin-right: 64px!important;} .m-r-65 {margin-right: 65px!important;} .m-r-66 {margin-right: 66px!important;} .m-r-67 {margin-right: 67px!important;} .m-r-68 {margin-right: 68px!important;} .m-r-69 {margin-right: 69px!important;} .m-r-70 {margin-right: 70px!important;} .m-r-71 {margin-right: 71px!important;} .m-r-72 {margin-right: 72px!important;} .m-r-73 {margin-right: 73px!important;} .m-r-74 {margin-right: 74px!important;} .m-r-75 {margin-right: 75px!important;} .m-r-76 {margin-right: 76px!important;} .m-r-77 {margin-right: 77px!important;} .m-r-78 {margin-right: 78px!important;} .m-r-79 {margin-right: 79px!important;} .m-r-80 {margin-right: 80px!important;} .m-r-81 {margin-right: 81px!important;} .m-r-82 {margin-right: 82px!important;} .m-r-83 {margin-right: 83px!important;} .m-r-84 {margin-right: 84px!important;} .m-r-85 {margin-right: 85px!important;} .m-r-86 {margin-right: 86px!important;} .m-r-87 {margin-right: 87px!important;} .m-r-88 {margin-right: 88px!important;} .m-r-89 {margin-right: 89px!important;} .m-r-90 {margin-right: 90px!important;} .m-r-91 {margin-right: 91px!important;} .m-r-92 {margin-right: 92px!important;} .m-r-93 {margin-right: 93px!important;} .m-r-94 {margin-right: 94px!important;} .m-r-95 {margin-right: 95px!important;} .m-r-96 {margin-right: 96px!important;} .m-r-97 {margin-right: 97px!important;} .m-r-98 {margin-right: 98px!important;} .m-r-99 {margin-right: 99px!important;} .m-r-100 {margin-right: 100px!important;} .m-r-101 {margin-right: 101px!important;} .m-r-102 {margin-right: 102px!important;} .m-r-103 {margin-right: 103px!important;} .m-r-104 {margin-right: 104px!important;} .m-r-105 {margin-right: 105px!important;} .m-r-106 {margin-right: 106px!important;} .m-r-107 {margin-right: 107px!important;} .m-r-108 {margin-right: 108px!important;} .m-r-109 {margin-right: 109px!important;} .m-r-110 {margin-right: 110px!important;} .m-r-111 {margin-right: 111px!important;} .m-r-112 {margin-right: 112px!important;} .m-r-113 {margin-right: 113px!important;} .m-r-114 {margin-right: 114px!important;} .m-r-115 {margin-right: 115px!important;} .m-r-116 {margin-right: 116px!important;} .m-r-117 {margin-right: 117px!important;} .m-r-118 {margin-right: 118px!important;} .m-r-119 {margin-right: 119px!important;} .m-r-120 {margin-right: 120px!important;} .m-r-121 {margin-right: 121px!important;} .m-r-122 {margin-right: 122px!important;} .m-r-123 {margin-right: 123px!important;} .m-r-124 {margin-right: 124px!important;} .m-r-125 {margin-right: 125px!important;} .m-r-126 {margin-right: 126px!important;} .m-r-127 {margin-right: 127px!important;} .m-r-128 {margin-right: 128px!important;} .m-r-129 {margin-right: 129px!important;} .m-r-130 {margin-right: 130px!important;} .m-r-131 {margin-right: 131px!important;} .m-r-132 {margin-right: 132px!important;} .m-r-133 {margin-right: 133px!important;} .m-r-134 {margin-right: 134px!important;} .m-r-135 {margin-right: 135px!important;} .m-r-136 {margin-right: 136px!important;} .m-r-137 {margin-right: 137px!important;} .m-r-138 {margin-right: 138px!important;} .m-r-139 {margin-right: 139px!important;} .m-r-140 {margin-right: 140px!important;} .m-r-141 {margin-right: 141px!important;} .m-r-142 {margin-right: 142px!important;} .m-r-143 {margin-right: 143px!important;} .m-r-144 {margin-right: 144px!important;} .m-r-145 {margin-right: 145px!important;} .m-r-146 {margin-right: 146px!important;} .m-r-147 {margin-right: 147px!important;} .m-r-148 {margin-right: 148px!important;} .m-r-149 {margin-right: 149px!important;} .m-r-150 {margin-right: 150px!important;} /* margin bottom */ .m-b-0 {margin-bottom: 0px!important;} .m-b-1 {margin-bottom: 1px!important;} .m-b-2 {margin-bottom: 2px!important;} .m-b-3 {margin-bottom: 3px!important;} .m-b-4 {margin-bottom: 4px!important;} .m-b-5 {margin-bottom: 5px!important;} .m-b-6 {margin-bottom: 6px!important;} .m-b-7 {margin-bottom: 7px!important;} .m-b-8 {margin-bottom: 8px!important;} .m-b-9 {margin-bottom: 9px!important;} .m-b-10 {margin-bottom: 10px!important;} .m-b-11 {margin-bottom: 11px!important;} .m-b-12 {margin-bottom: 12px!important;} .m-b-13 {margin-bottom: 13px!important;} .m-b-14 {margin-bottom: 14px!important;} .m-b-15 {margin-bottom: 15px!important;} .m-b-16 {margin-bottom: 16px!important;} .m-b-17 {margin-bottom: 17px!important;} .m-b-18 {margin-bottom: 18px!important;} .m-b-19 {margin-bottom: 19px!important;} .m-b-20 {margin-bottom: 20px!important;} .m-b-21 {margin-bottom: 21px!important;} .m-b-22 {margin-bottom: 22px!important;} .m-b-23 {margin-bottom: 23px!important;} .m-b-24 {margin-bottom: 24px!important;} .m-b-25 {margin-bottom: 25px!important;} .m-b-26 {margin-bottom: 26px!important;} .m-b-27 {margin-bottom: 27px!important;} .m-b-28 {margin-bottom: 28px!important;} .m-b-29 {margin-bottom: 29px!important;} .m-b-30 {margin-bottom: 30px!important;} .m-b-31 {margin-bottom: 31px!important;} .m-b-32 {margin-bottom: 32px!important;} .m-b-33 {margin-bottom: 33px!important;} .m-b-34 {margin-bottom: 34px!important;} .m-b-35 {margin-bottom: 35px!important;} .m-b-36 {margin-bottom: 36px!important;} .m-b-37 {margin-bottom: 37px!important;} .m-b-38 {margin-bottom: 38px!important;} .m-b-39 {margin-bottom: 39px!important;} .m-b-40 {margin-bottom: 40px!important;} .m-b-41 {margin-bottom: 4px!important;} .m-b-42 {margin-bottom: 42px!important;} .m-b-43 {margin-bottom: 43px!important;} .m-b-44 {margin-bottom: 44px!important;} .m-b-45 {margin-bottom: 45px!important;} .m-b-46 {margin-bottom: 46px!important;} .m-b-47 {margin-bottom: 47px!important;} .m-b-48 {margin-bottom: 48px!important;} .m-b-49 {margin-bottom: 49px!important;} .m-b-50 {margin-bottom: 50px!important;} .m-b-51 {margin-bottom: 51px!important;} .m-b-52 {margin-bottom: 52px!important;} .m-b-53 {margin-bottom: 53px!important;} .m-b-54 {margin-bottom: 54px!important;} .m-b-55 {margin-bottom: 55px!important;} .m-b-56 {margin-bottom: 56px!important;} .m-b-57 {margin-bottom: 57px!important;} .m-b-58 {margin-bottom: 58px!important;} .m-b-59 {margin-bottom: 59px!important;} .m-b-60 {margin-bottom: 60px!important;} .m-b-61 {margin-bottom: 61px!important;} .m-b-62 {margin-bottom: 62px!important;} .m-b-63 {margin-bottom: 63px!important;} .m-b-64 {margin-bottom: 64px!important;} .m-b-65 {margin-bottom: 65px!important;} .m-b-66 {margin-bottom: 66px!important;} .m-b-67 {margin-bottom: 67px!important;} .m-b-68 {margin-bottom: 68px!important;} .m-b-69 {margin-bottom: 69px!important;} .m-b-70 {margin-bottom: 70px!important;} .m-b-71 {margin-bottom: 71px!important;} .m-b-72 {margin-bottom: 72px!important;} .m-b-73 {margin-bottom: 73px!important;} .m-b-74 {margin-bottom: 74px!important;} .m-b-75 {margin-bottom: 75px!important;} .m-b-76 {margin-bottom: 76px!important;} .m-b-77 {margin-bottom: 77px!important;} .m-b-78 {margin-bottom: 78px!important;} .m-b-79 {margin-bottom: 79px!important;} .m-b-80 {margin-bottom: 80px!important;} .m-b-81 {margin-bottom: 81px!important;} .m-b-82 {margin-bottom: 82px!important;} .m-b-83 {margin-bottom: 83px!important;} .m-b-84 {margin-bottom: 84px!important;} .m-b-85 {margin-bottom: 85px!important;} .m-b-86 {margin-bottom: 86px!important;} .m-b-87 {margin-bottom: 87px!important;} .m-b-88 {margin-bottom: 88px!important;} .m-b-89 {margin-bottom: 89px!important;} .m-b-90 {margin-bottom: 90px!important;} .m-b-91 {margin-bottom: 91px!important;} .m-b-92 {margin-bottom: 92px!important;} .m-b-93 {margin-bottom: 93px!important;} .m-b-94 {margin-bottom: 94px!important;} .m-b-95 {margin-bottom: 95px!important;} .m-b-96 {margin-bottom: 96px!important;} .m-b-97 {margin-bottom: 97px!important;} .m-b-98 {margin-bottom: 98px!important;} .m-b-99 {margin-bottom: 99px!important;} .m-b-100 {margin-bottom: 100px!important;} .m-b-101 {margin-bottom: 101px!important;} .m-b-102 {margin-bottom: 102px!important;} .m-b-103 {margin-bottom: 103px!important;} .m-b-104 {margin-bottom: 104px!important;} .m-b-105 {margin-bottom: 105px!important;} .m-b-106 {margin-bottom: 106px!important;} .m-b-107 {margin-bottom: 107px!important;} .m-b-108 {margin-bottom: 108px!important;} .m-b-109 {margin-bottom: 109px!important;} .m-b-110 {margin-bottom: 110px!important;} .m-b-111 {margin-bottom: 111px!important;} .m-b-112 {margin-bottom: 112px!important;} .m-b-113 {margin-bottom: 113px!important;} .m-b-114 {margin-bottom: 114px!important;} .m-b-115 {margin-bottom: 115px!important;} .m-b-116 {margin-bottom: 116px!important;} .m-b-117 {margin-bottom: 117px!important;} .m-b-118 {margin-bottom: 118px!important;} .m-b-119 {margin-bottom: 119px!important;} .m-b-120 {margin-bottom: 120px!important;} .m-b-121 {margin-bottom: 121px!important;} .m-b-122 {margin-bottom: 122px!important;} .m-b-123 {margin-bottom: 123px!important;} .m-b-124 {margin-bottom: 124px!important;} .m-b-125 {margin-bottom: 125px!important;} .m-b-126 {margin-bottom: 126px!important;} .m-b-127 {margin-bottom: 127px!important;} .m-b-128 {margin-bottom: 128px!important;} .m-b-129 {margin-bottom: 129px!important;} .m-b-130 {margin-bottom: 130px!important;} .m-b-131 {margin-bottom: 131px!important;} .m-b-132 {margin-bottom: 132px!important;} .m-b-133 {margin-bottom: 133px!important;} .m-b-134 {margin-bottom: 134px!important;} .m-b-135 {margin-bottom: 135px!important;} .m-b-136 {margin-bottom: 136px!important;} .m-b-137 {margin-bottom: 137px!important;} .m-b-138 {margin-bottom: 138px!important;} .m-b-139 {margin-bottom: 139px!important;} .m-b-140 {margin-bottom: 140px!important;} .m-b-141 {margin-bottom: 141px!important;} .m-b-142 {margin-bottom: 142px!important;} .m-b-143 {margin-bottom: 143px!important;} .m-b-144 {margin-bottom: 144px!important;} .m-b-145 {margin-bottom: 145px!important;} .m-b-146 {margin-bottom: 146px!important;} .m-b-147 {margin-bottom: 147px!important;} .m-b-148 {margin-bottom: 148px!important;} .m-b-149 {margin-bottom: 149px!important;} .m-b-150 {margin-bottom: 150px!important;} /* margin left */ .m-l-0 {margin-left: 0px!important;} .m-l-1 {margin-left: 1px!important;} .m-l-2 {margin-left: 2px!important;} .m-l-3 {margin-left: 3px!important;} .m-l-4 {margin-left: 4px!important;} .m-l-5 {margin-left: 5px!important;} .m-l-6 {margin-left: 6px!important;} .m-l-7 {margin-left: 7px!important;} .m-l-8 {margin-left: 8px!important;} .m-l-9 {margin-left: 9px!important;} .m-l-10 {margin-left: 10px!important;} .m-l-11 {margin-left: 11px!important;} .m-l-12 {margin-left: 12px!important;} .m-l-13 {margin-left: 13px!important;} .m-l-14 {margin-left: 14px!important;} .m-l-15 {margin-left: 15px!important;} .m-l-16 {margin-left: 16px!important;} .m-l-17 {margin-left: 17px!important;} .m-l-18 {margin-left: 18px!important;} .m-l-19 {margin-left: 19px!important;} .m-l-20 {margin-left: 20px!important;} .m-l-21 {margin-left: 21px!important;} .m-l-22 {margin-left: 22px!important;} .m-l-23 {margin-left: 23px!important;} .m-l-24 {margin-left: 24px!important;} .m-l-25 {margin-left: 25px!important;} .m-l-26 {margin-left: 26px!important;} .m-l-27 {margin-left: 27px!important;} .m-l-28 {margin-left: 28px!important;} .m-l-29 {margin-left: 29px!important;} .m-l-30 {margin-left: 30px!important;} .m-l-31 {margin-left: 31px!important;} .m-l-32 {margin-left: 32px!important;} .m-l-33 {margin-left: 33px!important;} .m-l-34 {margin-left: 34px!important;} .m-l-35 {margin-left: 35px!important;} .m-l-36 {margin-left: 36px!important;} .m-l-37 {margin-left: 37px!important;} .m-l-38 {margin-left: 38px!important;} .m-l-39 {margin-left: 39px!important;} .m-l-40 {margin-left: 40px!important;} .m-l-41 {margin-left: 4px!important;} .m-l-42 {margin-left: 42px!important;} .m-l-43 {margin-left: 43px!important;} .m-l-44 {margin-left: 44px!important;} .m-l-45 {margin-left: 45px!important;} .m-l-46 {margin-left: 46px!important;} .m-l-47 {margin-left: 47px!important;} .m-l-48 {margin-left: 48px!important;} .m-l-49 {margin-left: 49px!important;} .m-l-50 {margin-left: 50px!important;} .m-l-51 {margin-left: 51px!important;} .m-l-52 {margin-left: 52px!important;} .m-l-53 {margin-left: 53px!important;} .m-l-54 {margin-left: 54px!important;} .m-l-55 {margin-left: 55px!important;} .m-l-56 {margin-left: 56px!important;} .m-l-57 {margin-left: 57px!important;} .m-l-58 {margin-left: 58px!important;} .m-l-59 {margin-left: 59px!important;} .m-l-60 {margin-left: 60px!important;} .m-l-61 {margin-left: 61px!important;} .m-l-62 {margin-left: 62px!important;} .m-l-63 {margin-left: 63px!important;} .m-l-64 {margin-left: 64px!important;} .m-l-65 {margin-left: 65px!important;} .m-l-66 {margin-left: 66px!important;} .m-l-67 {margin-left: 67px!important;} .m-l-68 {margin-left: 68px!important;} .m-l-69 {margin-left: 69px!important;} .m-l-70 {margin-left: 70px!important;} .m-l-71 {margin-left: 71px!important;} .m-l-72 {margin-left: 72px!important;} .m-l-73 {margin-left: 73px!important;} .m-l-74 {margin-left: 74px!important;} .m-l-75 {margin-left: 75px!important;} .m-l-76 {margin-left: 76px!important;} .m-l-77 {margin-left: 77px!important;} .m-l-78 {margin-left: 78px!important;} .m-l-79 {margin-left: 79px!important;} .m-l-80 {margin-left: 80px!important;} .m-l-81 {margin-left: 81px!important;} .m-l-82 {margin-left: 82px!important;} .m-l-83 {margin-left: 83px!important;} .m-l-84 {margin-left: 84px!important;} .m-l-85 {margin-left: 85px!important;} .m-l-86 {margin-left: 86px!important;} .m-l-87 {margin-left: 87px!important;} .m-l-88 {margin-left: 88px!important;} .m-l-89 {margin-left: 89px!important;} .m-l-90 {margin-left: 90px!important;} .m-l-91 {margin-left: 91px!important;} .m-l-92 {margin-left: 92px!important;} .m-l-93 {margin-left: 93px!important;} .m-l-94 {margin-left: 94px!important;} .m-l-95 {margin-left: 95px!important;} .m-l-96 {margin-left: 96px!important;} .m-l-97 {margin-left: 97px!important;} .m-l-98 {margin-left: 98px!important;} .m-l-99 {margin-left: 99px!important;} .m-l-100 {margin-left: 100px!important;} .m-l-101 {margin-left: 101px!important;} .m-l-102 {margin-left: 102px!important;} .m-l-103 {margin-left: 103px!important;} .m-l-104 {margin-left: 104px!important;} .m-l-105 {margin-left: 105px!important;} .m-l-106 {margin-left: 106px!important;} .m-l-107 {margin-left: 107px!important;} .m-l-108 {margin-left: 108px!important;} .m-l-109 {margin-left: 109px!important;} .m-l-110 {margin-left: 110px!important;} .m-l-111 {margin-left: 111px!important;} .m-l-112 {margin-left: 112px!important;} .m-l-113 {margin-left: 113px!important;} .m-l-114 {margin-left: 114px!important;} .m-l-115 {margin-left: 115px!important;} .m-l-116 {margin-left: 116px!important;} .m-l-117 {margin-left: 117px!important;} .m-l-118 {margin-left: 118px!important;} .m-l-119 {margin-left: 119px!important;} .m-l-120 {margin-left: 120px!important;} .m-l-121 {margin-left: 121px!important;} .m-l-122 {margin-left: 122px!important;} .m-l-123 {margin-left: 123px!important;} .m-l-124 {margin-left: 124px!important;} .m-l-125 {margin-left: 125px!important;} .m-l-126 {margin-left: 126px!important;} .m-l-127 {margin-left: 127px!important;} .m-l-128 {margin-left: 128px!important;} .m-l-129 {margin-left: 129px!important;} .m-l-130 {margin-left: 130px!important;} .m-l-131 {margin-left: 131px!important;} .m-l-132 {margin-left: 132px!important;} .m-l-133 {margin-left: 133px!important;} .m-l-134 {margin-left: 134px!important;} .m-l-135 {margin-left: 135px!important;} .m-l-136 {margin-left: 136px!important;} .m-l-137 {margin-left: 137px!important;} .m-l-138 {margin-left: 138px!important;} .m-l-139 {margin-left: 139px!important;} .m-l-140 {margin-left: 140px!important;} .m-l-141 {margin-left: 141px!important;} .m-l-142 {margin-left: 142px!important;} .m-l-143 {margin-left: 143px!important;} .m-l-144 {margin-left: 144px!important;} .m-l-145 {margin-left: 145px!important;} .m-l-146 {margin-left: 146px!important;} .m-l-147 {margin-left: 147px!important;} .m-l-148 {margin-left: 148px!important;} .m-l-149 {margin-left: 149px!important;} .m-l-150 {margin-left: 150px!important;} /* padding */ .p-0 {padding: 0px!important; } .p-5 {padding: 5px!important; } .p-15 {padding: 15px!important; } .p-20{padding: 20px!important; } .p-22{padding: 22px!important; } .p-17 {padding: 17px!important; } .p-18 {padding: 18px!important; } .p-30 {padding: 30px!important; } .p-48 {padding: 48px!important; } /* padding top */ .p-t-0 {padding-top: 0px!important;} .p-t-1 {padding-top: 1px!important;} .p-t-2 {padding-top: 2px!important;} .p-t-3 {padding-top: 3px!important;} .p-t-4 {padding-top: 4px!important;} .p-t-5 {padding-top: 5px!important;} .p-t-6 {padding-top: 6px!important;} .p-t-7 {padding-top: 7px!important;} .p-t-8 {padding-top: 8px!important;} .p-t-9 {padding-top: 9px!important;} .p-t-10 {padding-top: 10px!important;} .p-t-11 {padding-top: 11px!important;} .p-t-12 {padding-top: 12px!important;} .p-t-13 {padding-top: 13px!important;} .p-t-14 {padding-top: 14px!important;} .p-t-15 {padding-top: 15px!important;} .p-t-16 {padding-top: 16px!important;} .p-t-17 {padding-top: 17px!important;} .p-t-18 {padding-top: 18px!important;} .p-t-19 {padding-top: 19px!important;} .p-t-20 {padding-top: 20px!important;} .p-t-21 {padding-top: 21px!important;} .p-t-22 {padding-top: 22px!important;} .p-t-23 {padding-top: 23px!important;} .p-t-24 {padding-top: 24px!important;} .p-t-25 {padding-top: 25px!important;} .p-t-26 {padding-top: 26px!important;} .p-t-27 {padding-top: 27px!important;} .p-t-28 {padding-top: 28px!important;} .p-t-29 {padding-top: 29px!important;} .p-t-30 {padding-top: 30px!important;} .p-t-31 {padding-top: 31px!important;} .p-t-32 {padding-top: 32px!important;} .p-t-33 {padding-top: 33px!important;} .p-t-34 {padding-top: 34px!important;} .p-t-35 {padding-top: 35px!important;} .p-t-36 {padding-top: 36px!important;} .p-t-37 {padding-top: 37px!important;} .p-t-38 {padding-top: 38px!important;} .p-t-39 {padding-top: 39px!important;} .p-t-40 {padding-top: 40px!important;} .p-t-41 {padding-top: 4px!important;} .p-t-42 {padding-top: 42px!important;} .p-t-43 {padding-top: 43px!important;} .p-t-44 {padding-top: 44px!important;} .p-t-45 {padding-top: 45px!important;} .p-t-46 {padding-top: 46px!important;} .p-t-47 {padding-top: 47px!important;} .p-t-48 {padding-top: 48px!important;} .p-t-49 {padding-top: 49px!important;} .p-t-50 {padding-top: 50px!important;} .p-t-51 {padding-top: 51px!important;} .p-t-52 {padding-top: 52px!important;} .p-t-53 {padding-top: 53px!important;} .p-t-54 {padding-top: 54px!important;} .p-t-55 {padding-top: 55px!important;} .p-t-56 {padding-top: 56px!important;} .p-t-57 {padding-top: 57px!important;} .p-t-58 {padding-top: 58px!important;} .p-t-59 {padding-top: 59px!important;} .p-t-60 {padding-top: 60px!important;} .p-t-61 {padding-top: 61px!important;} .p-t-62 {padding-top: 62px!important;} .p-t-63 {padding-top: 63px!important;} .p-t-64 {padding-top: 64px!important;} .p-t-65 {padding-top: 65px!important;} .p-t-66 {padding-top: 66px!important;} .p-t-67 {padding-top: 67px!important;} .p-t-68 {padding-top: 68px!important;} .p-t-69 {padding-top: 69px!important;} .p-t-70 {padding-top: 70px!important;} .p-t-71 {padding-top: 71px!important;} .p-t-72 {padding-top: 72px!important;} .p-t-73 {padding-top: 73px!important;} .p-t-74 {padding-top: 74px!important;} .p-t-75 {padding-top: 75px!important;} .p-t-76 {padding-top: 76px!important;} .p-t-77 {padding-top: 77px!important;} .p-t-78 {padding-top: 78px!important;} .p-t-79 {padding-top: 79px!important;} .p-t-80 {padding-top: 80px!important;} .p-t-81 {padding-top: 81px!important;} .p-t-82 {padding-top: 82px!important;} .p-t-83 {padding-top: 83px!important;} .p-t-84 {padding-top: 84px!important;} .p-t-85 {padding-top: 85px!important;} .p-t-86 {padding-top: 86px!important;} .p-t-87 {padding-top: 87px!important;} .p-t-88 {padding-top: 88px!important;} .p-t-89 {padding-top: 89px!important;} .p-t-90 {padding-top: 90px!important;} .p-t-91 {padding-top: 91px!important;} .p-t-92 {padding-top: 92px!important;} .p-t-93 {padding-top: 93px!important;} .p-t-94 {padding-top: 94px!important;} .p-t-95 {padding-top: 95px!important;} .p-t-96 {padding-top: 96px!important;} .p-t-97 {padding-top: 97px!important;} .p-t-98 {padding-top: 98px!important;} .p-t-99 {padding-top: 99px!important;} .p-t-100 {padding-top: 100px!important;} .p-t-101 {padding-top: 101px!important;} .p-t-102 {padding-top: 102px!important;} .p-t-103 {padding-top: 103px!important;} .p-t-104 {padding-top: 104px!important;} .p-t-105 {padding-top: 105px!important;} .p-t-106 {padding-top: 106px!important;} .p-t-107 {padding-top: 107px!important;} .p-t-108 {padding-top: 108px!important;} .p-t-109 {padding-top: 109px!important;} .p-t-110 {padding-top: 110px!important;} .p-t-111 {padding-top: 111px!important;} .p-t-112 {padding-top: 112px!important;} .p-t-113 {padding-top: 113px!important;} .p-t-114 {padding-top: 114px!important;} .p-t-115 {padding-top: 115px!important;} .p-t-116 {padding-top: 116px!important;} .p-t-117 {padding-top: 117px!important;} .p-t-118 {padding-top: 118px!important;} .p-t-119 {padding-top: 119px!important;} .p-t-120 {padding-top: 120px!important;} .p-t-121 {padding-top: 121px!important;} .p-t-122 {padding-top: 122px!important;} .p-t-123 {padding-top: 123px!important;} .p-t-124 {padding-top: 124px!important;} .p-t-125 {padding-top: 125px!important;} .p-t-126 {padding-top: 126px!important;} .p-t-127 {padding-top: 127px!important;} .p-t-128 {padding-top: 128px!important;} .p-t-129 {padding-top: 129px!important;} .p-t-130 {padding-top: 130px!important;} .p-t-131 {padding-top: 131px!important;} .p-t-132 {padding-top: 132px!important;} .p-t-133 {padding-top: 133px!important;} .p-t-134 {padding-top: 134px!important;} .p-t-135 {padding-top: 135px!important;} .p-t-136 {padding-top: 136px!important;} .p-t-137 {padding-top: 137px!important;} .p-t-138 {padding-top: 138px!important;} .p-t-139 {padding-top: 139px!important;} .p-t-140 {padding-top: 140px!important;} .p-t-141 {padding-top: 141px!important;} .p-t-142 {padding-top: 142px!important;} .p-t-143 {padding-top: 143px!important;} .p-t-144 {padding-top: 144px!important;} .p-t-145 {padding-top: 145px!important;} .p-t-146 {padding-top: 146px!important;} .p-t-147 {padding-top: 147px!important;} .p-t-148 {padding-top: 148px!important;} .p-t-149 {padding-top: 149px!important;} .p-t-150 {padding-top: 150px!important;} /* padding right */ .p-r-0 {padding-right: 0px!important;} .p-r-1 {padding-right: 1px!important;} .p-r-2 {padding-right: 2px!important;} .p-r-3 {padding-right: 3px!important;} .p-r-4 {padding-right: 4px!important;} .p-r-5 {padding-right: 5px!important;} .p-r-6 {padding-right: 6px!important;} .p-r-7 {padding-right: 7px!important;} .p-r-8 {padding-right: 8px!important;} .p-r-9 {padding-right: 9px!important;} .p-r-10 {padding-right: 10px!important;} .p-r-11 {padding-right: 11px!important;} .p-r-12 {padding-right: 12px!important;} .p-r-13 {padding-right: 13px!important;} .p-r-14 {padding-right: 14px!important;} .p-r-15 {padding-right: 15px!important;} .p-r-16 {padding-right: 16px!important;} .p-r-17 {padding-right: 17px!important;} .p-r-18 {padding-right: 18px!important;} .p-r-19 {padding-right: 19px!important;} .p-r-20 {padding-right: 20px!important;} .p-r-21 {padding-right: 21px!important;} .p-r-22 {padding-right: 22px!important;} .p-r-23 {padding-right: 23px!important;} .p-r-24 {padding-right: 24px!important;} .p-r-25 {padding-right: 25px!important;} .p-r-26 {padding-right: 26px!important;} .p-r-27 {padding-right: 27px!important;} .p-r-28 {padding-right: 28px!important;} .p-r-29 {padding-right: 29px!important;} .p-r-30 {padding-right: 30px!important;} .p-r-31 {padding-right: 31px!important;} .p-r-32 {padding-right: 32px!important;} .p-r-33 {padding-right: 33px!important;} .p-r-34 {padding-right: 34px!important;} .p-r-35 {padding-right: 35px!important;} .p-r-36 {padding-right: 36px!important;} .p-r-37 {padding-right: 37px!important;} .p-r-38 {padding-right: 38px!important;} .p-r-39 {padding-right: 39px!important;} .p-r-40 {padding-right: 40px!important;} .p-r-41 {padding-right: 4px!important;} .p-r-42 {padding-right: 42px!important;} .p-r-43 {padding-right: 43px!important;} .p-r-44 {padding-right: 44px!important;} .p-r-45 {padding-right: 45px!important;} .p-r-46 {padding-right: 46px!important;} .p-r-47 {padding-right: 47px!important;} .p-r-48 {padding-right: 48px!important;} .p-r-49 {padding-right: 49px!important;} .p-r-50 {padding-right: 50px!important;} .p-r-51 {padding-right: 51px!important;} .p-r-52 {padding-right: 52px!important;} .p-r-53 {padding-right: 53px!important;} .p-r-54 {padding-right: 54px!important;} .p-r-55 {padding-right: 55px!important;} .p-r-56 {padding-right: 56px!important;} .p-r-57 {padding-right: 57px!important;} .p-r-58 {padding-right: 58px!important;} .p-r-59 {padding-right: 59px!important;} .p-r-60 {padding-right: 60px!important;} .p-r-61 {padding-right: 61px!important;} .p-r-62 {padding-right: 62px!important;} .p-r-63 {padding-right: 63px!important;} .p-r-64 {padding-right: 64px!important;} .p-r-65 {padding-right: 65px!important;} .p-r-66 {padding-right: 66px!important;} .p-r-67 {padding-right: 67px!important;} .p-r-68 {padding-right: 68px!important;} .p-r-69 {padding-right: 69px!important;} .p-r-70 {padding-right: 70px!important;} .p-r-71 {padding-right: 71px!important;} .p-r-72 {padding-right: 72px!important;} .p-r-73 {padding-right: 73px!important;} .p-r-74 {padding-right: 74px!important;} .p-r-75 {padding-right: 75px!important;} .p-r-76 {padding-right: 76px!important;} .p-r-77 {padding-right: 77px!important;} .p-r-78 {padding-right: 78px!important;} .p-r-79 {padding-right: 79px!important;} .p-r-80 {padding-right: 80px!important;} .p-r-81 {padding-right: 81px!important;} .p-r-82 {padding-right: 82px!important;} .p-r-83 {padding-right: 83px!important;} .p-r-84 {padding-right: 84px!important;} .p-r-85 {padding-right: 85px!important;} .p-r-86 {padding-right: 86px!important;} .p-r-87 {padding-right: 87px!important;} .p-r-88 {padding-right: 88px!important;} .p-r-89 {padding-right: 89px!important;} .p-r-90 {padding-right: 90px!important;} .p-r-91 {padding-right: 91px!important;} .p-r-92 {padding-right: 92px!important;} .p-r-93 {padding-right: 93px!important;} .p-r-94 {padding-right: 94px!important;} .p-r-95 {padding-right: 95px!important;} .p-r-96 {padding-right: 96px!important;} .p-r-97 {padding-right: 97px!important;} .p-r-98 {padding-right: 98px!important;} .p-r-99 {padding-right: 99px!important;} .p-r-100 {padding-right: 100px!important;} .p-r-101 {padding-right: 101px!important;} .p-r-102 {padding-right: 102px!important;} .p-r-103 {padding-right: 103px!important;} .p-r-104 {padding-right: 104px!important;} .p-r-105 {padding-right: 105px!important;} .p-r-106 {padding-right: 106px!important;} .p-r-107 {padding-right: 107px!important;} .p-r-108 {padding-right: 108px!important;} .p-r-109 {padding-right: 109px!important;} .p-r-110 {padding-right: 110px!important;} .p-r-111 {padding-right: 111px!important;} .p-r-112 {padding-right: 112px!important;} .p-r-113 {padding-right: 113px!important;} .p-r-114 {padding-right: 114px!important;} .p-r-115 {padding-right: 115px!important;} .p-r-116 {padding-right: 116px!important;} .p-r-117 {padding-right: 117px!important;} .p-r-118 {padding-right: 118px!important;} .p-r-119 {padding-right: 119px!important;} .p-r-120 {padding-right: 120px!important;} .p-r-121 {padding-right: 121px!important;} .p-r-122 {padding-right: 122px!important;} .p-r-123 {padding-right: 123px!important;} .p-r-124 {padding-right: 124px!important;} .p-r-125 {padding-right: 125px!important;} .p-r-126 {padding-right: 126px!important;} .p-r-127 {padding-right: 127px!important;} .p-r-128 {padding-right: 128px!important;} .p-r-129 {padding-right: 129px!important;} .p-r-130 {padding-right: 130px!important;} .p-r-131 {padding-right: 131px!important;} .p-r-132 {padding-right: 132px!important;} .p-r-133 {padding-right: 133px!important;} .p-r-134 {padding-right: 134px!important;} .p-r-135 {padding-right: 135px!important;} .p-r-136 {padding-right: 136px!important;} .p-r-137 {padding-right: 137px!important;} .p-r-138 {padding-right: 138px!important;} .p-r-139 {padding-right: 139px!important;} .p-r-140 {padding-right: 140px!important;} .p-r-141 {padding-right: 141px!important;} .p-r-142 {padding-right: 142px!important;} .p-r-143 {padding-right: 143px!important;} .p-r-144 {padding-right: 144px!important;} .p-r-145 {padding-right: 145px!important;} .p-r-146 {padding-right: 146px!important;} .p-r-147 {padding-right: 147px!important;} .p-r-148 {padding-right: 148px!important;} .p-r-149 {padding-right: 149px!important;} .p-r-150 {padding-right: 150px!important;} /* padding bottom */ .p-b-0 {padding-bottom: 0px!important;} .p-b-1 {padding-bottom: 1px!important;} .p-b-2 {padding-bottom: 2px!important;} .p-b-3 {padding-bottom: 3px!important;} .p-b-4 {padding-bottom: 4px!important;} .p-b-5 {padding-bottom: 5px!important;} .p-b-6 {padding-bottom: 6px!important;} .p-b-7 {padding-bottom: 7px!important;} .p-b-8 {padding-bottom: 8px!important;} .p-b-9 {padding-bottom: 9px!important;} .p-b-10 {padding-bottom: 10px!important;} .p-b-11 {padding-bottom: 11px!important;} .p-b-12 {padding-bottom: 12px!important;} .p-b-13 {padding-bottom: 13px!important;} .p-b-14 {padding-bottom: 14px!important;} .p-b-15 {padding-bottom: 15px!important;} .p-b-16 {padding-bottom: 16px!important;} .p-b-17 {padding-bottom: 17px!important;} .p-b-18 {padding-bottom: 18px!important;} .p-b-19 {padding-bottom: 19px!important;} .p-b-20 {padding-bottom: 20px!important;} .p-b-21 {padding-bottom: 21px!important;} .p-b-22 {padding-bottom: 22px!important;} .p-b-23 {padding-bottom: 23px!important;} .p-b-24 {padding-bottom: 24px!important;} .p-b-25 {padding-bottom: 25px!important;} .p-b-26 {padding-bottom: 26px!important;} .p-b-27 {padding-bottom: 27px!important;} .p-b-28 {padding-bottom: 28px!important;} .p-b-29 {padding-bottom: 29px!important;} .p-b-30 {padding-bottom: 30px!important;} .p-b-31 {padding-bottom: 31px!important;} .p-b-32 {padding-bottom: 32px!important;} .p-b-33 {padding-bottom: 33px!important;} .p-b-34 {padding-bottom: 34px!important;} .p-b-35 {padding-bottom: 35px!important;} .p-b-36 {padding-bottom: 36px!important;} .p-b-37 {padding-bottom: 37px!important;} .p-b-38 {padding-bottom: 38px!important;} .p-b-39 {padding-bottom: 39px!important;} .p-b-40 {padding-bottom: 40px!important;} .p-b-41 {padding-bottom: 4px!important;} .p-b-42 {padding-bottom: 42px!important;} .p-b-43 {padding-bottom: 43px!important;} .p-b-44 {padding-bottom: 44px!important;} .p-b-45 {padding-bottom: 45px!important;} .p-b-46 {padding-bottom: 46px!important;} .p-b-47 {padding-bottom: 47px!important;} .p-b-48 {padding-bottom: 48px!important;} .p-b-49 {padding-bottom: 49px!important;} .p-b-50 {padding-bottom: 50px!important;} .p-b-51 {padding-bottom: 51px!important;} .p-b-52 {padding-bottom: 52px!important;} .p-b-53 {padding-bottom: 53px!important;} .p-b-54 {padding-bottom: 54px!important;} .p-b-55 {padding-bottom: 55px!important;} .p-b-56 {padding-bottom: 56px!important;} .p-b-57 {padding-bottom: 57px!important;} .p-b-58 {padding-bottom: 58px!important;} .p-b-59 {padding-bottom: 59px!important;} .p-b-60 {padding-bottom: 60px!important;} .p-b-61 {padding-bottom: 61px!important;} .p-b-62 {padding-bottom: 62px!important;} .p-b-63 {padding-bottom: 63px!important;} .p-b-64 {padding-bottom: 64px!important;} .p-b-65 {padding-bottom: 65px!important;} .p-b-66 {padding-bottom: 66px!important;} .p-b-67 {padding-bottom: 67px!important;} .p-b-68 {padding-bottom: 68px!important;} .p-b-69 {padding-bottom: 69px!important;} .p-b-70 {padding-bottom: 70px!important;} .p-b-71 {padding-bottom: 71px!important;} .p-b-72 {padding-bottom: 72px!important;} .p-b-73 {padding-bottom: 73px!important;} .p-b-74 {padding-bottom: 74px!important;} .p-b-75 {padding-bottom: 75px!important;} .p-b-76 {padding-bottom: 76px!important;} .p-b-77 {padding-bottom: 77px!important;} .p-b-78 {padding-bottom: 78px!important;} .p-b-79 {padding-bottom: 79px!important;} .p-b-80 {padding-bottom: 80px!important;} .p-b-81 {padding-bottom: 81px!important;} .p-b-82 {padding-bottom: 82px!important;} .p-b-83 {padding-bottom: 83px!important;} .p-b-84 {padding-bottom: 84px!important;} .p-b-85 {padding-bottom: 85px!important;} .p-b-86 {padding-bottom: 86px!important;} .p-b-87 {padding-bottom: 87px!important;} .p-b-88 {padding-bottom: 88px!important;} .p-b-89 {padding-bottom: 89px!important;} .p-b-90 {padding-bottom: 90px!important;} .p-b-91 {padding-bottom: 91px!important;} .p-b-92 {padding-bottom: 92px!important;} .p-b-93 {padding-bottom: 93px!important;} .p-b-94 {padding-bottom: 94px!important;} .p-b-95 {padding-bottom: 95px!important;} .p-b-96 {padding-bottom: 96px!important;} .p-b-97 {padding-bottom: 97px!important;} .p-b-98 {padding-bottom: 98px!important;} .p-b-99 {padding-bottom: 99px!important;} .p-b-100 {padding-bottom: 100px!important;} .p-b-101 {padding-bottom: 101px!important;} .p-b-102 {padding-bottom: 102px!important;} .p-b-103 {padding-bottom: 103px!important;} .p-b-104 {padding-bottom: 104px!important;} .p-b-105 {padding-bottom: 105px!important;} .p-b-106 {padding-bottom: 106px!important;} .p-b-107 {padding-bottom: 107px!important;} .p-b-108 {padding-bottom: 108px!important;} .p-b-109 {padding-bottom: 109px!important;} .p-b-110 {padding-bottom: 110px!important;} .p-b-111 {padding-bottom: 111px!important;} .p-b-112 {padding-bottom: 112px!important;} .p-b-113 {padding-bottom: 113px!important;} .p-b-114 {padding-bottom: 114px!important;} .p-b-115 {padding-bottom: 115px!important;} .p-b-116 {padding-bottom: 116px!important;} .p-b-117 {padding-bottom: 117px!important;} .p-b-118 {padding-bottom: 118px!important;} .p-b-119 {padding-bottom: 119px!important;} .p-b-120 {padding-bottom: 120px!important;} .p-b-121 {padding-bottom: 121px!important;} .p-b-122 {padding-bottom: 122px!important;} .p-b-123 {padding-bottom: 123px!important;} .p-b-124 {padding-bottom: 124px!important;} .p-b-125 {padding-bottom: 125px!important;} .p-b-126 {padding-bottom: 126px!important;} .p-b-127 {padding-bottom: 127px!important;} .p-b-128 {padding-bottom: 128px!important;} .p-b-129 {padding-bottom: 129px!important;} .p-b-130 {padding-bottom: 130px!important;} .p-b-131 {padding-bottom: 131px!important;} .p-b-132 {padding-bottom: 132px!important;} .p-b-133 {padding-bottom: 133px!important;} .p-b-134 {padding-bottom: 134px!important;} .p-b-135 {padding-bottom: 135px!important;} .p-b-136 {padding-bottom: 136px!important;} .p-b-137 {padding-bottom: 137px!important;} .p-b-138 {padding-bottom: 138px!important;} .p-b-139 {padding-bottom: 139px!important;} .p-b-140 {padding-bottom: 140px!important;} .p-b-141 {padding-bottom: 141px!important;} .p-b-142 {padding-bottom: 142px!important;} .p-b-143 {padding-bottom: 143px!important;} .p-b-144 {padding-bottom: 144px!important;} .p-b-145 {padding-bottom: 145px!important;} .p-b-146 {padding-bottom: 146px!important;} .p-b-147 {padding-bottom: 147px!important;} .p-b-148 {padding-bottom: 148px!important;} .p-b-149 {padding-bottom: 149px!important;} .p-b-150 {padding-bottom: 150px!important;} /* padding left */ .p-l-0 {padding-left: 0px!important;} .p-l-1 {padding-left: 1px!important;} .p-l-2 {padding-left: 2px!important;} .p-l-3 {padding-left: 3px!important;} .p-l-4 {padding-left: 4px!important;} .p-l-5 {padding-left: 5px!important;} .p-l-6 {padding-left: 6px!important;} .p-l-7 {padding-left: 7px!important;} .p-l-8 {padding-left: 8px!important;} .p-l-9 {padding-left: 9px!important;} .p-l-10 {padding-left: 10px!important;} .p-l-11 {padding-left: 11px!important;} .p-l-12 {padding-left: 12px!important;} .p-l-13 {padding-left: 13px!important;} .p-l-14 {padding-left: 14px!important;} .p-l-15 {padding-left: 15px!important;} .p-l-16 {padding-left: 16px!important;} .p-l-17 {padding-left: 17px!important;} .p-l-18 {padding-left: 18px!important;} .p-l-19 {padding-left: 19px!important;} .p-l-20 {padding-left: 20px!important;} .p-l-21 {padding-left: 21px!important;} .p-l-22 {padding-left: 22px!important;} .p-l-23 {padding-left: 23px!important;} .p-l-24 {padding-left: 24px!important;} .p-l-25 {padding-left: 25px!important;} .p-l-26 {padding-left: 26px!important;} .p-l-27 {padding-left: 27px!important;} .p-l-28 {padding-left: 28px!important;} .p-l-29 {padding-left: 29px!important;} .p-l-30 {padding-left: 30px!important;} .p-l-31 {padding-left: 31px!important;} .p-l-32 {padding-left: 32px!important;} .p-l-33 {padding-left: 33px!important;} .p-l-34 {padding-left: 34px!important;} .p-l-35 {padding-left: 35px!important;} .p-l-36 {padding-left: 36px!important;} .p-l-37 {padding-left: 37px!important;} .p-l-38 {padding-left: 38px!important;} .p-l-39 {padding-left: 39px!important;} .p-l-40 {padding-left: 40px!important;} .p-l-41 {padding-left: 4px!important;} .p-l-42 {padding-left: 42px!important;} .p-l-43 {padding-left: 43px!important;} .p-l-44 {padding-left: 44px!important;} .p-l-45 {padding-left: 45px!important;} .p-l-46 {padding-left: 46px!important;} .p-l-47 {padding-left: 47px!important;} .p-l-48 {padding-left: 48px!important;} .p-l-49 {padding-left: 49px!important;} .p-l-50 {padding-left: 50px!important;} .p-l-51 {padding-left: 51px!important;} .p-l-52 {padding-left: 52px!important;} .p-l-53 {padding-left: 53px!important;} .p-l-54 {padding-left: 54px!important;} .p-l-55 {padding-left: 55px!important;} .p-l-56 {padding-left: 56px!important;} .p-l-57 {padding-left: 57px!important;} .p-l-58 {padding-left: 58px!important;} .p-l-59 {padding-left: 59px!important;} .p-l-60 {padding-left: 60px!important;} .p-l-61 {padding-left: 61px!important;} .p-l-62 {padding-left: 62px!important;} .p-l-63 {padding-left: 63px!important;} .p-l-64 {padding-left: 64px!important;} .p-l-65 {padding-left: 65px!important;} .p-l-66 {padding-left: 66px!important;} .p-l-67 {padding-left: 67px!important;} .p-l-68 {padding-left: 68px!important;} .p-l-69 {padding-left: 69px!important;} .p-l-70 {padding-left: 70px!important;} .p-l-71 {padding-left: 71px!important;} .p-l-72 {padding-left: 72px!important;} .p-l-73 {padding-left: 73px!important;} .p-l-74 {padding-left: 74px!important;} .p-l-75 {padding-left: 75px!important;} .p-l-76 {padding-left: 76px!important;} .p-l-77 {padding-left: 77px!important;} .p-l-78 {padding-left: 78px!important;} .p-l-79 {padding-left: 79px!important;} .p-l-80 {padding-left: 80px!important;} .p-l-81 {padding-left: 81px!important;} .p-l-82 {padding-left: 82px!important;} .p-l-83 {padding-left: 83px!important;} .p-l-84 {padding-left: 84px!important;} .p-l-85 {padding-left: 85px!important;} .p-l-86 {padding-left: 86px!important;} .p-l-87 {padding-left: 87px!important;} .p-l-88 {padding-left: 88px!important;} .p-l-89 {padding-left: 89px!important;} .p-l-90 {padding-left: 90px!important;} .p-l-91 {padding-left: 91px!important;} .p-l-92 {padding-left: 92px!important;} .p-l-93 {padding-left: 93px!important;} .p-l-94 {padding-left: 94px!important;} .p-l-95 {padding-left: 95px!important;} .p-l-96 {padding-left: 96px!important;} .p-l-97 {padding-left: 97px!important;} .p-l-98 {padding-left: 98px!important;} .p-l-99 {padding-left: 99px!important;} .p-l-100 {padding-left: 100px!important;} .p-l-101 {padding-left: 101px!important;} .p-l-102 {padding-left: 102px!important;} .p-l-103 {padding-left: 103px!important;} .p-l-104 {padding-left: 104px!important;} .p-l-105 {padding-left: 105px!important;} .p-l-106 {padding-left: 106px!important;} .p-l-107 {padding-left: 107px!important;} .p-l-108 {padding-left: 108px!important;} .p-l-109 {padding-left: 109px!important;} .p-l-110 {padding-left: 110px!important;} .p-l-111 {padding-left: 111px!important;} .p-l-112 {padding-left: 112px!important;} .p-l-113 {padding-left: 113px!important;} .p-l-114 {padding-left: 114px!important;} .p-l-115 {padding-left: 115px!important;} .p-l-116 {padding-left: 116px!important;} .p-l-117 {padding-left: 117px!important;} .p-l-118 {padding-left: 118px!important;} .p-l-119 {padding-left: 119px!important;} .p-l-120 {padding-left: 120px!important;} .p-l-121 {padding-left: 121px!important;} .p-l-122 {padding-left: 122px!important;} .p-l-123 {padding-left: 123px!important;} .p-l-124 {padding-left: 124px!important;} .p-l-125 {padding-left: 125px!important;} .p-l-126 {padding-left: 126px!important;} .p-l-127 {padding-left: 127px!important;} .p-l-128 {padding-left: 128px!important;} .p-l-129 {padding-left: 129px!important;} .p-l-130 {padding-left: 130px!important;} .p-l-131 {padding-left: 131px!important;} .p-l-132 {padding-left: 132px!important;} .p-l-133 {padding-left: 133px!important;} .p-l-134 {padding-left: 134px!important;} .p-l-135 {padding-left: 135px!important;} .p-l-136 {padding-left: 136px!important;} .p-l-137 {padding-left: 137px!important;} .p-l-138 {padding-left: 138px!important;} .p-l-139 {padding-left: 139px!important;} .p-l-140 {padding-left: 140px!important;} .p-l-141 {padding-left: 141px!important;} .p-l-142 {padding-left: 142px!important;} .p-l-143 {padding-left: 143px!important;} .p-l-144 {padding-left: 144px!important;} .p-l-145 {padding-left: 145px!important;} .p-l-146 {padding-left: 146px!important;} .p-l-147 {padding-left: 147px!important;} .p-l-148 {padding-left: 148px!important;} .p-l-149 {padding-left: 149px!important;} .p-l-150 {padding-left: 150px!important;} /* Width percentage*/ .w-5{ width:5%!important; } .w-10{ width:10%!important; } .w-15{ width:15%!important; } .w-20{ width:20%!important; } .w-25{ width:25%!important; } .w-30{ width:30%!important; } .w-35{ width:35%!important; } .w-40{ width:40%!important; } .w-45{ width:45%!important; } .w-50{ width:50%!important; } .w-55{ width:55%!important; } .w-60{ width:60%!important; } .w-65{ width:65%!important; } .w-70{ width:70%!important; } .w-75{ width:75%!important; } .w-80{ width:80%!important; } .w-85{ width:85%!important; } .w-90{ width:90%!important; } .w-95{ width:95%!important; } .w-100{ width:100%!important; } ================================================ FILE: static/css/icons.css ================================================ /* ========================================================================== Icon packs ========================================================================== */ @font-face { font-family: 'icomoon'; src:url('../fonts/icomoon.eot'); src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.1.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-family: fontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ------------------ Target all icons --------------------*/ [class^="im-"] { display: inline-block; vertical-align: middle; margin-top: -2px; } /* ------------------ Demo styles ( delete it in production ) --------------------*/ .row.icons .panel [class^="col-lg-"] { margin-bottom: 10px; } .row.icons i { font-size: 24px; } /* ------------------ Ico moon --------------------*/ [class^="im-"], [class*=" im-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .im-home:before { content: "\e000"; } .im-home2:before { content: "\e001"; } .im-home3:before { content: "\e002"; } .im-home4:before { content: "\e003"; } .im-home5:before { content: "\e004"; } .im-home6:before { content: "\e005"; } .im-home7:before { content: "\e006"; } .im-home8:before { content: "\e007"; } .im-home9:before { content: "\e008"; } .im-home10:before { content: "\e009"; } .im-home11:before { content: "\e00a"; } .im-office:before { content: "\e00b"; } .im-newspaper:before { content: "\e00c"; } .im-pencil:before { content: "\e00d"; } .im-pencil2:before { content: "\e00e"; } .im-pencil3:before { content: "\e00f"; } .im-pencil4:before { content: "\e010"; } .im-pencil5:before { content: "\e011"; } .im-pencil6:before { content: "\e012"; } .im-quill:before { content: "\e013"; } .im-quill2:before { content: "\e014"; } .im-quill3:before { content: "\e015"; } .im-pen:before { content: "\e016"; } .im-pen2:before { content: "\e017"; } .im-pen3:before { content: "\e018"; } .im-pen4:before { content: "\e019"; } .im-pen5:before { content: "\e01a"; } .im-marker:before { content: "\e01b"; } .im-home12:before { content: "\e01c"; } .im-marker2:before { content: "\e01d"; } .im-blog:before { content: "\e01e"; } .im-blog2:before { content: "\e01f"; } .im-brush:before { content: "\e020"; } .im-palette:before { content: "\e021"; } .im-palette2:before { content: "\e022"; } .im-eyedropper:before { content: "\e023"; } .im-eyedropper2:before { content: "\e024"; } .im-droplet:before { content: "\e025"; } .im-droplet2:before { content: "\e026"; } .im-droplet3:before { content: "\e027"; } .im-droplet4:before { content: "\e028"; } .im-paint-format:before { content: "\e029"; } .im-paint-format2:before { content: "\e02a"; } .im-image:before { content: "\e02b"; } .im-image2:before { content: "\e02c"; } .im-image3:before { content: "\e02d"; } .im-images:before { content: "\e02e"; } .im-image4:before { content: "\e02f"; } .im-image5:before { content: "\e030"; } .im-image6:before { content: "\e031"; } .im-images2:before { content: "\e032"; } .im-image7:before { content: "\e033"; } .im-camera:before { content: "\e034"; } .im-camera2:before { content: "\e035"; } .im-camera3:before { content: "\e036"; } .im-camera4:before { content: "\e037"; } .im-music:before { content: "\e038"; } .im-music2:before { content: "\e039"; } .im-music3:before { content: "\e03a"; } .im-music4:before { content: "\e03b"; } .im-music5:before { content: "\e03c"; } .im-music6:before { content: "\e03d"; } .im-piano:before { content: "\e03e"; } .im-guitar:before { content: "\e03f"; } .im-headphones:before { content: "\e040"; } .im-headphones2:before { content: "\e041"; } .im-play:before { content: "\e042"; } .im-play2:before { content: "\e043"; } .im-movie:before { content: "\e044"; } .im-movie2:before { content: "\e045"; } .im-movie3:before { content: "\e046"; } .im-film:before { content: "\e047"; } .im-film2:before { content: "\e048"; } .im-film3:before { content: "\e049"; } .im-film4:before { content: "\e04a"; } .im-camera5:before { content: "\e04b"; } .im-camera6:before { content: "\e04c"; } .im-camera7:before { content: "\e04d"; } .im-camera8:before { content: "\e04e"; } .im-camera9:before { content: "\e04f"; } .im-dice:before { content: "\e050"; } .im-gamepad:before { content: "\e051"; } .im-gamepad2:before { content: "\e052"; } .im-gamepad3:before { content: "\e053"; } .im-pacman:before { content: "\e054"; } .im-spades:before { content: "\e055"; } .im-clubs:before { content: "\e056"; } .im-diamonds:before { content: "\e057"; } .im-king:before { content: "\e058"; } .im-queen:before { content: "\e059"; } .im-rock:before { content: "\e05a"; } .im-bishop:before { content: "\e05b"; } .im-knight:before { content: "\e05c"; } .im-pawn:before { content: "\e05d"; } .im-chess:before { content: "\e05e"; } .im-bullhorn:before { content: "\e05f"; } .im-megaphone:before { content: "\e060"; } .im-new:before { content: "\e061"; } .im-connection:before { content: "\e062"; } .im-connection2:before { content: "\e063"; } .im-podcast:before { content: "\e064"; } .im-radio:before { content: "\e065"; } .im-feed:before { content: "\e066"; } .im-connection3:before { content: "\e067"; } .im-radio2:before { content: "\e068"; } .im-podcast2:before { content: "\e069"; } .im-podcast3:before { content: "\e06a"; } .im-mic:before { content: "\e06b"; } .im-mic2:before { content: "\e06c"; } .im-mic3:before { content: "\e06d"; } .im-mic4:before { content: "\e06e"; } .im-mic5:before { content: "\e06f"; } .im-book:before { content: "\e070"; } .im-book2:before { content: "\e071"; } .im-books:before { content: "\e072"; } .im-reading:before { content: "\e073"; } .im-library:before { content: "\e074"; } .im-library2:before { content: "\e075"; } .im-graduation:before { content: "\e076"; } .im-file:before { content: "\e077"; } .im-profile:before { content: "\e078"; } .im-file2:before { content: "\e079"; } .im-file3:before { content: "\e07a"; } .im-file4:before { content: "\e07b"; } .im-file5:before { content: "\e07c"; } .im-file6:before { content: "\e07d"; } .im-files:before { content: "\e07e"; } .im-file-plus:before { content: "\e07f"; } .im-file-minus:before { content: "\e080"; } .im-file-download:before { content: "\e081"; } .im-file-upload:before { content: "\e082"; } .im-file-check:before { content: "\e083"; } .im-file-remove:before { content: "\e084"; } .im-file7:before { content: "\e085"; } .im-file8:before { content: "\e086"; } .im-file-plus2:before { content: "\e087"; } .im-file-minus2:before { content: "\e088"; } .im-file-download2:before { content: "\e089"; } .im-file-upload2:before { content: "\e08a"; } .im-file-check2:before { content: "\e08b"; } .im-file-remove2:before { content: "\e08c"; } .im-file9:before { content: "\e08d"; } .im-copy:before { content: "\e08e"; } .im-copy2:before { content: "\e08f"; } .im-copy3:before { content: "\e090"; } .im-copy4:before { content: "\e091"; } .im-paste:before { content: "\e092"; } .im-paste2:before { content: "\e093"; } .im-paste3:before { content: "\e094"; } .im-stack:before { content: "\e095"; } .im-stack2:before { content: "\e096"; } .im-stack3:before { content: "\e097"; } .im-folder:before { content: "\e098"; } .im-folder-download:before { content: "\e099"; } .im-folder-upload:before { content: "\e09a"; } .im-folder-plus:before { content: "\e09b"; } .im-folder-plus2:before { content: "\e09c"; } .im-folder-minus:before { content: "\e09d"; } .im-folder-minus2:before { content: "\e09e"; } .im-folder8:before { content: "\e09f"; } .im-folder-remove:before { content: "\e0a0"; } .im-folder2:before { content: "\e0a1"; } .im-folder-open:before { content: "\e0a2"; } .im-folder3:before { content: "\e0a3"; } .im-folder4:before { content: "\e0a4"; } .im-folder-plus3:before { content: "\e0a5"; } .im-folder-minus3:before { content: "\e0a6"; } .im-folder-plus4:before { content: "\e0a7"; } .im-folder-remove2:before { content: "\e0a8"; } .im-folder-download2:before { content: "\e0a9"; } .im-folder-upload2:before { content: "\e0aa"; } .im-folder-download3:before { content: "\e0ab"; } .im-folder-upload3:before { content: "\e0ac"; } .im-folder5:before { content: "\e0ad"; } .im-folder-open2:before { content: "\e0ae"; } .im-folder6:before { content: "\e0af"; } .im-folder-open3:before { content: "\e0b0"; } .im-certificate:before { content: "\e0b1"; } .im-cc:before { content: "\e0b2"; } .im-tag:before { content: "\e0b3"; } .im-tag2:before { content: "\e0b4"; } .im-tag3:before { content: "\e0b5"; } .im-tag4:before { content: "\e0b6"; } .im-tag5:before { content: "\e0b7"; } .im-tag6:before { content: "\e0b8"; } .im-tag7:before { content: "\e0b9"; } .im-tags:before { content: "\e0ba"; } .im-tags2:before { content: "\e0bb"; } .im-tag8:before { content: "\e0bc"; } .im-barcode:before { content: "\e0bd"; } .im-barcode2:before { content: "\e0be"; } .im-qrcode:before { content: "\e0bf"; } .im-ticket:before { content: "\e0c0"; } .im-cart:before { content: "\e0c1"; } .im-cart2:before { content: "\e0c2"; } .im-cart3:before { content: "\e0c3"; } .im-cart4:before { content: "\e0c4"; } .im-cart5:before { content: "\e0c5"; } .im-cart6:before { content: "\e0c6"; } .im-cart7:before { content: "\e0c7"; } .im-cart-plus:before { content: "\e0c8"; } .im-cart-minus:before { content: "\e0c9"; } .im-cart-add:before { content: "\e0ca"; } .im-cart-remove:before { content: "\e0cb"; } .im-cart-checkout:before { content: "\e0cc"; } .im-cart-remove2:before { content: "\e0cd"; } .im-basket:before { content: "\e0ce"; } .im-basket2:before { content: "\e0cf"; } .im-bag:before { content: "\e0d0"; } .im-bag2:before { content: "\e0d1"; } .im-bag3:before { content: "\e0d2"; } .im-coin:before { content: "\e0d3"; } .im-coins:before { content: "\e0d4"; } .im-credit:before { content: "\e0d5"; } .im-credit2:before { content: "\e0d6"; } .im-calculate:before { content: "\e0d7"; } .im-calculate2:before { content: "\e0d8"; } .im-support:before { content: "\e0d9"; } .im-phone:before { content: "\e0da"; } .im-phone2:before { content: "\e0db"; } .im-phone3:before { content: "\e0dc"; } .im-phone4:before { content: "\e0dd"; } .im-contact-add:before { content: "\e0de"; } .im-contact-remove:before { content: "\e0df"; } .im-contact-add2:before { content: "\e0e0"; } .im-contact-remove2:before { content: "\e0e1"; } .im-call-incoming:before { content: "\e0e2"; } .im-call-outgoing:before { content: "\e0e3"; } .im-phone5:before { content: "\e0e4"; } .im-phone6:before { content: "\e0e5"; } .im-phone-hang-up:before { content: "\e0e6"; } .im-phone-hang-up2:before { content: "\e0e7"; } .im-address-book:before { content: "\e0e8"; } .im-address-book2:before { content: "\e0e9"; } .im-notebook:before { content: "\e0ea"; } .im-envelop:before { content: "\e0eb"; } .im-envelop2:before { content: "\e0ec"; } .im-mail-send:before { content: "\e0ed"; } .im-envelop-opened:before { content: "\e0ee"; } .im-envelop3:before { content: "\e0ef"; } .im-pushpin:before { content: "\e0f0"; } .im-location:before { content: "\e0f1"; } .im-location2:before { content: "\e0f2"; } .im-location3:before { content: "\e0f3"; } .im-location4:before { content: "\e0f4"; } .im-location5:before { content: "\e0f5"; } .im-location6:before { content: "\e0f6"; } .im-location7:before { content: "\e0f7"; } .im-compass:before { content: "\e0f8"; } .im-compass2:before { content: "\e0f9"; } .im-map:before { content: "\e0fa"; } .im-map2:before { content: "\e0fb"; } .im-map3:before { content: "\e0fc"; } .im-map4:before { content: "\e0fd"; } .im-direction:before { content: "\e0fe"; } .im-history:before { content: "\e0ff"; } .im-history2:before { content: "\e100"; } .im-clock:before { content: "\e101"; } .im-clock2:before { content: "\e102"; } .im-clock3:before { content: "\e103"; } .im-clock4:before { content: "\e104"; } .im-watch:before { content: "\e105"; } .im-clock5:before { content: "\e106"; } .im-clock6:before { content: "\e107"; } .im-clock7:before { content: "\e108"; } .im-alarm:before { content: "\e109"; } .im-alarm2:before { content: "\e10a"; } .im-bell:before { content: "\e10b"; } .im-bell2:before { content: "\e10c"; } .im-alarm-plus:before { content: "\e10d"; } .im-alarm-minus:before { content: "\e10e"; } .im-alarm-check:before { content: "\e10f"; } .im-alarm-cancel:before { content: "\e110"; } .im-stopwatch:before { content: "\e111"; } .im-calendar:before { content: "\e112"; } .im-calendar2:before { content: "\e113"; } .im-calendar3:before { content: "\e114"; } .im-calendar4:before { content: "\e115"; } .im-calendar5:before { content: "\e116"; } .im-print:before { content: "\e117"; } .im-print2:before { content: "\e118"; } .im-print3:before { content: "\e119"; } .im-mouse:before { content: "\e11a"; } .im-mouse2:before { content: "\e11b"; } .im-mouse3:before { content: "\e11c"; } .im-mouse4:before { content: "\e11d"; } .im-keyboard:before { content: "\e11e"; } .im-keyboard2:before { content: "\e11f"; } .im-screen:before { content: "\e120"; } .im-screen2:before { content: "\e121"; } .im-screen3:before { content: "\e122"; } .im-screen4:before { content: "\e123"; } .im-laptop:before { content: "\e124"; } .im-mobile:before { content: "\e125"; } .im-mobile2:before { content: "\e126"; } .im-tablet:before { content: "\e127"; } .im-mobile3:before { content: "\e128"; } .im-tv:before { content: "\e129"; } .im-cabinet:before { content: "\e12a"; } .im-archive:before { content: "\e12b"; } .im-drawer:before { content: "\e12c"; } .im-drawer2:before { content: "\e12d"; } .im-drawer3:before { content: "\e12e"; } .im-box:before { content: "\e12f"; } .im-box-add:before { content: "\e130"; } .im-box-remove:before { content: "\e131"; } .im-download:before { content: "\e132"; } .im-upload:before { content: "\e133"; } .im-disk:before { content: "\e134"; } .im-cd:before { content: "\e135"; } .im-storage:before { content: "\e136"; } .im-storage2:before { content: "\e137"; } .im-database:before { content: "\e138"; } .im-database2:before { content: "\e139"; } .im-database3:before { content: "\e13a"; } .im-undo:before { content: "\e13b"; } .im-redo:before { content: "\e13c"; } .im-rotate:before { content: "\e13d"; } .im-rotate2:before { content: "\e13e"; } .im-flip:before { content: "\e13f"; } .im-flip2:before { content: "\e140"; } .im-unite:before { content: "\e141"; } .im-subtract:before { content: "\e142"; } .im-interset:before { content: "\e143"; } .im-exclude:before { content: "\e144"; } .im-align-left:before { content: "\e145"; } .im-align-center-horizontal:before { content: "\e146"; } .im-align-right:before { content: "\e147"; } .im-align-top:before { content: "\e148"; } .im-align-center-vertical:before { content: "\e149"; } .im-align-bottom:before { content: "\e14a"; } .im-undo2:before { content: "\e14b"; } .im-redo2:before { content: "\e14c"; } .im-forward:before { content: "\e14d"; } .im-reply:before { content: "\e14e"; } .im-reply2:before { content: "\e14f"; } .im-bubble:before { content: "\e150"; } .im-bubbles:before { content: "\e151"; } .im-bubbles2:before { content: "\e152"; } .im-bubble2:before { content: "\e153"; } .im-bubbles3:before { content: "\e154"; } .im-bubbles4:before { content: "\e155"; } .im-bubble-notification:before { content: "\e156"; } .im-bubbles5:before { content: "\e157"; } .im-bubbles6:before { content: "\e158"; } .im-bubble3:before { content: "\e159"; } .im-bubble-dots:before { content: "\e15a"; } .im-bubble4:before { content: "\e15b"; } .im-bubble5:before { content: "\e15c"; } .im-bubble-dots2:before { content: "\e15d"; } .im-bubble6:before { content: "\e15e"; } .im-bubble7:before { content: "\e15f"; } .im-bubble8:before { content: "\e160"; } .im-bubbles7:before { content: "\e161"; } .im-bubble9:before { content: "\e162"; } .im-bubbles8:before { content: "\e163"; } .im-bubble10:before { content: "\e164"; } .im-bubble-dots3:before { content: "\e165"; } .im-bubble11:before { content: "\e166"; } .im-bubble12:before { content: "\e167"; } .im-bubble-dots4:before { content: "\e168"; } .im-bubble13:before { content: "\e169"; } .im-bubbles9:before { content: "\e16a"; } .im-bubbles10:before { content: "\e16b"; } .im-bubble-blocked:before { content: "\e16c"; } .im-bubble-quote:before { content: "\e16d"; } .im-bubble-user:before { content: "\e16e"; } .im-bubble-check:before { content: "\e16f"; } .im-bubble-video-chat:before { content: "\e170"; } .im-bubble-link:before { content: "\e171"; } .im-bubble-locked:before { content: "\e172"; } .im-bubble-star:before { content: "\e173"; } .im-bubble-heart:before { content: "\e174"; } .im-bubble-paperclip:before { content: "\e175"; } .im-bubble-cancel:before { content: "\e176"; } .im-bubble-plus:before { content: "\e177"; } .im-bubble-minus:before { content: "\e178"; } .im-bubble-notification2:before { content: "\e179"; } .im-bubble-trash:before { content: "\e17a"; } .im-bubble-left:before { content: "\e17b"; } .im-bubble-right:before { content: "\e17c"; } .im-bubble-up:before { content: "\e17d"; } .im-bubble-down:before { content: "\e17e"; } .im-bubble-first:before { content: "\e17f"; } .im-bubble-last:before { content: "\e180"; } .im-bubble-replu:before { content: "\e181"; } .im-bubble-forward:before { content: "\e182"; } .im-bubble-reply:before { content: "\e183"; } .im-bubble-forward2:before { content: "\e184"; } .im-user:before { content: "\e185"; } .im-users:before { content: "\e186"; } .im-user-plus:before { content: "\e187"; } .im-user-plus2:before { content: "\e188"; } .im-user-minus:before { content: "\e189"; } .im-user-minus2:before { content: "\e18a"; } .im-user-cancel:before { content: "\e18b"; } .im-user-block:before { content: "\e18c"; } .im-users2:before { content: "\e18d"; } .im-user2:before { content: "\e18e"; } .im-users3:before { content: "\e18f"; } .im-user-plus3:before { content: "\e190"; } .im-user-minus3:before { content: "\e191"; } .im-user-cancel2:before { content: "\e192"; } .im-user-block2:before { content: "\e193"; } .im-user3:before { content: "\e194"; } .im-user4:before { content: "\e195"; } .im-user5:before { content: "\e196"; } .im-user6:before { content: "\e197"; } .im-users4:before { content: "\e198"; } .im-user7:before { content: "\e199"; } .im-user8:before { content: "\e19a"; } .im-users5:before { content: "\e19b"; } .im-vcard:before { content: "\e19c"; } .im-tshirt:before { content: "\e19d"; } .im-hanger:before { content: "\e19e"; } .im-quotes-left:before { content: "\e19f"; } .im-quotes-right:before { content: "\e1a0"; } .im-quotes-right2:before { content: "\e1a1"; } .im-quotes-right3:before { content: "\e1a2"; } .im-busy:before { content: "\e1a3"; } .im-busy2:before { content: "\e1a4"; } .im-busy3:before { content: "\e1a5"; } .im-busy4:before { content: "\e1a6"; } .im-spinner:before { content: "\e1a7"; } .im-spinner2:before { content: "\e1a8"; } .im-spinner3:before { content: "\e1a9"; } .im-spinner4:before { content: "\e1aa"; } .im-spinner5:before { content: "\e1ab"; } .im-spinner6:before { content: "\e1ac"; } .im-spinner7:before { content: "\e1ad"; } .im-spinner8:before { content: "\e1ae"; } .im-spinner9:before { content: "\e1af"; } .im-spinner10:before { content: "\e1b0"; } .im-spinner11:before { content: "\e1b1"; } .im-spinner12:before { content: "\e1b2"; } .im-microscope:before { content: "\e1b3"; } .im-binoculars:before { content: "\e1b4"; } .im-binoculars2:before { content: "\e1b5"; } .im-search:before { content: "\e1b6"; } .im-search2:before { content: "\e1b7"; } .im-zoomin:before { content: "\e1b8"; } .im-zoomout:before { content: "\e1b9"; } .im-search3:before { content: "\e1ba"; } .im-search4:before { content: "\e1bb"; } .im-zoomin2:before { content: "\e1bc"; } .im-zoomout2:before { content: "\e1bd"; } .im-search5:before { content: "\e1be"; } .im-expand:before { content: "\e1bf"; } .im-contract:before { content: "\e1c0"; } .im-scale-up:before { content: "\e1c1"; } .im-scale-down:before { content: "\e1c2"; } .im-expand2:before { content: "\e1c3"; } .im-contract2:before { content: "\e1c4"; } .im-scale-up2:before { content: "\e1c5"; } .im-scale-down2:before { content: "\e1c6"; } .im-fullscreen:before { content: "\e1c7"; } .im-expand3:before { content: "\e1c8"; } .im-contract3:before { content: "\e1c9"; } .im-key:before { content: "\e1ca"; } .im-key2:before { content: "\e1cb"; } .im-key3:before { content: "\e1cc"; } .im-key4:before { content: "\e1cd"; } .im-key5:before { content: "\e1ce"; } .im-keyhole:before { content: "\e1cf"; } .im-lock:before { content: "\e1d0"; } .im-lock2:before { content: "\e1d1"; } .im-lock3:before { content: "\e1d2"; } .im-lock4:before { content: "\e1d3"; } .im-unlocked:before { content: "\e1d4"; } .im-lock5:before { content: "\e1d5"; } .im-unlocked2:before { content: "\e1d6"; } .im-wrench:before { content: "\e1d7"; } .im-wrench2:before { content: "\e1d8"; } .im-wrench3:before { content: "\e1d9"; } .im-wrench4:before { content: "\e1da"; } .im-settings:before { content: "\e1db"; } .im-equalizer:before { content: "\e1dc"; } .im-equalizer2:before { content: "\e1dd"; } .im-equalizer3:before { content: "\e1de"; } .im-cog:before { content: "\e1df"; } .im-cogs:before { content: "\e1e0"; } .im-cog2:before { content: "\e1e1"; } .im-cog3:before { content: "\e1e2"; } .im-cog4:before { content: "\e1e3"; } .im-cog5:before { content: "\e1e4"; } .im-cog6:before { content: "\e1e5"; } .im-cog7:before { content: "\e1e6"; } .im-factory:before { content: "\e1e7"; } .im-hammer:before { content: "\e1e8"; } .im-tools:before { content: "\e1e9"; } .im-screwdriver:before { content: "\e1ea"; } .im-screwdriver2:before { content: "\e1eb"; } .im-wand:before { content: "\e1ec"; } .im-wand2:before { content: "\e1ed"; } .im-health:before { content: "\e1ee"; } .im-aid:before { content: "\e1ef"; } .im-patch:before { content: "\e1f0"; } .im-bug:before { content: "\e1f1"; } .im-bug2:before { content: "\e1f2"; } .im-inject:before { content: "\e1f3"; } .im-inject2:before { content: "\e1f4"; } .im-construction:before { content: "\e1f5"; } .im-cone:before { content: "\e1f6"; } .im-pie:before { content: "\e1f7"; } .im-pie2:before { content: "\e1f8"; } .im-pie3:before { content: "\e1f9"; } .im-pie4:before { content: "\e1fa"; } .im-pie5:before { content: "\e1fb"; } .im-pie6:before { content: "\e1fc"; } .im-pie7:before { content: "\e1fd"; } .im-stats:before { content: "\e1fe"; } .im-stats2:before { content: "\e1ff"; } .im-stats3:before { content: "\e200"; } .im-bars:before { content: "\e201"; } .im-bars2:before { content: "\e202"; } .im-bars3:before { content: "\e203"; } .im-bars4:before { content: "\e204"; } .im-bars5:before { content: "\e205"; } .im-bars6:before { content: "\e206"; } .im-stats-up:before { content: "\e207"; } .im-stats-down:before { content: "\e208"; } .im-stairs-down:before { content: "\e209"; } .im-stairs-down2:before { content: "\e20a"; } .im-chart:before { content: "\e20b"; } .im-stairs:before { content: "\e20c"; } .im-stairs2:before { content: "\e20d"; } .im-ladder:before { content: "\e20e"; } .im-cake:before { content: "\e20f"; } .im-gift:before { content: "\e210"; } .im-gift2:before { content: "\e211"; } .im-balloon:before { content: "\e212"; } .im-rating:before { content: "\e213"; } .im-rating2:before { content: "\e214"; } .im-rating3:before { content: "\e215"; } .im-podium:before { content: "\e216"; } .im-medal:before { content: "\e217"; } .im-medal2:before { content: "\e218"; } .im-medal3:before { content: "\e219"; } .im-medal4:before { content: "\e21a"; } .im-medal5:before { content: "\e21b"; } .im-crown:before { content: "\e21c"; } .im-trophy:before { content: "\e21d"; } .im-trophy2:before { content: "\e21e"; } .im-trophy-star:before { content: "\e21f"; } .im-diamond:before { content: "\e220"; } .im-diamond2:before { content: "\e221"; } .im-glass:before { content: "\e222"; } .im-glass2:before { content: "\e223"; } .im-bottle:before { content: "\e224"; } .im-bottle2:before { content: "\e225"; } .im-mug:before { content: "\e226"; } .im-food:before { content: "\e227"; } .im-food2:before { content: "\e228"; } .im-hamburger:before { content: "\e229"; } .im-cup:before { content: "\e22a"; } .im-cup2:before { content: "\e22b"; } .im-leaf:before { content: "\e22c"; } .im-leaf2:before { content: "\e22d"; } .im-apple-fruit:before { content: "\e22e"; } .im-tree:before { content: "\e22f"; } .im-tree2:before { content: "\e230"; } .im-paw:before { content: "\e231"; } .im-steps:before { content: "\e232"; } .im-flower:before { content: "\e233"; } .im-rocket:before { content: "\e234"; } .im-meter:before { content: "\e235"; } .im-meter2:before { content: "\e236"; } .im-meter-slow:before { content: "\e237"; } .im-meter-medium:before { content: "\e238"; } .im-meter-fast:before { content: "\e239"; } .im-dashboard:before { content: "\e23a"; } .im-hammer2:before { content: "\e23b"; } .im-balance:before { content: "\e23c"; } .im-bomb:before { content: "\e23d"; } .im-fire:before { content: "\e23e"; } .im-fire2:before { content: "\e23f"; } .im-lab:before { content: "\e240"; } .im-atom:before { content: "\e241"; } .im-atom2:before { content: "\e242"; } .im-magnet:before { content: "\e243"; } .im-magnet2:before { content: "\e244"; } .im-magnet3:before { content: "\e245"; } .im-magnet4:before { content: "\e246"; } .im-dumbbell:before { content: "\e247"; } .im-skull:before { content: "\e248"; } .im-skull2:before { content: "\e249"; } .im-skull3:before { content: "\e24a"; } .im-lamp:before { content: "\e24b"; } .im-lamp2:before { content: "\e24c"; } .im-lamp3:before { content: "\e24d"; } .im-lamp4:before { content: "\e24e"; } .im-remove:before { content: "\e24f"; } .im-remove2:before { content: "\e250"; } .im-remove3:before { content: "\e251"; } .im-remove4:before { content: "\e252"; } .im-remove5:before { content: "\e253"; } .im-remove6:before { content: "\e254"; } .im-remove7:before { content: "\e255"; } .im-remove8:before { content: "\e256"; } .im-briefcase:before { content: "\e257"; } .im-briefcase2:before { content: "\e258"; } .im-briefcase3:before { content: "\e259"; } .im-airplane:before { content: "\e25a"; } .im-airplane2:before { content: "\e25b"; } .im-paperplane:before { content: "\e25c"; } .im-car:before { content: "\e25d"; } .im-gas-pump:before { content: "\e25e"; } .im-bus:before { content: "\e25f"; } .im-truck:before { content: "\e260"; } .im-bike:before { content: "\e261"; } .im-road:before { content: "\e262"; } .im-train:before { content: "\e263"; } .im-ship:before { content: "\e264"; } .im-boat:before { content: "\e265"; } .im-cube:before { content: "\e266"; } .im-cube2:before { content: "\e267"; } .im-cube3:before { content: "\e268"; } .im-cube4:before { content: "\e269"; } .im-pyramid:before { content: "\e26a"; } .im-pyramid2:before { content: "\e26b"; } .im-cylinder:before { content: "\e26c"; } .im-package:before { content: "\e26d"; } .im-puzzle:before { content: "\e26e"; } .im-puzzle2:before { content: "\e26f"; } .im-puzzle3:before { content: "\e270"; } .im-puzzle4:before { content: "\e271"; } .im-glasses:before { content: "\e272"; } .im-glasses2:before { content: "\e273"; } .im-glasses3:before { content: "\e274"; } .im-sunglasses:before { content: "\e275"; } .im-accessibility:before { content: "\e276"; } .im-accessibility2:before { content: "\e277"; } .im-brain:before { content: "\e278"; } .im-target:before { content: "\e279"; } .im-target2:before { content: "\e27a"; } .im-target3:before { content: "\e27b"; } .im-gun:before { content: "\e27c"; } .im-gun-ban:before { content: "\e27d"; } .im-shield:before { content: "\e27e"; } .im-shield2:before { content: "\e27f"; } .im-shield3:before { content: "\e280"; } .im-shield4:before { content: "\e281"; } .im-soccer:before { content: "\e282"; } .im-football:before { content: "\e283"; } .im-baseball:before { content: "\e284"; } .im-basketball:before { content: "\e285"; } .im-golf:before { content: "\e286"; } .im-hockey:before { content: "\e287"; } .im-racing:before { content: "\e288"; } .im-eightball:before { content: "\e289"; } .im-bowlingball:before { content: "\e28a"; } .im-bowling:before { content: "\e28b"; } .im-bowling2:before { content: "\e28c"; } .im-lightning:before { content: "\e28d"; } .im-power:before { content: "\e28e"; } .im-power2:before { content: "\e28f"; } .im-switch:before { content: "\e290"; } .im-powercord:before { content: "\e291"; } .im-cord:before { content: "\e292"; } .im-socket:before { content: "\e293"; } .im-clipboard:before { content: "\e294"; } .im-clipboard2:before { content: "\e295"; } .im-signup:before { content: "\e296"; } .im-clipboard3:before { content: "\e297"; } .im-clipboard4:before { content: "\e298"; } .im-list:before { content: "\e299"; } .im-list2:before { content: "\e29a"; } .im-list3:before { content: "\e29b"; } .im-numbered-list:before { content: "\e29c"; } .im-list4:before { content: "\e29d"; } .im-list5:before { content: "\e29e"; } .im-playlist:before { content: "\e29f"; } .im-grid:before { content: "\e2a0"; } .im-grid2:before { content: "\e2a1"; } .im-grid3:before { content: "\e2a2"; } .im-grid4:before { content: "\e2a3"; } .im-grid5:before { content: "\e2a4"; } .im-grid6:before { content: "\e2a5"; } .im-tree3:before { content: "\e2a6"; } .im-tree4:before { content: "\e2a7"; } .im-tree5:before { content: "\e2a8"; } .im-menu:before { content: "\e2a9"; } .im-menu2:before { content: "\e2aa"; } .im-circle-small:before { content: "\e2ab"; } .im-menu3:before { content: "\e2ac"; } .im-menu4:before { content: "\e2ad"; } .im-menu5:before { content: "\e2ae"; } .im-menu6:before { content: "\e2af"; } .im-menu7:before { content: "\e2b0"; } .im-menu8:before { content: "\e2b1"; } .im-menu9:before { content: "\e2b2"; } .im-cloud:before { content: "\e2b3"; } .im-cloud2:before { content: "\e2b4"; } .im-cloud3:before { content: "\e2b5"; } .im-cloud-download:before { content: "\e2b6"; } .im-cloud-upload:before { content: "\e2b7"; } .im-download2:before { content: "\e2b8"; } .im-upload2:before { content: "\e2b9"; } .im-download3:before { content: "\e2ba"; } .im-upload3:before { content: "\e2bb"; } .im-download4:before { content: "\e2bc"; } .im-upload4:before { content: "\e2bd"; } .im-download5:before { content: "\e2be"; } .im-upload5:before { content: "\e2bf"; } .im-download6:before { content: "\e2c0"; } .im-upload6:before { content: "\e2c1"; } .im-download7:before { content: "\e2c2"; } .im-upload7:before { content: "\e2c3"; } .im-globe:before { content: "\e2c4"; } .im-globe2:before { content: "\e2c5"; } .im-globe3:before { content: "\e2c6"; } .im-earth:before { content: "\e2c7"; } .im-network:before { content: "\e2c8"; } .im-link:before { content: "\e2c9"; } .im-link2:before { content: "\e2ca"; } .im-link3:before { content: "\e2cb"; } .im-link22:before { content: "\e2cc"; } .im-link4:before { content: "\e2cd"; } .im-link5:before { content: "\e2ce"; } .im-link6:before { content: "\e2cf"; } .im-anchor:before { content: "\e2d0"; } .im-flag:before { content: "\e2d1"; } .im-flag2:before { content: "\e2d2"; } .im-flag3:before { content: "\e2d3"; } .im-flag4:before { content: "\e2d4"; } .im-flag5:before { content: "\e2d5"; } .im-flag6:before { content: "\e2d6"; } .im-attachment:before { content: "\e2d7"; } .im-attachment2:before { content: "\e2d8"; } .im-eye:before { content: "\e2d9"; } .im-eye-blocked:before { content: "\e2da"; } .im-eye2:before { content: "\e2db"; } .im-eye3:before { content: "\e2dc"; } .im-eye-blocked2:before { content: "\e2dd"; } .im-eye4:before { content: "\e2de"; } .im-eye5:before { content: "\e2df"; } .im-eye6:before { content: "\e2e0"; } .im-eye7:before { content: "\e2e1"; } .im-eye8:before { content: "\e2e2"; } .im-bookmark:before { content: "\e2e3"; } .im-bookmark2:before { content: "\e2e4"; } .im-bookmarks:before { content: "\e2e5"; } .im-bookmark3:before { content: "\e2e6"; } .im-spotlight:before { content: "\e2e7"; } .im-starburst:before { content: "\e2e8"; } .im-snowflake:before { content: "\e2e9"; } .im-temperature:before { content: "\e2ea"; } .im-temperature2:before { content: "\e2eb"; } .im-weather-lightning:before { content: "\e2ec"; } .im-weather-rain:before { content: "\e2ed"; } .im-weather-snow:before { content: "\e2ee"; } .im-windy:before { content: "\e2ef"; } .im-fan:before { content: "\e2f0"; } .im-umbrella:before { content: "\e2f1"; } .im-sun:before { content: "\e2f2"; } .im-sun2:before { content: "\e2f3"; } .im-brightness-high:before { content: "\e2f4"; } .im-brightness-medium:before { content: "\e2f5"; } .im-brightness-low:before { content: "\e2f6"; } .im-brightness-contrast:before { content: "\e2f7"; } .im-contrast:before { content: "\e2f8"; } .im-moon:before { content: "\e2f9"; } .im-bed:before { content: "\e2fa"; } .im-bed2:before { content: "\e2fb"; } .im-star:before { content: "\e2fc"; } .im-star2:before { content: "\e2fd"; } .im-star3:before { content: "\e2fe"; } .im-star4:before { content: "\e2ff"; } .im-star5:before { content: "\e300"; } .im-star6:before { content: "\e301"; } .im-heart:before { content: "\e302"; } .im-heart2:before { content: "\e303"; } .im-heart3:before { content: "\e304"; } .im-heart4:before { content: "\e305"; } .im-heart-broken:before { content: "\e306"; } .im-heart5:before { content: "\e307"; } .im-heart6:before { content: "\e308"; } .im-heart-broken2:before { content: "\e309"; } .im-heart7:before { content: "\e30a"; } .im-heart8:before { content: "\e30b"; } .im-heart-broken3:before { content: "\e30c"; } .im-lips:before { content: "\e30d"; } .im-lips2:before { content: "\e30e"; } .im-thumbs-up:before { content: "\e30f"; } .im-thumbs-up2:before { content: "\e310"; } .im-thumbs-down:before { content: "\e311"; } .im-thumbs-down2:before { content: "\e312"; } .im-thumbs-up3:before { content: "\e313"; } .im-thumbs-up4:before { content: "\e314"; } .im-thumbs-up5:before { content: "\e315"; } .im-thumbs-up6:before { content: "\e316"; } .im-people:before { content: "\e317"; } .im-man:before { content: "\e318"; } .im-male:before { content: "\e319"; } .im-woman:before { content: "\e31a"; } .im-female:before { content: "\e31b"; } .im-peace:before { content: "\e31c"; } .im-yin-yang:before { content: "\e31d"; } .im-happy:before { content: "\e31e"; } .im-happy2:before { content: "\e31f"; } .im-smiley:before { content: "\e320"; } .im-smiley2:before { content: "\e321"; } .im-tongue:before { content: "\e322"; } .im-tongue2:before { content: "\e323"; } .im-sad:before { content: "\e324"; } .im-sad2:before { content: "\e325"; } .im-wink:before { content: "\e326"; } .im-wink2:before { content: "\e327"; } .im-grin:before { content: "\e328"; } .im-grin2:before { content: "\e329"; } .im-cool:before { content: "\e32a"; } .im-cool2:before { content: "\e32b"; } .im-angry:before { content: "\e32c"; } .im-angry2:before { content: "\e32d"; } .im-evil:before { content: "\e32e"; } .im-evil2:before { content: "\e32f"; } .im-shocked:before { content: "\e330"; } .im-shocked2:before { content: "\e331"; } .im-confused:before { content: "\e332"; } .im-confused2:before { content: "\e333"; } .im-neutral:before { content: "\e334"; } .im-neutral2:before { content: "\e335"; } .im-wondering:before { content: "\e336"; } .im-wondering2:before { content: "\e337"; } .im-cursor:before { content: "\e338"; } .im-cursor2:before { content: "\e339"; } .im-point-up:before { content: "\e33a"; } .im-point-right:before { content: "\e33b"; } .im-point-down:before { content: "\e33c"; } .im-point-left:before { content: "\e33d"; } .im-pointer:before { content: "\e33e"; } .im-hand:before { content: "\e33f"; } .im-stack-empty:before { content: "\e340"; } .im-stack-plus:before { content: "\e341"; } .im-stack-minus:before { content: "\e342"; } .im-stack-star:before { content: "\e343"; } .im-stack-picture:before { content: "\e344"; } .im-stack-down:before { content: "\e345"; } .im-stack-up:before { content: "\e346"; } .im-stack-cancel:before { content: "\e347"; } .im-stack-checkmark:before { content: "\e348"; } .im-stack-list:before { content: "\e349"; } .im-stack-clubs:before { content: "\e34a"; } .im-stack-spades:before { content: "\e34b"; } .im-stack-hearts:before { content: "\e34c"; } .im-stack-diamonds:before { content: "\e34d"; } .im-stack-user:before { content: "\e34e"; } .im-stack4:before { content: "\e34f"; } .im-stack-music:before { content: "\e350"; } .im-stack-play:before { content: "\e351"; } .im-move:before { content: "\e352"; } .im-resize:before { content: "\e353"; } .im-resize2:before { content: "\e354"; } .im-warning:before { content: "\e355"; } .im-warning2:before { content: "\e356"; } .im-notification:before { content: "\e357"; } .im-notification2:before { content: "\e358"; } .im-question:before { content: "\e359"; } .im-question2:before { content: "\e35a"; } .im-question3:before { content: "\e35b"; } .im-question4:before { content: "\e35c"; } .im-question5:before { content: "\e35d"; } .im-plus-circle:before { content: "\e35e"; } .im-plus-circle2:before { content: "\e35f"; } .im-minus-circle:before { content: "\e360"; } .im-minus-circle2:before { content: "\e361"; } .im-info:before { content: "\e362"; } .im-info2:before { content: "\e363"; } .im-blocked:before { content: "\e364"; } .im-cancel-circle:before { content: "\e365"; } .im-cancel-circle2:before { content: "\e366"; } .im-checkmark-circle:before { content: "\e367"; } .im-checkmark-circle2:before { content: "\e368"; } .im-cancel:before { content: "\e369"; } .im-spam:before { content: "\e36a"; } .im-close:before { content: "\e36b"; } .im-close2:before { content: "\e36c"; } .im-close3:before { content: "\e36d"; } .im-close4:before { content: "\e36e"; } .im-close5:before { content: "\e36f"; } .im-checkmark:before { content: "\e370"; } .im-checkmark2:before { content: "\e371"; } .im-checkmark3:before { content: "\e372"; } .im-checkmark4:before { content: "\e373"; } .im-spell-check:before { content: "\e374"; } .im-minus:before { content: "\e375"; } .im-plus:before { content: "\e376"; } .im-minus2:before { content: "\e377"; } .im-plus2:before { content: "\e378"; } .im-enter:before { content: "\e379"; } .im-exit:before { content: "\e37a"; } .im-enter2:before { content: "\e37b"; } .im-exit2:before { content: "\e37c"; } .im-enter3:before { content: "\e37d"; } .im-exit3:before { content: "\e37e"; } .im-exit4:before { content: "\e37f"; } .im-play3:before { content: "\e380"; } .im-pause:before { content: "\e381"; } .im-stop:before { content: "\e382"; } .im-backward:before { content: "\e383"; } .im-forward2:before { content: "\e384"; } .im-play4:before { content: "\e385"; } .im-pause2:before { content: "\e386"; } .im-stop2:before { content: "\e387"; } .im-backward2:before { content: "\e388"; } .im-forward3:before { content: "\e389"; } .im-first:before { content: "\e38a"; } .im-last:before { content: "\e38b"; } .im-previous:before { content: "\e38c"; } .im-next:before { content: "\e38d"; } .im-eject:before { content: "\e38e"; } .im-volume-high:before { content: "\e38f"; } .im-volume-medium:before { content: "\e390"; } .im-volume-low:before { content: "\e391"; } .im-volume-mute:before { content: "\e392"; } .im-volume-mute2:before { content: "\e393"; } .im-volume-increase:before { content: "\e394"; } .im-volume-decrease:before { content: "\e395"; } .im-volume-high2:before { content: "\e396"; } .im-volume-medium2:before { content: "\e397"; } .im-volume-low2:before { content: "\e398"; } .im-volume-mute3:before { content: "\e399"; } .im-volume-mute4:before { content: "\e39a"; } .im-volume-increase2:before { content: "\e39b"; } .im-volume-decrease2:before { content: "\e39c"; } .im-volume5:before { content: "\e39d"; } .im-volume4:before { content: "\e39e"; } .im-volume3:before { content: "\e39f"; } .im-volume2:before { content: "\e3a0"; } .im-volume1:before { content: "\e3a1"; } .im-volume0:before { content: "\e3a2"; } .im-volume-mute5:before { content: "\e3a3"; } .im-volume-mute6:before { content: "\e3a4"; } .im-loop:before { content: "\e3a5"; } .im-loop2:before { content: "\e3a6"; } .im-loop3:before { content: "\e3a7"; } .im-loop4:before { content: "\e3a8"; } .im-loop5:before { content: "\e3a9"; } .im-shuffle:before { content: "\e3aa"; } .im-shuffle2:before { content: "\e3ab"; } .im-wave:before { content: "\e3ac"; } .im-wave2:before { content: "\e3ad"; } .im-arrow-first:before { content: "\e3ae"; } .im-arrow-right:before { content: "\e3af"; } .im-arrow-up:before { content: "\e3b0"; } .im-arrow-right2:before { content: "\e3b1"; } .im-arrow-down:before { content: "\e3b2"; } .im-arrow-left:before { content: "\e3b3"; } .im-arrow-up2:before { content: "\e3b4"; } .im-arrow-right3:before { content: "\e3b5"; } .im-arrow-down2:before { content: "\e3b6"; } .im-arrow-left2:before { content: "\e3b7"; } .im-arrow-up-left:before { content: "\e3b8"; } .im-arrow-up3:before { content: "\e3b9"; } .im-arrow-up-right:before { content: "\e3ba"; } .im-arrow-right4:before { content: "\e3bb"; } .im-arrow-down-right:before { content: "\e3bc"; } .im-arrow-down3:before { content: "\e3bd"; } .im-arrow-down-left:before { content: "\e3be"; } .im-arrow-left3:before { content: "\e3bf"; } .im-arrow-up-left2:before { content: "\e3c0"; } .im-arrow-up4:before { content: "\e3c1"; } .im-arrow-up-right2:before { content: "\e3c2"; } .im-arrow-right5:before { content: "\e3c3"; } .im-arrow-down-right2:before { content: "\e3c4"; } .im-arrow-down4:before { content: "\e3c5"; } .im-arrow-down-left2:before { content: "\e3c6"; } .im-arrow-left4:before { content: "\e3c7"; } .im-arrow-up-left3:before { content: "\e3c8"; } .im-arrow-up5:before { content: "\e3c9"; } .im-arrow-up-right3:before { content: "\e3ca"; } .im-arrow-right6:before { content: "\e3cb"; } .im-arrow-down-right3:before { content: "\e3cc"; } .im-arrow-down5:before { content: "\e3cd"; } .im-arrow-down-left3:before { content: "\e3ce"; } .im-arrow-left5:before { content: "\e3cf"; } .im-arrow-up-left4:before { content: "\e3d0"; } .im-arrow-up6:before { content: "\e3d1"; } .im-arrow-up-right4:before { content: "\e3d2"; } .im-arrow-right7:before { content: "\e3d3"; } .im-arrow-down-right4:before { content: "\e3d4"; } .im-arrow-down6:before { content: "\e3d5"; } .im-arrow-down-left4:before { content: "\e3d6"; } .im-arrow-left6:before { content: "\e3d7"; } .im-arrow:before { content: "\e3d8"; } .im-arrow2:before { content: "\e3d9"; } .im-arrow3:before { content: "\e3da"; } .im-arrow4:before { content: "\e3db"; } .im-arrow5:before { content: "\e3dc"; } .im-arrow6:before { content: "\e3dd"; } .im-arrow7:before { content: "\e3de"; } .im-arrow8:before { content: "\e3df"; } .im-arrow-up-left5:before { content: "\e3e0"; } .im-arrowsquare:before { content: "\e3e1"; } .im-arrow-up-right5:before { content: "\e3e2"; } .im-arrow-right8:before { content: "\e3e3"; } .im-arrow-down-right5:before { content: "\e3e4"; } .im-arrow-down7:before { content: "\e3e5"; } .im-arrow-down-left5:before { content: "\e3e6"; } .im-arrow-left7:before { content: "\e3e7"; } .im-arrow-up7:before { content: "\e3e8"; } .im-arrow-right9:before { content: "\e3e9"; } .im-arrow-down8:before { content: "\e3ea"; } .im-arrow-left8:before { content: "\e3eb"; } .im-arrow-up8:before { content: "\e3ec"; } .im-arrow-right10:before { content: "\e3ed"; } .im-arrow-bottom:before { content: "\e3ee"; } .im-arrow-left9:before { content: "\e3ef"; } .im-arrow-up-left6:before { content: "\e3f0"; } .im-arrow-up9:before { content: "\e3f1"; } .im-arrow-up-right6:before { content: "\e3f2"; } .im-arrow-right11:before { content: "\e3f3"; } .im-arrow-down-right6:before { content: "\e3f4"; } .im-arrow-down9:before { content: "\e3f5"; } .im-arrow-down-left6:before { content: "\e3f6"; } .im-arrow-left10:before { content: "\e3f7"; } .im-arrow-up-left7:before { content: "\e3f8"; } .im-arrow-up10:before { content: "\e3f9"; } .im-arrow-up-right7:before { content: "\e3fa"; } .im-arrow-right12:before { content: "\e3fb"; } .im-arrow-down-right7:before { content: "\e3fc"; } .im-arrow-down10:before { content: "\e3fd"; } .im-arrow-down-left7:before { content: "\e3fe"; } .im-arrow-left11:before { content: "\e3ff"; } .im-arrow-up11:before { content: "\e400"; } .im-arrow-right13:before { content: "\e401"; } .im-arrow-down11:before { content: "\e402"; } .im-arrow-left12:before { content: "\e403"; } .im-arrow-up12:before { content: "\e404"; } .im-arrow-right14:before { content: "\e405"; } .im-arrow-down12:before { content: "\e406"; } .im-arrow-left13:before { content: "\e407"; } .im-arrow-up13:before { content: "\e408"; } .im-arrow-right15:before { content: "\e409"; } .im-arrow-down13:before { content: "\e40a"; } .im-arrow-left14:before { content: "\e40b"; } .im-arrow-up14:before { content: "\e40c"; } .im-arrow-right16:before { content: "\e40d"; } .im-arrow-down14:before { content: "\e40e"; } .im-arrow-left15:before { content: "\e40f"; } .im-arrow-up15:before { content: "\e410"; } .im-arrow-right17:before { content: "\e411"; } .im-arrow-down15:before { content: "\e412"; } .im-arrow-left16:before { content: "\e413"; } .im-arrow-up16:before { content: "\e414"; } .im-arrow-right18:before { content: "\e415"; } .im-arrow-down16:before { content: "\e416"; } .im-arrow-left17:before { content: "\e417"; } .im-menu10:before { content: "\e418"; } .im-menu11:before { content: "\e419"; } .im-menu-close:before { content: "\e41a"; } .im-menu-close2:before { content: "\e41b"; } .im-enter4:before { content: "\e41c"; } .im-enter5:before { content: "\e41d"; } .im-esc:before { content: "\e41e"; } .im-backspace:before { content: "\e41f"; } .im-backspace2:before { content: "\e420"; } .im-backspace3:before { content: "\e421"; } .im-tab:before { content: "\e422"; } .im-transmission:before { content: "\e423"; } .im-transmission2:before { content: "\e424"; } .im-sort:before { content: "\e425"; } .im-sort2:before { content: "\e426"; } .im-key-keyboard:before { content: "\e427"; } .im-key-A:before { content: "\e428"; } .im-key-up:before { content: "\e429"; } .im-key-right:before { content: "\e42a"; } .im-key-down:before { content: "\e42b"; } .im-key-left:before { content: "\e42c"; } .im-command:before { content: "\e42d"; } .im-checkbox-checked:before { content: "\e42e"; } .im-checkbox-unchecked:before { content: "\e42f"; } .im-square:before { content: "\e430"; } .im-checkbox-partial:before { content: "\e431"; } .im-checkbox:before { content: "\e432"; } .im-checkbox-unchecked2:before { content: "\e433"; } .im-checkbox-partial2:before { content: "\e434"; } .im-checkbox-checked2:before { content: "\e435"; } .im-checkbox-unchecked3:before { content: "\e436"; } .im-checkbox-partial3:before { content: "\e437"; } .im-radio-checked:before { content: "\e438"; } .im-radio-unchecked:before { content: "\e439"; } .im-circle:before { content: "\e43a"; } .im-circle2:before { content: "\e43b"; } .im-crop:before { content: "\e43c"; } .im-crop2:before { content: "\e43d"; } .im-vector:before { content: "\e43e"; } .im-rulers:before { content: "\e43f"; } .im-scissors:before { content: "\e440"; } .im-scissors2:before { content: "\e441"; } .im-scissors3:before { content: "\e442"; } .im-filter:before { content: "\e443"; } .im-filter2:before { content: "\e444"; } .im-filter3:before { content: "\e445"; } .im-filter4:before { content: "\e446"; } .im-font:before { content: "\e447"; } .im-font-size:before { content: "\e448"; } .im-type:before { content: "\e449"; } .im-text-height:before { content: "\e44a"; } .im-text-width:before { content: "\e44b"; } .im-height:before { content: "\e44c"; } .im-width:before { content: "\e44d"; } .im-bold:before { content: "\e44e"; } .im-underline:before { content: "\e44f"; } .im-italic:before { content: "\e450"; } .im-strikethrough:before { content: "\e451"; } .im-strikethrough2:before { content: "\e452"; } .im-font-size2:before { content: "\e453"; } .im-bold2:before { content: "\e454"; } .im-underline2:before { content: "\e455"; } .im-italic2:before { content: "\e456"; } .im-strikethrough3:before { content: "\e457"; } .im-omega:before { content: "\e458"; } .im-sigma:before { content: "\e459"; } .im-nbsp:before { content: "\e45a"; } .im-page-break:before { content: "\e45b"; } .im-page-break2:before { content: "\e45c"; } .im-superscript:before { content: "\e45d"; } .im-subscript:before { content: "\e45e"; } .im-superscript2:before { content: "\e45f"; } .im-subscript2:before { content: "\e460"; } .im-text-color:before { content: "\e461"; } .im-highlight:before { content: "\e462"; } .im-pagebreak:before { content: "\e463"; } .im-clear-formatting:before { content: "\e464"; } .im-table:before { content: "\e465"; } .im-table2:before { content: "\e466"; } .im-insert-template:before { content: "\e467"; } .im-pilcrow:before { content: "\e468"; } .im-lefttoright:before { content: "\e469"; } .im-righttoleft:before { content: "\e46a"; } .im-paragraph-left:before { content: "\e46b"; } .im-paragraph-center:before { content: "\e46c"; } .im-paragraph-right:before { content: "\e46d"; } .im-paragraph-justify:before { content: "\e46e"; } .im-paragraph-left2:before { content: "\e46f"; } .im-paragraph-center2:before { content: "\e470"; } .im-paragraph-right2:before { content: "\e471"; } .im-paragraph-justify2:before { content: "\e472"; } .im-indent-increase:before { content: "\e473"; } .im-indent-decrease:before { content: "\e474"; } .im-paragraph-left3:before { content: "\e475"; } .im-paragraph-center3:before { content: "\e476"; } .im-paragraph-right3:before { content: "\e477"; } .im-paragraph-justify3:before { content: "\e478"; } .im-indent-increase2:before { content: "\e479"; } .im-indent-decrease2:before { content: "\e47a"; } .im-share:before { content: "\e47b"; } .im-newtab:before { content: "\e47c"; } .im-newtab2:before { content: "\e47d"; } .im-popout:before { content: "\e47e"; } .im-embed:before { content: "\e47f"; } .im-code:before { content: "\e480"; } .im-console:before { content: "\e481"; } .im-sevensegment0:before { content: "\e482"; } .im-sevensegment1:before { content: "\e483"; } .im-sevensegment2:before { content: "\e484"; } .im-sevensegment3:before { content: "\e485"; } .im-sevensegment4:before { content: "\e486"; } .im-sevensegment5:before { content: "\e487"; } .im-sevensegment6:before { content: "\e488"; } .im-sevensegment7:before { content: "\e489"; } .im-sevensegment8:before { content: "\e48a"; } .im-sevensegment9:before { content: "\e48b"; } .im-share2:before { content: "\e48c"; } .im-share3:before { content: "\e48d"; } .im-mail:before { content: "\e48e"; } .im-mail2:before { content: "\e48f"; } .im-mail3:before { content: "\e490"; } .im-mail4:before { content: "\e491"; } .im-google:before { content: "\e492"; } .im-googleplus:before { content: "\e493"; } .im-googleplus2:before { content: "\e494"; } .im-googleplus3:before { content: "\e495"; } .im-googleplus4:before { content: "\e496"; } .im-google-drive:before { content: "\e497"; } .im-facebook:before { content: "\e498"; } .im-facebook2:before { content: "\e499"; } .im-facebook3:before { content: "\e49a"; } .im-facebook4:before { content: "\e49b"; } .im-instagram:before { content: "\e49c"; } .im-twitter:before { content: "\e49d"; } .im-twitter2:before { content: "\e49e"; } .im-twitter3:before { content: "\e49f"; } .im-feed2:before { content: "\e4a0"; } .im-feed3:before { content: "\e4a1"; } .im-feed4:before { content: "\e4a2"; } .im-youtube:before { content: "\e4a3"; } .im-youtube2:before { content: "\e4a4"; } .im-vimeo:before { content: "\e4a5"; } .im-vimeo2:before { content: "\e4a6"; } .im-vimeo3:before { content: "\e4a7"; } .im-lanyrd:before { content: "\e4a8"; } .im-flickr:before { content: "\e4a9"; } .im-flickr2:before { content: "\e4aa"; } .im-flickr3:before { content: "\e4ab"; } .im-flickr4:before { content: "\e4ac"; } .im-picassa:before { content: "\e4ad"; } .im-picassa2:before { content: "\e4ae"; } .im-dribbble:before { content: "\e4af"; } .im-dribbble2:before { content: "\e4b0"; } .im-dribbble3:before { content: "\e4b1"; } .im-forrst:before { content: "\e4b2"; } .im-forrst2:before { content: "\e4b3"; } .im-deviantart:before { content: "\e4b4"; } .im-deviantart2:before { content: "\e4b5"; } .im-steam:before { content: "\e4b6"; } .im-steam2:before { content: "\e4b7"; } .im-github:before { content: "\e4b8"; } .im-github2:before { content: "\e4b9"; } .im-github3:before { content: "\e4ba"; } .im-github4:before { content: "\e4bb"; } .im-github5:before { content: "\e4bc"; } .im-wordpress:before { content: "\e4bd"; } .im-wordpress2:before { content: "\e4be"; } .im-joomla:before { content: "\e4bf"; } .im-blogger:before { content: "\e4c0"; } .im-blogger2:before { content: "\e4c1"; } .im-tumblr:before { content: "\e4c2"; } .im-tumblr2:before { content: "\e4c3"; } .im-yahoo:before { content: "\e4c4"; } .im-tux:before { content: "\e4c5"; } .im-apple:before { content: "\e4c6"; } .im-finder:before { content: "\e4c7"; } .im-android:before { content: "\e4c8"; } .im-windows:before { content: "\e4c9"; } .im-windows8:before { content: "\e4ca"; } .im-soundcloud:before { content: "\e4cb"; } .im-soundcloud2:before { content: "\e4cc"; } .im-skype:before { content: "\e4cd"; } .im-reddit:before { content: "\e4ce"; } .im-linkedin:before { content: "\e4cf"; } .im-lastfm:before { content: "\e4d0"; } .im-lastfm2:before { content: "\e4d1"; } .im-delicious:before { content: "\e4d2"; } .im-stumbleupon:before { content: "\e4d3"; } .im-stumbleupon2:before { content: "\e4d4"; } .im-stackoverflow:before { content: "\e4d5"; } .im-pinterest:before { content: "\e4d6"; } .im-pinterest2:before { content: "\e4d7"; } .im-xing:before { content: "\e4d8"; } .im-xing2:before { content: "\e4d9"; } .im-flattr:before { content: "\e4da"; } .im-foursquare:before { content: "\e4db"; } .im-foursquare2:before { content: "\e4dc"; } .im-paypal:before { content: "\e4dd"; } .im-paypal2:before { content: "\e4de"; } .im-paypal3:before { content: "\e4df"; } .im-yelp:before { content: "\e4e0"; } .im-libreoffice:before { content: "\e4e1"; } .im-file-pdf:before { content: "\e4e2"; } .im-file-openoffice:before { content: "\e4e3"; } .im-file-word:before { content: "\e4e4"; } .im-file-excel:before { content: "\e4e5"; } .im-file-zip:before { content: "\e4e6"; } .im-file-powerpoint:before { content: "\e4e7"; } .im-file-xml:before { content: "\e4e8"; } .im-file-css:before { content: "\e4e9"; } .im-html5:before { content: "\e4ea"; } .im-html52:before { content: "\e4eb"; } .im-css3:before { content: "\e4ec"; } .im-chrome:before { content: "\e4ed"; } .im-firefox:before { content: "\e4ee"; } .im-IE:before { content: "\e4ef"; } .im-opera:before { content: "\e4f0"; } .im-safari:before { content: "\e4f1"; } .im-IcoMoon:before { content: "\e4f2"; } /* ------------------ Spin icon --------------------*/ .icon-spin { -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Font awesome */ /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { 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 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-square:before, .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } ================================================ FILE: static/css/lib/bootstrap/bootstrap3.css ================================================ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .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; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { padding: .2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: normal; color: #337ab7; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active { color: #777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .thumbnail .caption { padding: 9px; color: #333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #777; cursor: not-allowed; background-color: #eee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); line-break: auto; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: .5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*# sourceMappingURL=bootstrap.css.map */ ================================================ FILE: static/css/login.css ================================================ .input-group { padding-top: 10px; padding-bottom: 10px; } /* @font-face { font-family: title-speed; src: url('/fonts/LobsterTwo-Regular.otf'); } */ .navbar-brand { font-family: title-speed; font-size: 1.2rem; font-weight: 500; } #bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: #000; } #bg>div:nth-child(1) { animation-delay: 10s; } #bg>div:nth-child(2) { animation-delay: 20s; } #bg>div { background-size: cover; background-position: center center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: opacity 3s ease, visibility 3s; animation: bg 30s linear infinite; } @keyframes bg { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); visibility: visible; opacity: 0; } 5% { opacity: 0.5; } 33% { opacity: 0.5; } 38% { transform: scale(1.2, 1.2); opacity: 0; } 39% { visibility: hidden; } 100% { visibility: hidden; opacity: 0; } } /* .login { background-color: #1a237e; background-image: url(static/svg/motif-blocks.svg); background-repeat: repeat; background-size: 200px; width: 100%; height: 100%; -webkit-animation: loginBgReveal 20s linear infinite; animation: loginBgReveal 20s linear infinite; } .login:before { content: ""; position: absolute; background-image: url(static/svg/motif-overlay.svg); background-attachment: fixed; background-size: cover; opacity: .001; top: 0; left: 0; width: 100vw; height: 100vh; } @keyframes loginBgReveal { 0% { background-position-y: 0; } 100% { background-position-y: 800px; } } */ .form-control, .form-group .form-control { background-position: center bottom; } .btn.btn-rose.btn-simple, .navbar .navbar-nav>li>a.btn.btn-rose.btn-simple { background-color: #1976d2; color: #fff; box-shadow: 0 2px 2px 0 rgba(0, 123, 255, 0.14), 0 3px 1px -2px rgba(0, 123, 255, 0.2), 0 1px 5px 0 rgba(0, 123, 255, 0.12); } .btn.btn-lg, .btn-group-lg .btn, .navbar .navbar-nav>li>a.btn.btn-lg, .btn-group-lg .navbar .navbar-nav>li>a.btn { padding: unset; } .card [data-background-color="rose"] { background: linear-gradient(60deg, #0091ea, #1976d2); box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4); } .btn.btn-rose.btn-simple:hover, .btn.btn-rose.btn-simple:focus, .btn.btn-rose.btn-simple:active, .navbar .navbar-nav>li>a.btn.btn-rose.btn-simple:hover, .navbar .navbar-nav>li>a.btn.btn-rose.btn-simple:focus, .navbar .navbar-nav>li>a.btn.btn-rose.btn-simple:active { background-color: #1976d2; color: #fff; box-shadow: 0 2px 2px 0 rgba(0, 123, 255, 0.14), 0 3px 1px -2px rgba(0, 123, 255, 0.2), 0 1px 5px 0 rgba(0, 123, 255, 0.12); } #login { line-height: 0px; } #forget-password { float: right; margin-top: -10px; } #forget-password:hover { color: #039be5; } #forget-password:focus { color: #039be5; } nav ul li.active { background-color: unset; } ================================================ FILE: static/css/material-dash.css ================================================ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; /* Fix 401 */ } .noUi-connect { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-origin { position: absolute; height: 0; width: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Painting and performance; * Browsers can paint handles in their own layer. */ .noUi-base, .noUi-handle { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Slider size and handle placement; */ .noUi-horizontal { height: 2px; } .noUi-horizontal .noUi-handle { box-sizing: border-box; width: 14px; height: 14px; left: -10px; top: -6px; cursor: pointer; border-radius: 100%; transition: all 0.2s ease-out; border: 1px solid #9c27b0; background: #FFFFFF; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } /* Styling; */ .noUi-target { background-color: #c8c8c8; border-radius: 3px; } .noUi-connect { background: #9c27b0; border-radius: 3px; -webkit-transition: background 450ms; transition: background 450ms; } /* Handles and cursors; */ .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; -webkit-transition: 300ms ease 0s; -moz-transition: 300ms ease 0s; -ms-transition: 300ms ease 0s; -o-transform: 300ms ease 0s; transition: 300ms ease 0s; } .noUi-active { -webkit-transform: scale3d(1.5, 1.5, 1); -moz-transform: scale3d(1.5, 1.5, 1); -ms-transform: scale3d(1.5, 1.5, 1); -o-transform: scale3d(1.5, 1.5, 1); transform: scale3d(1.5, 1.5, 1); } /* Disabled state; */ [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; } /* Base; * */ .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } /* Values; * */ .noUi-value { position: absolute; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } /* Markings; * */ .noUi-marker { position: absolute; background: #CCC; } .noUi-marker-sub { background: #AAA; } .noUi-marker-large { background: #AAA; } /* Horizontal layout; * */ .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } /* Vertical layout; * */ .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); padding-left: 25px; } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } .slider { margin-bottom: 15px; } .slider.slider-primary .noUi-connect, .slider.slider-primary.noUi-connect { background-color: #9c27b0; } .slider.slider-primary .noUi-handle { border-color: #9c27b0; } .slider.slider-info .noUi-connect, .slider.slider-info.noUi-connect { background-color: #00bcd4; } .slider.slider-info .noUi-handle { border-color: #00bcd4; } .slider.slider-success .noUi-connect, .slider.slider-success.noUi-connect { background-color: #4caf50; } .slider.slider-success .noUi-handle { border-color: #4caf50; } .slider.slider-warning .noUi-connect, .slider.slider-warning.noUi-connect { background-color: #ff9800; } .slider.slider-warning .noUi-handle { border-color: #ff9800; } .slider.slider-danger .noUi-connect, .slider.slider-danger.noUi-connect { background-color: #f44336; } .slider.slider-danger .noUi-handle { border-color: #f44336; } /* Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } body.swal2-in { overflow-y: hidden; } body.swal2-iosfix { position: fixed; left: 0; right: 0; } .swal2-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; left: 0; bottom: 0; right: 0; padding: 10px; background-color: transparent; z-index: 1060; } .swal2-container:not(.swal2-in) { pointer-events: none; } .swal2-container.swal2-fade { -webkit-transition: background-color .1s; transition: background-color .1s; } .swal2-container.swal2-in { background-color: rgba(0, 0, 0, 0.4); } .swal2-modal { background-color: #fff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; border-radius: 5px; box-sizing: border-box; text-align: center; margin: auto; overflow-x: hidden; overflow-y: auto; display: none; position: relative; } .swal2-modal:focus { outline: none; } .swal2-modal.swal2-loading { overflow-y: hidden; } .swal2-modal h2 { color: #595959; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 0; padding: 0; line-height: 60px; display: block; } .swal2-modal .swal2-spacer { height: 10px; color: transparent; margin-bottom: 0px; border: 0; } .swal2-modal .swal2-styled { border: 0; border-radius: 3px; box-shadow: none; color: #fff; cursor: pointer; font-size: 17px; font-weight: 500; margin: 0 5px; padding: 10px 32px; } .swal2-modal .swal2-styled:not(.swal2-loading)[disabled] { opacity: .4; cursor: no-drop; } .swal2-modal .swal2-styled.swal2-loading { box-sizing: border-box; border: 4px solid transparent; border-color: transparent; width: 40px; height: 40px; padding: 0; margin: -2px 30px; vertical-align: top; background-color: transparent !important; color: transparent; cursor: default; border-radius: 100%; -webkit-animation: rotate-loading 1.5s linear 0s infinite normal; animation: rotate-loading 1.5s linear 0s infinite normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .swal2-modal :not(.swal2-styled).swal2-loading::after { display: inline-block; content: ''; margin-left: 5px; vertical-align: -1px; height: 6px; width: 6px; border: 3px solid #999999; border-right-color: transparent; border-radius: 50%; -webkit-animation: rotate-loading 1.5s linear 0s infinite normal; animation: rotate-loading 1.5s linear 0s infinite normal; } .swal2-modal .swal2-image { margin: 20px auto; max-width: 100%; } .swal2-modal .swal2-close { font-size: 36px; line-height: 36px; font-family: serif; position: absolute; top: 5px; right: 13px; cursor: pointer; color: #cccccc; -webkit-transition: color .1s ease; transition: color .1s ease; } .swal2-modal .swal2-close:hover { color: #d55; } .swal2-modal>.swal2-input, .swal2-modal>.swal2-file, .swal2-modal>.swal2-textarea, .swal2-modal>.swal2-select, .swal2-modal>.swal2-radio, .swal2-modal>.swal2-checkbox { display: none; } .swal2-modal .swal2-content { font-size: 18px; text-align: center; font-weight: 300; position: relative; float: none; margin: 0; padding: 0; line-height: normal; color: #545454; } .swal2-modal .swal2-input, .swal2-modal .swal2-file, .swal2-modal .swal2-textarea, .swal2-modal .swal2-select, .swal2-modal .swal2-radio, .swal2-modal .swal2-checkbox { margin: 20px auto; } .swal2-modal .swal2-input, .swal2-modal .swal2-file, .swal2-modal .swal2-textarea { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d9d9d9; font-size: 18px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); -webkit-transition: border-color box-shadow .3s; transition: border-color box-shadow .3s; } .swal2-modal .swal2-input.swal2-inputerror, .swal2-modal .swal2-file.swal2-inputerror, .swal2-modal .swal2-textarea.swal2-inputerror { border-color: #f06e57; } .swal2-modal .swal2-input:focus, .swal2-modal .swal2-file:focus, .swal2-modal .swal2-textarea:focus { outline: none; box-shadow: 0 0 3px #c4e6f5; border: 1px solid #b4dbed; } .swal2-modal .swal2-input:focus::-webkit-input-placeholder, .swal2-modal .swal2-file:focus::-webkit-input-placeholder, .swal2-modal .swal2-textarea:focus::-webkit-input-placeholder { -webkit-transition: opacity .3s .03s ease; transition: opacity .3s .03s ease; opacity: .8; } .swal2-modal .swal2-input:focus::-moz-placeholder, .swal2-modal .swal2-file:focus::-moz-placeholder, .swal2-modal .swal2-textarea:focus::-moz-placeholder { -webkit-transition: opacity .3s .03s ease; transition: opacity .3s .03s ease; opacity: .8; } .swal2-modal .swal2-input:focus:-ms-input-placeholder, .swal2-modal .swal2-file:focus:-ms-input-placeholder, .swal2-modal .swal2-textarea:focus:-ms-input-placeholder { -webkit-transition: opacity .3s .03s ease; transition: opacity .3s .03s ease; opacity: .8; } .swal2-modal .swal2-input:focus::placeholder, .swal2-modal .swal2-file:focus::placeholder, .swal2-modal .swal2-textarea:focus::placeholder { -webkit-transition: opacity .3s .03s ease; transition: opacity .3s .03s ease; opacity: .8; } .swal2-modal .swal2-input::-webkit-input-placeholder, .swal2-modal .swal2-file::-webkit-input-placeholder, .swal2-modal .swal2-textarea::-webkit-input-placeholder { color: #e6e6e6; } .swal2-modal .swal2-input::-moz-placeholder, .swal2-modal .swal2-file::-moz-placeholder, .swal2-modal .swal2-textarea::-moz-placeholder { color: #e6e6e6; } .swal2-modal .swal2-input:-ms-input-placeholder, .swal2-modal .swal2-file:-ms-input-placeholder, .swal2-modal .swal2-textarea:-ms-input-placeholder { color: #e6e6e6; } .swal2-modal .swal2-input::placeholder, .swal2-modal .swal2-file::placeholder, .swal2-modal .swal2-textarea::placeholder { color: #e6e6e6; } .swal2-modal .swal2-range input { float: left; width: 80%; } .swal2-modal .swal2-range output { float: right; width: 20%; font-size: 20px; font-weight: 600; text-align: center; } .swal2-modal .swal2-range input, .swal2-modal .swal2-range output { height: 43px; line-height: 43px; vertical-align: middle; margin: 20px auto; padding: 0; } .swal2-modal .swal2-input { height: 43px; padding: 0 12px; } .swal2-modal .swal2-input[type='number'] { max-width: 150px; } .swal2-modal .swal2-file { font-size: 20px; } .swal2-modal .swal2-textarea { height: 108px; padding: 12px; } .swal2-modal .swal2-select { color: #545454; font-size: inherit; padding: 5px 10px; min-width: 40%; max-width: 100%; } .swal2-modal .swal2-radio { border: 0; } .swal2-modal .swal2-radio label:not(:first-child) { margin-left: 20px; } .swal2-modal .swal2-radio input, .swal2-modal .swal2-radio span { vertical-align: middle; } .swal2-modal .swal2-radio input { margin: 0 3px 0 0; } .swal2-modal .swal2-checkbox { color: #545454; } .swal2-modal .swal2-checkbox input, .swal2-modal .swal2-checkbox span { vertical-align: middle; } .swal2-modal .swal2-validationerror { background-color: #f0f0f0; margin: 0 -20px; overflow: hidden; padding: 10px; color: gray; font-size: 16px; font-weight: 300; display: none; } .swal2-modal .swal2-validationerror::before { content: '!'; display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: #fff; line-height: 24px; text-align: center; margin-right: 10px; } .swal2-modal button { margin: 0 5px; } @supports (-ms-accelerator: true) { .swal2-range input { width: 100% !important; } .swal2-range output { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-range input { width: 100% !important; } .swal2-range output { display: none; } } .swal2-icon { width: 80px; height: 80px; border: 4px solid transparent; border-radius: 50%; margin: 20px auto 30px; padding: 0; position: relative; box-sizing: content-box; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .swal2-icon.swal2-error { border-color: #f27474; } .swal2-icon.swal2-error .x-mark { position: relative; display: block; } .swal2-icon.swal2-error .line { position: absolute; height: 5px; width: 47px; background-color: #f27474; display: block; top: 37px; border-radius: 2px; } .swal2-icon.swal2-error .line.left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .swal2-icon.swal2-error .line.right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .swal2-icon.swal2-warning { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #f8bb86; border-color: #facea8; font-size: 60px; line-height: 80px; text-align: center; } .swal2-icon.swal2-info { font-family: 'Open Sans', sans-serif; color: #3fc3ee; border-color: #9de0f6; font-size: 60px; line-height: 80px; text-align: center; } .swal2-icon.swal2-question { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #87adbd; border-color: #c9dae1; font-size: 60px; line-height: 80px; text-align: center; } .swal2-icon.swal2-success { border-color: #a5dc86; } .swal2-icon.swal2-success::before, .swal2-icon.swal2-success::after { content: ''; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .swal2-icon.swal2-success::before { border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } .swal2-icon.swal2-success::after { border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 60px; transform-origin: 0 60px; } .swal2-icon.swal2-success .placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .swal2-icon.swal2-success .fix { width: 7px; height: 90px; background-color: #fff; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .swal2-icon.swal2-success .line { height: 5px; background-color: #a5dc86; display: block; border-radius: 2px; position: absolute; z-index: 2; } .swal2-icon.swal2-success .line.tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .swal2-icon.swal2-success .line.long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .swal2-progresssteps { font-weight: 600; margin: 0 0 20px; padding: 0; } .swal2-progresssteps li { display: inline-block; position: relative; } .swal2-progresssteps .swal2-progresscircle { background: #3085d6; border-radius: 2em; color: #fff; height: 2em; line-height: 2em; text-align: center; width: 2em; z-index: 20; } .swal2-progresssteps .swal2-progresscircle:first-child { margin-left: 0; } .swal2-progresssteps .swal2-progresscircle:last-child { margin-right: 0; } .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep { background: #3085d6; } .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle { background: #add8e6; } .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline { background: #add8e6; } .swal2-progresssteps .swal2-progressline { background: #3085d6; height: .4em; margin: 0 -1px; z-index: 10; } [class^='swal2'] { -webkit-tap-highlight-color: transparent; } @-webkit-keyframes showSweetAlert { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); } 45% { -webkit-transform: scale(1.05); transform: scale(1.05); } 80% { -webkit-transform: scale(0.95); transform: scale(0.95); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes showSweetAlert { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); } 45% { -webkit-transform: scale(1.05); transform: scale(1.05); } 80% { -webkit-transform: scale(0.95); transform: scale(0.95); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } } @keyframes hideSweetAlert { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } } .swal2-show { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .swal2-show.swal2-noanimation { -webkit-animation: none; animation: none; } .swal2-hide { -webkit-animation: hideSweetAlert 0.15s forwards; animation: hideSweetAlert 0.15s forwards; } .swal2-hide.swal2-noanimation { -webkit-animation: none; animation: none; } @-webkit-keyframes animate-success-tip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animate-success-tip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes animate-success-long { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animate-success-long { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes rotatePlaceholder { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } } .animate-success-tip { -webkit-animation: animate-success-tip 0.75s; animation: animate-success-tip 0.75s; } .animate-success-long { -webkit-animation: animate-success-long 0.75s; animation: animate-success-long 0.75s; } .swal2-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animate-error-icon { 0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @keyframes animate-error-icon { 0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } .animate-error-icon { -webkit-animation: animate-error-icon 0.5s; animation: animate-error-icon 0.5s; } @-webkit-keyframes animate-x-mark { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { -webkit-transform: scale(0.4); transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { -webkit-transform: scale(1.15); transform: scale(1.15); margin-top: -6px; } 100% { -webkit-transform: scale(1); transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animate-x-mark { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { -webkit-transform: scale(0.4); transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { -webkit-transform: scale(1.15); transform: scale(1.15); margin-top: -6px; } 100% { -webkit-transform: scale(1); transform: scale(1); margin-top: 0; opacity: 1; } } .animate-x-mark { -webkit-animation: animate-x-mark 0.5s; animation: animate-x-mark 0.5s; } @-webkit-keyframes pulse-warning { 0% { border-color: #f8d486; } 100% { border-color: #f8bb86; } } @keyframes pulse-warning { 0% { border-color: #f8d486; } 100% { border-color: #f8bb86; } } .pulse-warning { -webkit-animation: pulse-warning 0.75s infinite alternate; animation: pulse-warning 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } table.dataTable { clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; border-collapse: separate !important; } table.dataTable td, table.dataTable th { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { text-align: center; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } div.dataTables_wrapper div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap; } div.dataTables_wrapper div.dataTables_length select { width: 75px; display: inline-block; } div.dataTables_wrapper div.dataTables_filter { text-align: right; } div.dataTables_wrapper div.dataTables_filter label { font-weight: normal; white-space: nowrap; text-align: left; } div.dataTables_wrapper div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; } div.dataTables_wrapper div.dataTables_info { padding-top: 8px; white-space: nowrap; } div.dataTables_wrapper div.dataTables_paginate { margin: 0; white-space: nowrap; text-align: right; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; } div.dataTables_wrapper div.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 200px; margin-left: -100px; margin-top: -26px; text-align: center; padding: 1em 0; } table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting { padding-right: 30px; } table.dataTable thead>tr>th:active, table.dataTable thead>tr>td:active { outline: none; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; position: relative; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { position: absolute; bottom: 8px; right: 8px; display: block; font-family: 'Glyphicons Halflings'; opacity: 0.5; } table.dataTable thead .sorting:after { opacity: 0.2; content: "\e150"; /* sort */ } table.dataTable thead .sorting_asc:after { content: "\e155"; /* sort-by-attributes */ } table.dataTable thead .sorting_desc:after { content: "\e156"; /* sort-by-attributes-alt */ } table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { color: #eee; } div.dataTables_scrollHead table.dataTable { margin-bottom: 0 !important; } div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important; } div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after { display: none; } div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td { border-top: none; } div.dataTables_scrollFoot table { margin-top: 0 !important; border-top: none; } @media screen and (max-width: 767px) { div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate { text-align: center; } } table.dataTable.table-condensed>thead>tr>th { padding-right: 20px; } table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after { top: 6px; right: 6px; } table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-left-width: 0; } table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { border-right-width: 0; } table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { border-bottom-width: 0; } div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0; } div.table-responsive>div.dataTables_wrapper>div.row { margin: 0; } div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child { padding-left: 0; } div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child { padding-right: 0; } table.dataTable .btn-simple.btn-icon { padding: 3px; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { position: relative; display: inline-block; bottom: 1px; right: -7px; font-family: 'FontAwesome'; opacity: 0.8; font-size: 12px; } table.dataTable thead .disabled-sorting.sorting:after, table.dataTable thead .disabled-sorting.sorting_asc:after, table.dataTable thead .disabled-sorting.sorting_desc:after, table.dataTable thead .disabled-sorting.sorting_asc_disabled:after, table.dataTable thead .disabled-sorting.sorting_desc_disabled:after { display: none; } table.dataTable thead .sorting:after { opacity: 0.4; content: "\f0dc"; } table.dataTable thead .sorting_asc:after { content: "\f0de"; top: 2px; } table.dataTable thead .sorting_desc:after { content: "\f0dd"; top: -3px; } table.dataTable>thead>tr>th, table.dataTable>tbody>tr>th, table.dataTable>tfoot>tr>th, table.dataTable>thead>tr>td, table.dataTable>tbody>tr>td, table.dataTable>tfoot>tr>td { padding: 5px !important; outline: 0; } table.dataTable>thead>tr>th { border: none; } .dataTables_paginate a { outline: 0; } table.dataTable.dtr-inline.collapsed>tbody>tr>td.child, table.dataTable.dtr-inline.collapsed>tbody>tr>th.child, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty { cursor: default !important; } table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before { display: none !important; } table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child { position: relative; padding-left: 30px; cursor: pointer; } table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before { top: 50%; margin-top: -9px; left: 4px; height: 18px; width: 18px; display: block; position: absolute; color: #4caf50; border: 0px solid white; border-radius: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: center; font-family: 'Courier New', Courier, monospace; line-height: 18px; content: '+'; background-color: #FFF; } table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before { content: '-'; color: #f44336; } table.dataTable.dtr-inline.collapsed>tbody>tr.child td:before { display: none; } table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child, table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child { padding-left: 27px; } table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before { top: 5px; left: 4px; height: 14px; width: 14px; border-radius: 14px; line-height: 14px; text-indent: 3px; } table.dataTable.dtr-column>tbody>tr>td.control, table.dataTable.dtr-column>tbody>tr>th.control { position: relative; cursor: pointer; } table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before { top: 50%; left: 50%; height: 16px; width: 16px; margin-top: -10px; margin-left: -10px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: center; font-family: 'Courier New', Courier, monospace; line-height: 14px; content: '+'; background-color: #31b131; } table.dataTable.dtr-column>tbody>tr.parent td.control:before, table.dataTable.dtr-column>tbody>tr.parent th.control:before { content: '-'; background-color: #d33333; } table.dataTable>tbody>tr.child { padding: 0.5em 1em; } table.dataTable>tbody>tr.child:hover { background: transparent !important; } table.dataTable>tbody>tr.child ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; } table.dataTable>tbody>tr.child ul li { border-bottom: 1px solid #efefef; padding: 0.5em 0; } table.dataTable>tbody>tr.child ul li:first-child { padding-top: 0; } table.dataTable>tbody>tr.child ul li:last-child { border-bottom: none; } table.dataTable>tbody>tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: bold; } div.dtr-modal { position: fixed; box-sizing: border-box; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; padding: 10em 1em; } div.dtr-modal div.dtr-modal-display { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 50%; height: 50%; overflow: auto; margin: auto; z-index: 102; overflow: auto; background-color: #f5f5f7; border: 1px solid black; border-radius: 0.5em; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); } div.dtr-modal div.dtr-modal-content { position: relative; padding: 1em; } div.dtr-modal div.dtr-modal-close { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border: 1px solid #eaeaea; background-color: #f9f9f9; text-align: center; border-radius: 3px; cursor: pointer; z-index: 12; } div.dtr-modal div.dtr-modal-close:hover { background-color: #eaeaea; } div.dtr-modal div.dtr-modal-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; background: rgba(0, 0, 0, 0.6); } .material-datatables .input-sm { height: 35px; padding: 0; } @media screen and (max-width: 767px) { div.dtr-modal div.dtr-modal-display { width: 95%; } table.dataTable>tbody>tr>td:first-child { padding-left: 30px !important; } } @media all and (min-width: 520px) and (max-width: 730px) { table.dataTable .btn-simple.btn-icon { display: block; margin: 0; } } svg { touch-action: none; } .jvectormap-container { width: 100%; height: 100%; position: relative; overflow: hidden; touch-action: none; } .jvectormap-tip { position: absolute; display: none; color: #555555; line-height: 1.5em; background: #FFFFFF; border: none; border-radius: 30px; box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); padding: 5px 10px; z-index: 1040; } .jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback { position: absolute; left: 10px; border-radius: 3px; background: #292929; padding: 3px; color: white; cursor: pointer; line-height: 10px; text-align: center; box-sizing: content-box; } .jvectormap-zoomin, .jvectormap-zoomout { width: 10px; height: 10px; } .jvectormap-zoomin { top: 10px; } .jvectormap-zoomout { top: 30px; } .jvectormap-goback { bottom: 10px; z-index: 1000; padding: 6px; } .jvectormap-spinner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==); } .jvectormap-legend-title { font-weight: bold; font-size: 14px; text-align: center; } .jvectormap-legend-cnt { position: absolute; } .jvectormap-legend-cnt-h { bottom: 0; right: 0; } .jvectormap-legend-cnt-v { top: 0; right: 0; } .jvectormap-legend { background: black; color: white; border-radius: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend { float: left; margin: 0 10px 10px 0; padding: 3px 3px 1px 3px; } .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick { float: left; } .jvectormap-legend-cnt-v .jvectormap-legend { margin: 10px 10px 0 0; padding: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick { width: 40px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample { height: 15px; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample { height: 20px; width: 20px; display: inline-block; vertical-align: middle; } .jvectormap-legend-tick-text { font-size: 12px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-text { text-align: center; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-text { display: inline-block; vertical-align: middle; line-height: 20px; padding-left: 3px; } /*! * Datetimepicker for Bootstrap 3 * ! version : 4.7.14 * https://github.com/Eonasdan/bootstrap-datetimepicker/ */ .sr-only, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget table th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .bootstrap-datetimepicker-widget { list-style: none; } .bootstrap-datetimepicker-widget a .btn:hover { background-color: transparent; } .bootstrap-datetimepicker-widget.dropdown-menu { padding: 4px; width: 19em; } @media (min-width: 768px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 992px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 1200px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { right: auto; left: 12px; } .bootstrap-datetimepicker-widget.dropdown-menu.top { margin-top: auto; margin-bottom: -20px; } .bootstrap-datetimepicker-widget.dropdown-menu.top.open { margin-top: auto; margin-bottom: 5px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { left: auto; right: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { left: auto; right: 7px; } .bootstrap-datetimepicker-widget .list-unstyled { margin: 0; } .bootstrap-datetimepicker-widget a[data-action] { padding: 0; margin: 0; border-width: 0; background-color: transparent; color: #9c27b0; box-shadow: none; } .bootstrap-datetimepicker-widget a[data-action]:hover { background-color: transparent; } .bootstrap-datetimepicker-widget a[data-action]:hover span { background-color: #eeeeee; color: #9c27b0; } .bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none; } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 40px; height: 40px; line-height: 40px; font-weight: 300; font-size: 1.3em; margin: 0; border-radius: 50%; } .bootstrap-datetimepicker-widget button[data-action] { width: 38px; height: 38px; margin-right: 3px; padding: 0; } .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { content: "Increment Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { content: "Increment Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { content: "Decrement Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { content: "Decrement Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { content: "Show Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { content: "Show Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { content: "Toggle AM/PM"; } .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { content: "Clear the picker"; } .bootstrap-datetimepicker-widget .btn[data-action="today"]::after { content: "Set the date to today"; } .bootstrap-datetimepicker-widget .picker-switch { text-align: center; border-radius: 3px; } .bootstrap-datetimepicker-widget .picker-switch::after { content: "Toggle Date and Time Screens"; } .bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; } .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; border-radius: 3px; margin: 2px 0px !important; } .bootstrap-datetimepicker-widget table { width: 100%; margin: 0; } .bootstrap-datetimepicker-widget table.table-condensed tr>td { text-align: center; } .bootstrap-datetimepicker-widget table td>div, .bootstrap-datetimepicker-widget table th>div { text-align: center; } .bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px; font-weight: 500; } .bootstrap-datetimepicker-widget table th.picker-switch { width: 145px; } .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: #eeeeee; cursor: not-allowed; } .bootstrap-datetimepicker-widget table th.prev span, .bootstrap-datetimepicker-widget table th.next span { border-radius: 3px; height: 27px; width: 27px; line-height: 28px; font-size: 12px; border-radius: 50%; text-align: center; } .bootstrap-datetimepicker-widget table th.prev::after { content: "Previous Month"; } .bootstrap-datetimepicker-widget table th.next::after { content: "Next Month"; } .bootstrap-datetimepicker-widget table th.dow { text-align: center; border-bottom: 1px solid #eeeeee; font-size: 12px; text-transform: uppercase; color: #333333; font-weight: 400; padding-bottom: 5px; padding-top: 10px; } .bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer; } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover span, .bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover { background: #eeeeee; } .bootstrap-datetimepicker-widget table td>div { border-radius: 3px; height: 54px; line-height: 54px; width: 54px; text-align: center; } .bootstrap-datetimepicker-widget table td.cw>div { font-size: .8em; height: 20px; line-height: 20px; color: #999999; } .bootstrap-datetimepicker-widget table td.day>div { height: 30px; line-height: 30px; width: 30px; text-align: center; padding: 0px; border-radius: 50%; margin: 0 auto; z-index: -1; position: relative; } .bootstrap-datetimepicker-widget table td.minute>div, .bootstrap-datetimepicker-widget table td.hour>div { border-radius: 50%; } .bootstrap-datetimepicker-widget table td.day:hover>div, .bootstrap-datetimepicker-widget table td.hour:hover>div, .bootstrap-datetimepicker-widget table td.minute:hover>div, .bootstrap-datetimepicker-widget table td.second:hover>div { background: #eeeeee; cursor: pointer; } .bootstrap-datetimepicker-widget table td.old>div, .bootstrap-datetimepicker-widget table td.new>div { color: #999999; } .bootstrap-datetimepicker-widget table td.today>div { position: relative; } .bootstrap-datetimepicker-widget table td.today>div:before { content: ''; display: inline-block; border: 0 0 7px 7px solid transparent; border-bottom-color: #9c27b0; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; } .bootstrap-datetimepicker-widget table td.active>div, .bootstrap-datetimepicker-widget table td.active:hover>div { background-color: #9c27b0; color: #FFFFFF; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); } .bootstrap-datetimepicker-widget table td.active.today:before>div { border-bottom-color: #FFFFFF; } .bootstrap-datetimepicker-widget table td.disabled>div, .bootstrap-datetimepicker-widget table td.disabled:hover>div { background: none; color: #eeeeee; cursor: not-allowed; } .bootstrap-datetimepicker-widget table td span { display: inline-block; width: 40px; height: 40px; line-height: 40px; margin: 3px 3px; cursor: pointer; border-radius: 50%; text-align: center; } .bootstrap-datetimepicker-widget table td span:hover { background: #eeeeee; } .bootstrap-datetimepicker-widget table td span.active { background-color: #9c27b0; color: #FFFFFF; } .bootstrap-datetimepicker-widget table td span.old { color: #999999; } .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: #eeeeee; cursor: not-allowed; } .bootstrap-datetimepicker-widget .timepicker-picker span, .bootstrap-datetimepicker-widget .timepicker-hours span, .bootstrap-datetimepicker-widget .timepicker-minutes span { border-radius: 50% !important; } .bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; } .input-group.date .input-group-addon { cursor: pointer; } .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th { padding: 1px; text-align: center; z-index: 1; } /*! * FullCalendar v3.0.1 Stylesheet * Docs & License: http://fullcalendar.io/ * (c) 2016 Adam Shaw */ .fc { direction: ltr; text-align: left; } .fc-rtl { text-align: right; } body .fc { /* extra precedence to overcome jqui */ font-size: 1em; } /* Colors --------------------------------------------------------------------------------------------------*/ .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td { border-color: #ddd; } .fc-unthemed .fc-popover { background-color: #FFFFFF; } .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td { background: #999999; } .fc-unthemed .fc-popover .fc-header .fc-close { color: #999999; } .fc-unthemed .fc-today { background: #f5f5f5; } .fc-highlight { /* when user is selecting cells */ background: #bce8f1; opacity: .3; } .fc-bgevent { /* default look for background events */ background: #8fdf82; opacity: .3; } .fc-nonbusiness { /* default look for non-business-hours areas */ /* will inherit .fc-bgevent's styles */ background: #d7d7d7; } /* Icons (inline elements with styled text that mock arrow icons) --------------------------------------------------------------------------------------------------*/ .fc-icon { display: inline-block; height: 1em; line-height: 1em; font-size: 1em; text-align: center; overflow: hidden; font-family: "Courier New", Courier, monospace; /* don't allow browser text-selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Acceptable font-family overrides for individual icons: "Arial", sans-serif "Times New Roman", serif NOTE: use percentage font sizes or else old IE chokes */ .fc-icon:after { position: relative; } .fc-icon-left-single-arrow:after { content: "\02039"; font-weight: bold; font-size: 200%; top: -7%; } .fc-icon-right-single-arrow:after { content: "\0203A"; font-weight: bold; font-size: 200%; top: -7%; } .fc-icon-left-double-arrow:after { content: "\000AB"; font-size: 160%; top: -7%; } .fc-icon-right-double-arrow:after { content: "\000BB"; font-size: 160%; top: -7%; } .fc-icon-left-triangle:after { content: "\25C4"; font-size: 125%; top: 3%; } .fc-icon-right-triangle:after { content: "\25BA"; font-size: 125%; top: 3%; } .fc-icon-down-triangle:after { content: "\25BC"; font-size: 125%; top: 2%; } .fc-icon-x:after { content: "\000D7"; font-size: 200%; top: 6%; } /* Buttons (styled ') .on( 'click', function () { var result = actions[ name ].execute( dt, cells, $(this).closest('li') ); that._update( result, cells ); that.dom.background.remove(); that.dom.list.remove(); } ) ) ) ); } ); this.dom.background.appendTo( 'body' ); this.dom.list.appendTo( 'body' ); this.dom.list.css( 'margin-top', this.dom.list.outerHeight()/2 * -1 ); } }, /** * Remove the AutoFill handle from the document * * @private */ _detach: function () { this.dom.attachedTo = null; this.dom.handle.detach(); }, /** * Draw the selection outline by calculating the range between the start * and end cells, then placing the highlighting elements to draw a rectangle * * @param {node} target End cell * @param {object} e Originating event * @private */ _drawSelection: function ( target, e ) { // Calculate boundary for start cell to this one var dt = this.s.dt; var start = this.s.start; var startCell = $(this.dom.start); var end = { row: this.c.vertical ? dt.rows( { page: 'current' } ).nodes().indexOf( target.parentNode ) : start.row, column: this.c.horizontal ? $(target).index() : start.column }; var colIndx = dt.column.index( 'toData', end.column ); var endRow = dt.row( ':eq('+end.row+')', { page: 'current' } ); // Workaround for M581 var endCell = $( dt.cell( endRow.index(), colIndx ).node() ); // Be sure that is a DataTables controlled cell if ( ! dt.cell( endCell ).any() ) { return; } // if target is not in the columns available - do nothing if ( dt.columns( this.c.columns ).indexes().indexOf( colIndx ) === -1 ) { return; } this.s.end = end; var top, bottom, left, right, height, width; top = start.row < end.row ? startCell : endCell; bottom = start.row < end.row ? endCell : startCell; left = start.column < end.column ? startCell : endCell; right = start.column < end.column ? endCell : startCell; top = this._getPosition( top.get(0) ).top; left = this._getPosition( left.get(0) ).left; height = this._getPosition( bottom.get(0) ).top + bottom.outerHeight() - top; width = this._getPosition( right.get(0) ).left + right.outerWidth() - left; var select = this.dom.select; select.top.css( { top: top, left: left, width: width } ); select.left.css( { top: top, left: left, height: height } ); select.bottom.css( { top: top + height, left: left, width: width } ); select.right.css( { top: top, left: left + width, height: height } ); }, /** * Use the Editor API to perform an update based on the new data for the * cells * * @param {array} cells Information about the selected cells from the key * up function * @private */ _editor: function ( cells ) { var dt = this.s.dt; var editor = this.c.editor; if ( ! editor ) { return; } // Build the object structure for Editor's multi-row editing var idValues = {}; var nodes = []; var fields = editor.fields(); for ( var i=0, ien=cells.length ; i=end ; i-- ) { out.push( i ); } } return out; }, /** * Move the window and DataTables scrolling during a drag to scroll new * content into view. This is done by proximity to the edge of the scrolling * container of the mouse - for example near the top edge of the window * should scroll up. This is a little complicated as there are two elements * that can be scrolled - the window and the DataTables scrolling view port * (if scrollX and / or scrollY is enabled). * * @param {object} e Mouse move event object * @private */ _shiftScroll: function ( e ) { var that = this; var dt = this.s.dt; var scroll = this.s.scroll; var runInterval = false; var scrollSpeed = 5; var buffer = 65; var windowY = e.pageY - document.body.scrollTop, windowX = e.pageX - document.body.scrollLeft, windowVert, windowHoriz, dtVert, dtHoriz; // Window calculations - based on the mouse position in the window, // regardless of scrolling if ( windowY < buffer ) { windowVert = scrollSpeed * -1; } else if ( windowY > scroll.windowHeight - buffer ) { windowVert = scrollSpeed; } if ( windowX < buffer ) { windowHoriz = scrollSpeed * -1; } else if ( windowX > scroll.windowWidth - buffer ) { windowHoriz = scrollSpeed; } // DataTables scrolling calculations - based on the table's position in // the document and the mouse position on the page if ( scroll.dtTop !== null && e.pageY < scroll.dtTop + buffer ) { dtVert = scrollSpeed * -1; } else if ( scroll.dtTop !== null && e.pageY > scroll.dtTop + scroll.dtHeight - buffer ) { dtVert = scrollSpeed; } if ( scroll.dtLeft !== null && e.pageX < scroll.dtLeft + buffer ) { dtHoriz = scrollSpeed * -1; } else if ( scroll.dtLeft !== null && e.pageX > scroll.dtLeft + scroll.dtWidth - buffer ) { dtHoriz = scrollSpeed; } // This is where it gets interesting. We want to continue scrolling // without requiring a mouse move, so we need an interval to be // triggered. The interval should continue until it is no longer needed, // but it must also use the latest scroll commands (for example consider // that the mouse might move from scrolling up to scrolling left, all // with the same interval running. We use the `scroll` object to "pass" // this information to the interval. Can't use local variables as they // wouldn't be the ones that are used by an already existing interval! if ( windowVert || windowHoriz || dtVert || dtHoriz ) { scroll.windowVert = windowVert; scroll.windowHoriz = windowHoriz; scroll.dtVert = dtVert; scroll.dtHoriz = dtHoriz; runInterval = true; } else if ( this.s.scrollInterval ) { // Don't need to scroll - remove any existing timer clearInterval( this.s.scrollInterval ); this.s.scrollInterval = null; } // If we need to run the interval to scroll and there is no existing // interval (if there is an existing one, it will continue to run) if ( ! this.s.scrollInterval && runInterval ) { this.s.scrollInterval = setInterval( function () { // Don't need to worry about setting scroll <0 or beyond the // scroll bound as the browser will just reject that. if ( scroll.windowVert ) { document.body.scrollTop += scroll.windowVert; } if ( scroll.windowHoriz ) { document.body.scrollLeft += scroll.windowHoriz; } // DataTables scrolling if ( scroll.dtVert || scroll.dtHoriz ) { var scroller = that.dom.dtScroll[0]; if ( scroll.dtVert ) { scroller.scrollTop += scroll.dtVert; } if ( scroll.dtHoriz ) { scroller.scrollLeft += scroll.dtHoriz; } } }, 20 ); } }, /** * Update the DataTable after the user has selected what they want to do * * @param {false|undefined} result Return from the `execute` method - can * be false internally to do nothing. This is not documented for plug-ins * and is used only by the cancel option. * @param {array} cells Information about the selected cells from the key * up function, argumented with the set values * @private */ _update: function ( result, cells ) { // Do nothing on `false` return from an execute function if ( result === false ) { return; } var dt = this.s.dt; var cell; var columns = dt.columns( this.c.columns ).indexes(); // Potentially allow modifications to the cells matrix this._emitEvent( 'preAutoFill', [ dt, cells ] ); this._editor( cells ); // Automatic updates are not performed if `update` is null and the // `editor` parameter is passed in - the reason being that Editor will // update the data once submitted var update = this.c.update !== null ? this.c.update : this.c.editor ? false : true; if ( update ) { for ( var i=0, ien=cells.length ; i' ); }, execute: function ( dt, cells, node ) { var value = cells[0][0].data * 1; var increment = $('input', node).val() * 1; for ( var i=0, ien=cells.length ; i'+cells[0][0].label+'' ); }, execute: function ( dt, cells, node ) { var value = cells[0][0].data; for ( var i=0, ien=cells.length ; i 1 && cells[0].length > 1; }, option: function ( dt, cells ) { return dt.i18n('autoFill.fillHorizontal', 'Fill cells horizontally' ); }, execute: function ( dt, cells, node ) { for ( var i=0, ien=cells.length ; i 1 && cells[0].length > 1; }, option: function ( dt, cells ) { return dt.i18n('autoFill.fillVertical', 'Fill cells vertically' ); }, execute: function ( dt, cells, node ) { for ( var i=0, ien=cells.length ; i div { padding: 1em; } div.dt-button-collection-title { text-align: center; padding: 0.3em 0 0.5em; font-size: 0.9em; } div.dt-button-collection-title:empty { display: none; } ul.dt-button-collection.dropdown-menu { display: block; z-index: 2002; -webkit-column-gap: 8px; -moz-column-gap: 8px; -ms-column-gap: 8px; -o-column-gap: 8px; column-gap: 8px; } ul.dt-button-collection.dropdown-menu.fixed { position: fixed; top: 50%; left: 50%; margin-left: -75px; border-radius: 0; } ul.dt-button-collection.dropdown-menu.fixed.two-column { margin-left: -150px; } ul.dt-button-collection.dropdown-menu.fixed.three-column { margin-left: -225px; } ul.dt-button-collection.dropdown-menu.fixed.four-column { margin-left: -300px; } ul.dt-button-collection.dropdown-menu > * { -webkit-column-break-inside: avoid; break-inside: avoid; } ul.dt-button-collection.dropdown-menu.two-column { width: 300px; padding-bottom: 1px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; } ul.dt-button-collection.dropdown-menu.three-column { width: 450px; padding-bottom: 1px; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; } ul.dt-button-collection.dropdown-menu.four-column { width: 600px; padding-bottom: 1px; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; } ul.dt-button-collection.dropdown-menu .dt-button { border-radius: 0; } div.dt-button-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2001; } @media screen and (max-width: 767px) { div.dt-buttons { float: none; width: 100%; text-align: center; margin-bottom: 0.5em; } div.dt-buttons a.btn { float: none; } } div.dt-buttons button.btn.processing, div.dt-buttons div.btn.processing, div.dt-buttons a.btn.processing { color: rgba(0, 0, 0, 0.2); } div.dt-buttons button.btn.processing:after, div.dt-buttons div.btn.processing:after, div.dt-buttons a.btn.processing:after { position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; box-sizing: border-box; display: block; content: ' '; border: 2px solid #282828; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: dtb-spinner 1500ms infinite linear; -o-animation: dtb-spinner 1500ms infinite linear; -ms-animation: dtb-spinner 1500ms infinite linear; -webkit-animation: dtb-spinner 1500ms infinite linear; -moz-animation: dtb-spinner 1500ms infinite linear; } ================================================ FILE: static/js/DataTables/Buttons-1.5.6/css/buttons.bootstrap4.css ================================================ @keyframes dtb-spinner { 100% { transform: rotate(360deg); } } @-o-keyframes dtb-spinner { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes dtb-spinner { 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes dtb-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes dtb-spinner { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } div.dt-button-info { position: fixed; top: 50%; left: 50%; width: 400px; margin-top: -100px; margin-left: -200px; background-color: white; border: 2px solid #111; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); border-radius: 3px; text-align: center; z-index: 21; } div.dt-button-info h2 { padding: 0.5em; margin: 0; font-weight: normal; border-bottom: 1px solid #ddd; background-color: #f3f3f3; } div.dt-button-info > div { padding: 1em; } div.dt-button-collection-title { text-align: center; padding: 0.3em 0 0.5em; font-size: 0.9em; } div.dt-button-collection-title:empty { display: none; } div.dt-button-collection.dropdown-menu { display: block; z-index: 2002; -webkit-column-gap: 8px; -moz-column-gap: 8px; -ms-column-gap: 8px; -o-column-gap: 8px; column-gap: 8px; } div.dt-button-collection.dropdown-menu.fixed { position: fixed; top: 50%; left: 50%; margin-left: -75px; border-radius: 0; } div.dt-button-collection.dropdown-menu.fixed.two-column { margin-left: -150px; } div.dt-button-collection.dropdown-menu.fixed.three-column { margin-left: -225px; } div.dt-button-collection.dropdown-menu.fixed.four-column { margin-left: -300px; } div.dt-button-collection.dropdown-menu > * { -webkit-column-break-inside: avoid; break-inside: avoid; } div.dt-button-collection.dropdown-menu.two-column { width: 300px; padding-bottom: 1px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; } div.dt-button-collection.dropdown-menu.three-column { width: 450px; padding-bottom: 1px; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; } div.dt-button-collection.dropdown-menu.four-column { width: 600px; padding-bottom: 1px; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; } div.dt-button-collection.dropdown-menu .dt-button { border-radius: 0; } div.dt-button-collection { -webkit-column-gap: 8px; -moz-column-gap: 8px; -ms-column-gap: 8px; -o-column-gap: 8px; column-gap: 8px; } div.dt-button-collection.fixed { position: fixed; top: 50%; left: 50%; margin-left: -75px; border-radius: 0; } div.dt-button-collection.fixed.two-column { margin-left: -150px; } div.dt-button-collection.fixed.three-column { margin-left: -225px; } div.dt-button-collection.fixed.four-column { margin-left: -300px; } div.dt-button-collection > * { -webkit-column-break-inside: avoid; break-inside: avoid; } div.dt-button-collection.two-column { width: 300px; padding-bottom: 1px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; } div.dt-button-collection.three-column { width: 450px; padding-bottom: 1px; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; } div.dt-button-collection.four-column { width: 600px; padding-bottom: 1px; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; } div.dt-button-collection .dt-button { border-radius: 0; } div.dt-button-collection.fixed { max-width: none; } div.dt-button-collection.fixed:before, div.dt-button-collection.fixed:after { display: none; } div.dt-button-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; } @media screen and (max-width: 767px) { div.dt-buttons { float: none; width: 100%; text-align: center; margin-bottom: 0.5em; } div.dt-buttons a.btn { float: none; } } div.dt-buttons button.btn.processing, div.dt-buttons div.btn.processing, div.dt-buttons a.btn.processing { color: rgba(0, 0, 0, 0.2); } div.dt-buttons button.btn.processing:after, div.dt-buttons div.btn.processing:after, div.dt-buttons a.btn.processing:after { position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; box-sizing: border-box; display: block; content: ' '; border: 2px solid #282828; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: dtb-spinner 1500ms infinite linear; -o-animation: dtb-spinner 1500ms infinite linear; -ms-animation: dtb-spinner 1500ms infinite linear; -webkit-animation: dtb-spinner 1500ms infinite linear; -moz-animation: dtb-spinner 1500ms infinite linear; } ================================================ FILE: static/js/DataTables/Buttons-1.5.6/css/buttons.dataTables.css ================================================ @keyframes dtb-spinner { 100% { transform: rotate(360deg); } } @-o-keyframes dtb-spinner { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes dtb-spinner { 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes dtb-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes dtb-spinner { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } div.dt-button-info { position: fixed; top: 50%; left: 50%; width: 400px; margin-top: -100px; margin-left: -200px; background-color: white; border: 2px solid #111; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); border-radius: 3px; text-align: center; z-index: 21; } div.dt-button-info h2 { padding: 0.5em; margin: 0; font-weight: normal; border-bottom: 1px solid #ddd; background-color: #f3f3f3; } div.dt-button-info > div { padding: 1em; } div.dt-button-collection-title { text-align: center; padding: 0.3em 0 0.5em; font-size: 0.9em; } div.dt-button-collection-title:empty { display: none; } button.dt-button, div.dt-button, a.dt-button { position: relative; display: inline-block; box-sizing: border-box; margin-right: 0.333em; margin-bottom: 0.333em; padding: 0.5em 1em; border: 1px solid #999; border-radius: 2px; cursor: pointer; font-size: 0.88em; line-height: 1.6em; color: black; white-space: nowrap; overflow: hidden; background-color: #e9e9e9; /* Fallback */ background-image: -webkit-linear-gradient(top, white 0%, #e9e9e9 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, white 0%, #e9e9e9 100%); /* FF3.6 */ background-image: -ms-linear-gradient(top, white 0%, #e9e9e9 100%); /* IE10 */ background-image: -o-linear-gradient(top, white 0%, #e9e9e9 100%); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, white 0%, #e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9'); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; outline: none; } button.dt-button.disabled, div.dt-button.disabled, a.dt-button.disabled { color: #999; border: 1px solid #d0d0d0; cursor: default; background-color: #f9f9f9; /* Fallback */ background-image: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* FF3.6 */ background-image: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9'); } button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled), div.dt-button:active:not(.disabled), div.dt-button.active:not(.disabled), a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled) { background-color: #e2e2e2; /* Fallback */ background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%); /* FF3.6 */ background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%); /* IE10 */ background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#e2e2e2'); box-shadow: inset 1px 1px 3px #999999; } button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button.active:not(.disabled):hover:not(.disabled), a.dt-button:active:not(.disabled):hover:not(.disabled), a.dt-button.active:not(.disabled):hover:not(.disabled) { box-shadow: inset 1px 1px 3px #999999; background-color: #cccccc; /* Fallback */ background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%); /* FF3.6 */ background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%); /* IE10 */ background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#cccccc'); } button.dt-button:hover, div.dt-button:hover, a.dt-button:hover { text-decoration: none; } button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) { border: 1px solid #666; background-color: #e0e0e0; /* Fallback */ background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* FF3.6 */ background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* IE10 */ background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e0e0e0'); } button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled) { border: 1px solid #426c9e; text-shadow: 0 1px 0 #c4def1; outline: none; background-color: #79ace9; /* Fallback */ background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%); /* FF3.6 */ background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%); /* IE10 */ background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#bddef4', EndColorStr='#79ace9'); } .dt-button embed { outline: none; } div.dt-buttons { position: relative; float: left; } div.dt-buttons.buttons-right { float: right; } div.dt-button-collection { position: absolute; top: 0; left: 0; width: 150px; margin-top: 3px; padding: 8px 8px 4px 8px; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.4); background-color: white; overflow: hidden; z-index: 2002; border-radius: 5px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); -webkit-column-gap: 8px; -moz-column-gap: 8px; -ms-column-gap: 8px; -o-column-gap: 8px; column-gap: 8px; } div.dt-button-collection button.dt-button, div.dt-button-collection div.dt-button, div.dt-button-collection a.dt-button { position: relative; left: 0; right: 0; width: 100%; display: block; float: none; margin-bottom: 4px; margin-right: 0; } div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled) { background-color: #dadada; /* Fallback */ background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%); /* FF3.6 */ background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%); /* IE10 */ background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f0f0f0', EndColorStr='#dadada'); box-shadow: inset 1px 1px 3px #666; } div.dt-button-collection.fixed { position: fixed; top: 50%; left: 50%; margin-left: -75px; border-radius: 0; } div.dt-button-collection.fixed.two-column { margin-left: -150px; } div.dt-button-collection.fixed.three-column { margin-left: -225px; } div.dt-button-collection.fixed.four-column { margin-left: -300px; } div.dt-button-collection > * { -webkit-column-break-inside: avoid; break-inside: avoid; } div.dt-button-collection.two-column { width: 300px; padding-bottom: 1px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; } div.dt-button-collection.three-column { width: 450px; padding-bottom: 1px; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; } div.dt-button-collection.four-column { width: 600px; padding-bottom: 1px; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; } div.dt-button-collection .dt-button { border-radius: 0; } div.dt-button-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); /* Fallback */ background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */ background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */ background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */ background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */ background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */ background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */ z-index: 2001; } @media screen and (max-width: 640px) { div.dt-buttons { float: none !important; text-align: center; } } button.dt-button.processing, div.dt-button.processing, a.dt-button.processing { color: rgba(0, 0, 0, 0.2); } button.dt-button.processing:after, div.dt-button.processing:after, a.dt-button.processing:after { position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; box-sizing: border-box; display: block; content: ' '; border: 2px solid #282828; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: dtb-spinner 1500ms infinite linear; -o-animation: dtb-spinner 1500ms infinite linear; -ms-animation: dtb-spinner 1500ms infinite linear; -webkit-animation: dtb-spinner 1500ms infinite linear; -moz-animation: dtb-spinner 1500ms infinite linear; } ================================================ FILE: static/js/DataTables/Buttons-1.5.6/css/buttons.foundation.css ================================================ @keyframes dtb-spinner { 100% { transform: rotate(360deg); } } @-o-keyframes dtb-spinner { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes dtb-spinner { 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes dtb-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes dtb-spinner { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } div.dt-button-info { position: fixed; top: 50%; left: 50%; width: 400px; margin-top: -100px; margin-left: -200px; background-color: white; border: 2px solid #111; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); border-radius: 3px; text-align: center; z-index: 21; } div.dt-button-info h2 { padding: 0.5em; margin: 0; font-weight: normal; border-bottom: 1px solid #ddd; background-color: #f3f3f3; } div.dt-button-info > div { padding: 1em; } div.dt-button-collection-title { text-align: center; padding: 0.3em 0 0.5em; font-size: 0.9em; } div.dt-button-collection-title:empty { display: none; } ul.dt-buttons li { margin: 0; } ul.dt-buttons li.active a { box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6); } ul.dt-buttons.button-group a { margin-bottom: 0; } ul.dt-button-collection.f-dropdown { -webkit-column-gap: 8px; -moz-column-gap: 8px; -ms-column-gap: 8px; -o-column-gap: 8px; column-gap: 8px; } ul.dt-button-collection.f-dropdown.fixed { position: fixed; top: 50%; left: 50%; margin-left: -75px; border-radius: 0; } ul.dt-button-collection.f-dropdown.fixed.two-column { margin-left: -150px; } ul.dt-button-collection.f-dropdown.fixed.three-column { margin-left: -225px; } ul.dt-button-collection.f-dropdown.fixed.four-column { margin-left: -300px; } ul.dt-button-collection.f-dropdown > * { -webkit-column-break-inside: avoid; break-inside: avoid; } ul.dt-button-collection.f-dropdown.two-column { width: 300px; padding-bottom: 1px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; } ul.dt-button-collection.f-dropdown.three-column { width: 450px; padding-bottom: 1px; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; } ul.dt-button-collection.f-dropdown.four-column { width: 600px; padding-bottom: 1px; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; } ul.dt-button-collection.f-dropdown .dt-button { border-radius: 0; } ul.dt-button-collection.f-dropdown.fixed { max-width: none; } ul.dt-button-collection.f-dropdown.fixed:before, ul.dt-button-collection.f-dropdown.fixed:after { display: none; } div.dt-button-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 88; } @media screen and (max-width: 767px) { ul.dt-buttons { float: none; width: 100%; text-align: center; margin-bottom: 0.5rem; } ul.dt-buttons li { float: none; } } div.button-group.stacked.dropdown-pane { margin-top: 2px; padding: 1px; z-index: 89; } div.button-group.stacked.dropdown-pane a.button { display: block; margin-bottom: 1px; border-right: none; } div.button-group.stacked.dropdown-pane a.button:last-child { margin-bottom: 0; margin-right: 1px; } div.dt-buttons button.button.processing, div.dt-buttons div.button.processing, div.dt-buttons a.button.processing { color: rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.2); border-top-color: white; border-bottom-color: white; } div.dt-buttons button.button.processing:after, div.dt-buttons div.button.processing:after, div.dt-buttons a.button.processing:after { position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; box-sizing: border-box; display: block; content: ' '; border: 2px solid #282828; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: dtb-spinner 1500ms infinite linear; -o-animation: dtb-spinner 1500ms infinite linear; -ms-animation: dtb-spinner 1500ms infinite linear; -webkit-animation: dtb-spinner 1500ms infinite linear; -moz-animation: dtb-spinner 1500ms infinite linear; } ================================================ FILE: static/js/DataTables/Buttons-1.5.6/css/buttons.jqueryui.css ================================================ @keyframes dtb-spinner { 100% { transform: rotate(360deg); } } @-o-keyframes dtb-spinner { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes dtb-spinner { 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes dtb-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes dtb-spinner { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } div.dt-button-info { position: fixed; top: 50%; left: 50%; width: 400px; margin-top: -100px; margin-left: -200px; background-color: white; border: 2px solid #111; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); border-radius: 3px; text-align: center; z-index: 21; } div.dt-button-info h2 { padding: 0.5em; margin: 0; font-weight: normal; border-bottom: 1px solid #ddd; background-color: #f3f3f3; } div.dt-button-info > div { padding: 1em; } div.dt-button-collection-title { text-align: center; padding: 0.3em 0 0.5em; font-size: 0.9em; } div.dt-button-collection-title:empty { display: none; } div.dt-buttons { position: relative; float: left; } div.dt-buttons .dt-button { margin-right: 0; } div.dt-buttons .dt-button span.ui-icon { display: inline-block; vertical-align: middle; margin-top: -2px; } div.dt-buttons .dt-button:active { outline: none; } div.dt-buttons .dt-button:hover > span { background-color: rgba(0, 0, 0, 0.05); } div.dt-button-collection { position: absolute; top: 0; left: 0; width: 150px; margin-top: 3px; padding: 8px 8px 4px 8px; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.4); background-color: #f3f3f3; background-color: rgba(255, 255, 255, 0.3); overflow: hidden; z-index: 2002; border-radius: 5px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); z-index: 2002; -webkit-column-gap: 8px; -moz-column-gap: 8px; -ms-column-gap: 8px; -o-column-gap: 8px; column-gap: 8px; -webkit-column-gap: 0; -moz-column-gap: 0; -ms-column-gap: 0; -o-column-gap: 0; column-gap: 0; } div.dt-button-collection .dt-button { position: relative; left: 0; right: 0; width: 100%; box-sizing: border-box; display: block; float: none; margin-right: 0; margin-bottom: 4px; } div.dt-button-collection .dt-button:hover > span { background-color: rgba(0, 0, 0, 0.05); } div.dt-button-collection.fixed { position: fixed; top: 50%; left: 50%; margin-left: -75px; border-radius: 0; } div.dt-button-collection.fixed.two-column { margin-left: -150px; } div.dt-button-collection.fixed.three-column { margin-left: -225px; } div.dt-button-collection.fixed.four-column { margin-left: -300px; } div.dt-button-collection > * { -webkit-column-break-inside: avoid; break-inside: avoid; } div.dt-button-collection.two-column { width: 300px; padding-bottom: 1px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; } div.dt-button-collection.three-column { width: 450px; padding-bottom: 1px; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; } div.dt-button-collection.four-column { width: 600px; padding-bottom: 1px; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; } div.dt-button-collection .dt-button { border-radius: 0; } div.dt-button-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); /* Fallback */ background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */ background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */ background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */ background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */ background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */ background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */ z-index: 2001; } @media screen and (max-width: 640px) { div.dt-buttons { float: none !important; text-align: center; } } button.dt-button.processing, div.dt-button.processing, a.dt-button.processing { color: rgba(0, 0, 0, 0.2); } button.dt-button.processing:after, div.dt-button.processing:after, a.dt-button.processing:after { position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; box-sizing: border-box; display: block; content: ' '; border: 2px solid #282828; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: dtb-spinner 1500ms infinite linear; -o-animation: dtb-spinner 1500ms infinite linear; -ms-animation: dtb-spinner 1500ms infinite linear; -webkit-animation: dtb-spinner 1500ms infinite linear; -moz-animation: dtb-spinner 1500ms infinite linear; } ================================================ FILE: static/js/DataTables/Buttons-1.5.6/css/buttons.semanticui.css ================================================ @charset "UTF-8"; @keyframes dtb-spinner { 100% { transform: rotate(360deg); } } @-o-keyframes dtb-spinner { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes dtb-spinner { 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes dtb-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes dtb-spinner { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } div.dt-button-info { position: fixed; top: 50%; left: 50%; width: 400px; margin-top: -100px; margin-left: -200px; background-color: white; border: 2px solid #111; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); border-radius: 3px; text-align: center; z-index: 21; } div.dt-button-info h2 { padding: 0.5em; margin: 0; font-weight: normal; border-bottom: 1px solid #ddd; background-color: #f3f3f3; } div.dt-button-info > div { padding: 1em; } div.dt-button-collection-title { text-align: center; padding: 0.3em 0 0.5em; font-size: 0.9em; } div.dt-button-collection-title:empty { display: none; } div.dt-button-collection { position: absolute; top: 0; left: 0; width: 150px; margin-top: 3px !important; z-index: 2002; background: white; -webkit-column-gap: 8px; -moz-column-gap: 8px; -ms-column-gap: 8px; -o-column-gap: 8px; column-gap: 8px; } div.dt-button-collection.fixed { position: fixed; top: 50%; left: 50%; margin-left: -75px; border-radius: 0; } div.dt-button-collection.fixed.two-column { margin-left: -150px; } div.dt-button-collection.fixed.three-column { margin-left: -225px; } div.dt-button-collection.fixed.four-column { margin-left: -300px; } div.dt-button-collection > * { -webkit-column-break-inside: avoid; break-inside: avoid; } div.dt-button-collection.two-column { width: 300px; padding-bottom: 1px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; } div.dt-button-collection.three-column { width: 450px; padding-bottom: 1px; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; } div.dt-button-collection.four-column { width: 600px; padding-bottom: 1px; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; } div.dt-button-collection .dt-button { border-radius: 0; } button.buttons-collection.ui.button span:after { display: inline-block; content: "▾"; padding-left: 0.5em; } div.dt-button-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2001; } @media screen and (max-width: 767px) { div.dt-buttons { float: none; width: 100%; text-align: center; margin-bottom: 0.5em; } div.dt-buttons a.btn { float: none; } } div.dt-buttons button.button.processing, div.dt-buttons div.button.processing, div.dt-buttons a.button.processing { position: relative; color: rgba(0, 0, 0, 0.2); } div.dt-buttons button.button.processing:after, div.dt-buttons div.button.processing:after, div.dt-buttons a.button.processing:after { position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; box-sizing: border-box; display: block; content: ' '; border: 2px solid #282828; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: dtb-spinner 1500ms infinite linear; -o-animation: dtb-spinner 1500ms infinite linear; -ms-animation: dtb-spinner 1500ms infinite linear; -webkit-animation: dtb-spinner 1500ms infinite linear; -moz-animation: dtb-spinner 1500ms infinite linear; } ================================================ FILE: static/js/DataTables/Buttons-1.5.6/css/common.scss ================================================ div.dt-button-info { position: fixed; top: 50%; left: 50%; width: 400px; margin-top: -100px; margin-left: -200px; background-color: white; border: 2px solid #111; box-shadow: 3px 3px 8px rgba( 0, 0, 0, 0.3); border-radius: 3px; text-align: center; z-index: 21; h2 { padding: 0.5em; margin: 0; font-weight: normal; border-bottom: 1px solid #ddd; background-color: #f3f3f3; } > div { padding: 1em; } } div.dt-button-collection-title { text-align: center; padding: 0.3em 0 0.5em; font-size: 0.9em; } div.dt-button-collection-title:empty { display: none; } ================================================ FILE: static/js/DataTables/Buttons-1.5.6/css/mixins.scss ================================================ @mixin dtb-two-stop-gradient($fromColor, $toColor) { background-color: $toColor; /* Fallback */ background-image: -webkit-linear-gradient(top, $fromColor 0%, $toColor 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, $fromColor 0%, $toColor 100%); /* FF3.6 */ background-image: -ms-linear-gradient(top, $fromColor 0%, $toColor 100%); /* IE10 */ background-image: -o-linear-gradient(top, $fromColor 0%, $toColor 100%); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, $fromColor 0%, $toColor 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#{nth( $fromColor, 1 )}', EndColorStr='#{nth( $toColor, 1 )}'); } @mixin dtb-radial-gradient ($fromColor, $toColor ) { background: $toColor; /* Fallback */ background: -ms-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* IE10 Consumer Preview */ background: -moz-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* Firefox */ background: -o-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* Opera */ background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, $fromColor), color-stop(1, $toColor)); /* Webkit (Safari/Chrome 10) */ background: -webkit-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* Webkit (Chrome 11+) */ background: radial-gradient(ellipse farthest-corner at center, $fromColor 0%, $toColor 100%); /* W3C Markup, IE10 Release Preview */ } @mixin dtb-fixed-collection { // Fixed positioning feature &.fixed { position: fixed; top: 50%; left: 50%; margin-left: -75px; border-radius: 0; &.two-column { margin-left: -150px; } &.three-column { margin-left: -225px; } &.four-column { margin-left: -300px; } } // Multi-column layout feature -webkit-column-gap: 8px; -moz-column-gap: 8px; -ms-column-gap: 8px; -o-column-gap: 8px; column-gap: 8px; > * { -webkit-column-break-inside: avoid; break-inside: avoid; } &.two-column { width: 300px; padding-bottom: 1px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; } &.three-column { width: 450px; padding-bottom: 1px; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; } &.four-column { width: 600px; padding-bottom: 1px; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; } // Chrome fix - 531528 .dt-button { border-radius: 0; } } @mixin dtb-processing { color: rgba(0, 0, 0, 0.2); &:after { position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; box-sizing: border-box; display: block; content: ' '; border: 2px solid rgb(40,40,40); border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: dtb-spinner 1500ms infinite linear; -o-animation: dtb-spinner 1500ms infinite linear; -ms-animation: dtb-spinner 1500ms infinite linear; -webkit-animation: dtb-spinner 1500ms infinite linear; -moz-animation: dtb-spinner 1500ms infinite linear; } } @keyframes dtb-spinner { 100%{ transform: rotate(360deg); } } @-o-keyframes dtb-spinner { 100%{ -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes dtb-spinner { 100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes dtb-spinner { 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes dtb-spinner { 100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); } } ================================================ FILE: static/js/DataTables/Buttons-1.5.6/js/buttons.bootstrap.js ================================================ /*! Bootstrap integration for DataTables' Buttons * ©2016 SpryMedia Ltd - datatables.net/license */ (function( factory ){ if ( typeof define === 'function' && define.amd ) { // AMD define( ['jquery', 'datatables.net-bs', 'datatables.net-buttons'], function ( $ ) { return factory( $, window, document ); } ); } else if ( typeof exports === 'object' ) { // CommonJS module.exports = function (root, $) { if ( ! root ) { root = window; } if ( ! $ || ! $.fn.dataTable ) { $ = require('datatables.net-bs')(root, $).$; } if ( ! $.fn.dataTable.Buttons ) { require('datatables.net-buttons')(root, $); } return factory( $, root, root.document ); }; } else { // Browser factory( jQuery, window, document ); } }(function( $, window, document, undefined ) { 'use strict'; var DataTable = $.fn.dataTable; $.extend( true, DataTable.Buttons.defaults, { dom: { container: { className: 'dt-buttons btn-group' }, button: { className: 'btn btn-default' }, collection: { tag: 'ul', className: 'dt-button-collection dropdown-menu', button: { tag: 'li', className: 'dt-button', active: 'active', disabled: 'disabled' }, buttonLiner: { tag: 'a', className: '' } } } } ); DataTable.ext.buttons.collection.text = function ( dt ) { return dt.i18n('buttons.collection', 'Collection '); }; return DataTable.Buttons; })); ================================================ FILE: static/js/DataTables/Buttons-1.5.6/js/buttons.bootstrap4.js ================================================ /*! Bootstrap integration for DataTables' Buttons * ©2016 SpryMedia Ltd - datatables.net/license */ (function( factory ){ if ( typeof define === 'function' && define.amd ) { // AMD define( ['jquery', 'datatables.net-bs4', 'datatables.net-buttons'], function ( $ ) { return factory( $, window, document ); } ); } else if ( typeof exports === 'object' ) { // CommonJS module.exports = function (root, $) { if ( ! root ) { root = window; } if ( ! $ || ! $.fn.dataTable ) { $ = require('datatables.net-bs4')(root, $).$; } if ( ! $.fn.dataTable.Buttons ) { require('datatables.net-buttons')(root, $); } return factory( $, root, root.document ); }; } else { // Browser factory( jQuery, window, document ); } }(function( $, window, document, undefined ) { 'use strict'; var DataTable = $.fn.dataTable; $.extend( true, DataTable.Buttons.defaults, { dom: { container: { className: 'dt-buttons btn-group' }, button: { className: 'btn btn-secondary' }, collection: { tag: 'div', className: 'dt-button-collection dropdown-menu', button: { tag: 'a', className: 'dt-button dropdown-item', active: 'active', disabled: 'disabled' } } }, buttonCreated: function ( config, button ) { return config.buttons ? $('
    ').append(button) : button; } } ); DataTable.ext.buttons.collection.className += ' dropdown-toggle'; DataTable.ext.buttons.collection.rightAlignClassName = 'dropdown-menu-right'; return DataTable.Buttons; })); ================================================ FILE: static/js/DataTables/Buttons-1.5.6/js/buttons.colVis.js ================================================ /*! * Column visibility buttons for Buttons and DataTables. * 2016 SpryMedia Ltd - datatables.net/license */ (function( factory ){ if ( typeof define === 'function' && define.amd ) { // AMD define( ['jquery', 'datatables.net', 'datatables.net-buttons'], function ( $ ) { return factory( $, window, document ); } ); } else if ( typeof exports === 'object' ) { // CommonJS module.exports = function (root, $) { if ( ! root ) { root = window; } if ( ! $ || ! $.fn.dataTable ) { $ = require('datatables.net')(root, $).$; } if ( ! $.fn.dataTable.Buttons ) { require('datatables.net-buttons')(root, $); } return factory( $, root, root.document ); }; } else { // Browser factory( jQuery, window, document ); } }(function( $, window, document, undefined ) { 'use strict'; var DataTable = $.fn.dataTable; $.extend( DataTable.ext.buttons, { // A collection of column visibility buttons colvis: function ( dt, conf ) { return { extend: 'collection', text: function ( dt ) { return dt.i18n( 'buttons.colvis', 'Column visibility' ); }, className: 'buttons-colvis', buttons: [ { extend: 'columnsToggle', columns: conf.columns, columnText: conf.columnText } ] }; }, // Selected columns with individual buttons - toggle column visibility columnsToggle: function ( dt, conf ) { var columns = dt.columns( conf.columns ).indexes().map( function ( idx ) { return { extend: 'columnToggle', columns: idx, columnText: conf.columnText }; } ).toArray(); return columns; }, // Single button to toggle column visibility columnToggle: function ( dt, conf ) { return { extend: 'columnVisibility', columns: conf.columns, columnText: conf.columnText }; }, // Selected columns with individual buttons - set column visibility columnsVisibility: function ( dt, conf ) { var columns = dt.columns( conf.columns ).indexes().map( function ( idx ) { return { extend: 'columnVisibility', columns: idx, visibility: conf.visibility, columnText: conf.columnText }; } ).toArray(); return columns; }, // Single button to set column visibility columnVisibility: { columns: undefined, // column selector text: function ( dt, button, conf ) { return conf._columnText( dt, conf ); }, className: 'buttons-columnVisibility', action: function ( e, dt, button, conf ) { var col = dt.columns( conf.columns ); var curr = col.visible(); col.visible( conf.visibility !== undefined ? conf.visibility : ! (curr.length ? curr[0] : false ) ); }, init: function ( dt, button, conf ) { var that = this; button.attr( 'data-cv-idx', conf.columns ); dt .on( 'column-visibility.dt'+conf.namespace, function (e, settings) { if ( ! settings.bDestroying && settings.nTable == dt.settings()[0].nTable ) { that.active( dt.column( conf.columns ).visible() ); } } ) .on( 'column-reorder.dt'+conf.namespace, function (e, settings, details) { // Don't rename buttons based on column name if the button // controls more than one column! if ( dt.columns( conf.columns ).count() !== 1 ) { return; } conf.columns = $.inArray( conf.columns, details.mapping ); button.attr( 'data-cv-idx', conf.columns ); // Reorder buttons for new table order button .parent() .children('[data-cv-idx]') .sort( function (a, b) { return (a.getAttribute('data-cv-idx')*1) - (b.getAttribute('data-cv-idx')*1); } ) .appendTo(button.parent()); } ); this.active( dt.column( conf.columns ).visible() ); }, destroy: function ( dt, button, conf ) { dt .off( 'column-visibility.dt'+conf.namespace ) .off( 'column-reorder.dt'+conf.namespace ); }, _columnText: function ( dt, conf ) { // Use DataTables' internal data structure until this is presented // is a public API. The other option is to use // `$( column(col).node() ).text()` but the node might not have been // populated when Buttons is constructed. var idx = dt.column( conf.columns ).index(); var title = dt.settings()[0].aoColumns[ idx ].sTitle .replace(/\n/g," ") // remove new lines .replace(//gi, " ") // replace line breaks with spaces .replace(//g, "") // remove select tags, including options text .replace(//g, "") // strip HTML comments .replace(/<.*?>/g, "") // strip HTML .replace(/^\s+|\s+$/g,""); // trim return conf.columnText ? conf.columnText( dt, idx, title ) : title; } }, colvisRestore: { className: 'buttons-colvisRestore', text: function ( dt ) { return dt.i18n( 'buttons.colvisRestore', 'Restore visibility' ); }, init: function ( dt, button, conf ) { conf._visOriginal = dt.columns().indexes().map( function ( idx ) { return dt.column( idx ).visible(); } ).toArray(); }, action: function ( e, dt, button, conf ) { dt.columns().every( function ( i ) { // Take into account that ColReorder might have disrupted our // indexes var idx = dt.colReorder && dt.colReorder.transpose ? dt.colReorder.transpose( i, 'toOriginal' ) : i; this.visible( conf._visOriginal[ idx ] ); } ); } }, colvisGroup: { className: 'buttons-colvisGroup', action: function ( e, dt, button, conf ) { dt.columns( conf.show ).visible( true, false ); dt.columns( conf.hide ).visible( false, false ); dt.columns.adjust(); }, show: [], hide: [] } } ); return DataTable.Buttons; })); ================================================ FILE: static/js/DataTables/Buttons-1.5.6/js/buttons.flash.js ================================================ /*! * Flash export buttons for Buttons and DataTables. * 2015-2017 SpryMedia Ltd - datatables.net/license * * ZeroClipbaord - MIT license * Copyright (c) 2012 Joseph Huckaby */ (function( factory ){ if ( typeof define === 'function' && define.amd ) { // AMD define( ['jquery', 'datatables.net', 'datatables.net-buttons'], function ( $ ) { return factory( $, window, document ); } ); } else if ( typeof exports === 'object' ) { // CommonJS module.exports = function (root, $) { if ( ! root ) { root = window; } if ( ! $ || ! $.fn.dataTable ) { $ = require('datatables.net')(root, $).$; } if ( ! $.fn.dataTable.Buttons ) { require('datatables.net-buttons')(root, $); } return factory( $, root, root.document ); }; } else { // Browser factory( jQuery, window, document ); } }(function( $, window, document, undefined ) { 'use strict'; var DataTable = $.fn.dataTable; /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ZeroClipboard dependency */ /* * ZeroClipboard 1.0.4 with modifications * Author: Joseph Huckaby * License: MIT * * Copyright (c) 2012 Joseph Huckaby */ var ZeroClipboard_TableTools = { version: "1.0.4-TableTools2", clients: {}, // registered upload clients on page, indexed by id moviePath: '', // URL to movie nextId: 1, // ID of next movie $: function(thingy) { // simple DOM lookup utility function if (typeof(thingy) == 'string') { thingy = document.getElementById(thingy); } if (!thingy.addClass) { // extend element with a few useful methods thingy.hide = function() { this.style.display = 'none'; }; thingy.show = function() { this.style.display = ''; }; thingy.addClass = function(name) { this.removeClass(name); this.className += ' ' + name; }; thingy.removeClass = function(name) { this.className = this.className.replace( new RegExp("\\s*" + name + "\\s*"), " ").replace(/^\s+/, '').replace(/\s+$/, ''); }; thingy.hasClass = function(name) { return !!this.className.match( new RegExp("\\s*" + name + "\\s*") ); }; } return thingy; }, setMoviePath: function(path) { // set path to ZeroClipboard.swf this.moviePath = path; }, dispatch: function(id, eventName, args) { // receive event from flash movie, send to client var client = this.clients[id]; if (client) { client.receiveEvent(eventName, args); } }, log: function ( str ) { console.log( 'Flash: '+str ); }, register: function(id, client) { // register new client to receive events this.clients[id] = client; }, getDOMObjectPosition: function(obj) { // get absolute coordinates for dom element var info = { left: 0, top: 0, width: obj.width ? obj.width : obj.offsetWidth, height: obj.height ? obj.height : obj.offsetHeight }; if ( obj.style.width !== "" ) { info.width = obj.style.width.replace("px",""); } if ( obj.style.height !== "" ) { info.height = obj.style.height.replace("px",""); } while (obj) { info.left += obj.offsetLeft; info.top += obj.offsetTop; obj = obj.offsetParent; } return info; }, Client: function(elem) { // constructor for new simple upload client this.handlers = {}; // unique ID this.id = ZeroClipboard_TableTools.nextId++; this.movieId = 'ZeroClipboard_TableToolsMovie_' + this.id; // register client with singleton to receive flash events ZeroClipboard_TableTools.register(this.id, this); // create movie if (elem) { this.glue(elem); } } }; ZeroClipboard_TableTools.Client.prototype = { id: 0, // unique ID for us ready: false, // whether movie is ready to receive events or not movie: null, // reference to movie object clipText: '', // text to copy to clipboard fileName: '', // default file save name action: 'copy', // action to perform handCursorEnabled: true, // whether to show hand cursor, or default pointer cursor cssEffects: true, // enable CSS mouse effects on dom container handlers: null, // user event handlers sized: false, sheetName: '', // default sheet name for excel export glue: function(elem, title) { // glue to DOM element // elem can be ID or actual DOM element object this.domElement = ZeroClipboard_TableTools.$(elem); // float just above object, or zIndex 99 if dom element isn't set var zIndex = 99; if (this.domElement.style.zIndex) { zIndex = parseInt(this.domElement.style.zIndex, 10) + 1; } // find X/Y position of domElement var box = ZeroClipboard_TableTools.getDOMObjectPosition(this.domElement); // create floating DIV above element this.div = document.createElement('div'); var style = this.div.style; style.position = 'absolute'; style.left = '0px'; style.top = '0px'; style.width = (box.width) + 'px'; style.height = box.height + 'px'; style.zIndex = zIndex; if ( typeof title != "undefined" && title !== "" ) { this.div.title = title; } if ( box.width !== 0 && box.height !== 0 ) { this.sized = true; } // style.backgroundColor = '#f00'; // debug if ( this.domElement ) { this.domElement.appendChild(this.div); this.div.innerHTML = this.getHTML( box.width, box.height ).replace(/&/g, '&'); } }, positionElement: function() { var box = ZeroClipboard_TableTools.getDOMObjectPosition(this.domElement); var style = this.div.style; style.position = 'absolute'; //style.left = (this.domElement.offsetLeft)+'px'; //style.top = this.domElement.offsetTop+'px'; style.width = box.width + 'px'; style.height = box.height + 'px'; if ( box.width !== 0 && box.height !== 0 ) { this.sized = true; } else { return; } var flash = this.div.childNodes[0]; flash.width = box.width; flash.height = box.height; }, getHTML: function(width, height) { // return HTML for movie var html = ''; var flashvars = 'id=' + this.id + '&width=' + width + '&height=' + height; if (navigator.userAgent.match(/MSIE/)) { // IE gets an OBJECT tag var protocol = location.href.match(/^https/i) ? 'https://' : 'http://'; html += ''; } else { // all other browsers get an EMBED tag html += ''; } return html; }, hide: function() { // temporarily hide floater offscreen if (this.div) { this.div.style.left = '-2000px'; } }, show: function() { // show ourselves after a call to hide() this.reposition(); }, destroy: function() { // destroy control and floater var that = this; if (this.domElement && this.div) { $(this.div).remove(); this.domElement = null; this.div = null; $.each( ZeroClipboard_TableTools.clients, function ( id, client ) { if ( client === that ) { delete ZeroClipboard_TableTools.clients[ id ]; } } ); } }, reposition: function(elem) { // reposition our floating div, optionally to new container // warning: container CANNOT change size, only position if (elem) { this.domElement = ZeroClipboard_TableTools.$(elem); if (!this.domElement) { this.hide(); } } if (this.domElement && this.div) { var box = ZeroClipboard_TableTools.getDOMObjectPosition(this.domElement); var style = this.div.style; style.left = '' + box.left + 'px'; style.top = '' + box.top + 'px'; } }, clearText: function() { // clear the text to be copy / saved this.clipText = ''; if (this.ready) { this.movie.clearText(); } }, appendText: function(newText) { // append text to that which is to be copied / saved this.clipText += newText; if (this.ready) { this.movie.appendText(newText) ;} }, setText: function(newText) { // set text to be copied to be copied / saved this.clipText = newText; if (this.ready) { this.movie.setText(newText) ;} }, setFileName: function(newText) { // set the file name this.fileName = newText; if (this.ready) { this.movie.setFileName(newText); } }, setSheetData: function(data) { // set the xlsx sheet data if (this.ready) { this.movie.setSheetData( JSON.stringify( data ) ); } }, setAction: function(newText) { // set action (save or copy) this.action = newText; if (this.ready) { this.movie.setAction(newText); } }, addEventListener: function(eventName, func) { // add user event listener for event // event types: load, queueStart, fileStart, fileComplete, queueComplete, progress, error, cancel eventName = eventName.toString().toLowerCase().replace(/^on/, ''); if (!this.handlers[eventName]) { this.handlers[eventName] = []; } this.handlers[eventName].push(func); }, setHandCursor: function(enabled) { // enable hand cursor (true), or default arrow cursor (false) this.handCursorEnabled = enabled; if (this.ready) { this.movie.setHandCursor(enabled); } }, setCSSEffects: function(enabled) { // enable or disable CSS effects on DOM container this.cssEffects = !!enabled; }, receiveEvent: function(eventName, args) { var self; // receive event from flash eventName = eventName.toString().toLowerCase().replace(/^on/, ''); // special behavior for certain events switch (eventName) { case 'load': // movie claims it is ready, but in IE this isn't always the case... // bug fix: Cannot extend EMBED DOM elements in Firefox, must use traditional function this.movie = document.getElementById(this.movieId); if (!this.movie) { self = this; setTimeout( function() { self.receiveEvent('load', null); }, 1 ); return; } // firefox on pc needs a "kick" in order to set these in certain cases if (!this.ready && navigator.userAgent.match(/Firefox/) && navigator.userAgent.match(/Windows/)) { self = this; setTimeout( function() { self.receiveEvent('load', null); }, 100 ); this.ready = true; return; } this.ready = true; this.movie.clearText(); this.movie.appendText( this.clipText ); this.movie.setFileName( this.fileName ); this.movie.setAction( this.action ); this.movie.setHandCursor( this.handCursorEnabled ); break; case 'mouseover': if (this.domElement && this.cssEffects) { //this.domElement.addClass('hover'); if (this.recoverActive) { this.domElement.addClass('active'); } } break; case 'mouseout': if (this.domElement && this.cssEffects) { this.recoverActive = false; if (this.domElement.hasClass('active')) { this.domElement.removeClass('active'); this.recoverActive = true; } //this.domElement.removeClass('hover'); } break; case 'mousedown': if (this.domElement && this.cssEffects) { this.domElement.addClass('active'); } break; case 'mouseup': if (this.domElement && this.cssEffects) { this.domElement.removeClass('active'); this.recoverActive = false; } break; } // switch eventName if (this.handlers[eventName]) { for (var idx = 0, len = this.handlers[eventName].length; idx < len; idx++) { var func = this.handlers[eventName][idx]; if (typeof(func) == 'function') { // actual function reference func(this, args); } else if ((typeof(func) == 'object') && (func.length == 2)) { // PHP style object + method, i.e. [myObject, 'myMethod'] func[0][ func[1] ](this, args); } else if (typeof(func) == 'string') { // name of function window[func](this, args); } } // foreach event handler defined } // user defined handler for event } }; ZeroClipboard_TableTools.hasFlash = function () { try { var fo = new ActiveXObject('ShockwaveFlash.ShockwaveFlash'); if (fo) { return true; } } catch (e) { if ( navigator.mimeTypes && navigator.mimeTypes['application/x-shockwave-flash'] !== undefined && navigator.mimeTypes['application/x-shockwave-flash'].enabledPlugin ) { return true; } } return false; }; // For the Flash binding to work, ZeroClipboard_TableTools must be on the global // object list window.ZeroClipboard_TableTools = ZeroClipboard_TableTools; /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Local (private) functions */ /** * If a Buttons instance is initlaised before it is placed into the DOM, Flash * won't be able to bind to it, so we need to wait until it is available, this * method abstracts that out. * * @param {ZeroClipboard} flash ZeroClipboard instance * @param {jQuery} node Button */ var _glue = function ( flash, node ) { var id = node.attr('id'); if ( node.parents('html').length ) { flash.glue( node[0], '' ); } else { setTimeout( function () { _glue( flash, node ); }, 500 ); } }; /** * Get the sheet name for Excel exports. * * @param {object} config Button configuration */ var _sheetname = function ( config ) { var sheetName = 'Sheet1'; if ( config.sheetName ) { sheetName = config.sheetName.replace(/[\[\]\*\/\\\?\:]/g, ''); } return sheetName; }; /** * Set the flash text. This has to be broken up into chunks as the Javascript / * Flash bridge has a size limit. There is no indication in the Flash * documentation what this is, and it probably depends upon the browser. * Experimentation shows that the point is around 50k when data starts to get * lost, so an 8K limit used here is safe. * * @param {ZeroClipboard} flash ZeroClipboard instance * @param {string} data Data to send to Flash */ var _setText = function ( flash, data ) { var parts = data.match(/[\s\S]{1,8192}/g) || []; flash.clearText(); for ( var i=0, len=parts.length ; i 0 ) { s += separator; } s += boundary ? boundary + ('' + a[i]).replace( reBoundary, escapeChar+boundary ) + boundary : a[i]; } return s; }; var header = config.header ? join( data.header )+newLine : ''; var footer = config.footer && data.footer ? newLine+join( data.footer ) : ''; var body = []; for ( var i=0, ien=data.body.length ; i= 0 ) { s = String.fromCharCode(n % len + ordA) + s; n = Math.floor(n / len) - 1; } return s; } /** * Create an XML node and add any children, attributes, etc without needing to * be verbose in the DOM. * * @param {object} doc XML document * @param {string} nodeName Node name * @param {object} opts Options - can be `attr` (attributes), `children` * (child nodes) and `text` (text content) * @return {node} Created node */ function _createNode( doc, nodeName, opts ){ var tempNode = doc.createElement( nodeName ); if ( opts ) { if ( opts.attr ) { $(tempNode).attr( opts.attr ); } if ( opts.children ) { $.each( opts.children, function ( key, value ) { tempNode.appendChild( value ); } ); } if ( opts.text !== null && opts.text !== undefined ) { tempNode.appendChild( doc.createTextNode( opts.text ) ); } } return tempNode; } /** * Get the width for an Excel column based on the contents of that column * @param {object} data Data for export * @param {int} col Column index * @return {int} Column width */ function _excelColWidth( data, col ) { var max = data.header[col].length; var len, lineSplit, str; if ( data.footer && data.footer[col].length > max ) { max = data.footer[col].length; } for ( var i=0, ien=data.body.length ; i max ) { max = len; } // Max width rather than having potentially massive column widths if ( max > 40 ) { return 52; // 40 * 1.3 } } max *= 1.3; // And a min width return max > 6 ? max : 6; } var _serialiser = ""; if (typeof window.XMLSerializer === 'undefined') { _serialiser = new function () { this.serializeToString = function (input) { return input.xml } }; } else { _serialiser = new XMLSerializer(); } var _ieExcel; /** * Convert XML documents in an object to strings * @param {object} obj XLSX document object */ function _xlsxToStrings( obj ) { if ( _ieExcel === undefined ) { // Detect if we are dealing with IE's _awful_ serialiser by seeing if it // drop attributes _ieExcel = _serialiser .serializeToString( $.parseXML( excelStrings['xl/worksheets/sheet1.xml'] ) ) .indexOf( 'xmlns:r' ) === -1; } $.each( obj, function ( name, val ) { if ( $.isPlainObject( val ) ) { _xlsxToStrings( val ); } else { if ( _ieExcel ) { // IE's XML serialiser will drop some name space attributes from // from the root node, so we need to save them. Do this by // replacing the namespace nodes with a regular attribute that // we convert back when serialised. Edge does not have this // issue var worksheet = val.childNodes[0]; var i, ien; var attrs = []; for ( i=worksheet.attributes.length-1 ; i>=0 ; i-- ) { var attrName = worksheet.attributes[i].nodeName; var attrValue = worksheet.attributes[i].nodeValue; if ( attrName.indexOf( ':' ) !== -1 ) { attrs.push( { name: attrName, value: attrValue } ); worksheet.removeAttribute( attrName ); } } for ( i=0, ien=attrs.length ; i]*?) xmlns=""([^<>]*?)>/g, '<$1 $2>' ); obj[ name ] = str; } } ); } // Excel - Pre-defined strings to build a basic XLSX file var excelStrings = { "_rels/.rels": ''+ ''+ ''+ '', "xl/_rels/workbook.xml.rels": ''+ ''+ ''+ ''+ '', "[Content_Types].xml": ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ '', "xl/workbook.xml": ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ '', "xl/worksheets/sheet1.xml": ''+ ''+ ''+ ''+ '', "xl/styles.xml": ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ // Excel appears to use this as a dotted background regardless of values but ''+ // to be valid to the schema, use a patternFill ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ '' }; // Note we could use 3 `for` loops for the styles, but when gzipped there is // virtually no difference in size, since the above can be easily compressed // Pattern matching for special number formats. Perhaps this should be exposed // via an API in future? var _excelSpecials = [ { match: /^\-?\d+\.\d%$/, style: 60, fmt: function (d) { return d/100; } }, // Precent with d.p. { match: /^\-?\d+\.?\d*%$/, style: 56, fmt: function (d) { return d/100; } }, // Percent { match: /^\-?\$[\d,]+.?\d*$/, style: 57 }, // Dollars { match: /^\-?£[\d,]+.?\d*$/, style: 58 }, // Pounds { match: /^\-?€[\d,]+.?\d*$/, style: 59 }, // Euros { match: /^\([\d,]+\)$/, style: 61, fmt: function (d) { return -1 * d.replace(/[\(\)]/g, ''); } }, // Negative numbers indicated by brackets { match: /^\([\d,]+\.\d{2}\)$/, style: 62, fmt: function (d) { return -1 * d.replace(/[\(\)]/g, ''); } }, // Negative numbers indicated by brackets - 2d.p. { match: /^[\d,]+$/, style: 63 }, // Numbers with thousand separators { match: /^[\d,]+\.\d{2}$/, style: 64 } // Numbers with 2d.p. and thousands separators ]; /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables options and methods */ // Set the default SWF path DataTable.Buttons.swfPath = '//cdn.datatables.net/buttons/'+DataTable.Buttons.version+'/swf/flashExport.swf'; // Method to allow Flash buttons to be resized when made visible - as they are // of zero height and width if initialised hidden DataTable.Api.register( 'buttons.resize()', function () { $.each( ZeroClipboard_TableTools.clients, function ( i, client ) { if ( client.domElement !== undefined && client.domElement.parentNode ) { client.positionElement(); } } ); } ); /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Button definitions */ // Copy to clipboard DataTable.ext.buttons.copyFlash = $.extend( {}, flashButton, { className: 'buttons-copy buttons-flash', text: function ( dt ) { return dt.i18n( 'buttons.copy', 'Copy' ); }, action: function ( e, dt, button, config ) { // Check that the trigger did actually occur due to a Flash activation if ( ! config._fromFlash ) { return; } this.processing( true ); var flash = config._flash; var exportData = _exportData( dt, config ); var info = dt.buttons.exportInfo( config ); var newline = _newLine(config); var output = exportData.str; if ( info.title ) { output = info.title + newline + newline + output; } if ( info.messageTop ) { output = info.messageTop + newline + newline + output; } if ( info.messageBottom ) { output = output + newline + newline + info.messageBottom; } if ( config.customize ) { output = config.customize( output, config, dt ); } flash.setAction( 'copy' ); _setText( flash, output ); this.processing( false ); dt.buttons.info( dt.i18n( 'buttons.copyTitle', 'Copy to clipboard' ), dt.i18n( 'buttons.copySuccess', { _: 'Copied %d rows to clipboard', 1: 'Copied 1 row to clipboard' }, data.rows ), 3000 ); }, fieldSeparator: '\t', fieldBoundary: '' } ); // CSV save file DataTable.ext.buttons.csvFlash = $.extend( {}, flashButton, { className: 'buttons-csv buttons-flash', text: function ( dt ) { return dt.i18n( 'buttons.csv', 'CSV' ); }, action: function ( e, dt, button, config ) { // Set the text var flash = config._flash; var data = _exportData( dt, config ); var info = dt.buttons.exportInfo( config ); var output = config.customize ? config.customize( data.str, config, dt ) : data.str; flash.setAction( 'csv' ); flash.setFileName( info.filename ); _setText( flash, output ); }, escapeChar: '"' } ); // Excel save file - this is really a CSV file using UTF-8 that Excel can read DataTable.ext.buttons.excelFlash = $.extend( {}, flashButton, { className: 'buttons-excel buttons-flash', text: function ( dt ) { return dt.i18n( 'buttons.excel', 'Excel' ); }, action: function ( e, dt, button, config ) { this.processing( true ); var flash = config._flash; var rowPos = 0; var rels = $.parseXML( excelStrings['xl/worksheets/sheet1.xml'] ) ; //Parses xml var relsGet = rels.getElementsByTagName( "sheetData" )[0]; var xlsx = { _rels: { ".rels": $.parseXML( excelStrings['_rels/.rels'] ) }, xl: { _rels: { "workbook.xml.rels": $.parseXML( excelStrings['xl/_rels/workbook.xml.rels'] ) }, "workbook.xml": $.parseXML( excelStrings['xl/workbook.xml'] ), "styles.xml": $.parseXML( excelStrings['xl/styles.xml'] ), "worksheets": { "sheet1.xml": rels } }, "[Content_Types].xml": $.parseXML( excelStrings['[Content_Types].xml']) }; var data = dt.buttons.exportData( config.exportOptions ); var currentRow, rowNode; var addRow = function ( row ) { currentRow = rowPos+1; rowNode = _createNode( rels, "row", { attr: {r:currentRow} } ); for ( var i=0, ien=row.length ; i 0 ) { s += separator; } s += boundary ? boundary + ('' + a[i]).replace( reBoundary, escapeChar+boundary ) + boundary : a[i]; } return s; }; var header = config.header ? join( data.header )+newLine : ''; var footer = config.footer && data.footer ? newLine+join( data.footer ) : ''; var body = []; for ( var i=0, ien=data.body.length ; i 1 && version[1]*1 < 603.1 ) { return true; } return false; }; /** * Convert from numeric position to letter for column names in Excel * @param {int} n Column number * @return {string} Column letter(s) name */ function createCellPos( n ){ var ordA = 'A'.charCodeAt(0); var ordZ = 'Z'.charCodeAt(0); var len = ordZ - ordA + 1; var s = ""; while( n >= 0 ) { s = String.fromCharCode(n % len + ordA) + s; n = Math.floor(n / len) - 1; } return s; } try { var _serialiser = new XMLSerializer(); var _ieExcel; } catch (t) {} /** * Recursively add XML files from an object's structure to a ZIP file. This * allows the XSLX file to be easily defined with an object's structure matching * the files structure. * * @param {JSZip} zip ZIP package * @param {object} obj Object to add (recursive) */ function _addToZip( zip, obj ) { if ( _ieExcel === undefined ) { // Detect if we are dealing with IE's _awful_ serialiser by seeing if it // drop attributes _ieExcel = _serialiser .serializeToString( $.parseXML( excelStrings['xl/worksheets/sheet1.xml'] ) ) .indexOf( 'xmlns:r' ) === -1; } $.each( obj, function ( name, val ) { if ( $.isPlainObject( val ) ) { var newDir = zip.folder( name ); _addToZip( newDir, val ); } else { if ( _ieExcel ) { // IE's XML serialiser will drop some name space attributes from // from the root node, so we need to save them. Do this by // replacing the namespace nodes with a regular attribute that // we convert back when serialised. Edge does not have this // issue var worksheet = val.childNodes[0]; var i, ien; var attrs = []; for ( i=worksheet.attributes.length-1 ; i>=0 ; i-- ) { var attrName = worksheet.attributes[i].nodeName; var attrValue = worksheet.attributes[i].nodeValue; if ( attrName.indexOf( ':' ) !== -1 ) { attrs.push( { name: attrName, value: attrValue } ); worksheet.removeAttribute( attrName ); } } for ( i=0, ien=attrs.length ; i]*?) xmlns=""([^<>]*?)>/g, '<$1 $2>' ); zip.file( name, str ); } } ); } /** * Create an XML node and add any children, attributes, etc without needing to * be verbose in the DOM. * * @param {object} doc XML document * @param {string} nodeName Node name * @param {object} opts Options - can be `attr` (attributes), `children` * (child nodes) and `text` (text content) * @return {node} Created node */ function _createNode( doc, nodeName, opts ) { var tempNode = doc.createElement( nodeName ); if ( opts ) { if ( opts.attr ) { $(tempNode).attr( opts.attr ); } if ( opts.children ) { $.each( opts.children, function ( key, value ) { tempNode.appendChild( value ); } ); } if ( opts.text !== null && opts.text !== undefined ) { tempNode.appendChild( doc.createTextNode( opts.text ) ); } } return tempNode; } /** * Get the width for an Excel column based on the contents of that column * @param {object} data Data for export * @param {int} col Column index * @return {int} Column width */ function _excelColWidth( data, col ) { var max = data.header[col].length; var len, lineSplit, str; if ( data.footer && data.footer[col].length > max ) { max = data.footer[col].length; } for ( var i=0, ien=data.body.length ; i max ) { max = len; } // Max width rather than having potentially massive column widths if ( max > 40 ) { return 54; // 40 * 1.35 } } max *= 1.35; // And a min width return max > 6 ? max : 6; } // Excel - Pre-defined strings to build a basic XLSX file var excelStrings = { "_rels/.rels": ''+ ''+ ''+ '', "xl/_rels/workbook.xml.rels": ''+ ''+ ''+ ''+ '', "[Content_Types].xml": ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ '', "xl/workbook.xml": ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ '', "xl/worksheets/sheet1.xml": ''+ ''+ ''+ ''+ '', "xl/styles.xml": ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ // Excel appears to use this as a dotted background regardless of values but ''+ // to be valid to the schema, use a patternFill ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ '' }; // Note we could use 3 `for` loops for the styles, but when gzipped there is // virtually no difference in size, since the above can be easily compressed // Pattern matching for special number formats. Perhaps this should be exposed // via an API in future? // Ref: section 3.8.30 - built in formatters in open spreadsheet // https://www.ecma-international.org/news/TC45_current_work/Office%20Open%20XML%20Part%204%20-%20Markup%20Language%20Reference.pdf var _excelSpecials = [ { match: /^\-?\d+\.\d%$/, style: 60, fmt: function (d) { return d/100; } }, // Precent with d.p. { match: /^\-?\d+\.?\d*%$/, style: 56, fmt: function (d) { return d/100; } }, // Percent { match: /^\-?\$[\d,]+.?\d*$/, style: 57 }, // Dollars { match: /^\-?£[\d,]+.?\d*$/, style: 58 }, // Pounds { match: /^\-?€[\d,]+.?\d*$/, style: 59 }, // Euros { match: /^\-?\d+$/, style: 65 }, // Numbers without thousand separators { match: /^\-?\d+\.\d{2}$/, style: 66 }, // Numbers 2 d.p. without thousands separators { match: /^\([\d,]+\)$/, style: 61, fmt: function (d) { return -1 * d.replace(/[\(\)]/g, ''); } }, // Negative numbers indicated by brackets { match: /^\([\d,]+\.\d{2}\)$/, style: 62, fmt: function (d) { return -1 * d.replace(/[\(\)]/g, ''); } }, // Negative numbers indicated by brackets - 2d.p. { match: /^\-?[\d,]+$/, style: 63 }, // Numbers with thousand separators { match: /^\-?[\d,]+\.\d{2}$/, style: 64 } // Numbers with 2 d.p. and thousands separators ]; /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Buttons */ // // Copy to clipboard // DataTable.ext.buttons.copyHtml5 = { className: 'buttons-copy buttons-html5', text: function ( dt ) { return dt.i18n( 'buttons.copy', 'Copy' ); }, action: function ( e, dt, button, config ) { this.processing( true ); var that = this; var exportData = _exportData( dt, config ); var info = dt.buttons.exportInfo( config ); var newline = _newLine(config); var output = exportData.str; var hiddenDiv = $('
    ') .css( { height: 1, width: 1, overflow: 'hidden', position: 'fixed', top: 0, left: 0 } ); if ( info.title ) { output = info.title + newline + newline + output; } if ( info.messageTop ) { output = info.messageTop + newline + newline + output; } if ( info.messageBottom ) { output = output + newline + newline + info.messageBottom; } if ( config.customize ) { output = config.customize( output, config, dt ); } var textarea = $('"; support.noCloneChecked = !!div.cloneNode( true ).lastChild.defaultValue; } )(); var documentElement = document.documentElement; var rkeyEvent = /^key/, rmouseEvent = /^(?:mouse|pointer|contextmenu|drag|drop)|click/, rtypenamespace = /^([^.]*)(?:\.(.+)|)/; function returnTrue() { return true; } function returnFalse() { return false; } // Support: IE <=9 only // See #13393 for more info function safeActiveElement() { try { return document.activeElement; } catch ( err ) { } } function on( elem, types, selector, data, fn, one ) { var origFn, type; // Types can be a map of types/handlers if ( typeof types === "object" ) { // ( types-Object, selector, data ) if ( typeof selector !== "string" ) { // ( types-Object, data ) data = data || selector; selector = undefined; } for ( type in types ) { on( elem, type, selector, data, types[ type ], one ); } return elem; } if ( data == null && fn == null ) { // ( types, fn ) fn = selector; data = selector = undefined; } else if ( fn == null ) { if ( typeof selector === "string" ) { // ( types, selector, fn ) fn = data; data = undefined; } else { // ( types, data, fn ) fn = data; data = selector; selector = undefined; } } if ( fn === false ) { fn = returnFalse; } else if ( !fn ) { return elem; } if ( one === 1 ) { origFn = fn; fn = function( event ) { // Can use an empty set, since event contains the info jQuery().off( event ); return origFn.apply( this, arguments ); }; // Use same guid so caller can remove using origFn fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ ); } return elem.each( function() { jQuery.event.add( this, types, fn, data, selector ); } ); } /* * Helper functions for managing events -- not part of the public interface. * Props to Dean Edwards' addEvent library for many of the ideas. */ jQuery.event = { global: {}, add: function( elem, types, handler, data, selector ) { var handleObjIn, eventHandle, tmp, events, t, handleObj, special, handlers, type, namespaces, origType, elemData = dataPriv.get( elem ); // Don't attach events to noData or text/comment nodes (but allow plain objects) if ( !elemData ) { return; } // Caller can pass in an object of custom data in lieu of the handler if ( handler.handler ) { handleObjIn = handler; handler = handleObjIn.handler; selector = handleObjIn.selector; } // Ensure that invalid selectors throw exceptions at attach time // Evaluate against documentElement in case elem is a non-element node (e.g., document) if ( selector ) { jQuery.find.matchesSelector( documentElement, selector ); } // Make sure that the handler has a unique ID, used to find/remove it later if ( !handler.guid ) { handler.guid = jQuery.guid++; } // Init the element's event structure and main handler, if this is the first if ( !( events = elemData.events ) ) { events = elemData.events = {}; } if ( !( eventHandle = elemData.handle ) ) { eventHandle = elemData.handle = function( e ) { // Discard the second event of a jQuery.event.trigger() and // when an event is called after a page has unloaded return typeof jQuery !== "undefined" && jQuery.event.triggered !== e.type ? jQuery.event.dispatch.apply( elem, arguments ) : undefined; }; } // Handle multiple events separated by a space types = ( types || "" ).match( rnothtmlwhite ) || [ "" ]; t = types.length; while ( t-- ) { tmp = rtypenamespace.exec( types[ t ] ) || []; type = origType = tmp[ 1 ]; namespaces = ( tmp[ 2 ] || "" ).split( "." ).sort(); // There *must* be a type, no attaching namespace-only handlers if ( !type ) { continue; } // If event changes its type, use the special event handlers for the changed type special = jQuery.event.special[ type ] || {}; // If selector defined, determine special event api type, otherwise given type type = ( selector ? special.delegateType : special.bindType ) || type; // Update special based on newly reset type special = jQuery.event.special[ type ] || {}; // handleObj is passed to all event handlers handleObj = jQuery.extend( { type: type, origType: origType, data: data, handler: handler, guid: handler.guid, selector: selector, needsContext: selector && jQuery.expr.match.needsContext.test( selector ), namespace: namespaces.join( "." ) }, handleObjIn ); // Init the event handler queue if we're the first if ( !( handlers = events[ type ] ) ) { handlers = events[ type ] = []; handlers.delegateCount = 0; // Only use addEventListener if the special events handler returns false if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) { if ( elem.addEventListener ) { elem.addEventListener( type, eventHandle ); } } } if ( special.add ) { special.add.call( elem, handleObj ); if ( !handleObj.handler.guid ) { handleObj.handler.guid = handler.guid; } } // Add to the element's handler list, delegates in front if ( selector ) { handlers.splice( handlers.delegateCount++, 0, handleObj ); } else { handlers.push( handleObj ); } // Keep track of which events have ever been used, for event optimization jQuery.event.global[ type ] = true; } }, // Detach an event or set of events from an element remove: function( elem, types, handler, selector, mappedTypes ) { var j, origCount, tmp, events, t, handleObj, special, handlers, type, namespaces, origType, elemData = dataPriv.hasData( elem ) && dataPriv.get( elem ); if ( !elemData || !( events = elemData.events ) ) { return; } // Once for each type.namespace in types; type may be omitted types = ( types || "" ).match( rnothtmlwhite ) || [ "" ]; t = types.length; while ( t-- ) { tmp = rtypenamespace.exec( types[ t ] ) || []; type = origType = tmp[ 1 ]; namespaces = ( tmp[ 2 ] || "" ).split( "." ).sort(); // Unbind all events (on this namespace, if provided) for the element if ( !type ) { for ( type in events ) { jQuery.event.remove( elem, type + types[ t ], handler, selector, true ); } continue; } special = jQuery.event.special[ type ] || {}; type = ( selector ? special.delegateType : special.bindType ) || type; handlers = events[ type ] || []; tmp = tmp[ 2 ] && new RegExp( "(^|\\.)" + namespaces.join( "\\.(?:.*\\.|)" ) + "(\\.|$)" ); // Remove matching events origCount = j = handlers.length; while ( j-- ) { handleObj = handlers[ j ]; if ( ( mappedTypes || origType === handleObj.origType ) && ( !handler || handler.guid === handleObj.guid ) && ( !tmp || tmp.test( handleObj.namespace ) ) && ( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) { handlers.splice( j, 1 ); if ( handleObj.selector ) { handlers.delegateCount--; } if ( special.remove ) { special.remove.call( elem, handleObj ); } } } // Remove generic event handler if we removed something and no more handlers exist // (avoids potential for endless recursion during removal of special event handlers) if ( origCount && !handlers.length ) { if ( !special.teardown || special.teardown.call( elem, namespaces, elemData.handle ) === false ) { jQuery.removeEvent( elem, type, elemData.handle ); } delete events[ type ]; } } // Remove data and the expando if it's no longer used if ( jQuery.isEmptyObject( events ) ) { dataPriv.remove( elem, "handle events" ); } }, dispatch: function( nativeEvent ) { // Make a writable jQuery.Event from the native event object var event = jQuery.event.fix( nativeEvent ); var i, j, ret, matched, handleObj, handlerQueue, args = new Array( arguments.length ), handlers = ( dataPriv.get( this, "events" ) || {} )[ event.type ] || [], special = jQuery.event.special[ event.type ] || {}; // Use the fix-ed jQuery.Event rather than the (read-only) native event args[ 0 ] = event; for ( i = 1; i < arguments.length; i++ ) { args[ i ] = arguments[ i ]; } event.delegateTarget = this; // Call the preDispatch hook for the mapped type, and let it bail if desired if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) { return; } // Determine handlers handlerQueue = jQuery.event.handlers.call( this, event, handlers ); // Run delegates first; they may want to stop propagation beneath us i = 0; while ( ( matched = handlerQueue[ i++ ] ) && !event.isPropagationStopped() ) { event.currentTarget = matched.elem; j = 0; while ( ( handleObj = matched.handlers[ j++ ] ) && !event.isImmediatePropagationStopped() ) { // Triggered event must either 1) have no namespace, or 2) have namespace(s) // a subset or equal to those in the bound event (both can have no namespace). if ( !event.rnamespace || event.rnamespace.test( handleObj.namespace ) ) { event.handleObj = handleObj; event.data = handleObj.data; ret = ( ( jQuery.event.special[ handleObj.origType ] || {} ).handle || handleObj.handler ).apply( matched.elem, args ); if ( ret !== undefined ) { if ( ( event.result = ret ) === false ) { event.preventDefault(); event.stopPropagation(); } } } } } // Call the postDispatch hook for the mapped type if ( special.postDispatch ) { special.postDispatch.call( this, event ); } return event.result; }, handlers: function( event, handlers ) { var i, handleObj, sel, matchedHandlers, matchedSelectors, handlerQueue = [], delegateCount = handlers.delegateCount, cur = event.target; // Find delegate handlers if ( delegateCount && // Support: IE <=9 // Black-hole SVG instance trees (trac-13180) cur.nodeType && // Support: Firefox <=42 // Suppress spec-violating clicks indicating a non-primary pointer button (trac-3861) // https://www.w3.org/TR/DOM-Level-3-Events/#event-type-click // Support: IE 11 only // ...but not arrow key "clicks" of radio inputs, which can have `button` -1 (gh-2343) !( event.type === "click" && event.button >= 1 ) ) { for ( ; cur !== this; cur = cur.parentNode || this ) { // Don't check non-elements (#13208) // Don't process clicks on disabled elements (#6911, #8165, #11382, #11764) if ( cur.nodeType === 1 && !( event.type === "click" && cur.disabled === true ) ) { matchedHandlers = []; matchedSelectors = {}; for ( i = 0; i < delegateCount; i++ ) { handleObj = handlers[ i ]; // Don't conflict with Object.prototype properties (#13203) sel = handleObj.selector + " "; if ( matchedSelectors[ sel ] === undefined ) { matchedSelectors[ sel ] = handleObj.needsContext ? jQuery( sel, this ).index( cur ) > -1 : jQuery.find( sel, this, null, [ cur ] ).length; } if ( matchedSelectors[ sel ] ) { matchedHandlers.push( handleObj ); } } if ( matchedHandlers.length ) { handlerQueue.push( { elem: cur, handlers: matchedHandlers } ); } } } } // Add the remaining (directly-bound) handlers cur = this; if ( delegateCount < handlers.length ) { handlerQueue.push( { elem: cur, handlers: handlers.slice( delegateCount ) } ); } return handlerQueue; }, addProp: function( name, hook ) { Object.defineProperty( jQuery.Event.prototype, name, { enumerable: true, configurable: true, get: isFunction( hook ) ? function() { if ( this.originalEvent ) { return hook( this.originalEvent ); } } : function() { if ( this.originalEvent ) { return this.originalEvent[ name ]; } }, set: function( value ) { Object.defineProperty( this, name, { enumerable: true, configurable: true, writable: true, value: value } ); } } ); }, fix: function( originalEvent ) { return originalEvent[ jQuery.expando ] ? originalEvent : new jQuery.Event( originalEvent ); }, special: { load: { // Prevent triggered image.load events from bubbling to window.load noBubble: true }, focus: { // Fire native event if possible so blur/focus sequence is correct trigger: function() { if ( this !== safeActiveElement() && this.focus ) { this.focus(); return false; } }, delegateType: "focusin" }, blur: { trigger: function() { if ( this === safeActiveElement() && this.blur ) { this.blur(); return false; } }, delegateType: "focusout" }, click: { // For checkbox, fire native event so checked state will be right trigger: function() { if ( this.type === "checkbox" && this.click && nodeName( this, "input" ) ) { this.click(); return false; } }, // For cross-browser consistency, don't fire native .click() on links _default: function( event ) { return nodeName( event.target, "a" ); } }, beforeunload: { postDispatch: function( event ) { // Support: Firefox 20+ // Firefox doesn't alert if the returnValue field is not set. if ( event.result !== undefined && event.originalEvent ) { event.originalEvent.returnValue = event.result; } } } } }; jQuery.removeEvent = function( elem, type, handle ) { // This "if" is needed for plain objects if ( elem.removeEventListener ) { elem.removeEventListener( type, handle ); } }; jQuery.Event = function( src, props ) { // Allow instantiation without the 'new' keyword if ( !( this instanceof jQuery.Event ) ) { return new jQuery.Event( src, props ); } // Event object if ( src && src.type ) { this.originalEvent = src; this.type = src.type; // Events bubbling up the document may have been marked as prevented // by a handler lower down the tree; reflect the correct value. this.isDefaultPrevented = src.defaultPrevented || src.defaultPrevented === undefined && // Support: Android <=2.3 only src.returnValue === false ? returnTrue : returnFalse; // Create target properties // Support: Safari <=6 - 7 only // Target should not be a text node (#504, #13143) this.target = ( src.target && src.target.nodeType === 3 ) ? src.target.parentNode : src.target; this.currentTarget = src.currentTarget; this.relatedTarget = src.relatedTarget; // Event type } else { this.type = src; } // Put explicitly provided properties onto the event object if ( props ) { jQuery.extend( this, props ); } // Create a timestamp if incoming event doesn't have one this.timeStamp = src && src.timeStamp || Date.now(); // Mark it as fixed this[ jQuery.expando ] = true; }; // jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding // https://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html jQuery.Event.prototype = { constructor: jQuery.Event, isDefaultPrevented: returnFalse, isPropagationStopped: returnFalse, isImmediatePropagationStopped: returnFalse, isSimulated: false, preventDefault: function() { var e = this.originalEvent; this.isDefaultPrevented = returnTrue; if ( e && !this.isSimulated ) { e.preventDefault(); } }, stopPropagation: function() { var e = this.originalEvent; this.isPropagationStopped = returnTrue; if ( e && !this.isSimulated ) { e.stopPropagation(); } }, stopImmediatePropagation: function() { var e = this.originalEvent; this.isImmediatePropagationStopped = returnTrue; if ( e && !this.isSimulated ) { e.stopImmediatePropagation(); } this.stopPropagation(); } }; // Includes all common event props including KeyEvent and MouseEvent specific props jQuery.each( { altKey: true, bubbles: true, cancelable: true, changedTouches: true, ctrlKey: true, detail: true, eventPhase: true, metaKey: true, pageX: true, pageY: true, shiftKey: true, view: true, "char": true, charCode: true, key: true, keyCode: true, button: true, buttons: true, clientX: true, clientY: true, offsetX: true, offsetY: true, pointerId: true, pointerType: true, screenX: true, screenY: true, targetTouches: true, toElement: true, touches: true, which: function( event ) { var button = event.button; // Add which for key events if ( event.which == null && rkeyEvent.test( event.type ) ) { return event.charCode != null ? event.charCode : event.keyCode; } // Add which for click: 1 === left; 2 === middle; 3 === right if ( !event.which && button !== undefined && rmouseEvent.test( event.type ) ) { if ( button & 1 ) { return 1; } if ( button & 2 ) { return 3; } if ( button & 4 ) { return 2; } return 0; } return event.which; } }, jQuery.event.addProp ); // Create mouseenter/leave events using mouseover/out and event-time checks // so that event delegation works in jQuery. // Do the same for pointerenter/pointerleave and pointerover/pointerout // // Support: Safari 7 only // Safari sends mouseenter too often; see: // https://bugs.chromium.org/p/chromium/issues/detail?id=470258 // for the description of the bug (it existed in older Chrome versions as well). jQuery.each( { mouseenter: "mouseover", mouseleave: "mouseout", pointerenter: "pointerover", pointerleave: "pointerout" }, function( orig, fix ) { jQuery.event.special[ orig ] = { delegateType: fix, bindType: fix, handle: function( event ) { var ret, target = this, related = event.relatedTarget, handleObj = event.handleObj; // For mouseenter/leave call the handler if related is outside the target. // NB: No relatedTarget if the mouse left/entered the browser window if ( !related || ( related !== target && !jQuery.contains( target, related ) ) ) { event.type = handleObj.origType; ret = handleObj.handler.apply( this, arguments ); event.type = fix; } return ret; } }; } ); jQuery.fn.extend( { on: function( types, selector, data, fn ) { return on( this, types, selector, data, fn ); }, one: function( types, selector, data, fn ) { return on( this, types, selector, data, fn, 1 ); }, off: function( types, selector, fn ) { var handleObj, type; if ( types && types.preventDefault && types.handleObj ) { // ( event ) dispatched jQuery.Event handleObj = types.handleObj; jQuery( types.delegateTarget ).off( handleObj.namespace ? handleObj.origType + "." + handleObj.namespace : handleObj.origType, handleObj.selector, handleObj.handler ); return this; } if ( typeof types === "object" ) { // ( types-object [, selector] ) for ( type in types ) { this.off( type, selector, types[ type ] ); } return this; } if ( selector === false || typeof selector === "function" ) { // ( types [, fn] ) fn = selector; selector = undefined; } if ( fn === false ) { fn = returnFalse; } return this.each( function() { jQuery.event.remove( this, types, fn, selector ); } ); } } ); var /* eslint-disable max-len */ // See https://github.com/eslint/eslint/issues/3229 rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([a-z][^\/\0>\x20\t\r\n\f]*)[^>]*)\/>/gi, /* eslint-enable */ // Support: IE <=10 - 11, Edge 12 - 13 only // In IE/Edge using regex groups here causes severe slowdowns. // See https://connect.microsoft.com/IE/feedback/details/1736512/ rnoInnerhtml = /\s*$/g; // Prefer a tbody over its parent table for containing new rows function manipulationTarget( elem, content ) { if ( nodeName( elem, "table" ) && nodeName( content.nodeType !== 11 ? content : content.firstChild, "tr" ) ) { return jQuery( elem ).children( "tbody" )[ 0 ] || elem; } return elem; } // Replace/restore the type attribute of script elements for safe DOM manipulation function disableScript( elem ) { elem.type = ( elem.getAttribute( "type" ) !== null ) + "/" + elem.type; return elem; } function restoreScript( elem ) { if ( ( elem.type || "" ).slice( 0, 5 ) === "true/" ) { elem.type = elem.type.slice( 5 ); } else { elem.removeAttribute( "type" ); } return elem; } function cloneCopyEvent( src, dest ) { var i, l, type, pdataOld, pdataCur, udataOld, udataCur, events; if ( dest.nodeType !== 1 ) { return; } // 1. Copy private data: events, handlers, etc. if ( dataPriv.hasData( src ) ) { pdataOld = dataPriv.access( src ); pdataCur = dataPriv.set( dest, pdataOld ); events = pdataOld.events; if ( events ) { delete pdataCur.handle; pdataCur.events = {}; for ( type in events ) { for ( i = 0, l = events[ type ].length; i < l; i++ ) { jQuery.event.add( dest, type, events[ type ][ i ] ); } } } } // 2. Copy user data if ( dataUser.hasData( src ) ) { udataOld = dataUser.access( src ); udataCur = jQuery.extend( {}, udataOld ); dataUser.set( dest, udataCur ); } } // Fix IE bugs, see support tests function fixInput( src, dest ) { var nodeName = dest.nodeName.toLowerCase(); // Fails to persist the checked state of a cloned checkbox or radio button. if ( nodeName === "input" && rcheckableType.test( src.type ) ) { dest.checked = src.checked; // Fails to return the selected option to the default selected state when cloning options } else if ( nodeName === "input" || nodeName === "textarea" ) { dest.defaultValue = src.defaultValue; } } function domManip( collection, args, callback, ignored ) { // Flatten any nested arrays args = concat.apply( [], args ); var fragment, first, scripts, hasScripts, node, doc, i = 0, l = collection.length, iNoClone = l - 1, value = args[ 0 ], valueIsFunction = isFunction( value ); // We can't cloneNode fragments that contain checked, in WebKit if ( valueIsFunction || ( l > 1 && typeof value === "string" && !support.checkClone && rchecked.test( value ) ) ) { return collection.each( function( index ) { var self = collection.eq( index ); if ( valueIsFunction ) { args[ 0 ] = value.call( this, index, self.html() ); } domManip( self, args, callback, ignored ); } ); } if ( l ) { fragment = buildFragment( args, collection[ 0 ].ownerDocument, false, collection, ignored ); first = fragment.firstChild; if ( fragment.childNodes.length === 1 ) { fragment = first; } // Require either new content or an interest in ignored elements to invoke the callback if ( first || ignored ) { scripts = jQuery.map( getAll( fragment, "script" ), disableScript ); hasScripts = scripts.length; // Use the original fragment for the last item // instead of the first because it can end up // being emptied incorrectly in certain situations (#8070). for ( ; i < l; i++ ) { node = fragment; if ( i !== iNoClone ) { node = jQuery.clone( node, true, true ); // Keep references to cloned scripts for later restoration if ( hasScripts ) { // Support: Android <=4.0 only, PhantomJS 1 only // push.apply(_, arraylike) throws on ancient WebKit jQuery.merge( scripts, getAll( node, "script" ) ); } } callback.call( collection[ i ], node, i ); } if ( hasScripts ) { doc = scripts[ scripts.length - 1 ].ownerDocument; // Reenable scripts jQuery.map( scripts, restoreScript ); // Evaluate executable scripts on first document insertion for ( i = 0; i < hasScripts; i++ ) { node = scripts[ i ]; if ( rscriptType.test( node.type || "" ) && !dataPriv.access( node, "globalEval" ) && jQuery.contains( doc, node ) ) { if ( node.src && ( node.type || "" ).toLowerCase() !== "module" ) { // Optional AJAX dependency, but won't run scripts if not present if ( jQuery._evalUrl ) { jQuery._evalUrl( node.src ); } } else { DOMEval( node.textContent.replace( rcleanScript, "" ), doc, node ); } } } } } } return collection; } function remove( elem, selector, keepData ) { var node, nodes = selector ? jQuery.filter( selector, elem ) : elem, i = 0; for ( ; ( node = nodes[ i ] ) != null; i++ ) { if ( !keepData && node.nodeType === 1 ) { jQuery.cleanData( getAll( node ) ); } if ( node.parentNode ) { if ( keepData && jQuery.contains( node.ownerDocument, node ) ) { setGlobalEval( getAll( node, "script" ) ); } node.parentNode.removeChild( node ); } } return elem; } jQuery.extend( { htmlPrefilter: function( html ) { return html.replace( rxhtmlTag, "<$1>" ); }, clone: function( elem, dataAndEvents, deepDataAndEvents ) { var i, l, srcElements, destElements, clone = elem.cloneNode( true ), inPage = jQuery.contains( elem.ownerDocument, elem ); // Fix IE cloning issues if ( !support.noCloneChecked && ( elem.nodeType === 1 || elem.nodeType === 11 ) && !jQuery.isXMLDoc( elem ) ) { // We eschew Sizzle here for performance reasons: https://jsperf.com/getall-vs-sizzle/2 destElements = getAll( clone ); srcElements = getAll( elem ); for ( i = 0, l = srcElements.length; i < l; i++ ) { fixInput( srcElements[ i ], destElements[ i ] ); } } // Copy the events from the original to the clone if ( dataAndEvents ) { if ( deepDataAndEvents ) { srcElements = srcElements || getAll( elem ); destElements = destElements || getAll( clone ); for ( i = 0, l = srcElements.length; i < l; i++ ) { cloneCopyEvent( srcElements[ i ], destElements[ i ] ); } } else { cloneCopyEvent( elem, clone ); } } // Preserve script evaluation history destElements = getAll( clone, "script" ); if ( destElements.length > 0 ) { setGlobalEval( destElements, !inPage && getAll( elem, "script" ) ); } // Return the cloned set return clone; }, cleanData: function( elems ) { var data, elem, type, special = jQuery.event.special, i = 0; for ( ; ( elem = elems[ i ] ) !== undefined; i++ ) { if ( acceptData( elem ) ) { if ( ( data = elem[ dataPriv.expando ] ) ) { if ( data.events ) { for ( type in data.events ) { if ( special[ type ] ) { jQuery.event.remove( elem, type ); // This is a shortcut to avoid jQuery.event.remove's overhead } else { jQuery.removeEvent( elem, type, data.handle ); } } } // Support: Chrome <=35 - 45+ // Assign undefined instead of using delete, see Data#remove elem[ dataPriv.expando ] = undefined; } if ( elem[ dataUser.expando ] ) { // Support: Chrome <=35 - 45+ // Assign undefined instead of using delete, see Data#remove elem[ dataUser.expando ] = undefined; } } } } } ); jQuery.fn.extend( { detach: function( selector ) { return remove( this, selector, true ); }, remove: function( selector ) { return remove( this, selector ); }, text: function( value ) { return access( this, function( value ) { return value === undefined ? jQuery.text( this ) : this.empty().each( function() { if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { this.textContent = value; } } ); }, null, value, arguments.length ); }, append: function() { return domManip( this, arguments, function( elem ) { if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { var target = manipulationTarget( this, elem ); target.appendChild( elem ); } } ); }, prepend: function() { return domManip( this, arguments, function( elem ) { if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { var target = manipulationTarget( this, elem ); target.insertBefore( elem, target.firstChild ); } } ); }, before: function() { return domManip( this, arguments, function( elem ) { if ( this.parentNode ) { this.parentNode.insertBefore( elem, this ); } } ); }, after: function() { return domManip( this, arguments, function( elem ) { if ( this.parentNode ) { this.parentNode.insertBefore( elem, this.nextSibling ); } } ); }, empty: function() { var elem, i = 0; for ( ; ( elem = this[ i ] ) != null; i++ ) { if ( elem.nodeType === 1 ) { // Prevent memory leaks jQuery.cleanData( getAll( elem, false ) ); // Remove any remaining nodes elem.textContent = ""; } } return this; }, clone: function( dataAndEvents, deepDataAndEvents ) { dataAndEvents = dataAndEvents == null ? false : dataAndEvents; deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents; return this.map( function() { return jQuery.clone( this, dataAndEvents, deepDataAndEvents ); } ); }, html: function( value ) { return access( this, function( value ) { var elem = this[ 0 ] || {}, i = 0, l = this.length; if ( value === undefined && elem.nodeType === 1 ) { return elem.innerHTML; } // See if we can take a shortcut and just use innerHTML if ( typeof value === "string" && !rnoInnerhtml.test( value ) && !wrapMap[ ( rtagName.exec( value ) || [ "", "" ] )[ 1 ].toLowerCase() ] ) { value = jQuery.htmlPrefilter( value ); try { for ( ; i < l; i++ ) { elem = this[ i ] || {}; // Remove element nodes and prevent memory leaks if ( elem.nodeType === 1 ) { jQuery.cleanData( getAll( elem, false ) ); elem.innerHTML = value; } } elem = 0; // If using innerHTML throws an exception, use the fallback method } catch ( e ) {} } if ( elem ) { this.empty().append( value ); } }, null, value, arguments.length ); }, replaceWith: function() { var ignored = []; // Make the changes, replacing each non-ignored context element with the new content return domManip( this, arguments, function( elem ) { var parent = this.parentNode; if ( jQuery.inArray( this, ignored ) < 0 ) { jQuery.cleanData( getAll( this ) ); if ( parent ) { parent.replaceChild( elem, this ); } } // Force callback invocation }, ignored ); } } ); jQuery.each( { appendTo: "append", prependTo: "prepend", insertBefore: "before", insertAfter: "after", replaceAll: "replaceWith" }, function( name, original ) { jQuery.fn[ name ] = function( selector ) { var elems, ret = [], insert = jQuery( selector ), last = insert.length - 1, i = 0; for ( ; i <= last; i++ ) { elems = i === last ? this : this.clone( true ); jQuery( insert[ i ] )[ original ]( elems ); // Support: Android <=4.0 only, PhantomJS 1 only // .get() because push.apply(_, arraylike) throws on ancient WebKit push.apply( ret, elems.get() ); } return this.pushStack( ret ); }; } ); var rnumnonpx = new RegExp( "^(" + pnum + ")(?!px)[a-z%]+$", "i" ); var getStyles = function( elem ) { // Support: IE <=11 only, Firefox <=30 (#15098, #14150) // IE throws on elements created in popups // FF meanwhile throws on frame elements through "defaultView.getComputedStyle" var view = elem.ownerDocument.defaultView; if ( !view || !view.opener ) { view = window; } return view.getComputedStyle( elem ); }; var rboxStyle = new RegExp( cssExpand.join( "|" ), "i" ); ( function() { // Executing both pixelPosition & boxSizingReliable tests require only one layout // so they're executed at the same time to save the second computation. function computeStyleTests() { // This is a singleton, we need to execute it only once if ( !div ) { return; } container.style.cssText = "position:absolute;left:-11111px;width:60px;" + "margin-top:1px;padding:0;border:0"; div.style.cssText = "position:relative;display:block;box-sizing:border-box;overflow:scroll;" + "margin:auto;border:1px;padding:1px;" + "width:60%;top:1%"; documentElement.appendChild( container ).appendChild( div ); var divStyle = window.getComputedStyle( div ); pixelPositionVal = divStyle.top !== "1%"; // Support: Android 4.0 - 4.3 only, Firefox <=3 - 44 reliableMarginLeftVal = roundPixelMeasures( divStyle.marginLeft ) === 12; // Support: Android 4.0 - 4.3 only, Safari <=9.1 - 10.1, iOS <=7.0 - 9.3 // Some styles come back with percentage values, even though they shouldn't div.style.right = "60%"; pixelBoxStylesVal = roundPixelMeasures( divStyle.right ) === 36; // Support: IE 9 - 11 only // Detect misreporting of content dimensions for box-sizing:border-box elements boxSizingReliableVal = roundPixelMeasures( divStyle.width ) === 36; // Support: IE 9 only // Detect overflow:scroll screwiness (gh-3699) div.style.position = "absolute"; scrollboxSizeVal = div.offsetWidth === 36 || "absolute"; documentElement.removeChild( container ); // Nullify the div so it wouldn't be stored in the memory and // it will also be a sign that checks already performed div = null; } function roundPixelMeasures( measure ) { return Math.round( parseFloat( measure ) ); } var pixelPositionVal, boxSizingReliableVal, scrollboxSizeVal, pixelBoxStylesVal, reliableMarginLeftVal, container = document.createElement( "div" ), div = document.createElement( "div" ); // Finish early in limited (non-browser) environments if ( !div.style ) { return; } // Support: IE <=9 - 11 only // Style of cloned element affects source element cloned (#8908) div.style.backgroundClip = "content-box"; div.cloneNode( true ).style.backgroundClip = ""; support.clearCloneStyle = div.style.backgroundClip === "content-box"; jQuery.extend( support, { boxSizingReliable: function() { computeStyleTests(); return boxSizingReliableVal; }, pixelBoxStyles: function() { computeStyleTests(); return pixelBoxStylesVal; }, pixelPosition: function() { computeStyleTests(); return pixelPositionVal; }, reliableMarginLeft: function() { computeStyleTests(); return reliableMarginLeftVal; }, scrollboxSize: function() { computeStyleTests(); return scrollboxSizeVal; } } ); } )(); function curCSS( elem, name, computed ) { var width, minWidth, maxWidth, ret, // Support: Firefox 51+ // Retrieving style before computed somehow // fixes an issue with getting wrong values // on detached elements style = elem.style; computed = computed || getStyles( elem ); // getPropertyValue is needed for: // .css('filter') (IE 9 only, #12537) // .css('--customProperty) (#3144) if ( computed ) { ret = computed.getPropertyValue( name ) || computed[ name ]; if ( ret === "" && !jQuery.contains( elem.ownerDocument, elem ) ) { ret = jQuery.style( elem, name ); } // A tribute to the "awesome hack by Dean Edwards" // Android Browser returns percentage for some values, // but width seems to be reliably pixels. // This is against the CSSOM draft spec: // https://drafts.csswg.org/cssom/#resolved-values if ( !support.pixelBoxStyles() && rnumnonpx.test( ret ) && rboxStyle.test( name ) ) { // Remember the original values width = style.width; minWidth = style.minWidth; maxWidth = style.maxWidth; // Put in the new values to get a computed value out style.minWidth = style.maxWidth = style.width = ret; ret = computed.width; // Revert the changed values style.width = width; style.minWidth = minWidth; style.maxWidth = maxWidth; } } return ret !== undefined ? // Support: IE <=9 - 11 only // IE returns zIndex value as an integer. ret + "" : ret; } function addGetHookIf( conditionFn, hookFn ) { // Define the hook, we'll check on the first run if it's really needed. return { get: function() { if ( conditionFn() ) { // Hook not needed (or it's not possible to use it due // to missing dependency), remove it. delete this.get; return; } // Hook needed; redefine it so that the support test is not executed again. return ( this.get = hookFn ).apply( this, arguments ); } }; } var // Swappable if display is none or starts with table // except "table", "table-cell", or "table-caption" // See here for display values: https://developer.mozilla.org/en-US/docs/CSS/display rdisplayswap = /^(none|table(?!-c[ea]).+)/, rcustomProp = /^--/, cssShow = { position: "absolute", visibility: "hidden", display: "block" }, cssNormalTransform = { letterSpacing: "0", fontWeight: "400" }, cssPrefixes = [ "Webkit", "Moz", "ms" ], emptyStyle = document.createElement( "div" ).style; // Return a css property mapped to a potentially vendor prefixed property function vendorPropName( name ) { // Shortcut for names that are not vendor prefixed if ( name in emptyStyle ) { return name; } // Check for vendor prefixed names var capName = name[ 0 ].toUpperCase() + name.slice( 1 ), i = cssPrefixes.length; while ( i-- ) { name = cssPrefixes[ i ] + capName; if ( name in emptyStyle ) { return name; } } } // Return a property mapped along what jQuery.cssProps suggests or to // a vendor prefixed property. function finalPropName( name ) { var ret = jQuery.cssProps[ name ]; if ( !ret ) { ret = jQuery.cssProps[ name ] = vendorPropName( name ) || name; } return ret; } function setPositiveNumber( elem, value, subtract ) { // Any relative (+/-) values have already been // normalized at this point var matches = rcssNum.exec( value ); return matches ? // Guard against undefined "subtract", e.g., when used as in cssHooks Math.max( 0, matches[ 2 ] - ( subtract || 0 ) ) + ( matches[ 3 ] || "px" ) : value; } function boxModelAdjustment( elem, dimension, box, isBorderBox, styles, computedVal ) { var i = dimension === "width" ? 1 : 0, extra = 0, delta = 0; // Adjustment may not be necessary if ( box === ( isBorderBox ? "border" : "content" ) ) { return 0; } for ( ; i < 4; i += 2 ) { // Both box models exclude margin if ( box === "margin" ) { delta += jQuery.css( elem, box + cssExpand[ i ], true, styles ); } // If we get here with a content-box, we're seeking "padding" or "border" or "margin" if ( !isBorderBox ) { // Add padding delta += jQuery.css( elem, "padding" + cssExpand[ i ], true, styles ); // For "border" or "margin", add border if ( box !== "padding" ) { delta += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles ); // But still keep track of it otherwise } else { extra += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles ); } // If we get here with a border-box (content + padding + border), we're seeking "content" or // "padding" or "margin" } else { // For "content", subtract padding if ( box === "content" ) { delta -= jQuery.css( elem, "padding" + cssExpand[ i ], true, styles ); } // For "content" or "padding", subtract border if ( box !== "margin" ) { delta -= jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles ); } } } // Account for positive content-box scroll gutter when requested by providing computedVal if ( !isBorderBox && computedVal >= 0 ) { // offsetWidth/offsetHeight is a rounded sum of content, padding, scroll gutter, and border // Assuming integer scroll gutter, subtract the rest and round down delta += Math.max( 0, Math.ceil( elem[ "offset" + dimension[ 0 ].toUpperCase() + dimension.slice( 1 ) ] - computedVal - delta - extra - 0.5 ) ); } return delta; } function getWidthOrHeight( elem, dimension, extra ) { // Start with computed style var styles = getStyles( elem ), val = curCSS( elem, dimension, styles ), isBorderBox = jQuery.css( elem, "boxSizing", false, styles ) === "border-box", valueIsBorderBox = isBorderBox; // Support: Firefox <=54 // Return a confounding non-pixel value or feign ignorance, as appropriate. if ( rnumnonpx.test( val ) ) { if ( !extra ) { return val; } val = "auto"; } // Check for style in case a browser which returns unreliable values // for getComputedStyle silently falls back to the reliable elem.style valueIsBorderBox = valueIsBorderBox && ( support.boxSizingReliable() || val === elem.style[ dimension ] ); // Fall back to offsetWidth/offsetHeight when value is "auto" // This happens for inline elements with no explicit setting (gh-3571) // Support: Android <=4.1 - 4.3 only // Also use offsetWidth/offsetHeight for misreported inline dimensions (gh-3602) if ( val === "auto" || !parseFloat( val ) && jQuery.css( elem, "display", false, styles ) === "inline" ) { val = elem[ "offset" + dimension[ 0 ].toUpperCase() + dimension.slice( 1 ) ]; // offsetWidth/offsetHeight provide border-box values valueIsBorderBox = true; } // Normalize "" and auto val = parseFloat( val ) || 0; // Adjust for the element's box model return ( val + boxModelAdjustment( elem, dimension, extra || ( isBorderBox ? "border" : "content" ), valueIsBorderBox, styles, // Provide the current computed size to request scroll gutter calculation (gh-3589) val ) ) + "px"; } jQuery.extend( { // Add in style property hooks for overriding the default // behavior of getting and setting a style property cssHooks: { opacity: { get: function( elem, computed ) { if ( computed ) { // We should always get a number back from opacity var ret = curCSS( elem, "opacity" ); return ret === "" ? "1" : ret; } } } }, // Don't automatically add "px" to these possibly-unitless properties cssNumber: { "animationIterationCount": true, "columnCount": true, "fillOpacity": true, "flexGrow": true, "flexShrink": true, "fontWeight": true, "lineHeight": true, "opacity": true, "order": true, "orphans": true, "widows": true, "zIndex": true, "zoom": true }, // Add in properties whose names you wish to fix before // setting or getting the value cssProps: {}, // Get and set the style property on a DOM Node style: function( elem, name, value, extra ) { // Don't set styles on text and comment nodes if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) { return; } // Make sure that we're working with the right name var ret, type, hooks, origName = camelCase( name ), isCustomProp = rcustomProp.test( name ), style = elem.style; // Make sure that we're working with the right name. We don't // want to query the value if it is a CSS custom property // since they are user-defined. if ( !isCustomProp ) { name = finalPropName( origName ); } // Gets hook for the prefixed version, then unprefixed version hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ]; // Check if we're setting a value if ( value !== undefined ) { type = typeof value; // Convert "+=" or "-=" to relative numbers (#7345) if ( type === "string" && ( ret = rcssNum.exec( value ) ) && ret[ 1 ] ) { value = adjustCSS( elem, name, ret ); // Fixes bug #9237 type = "number"; } // Make sure that null and NaN values aren't set (#7116) if ( value == null || value !== value ) { return; } // If a number was passed in, add the unit (except for certain CSS properties) if ( type === "number" ) { value += ret && ret[ 3 ] || ( jQuery.cssNumber[ origName ] ? "" : "px" ); } // background-* props affect original clone's values if ( !support.clearCloneStyle && value === "" && name.indexOf( "background" ) === 0 ) { style[ name ] = "inherit"; } // If a hook was provided, use that value, otherwise just set the specified value if ( !hooks || !( "set" in hooks ) || ( value = hooks.set( elem, value, extra ) ) !== undefined ) { if ( isCustomProp ) { style.setProperty( name, value ); } else { style[ name ] = value; } } } else { // If a hook was provided get the non-computed value from there if ( hooks && "get" in hooks && ( ret = hooks.get( elem, false, extra ) ) !== undefined ) { return ret; } // Otherwise just get the value from the style object return style[ name ]; } }, css: function( elem, name, extra, styles ) { var val, num, hooks, origName = camelCase( name ), isCustomProp = rcustomProp.test( name ); // Make sure that we're working with the right name. We don't // want to modify the value if it is a CSS custom property // since they are user-defined. if ( !isCustomProp ) { name = finalPropName( origName ); } // Try prefixed name followed by the unprefixed name hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ]; // If a hook was provided get the computed value from there if ( hooks && "get" in hooks ) { val = hooks.get( elem, true, extra ); } // Otherwise, if a way to get the computed value exists, use that if ( val === undefined ) { val = curCSS( elem, name, styles ); } // Convert "normal" to computed value if ( val === "normal" && name in cssNormalTransform ) { val = cssNormalTransform[ name ]; } // Make numeric if forced or a qualifier was provided and val looks numeric if ( extra === "" || extra ) { num = parseFloat( val ); return extra === true || isFinite( num ) ? num || 0 : val; } return val; } } ); jQuery.each( [ "height", "width" ], function( i, dimension ) { jQuery.cssHooks[ dimension ] = { get: function( elem, computed, extra ) { if ( computed ) { // Certain elements can have dimension info if we invisibly show them // but it must have a current display style that would benefit return rdisplayswap.test( jQuery.css( elem, "display" ) ) && // Support: Safari 8+ // Table columns in Safari have non-zero offsetWidth & zero // getBoundingClientRect().width unless display is changed. // Support: IE <=11 only // Running getBoundingClientRect on a disconnected node // in IE throws an error. ( !elem.getClientRects().length || !elem.getBoundingClientRect().width ) ? swap( elem, cssShow, function() { return getWidthOrHeight( elem, dimension, extra ); } ) : getWidthOrHeight( elem, dimension, extra ); } }, set: function( elem, value, extra ) { var matches, styles = getStyles( elem ), isBorderBox = jQuery.css( elem, "boxSizing", false, styles ) === "border-box", subtract = extra && boxModelAdjustment( elem, dimension, extra, isBorderBox, styles ); // Account for unreliable border-box dimensions by comparing offset* to computed and // faking a content-box to get border and padding (gh-3699) if ( isBorderBox && support.scrollboxSize() === styles.position ) { subtract -= Math.ceil( elem[ "offset" + dimension[ 0 ].toUpperCase() + dimension.slice( 1 ) ] - parseFloat( styles[ dimension ] ) - boxModelAdjustment( elem, dimension, "border", false, styles ) - 0.5 ); } // Convert to pixels if value adjustment is needed if ( subtract && ( matches = rcssNum.exec( value ) ) && ( matches[ 3 ] || "px" ) !== "px" ) { elem.style[ dimension ] = value; value = jQuery.css( elem, dimension ); } return setPositiveNumber( elem, value, subtract ); } }; } ); jQuery.cssHooks.marginLeft = addGetHookIf( support.reliableMarginLeft, function( elem, computed ) { if ( computed ) { return ( parseFloat( curCSS( elem, "marginLeft" ) ) || elem.getBoundingClientRect().left - swap( elem, { marginLeft: 0 }, function() { return elem.getBoundingClientRect().left; } ) ) + "px"; } } ); // These hooks are used by animate to expand properties jQuery.each( { margin: "", padding: "", border: "Width" }, function( prefix, suffix ) { jQuery.cssHooks[ prefix + suffix ] = { expand: function( value ) { var i = 0, expanded = {}, // Assumes a single number if not a string parts = typeof value === "string" ? value.split( " " ) : [ value ]; for ( ; i < 4; i++ ) { expanded[ prefix + cssExpand[ i ] + suffix ] = parts[ i ] || parts[ i - 2 ] || parts[ 0 ]; } return expanded; } }; if ( prefix !== "margin" ) { jQuery.cssHooks[ prefix + suffix ].set = setPositiveNumber; } } ); jQuery.fn.extend( { css: function( name, value ) { return access( this, function( elem, name, value ) { var styles, len, map = {}, i = 0; if ( Array.isArray( name ) ) { styles = getStyles( elem ); len = name.length; for ( ; i < len; i++ ) { map[ name[ i ] ] = jQuery.css( elem, name[ i ], false, styles ); } return map; } return value !== undefined ? jQuery.style( elem, name, value ) : jQuery.css( elem, name ); }, name, value, arguments.length > 1 ); } } ); function Tween( elem, options, prop, end, easing ) { return new Tween.prototype.init( elem, options, prop, end, easing ); } jQuery.Tween = Tween; Tween.prototype = { constructor: Tween, init: function( elem, options, prop, end, easing, unit ) { this.elem = elem; this.prop = prop; this.easing = easing || jQuery.easing._default; this.options = options; this.start = this.now = this.cur(); this.end = end; this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" ); }, cur: function() { var hooks = Tween.propHooks[ this.prop ]; return hooks && hooks.get ? hooks.get( this ) : Tween.propHooks._default.get( this ); }, run: function( percent ) { var eased, hooks = Tween.propHooks[ this.prop ]; if ( this.options.duration ) { this.pos = eased = jQuery.easing[ this.easing ]( percent, this.options.duration * percent, 0, 1, this.options.duration ); } else { this.pos = eased = percent; } this.now = ( this.end - this.start ) * eased + this.start; if ( this.options.step ) { this.options.step.call( this.elem, this.now, this ); } if ( hooks && hooks.set ) { hooks.set( this ); } else { Tween.propHooks._default.set( this ); } return this; } }; Tween.prototype.init.prototype = Tween.prototype; Tween.propHooks = { _default: { get: function( tween ) { var result; // Use a property on the element directly when it is not a DOM element, // or when there is no matching style property that exists. if ( tween.elem.nodeType !== 1 || tween.elem[ tween.prop ] != null && tween.elem.style[ tween.prop ] == null ) { return tween.elem[ tween.prop ]; } // Passing an empty string as a 3rd parameter to .css will automatically // attempt a parseFloat and fallback to a string if the parse fails. // Simple values such as "10px" are parsed to Float; // complex values such as "rotate(1rad)" are returned as-is. result = jQuery.css( tween.elem, tween.prop, "" ); // Empty strings, null, undefined and "auto" are converted to 0. return !result || result === "auto" ? 0 : result; }, set: function( tween ) { // Use step hook for back compat. // Use cssHook if its there. // Use .style if available and use plain properties where available. if ( jQuery.fx.step[ tween.prop ] ) { jQuery.fx.step[ tween.prop ]( tween ); } else if ( tween.elem.nodeType === 1 && ( tween.elem.style[ jQuery.cssProps[ tween.prop ] ] != null || jQuery.cssHooks[ tween.prop ] ) ) { jQuery.style( tween.elem, tween.prop, tween.now + tween.unit ); } else { tween.elem[ tween.prop ] = tween.now; } } } }; // Support: IE <=9 only // Panic based approach to setting things on disconnected nodes Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = { set: function( tween ) { if ( tween.elem.nodeType && tween.elem.parentNode ) { tween.elem[ tween.prop ] = tween.now; } } }; jQuery.easing = { linear: function( p ) { return p; }, swing: function( p ) { return 0.5 - Math.cos( p * Math.PI ) / 2; }, _default: "swing" }; jQuery.fx = Tween.prototype.init; // Back compat <1.8 extension point jQuery.fx.step = {}; var fxNow, inProgress, rfxtypes = /^(?:toggle|show|hide)$/, rrun = /queueHooks$/; function schedule() { if ( inProgress ) { if ( document.hidden === false && window.requestAnimationFrame ) { window.requestAnimationFrame( schedule ); } else { window.setTimeout( schedule, jQuery.fx.interval ); } jQuery.fx.tick(); } } // Animations created synchronously will run synchronously function createFxNow() { window.setTimeout( function() { fxNow = undefined; } ); return ( fxNow = Date.now() ); } // Generate parameters to create a standard animation function genFx( type, includeWidth ) { var which, i = 0, attrs = { height: type }; // If we include width, step value is 1 to do all cssExpand values, // otherwise step value is 2 to skip over Left and Right includeWidth = includeWidth ? 1 : 0; for ( ; i < 4; i += 2 - includeWidth ) { which = cssExpand[ i ]; attrs[ "margin" + which ] = attrs[ "padding" + which ] = type; } if ( includeWidth ) { attrs.opacity = attrs.width = type; } return attrs; } function createTween( value, prop, animation ) { var tween, collection = ( Animation.tweeners[ prop ] || [] ).concat( Animation.tweeners[ "*" ] ), index = 0, length = collection.length; for ( ; index < length; index++ ) { if ( ( tween = collection[ index ].call( animation, prop, value ) ) ) { // We're done with this property return tween; } } } function defaultPrefilter( elem, props, opts ) { var prop, value, toggle, hooks, oldfire, propTween, restoreDisplay, display, isBox = "width" in props || "height" in props, anim = this, orig = {}, style = elem.style, hidden = elem.nodeType && isHiddenWithinTree( elem ), dataShow = dataPriv.get( elem, "fxshow" ); // Queue-skipping animations hijack the fx hooks if ( !opts.queue ) { hooks = jQuery._queueHooks( elem, "fx" ); if ( hooks.unqueued == null ) { hooks.unqueued = 0; oldfire = hooks.empty.fire; hooks.empty.fire = function() { if ( !hooks.unqueued ) { oldfire(); } }; } hooks.unqueued++; anim.always( function() { // Ensure the complete handler is called before this completes anim.always( function() { hooks.unqueued--; if ( !jQuery.queue( elem, "fx" ).length ) { hooks.empty.fire(); } } ); } ); } // Detect show/hide animations for ( prop in props ) { value = props[ prop ]; if ( rfxtypes.test( value ) ) { delete props[ prop ]; toggle = toggle || value === "toggle"; if ( value === ( hidden ? "hide" : "show" ) ) { // Pretend to be hidden if this is a "show" and // there is still data from a stopped show/hide if ( value === "show" && dataShow && dataShow[ prop ] !== undefined ) { hidden = true; // Ignore all other no-op show/hide data } else { continue; } } orig[ prop ] = dataShow && dataShow[ prop ] || jQuery.style( elem, prop ); } } // Bail out if this is a no-op like .hide().hide() propTween = !jQuery.isEmptyObject( props ); if ( !propTween && jQuery.isEmptyObject( orig ) ) { return; } // Restrict "overflow" and "display" styles during box animations if ( isBox && elem.nodeType === 1 ) { // Support: IE <=9 - 11, Edge 12 - 15 // Record all 3 overflow attributes because IE does not infer the shorthand // from identically-valued overflowX and overflowY and Edge just mirrors // the overflowX value there. opts.overflow = [ style.overflow, style.overflowX, style.overflowY ]; // Identify a display type, preferring old show/hide data over the CSS cascade restoreDisplay = dataShow && dataShow.display; if ( restoreDisplay == null ) { restoreDisplay = dataPriv.get( elem, "display" ); } display = jQuery.css( elem, "display" ); if ( display === "none" ) { if ( restoreDisplay ) { display = restoreDisplay; } else { // Get nonempty value(s) by temporarily forcing visibility showHide( [ elem ], true ); restoreDisplay = elem.style.display || restoreDisplay; display = jQuery.css( elem, "display" ); showHide( [ elem ] ); } } // Animate inline elements as inline-block if ( display === "inline" || display === "inline-block" && restoreDisplay != null ) { if ( jQuery.css( elem, "float" ) === "none" ) { // Restore the original display value at the end of pure show/hide animations if ( !propTween ) { anim.done( function() { style.display = restoreDisplay; } ); if ( restoreDisplay == null ) { display = style.display; restoreDisplay = display === "none" ? "" : display; } } style.display = "inline-block"; } } } if ( opts.overflow ) { style.overflow = "hidden"; anim.always( function() { style.overflow = opts.overflow[ 0 ]; style.overflowX = opts.overflow[ 1 ]; style.overflowY = opts.overflow[ 2 ]; } ); } // Implement show/hide animations propTween = false; for ( prop in orig ) { // General show/hide setup for this element animation if ( !propTween ) { if ( dataShow ) { if ( "hidden" in dataShow ) { hidden = dataShow.hidden; } } else { dataShow = dataPriv.access( elem, "fxshow", { display: restoreDisplay } ); } // Store hidden/visible for toggle so `.stop().toggle()` "reverses" if ( toggle ) { dataShow.hidden = !hidden; } // Show elements before animating them if ( hidden ) { showHide( [ elem ], true ); } /* eslint-disable no-loop-func */ anim.done( function() { /* eslint-enable no-loop-func */ // The final step of a "hide" animation is actually hiding the element if ( !hidden ) { showHide( [ elem ] ); } dataPriv.remove( elem, "fxshow" ); for ( prop in orig ) { jQuery.style( elem, prop, orig[ prop ] ); } } ); } // Per-property setup propTween = createTween( hidden ? dataShow[ prop ] : 0, prop, anim ); if ( !( prop in dataShow ) ) { dataShow[ prop ] = propTween.start; if ( hidden ) { propTween.end = propTween.start; propTween.start = 0; } } } } function propFilter( props, specialEasing ) { var index, name, easing, value, hooks; // camelCase, specialEasing and expand cssHook pass for ( index in props ) { name = camelCase( index ); easing = specialEasing[ name ]; value = props[ index ]; if ( Array.isArray( value ) ) { easing = value[ 1 ]; value = props[ index ] = value[ 0 ]; } if ( index !== name ) { props[ name ] = value; delete props[ index ]; } hooks = jQuery.cssHooks[ name ]; if ( hooks && "expand" in hooks ) { value = hooks.expand( value ); delete props[ name ]; // Not quite $.extend, this won't overwrite existing keys. // Reusing 'index' because we have the correct "name" for ( index in value ) { if ( !( index in props ) ) { props[ index ] = value[ index ]; specialEasing[ index ] = easing; } } } else { specialEasing[ name ] = easing; } } } function Animation( elem, properties, options ) { var result, stopped, index = 0, length = Animation.prefilters.length, deferred = jQuery.Deferred().always( function() { // Don't match elem in the :animated selector delete tick.elem; } ), tick = function() { if ( stopped ) { return false; } var currentTime = fxNow || createFxNow(), remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ), // Support: Android 2.3 only // Archaic crash bug won't allow us to use `1 - ( 0.5 || 0 )` (#12497) temp = remaining / animation.duration || 0, percent = 1 - temp, index = 0, length = animation.tweens.length; for ( ; index < length; index++ ) { animation.tweens[ index ].run( percent ); } deferred.notifyWith( elem, [ animation, percent, remaining ] ); // If there's more to do, yield if ( percent < 1 && length ) { return remaining; } // If this was an empty animation, synthesize a final progress notification if ( !length ) { deferred.notifyWith( elem, [ animation, 1, 0 ] ); } // Resolve the animation and report its conclusion deferred.resolveWith( elem, [ animation ] ); return false; }, animation = deferred.promise( { elem: elem, props: jQuery.extend( {}, properties ), opts: jQuery.extend( true, { specialEasing: {}, easing: jQuery.easing._default }, options ), originalProperties: properties, originalOptions: options, startTime: fxNow || createFxNow(), duration: options.duration, tweens: [], createTween: function( prop, end ) { var tween = jQuery.Tween( elem, animation.opts, prop, end, animation.opts.specialEasing[ prop ] || animation.opts.easing ); animation.tweens.push( tween ); return tween; }, stop: function( gotoEnd ) { var index = 0, // If we are going to the end, we want to run all the tweens // otherwise we skip this part length = gotoEnd ? animation.tweens.length : 0; if ( stopped ) { return this; } stopped = true; for ( ; index < length; index++ ) { animation.tweens[ index ].run( 1 ); } // Resolve when we played the last frame; otherwise, reject if ( gotoEnd ) { deferred.notifyWith( elem, [ animation, 1, 0 ] ); deferred.resolveWith( elem, [ animation, gotoEnd ] ); } else { deferred.rejectWith( elem, [ animation, gotoEnd ] ); } return this; } } ), props = animation.props; propFilter( props, animation.opts.specialEasing ); for ( ; index < length; index++ ) { result = Animation.prefilters[ index ].call( animation, elem, props, animation.opts ); if ( result ) { if ( isFunction( result.stop ) ) { jQuery._queueHooks( animation.elem, animation.opts.queue ).stop = result.stop.bind( result ); } return result; } } jQuery.map( props, createTween, animation ); if ( isFunction( animation.opts.start ) ) { animation.opts.start.call( elem, animation ); } // Attach callbacks from options animation .progress( animation.opts.progress ) .done( animation.opts.done, animation.opts.complete ) .fail( animation.opts.fail ) .always( animation.opts.always ); jQuery.fx.timer( jQuery.extend( tick, { elem: elem, anim: animation, queue: animation.opts.queue } ) ); return animation; } jQuery.Animation = jQuery.extend( Animation, { tweeners: { "*": [ function( prop, value ) { var tween = this.createTween( prop, value ); adjustCSS( tween.elem, prop, rcssNum.exec( value ), tween ); return tween; } ] }, tweener: function( props, callback ) { if ( isFunction( props ) ) { callback = props; props = [ "*" ]; } else { props = props.match( rnothtmlwhite ); } var prop, index = 0, length = props.length; for ( ; index < length; index++ ) { prop = props[ index ]; Animation.tweeners[ prop ] = Animation.tweeners[ prop ] || []; Animation.tweeners[ prop ].unshift( callback ); } }, prefilters: [ defaultPrefilter ], prefilter: function( callback, prepend ) { if ( prepend ) { Animation.prefilters.unshift( callback ); } else { Animation.prefilters.push( callback ); } } } ); jQuery.speed = function( speed, easing, fn ) { var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : { complete: fn || !fn && easing || isFunction( speed ) && speed, duration: speed, easing: fn && easing || easing && !isFunction( easing ) && easing }; // Go to the end state if fx are off if ( jQuery.fx.off ) { opt.duration = 0; } else { if ( typeof opt.duration !== "number" ) { if ( opt.duration in jQuery.fx.speeds ) { opt.duration = jQuery.fx.speeds[ opt.duration ]; } else { opt.duration = jQuery.fx.speeds._default; } } } // Normalize opt.queue - true/undefined/null -> "fx" if ( opt.queue == null || opt.queue === true ) { opt.queue = "fx"; } // Queueing opt.old = opt.complete; opt.complete = function() { if ( isFunction( opt.old ) ) { opt.old.call( this ); } if ( opt.queue ) { jQuery.dequeue( this, opt.queue ); } }; return opt; }; jQuery.fn.extend( { fadeTo: function( speed, to, easing, callback ) { // Show any hidden elements after setting opacity to 0 return this.filter( isHiddenWithinTree ).css( "opacity", 0 ).show() // Animate to the value specified .end().animate( { opacity: to }, speed, easing, callback ); }, animate: function( prop, speed, easing, callback ) { var empty = jQuery.isEmptyObject( prop ), optall = jQuery.speed( speed, easing, callback ), doAnimation = function() { // Operate on a copy of prop so per-property easing won't be lost var anim = Animation( this, jQuery.extend( {}, prop ), optall ); // Empty animations, or finishing resolves immediately if ( empty || dataPriv.get( this, "finish" ) ) { anim.stop( true ); } }; doAnimation.finish = doAnimation; return empty || optall.queue === false ? this.each( doAnimation ) : this.queue( optall.queue, doAnimation ); }, stop: function( type, clearQueue, gotoEnd ) { var stopQueue = function( hooks ) { var stop = hooks.stop; delete hooks.stop; stop( gotoEnd ); }; if ( typeof type !== "string" ) { gotoEnd = clearQueue; clearQueue = type; type = undefined; } if ( clearQueue && type !== false ) { this.queue( type || "fx", [] ); } return this.each( function() { var dequeue = true, index = type != null && type + "queueHooks", timers = jQuery.timers, data = dataPriv.get( this ); if ( index ) { if ( data[ index ] && data[ index ].stop ) { stopQueue( data[ index ] ); } } else { for ( index in data ) { if ( data[ index ] && data[ index ].stop && rrun.test( index ) ) { stopQueue( data[ index ] ); } } } for ( index = timers.length; index--; ) { if ( timers[ index ].elem === this && ( type == null || timers[ index ].queue === type ) ) { timers[ index ].anim.stop( gotoEnd ); dequeue = false; timers.splice( index, 1 ); } } // Start the next in the queue if the last step wasn't forced. // Timers currently will call their complete callbacks, which // will dequeue but only if they were gotoEnd. if ( dequeue || !gotoEnd ) { jQuery.dequeue( this, type ); } } ); }, finish: function( type ) { if ( type !== false ) { type = type || "fx"; } return this.each( function() { var index, data = dataPriv.get( this ), queue = data[ type + "queue" ], hooks = data[ type + "queueHooks" ], timers = jQuery.timers, length = queue ? queue.length : 0; // Enable finishing flag on private data data.finish = true; // Empty the queue first jQuery.queue( this, type, [] ); if ( hooks && hooks.stop ) { hooks.stop.call( this, true ); } // Look for any active animations, and finish them for ( index = timers.length; index--; ) { if ( timers[ index ].elem === this && timers[ index ].queue === type ) { timers[ index ].anim.stop( true ); timers.splice( index, 1 ); } } // Look for any animations in the old queue and finish them for ( index = 0; index < length; index++ ) { if ( queue[ index ] && queue[ index ].finish ) { queue[ index ].finish.call( this ); } } // Turn off finishing flag delete data.finish; } ); } } ); jQuery.each( [ "toggle", "show", "hide" ], function( i, name ) { var cssFn = jQuery.fn[ name ]; jQuery.fn[ name ] = function( speed, easing, callback ) { return speed == null || typeof speed === "boolean" ? cssFn.apply( this, arguments ) : this.animate( genFx( name, true ), speed, easing, callback ); }; } ); // Generate shortcuts for custom animations jQuery.each( { slideDown: genFx( "show" ), slideUp: genFx( "hide" ), slideToggle: genFx( "toggle" ), fadeIn: { opacity: "show" }, fadeOut: { opacity: "hide" }, fadeToggle: { opacity: "toggle" } }, function( name, props ) { jQuery.fn[ name ] = function( speed, easing, callback ) { return this.animate( props, speed, easing, callback ); }; } ); jQuery.timers = []; jQuery.fx.tick = function() { var timer, i = 0, timers = jQuery.timers; fxNow = Date.now(); for ( ; i < timers.length; i++ ) { timer = timers[ i ]; // Run the timer and safely remove it when done (allowing for external removal) if ( !timer() && timers[ i ] === timer ) { timers.splice( i--, 1 ); } } if ( !timers.length ) { jQuery.fx.stop(); } fxNow = undefined; }; jQuery.fx.timer = function( timer ) { jQuery.timers.push( timer ); jQuery.fx.start(); }; jQuery.fx.interval = 13; jQuery.fx.start = function() { if ( inProgress ) { return; } inProgress = true; schedule(); }; jQuery.fx.stop = function() { inProgress = null; }; jQuery.fx.speeds = { slow: 600, fast: 200, // Default speed _default: 400 }; // Based off of the plugin by Clint Helfers, with permission. // https://web.archive.org/web/20100324014747/http://blindsignals.com/index.php/2009/07/jquery-delay/ jQuery.fn.delay = function( time, type ) { time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time; type = type || "fx"; return this.queue( type, function( next, hooks ) { var timeout = window.setTimeout( next, time ); hooks.stop = function() { window.clearTimeout( timeout ); }; } ); }; ( function() { var input = document.createElement( "input" ), select = document.createElement( "select" ), opt = select.appendChild( document.createElement( "option" ) ); input.type = "checkbox"; // Support: Android <=4.3 only // Default value for a checkbox should be "on" support.checkOn = input.value !== ""; // Support: IE <=11 only // Must access selectedIndex to make default options select support.optSelected = opt.selected; // Support: IE <=11 only // An input loses its value after becoming a radio input = document.createElement( "input" ); input.value = "t"; input.type = "radio"; support.radioValue = input.value === "t"; } )(); var boolHook, attrHandle = jQuery.expr.attrHandle; jQuery.fn.extend( { attr: function( name, value ) { return access( this, jQuery.attr, name, value, arguments.length > 1 ); }, removeAttr: function( name ) { return this.each( function() { jQuery.removeAttr( this, name ); } ); } } ); jQuery.extend( { attr: function( elem, name, value ) { var ret, hooks, nType = elem.nodeType; // Don't get/set attributes on text, comment and attribute nodes if ( nType === 3 || nType === 8 || nType === 2 ) { return; } // Fallback to prop when attributes are not supported if ( typeof elem.getAttribute === "undefined" ) { return jQuery.prop( elem, name, value ); } // Attribute hooks are determined by the lowercase version // Grab necessary hook if one is defined if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) { hooks = jQuery.attrHooks[ name.toLowerCase() ] || ( jQuery.expr.match.bool.test( name ) ? boolHook : undefined ); } if ( value !== undefined ) { if ( value === null ) { jQuery.removeAttr( elem, name ); return; } if ( hooks && "set" in hooks && ( ret = hooks.set( elem, value, name ) ) !== undefined ) { return ret; } elem.setAttribute( name, value + "" ); return value; } if ( hooks && "get" in hooks && ( ret = hooks.get( elem, name ) ) !== null ) { return ret; } ret = jQuery.find.attr( elem, name ); // Non-existent attributes return null, we normalize to undefined return ret == null ? undefined : ret; }, attrHooks: { type: { set: function( elem, value ) { if ( !support.radioValue && value === "radio" && nodeName( elem, "input" ) ) { var val = elem.value; elem.setAttribute( "type", value ); if ( val ) { elem.value = val; } return value; } } } }, removeAttr: function( elem, value ) { var name, i = 0, // Attribute names can contain non-HTML whitespace characters // https://html.spec.whatwg.org/multipage/syntax.html#attributes-2 attrNames = value && value.match( rnothtmlwhite ); if ( attrNames && elem.nodeType === 1 ) { while ( ( name = attrNames[ i++ ] ) ) { elem.removeAttribute( name ); } } } } ); // Hooks for boolean attributes boolHook = { set: function( elem, value, name ) { if ( value === false ) { // Remove boolean attributes when set to false jQuery.removeAttr( elem, name ); } else { elem.setAttribute( name, name ); } return name; } }; jQuery.each( jQuery.expr.match.bool.source.match( /\w+/g ), function( i, name ) { var getter = attrHandle[ name ] || jQuery.find.attr; attrHandle[ name ] = function( elem, name, isXML ) { var ret, handle, lowercaseName = name.toLowerCase(); if ( !isXML ) { // Avoid an infinite loop by temporarily removing this function from the getter handle = attrHandle[ lowercaseName ]; attrHandle[ lowercaseName ] = ret; ret = getter( elem, name, isXML ) != null ? lowercaseName : null; attrHandle[ lowercaseName ] = handle; } return ret; }; } ); var rfocusable = /^(?:input|select|textarea|button)$/i, rclickable = /^(?:a|area)$/i; jQuery.fn.extend( { prop: function( name, value ) { return access( this, jQuery.prop, name, value, arguments.length > 1 ); }, removeProp: function( name ) { return this.each( function() { delete this[ jQuery.propFix[ name ] || name ]; } ); } } ); jQuery.extend( { prop: function( elem, name, value ) { var ret, hooks, nType = elem.nodeType; // Don't get/set properties on text, comment and attribute nodes if ( nType === 3 || nType === 8 || nType === 2 ) { return; } if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) { // Fix name and attach hooks name = jQuery.propFix[ name ] || name; hooks = jQuery.propHooks[ name ]; } if ( value !== undefined ) { if ( hooks && "set" in hooks && ( ret = hooks.set( elem, value, name ) ) !== undefined ) { return ret; } return ( elem[ name ] = value ); } if ( hooks && "get" in hooks && ( ret = hooks.get( elem, name ) ) !== null ) { return ret; } return elem[ name ]; }, propHooks: { tabIndex: { get: function( elem ) { // Support: IE <=9 - 11 only // elem.tabIndex doesn't always return the // correct value when it hasn't been explicitly set // https://web.archive.org/web/20141116233347/http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/ // Use proper attribute retrieval(#12072) var tabindex = jQuery.find.attr( elem, "tabindex" ); if ( tabindex ) { return parseInt( tabindex, 10 ); } if ( rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ) { return 0; } return -1; } } }, propFix: { "for": "htmlFor", "class": "className" } } ); // Support: IE <=11 only // Accessing the selectedIndex property // forces the browser to respect setting selected // on the option // The getter ensures a default option is selected // when in an optgroup // eslint rule "no-unused-expressions" is disabled for this code // since it considers such accessions noop if ( !support.optSelected ) { jQuery.propHooks.selected = { get: function( elem ) { /* eslint no-unused-expressions: "off" */ var parent = elem.parentNode; if ( parent && parent.parentNode ) { parent.parentNode.selectedIndex; } return null; }, set: function( elem ) { /* eslint no-unused-expressions: "off" */ var parent = elem.parentNode; if ( parent ) { parent.selectedIndex; if ( parent.parentNode ) { parent.parentNode.selectedIndex; } } } }; } jQuery.each( [ "tabIndex", "readOnly", "maxLength", "cellSpacing", "cellPadding", "rowSpan", "colSpan", "useMap", "frameBorder", "contentEditable" ], function() { jQuery.propFix[ this.toLowerCase() ] = this; } ); // Strip and collapse whitespace according to HTML spec // https://infra.spec.whatwg.org/#strip-and-collapse-ascii-whitespace function stripAndCollapse( value ) { var tokens = value.match( rnothtmlwhite ) || []; return tokens.join( " " ); } function getClass( elem ) { return elem.getAttribute && elem.getAttribute( "class" ) || ""; } function classesToArray( value ) { if ( Array.isArray( value ) ) { return value; } if ( typeof value === "string" ) { return value.match( rnothtmlwhite ) || []; } return []; } jQuery.fn.extend( { addClass: function( value ) { var classes, elem, cur, curValue, clazz, j, finalValue, i = 0; if ( isFunction( value ) ) { return this.each( function( j ) { jQuery( this ).addClass( value.call( this, j, getClass( this ) ) ); } ); } classes = classesToArray( value ); if ( classes.length ) { while ( ( elem = this[ i++ ] ) ) { curValue = getClass( elem ); cur = elem.nodeType === 1 && ( " " + stripAndCollapse( curValue ) + " " ); if ( cur ) { j = 0; while ( ( clazz = classes[ j++ ] ) ) { if ( cur.indexOf( " " + clazz + " " ) < 0 ) { cur += clazz + " "; } } // Only assign if different to avoid unneeded rendering. finalValue = stripAndCollapse( cur ); if ( curValue !== finalValue ) { elem.setAttribute( "class", finalValue ); } } } } return this; }, removeClass: function( value ) { var classes, elem, cur, curValue, clazz, j, finalValue, i = 0; if ( isFunction( value ) ) { return this.each( function( j ) { jQuery( this ).removeClass( value.call( this, j, getClass( this ) ) ); } ); } if ( !arguments.length ) { return this.attr( "class", "" ); } classes = classesToArray( value ); if ( classes.length ) { while ( ( elem = this[ i++ ] ) ) { curValue = getClass( elem ); // This expression is here for better compressibility (see addClass) cur = elem.nodeType === 1 && ( " " + stripAndCollapse( curValue ) + " " ); if ( cur ) { j = 0; while ( ( clazz = classes[ j++ ] ) ) { // Remove *all* instances while ( cur.indexOf( " " + clazz + " " ) > -1 ) { cur = cur.replace( " " + clazz + " ", " " ); } } // Only assign if different to avoid unneeded rendering. finalValue = stripAndCollapse( cur ); if ( curValue !== finalValue ) { elem.setAttribute( "class", finalValue ); } } } } return this; }, toggleClass: function( value, stateVal ) { var type = typeof value, isValidValue = type === "string" || Array.isArray( value ); if ( typeof stateVal === "boolean" && isValidValue ) { return stateVal ? this.addClass( value ) : this.removeClass( value ); } if ( isFunction( value ) ) { return this.each( function( i ) { jQuery( this ).toggleClass( value.call( this, i, getClass( this ), stateVal ), stateVal ); } ); } return this.each( function() { var className, i, self, classNames; if ( isValidValue ) { // Toggle individual class names i = 0; self = jQuery( this ); classNames = classesToArray( value ); while ( ( className = classNames[ i++ ] ) ) { // Check each className given, space separated list if ( self.hasClass( className ) ) { self.removeClass( className ); } else { self.addClass( className ); } } // Toggle whole class name } else if ( value === undefined || type === "boolean" ) { className = getClass( this ); if ( className ) { // Store className if set dataPriv.set( this, "__className__", className ); } // If the element has a class name or if we're passed `false`, // then remove the whole classname (if there was one, the above saved it). // Otherwise bring back whatever was previously saved (if anything), // falling back to the empty string if nothing was stored. if ( this.setAttribute ) { this.setAttribute( "class", className || value === false ? "" : dataPriv.get( this, "__className__" ) || "" ); } } } ); }, hasClass: function( selector ) { var className, elem, i = 0; className = " " + selector + " "; while ( ( elem = this[ i++ ] ) ) { if ( elem.nodeType === 1 && ( " " + stripAndCollapse( getClass( elem ) ) + " " ).indexOf( className ) > -1 ) { return true; } } return false; } } ); var rreturn = /\r/g; jQuery.fn.extend( { val: function( value ) { var hooks, ret, valueIsFunction, elem = this[ 0 ]; if ( !arguments.length ) { if ( elem ) { hooks = jQuery.valHooks[ elem.type ] || jQuery.valHooks[ elem.nodeName.toLowerCase() ]; if ( hooks && "get" in hooks && ( ret = hooks.get( elem, "value" ) ) !== undefined ) { return ret; } ret = elem.value; // Handle most common string cases if ( typeof ret === "string" ) { return ret.replace( rreturn, "" ); } // Handle cases where value is null/undef or number return ret == null ? "" : ret; } return; } valueIsFunction = isFunction( value ); return this.each( function( i ) { var val; if ( this.nodeType !== 1 ) { return; } if ( valueIsFunction ) { val = value.call( this, i, jQuery( this ).val() ); } else { val = value; } // Treat null/undefined as ""; convert numbers to string if ( val == null ) { val = ""; } else if ( typeof val === "number" ) { val += ""; } else if ( Array.isArray( val ) ) { val = jQuery.map( val, function( value ) { return value == null ? "" : value + ""; } ); } hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ]; // If set returns undefined, fall back to normal setting if ( !hooks || !( "set" in hooks ) || hooks.set( this, val, "value" ) === undefined ) { this.value = val; } } ); } } ); jQuery.extend( { valHooks: { option: { get: function( elem ) { var val = jQuery.find.attr( elem, "value" ); return val != null ? val : // Support: IE <=10 - 11 only // option.text throws exceptions (#14686, #14858) // Strip and collapse whitespace // https://html.spec.whatwg.org/#strip-and-collapse-whitespace stripAndCollapse( jQuery.text( elem ) ); } }, select: { get: function( elem ) { var value, option, i, options = elem.options, index = elem.selectedIndex, one = elem.type === "select-one", values = one ? null : [], max = one ? index + 1 : options.length; if ( index < 0 ) { i = max; } else { i = one ? index : 0; } // Loop through all the selected options for ( ; i < max; i++ ) { option = options[ i ]; // Support: IE <=9 only // IE8-9 doesn't update selected after form reset (#2551) if ( ( option.selected || i === index ) && // Don't return options that are disabled or in a disabled optgroup !option.disabled && ( !option.parentNode.disabled || !nodeName( option.parentNode, "optgroup" ) ) ) { // Get the specific value for the option value = jQuery( option ).val(); // We don't need an array for one selects if ( one ) { return value; } // Multi-Selects return an array values.push( value ); } } return values; }, set: function( elem, value ) { var optionSet, option, options = elem.options, values = jQuery.makeArray( value ), i = options.length; while ( i-- ) { option = options[ i ]; /* eslint-disable no-cond-assign */ if ( option.selected = jQuery.inArray( jQuery.valHooks.option.get( option ), values ) > -1 ) { optionSet = true; } /* eslint-enable no-cond-assign */ } // Force browsers to behave consistently when non-matching value is set if ( !optionSet ) { elem.selectedIndex = -1; } return values; } } } } ); // Radios and checkboxes getter/setter jQuery.each( [ "radio", "checkbox" ], function() { jQuery.valHooks[ this ] = { set: function( elem, value ) { if ( Array.isArray( value ) ) { return ( elem.checked = jQuery.inArray( jQuery( elem ).val(), value ) > -1 ); } } }; if ( !support.checkOn ) { jQuery.valHooks[ this ].get = function( elem ) { return elem.getAttribute( "value" ) === null ? "on" : elem.value; }; } } ); // Return jQuery for attributes-only inclusion support.focusin = "onfocusin" in window; var rfocusMorph = /^(?:focusinfocus|focusoutblur)$/, stopPropagationCallback = function( e ) { e.stopPropagation(); }; jQuery.extend( jQuery.event, { trigger: function( event, data, elem, onlyHandlers ) { var i, cur, tmp, bubbleType, ontype, handle, special, lastElement, eventPath = [ elem || document ], type = hasOwn.call( event, "type" ) ? event.type : event, namespaces = hasOwn.call( event, "namespace" ) ? event.namespace.split( "." ) : []; cur = lastElement = tmp = elem = elem || document; // Don't do events on text and comment nodes if ( elem.nodeType === 3 || elem.nodeType === 8 ) { return; } // focus/blur morphs to focusin/out; ensure we're not firing them right now if ( rfocusMorph.test( type + jQuery.event.triggered ) ) { return; } if ( type.indexOf( "." ) > -1 ) { // Namespaced trigger; create a regexp to match event type in handle() namespaces = type.split( "." ); type = namespaces.shift(); namespaces.sort(); } ontype = type.indexOf( ":" ) < 0 && "on" + type; // Caller can pass in a jQuery.Event object, Object, or just an event type string event = event[ jQuery.expando ] ? event : new jQuery.Event( type, typeof event === "object" && event ); // Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true) event.isTrigger = onlyHandlers ? 2 : 3; event.namespace = namespaces.join( "." ); event.rnamespace = event.namespace ? new RegExp( "(^|\\.)" + namespaces.join( "\\.(?:.*\\.|)" ) + "(\\.|$)" ) : null; // Clean up the event in case it is being reused event.result = undefined; if ( !event.target ) { event.target = elem; } // Clone any incoming data and prepend the event, creating the handler arg list data = data == null ? [ event ] : jQuery.makeArray( data, [ event ] ); // Allow special events to draw outside the lines special = jQuery.event.special[ type ] || {}; if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) { return; } // Determine event propagation path in advance, per W3C events spec (#9951) // Bubble up to document, then to window; watch for a global ownerDocument var (#9724) if ( !onlyHandlers && !special.noBubble && !isWindow( elem ) ) { bubbleType = special.delegateType || type; if ( !rfocusMorph.test( bubbleType + type ) ) { cur = cur.parentNode; } for ( ; cur; cur = cur.parentNode ) { eventPath.push( cur ); tmp = cur; } // Only add window if we got to document (e.g., not plain obj or detached DOM) if ( tmp === ( elem.ownerDocument || document ) ) { eventPath.push( tmp.defaultView || tmp.parentWindow || window ); } } // Fire handlers on the event path i = 0; while ( ( cur = eventPath[ i++ ] ) && !event.isPropagationStopped() ) { lastElement = cur; event.type = i > 1 ? bubbleType : special.bindType || type; // jQuery handler handle = ( dataPriv.get( cur, "events" ) || {} )[ event.type ] && dataPriv.get( cur, "handle" ); if ( handle ) { handle.apply( cur, data ); } // Native handler handle = ontype && cur[ ontype ]; if ( handle && handle.apply && acceptData( cur ) ) { event.result = handle.apply( cur, data ); if ( event.result === false ) { event.preventDefault(); } } } event.type = type; // If nobody prevented the default action, do it now if ( !onlyHandlers && !event.isDefaultPrevented() ) { if ( ( !special._default || special._default.apply( eventPath.pop(), data ) === false ) && acceptData( elem ) ) { // Call a native DOM method on the target with the same name as the event. // Don't do default actions on window, that's where global variables be (#6170) if ( ontype && isFunction( elem[ type ] ) && !isWindow( elem ) ) { // Don't re-trigger an onFOO event when we call its FOO() method tmp = elem[ ontype ]; if ( tmp ) { elem[ ontype ] = null; } // Prevent re-triggering of the same event, since we already bubbled it above jQuery.event.triggered = type; if ( event.isPropagationStopped() ) { lastElement.addEventListener( type, stopPropagationCallback ); } elem[ type ](); if ( event.isPropagationStopped() ) { lastElement.removeEventListener( type, stopPropagationCallback ); } jQuery.event.triggered = undefined; if ( tmp ) { elem[ ontype ] = tmp; } } } } return event.result; }, // Piggyback on a donor event to simulate a different one // Used only for `focus(in | out)` events simulate: function( type, elem, event ) { var e = jQuery.extend( new jQuery.Event(), event, { type: type, isSimulated: true } ); jQuery.event.trigger( e, null, elem ); } } ); jQuery.fn.extend( { trigger: function( type, data ) { return this.each( function() { jQuery.event.trigger( type, data, this ); } ); }, triggerHandler: function( type, data ) { var elem = this[ 0 ]; if ( elem ) { return jQuery.event.trigger( type, data, elem, true ); } } } ); // Support: Firefox <=44 // Firefox doesn't have focus(in | out) events // Related ticket - https://bugzilla.mozilla.org/show_bug.cgi?id=687787 // // Support: Chrome <=48 - 49, Safari <=9.0 - 9.1 // focus(in | out) events fire after focus & blur events, // which is spec violation - http://www.w3.org/TR/DOM-Level-3-Events/#events-focusevent-event-order // Related ticket - https://bugs.chromium.org/p/chromium/issues/detail?id=449857 if ( !support.focusin ) { jQuery.each( { focus: "focusin", blur: "focusout" }, function( orig, fix ) { // Attach a single capturing handler on the document while someone wants focusin/focusout var handler = function( event ) { jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ) ); }; jQuery.event.special[ fix ] = { setup: function() { var doc = this.ownerDocument || this, attaches = dataPriv.access( doc, fix ); if ( !attaches ) { doc.addEventListener( orig, handler, true ); } dataPriv.access( doc, fix, ( attaches || 0 ) + 1 ); }, teardown: function() { var doc = this.ownerDocument || this, attaches = dataPriv.access( doc, fix ) - 1; if ( !attaches ) { doc.removeEventListener( orig, handler, true ); dataPriv.remove( doc, fix ); } else { dataPriv.access( doc, fix, attaches ); } } }; } ); } var location = window.location; var nonce = Date.now(); var rquery = ( /\?/ ); // Cross-browser xml parsing jQuery.parseXML = function( data ) { var xml; if ( !data || typeof data !== "string" ) { return null; } // Support: IE 9 - 11 only // IE throws on parseFromString with invalid input. try { xml = ( new window.DOMParser() ).parseFromString( data, "text/xml" ); } catch ( e ) { xml = undefined; } if ( !xml || xml.getElementsByTagName( "parsererror" ).length ) { jQuery.error( "Invalid XML: " + data ); } return xml; }; var rbracket = /\[\]$/, rCRLF = /\r?\n/g, rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i, rsubmittable = /^(?:input|select|textarea|keygen)/i; function buildParams( prefix, obj, traditional, add ) { var name; if ( Array.isArray( obj ) ) { // Serialize array item. jQuery.each( obj, function( i, v ) { if ( traditional || rbracket.test( prefix ) ) { // Treat each array item as a scalar. add( prefix, v ); } else { // Item is non-scalar (array or object), encode its numeric index. buildParams( prefix + "[" + ( typeof v === "object" && v != null ? i : "" ) + "]", v, traditional, add ); } } ); } else if ( !traditional && toType( obj ) === "object" ) { // Serialize object item. for ( name in obj ) { buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add ); } } else { // Serialize scalar item. add( prefix, obj ); } } // Serialize an array of form elements or a set of // key/values into a query string jQuery.param = function( a, traditional ) { var prefix, s = [], add = function( key, valueOrFunction ) { // If value is a function, invoke it and use its return value var value = isFunction( valueOrFunction ) ? valueOrFunction() : valueOrFunction; s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value == null ? "" : value ); }; // If an array was passed in, assume that it is an array of form elements. if ( Array.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) { // Serialize the form elements jQuery.each( a, function() { add( this.name, this.value ); } ); } else { // If traditional, encode the "old" way (the way 1.3.2 or older // did it), otherwise encode params recursively. for ( prefix in a ) { buildParams( prefix, a[ prefix ], traditional, add ); } } // Return the resulting serialization return s.join( "&" ); }; jQuery.fn.extend( { serialize: function() { return jQuery.param( this.serializeArray() ); }, serializeArray: function() { return this.map( function() { // Can add propHook for "elements" to filter or add form elements var elements = jQuery.prop( this, "elements" ); return elements ? jQuery.makeArray( elements ) : this; } ) .filter( function() { var type = this.type; // Use .is( ":disabled" ) so that fieldset[disabled] works return this.name && !jQuery( this ).is( ":disabled" ) && rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) && ( this.checked || !rcheckableType.test( type ) ); } ) .map( function( i, elem ) { var val = jQuery( this ).val(); if ( val == null ) { return null; } if ( Array.isArray( val ) ) { return jQuery.map( val, function( val ) { return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) }; } ); } return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) }; } ).get(); } } ); var r20 = /%20/g, rhash = /#.*$/, rantiCache = /([?&])_=[^&]*/, rheaders = /^(.*?):[ \t]*([^\r\n]*)$/mg, // #7653, #8125, #8152: local protocol detection rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/, rnoContent = /^(?:GET|HEAD)$/, rprotocol = /^\/\//, /* Prefilters * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example) * 2) These are called: * - BEFORE asking for a transport * - AFTER param serialization (s.data is a string if s.processData is true) * 3) key is the dataType * 4) the catchall symbol "*" can be used * 5) execution will start with transport dataType and THEN continue down to "*" if needed */ prefilters = {}, /* Transports bindings * 1) key is the dataType * 2) the catchall symbol "*" can be used * 3) selection will start with transport dataType and THEN go to "*" if needed */ transports = {}, // Avoid comment-prolog char sequence (#10098); must appease lint and evade compression allTypes = "*/".concat( "*" ), // Anchor tag for parsing the document origin originAnchor = document.createElement( "a" ); originAnchor.href = location.href; // Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport function addToPrefiltersOrTransports( structure ) { // dataTypeExpression is optional and defaults to "*" return function( dataTypeExpression, func ) { if ( typeof dataTypeExpression !== "string" ) { func = dataTypeExpression; dataTypeExpression = "*"; } var dataType, i = 0, dataTypes = dataTypeExpression.toLowerCase().match( rnothtmlwhite ) || []; if ( isFunction( func ) ) { // For each dataType in the dataTypeExpression while ( ( dataType = dataTypes[ i++ ] ) ) { // Prepend if requested if ( dataType[ 0 ] === "+" ) { dataType = dataType.slice( 1 ) || "*"; ( structure[ dataType ] = structure[ dataType ] || [] ).unshift( func ); // Otherwise append } else { ( structure[ dataType ] = structure[ dataType ] || [] ).push( func ); } } } }; } // Base inspection function for prefilters and transports function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR ) { var inspected = {}, seekingTransport = ( structure === transports ); function inspect( dataType ) { var selected; inspected[ dataType ] = true; jQuery.each( structure[ dataType ] || [], function( _, prefilterOrFactory ) { var dataTypeOrTransport = prefilterOrFactory( options, originalOptions, jqXHR ); if ( typeof dataTypeOrTransport === "string" && !seekingTransport && !inspected[ dataTypeOrTransport ] ) { options.dataTypes.unshift( dataTypeOrTransport ); inspect( dataTypeOrTransport ); return false; } else if ( seekingTransport ) { return !( selected = dataTypeOrTransport ); } } ); return selected; } return inspect( options.dataTypes[ 0 ] ) || !inspected[ "*" ] && inspect( "*" ); } // A special extend for ajax options // that takes "flat" options (not to be deep extended) // Fixes #9887 function ajaxExtend( target, src ) { var key, deep, flatOptions = jQuery.ajaxSettings.flatOptions || {}; for ( key in src ) { if ( src[ key ] !== undefined ) { ( flatOptions[ key ] ? target : ( deep || ( deep = {} ) ) )[ key ] = src[ key ]; } } if ( deep ) { jQuery.extend( true, target, deep ); } return target; } /* Handles responses to an ajax request: * - finds the right dataType (mediates between content-type and expected dataType) * - returns the corresponding response */ function ajaxHandleResponses( s, jqXHR, responses ) { var ct, type, finalDataType, firstDataType, contents = s.contents, dataTypes = s.dataTypes; // Remove auto dataType and get content-type in the process while ( dataTypes[ 0 ] === "*" ) { dataTypes.shift(); if ( ct === undefined ) { ct = s.mimeType || jqXHR.getResponseHeader( "Content-Type" ); } } // Check if we're dealing with a known content-type if ( ct ) { for ( type in contents ) { if ( contents[ type ] && contents[ type ].test( ct ) ) { dataTypes.unshift( type ); break; } } } // Check to see if we have a response for the expected dataType if ( dataTypes[ 0 ] in responses ) { finalDataType = dataTypes[ 0 ]; } else { // Try convertible dataTypes for ( type in responses ) { if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[ 0 ] ] ) { finalDataType = type; break; } if ( !firstDataType ) { firstDataType = type; } } // Or just use first one finalDataType = finalDataType || firstDataType; } // If we found a dataType // We add the dataType to the list if needed // and return the corresponding response if ( finalDataType ) { if ( finalDataType !== dataTypes[ 0 ] ) { dataTypes.unshift( finalDataType ); } return responses[ finalDataType ]; } } /* Chain conversions given the request and the original response * Also sets the responseXXX fields on the jqXHR instance */ function ajaxConvert( s, response, jqXHR, isSuccess ) { var conv2, current, conv, tmp, prev, converters = {}, // Work with a copy of dataTypes in case we need to modify it for conversion dataTypes = s.dataTypes.slice(); // Create converters map with lowercased keys if ( dataTypes[ 1 ] ) { for ( conv in s.converters ) { converters[ conv.toLowerCase() ] = s.converters[ conv ]; } } current = dataTypes.shift(); // Convert to each sequential dataType while ( current ) { if ( s.responseFields[ current ] ) { jqXHR[ s.responseFields[ current ] ] = response; } // Apply the dataFilter if provided if ( !prev && isSuccess && s.dataFilter ) { response = s.dataFilter( response, s.dataType ); } prev = current; current = dataTypes.shift(); if ( current ) { // There's only work to do if current dataType is non-auto if ( current === "*" ) { current = prev; // Convert response if prev dataType is non-auto and differs from current } else if ( prev !== "*" && prev !== current ) { // Seek a direct converter conv = converters[ prev + " " + current ] || converters[ "* " + current ]; // If none found, seek a pair if ( !conv ) { for ( conv2 in converters ) { // If conv2 outputs current tmp = conv2.split( " " ); if ( tmp[ 1 ] === current ) { // If prev can be converted to accepted input conv = converters[ prev + " " + tmp[ 0 ] ] || converters[ "* " + tmp[ 0 ] ]; if ( conv ) { // Condense equivalence converters if ( conv === true ) { conv = converters[ conv2 ]; // Otherwise, insert the intermediate dataType } else if ( converters[ conv2 ] !== true ) { current = tmp[ 0 ]; dataTypes.unshift( tmp[ 1 ] ); } break; } } } } // Apply converter (if not an equivalence) if ( conv !== true ) { // Unless errors are allowed to bubble, catch and return them if ( conv && s.throws ) { response = conv( response ); } else { try { response = conv( response ); } catch ( e ) { return { state: "parsererror", error: conv ? e : "No conversion from " + prev + " to " + current }; } } } } } } return { state: "success", data: response }; } jQuery.extend( { // Counter for holding the number of active queries active: 0, // Last-Modified header cache for next request lastModified: {}, etag: {}, ajaxSettings: { url: location.href, type: "GET", isLocal: rlocalProtocol.test( location.protocol ), global: true, processData: true, async: true, contentType: "application/x-www-form-urlencoded; charset=UTF-8", /* timeout: 0, data: null, dataType: null, username: null, password: null, cache: null, throws: false, traditional: false, headers: {}, */ accepts: { "*": allTypes, text: "text/plain", html: "text/html", xml: "application/xml, text/xml", json: "application/json, text/javascript" }, contents: { xml: /\bxml\b/, html: /\bhtml/, json: /\bjson\b/ }, responseFields: { xml: "responseXML", text: "responseText", json: "responseJSON" }, // Data converters // Keys separate source (or catchall "*") and destination types with a single space converters: { // Convert anything to text "* text": String, // Text to html (true = no transformation) "text html": true, // Evaluate text as a json expression "text json": JSON.parse, // Parse text as xml "text xml": jQuery.parseXML }, // For options that shouldn't be deep extended: // you can add your own custom options here if // and when you create one that shouldn't be // deep extended (see ajaxExtend) flatOptions: { url: true, context: true } }, // Creates a full fledged settings object into target // with both ajaxSettings and settings fields. // If target is omitted, writes into ajaxSettings. ajaxSetup: function( target, settings ) { return settings ? // Building a settings object ajaxExtend( ajaxExtend( target, jQuery.ajaxSettings ), settings ) : // Extending ajaxSettings ajaxExtend( jQuery.ajaxSettings, target ); }, ajaxPrefilter: addToPrefiltersOrTransports( prefilters ), ajaxTransport: addToPrefiltersOrTransports( transports ), // Main method ajax: function( url, options ) { // If url is an object, simulate pre-1.5 signature if ( typeof url === "object" ) { options = url; url = undefined; } // Force options to be an object options = options || {}; var transport, // URL without anti-cache param cacheURL, // Response headers responseHeadersString, responseHeaders, // timeout handle timeoutTimer, // Url cleanup var urlAnchor, // Request state (becomes false upon send and true upon completion) completed, // To know if global events are to be dispatched fireGlobals, // Loop variable i, // uncached part of the url uncached, // Create the final options object s = jQuery.ajaxSetup( {}, options ), // Callbacks context callbackContext = s.context || s, // Context for global events is callbackContext if it is a DOM node or jQuery collection globalEventContext = s.context && ( callbackContext.nodeType || callbackContext.jquery ) ? jQuery( callbackContext ) : jQuery.event, // Deferreds deferred = jQuery.Deferred(), completeDeferred = jQuery.Callbacks( "once memory" ), // Status-dependent callbacks statusCode = s.statusCode || {}, // Headers (they are sent all at once) requestHeaders = {}, requestHeadersNames = {}, // Default abort message strAbort = "canceled", // Fake xhr jqXHR = { readyState: 0, // Builds headers hashtable if needed getResponseHeader: function( key ) { var match; if ( completed ) { if ( !responseHeaders ) { responseHeaders = {}; while ( ( match = rheaders.exec( responseHeadersString ) ) ) { responseHeaders[ match[ 1 ].toLowerCase() ] = match[ 2 ]; } } match = responseHeaders[ key.toLowerCase() ]; } return match == null ? null : match; }, // Raw string getAllResponseHeaders: function() { return completed ? responseHeadersString : null; }, // Caches the header setRequestHeader: function( name, value ) { if ( completed == null ) { name = requestHeadersNames[ name.toLowerCase() ] = requestHeadersNames[ name.toLowerCase() ] || name; requestHeaders[ name ] = value; } return this; }, // Overrides response content-type header overrideMimeType: function( type ) { if ( completed == null ) { s.mimeType = type; } return this; }, // Status-dependent callbacks statusCode: function( map ) { var code; if ( map ) { if ( completed ) { // Execute the appropriate callbacks jqXHR.always( map[ jqXHR.status ] ); } else { // Lazy-add the new callbacks in a way that preserves old ones for ( code in map ) { statusCode[ code ] = [ statusCode[ code ], map[ code ] ]; } } } return this; }, // Cancel the request abort: function( statusText ) { var finalText = statusText || strAbort; if ( transport ) { transport.abort( finalText ); } done( 0, finalText ); return this; } }; // Attach deferreds deferred.promise( jqXHR ); // Add protocol if not provided (prefilters might expect it) // Handle falsy url in the settings object (#10093: consistency with old signature) // We also use the url parameter if available s.url = ( ( url || s.url || location.href ) + "" ) .replace( rprotocol, location.protocol + "//" ); // Alias method option to type as per ticket #12004 s.type = options.method || options.type || s.method || s.type; // Extract dataTypes list s.dataTypes = ( s.dataType || "*" ).toLowerCase().match( rnothtmlwhite ) || [ "" ]; // A cross-domain request is in order when the origin doesn't match the current origin. if ( s.crossDomain == null ) { urlAnchor = document.createElement( "a" ); // Support: IE <=8 - 11, Edge 12 - 15 // IE throws exception on accessing the href property if url is malformed, // e.g. http://example.com:80x/ try { urlAnchor.href = s.url; // Support: IE <=8 - 11 only // Anchor's host property isn't correctly set when s.url is relative urlAnchor.href = urlAnchor.href; s.crossDomain = originAnchor.protocol + "//" + originAnchor.host !== urlAnchor.protocol + "//" + urlAnchor.host; } catch ( e ) { // If there is an error parsing the URL, assume it is crossDomain, // it can be rejected by the transport if it is invalid s.crossDomain = true; } } // Convert data if not already a string if ( s.data && s.processData && typeof s.data !== "string" ) { s.data = jQuery.param( s.data, s.traditional ); } // Apply prefilters inspectPrefiltersOrTransports( prefilters, s, options, jqXHR ); // If request was aborted inside a prefilter, stop there if ( completed ) { return jqXHR; } // We can fire global events as of now if asked to // Don't fire events if jQuery.event is undefined in an AMD-usage scenario (#15118) fireGlobals = jQuery.event && s.global; // Watch for a new set of requests if ( fireGlobals && jQuery.active++ === 0 ) { jQuery.event.trigger( "ajaxStart" ); } // Uppercase the type s.type = s.type.toUpperCase(); // Determine if request has content s.hasContent = !rnoContent.test( s.type ); // Save the URL in case we're toying with the If-Modified-Since // and/or If-None-Match header later on // Remove hash to simplify url manipulation cacheURL = s.url.replace( rhash, "" ); // More options handling for requests with no content if ( !s.hasContent ) { // Remember the hash so we can put it back uncached = s.url.slice( cacheURL.length ); // If data is available and should be processed, append data to url if ( s.data && ( s.processData || typeof s.data === "string" ) ) { cacheURL += ( rquery.test( cacheURL ) ? "&" : "?" ) + s.data; // #9682: remove data so that it's not used in an eventual retry delete s.data; } // Add or update anti-cache param if needed if ( s.cache === false ) { cacheURL = cacheURL.replace( rantiCache, "$1" ); uncached = ( rquery.test( cacheURL ) ? "&" : "?" ) + "_=" + ( nonce++ ) + uncached; } // Put hash and anti-cache on the URL that will be requested (gh-1732) s.url = cacheURL + uncached; // Change '%20' to '+' if this is encoded form body content (gh-2658) } else if ( s.data && s.processData && ( s.contentType || "" ).indexOf( "application/x-www-form-urlencoded" ) === 0 ) { s.data = s.data.replace( r20, "+" ); } // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode. if ( s.ifModified ) { if ( jQuery.lastModified[ cacheURL ] ) { jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ cacheURL ] ); } if ( jQuery.etag[ cacheURL ] ) { jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ cacheURL ] ); } } // Set the correct header, if data is being sent if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) { jqXHR.setRequestHeader( "Content-Type", s.contentType ); } // Set the Accepts header for the server, depending on the dataType jqXHR.setRequestHeader( "Accept", s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[ 0 ] ] ? s.accepts[ s.dataTypes[ 0 ] ] + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) : s.accepts[ "*" ] ); // Check for headers option for ( i in s.headers ) { jqXHR.setRequestHeader( i, s.headers[ i ] ); } // Allow custom headers/mimetypes and early abort if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || completed ) ) { // Abort if not done already and return return jqXHR.abort(); } // Aborting is no longer a cancellation strAbort = "abort"; // Install callbacks on deferreds completeDeferred.add( s.complete ); jqXHR.done( s.success ); jqXHR.fail( s.error ); // Get transport transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR ); // If no transport, we auto-abort if ( !transport ) { done( -1, "No Transport" ); } else { jqXHR.readyState = 1; // Send global event if ( fireGlobals ) { globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] ); } // If request was aborted inside ajaxSend, stop there if ( completed ) { return jqXHR; } // Timeout if ( s.async && s.timeout > 0 ) { timeoutTimer = window.setTimeout( function() { jqXHR.abort( "timeout" ); }, s.timeout ); } try { completed = false; transport.send( requestHeaders, done ); } catch ( e ) { // Rethrow post-completion exceptions if ( completed ) { throw e; } // Propagate others as results done( -1, e ); } } // Callback for when everything is done function done( status, nativeStatusText, responses, headers ) { var isSuccess, success, error, response, modified, statusText = nativeStatusText; // Ignore repeat invocations if ( completed ) { return; } completed = true; // Clear timeout if it exists if ( timeoutTimer ) { window.clearTimeout( timeoutTimer ); } // Dereference transport for early garbage collection // (no matter how long the jqXHR object will be used) transport = undefined; // Cache response headers responseHeadersString = headers || ""; // Set readyState jqXHR.readyState = status > 0 ? 4 : 0; // Determine if successful isSuccess = status >= 200 && status < 300 || status === 304; // Get response data if ( responses ) { response = ajaxHandleResponses( s, jqXHR, responses ); } // Convert no matter what (that way responseXXX fields are always set) response = ajaxConvert( s, response, jqXHR, isSuccess ); // If successful, handle type chaining if ( isSuccess ) { // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode. if ( s.ifModified ) { modified = jqXHR.getResponseHeader( "Last-Modified" ); if ( modified ) { jQuery.lastModified[ cacheURL ] = modified; } modified = jqXHR.getResponseHeader( "etag" ); if ( modified ) { jQuery.etag[ cacheURL ] = modified; } } // if no content if ( status === 204 || s.type === "HEAD" ) { statusText = "nocontent"; // if not modified } else if ( status === 304 ) { statusText = "notmodified"; // If we have data, let's convert it } else { statusText = response.state; success = response.data; error = response.error; isSuccess = !error; } } else { // Extract error from statusText and normalize for non-aborts error = statusText; if ( status || !statusText ) { statusText = "error"; if ( status < 0 ) { status = 0; } } } // Set data for the fake xhr object jqXHR.status = status; jqXHR.statusText = ( nativeStatusText || statusText ) + ""; // Success/Error if ( isSuccess ) { deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] ); } else { deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] ); } // Status-dependent callbacks jqXHR.statusCode( statusCode ); statusCode = undefined; if ( fireGlobals ) { globalEventContext.trigger( isSuccess ? "ajaxSuccess" : "ajaxError", [ jqXHR, s, isSuccess ? success : error ] ); } // Complete completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] ); if ( fireGlobals ) { globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] ); // Handle the global AJAX counter if ( !( --jQuery.active ) ) { jQuery.event.trigger( "ajaxStop" ); } } } return jqXHR; }, getJSON: function( url, data, callback ) { return jQuery.get( url, data, callback, "json" ); }, getScript: function( url, callback ) { return jQuery.get( url, undefined, callback, "script" ); } } ); jQuery.each( [ "get", "post" ], function( i, method ) { jQuery[ method ] = function( url, data, callback, type ) { // Shift arguments if data argument was omitted if ( isFunction( data ) ) { type = type || callback; callback = data; data = undefined; } // The url can be an options object (which then must have .url) return jQuery.ajax( jQuery.extend( { url: url, type: method, dataType: type, data: data, success: callback }, jQuery.isPlainObject( url ) && url ) ); }; } ); jQuery._evalUrl = function( url ) { return jQuery.ajax( { url: url, // Make this explicit, since user can override this through ajaxSetup (#11264) type: "GET", dataType: "script", cache: true, async: false, global: false, "throws": true } ); }; jQuery.fn.extend( { wrapAll: function( html ) { var wrap; if ( this[ 0 ] ) { if ( isFunction( html ) ) { html = html.call( this[ 0 ] ); } // The elements to wrap the target around wrap = jQuery( html, this[ 0 ].ownerDocument ).eq( 0 ).clone( true ); if ( this[ 0 ].parentNode ) { wrap.insertBefore( this[ 0 ] ); } wrap.map( function() { var elem = this; while ( elem.firstElementChild ) { elem = elem.firstElementChild; } return elem; } ).append( this ); } return this; }, wrapInner: function( html ) { if ( isFunction( html ) ) { return this.each( function( i ) { jQuery( this ).wrapInner( html.call( this, i ) ); } ); } return this.each( function() { var self = jQuery( this ), contents = self.contents(); if ( contents.length ) { contents.wrapAll( html ); } else { self.append( html ); } } ); }, wrap: function( html ) { var htmlIsFunction = isFunction( html ); return this.each( function( i ) { jQuery( this ).wrapAll( htmlIsFunction ? html.call( this, i ) : html ); } ); }, unwrap: function( selector ) { this.parent( selector ).not( "body" ).each( function() { jQuery( this ).replaceWith( this.childNodes ); } ); return this; } } ); jQuery.expr.pseudos.hidden = function( elem ) { return !jQuery.expr.pseudos.visible( elem ); }; jQuery.expr.pseudos.visible = function( elem ) { return !!( elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length ); }; jQuery.ajaxSettings.xhr = function() { try { return new window.XMLHttpRequest(); } catch ( e ) {} }; var xhrSuccessStatus = { // File protocol always yields status code 0, assume 200 0: 200, // Support: IE <=9 only // #1450: sometimes IE returns 1223 when it should be 204 1223: 204 }, xhrSupported = jQuery.ajaxSettings.xhr(); support.cors = !!xhrSupported && ( "withCredentials" in xhrSupported ); support.ajax = xhrSupported = !!xhrSupported; jQuery.ajaxTransport( function( options ) { var callback, errorCallback; // Cross domain only allowed if supported through XMLHttpRequest if ( support.cors || xhrSupported && !options.crossDomain ) { return { send: function( headers, complete ) { var i, xhr = options.xhr(); xhr.open( options.type, options.url, options.async, options.username, options.password ); // Apply custom fields if provided if ( options.xhrFields ) { for ( i in options.xhrFields ) { xhr[ i ] = options.xhrFields[ i ]; } } // Override mime type if needed if ( options.mimeType && xhr.overrideMimeType ) { xhr.overrideMimeType( options.mimeType ); } // X-Requested-With header // For cross-domain requests, seeing as conditions for a preflight are // akin to a jigsaw puzzle, we simply never set it to be sure. // (it can always be set on a per-request basis or even using ajaxSetup) // For same-domain requests, won't change header if already provided. if ( !options.crossDomain && !headers[ "X-Requested-With" ] ) { headers[ "X-Requested-With" ] = "XMLHttpRequest"; } // Set headers for ( i in headers ) { xhr.setRequestHeader( i, headers[ i ] ); } // Callback callback = function( type ) { return function() { if ( callback ) { callback = errorCallback = xhr.onload = xhr.onerror = xhr.onabort = xhr.ontimeout = xhr.onreadystatechange = null; if ( type === "abort" ) { xhr.abort(); } else if ( type === "error" ) { // Support: IE <=9 only // On a manual native abort, IE9 throws // errors on any property access that is not readyState if ( typeof xhr.status !== "number" ) { complete( 0, "error" ); } else { complete( // File: protocol always yields status 0; see #8605, #14207 xhr.status, xhr.statusText ); } } else { complete( xhrSuccessStatus[ xhr.status ] || xhr.status, xhr.statusText, // Support: IE <=9 only // IE9 has no XHR2 but throws on binary (trac-11426) // For XHR2 non-text, let the caller handle it (gh-2498) ( xhr.responseType || "text" ) !== "text" || typeof xhr.responseText !== "string" ? { binary: xhr.response } : { text: xhr.responseText }, xhr.getAllResponseHeaders() ); } } }; }; // Listen to events xhr.onload = callback(); errorCallback = xhr.onerror = xhr.ontimeout = callback( "error" ); // Support: IE 9 only // Use onreadystatechange to replace onabort // to handle uncaught aborts if ( xhr.onabort !== undefined ) { xhr.onabort = errorCallback; } else { xhr.onreadystatechange = function() { // Check readyState before timeout as it changes if ( xhr.readyState === 4 ) { // Allow onerror to be called first, // but that will not handle a native abort // Also, save errorCallback to a variable // as xhr.onerror cannot be accessed window.setTimeout( function() { if ( callback ) { errorCallback(); } } ); } }; } // Create the abort callback callback = callback( "abort" ); try { // Do send the request (this may raise an exception) xhr.send( options.hasContent && options.data || null ); } catch ( e ) { // #14683: Only rethrow if this hasn't been notified as an error yet if ( callback ) { throw e; } } }, abort: function() { if ( callback ) { callback(); } } }; } } ); // Prevent auto-execution of scripts when no explicit dataType was provided (See gh-2432) jQuery.ajaxPrefilter( function( s ) { if ( s.crossDomain ) { s.contents.script = false; } } ); // Install script dataType jQuery.ajaxSetup( { accepts: { script: "text/javascript, application/javascript, " + "application/ecmascript, application/x-ecmascript" }, contents: { script: /\b(?:java|ecma)script\b/ }, converters: { "text script": function( text ) { jQuery.globalEval( text ); return text; } } } ); // Handle cache's special case and crossDomain jQuery.ajaxPrefilter( "script", function( s ) { if ( s.cache === undefined ) { s.cache = false; } if ( s.crossDomain ) { s.type = "GET"; } } ); // Bind script tag hack transport jQuery.ajaxTransport( "script", function( s ) { // This transport only deals with cross domain requests if ( s.crossDomain ) { var script, callback; return { send: function( _, complete ) { script = jQuery( "