diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..0b0fd5d Binary files /dev/null and b/.DS_Store differ diff --git a/.htaccess b/.htaccess new file mode 100644 index 0000000..b0a6f81 --- /dev/null +++ b/.htaccess @@ -0,0 +1,20 @@ +## EXPIRES CACHING ## + +ExpiresActive On +ExpiresByType image/jpg "access 1 year" +ExpiresByType image/jpeg "access 1 year" +ExpiresByType image/gif "access 1 year" +ExpiresByType image/png "access 1 year" +ExpiresByType image/svg+xml "access plus 1 year" +ExpiresByType text/css "access 1 month" +ExpiresByType application/pdf "access 1 month" +ExpiresByType application/javascript "access 1 month" +ExpiresByType application/x-javascript "access 1 month" +ExpiresByType application/x-shockwave-flash "access 1 month" +ExpiresByType image/x-icon "access 1 year" +ExpiresDefault "access 2 days" + + +ForceType application/json + +## EXPIRES CACHING ## \ No newline at end of file diff --git a/.well-known/apple-app-site-association b/.well-known/apple-app-site-association new file mode 100644 index 0000000..05af907 --- /dev/null +++ b/.well-known/apple-app-site-association @@ -0,0 +1,15 @@ +{ + "applinks": { + "apps": [], + "details": [ + { + "appID": "AKZ9SS86G7.com.townsuite.mobile", + "paths": [ "/issue/view" ] + }, + { + "appID": "AG7TGAU4VY.com.townsuite.mobile", + "paths": [ "/issue/view" ] + } + ] + } +} \ No newline at end of file diff --git a/.well-known/test.html b/.well-known/test.html new file mode 100644 index 0000000..85041c5 --- /dev/null +++ b/.well-known/test.html @@ -0,0 +1,5 @@ + + +

test

+ + \ No newline at end of file diff --git a/2019 TownSuite Profile.pdf b/2019 TownSuite Profile.pdf new file mode 100644 index 0000000..936914f Binary files /dev/null and b/2019 TownSuite Profile.pdf differ diff --git a/404.html b/404.html new file mode 100644 index 0000000..8448b9d --- /dev/null +++ b/404.html @@ -0,0 +1,163 @@ + + + + + + + + + + + + + + + + + + TownSuite Events - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ +
+ +
+
+
+ + +
+ +
+
+

404 Page not found

+

What you were searching for does not seem to exist please try again or go back home.

+
+ + + + + + + + + + diff --git a/500.html b/500.html new file mode 100644 index 0000000..c21abe6 --- /dev/null +++ b/500.html @@ -0,0 +1,23 @@ + + + +503 - Service unavailable + + +
+

Hmm...

+

503 - Service unavailable

+

It appears you are experiencing technical difficulties navigating the site. Please click the button below to get back on course.

+ +
+
+
+
+
+ + +
+
+
+ + diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..f2a4a45 --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +townsuite.com \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..67aebcc --- /dev/null +++ b/README.md @@ -0,0 +1,2 @@ +# TownSuite.com +2017 Website WIP. diff --git a/TownSuiteProfile.pdf b/TownSuiteProfile.pdf new file mode 100644 index 0000000..5f34a69 Binary files /dev/null and b/TownSuiteProfile.pdf differ diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..db186b3 --- /dev/null +++ b/_config.yml @@ -0,0 +1 @@ +include: [".well-known"] \ No newline at end of file diff --git a/about.html b/about.html new file mode 100644 index 0000000..77b5660 --- /dev/null +++ b/about.html @@ -0,0 +1,214 @@ + + + + + + + + + + + + + + + + + + + About TownSuite - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + +
+ +
+
+
+ + +
+ + +
+
+
+

TownSuite Municipal Software is a municipal technology company that builds simple yet powerful software focusing solely on local government.

+
+
+
+

What we've built

+

Municipal employees across Canada use TownSuite to work the way they want. Including over 150 implementations of our various products over the last 5 years. With over 160 municipalities leveraging TownSuite, we're transforming everyday + municipal operations and giving people like you the ability to better connect to your municipal information.

+
+
+ +
+
+
+
+

What we value

+

We create products that connect across municipal departments, and that are easy to use. Our mindset is that information should only be inputted once. In addition, when people use TownSuite they know that their information is safe and can + be retrieved at anytime. Having trust and reassurance that TownSuite will continue to grow with them as their requirements change is a nice thing to know before signing the dotted line. Simplifying our users' requirements while expanding + their reach has always been our first priority, and always will be. +

+
+ +
+ +
+
+

We're growing fast,
see how you can contribute.

+ See our job openings +

or

+ Become a partner +
+ +
+
+ + + + + + + + + +
+ + + + diff --git a/apps.html b/apps.html new file mode 100644 index 0000000..026a50c --- /dev/null +++ b/apps.html @@ -0,0 +1,487 @@ + + + + + + + + + + + + + + + + + + Our Apps - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ +
+ +
+
+
+ + +
+ +
+
+
+
+

TownSuite Apps

+

Desktop. Web. Mobile. Working together in harmony.

+
+
+
+
+
+
+
+
+
+
+
+
+

Desktop Apps

+

Covering a wide gamut of offerings, TownSuite Desktop Apps offer robust enterprise grade applications for your municipality. With the potential to span across all departments of your municipality, TownSuite keeps your information. + This is only a partial listing of commonly used features. +

+ Learn more +
+ +
+
+
+
+
+
+

TownSuite Desktop Apps features of our Desktop Apps include:

+
+
+

Finance

+

Accounts Receivable, Accounts Payable, General Ledger and Miscellaneous Billing.

+
+
+

Permitting

+

Manage the entire permitting process - from initial application to final approval. Link to subdivision applications. Create your own individual set of required and prerequisite processes for each application type including deadlines, and email notifications. +

+
+
+

Work Management

+

Manage work requests, work orders and scheduling of resources like personnel, equipment and inventory to get the job done!

+
+
+

Property Taxes

+

Property Taxation with connections to most provincial assessment agencies across Canada. Property features also provide Tax Sale tools.

+
+
+

Utility Bills

+

Manage metered or unmetered utility billing for any utility that your municipality provides - any combination of electrical, gas, internet, water and/or sewer.

+
+
+

GIS / Mapping

+

Connect to your existing GIS resources and make GIS accessible and interactive for anyone. Connect to properties, meters, permits, by-law infractions, assets and work locations right from TownSuite!

+
+
+

Banking

+

Import banking information and reconcile multiple bank accounts from various sources with ease. +

+
+
+

Purchasing

+

Manage quotes, requisitions and create purchase orders.

+
+
+

Budgeting

+

Comprehensive budgeting and real time posting means your budget performance reports are always up to date.

+
+
+

Inspections

+

Manage building inspections at every required stage of the building process. Record inspection results, violations / failed inspections and track until resolution.

+
+
+

Fixed Asset Management

+

Fixed assets are easily managed using a made-for-municipalities solution that easily connects your assets to your GL, work and your GIS. Track all required information, easily calculate and post amortization, split assets, update useful life, add improvements and more!

+
+
+

HRIS

+

Easily process and administer Payroll with easy to use timesheet entry, payroll processing, direct deposit and automated tax table updates. Provide staff access to edelivery of paystubs, access to personal information and provide online tools for leave requests and timesheet entry.

+
+
+

Comprehensive Reporting

+

TownSuite has thousands of standard reports. All reports are criteria driven, meaning you can produce numerous variations of the same report depending on your needs.

+
+
+

Document Management

+

Electronic files can be attached to any type of account, meaning you don’t have to continuously look for information that is outside of TownSuite. Bring it in! Stop searching.

+
+
+

User Defined Processes

+

With configurable processes and setup, TownSuite is set up to work the way you want your municipality to work.

+
+
+

Connected

+

Connect your information, your people and your departments to information that is always up to date.

+
+
+

Priority Support

+

Our technical support puts you first. Our team has a depth of municipal accounting experience that ensures you get the solutions you need.

+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+

Web Apps

+

Leveraging the coverage of our Desktop Apps, TownSuite Web Apps provide more functionality for your staff and your stakeholders, even when they are on the move. Our Web Apps delve into more departmentalized functions through + applications that are the right fit for any municipality.

+ Learn more +
+
+
+
+
+
+
+

TownSuite Web Apps features of our Web Apps include:

+
+
+

eBilling

+

eBilling makes sending your property tax, utility bills and miscellaneous bills a snap from TownSuite Financial.

+

Easily view complete transaction history including past invoices and receipts for any invoice processed in TownSuite. Also view utility consumption trends for up to three previous years.

+
+
+

Event / Program Registration

+

Your municpiality can use our Event / Program registration to offer online registration to your stakeholders for any type of event or program. Children's programming, Senior's programming and everything + in between including fitness oriented activity or learning opporutnities.

+
+
+

Online Payments

+

We integrate with several PCI compliant payment gateways to enable online payments for your customers' accounts. Pay property tax, utility bills, miscellaneous bills and also pay for event/program registrations, + event tickets or facilities bookings, from home, office or on the go. Transactions are automatically receipted in TownSuite Financial.

+
+
+

Event Ticketing

+

Event ticketing enables your municipality to generate electronic, scannable tickets for your customer for virtually any ticketed event - concerts, dinners or other social gatherings where a ticket and possibly + seat selection is required.

+
+
+

Facility Booking

+

Provide a tool for your staff AND your stakeholders to book facilities. Staff can book internal events, or events with a partnering agency. Stakeholders can book facilities for privately organized events + like parties, craft fairs, industry events, etc.

+
+
+

Widgets

+

Embeddable widgets like a Facility calendar or Events calendar can be embedded on your website for access without login credentials.

+
+
+

Service Requests

+

Service requests make it easy for your staff and your stakeholders to submit requests for service. Staff can track open / close tickets, reassign labels, and view up to the second statistics about open or + close tickets. Link to Work Orders, and link to your Financial customers to connect your municipal information.

+
+
+

Point of Sale

+

Process transactions through our secure web browser interface, along with accepting event registrations, facilities bookings and memberships for customers who may not have an eServices account. Manage small + transactions like canteen sales or general admission.

+
+
+

Employee Portal

+

Electronically deliver paystubs to your staff accounts. Accept and approve online submission of timesheets and leave requests.

+
+
+

User Defined Processes

+

With configurable processes and setup, TownSuite is set up to work the way you want your municipality to work.

+
+
+

Connected

+

Connect your information, your people and your departments to information that is always up to date.

+
+
+

Priority Support

+

Our technical support puts you first. Online ticketed support also provides your customers with help when they need it. Our team has a depth of municipal experience that ensures you get the solutions you + need.

+
+
+

More to Come

+

Stay tuned for more applications including mobile inspections, inspection requests and online permit applications.

+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+

Mobile Apps

+

TownSuite Mobile Apps are the perfect complement to our Desktop and Web Apps. Made to work together, our Mobile Apps leverage your municipal information by making more tools available in an easy to use interface.

+ Learn more +
+ +
+
+
+
+
+
+

TownSuite Mobile Apps features of our Mobile Apps include:

+
+
+

Financial Receipts

+

View or reprint receipts by Customer, including miscellaneous receipts, right from TownSuite Financial.

+
+
+

Tasks

+

View your assigned tasks that have been delegated by an authorized staff member from the Work Order Module. Change the status of any assigned task, as well as track your start / stop times for PR records. +

+
+
+

Events

+

Use our Event tab to scan tickets at entry of events like concerts, dinners, or other social gatherings that required tickets for entry. This app feature is used to track attendance and statistics associated + with events, linking to the Events Web App.

+
+
+

Service Requests

+

View your assigned service requests, including responding to and/or documenting information about a particular service request, linking directly back to our Service Request Web App, along with Work Orders.

+
+
+

Work Orders

+

Create, view and update Work Orders in the field. Enter estimated start / end times and assign to a specific Department. +

+
+

Connected

+

Connect your information, your people and your departments to information that is always up to date.

+
+
+

Priority Support

+

Our technical support puts you first. Our team has a depth of municipal experience that ensures you get the solutions you need.

+
+
+

User Defined Processes

+

With configurable processes and setup, TownSuite is set up to work the way you want your municipality to work.

+
+
+

More to Come

+

Stay tuned for more applications including mobile inspections, inspection requests and online permit applications.

+
+
+
+
+
+
+
+
+
+ + + + + +
+
+ + + + +
+

See detailed specific features of TownSuite

+ +
+

Interested in using TownSuite for work?

+ Try TownSuite +
+ + +
+ + + + + + + + + +
+ + + + + + diff --git a/asset-management.html b/asset-management.html new file mode 100644 index 0000000..20d0c23 --- /dev/null +++ b/asset-management.html @@ -0,0 +1,316 @@ + + + + + + + + + + + + + + + + + + + Asset Management - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ +
+ +
+
+
+ + +
+ +
+
+
+
+

TownSuite Asset Management

+

Manage your assets, lifecycles and maintence within the same software.

+
+
+
+
+
+
+
+
+
+
+
+
+

Easy To Use, Accessible Asset Management Tools

+

TownSuite Asset Management helps track federal and provincial requirements for asset management and beyond. Use our capital budgeting features to intelligently predict maintenance schedules and remaining useful life. Tie into + GIS data to give visual representation of /assets that could be repaired/replaced to reduce costs.

+
+
+
+
+ +
+
+
+
+

Manage your assets

+

Keep up to date and able to make smarter decisions with TownSuite Asset Management.

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

TownSuite Asset Management Connect and simplify HRM with our offerings:

+
+
+

Track assets

+

Manage information related to your asset inventory, including category and asset class, dimensions, location. Record inspections and view all transaction history associated with each asset.

+
+
+

Track amortization

+

Maintain all information required to calculate, post, and update amortization, including amortization method, cost, and useful life.

+
+
+

View within GIS

+

Link all assets to a spatial ID to query and view single assets or query results - visualize what is in the ground to better plan for asset maintenance, replacement and new asset implementation. Track work order locations + or create work orders from GIS locations.

+
+
+

Connected to finances

+

Capital budgeting, import assets, calculate and post amortization, asset disposal, parent and child relationships.

+
+
+

Visibility

+

View assets at a glance, see what needs to be maintained or replaced. Comprehensive dashboards for visual reporting or use multiple reporting options for detailed drill down reporting options.

+
+
+

Simple

+

Initial imports from our spreadsheet tool validate the information prior to import. Once imported the system does the work maintaining the assets over time.

+
+
+

Connected to CMMS

+

Track work orders, work requests and maintence by individual assets.

+
+
+

Comprehensive reporting

+

TownSuite has thousands of standard reports. All reports are criteria driven, meaning you can produce numerous variations of the same report depending on your needs.

+
+
+

Maintained

+

Software updates, CPI index and continuous improvements included under your subscription.

+
+
+

Priority support

+

Our technical support puts you first. Our team has a depth of municipal accounting experience that ensures you get the solutions you need.

+
+
+
+
+
+
+
+
+ + + + +
+

Get started now

+ + +
+

Learn more before trying TownSuite?

+ View the features +
+
+ + + + + + + + + +
+ + + + + + diff --git a/assets/black.png b/assets/black.png new file mode 100644 index 0000000..0c88e47 Binary files /dev/null and b/assets/black.png differ diff --git a/assets/city.png b/assets/city.png new file mode 100644 index 0000000..d67de54 Binary files /dev/null and b/assets/city.png differ diff --git a/assets/css/500.css b/assets/css/500.css new file mode 100644 index 0000000..6a06868 --- /dev/null +++ b/assets/css/500.css @@ -0,0 +1,246 @@ +@font-face { + font-family: 'dax'; + src: url('https://townsuite.com/assets/css/dax-regular-webfont.eot'); + src: url('https://townsuite.com/assets/css/dax-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('https://townsuite.com/assets/css/dax-regular-webfont.woff') format('woff'), + url('https://townsuite.com/assets/css/dax-regular-webfont.ttf') format('truetype'), + url('https://townsuite.com/assets/css/dax-regular-webfont.svg') format('svg'); + font-weight: normal; + font-style: normal; +} + +*, :before, :after { + box-sizing: border-box; +} + +body { + display: flex; + align-items: center; + background: #d8dfee; + min-width: 275px; + height: 100vh; + margin: 0 10vw; + overflow: hidden; + color: #0f5590; + font-family: "dax", "Open Sans", "lucida grande", "Segoe UI", arial, verdana; +} + +.wrapper { + flex-grow: 2; + width: 40vw; + max-width: 500px; + margin: 0 auto; +} + +h1 { + margin: 0; + font-size: 6em; + font-weight: 100; +} + +p { + width: 95%; + font-size: 1.5em; + line-height: 1.4; +} + +.buttons { + white-space: nowrap; + display: inline-block; +} + +span { + display: block; + text-transform: uppercase; + color: #0f5590; + letter-spacing: 1.5px; + text-align: center; +} + +a { + display: inline-block; + padding: 0.8em 1em; + margin-right: 1em; + margin-bottom: 1em; + border: 3px solid #0f5590; + color: #0f5590; + font-weight: 500; + text-transform: uppercase; + text-decoration: none; + letter-spacing: 0.2em; + position: relative; + overflow: hidden; + transition: 0.3s; + border-radius: 15px; +} +a:hover { + color: #d8dfee; +} +a:hover:before { + top: 0; +} +a:before { + content: ""; + background: #0f5590; + height: 100%; + width: 100%; + position: absolute; + top: -100%; + left: 0; + transition: 0.3s; + z-index: -1; +} + +.space { + width: 150px; + height: calc(50vh + 95px); + border-top-left-radius: 95px; + border-top-right-radius: 95px; + overflow: hidden; + margin: calc(50vh - 95px) auto 0 auto; + position: relative; + pointer-events: none; + -webkit-transform: translateZ(0); +} + +.blackhole { + border: 5px solid #0f5590; + background: #fbfbfb; + height: 150px; + width: 150px; + border-radius: 50%; + position: absolute; + top: 0; + left: 0; +} + + +.ship { + height: 150px; + width: 150px; + margin-left: 30px; + animation: blackhole 5s infinite linear; + position: absolute; + bottom: -150px; + z-index:1; +} + +@keyframes blackhole { + to { + transform: translateY(-100vh); + } +} +@media (max-width: 600px) { + body { + margin: 0 5vw; + } +} + +/* ROCKET STUFF*/ +#rocket-container{ + width: 60px; + right: 50%; + top: 10%; + position: absolute; + animation: shake 1.5s linear infinite; + transform: rotate(0deg); +} + +#rocket{ + z-index: -1; +} + +@keyframes shake{ +10%, 90% { + transform: translate3d(-2px, 1px, 0) rotate(0deg); + } + + 20%, 80% { + transform: translate3d(2px, -1px, 0) rotate(0deg); + + } + + 30%, 50%, 70% { + transform: translate3d(-3px, 0, 0) rotate(0deg); + + } + + 40%, 60% { + transform: translate3d(3px, 0, 0) rotate(0deg); + + } + +} + +/* EXHAUST STUFF*/ + +#flame-1, #flame-2, #flame-3{ + z-index: -1; +} + +#flame-1{ + transform: rotate(180deg); + width: 50px; + position: absolute; +} + +#flame-2{ + transform: rotate(180deg); + width: 55px; + position: absolute; +} + +#flame-3{ + transform: rotate(180deg); + width: 45px; + position: absolute; +} + +#flame-1 { + animation: flicker 111s infinite; + width: 35px; + top: 115px; + left: 7px; +} +#flame-2 { + animation: flicker 111s reverse infinite; + top: 108px; + left: 3px; +} +#flame-3 { + animation: flicker 111s infinite; + width: 45px; + top: 108px; + left: 11px; +} + +@keyframes flicker { + 0% { + background-position:0px 0px; + opacity:.8 +} + 25% { + background-position:0px 0px; +} + 25.1% { + background-position:-100px 0px; +} + 50% { + background-position:-100px 0px; + opacity:.4 +} + 50.1% { + background-position:-200px 0px; +} + 75% { + background-position:-200px 0px; + +} + 75.1% { + background-position:-100px 0px; +} + 100% { + background-position:-100px 0px; + opacity:.8 +} +} diff --git a/assets/css/about.css b/assets/css/about.css new file mode 100644 index 0000000..3ac97e1 --- /dev/null +++ b/assets/css/about.css @@ -0,0 +1,630 @@ + + +#account-header, +#account-header * { + box-sizing: content-box +} +#account-header button.login-button.button-primary, +#account-header * button.login-button.button-primary { + box-sizing: border-box +} +body { + background: #fff; + -webkit-font-smoothing: subpixel-antialiased; + text-rendering: optimizeLegibility; + color: #3d464d; + text-align: center +} +#footer-row, .footer-row, #locale-container { + text-align: left; +} +#page-header.page-header-border { + height: 100px; + left: 0; + padding: 28px 0; + right: 0; + position: fixed; + top: 0; + width: auto; + z-index: 2 +} +@media only screen and (max-width: 990px) { + #page-header.page-header-border { + height: 80px; + padding: 22px 0 + } +} +@media only screen and (max-width: 767px) { + #page-header.page-header-border { + height: 60px; + padding: 12px 0 + } +} +#account-header .text-input-input, +#account-header .continue-as-button-class { + box-sizing: border-box +} +#page-header #inner-page-header { + max-width: 1010px; + width: auto +} +#page-header.page-header-border { + margin-bottom: 0 +} +#outer-frame { + max-width: none; + width: auto +} +#inner-page-header { + position: relative +} +#locale-link .sprite { + position: relative; + top: -3px +} +.about-section { + border-bottom: 1px solid rgba(208, 212, 217, 0.9); + padding: 80px 0 10px 0; + margin-top: 50px; +} +.about-section2 { + border-bottom: 1px solid rgba(208, 212, 217, 0.9); + padding: 40px 0; +} +@media only screen and (max-width: 767px) { + .about-section { + margin-top: 15px; + } +} +.about-section.even { + background: rgba(208, 212, 217, 0.1) +} +.about-section__text { + font-size: 21px; + font-weight: 200; + line-height: 1.8em; + text-align: left +} +@media only screen and (max-width: 990px) { + .about-section__text { + font-size: 18px + } +} +@media only screen and (max-width: 767px) { + .about-section__text { + font-size: 14px + } +} +.section-intro { + padding-bottom: 150px; + padding-top: 110px +} +@media only screen and (max-width: 767px) { + .section-intro { + padding-bottom: 70px; + padding-top: 45px + } +} +@media only screen and (max-width: 990px) { + .section-intro__img { + width: 120px + } +} +@media only screen and (max-width: 480px) { + .section-intro__img { + width: 60px + } +} +.about-section-container { + max-width: 650px; + margin: 0 auto 60px +} +@media only screen and (max-width: 990px) { + .about-section-container { + max-width: 500px + } +} +@media only screen and (max-width: 767px) { + .about-section-container { + max-width: 270px + } +} +.intro-text { + color: #3d464d; + font-size: 32px; + font-weight: 200; + margin: 25px auto 0; + max-width: 560px; + padding: 0 +} +@media only screen and (max-width: 990px) { + .intro-text { + font-size: 28px + } +} +@media only screen and (max-width: 640px) { + .intro-text { + font-size: 20px; + max-width: 260px + } +} +.section-TownSuite-graphic { + max-width: 1000px; + margin: 0 auto; + position: relative; + text-align: left; + width: 80% +} +@media only screen and (max-width: 990px) { + .section-TownSuite-graphic { + padding-bottom: 200px + } +} +@media only screen and (max-width: 767px) { + .section-TownSuite-graphic { + padding-bottom: 0 + } +} +.stat-callout { + position: absolute; + max-width: 180px; + text-align: center +} +@media only screen and (max-width: 767px) { + .stat-callout { + position: relative; + margin: 40px auto + } +} +.stat-callout img { + margin: 0 auto 5px +} +.stat-callout__text { + font-size: 14px +} +.stat-callout__sharing { + top: 0; + left: 90px +} +@media only screen and (max-width: 990px) { + .stat-callout__sharing { + top: auto; + bottom: 0; + left: 70px + } +} +@media only screen and (max-width: 767px) { + .stat-callout__sharing { + left: auto + } +} +.stat-callout__saved { + bottom: 0; + right: 0 +} +@media only screen and (max-width: 990px) { + .stat-callout__saved { + right: 70px + } +} +@media only screen and (max-width: 767px) { + .stat-callout__saved { + right: auto + } +} +.heading-secondary { + font-size: 31px; + font-weight: 200; + margin: 0 0 40px 0; + padding: 0 +} +@media only screen and (max-width: 990px) { + .heading-secondary { + font-size: 28px + } +} +@media only screen and (max-width: 767px) { + .heading-secondary { + font-size: 20px; + margin-bottom: 20px + } +} +.btn { + border: 1px solid #007ee5; + border-radius: 6px; + display: inline-block; + font-size: 16px; + padding: 10px 40px +} +.btn:hover { + background: #f4faff; + text-decoration: none +} +.btn:active { + box-shadow: 0 0 2px #007ee5 +} +@media only screen and (max-width: 767px) { + .btn { + font-size: 14px; + padding: 10px 30px + } +} +.section-jobs__img { + max-width: 820px; + width: 85% +} +.section-jobs .about-section-container { + max-width: 460px; + margin-bottom: 0 +} +.section-jobs .about-section-container .heading-secondary { + margin-bottom: 70px +} +.section-values__img { + max-width: 826px; + width: 85% +} +.section-facts { + overflow: hidden +} +@media only screen and (min-width: 800px) { + .section-facts { + padding-bottom: 175px + } +} +.section-facts .about-section-container { + margin-bottom: 80px +} +@media only screen and (max-width: 800px) { + .section-facts .about-section-container { + margin-bottom: 40px + } +} +.section-facts .facts__title { + padding-bottom: 20px +} +.section-facts .bod__title { + padding: 80px 0 20px 0 +} +.profiles { + max-width: 800px; + margin: 0 auto +} +@media only screen and (max-width: 800px) { + .profiles { + max-width: 650px + } +} +@media only screen and (max-width: 700px) { + .profiles { + max-width: 280px + } +} +.profiles+.profiles { + margin-top: 75px +} +@media only screen and (max-width: 700px) { + .profiles+.profiles { + margin-top: 40px + } +} +@media only screen and (min-width: 800px) { + .profiles .profile--single { + margin-right: 400px + } +} +.profiles__bod .profile__name--main { + min-width: 200px +} +.profiles__bod .profile__text { + margin-left: 0; + width: auto +} +.profiles__bod .profile--right .profile__text { + margin-right: 0 +} +.profiles__bod .profile:hover .profile__container, +.profiles__bod .profile:focus .profile__container { + height: 280px +} +@media only screen and (max-width: 800px) { + .profiles__bod .profile:hover .profile__container, + .profiles__bod .profile:focus .profile__container { + height: auto + } +} +@media only screen and (max-width: 800px) { + .profiles__bod .profile__content { + padding: 0; + margin: 0 auto; + max-width: 400px + } +} +.profile { + display: inline-block; + position: relative; + vertical-align: top +} +@media only screen and (max-width: 800px) { + .profile { + display: block; + width: auto + } +} +.profile+.profile { + margin-left: 200px +} +@media only screen and (max-width: 800px) { + .profile+.profile { + margin-top: 50px; + margin-left: 0 + } +} +@media only screen and (max-width: 700px) { + .profile+.profile { + margin-top: 40px + } +} +.profile__img { + border-radius: 100%; + margin-bottom: 20px +} +@media only screen and (max-width: 700px) { + .profile__img { + width: 150px + } +} +.profile__name { + display: block; + font-size: 16px; + font-weight: 600 +} +@media only screen and (max-width: 700px) { + .profile__name { + font-size: 13px + } +} +@media only screen and (min-width: 800px) { + .profile__name--main { + max-width: 200px + } +} +.profile__title { + display: inline-block; + font-size: 16px; + font-weight: 200 +} +@media only screen and (max-width: 700px) { + .profile__title { + font-size: 13px + } +} +@media only screen and (min-width: 800px) { + .profile__title--main { + max-width: 200px + } +} +.profile__container { + background: #fff; + border: 1px solid transparent; + border-radius: 6px; + padding: 0 60px; + position: absolute; + opacity: 0; + -webkit-transition: opacity 400ms ease 0s; + transition: opacity 400ms ease 0s; + top: -61px; + width: 0; + text-align: left; + height: 0; + overflow: hidden; + z-index: 1 +} +@media only screen and (max-width: 800px) { + .profile__container { + background: none; + border: 0; + height: auto; + top: auto; + padding: 0; + position: relative; + opacity: 1; + width: auto + } +} +.profile__description { + text-align: left +} +.profile__content { + margin-top: 20px; + padding: 40px 0 20px 0 +} +@media only screen and (max-width: 700px) { + .profile__content { + padding: 0; + text-align: center + } +} +.profile__content .profile__img { + float: left +} +@media only screen and (max-width: 700px) { + .profile__content .profile__img { + float: none + } +} +.profile__content .profile__name { + display: inline-block; + margin-right: 10px +} +.profile__content .profile__title { + display: inline-block +} +.profile__heading { + margin-bottom: 10px +} +.profile__text { + -webkit-transform: translate3d(-15px, 0, 0); + transform: translate3d(-15px, 0, 0); + -webkit-transition: -webkit-transform 400ms ease 0; + transition: -webkit-transform 400ms ease 0; + transition: transform 400ms ease 0; + transition: transform 400ms ease 0, -webkit-transform 400ms ease 0; + -webkit-transition: -webkit-transform 400ms ease; + margin-left: 240px; + padding-top: 15px; + width: 360px +} +@media only screen and (max-width: 800px) { + .profile__text { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) + } +} +@media only screen and (max-width: 700px) { + .profile__text { + font-size: 13px; + margin-left: 0; + width: auto + } +} +.profile--left .profile__container { + left: -59px +} +@media only screen and (max-width: 1100px) { + .profile--left .profile__container { + left: -58px + } +} +@media only screen and (max-width: 800px) { + .profile--left .profile__container { + left: auto + } +} +.profile--left:hover .profile__container, +.profile--left:focus .profile__container { + border: 1px solid #d0d4d9; + height: auto; + min-height: 360px; + opacity: 1; + width: 720px; + padding-left: 57px +} +@media only screen and (max-width: 800px) { + .profile--left:hover .profile__container, + .profile--left:focus .profile__container { + border: 0; + width: auto; + min-height: auto; + padding-left: 0 + } +} +.profile--left:hover .profile__board-container, +.profile--left:focus .profile__board-container { + min-height: auto +} +.profile--left:hover .profile__text { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} +.profile--right .profile__container { + right: -59px +} +@media only screen and (max-width: 1100px) { + .profile--right .profile__container { + right: -58px + } +} +@media only screen and (max-width: 800px) { + .profile--right .profile__container { + right: auto + } +} +.profile--right .profile__container .profile__img { + float: right +} +@media only screen and (max-width: 700px) { + .profile--right .profile__container .profile__img { + float: none + } +} +.profile--right:hover .profile__container, +.profile--right:focus .profile__container { + border: 1px solid #d0d4d9; + height: auto; + min-height: 360px; + opacity: 1; + width: 720px; + padding-right: 57px +} +@media only screen and (max-width: 800px) { + .profile--right:hover .profile__container, + .profile--right:focus .profile__container { + border: 0; + width: auto; + min-height: auto; + padding-right: 0 + } +} +.profile--right:hover .profile__board-container, +.profile--right:focus .profile__board-container { + min-height: auto +} +.profile--right:hover .profile__text { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} +.profile--right .profile__text { + margin-left: auto; + margin-right: 240px +} +@media only screen and (max-width: 700px) { + .profile--right .profile__text { + margin-right: 0 + } +} +@media only screen and (max-width: 800px) { + .profile>.profile__name { + display: none + } +} +@media only screen and (max-width: 800px) { + .profile>.profile__title { + display: none + } +} +@media only screen and (max-width: 800px) { + .profile>.profile__img { + display: none + } +} +@media only screen and (max-width: 990px) { + .img--desktop { + display: none + } +} +.img--tablet { + display: none +} +@media only screen and (max-width: 990px) { + .img--tablet { + display: block + } +} +@media only screen and (max-width: 767px) { + .img--tablet { + display: none + } +} +.img--mobile { + display: none +} +@media only screen and (max-width: 767px) { + .img--mobile { + display: block; + width: 100% + } + iframe { + height: 200px; + } +} diff --git a/assets/css/animation.css b/assets/css/animation.css new file mode 100644 index 0000000..6e3c912 --- /dev/null +++ b/assets/css/animation.css @@ -0,0 +1,38 @@ +.animator { + margin: 0 auto; + display: block; + position: relative; + overflow: hidden +} +.animator .animator-frame { + margin: 0; + padding: 0; + width: auto; + height: auto; + display: inline-block; + position: relative; + border: none !important; + outline: none !important +} +.animator .animator-poster { + top: 0; + left: 0; + position: absolute; + z-index: 0; + border: none; + outline: none; +} +.animator .animator-strip { + display: block; + font-size: 0; + overflow: hidden; + position: relative; + opacity: 0; + text-align: left; + height: inherit +} +.animator .loaded { + opacity: 1; + -webkit-backface-visibility: hidden; + backface-visibility: hidden +} \ No newline at end of file diff --git a/assets/css/base-min.css b/assets/css/base-min.css new file mode 100644 index 0000000..ff00097 --- /dev/null +++ b/assets/css/base-min.css @@ -0,0 +1,767 @@ +/* Animation styles */ + +/* About style */ +body { + background: #fff; + -webkit-font-smoothing: subpixel-antialiased; + text-rendering: optimizeLegibility; + color: #3d464d; + text-align: center +} +.footer-row, #locale-container { + text-align: left; +} +.about-section { + border-bottom: 1px solid rgba(208, 212, 217, 0.9); + padding: 80px 0 10px 0; + margin-top: 50px; +} +@media only screen and (max-width: 767px) { + .about-section { + margin-top: 15px; + } +} +.about-section.even { + background: rgba(208, 212, 217, 0.1) +} +.about-section-container { + max-width: 650px; + margin: 0 auto 60px +} +@media only screen and (max-width: 990px) { + .about-section-container { + max-width: 500px + } +} +@media only screen and (max-width: 767px) { + .about-section-container { + max-width: 270px + } +} + +/* financial styles */ + +@font-face { + font-family: 'dax'; + src: url('dax-regular-webfont.eot'); + src: url('dax-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('dax-regular-webfont.woff') format('woff'), + url('dax-regular-webfont.ttf') format('truetype'), + url('dax-regular-webfont.svg') format('svg'); + font-weight: normal; + font-style: normal; +} +#alpha ( + font-family:font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif; +) +@media (max-width: 750px) { +} + +/* Expanding styles */ + +body, +input { + font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif; + font-size: 13px; + color: #3d464d; + font-weight: normal +} +body { + background-color: #fff; + min-height: 100%; + margin: 0; + padding: 0 +} +a, +a * { + cursor: pointer; + outline: none +} +a { + color: #2895F1; + text-decoration: none +} +a:focus { + text-decoration: underline +} +a img { + border: 0 +} +h1 { + margin: 0 0 1em 0; + line-height: 1.6em +} +h1 { + font-size: 18pt; + font-weight: normal; + margin: 10px 0 +} +.clearfix:before, +.clearfix:after { + content: " "; + display: table +} +.clearfix:after { + clear: both +} + +/* Component styles */ +@font-face { + font-family: 'dax'; + src: url('dax-regular-webfont.eot'); + src: url('dax-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('dax-regular-webfont.woff') format('woff'), + url('dax-regular-webfont.ttf') format('truetype'), + url('dax-regular-webfont.svg') format('svg'); + font-weight: normal; + font-style: normal; +} +* { padding: 0; margin: 0;} + +/* For appearance */ + +/* Not needed for sticky header/column functionality */ + + +/* Footer styles */ + +#homepage-footer { + border: none; + padding: 0; + width: auto +} +#homepage-footer nav .o-nav { + float: left; + list-style: none; + margin: 0; + padding: 0; + width: 160px; + color: #7b8994 +} +#homepage-footer nav .o-nav__header { + font-size: 14px; + font-weight: 700; + line-height: 24px; + margin-bottom: 11px +} +#homepage-footer nav .o-nav__item { + margin-bottom: 11px; + line-height: 16px +} +#homepage-footer nav a { + color: #7b8994 +} +#homepage-footer #locale-container { + padding-top: 60px; + width: 100%; + position: relative; + overflow: hidden +} +.townsuite-2017 #homepage-footer { + max-width: 990px +} +@media (max-width: 990px) { + .townsuite-2017 #homepage-footer nav ul { + width: 16.66667%; + min-height: 170px + } +} +@media (max-width: 767px) { + .townsuite-2017 #homepage-footer nav ul { + width: 32%; + padding: 0 2% 0 0 + } +} +@media (MAX-WIDTH: 500px) { + .townsuite-2017 #homepage-footer nav ul { + width: 50%; + padding: 0 + } +} +.townsuite-2017 #homepage-footer #locale-container { + min-height: 80px +} +@media (max-width: 990px) { + .townsuite-2017 #homepage-footer #locale-container { + padding-top: 0 + } +} +footer img { + width: 16px !important; +} + +/* media style */ + +/* base style */ + +@font-face { + font-family: 'dax'; + src: url('dax-regular-webfont.eot'); + src: url('dax-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('dax-regular-webfont.woff') format('woff'), + url('dax-regular-webfont.ttf') format('truetype'), + url('dax-regular-webfont.svg') format('svg'); + font-weight: normal; + font-style: normal; +} +body, +input { + font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif; + font-size: 13px; + color: #3d464d; + font-weight: normal +} +body { + background-color: #fff; + min-height: 100%; + margin: 0; + padding: 0 +} +a, +a * { + cursor: pointer; + outline: none +} +a { + color: #00578e; + text-decoration: none +} +a:focus { + text-decoration: underline +} +a img { + border: 0 +} +h1 { + margin: 0 0 1em 0; + line-height: 1.6em +} +h1 { + font-size: 18pt; + font-weight: normal; + margin: 10px 0 +} +.clearfix:before, +.clearfix:after { + content: " "; + display: table +} +.clearfix:after { + clear: both +} +body.townsuite-2017 { + background: #fbfbfb +} +* { + -webkit-font-smoothing: antialiased +} +body.townsuite-2017 { + font-size: 14px; + line-height: 26px +} +*, +*:before, +*:after { + box-sizing: border-box +} +.twelve-column { + margin: 0 auto; + width: 990px +} +.townsuite-logo { + margin: 13px auto; + width: 200px; + position: relative; + height: 60px; + max-width: 220px; + font-size: 0; + text-align: left; + display: block; + z-index: 3 +} +.townsuite-logo__type { + z-index: 3; + width: 180px; + height: 54px; + vertical-align: middle; + display: inline-block; + background: no-repeat center center; + position: relative; + top: -4px; + background-size: 120px auto; + -webkit-transition: all 300ms ease-in-out 0s; + transition: all 300ms ease-in-out 0s +} +.mast-head { + top: 0; + right: 0; + left: 0; + overflow: hidden; + position: fixed; + height: 76px; + z-index: 1000; + font-size: 0; + background-color: #fff; + border-bottom: 1px solid #d0d4d9; + box-shadow: 0px 1px 1px #d0d4d9 +} +.mast-head .mast-head-nav { + top: 22px; + right: 105px; + bottom: 22px; + left: 105px; + position: absolute; + width: auto; + height: 32px; + z-index: 3 +} +@media (max-width: 990px) { + .mast-head .mast-head-nav { + right: 25px; + left: 25px + } +} +.mast-head .mast-head-nav .nav-list { + display: inline-block; + margin: 0; + padding: 0; + width: 50%; + font-size: 0 +} +.mast-head .mast-head-nav .nav-list:nth-of-type(1) { + text-align: left; + vertical-align: middle +} +.mast-head .mast-head-nav .nav-list:nth-of-type(1) .nav-list__item { + margin: 0 12px 0 0 +} +.mast-head .mast-head-nav .nav-list:nth-of-type(2) { + text-align: right +} +.mast-head .mast-head-nav .nav-list:nth-of-type(2) .nav-list__item { + margin: 0 0 0 12px +} +.mast-head .mast-head-nav .nav-list .nav-list__item { + display: inline-block; + vertical-align: middle; + text-align: right +} +.townsuite-2017 .mast-head .button-tertiary { + border-color: #00578e; + color: #00578e +} +.townsuite-2017 .mast-head .button-tertiary:hover { + border-color: #0071ce; + color: #0071ce +} +.townsuite-2017 .mast-head .nav-list__item+.nav-list__item { + position: relative; + padding-left: 6px +} +.townsuite-2017 .mast-head .nav-list__item+.nav-list__item::before { + background: #00578e; + border-radius: 100%; + content: ""; + height: 3px; + position: absolute; + left: -5px; + top: 12px; + width: 3px +} +#locale-container, h1 { + font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif; + src: url(https://noisynature.com/files/1/index_files/dax-regular-webfont.ttf) format("truetype"); +} +.townsuite-2017 .footer-row { + margin-top: 0; + padding: 50px 20px 120px; + background: #fbfbfb +} +.townsuite-2017 .footer-row #homepage-footer { + max-width: 990px +} +.townsuite-2017 .container { + margin-left: auto; + margin-right: auto; + overflow: hidden; + max-width: 1200px; + min-width: 600px; + position: relative +} +<<<<<<< HEAD +.learn-more-content { + padding: 30px 0 30px +} + -@media only screen and (max-width: 990px) { +} +======= +>>>>>>> origin/gh-pages + +@media only screen and (max-width: 990px) { +} +.townsuite-2017 .button-tertiary, +.townsuite-2017 .button-link { + margin: 0; + padding: 7px 16px; + font-size: 12px; + border-radius: 5px; + -webkit-filter: none; + filter: none +} +.townsuite-2017 .button-tertiary { + color: #47525d; + border: 1px solid #7b8994; + background: none; + -webkit-filter: none; + filter: none +} +.townsuite-2017 .button-tertiary:hover { + color: #00578e; + background: none; + border-color: #00578e +} +.townsuite-2017 .button-link { + padding-left: 0; + padding-right: 0; + font-size: 14px; + border: none; + background: none; + color: #00578e; + outline: none +} +.townsuite-2017 .button-link:hover { + text-decoration: underline; + border: none; + background: none; + -webkit-filter: none; + filter: none +} +.townsuite-2017 .button-link:focus { + text-decoration: underline +} +.townsuite-2017 .button-tertiary { + margin: 15px 0 0 0; + +} + +/* Index style */ +.townsuite-2017.townsuite-2017--responsive { + min-width: 0 +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .container { + min-width: 0 + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .mast-head-nav { + display: none + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .mast-head .nav-list .nav-list__item--download .button-link { + border: 1px solid #6a94be; + border-radius: 5px; + padding-left: 13px; + padding-right: 13px; + font-size: 12px + } + .townsuite-2017.townsuite-2017--responsive .mast-head .nav-list .nav-list__item--download .button-link:hover, + .townsuite-2017.townsuite-2017--responsive .mast-head .nav-list .nav-list__item--download .button-link:focus { + background-color: #f4faff; + text-decoration: none; + border: 1px solid #6a94be; + color: #0071ce + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .mast-head .nav-list .nav-list__item--sign-in { + display: none + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .footer-row { + background: #f6f9fc + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .footer-row { + padding-left: 30px; + padding-right: 30px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive #homepage-footer>nav { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap + } + .townsuite-2017.townsuite-2017--responsive #homepage-footer ul:nth-child(2) { + -webkit-box-ordinal-group: 5; + -webkit-order: 4; + -ms-flex-order: 4; + order: 4 + } + .townsuite-2017.townsuite-2017--responsive #homepage-footer ul:nth-child(3) { + -webkit-box-ordinal-group: 6; + -webkit-order: 5; + -ms-flex-order: 5; + order: 5 + } + .townsuite-2017.townsuite-2017--responsive #homepage-footer ul:nth-child(4) { + -webkit-box-ordinal-group: 7; + -webkit-order: 6; + -ms-flex-order: 6; + order: 6 + } + .townsuite-2017.townsuite-2017--responsive #homepage-footer ul:nth-child(5) { + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2 + } + .townsuite-2017.townsuite-2017--responsive #homepage-footer ul:nth-child(6) { + -webkit-box-ordinal-group: 4; + -webkit-order: 3; + -ms-flex-order: 3; + order: 3 + } +} + +/* Menu style */ + +@font-face { + font-family: 'dax'; + src: url('dax-regular-webfont.eot'); + src: url('dax-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('dax-regular-webfont.woff') format('woff'), + url('dax-regular-webfont.ttf') format('truetype'), + url('dax-regular-webfont.svg') format('svg'); + font-weight: normal; + font-style: normal; +} +.menu { + box-sizing: border-box; + font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI"; + font-weight: 500; +} +a, +a:visited, +a:hover, +a:active { + color: inherit; + text-decoration: none; +} +h1 { + font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI"; + font-weight: 400; + font-size: 5em; + text-align: center; +} +.outer-menu { + position: fixed; + top: 2em; + right: 0.5em; + z-index: 1000; +} +.outer-menu .checkbox-toggle { + position: absolute; + top: 0; + right: 0; + z-index: 2; + cursor: pointer; + width: 60px; + height: 60px; + opacity: 0; +} +.outer-menu .checkbox-toggle:checked + .hamburger > div { + transform: rotate(135deg); +} +.outer-menu .checkbox-toggle:checked + .hamburger > div:before, +.outer-menu .checkbox-toggle:checked + .hamburger > div:after { + top: 0; + transform: rotate(90deg); +} +.outer-menu .checkbox-toggle:checked + .hamburger > div:after { + opacity: 0; +} +.outer-menu .checkbox-toggle:checked ~ .menu { + pointer-events: auto; + visibility: visible; +} +.outer-menu .checkbox-toggle:checked ~ .menu > div { + transform: scale(1); + transition-duration: 0.5s; +} +.outer-menu .checkbox-toggle:checked ~ .menu > div > div { + opacity: 1; + transition: opacity 0.2s ease 0.3s; +} +.outer-menu .checkbox-toggle:checked:hover + .hamburger > div { + transform: rotate(225deg); +} +.outer-menu .hamburger { + position: absolute; + top: 0; + right: 0; + z-index: 1; + width: 60px; + height: 60px; + padding: .5em 1em; + background: #6b95be; + border-radius: 0 0.12em 0.12em 0; + cursor: pointer; + transition: box-shadow 0.3s ease; + backface-visibility: hidden; + display: flex; + align-items: center; + justify-content: center; +} +.outer-menu .hamburger > div { + position: relative; + flex: none; + width: 100%; + height: 2px; + background: #fbfbfb; + transition: all 0.3s ease; + display: flex; + align-items: center; + justify-content: center; +} +.outer-menu .hamburger > div:before, +.outer-menu .hamburger > div:after { + content: ''; + position: absolute; + z-index: 1; + top: -10px; + right: 0; + width: 100%; + height: 2px; + background: inherit; + transition: all 0.3s ease; +} +.outer-menu .hamburger > div:after { + top: 10px; +} +.outer-menu .menu { + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + pointer-events: none; + visibility: hidden; + overflow: hidden; + backface-visibility: hidden; + outline: 1px solid transparent; + display: flex; + align-items: center; + justify-content: center; +} +.outer-menu .menu > div { + width: 200vw; + height: 200vw; + color: #d8e0ed; + background: #00578e; + border-radius: 50%; + transition: all 0.3s ease; + flex: none; + transform: scale(0); + backface-visibility: hidden; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; +} +.outer-menu .menu > div > div { + text-align: center; + opacity: 0; + transition: opacity 0.2s ease; + overflow-y: auto; + flex: none; + display: flex; + align-items: center; + justify-content: center; +} +.outer-menu .menu > div > div > ul { + list-style: none; + padding: 5em 1em; + margin: 0; + display: block; + height: 100%; + max-width: 95%; + min-width: 360px; +} +@media (min-width: 1200px) { + .outer-menu .menu > div > div > ul { + min-width: 600px; + min-height: 600px; + } +} +.outer-menu .menu > div > div > ul > li { + padding: 0; + margin: 1em; + font-size: 24px; + display: block; +} +.outer-menu .menu > div > div > ul > li > a { + position: relative; + display: inline; + cursor: pointer; + transition: color 0.3s ease; +} +.outer-menu .menu > div > div > ul > li > a:hover { + color: #d8e0ed; +} +.outer-menu .menu > div > div > ul > li > a:hover:after { + width: 100%; +} +.outer-menu .menu > div > div > ul > li > a:after { + content: ''; + position: absolute; + z-index: 1; + bottom: -0.15em; + right: 0; + width: 0; + height: 2px; + background: #d8e0ed; + transition: width 0.3s ease; +} +.menu-title { + font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI"; + position: fixed; + right: 1.5em; + top: 0.25em; + z-index: 1000; + color: #00578e; +} +.outer-menu:hover .hamburger { + background: #00578e; +} +.menu .login { + position: relative; + top: 3em; + padding: 10px; +} +.menu .button-tertiary { + background: #00578e; + color: #d8e0ed; + border: 1px solid; + margin: 0 17.5px 0 17.5px; + font-size: 23px; + font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI" !important; +} +@media (max-width: 1200px) { + .menu .button-tertiary { + margin: 0 10px 0 10px; + font-size: 12px; + } +} +.menu .button-tertiary:hover { + background: #d8e0ed; + color: #58595b; +} diff --git a/assets/css/base.css b/assets/css/base.css new file mode 100644 index 0000000..61f5642 --- /dev/null +++ b/assets/css/base.css @@ -0,0 +1,5617 @@ +/* Animation styles */ +.animator { + margin: 0 auto; + display: block; + position: relative; + overflow: hidden +} +.animator .animator-frame { + margin: 0; + padding: 0; + width: auto; + height: auto; + display: inline-block; + position: relative; + border: none !important; + outline: none !important +} +.animator .animator-poster { + top: 0; + left: 0; + position: absolute; + z-index: 0; + border: none; + outline: none; +} +.animator .animator-strip { + display: block; + font-size: 0; + overflow: hidden; + position: relative; + opacity: 0; + text-align: left; + height: inherit +} +.animator .loaded { + opacity: 1; + -webkit-backface-visibility: hidden; + backface-visibility: hidden +} + +/* About style */ + +#account-header, +#account-header * { + box-sizing: content-box +} +#account-header button.login-button.button-primary, +#account-header * button.login-button.button-primary { + box-sizing: border-box +} +body { + background: #fff; + -webkit-font-smoothing: subpixel-antialiased; + text-rendering: optimizeLegibility; + color: #3d464d; + text-align: center; +} +#footer-row, .footer-row, #locale-container { + text-align: left; +} +#page-header.page-header-border { + height: 100px; + left: 0; + padding: 28px 0; + right: 0; + position: fixed; + top: 0; + width: auto; + z-index: 2 +} +@media only screen and (max-width: 990px) { + #page-header.page-header-border { + height: 80px; + padding: 22px 0 + } +} +@media only screen and (max-width: 767px) { + #page-header.page-header-border { + height: 60px; + padding: 12px 0 + } +} + +@media (min-width: 1281px) { + .image-size-70 { + width: 70% !important; + } + .image-size-50 { + width: 50% !important; + } + .image-size-75 { + width: 75% !important; + } + .image-size-60 { + width: 60% !important; + } +} + + +@media (min-width: 1025px) and (max-width: 1280px) { + .image-size-70 { + width: 70% !important; + } + .image-size-75 { + width: 75% !important; + } + .image-size-50 { + width: 50% !important; + } + .image-size-60 { + width: 60% !important; + } +} +@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { + .image-size-70 { + width: 70% !important; + } + + .image-size-75 { + width: 75% !important; + } + + .image-size-50 { + width: 50% !important; + } + + .image-size-60 { + width: 60% !important; + } +} + +#account-header .text-input-input, +#account-header .continue-as-button-class { + box-sizing: border-box +} +#page-header #inner-page-header { + max-width: 1010px; + width: auto +} +#page-header.page-header-border { + margin-bottom: 0 +} +#outer-frame { + max-width: none; + width: auto +} +#inner-page-header { + position: relative +} +#locale-link .sprite { + position: relative; + top: -3px +} +.about-section { + border-bottom: 1px solid rgba(208, 212, 217, 0.9); + padding: 80px 0 10px 0; + margin-top: 50px; +} +.about-section2 { + border-bottom: 1px solid rgba(208, 212, 217, 0.9); + padding-top: 40px; +} +@media only screen and (max-width: 767px) { + .about-section { + margin-top: 15px; + } +} +.about-section.even { + background: rgba(208, 212, 217, 0.1) +} +.about-section__text { + font-size: 21px; + font-weight: 200; + line-height: 1.8em; + text-align: left +} +@media only screen and (max-width: 990px) { + .about-section__text { + font-size: 18px + } +} +@media only screen and (max-width: 767px) { + .about-section__text { + font-size: 14px + } +} +.section-intro { + padding-bottom: 150px; + padding-top: 110px +} +@media only screen and (max-width: 767px) { + .section-intro { + padding-bottom: 70px; + padding-top: 45px + } +} +@media only screen and (max-width: 990px) { + .section-intro__img { + width: 120px + } +} +@media only screen and (max-width: 480px) { + .section-intro__img { + width: 60px + } +} +.about-section-container { + max-width: 650px; + margin: 0 auto 60px +} +@media only screen and (max-width: 990px) { + .about-section-container { + max-width: 500px + } +} +@media only screen and (max-width: 767px) { + .about-section-container { + max-width: 270px + } +} +.intro-text { + color: #3d464d; + font-size: 32px; + font-weight: 200; + margin: 25px auto 0; + max-width: 560px; + padding: 0 +} +@media only screen and (max-width: 990px) { + .intro-text { + font-size: 28px + } +} +@media only screen and (max-width: 640px) { + .intro-text { + font-size: 20px; + max-width: 260px + } +} +.section-TownSuite-graphic { + max-width: 1000px; + margin: 0 auto; + position: relative; + text-align: left; + width: 80% +} +@media only screen and (max-width: 990px) { + .section-TownSuite-graphic { + padding-bottom: 200px + } +} +@media only screen and (max-width: 767px) { + .section-TownSuite-graphic { + padding-bottom: 0 + } +} +.stat-callout { + position: absolute; + max-width: 180px; + text-align: center +} +@media only screen and (max-width: 767px) { + .stat-callout { + position: relative; + margin: 40px auto + } +} +.stat-callout img { + margin: 0 auto 5px +} +.stat-callout__text { + font-size: 14px +} +.stat-callout__sharing { + top: 0; + left: 90px +} +@media only screen and (max-width: 990px) { + .stat-callout__sharing { + top: auto; + bottom: 0; + left: 70px + } +} +@media only screen and (max-width: 767px) { + .stat-callout__sharing { + left: auto + } +} +.stat-callout__saved { + bottom: 0; + right: 0 +} +@media only screen and (max-width: 990px) { + .stat-callout__saved { + right: 70px + } +} +@media only screen and (max-width: 767px) { + .stat-callout__saved { + right: auto + } +} +.heading-secondary { + font-size: 31px; + font-weight: 200; + margin: 0 0 40px 0; + padding: 0 +} +@media only screen and (max-width: 990px) { + .heading-secondary { + font-size: 28px + } +} +@media only screen and (max-width: 767px) { + .heading-secondary { + font-size: 20px; + margin-bottom: 20px + } +} +.btn { + border: 1px solid #007ee5; + border-radius: 6px; + display: inline-block; + font-size: 16px; + padding: 10px 40px +} +.btn:hover { + background: #f4faff; + text-decoration: none +} +.btn:active { + box-shadow: 0 0 2px #007ee5 +} +@media only screen and (max-width: 767px) { + .btn { + font-size: 14px; + padding: 10px 30px + } +} +.section-jobs__img { + max-width: 820px; + width: 85% +} +.section-jobs .about-section-container { + max-width: 460px; + margin-bottom: 0 +} +.section-jobs .about-section-container .heading-secondary { + margin-bottom: 70px +} +.section-values__img { + max-width: 826px; + width: 85% +} +.section-facts { + overflow: hidden +} +@media only screen and (min-width: 800px) { + .section-facts { + padding-bottom: 175px + } +} +.section-facts .about-section-container { + margin-bottom: 80px +} +@media only screen and (max-width: 800px) { + .section-facts .about-section-container { + margin-bottom: 40px + } +} +.section-facts .facts__title { + padding-bottom: 20px +} +.section-facts .bod__title { + padding: 80px 0 20px 0 +} +.profiles { + max-width: 800px; + margin: 0 auto +} +@media only screen and (max-width: 800px) { + .profiles { + max-width: 650px + } +} +@media only screen and (max-width: 700px) { + .profiles { + max-width: 280px + } +} +.profiles+.profiles { + margin-top: 75px +} +@media only screen and (max-width: 700px) { + .profiles+.profiles { + margin-top: 40px + } +} +@media only screen and (min-width: 800px) { + .profiles .profile--single { + margin-right: 400px + } +} +.profiles__bod .profile__name--main { + min-width: 200px +} +.profiles__bod .profile__text { + margin-left: 0; + width: auto +} +.profiles__bod .profile--right .profile__text { + margin-right: 0 +} +.profiles__bod .profile:hover .profile__container, +.profiles__bod .profile:focus .profile__container { + height: 280px +} +@media only screen and (max-width: 800px) { + .profiles__bod .profile:hover .profile__container, + .profiles__bod .profile:focus .profile__container { + height: auto + } +} +@media only screen and (max-width: 800px) { + .profiles__bod .profile__content { + padding: 0; + margin: 0 auto; + max-width: 400px + } +} +.profile { + display: inline-block; + position: relative; + vertical-align: top +} +@media only screen and (max-width: 800px) { + .profile { + display: block; + width: auto + } +} +.profile+.profile { + margin-left: 200px +} +@media only screen and (max-width: 800px) { + .profile+.profile { + margin-top: 50px; + margin-left: 0 + } +} +@media only screen and (max-width: 700px) { + .profile+.profile { + margin-top: 40px + } +} +.profile__img { + border-radius: 100%; + margin-bottom: 20px +} +@media only screen and (max-width: 700px) { + .profile__img { + width: 150px + } +} +.profile__name { + display: block; + font-size: 16px; + font-weight: 600 +} +@media only screen and (max-width: 700px) { + .profile__name { + font-size: 13px + } +} +@media only screen and (min-width: 800px) { + .profile__name--main { + max-width: 200px + } +} +.profile__title { + display: inline-block; + font-size: 16px; + font-weight: 200 +} +@media only screen and (max-width: 700px) { + .profile__title { + font-size: 13px + } +} +@media only screen and (min-width: 800px) { + .profile__title--main { + max-width: 200px + } +} +.profile__container { + background: #fff; + border: 1px solid transparent; + border-radius: 6px; + padding: 0 60px; + position: absolute; + opacity: 0; + -webkit-transition: opacity 400ms ease 0s; + transition: opacity 400ms ease 0s; + top: -61px; + width: 0; + text-align: left; + height: 0; + overflow: hidden; + z-index: 1 +} +@media only screen and (max-width: 800px) { + .profile__container { + background: none; + border: 0; + height: auto; + top: auto; + padding: 0; + position: relative; + opacity: 1; + width: auto + } +} +.profile__description { + text-align: left +} +.profile__content { + margin-top: 20px; + padding: 40px 0 20px 0 +} +@media only screen and (max-width: 700px) { + .profile__content { + padding: 0; + text-align: center + } +} +.profile__content .profile__img { + float: left +} +@media only screen and (max-width: 700px) { + .profile__content .profile__img { + float: none + } +} +.profile__content .profile__name { + display: inline-block; + margin-right: 10px +} +.profile__content .profile__title { + display: inline-block +} +.profile__heading { + margin-bottom: 10px +} +.profile__text { + -webkit-transform: translate3d(-15px, 0, 0); + transform: translate3d(-15px, 0, 0); + -webkit-transition: -webkit-transform 400ms ease 0; + transition: -webkit-transform 400ms ease 0; + transition: transform 400ms ease 0; + transition: transform 400ms ease 0, -webkit-transform 400ms ease 0; + -webkit-transition: -webkit-transform 400ms ease; + margin-left: 240px; + padding-top: 15px; + width: 360px +} +@media only screen and (max-width: 800px) { + .profile__text { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) + } +} +@media only screen and (max-width: 700px) { + .profile__text { + font-size: 13px; + margin-left: 0; + width: auto + } +} +.profile--left .profile__container { + left: -59px +} +@media only screen and (max-width: 1100px) { + .profile--left .profile__container { + left: -58px + } +} +@media only screen and (max-width: 800px) { + .profile--left .profile__container { + left: auto + } +} +.profile--left:hover .profile__container, +.profile--left:focus .profile__container { + border: 1px solid #d0d4d9; + height: auto; + min-height: 360px; + opacity: 1; + width: 720px; + padding-left: 57px +} +@media only screen and (max-width: 800px) { + .profile--left:hover .profile__container, + .profile--left:focus .profile__container { + border: 0; + width: auto; + min-height: auto; + padding-left: 0 + } +} +.profile--left:hover .profile__board-container, +.profile--left:focus .profile__board-container { + min-height: auto +} +.profile--left:hover .profile__text { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} +.profile--right .profile__container { + right: -59px +} +@media only screen and (max-width: 1100px) { + .profile--right .profile__container { + right: -58px + } +} +@media only screen and (max-width: 800px) { + .profile--right .profile__container { + right: auto + } +} +.profile--right .profile__container .profile__img { + float: right +} +@media only screen and (max-width: 700px) { + .profile--right .profile__container .profile__img { + float: none + } +} +.profile--right:hover .profile__container, +.profile--right:focus .profile__container { + border: 1px solid #d0d4d9; + height: auto; + min-height: 360px; + opacity: 1; + width: 720px; + padding-right: 57px +} +@media only screen and (max-width: 800px) { + .profile--right:hover .profile__container, + .profile--right:focus .profile__container { + border: 0; + width: auto; + min-height: auto; + padding-right: 0 + } +} +.profile--right:hover .profile__board-container, +.profile--right:focus .profile__board-container { + min-height: auto +} +.profile--right:hover .profile__text { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} +.profile--right .profile__text { + margin-left: auto; + margin-right: 240px +} +@media only screen and (max-width: 700px) { + .profile--right .profile__text { + margin-right: 0 + } +} +@media only screen and (max-width: 800px) { + .profile>.profile__name { + display: none + } +} +@media only screen and (max-width: 800px) { + .profile>.profile__title { + display: none + } +} +@media only screen and (max-width: 800px) { + .profile>.profile__img { + display: none + } +} +@media only screen and (max-width: 990px) { + .img--desktop { + display: none + } +} +.img--tablet { + display: none +} +@media only screen and (max-width: 990px) { + .img--tablet { + display: block + } +} +@media only screen and (max-width: 767px) { + .img--tablet { + display: none + } +} +.img--mobile { + display: none +} +@media only screen and (max-width: 767px) { + .img--mobile { + display: block; + width: 100% + } + iframe { + height: 200px; + } +} + +/* financial styles */ + +@font-face { + font-family: 'dax'; + src: url('dax-regular-webfont.eot'); + src: url('dax-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('dax-regular-webfont.woff') format('woff'), + url('dax-regular-webfont.ttf') format('truetype'), + url('dax-regular-webfont.svg') format('svg'); + font-weight: normal; + font-style: normal; +} +.grid { + list-style: none; + margin-left: -20px +} +.grid__col--2-of-2, +.grid__col--3-of-3, +.grid__col--4-of-4, +.grid__col--6-of-6, +.grid__col--12-of-12 { + width: 100% +} +.grid__col--1-of-2, +.grid__col--2-of-4, +.grid__col--3-of-6, +.grid__col--6-of-12 { + width: 50% +} +.grid__col--1-of-3, +.grid__col--2-of-6, +.grid__col--4-of-12 { + width: 33.33333% +} +.grid__col--2-of-3, +.grid__col--4-of-6, +.grid__col--8-of-12 { + width: 66.66667% +} +.grid__col--1-of-4, +.grid__col--3-of-12 { + width: 25% +} +.grid__col--3-of-4, +.grid__col--9-of-12 { + width: 75% +} +.grid__col--push-2-of-2, +.grid__col--push-3-of-3, +.grid__col--push-4-of-4, +.grid__col--push-6-of-6, +.grid__col--push-12-of-12 { + margin-left: 100% +} +.grid__col--push-1-of-2, +.grid__col--push-2-of-4, +.grid__col--push-3-of-6, +.grid__col--push-6-of-12 { + margin-left: 50% +} +.grid__col--push-1-of-3, +.grid__col--push-2-of-6, +.grid__col--push-4-of-12 { + margin-left: 33.33333% +} +.grid__col--push-2-of-3, +.grid__col--push-4-of-6, +.grid__col--push-8-of-12 { + margin-left: 66.66667% +} +.grid__col--push-1-of-4, +.grid__col--push-3-of-12 { + margin-left: 25% +} +.grid__col--push-3-of-4, +.grid__col--push-9-of-12 { + margin-left: 75% +} +.grid__col--pull-2-of-2, +.grid__col--pull-3-of-3, +.grid__col--pull-4-of-4, +.grid__col--pull-6-of-6, +.grid__col--pull-12-of-12 { + margin-left: -100% +} +.grid__col--pull-1-of-2, +.grid__col--pull-2-of-4, +.grid__col--pull-3-of-6, +.grid__col--pull-6-of-12 { + margin-left: -50% +} +.grid__col--pull-1-of-3, +.grid__col--pull-2-of-6, +.grid__col--pull-4-of-12 { + margin-left: -33.33333% +} +.grid__col--pull-2-of-3, +.grid__col--pull-4-of-6, +.grid__col--pull-8-of-12 { + margin-left: -66.66667% +} +.grid__col--pull-1-of-4, +.grid__col--pull-3-of-12 { + margin-left: -25% +} +.grid__col--pull-3-of-4, +.grid__col--pull-9-of-12 { + margin-left: -75% +} +.grid__col--1-of-6 { + width: 16.66667% +} +.grid__col--push-1-of-6 { + margin-left: 16.66667% +} +.grid__col--pull-1-of-6 { + margin-left: -16.66667% +} +.grid__col--5-of-6 { + width: 83.33333% +} +.grid__col--push-5-of-6 { + margin-left: 83.33333% +} +.grid__col--pull-5-of-6 { + margin-left: -83.33333% +} +.grid__col--1-of-12 { + width: 8.33333% +} +.grid__col--push-1-of-12 { + margin-left: 8.33333% +} +.grid__col--pull-1-of-12 { + margin-left: -8.33333% +} +.grid__col--2-of-12 { + width: 16.66667% +} +.grid__col--push-2-of-12 { + margin-left: 16.66667% +} +.grid__col--pull-2-of-12 { + margin-left: -16.66667% +} +.grid__col--5-of-12 { + width: 41.66667% +} +.grid__col--push-5-of-12 { + margin-left: 41.66667% +} +.grid__col--pull-5-of-12 { + margin-left: -41.66667% +} +.grid__col--7-of-12 { + width: 58.33333% +} +.grid__col--push-7-of-12 { + margin-left: 58.33333% +} +.grid__col--pull-7-of-12 { + margin-left: -58.33333% +} +.grid__col--10-of-12 { + width: 83.33333% +} +.grid__col--push-10-of-12 { + margin-left: 83.33333% +} +.grid__col--pull-10-of-12 { + margin-left: -83.33333% +} +.grid__col--11-of-12 { + width: 91.66667% +} +.grid__col--push-11-of-12 { + margin-left: 91.66667% +} +.grid__col--pull-11-of-12 { + margin-left: -91.66667% +} +.grid__col { + box-sizing: border-box; + display: inline-block; + margin-right: -.25em; + min-height: 1px; + padding-left: 20px; + vertical-align: top +} +.grid--nowhitespace .grid__col { + margin-right: 0 +} +h2, .alpha, #alpha ( + font-family:font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif; +) +@media (max-width: 750px) { + .grid__col { + display: block; + margin-left: 0; + margin-right: 0; + width: auto + } +} +@media (max-width: 750px) and (min-width: 550px) { + .grid__col[class*="grid__col--m-"] { + display: inline-block; + margin-right: -.24em + } + .grid__col.grid__col--m-1-of-2, + .grid__col.grid__col--m-2-of-4 { + width: 50% + } + .grid__col.grid__col--m-1-of-3 { + width: 33.33333% + } + .grid__col.grid__col--m-2-of-3 { + width: 66.66667% + } + .grid__col.grid__col--m-1-of-4 { + width: 25% + } + .grid__col.grid__col--m-3-of-4 { + width: 75% + } + .grid__col.grid__col--m-4-of-4 { + width: 100% + } +} +@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) { + .grid__col.grid__col--m-4-of-4 { + width: 100% !important; + } + /* STYLES GO HERE */ +} +@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { + /* STYLES GO HERE */ + .grid__col.grid__col--m-4-of-4 { + width: 100% !important; + } +} +@media (max-width: 550px) { + .grid__col[class*="grid__col--s-"] { + display: inline-block; + margin-right: -.24em + } + .grid__col.grid__col--s-1-of-2, + .grid__col.grid__col--s-2-of-4 { + width: 50% + } + .grid__col.grid__col--s-1-of-3 { + width: 33.33333% + } + .grid__col.grid__col--s-2-of-3 { + width: 66.66667% + } + .grid__col.grid__col--s-1-of-4 { + width: 25% + } + .grid__col.grid__col--s-3-of-4 { + width: 75% + } + +} +.grid__col--centered { + display: block; + margin-left: auto; + margin-right: auto +} +.grid__col--d-first { + float: left +} +.grid__col--d-last { + float: right +} +.grid--no-gutter { + margin-left: 0; + width: 100% +} +.grid--no-gutter>* { + padding-left: 0 +} +.grid--no-gutter .grid__col--span-all { + margin-left: 0; + width: 100% +} +.grid__col--ab, +.grid__col--align-bottom { + vertical-align: bottom +} +.grid__col--am, +.grid__col--align-middle { + vertical-align: middle +} +@-webkit-keyframes anywhereBlockBG { + 0%, 15%, 100% { + background-position: center 0; + opacity: 1 + } + 20% { + background-position: center 0; + opacity: 0 + } + 21% { + background-position: center -493px; + opacity: 0 + } + 25%, + 40% { + opacity: 1 + } + 45% { + background-position: center -493px; + opacity: 0 + } + 46% { + background-position: center -986px; + opacity: 0 + } + 50%, + 65% { + opacity: 1 + } + 70% { + background-position: center -986px; + opacity: 0 + } + 71% { + background-position: center -1479px; + opacity: 0 + } + 75%, + 90% { + opacity: 1 + } + 95% { + background-position: center -1479px; + opacity: 0 + } + 96% { + background-position: center 0; + opacity: 0 + } +} +@keyframes anywhereBlockBG { + 0%, 15%, 100% { + background-position: center 0; + opacity: 1 + } + 20% { + background-position: center 0; + opacity: 0 + } + 21% { + background-position: center -493px; + opacity: 0 + } + 25%, + 40% { + opacity: 1 + } + 45% { + background-position: center -493px; + opacity: 0 + } + 46% { + background-position: center -986px; + opacity: 0 + } + 50%, + 65% { + opacity: 1 + } + 70% { + background-position: center -986px; + opacity: 0 + } + 71% { + background-position: center -1479px; + opacity: 0 + } + 75%, + 90% { + opacity: 1 + } + 95% { + background-position: center -1479px; + opacity: 0 + } + 96% { + background-position: center 0; + opacity: 0 + } +} +@-webkit-keyframes anywhereBlockProps { + 0%, 15%, 100% { + background-position: center -1238px; + opacity: 1 + } + 20% { + background-position: center -1238px; + opacity: 0 + } + 21% { + background-position: center -40px; + opacity: 0 + } + 25%, + 40% { + opacity: 1 + } + 45% { + background-position: center -40px; + opacity: 0 + } + 46% { + background-position: center -680px; + opacity: 0 + } + 50%, + 65% { + opacity: 1 + } + 70% { + background-position: center -680px; + opacity: 0 + } + 71% { + background-position: center -1822px; + opacity: 0 + } + 75%, + 90% { + opacity: 1 + } + 95% { + background-position: center -1822px; + opacity: 0 + } + 96% { + background-position: center -1238px; + opacity: 0 + } +} +@keyframes anywhereBlockProps { + 0%, 15%, 100% { + background-position: center -1238px; + opacity: 1 + } + 20% { + background-position: center -1238px; + opacity: 0 + } + 21% { + background-position: center -40px; + opacity: 0 + } + 25%, + 40% { + opacity: 1 + } + 45% { + background-position: center -40px; + opacity: 0 + } + 46% { + background-position: center -680px; + opacity: 0 + } + 50%, + 65% { + opacity: 1 + } + 70% { + background-position: center -680px; + opacity: 0 + } + 71% { + background-position: center -1822px; + opacity: 0 + } + 75%, + 90% { + opacity: 1 + } + 95% { + background-position: center -1822px; + opacity: 0 + } + 96% { + background-position: center -1238px; + opacity: 0 + } +} +@-webkit-keyframes anywhereBlockPhone { + 0%, 15%, 100% { + background-position: -275px center; + opacity: 1 + } + 20% { + background-position: -275px center; + opacity: 0 + } + 21% { + background-position: -1px center; + opacity: 0 + } + 25%, + 40% { + opacity: 1 + } + 45% { + background-position: -1px center; + opacity: 0 + } + 46% { + background-position: -93px center; + opacity: 0 + } + 50%, + 65% { + opacity: 1 + } + 70% { + background-position: -93px center; + opacity: 0 + } + 71% { + background-position: -186px center; + opacity: 0 + } + 75%, + 90% { + opacity: 1 + } + 95% { + background-position: -186px center; + opacity: 0 + } + 96% { + background-position: -275px center; + opacity: 0 + } +} +@keyframes anywhereBlockPhone { + 0%, 15%, 100% { + background-position: -275px center; + opacity: 1 + } + 20% { + background-position: -275px center; + opacity: 0 + } + 21% { + background-position: -1px center; + opacity: 0 + } + 25%, + 40% { + opacity: 1 + } + 45% { + background-position: -1px center; + opacity: 0 + } + 46% { + background-position: -93px center; + opacity: 0 + } + 50%, + 65% { + opacity: 1 + } + 70% { + background-position: -93px center; + opacity: 0 + } + 71% { + background-position: -186px center; + opacity: 0 + } + 75%, + 90% { + opacity: 1 + } + 95% { + background-position: -186px center; + opacity: 0 + } + 96% { + background-position: -275px center; + opacity: 0 + } +} +@-webkit-keyframes backupBlockBG { + to { + background-position: center 20% + } + from { + background-position: center 80% + } +} +@keyframes backupBlockBG { + to { + background-position: center 20% + } + from { + background-position: center 80% + } +} +@-webkit-keyframes backupBlockScene { + to { + background-position: center top + } + from { + background-position: center bottom + } +} +@keyframes backupBlockScene { + to { + background-position: center top + } + from { + background-position: center bottom + } +} +.medium-title, +.small-title { + padding: 0 0 20px; + margin: 0; + text-align: center; + color: #47525d +} +.large-title { + font-size: 31px; + line-height: 1.2; + font-weight: 100; + margin-bottom: 20px; + color: #47525d +} +@media (min-width: 768px) { + .large-title { + line-height: 1.2; + margin-bottom: 30px + } +} +.medium-title { + line-height: 1.4; + font-size: 25px; + font-weight: 100 +} +.small-title { + line-height: 1.4; + font-size: 25px; + font-weight: 100 +} +.ajax-loading #plan-select-container { + position: relative +} +.ajax-loading #plan-select-container:before { + content: ""; + position: absolute; + top: -2px; + left: -2px; + right: -2px; + bottom: -2px; + display: block; + background: #f6f9fc; + opacity: 0.6; + z-index: 2 +} +.upgrade-features { + background-color: #fff; + color: #47525d; + font-size: 14px; + text-rendering: optimizeLegibility +} +.upgrade-features img { + max-width: 100% +} +.upgrade-features .wrap--outer { + max-width: 990px; + padding-left: 20px; + padding-right: 20px; + margin: 0 auto +} +.upgrade-features .island { + padding: 23px +} +.upgrade-features .island--h { + padding-left: 23px; + padding-right: 23px +} +.upgrade-features .island--spacious-v { + padding-top: 92px; + padding-bottom: 92px +} +.upgrade-features .island--v, +.upgrade-features .site__content { + padding-top: 23px; + padding-bottom: 23px +} +.upgrade-features h1, +.upgrade-features .alpha { + margin-top: 5.8px; + margin-bottom: 28.8px; + font-size: 28px; + font-weight: 300; + line-height: 1.571428571; + color: #3d464d +} +@media (max-width: 550px) { + .upgrade-features h1, + .upgrade-features .alpha { + font-size: 24px; + text-align: center + } +} +.upgrade-features h2, +.upgrade-features .beta { + margin-bottom: 11.5px; + margin-top: 11.5px; + font-size: 22px; + font-weight: 400; + line-height: 1.4 +} +.upgrade-features h3, +.upgrade-features .gamma { + margin-bottom: 11.5px; + font-size: 17px; + font-weight: 400; + line-height: 1.75 +} +.upgrade-features h4, +.upgrade-features .delta { + font-size: 14px; + font-weight: 600; + line-height: 1.76923; + color: #7b8994; + margin-bottom: 0 +} +.upgrade-features .promo { + text-align: center +} +.upgrade-features .subhead, +.upgrade-features .meta { + color: #7b8994 +} +.upgrade-features .subhead { + margin: 0 auto; + max-width: 700px +} +.upgrade-features .dfb-bar-container { + text-align: center +} +.upgrade-features .dfb-bar-container .dfb-bar { + display: inline-block; + margin: 0 auto +} +.upgrade-features strong, +.upgrade-features .strong { + font-weight: 700 +} +.upgrade-features em, +.upgrade-features .em { + font-style: italic +} +.upgrade-features hr { + border: none; + border-top: 1px solid #d8dce0; + margin-bottom: 23px; + margin-top: -2px +} +.upgrade-features ul, +.upgrade-features ol { + padding-left: 1.35em +} +.upgrade-features li>ul, +.upgrade-features li>ol { + margin-bottom: 0 +} +.upgrade-features dl dt { + font-weight: 700 +} +.upgrade-features dl dd { + padding-left: 16.9px +} +.upgrade-features p, +.upgrade-features .o--p, +.upgrade-features blockquote, +.upgrade-features table, +.upgrade-features form, +.upgrade-features ul, +.upgrade-features ol, +.upgrade-features .img, +.upgrade-features pre, +.upgrade-features .mega, +.upgrade-features .ultra { + display: block; + margin-bottom: 23px +} +.upgrade-features .o--p--dm { + margin-bottom: 46px +} +.upgrade-features .o--p--hm { + margin-bottom: 11.5px +} +.upgrade-features .o--p--nm { + margin-bottom: -23px +} +.upgrade-features .o--b { + display: block +} +.upgrade-features .o--bc { + margin-left: auto; + margin-right: auto +} +.upgrade-features .o--i { + display: inline-block +} +.upgrade-features .o--p--xxl { + font-size: 19.5px; + line-height: 1.142857143 +} +.upgrade-features .o--p--xl { + font-size: 16px; + line-height: 1.375 +} +.upgrade-features .o--p--l { + font-size: 14.9px; + line-height: 1.5 +} +.upgrade-features .o--p--s, +.upgrade-features .input.input--small { + font-size: 11.4px; + line-height: 1.393936364 +} +.upgrade-features .o--p--xs { + font-size: 11.1px; + line-height: 1.142857143 +} +.upgrade-features .f--l, +.upgrade-features .f--r { + z-index: 1 +} +.upgrade-features .f--l { + float: left +} +.upgrade-features .f--r { + float: right +} +.upgrade-features .standalone { + margin-bottom: 0 !important +} +.upgrade-features .unl, +.upgrade-features .plans__checklist { + list-style: none; + padding-left: 0 +} +.upgrade-features .pro-header { + background-color: #f3f1f1; + background-image: url("svg/header.svg"); + background-size: 1373px 726px; + background-repeat: no-repeat; + background-position: center -100px; + color: #000; + position: relative; + z-index: 1; +} +@media (-webkit-min-device-pixel-ratio: 1.1), +(min-resolution: 192dpx), +(min-resolution: 1.1dppx) { + .upgrade-features .pro-header { + background-image: url("svg/header.svg"); + } +} +.upgrade-features .pro-header .subhead { + max-width: 700px +} +.upgrade-features .pro-header .subhead.wide { + max-width: 550px +} +.upgrade-features .pro-header .subhead__list { + margin-top: 0; + padding: 0; + display: inline-block; + width: auto; + list-style: none +} +.upgrade-features .pro-header .meta a { + text-decoration: underline +} +.upgrade-features .pro-header .meta .pro-header__biz-cta { + display: block; + color: #004c8a; + text-decoration: none +} +.upgrade-features .pro-header--bars { + background-image: none; + background-color: #cce6fa; + color: #737373 +} +.upgrade-features .pro-header--bars .pro-header__headline { + color: inherit +} +.upgrade-features .pro-header--bars .meta { + color: inherit; + margin-top: 3px +} +.upgrade-features .pro-header--bars.island--spacious-v { + padding-bottom: 23px +} +.upgrade-features .pro-header--vertical.island--spacious-v { + padding-top: 68px +} +.upgrade-features .pro-header--horizontal.island--spacious-v { + padding-top: 48px +} +.upgrade-features .pro-header--layered.island--spacious-v { + padding-top: 53px +} +.upgrade-features .app__block+.app__block { + box-shadow: inset 0 1px rgba(123, 137, 148, 0.2); + overflow: hidden +} +.upgrade-features .app__block+.app__block.app__block--anywhere { + padding-top: 1px; + overflow: hidden +} +.upgrade-features .plans__checklist { + margin-top: 0 +} +.upgrade-features .plans__checklist>li>* { + padding-left: 26px +} +.upgrade-features .plans__checklist h4 { + background-repeat: no-repeat; + background-position: left 3px +} +.upgrade-features .plans__checklist--basic>li h4 { + background-image: url("check-basic-vfln6YH1l.png"); + background-size: 16px auto +} +@media (-webkit-min-device-pixel-ratio: 1.1), +(min-resolution: 192dpx), +(min-resolution: 1.1dppx) { + .upgrade-features .plans__checklist--basic>li h4 { + background-image: url("check-basic@2x-vflCuERTz.png") + } +} +.upgrade-features .plans__pro-all--item h4, +.upgrade-features .plans__checklist--pro>li h4 { + background-image: url("check-pro-vflkRG0cN.png"); + background-size: 16px auto +} +@media (-webkit-min-device-pixel-ratio: 1.1), +(min-resolution: 192dpx), +(min-resolution: 1.1dppx) { + .upgrade-features .plans__pro-all--item h4, + .upgrade-features .plans__checklist--pro>li h4 { + background-image: url("check-pro@2x-vflDfdDY6.png") + } +} +.upgrade-features .plans__pro-all--item *, +.upgrade-features .plans__checklist--pro>li * { + padding-left: 26px +} +.upgrade-features .plans--grid { + padding-bottom: 0 +} +.upgrade-features .plans--grid small { + font-size: 0.7em +} +@media (min-width: 551px) { + .upgrade-features .plans--grid .plans__pro { + border-left: 1px solid #d8dce0 + } +} +.upgrade-features .site__footer { + color: #47525d +} +.upgrade-features .site__footer nav a { + color: #7b8994 +} +.upgrade-features .get-started header { + font-size: 1.2em +} +.upgrade-features .get-started p { + margin: 0 +} +.upgrade-features .get-started .upgrade-button { + margin-bottom: 20px +} +.upgrade-features .intuitive-block { + max-height: 493px; + position: relative; + z-index: 0 +} +@media (max-width: 750px) { + .upgrade-features .intuitive-block { + overflow: hidden; + margin-right: -20px + } +} +.upgrade-features .intuitive-block .intuitive-block__stage { + padding-top: 100%; + background-image: url("../img/ebills/ebills.png"); + background-size: 465px auto; + background-position: center 0; + background-repeat: no-repeat; + +} +@media (-webkit-min-device-pixel-ratio: 1.1), +(min-resolution: 192dpx), +(min-resolution: 1.1dppx) { + .upgrade-features .intuitive-block .intuitive-block__stage { + background-image: url("../img/ebills/ebills.png"); + background-size: 100% auto; + } +} +@media (-webkit-min-device-pixel-ratio: 1.1), +(min-resolution: 192dpx), +(min-resolution: 1.1dppx) { + .upgrade-features .intuitive-block .intuitive-block__props { + background-image: url("../img/ebills/ebills.png") + } +} +@media (max-width: 550px) { + .upgrade-features .intuitive-block .intuitive-block__props { + right: -20px; + left: -20px + } + .grid__col { + display: block; + margin-left: 0; + margin-right: 0; + width: auto; + } +} + +.plans__pro-all, .grid__col.grid__col--5-of-12.grid__col--align-middle.island--v, .grid__col.grid__col--4-of-12 { + text-align: left; +} + +/* Expanding styles */ + +body, +input, +textarea, +select, +button, +.normal { + font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif; + font-size: 13px; + color: #3d464d; + font-weight: normal +} +.maestro body, +.maestro input, +.maestro textarea, +.maestro select, +.maestro button, +.maestro .normal { + font-family: AtlasGrotesk, sans-serif +} +body { + background-color: #fff; + min-height: 100%; + margin: 0; + padding: 0 +} +a, +a * { + cursor: pointer; + outline: none +} +a { + color: #2895F1; + text-decoration: none +} +a:focus { + text-decoration: underline +} +a img { + border: 0 +} +p, +h1, +h2, +h3, +h4, +h5 { + margin: 0 0 1em 0; + line-height: 1.6em +} +h1 { + font-size: 18pt; + font-weight: normal; + margin: 10px 0 +} +h2 { + padding-top: 3px; + padding-bottom: 10px; + margin-bottom: 4px; + font-size: 10pt +} +h3 { + padding: 0; + margin: 0; + font-size: 10pt +} +h4 { + margin: 0 0 0.5em 0; + font-weight: bold; + font-size: 14px +} +h5 { + margin: 0 0 0.5em 0; + font-weight: bold; + font-size: 12px +} +input[type=password] { + font-family: arial, sans-serif +} +button { + border: 0; + width: auto; + overflow: visible; + border-style: solid; + outline: 0 +} +form { + padding: 0; + margin: 0 +} +label { + cursor: default +} +noscript { + font-size: 13px; + font-weight: normal +} +.carousel * { + font-family: "Atlas Grotesk Web", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif +} +.carousel a { + color: #0bacff +} +.clearfix:before, +.clearfix:after { + content: " "; + display: table +} +.clearfix:after { + clear: both +} +.link-img { + vertical-align: middle; + background-color: #fff; + margin: -2px 0 0 0; + padding-right: 4px; + background-repeat: no-repeat +} +#maestro-nav { + line-height: normal +} +#maestro-nav h2 { + padding-top: 0; + padding-bottom: 0 +} +.expanding-section { + position: relative; + box-sizing: border-box; + min-width: 200px; + max-width: 100%; + height: auto; + margin: 32px auto 0; + overflow: hidden +} +.expanding-section__button { + width: 100%; + display: block; + height: 40px; + font-size: 14px; + line-height: 40px; + text-align: left; + margin: 0 0 32px 0; + color: #4c545a; + outline: none; + cursor: pointer; + -webkit-transition: color 0ms, -webkit-transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53); + transition: color 0ms, -webkit-transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53); + transition: transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53), color 0ms; + transition: transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53), color 0ms, -webkit-transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53); + border: none; + background: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + padding: 0 +} +.expanding-section__button .button-text { + display: inline-block +} +.expanding-section__button .button-text--closed { + display: none +} +.expanding-section__button:before { + display: inline-block; + width: 40px; + height: 40px; + margin: 0 16px 0 0; + vertical-align: top; + background: no-repeat 50% 0; + content: ''; + -webkit-transition: background 0ms, -webkit-transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53); + transition: background 0ms, -webkit-transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53); + transition: transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background 0ms; + transition: transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background 0ms, -webkit-transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53); + -webkit-backface-visibility: 'hidden'; + backface-visibility: 'hidden'; + background-image: url("/index_files/plus.png"); + background-size: 40px 80px +} +@media (-webkit-min-device-pixel-ratio: 1.1), +(min-resolution: 192dpx), +(min-resolution: 1.1dppx) { + .expanding-section__button:before { + background-image: url("/static/images/components/expanding_section/plus_icons@2x-vfljWsv1E.png") + } +} +.expanding-section__button:hover { + color: #007ee5 +} +.expanding-section__button:hover:before { + background-position-y: 100% +} +.expanding-section__button.button-toggled { + -webkit-transform: translate(50%, 50%) translateX(-19px); + transform: translate(50%, 50%) translateX(-19px) +} +.expanding-section__button.button-toggled .button-text { + opacity: 0; + -webkit-transform: translateX(-80px); + transform: translateX(-80px) +} +.expanding-section__button.button-toggled:before { + -webkit-transform: rotate(45deg); + transform: rotate(45deg) +} +.expanding-section__button.button-toggled .button-text--opened { + display: none +} +.expanding-section__button.button-toggled .button-text--closed { + display: inline +} +.expanding-section__button-close { + font-size: 0; + display: block; + margin: 15px auto; + position: relative; + height: 40px; + width: 40px; + cursor: pointer; + overflow: hidden; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + background-image: url("/index_files/plus.png"); + background-size: 40px 80px +} +@media (-webkit-min-device-pixel-ratio: 1.1), +(min-resolution: 192dpx), +(min-resolution: 1.1dppx) { + .expanding-section__button-close { + background-image: url("/static/images/components/expanding_section/plus_icons@2x-vfljWsv1E.png") + } +} +.expanding-section__link { + font-size: 16px; + display: inline-block; + margin: 35px 0 30px +} + +.expanding-section__body { + font-size: 14px; + line-height: 1.5em; + margin: 30px auto +} +.expanding-section.expanding-section--alt-order .expanding-section__button { + margin-left: calc(50% + 15px); + width: calc(50% - 15px) +} +.expanding-section.expanding-section--alt-order .expanding-section__button.button-toggled { + -webkit-transform: translate(-35px, 50%); + transform: translate(-35px, 50%) +} + +/* Component styles */ +@font-face { + font-family: 'dax'; + src: url('dax-regular-webfont.eot'); + src: url('dax-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('dax-regular-webfont.woff') format('woff'), + url('dax-regular-webfont.ttf') format('truetype'), + url('dax-regular-webfont.svg') format('svg'); + font-weight: normal; + font-style: normal; +} +* { padding: 0; margin: 0;} +.component { + line-height: 1.5em; + margin: 0 auto; + padding: 2em 0 3em; + width: 90%; + max-width: 1000px; + overflow: hidden; +} +.component .filler { + font-family: "dax", Arial, sans-serif; + color: #d3d3d3; +} +table { + border-collapse: collapse; + margin-bottom: 3em; + width: 100%; + background: #fff; +} +td, th { + padding: 0.75em 2.5em; + text-align: left; +} +td { + padding: 0.75em 2.5em; + text-align: left; + min-width: 25px !important; +} +tr.header, th.header { + color: #58595b; + background-color: #fff !important; + padding: 30px 0 10px 1px; + font-size: 1.5em; + font-family: "dax", Arial, sans-serif; +} +@media (max-width: 1025px) { + table.sticky-thead{ + width:770px !important; + } +} +th.title, td { + text-align: center; +} +td.err { + background-color: #e992b9; + color: #fff; + font-size: 0.75em; + text-align: center; + line-height: 1; + } +th { + background-color: #00578e; + font-weight: bold; + color: #fff; + white-space: nowrap; +} +tbody th { + background-color: #d8e0ed; + color: #58595b; +} +tbody tr:nth-child(2n-1) { + background-color: #f5f5f5; +} +tbody tr:hover { + background-color: rgba(216,224,237,.5); +} + +/* For appearance */ +.sticky-wrap { + overflow-x: auto; + overflow-y: hidden; + position: relative; + margin: 3em 0; + width: 100%; +} +.sticky-wrap .sticky-thead, +.sticky-wrap .sticky-col.title, +.sticky-wrap .sticky-intersect { + opacity: 0; + position: absolute; + top: 0; + left: 0; + z-index: 50; + width: auto; /* Prevent table from stretching to full size */ +} +.sticky-wrap .sticky-col { + opacity: 0; + position: absolute; + +} + .sticky-wrap .sticky-thead { + z-index: 100; + width: 100%; /* Force stretch */ + margin-top: 77px; + } + .sticky-wrap .sticky-intersect { + opacity: 1; + z-index: 150; + margin-top: 77px; + } + .sticky-wrap .sticky-intersect th { + background-color: #f5f5f5; + color: #58595b; + margin-top: 77px; + } +.sticky-wrap td, +.sticky-wrap th { + box-sizing: border-box; +} + +/* Not needed for sticky header/column functionality */ +td.user-name { + text-transform: capitalize; +} +.sticky-wrap.overflow-y { + overflow-y: auto; + max-height: 50vh; +} +p.last-update { + float: right; +} + + +/* Footer styles */ + +#homepage-footer { + border: none; + padding: 0; + width: auto +} +#homepage-footer nav .o-nav { + float: left; + list-style: none; + margin: 0; + padding: 0; + width: 160px; + color: #7b8994 +} +#homepage-footer nav .o-nav__header { + font-size: 14px; + font-weight: 700; + line-height: 24px; + margin-bottom: 11px +} +#homepage-footer nav .o-nav__item { + margin-bottom: 11px; + line-height: 16px +} +#homepage-footer nav a { + color: #7b8994 +} +#homepage-footer #locale-link { + float: right +} +#homepage-footer #locale-container { + padding-top: 60px; + width: 100%; + position: relative; + overflow: hidden +} +.business-2015 .footer-row { + margin-top: 0; + padding: 52px 17px 120px; + background: #fff +} +.business-2015 .footer-row #homepage-footer { + max-width: 990px +} +@media (max-width: 990px) { + .townsuite-2017 div .footer-row, + .index-2015 div .footer-row { + padding-bottom: 50px + } +} +.townsuite-2017 #homepage-footer, +.index-2015 #homepage-footer { + max-width: 990px +} +@media (max-width: 990px) { + .townsuite-2017 #homepage-footer nav ul, + .index-2015 #homepage-footer nav ul { + width: 16.66667%; + min-height: 170px + } +} +@media (max-width: 767px) { + .townsuite-2017 #homepage-footer nav ul, + .index-2015 #homepage-footer nav ul { + width: 32%; + padding: 0 2% 0 0 + } +} +@media (MAX-WIDTH: 500px) { + .townsuite-2017 #homepage-footer nav ul, + .index-2015 #homepage-footer nav ul { + width: 50%; + padding: 0 + } +} +@media (max-width: 767px) { + .townsuite-2017 #homepage-footer #locale-link, + .index-2015 #homepage-footer #locale-link { + float: none + } +} +.townsuite-2017 #homepage-footer #locale-container, +.index-2015 #homepage-footer #locale-container { + min-height: 80px +} +@media (max-width: 990px) { + .townsuite-2017 #homepage-footer #locale-container, + .index-2015 #homepage-footer #locale-container { + padding-top: 0 + } +} +footer img { + width: 16px !important; +} + +/* media style */ + +.media-text__header, +.media-text--caption-header .media-text__body, +.media-text--horizontal .media-text__header, +.media-text--primary .media-text__body { + -webkit-font-smoothing: antialias; + font-weight: 400 +} +.media-text__header { + font-weight: 300; + font-size: 28px; + line-height: 44px; + margin: 12px auto 2px; + text-align: center +} +@media (max-width: 767px) { + .media-text__header { + font-size: 25px; + line-height: 35px + } +} +.media-text--caption-header .media-text__body, +.media-text--horizontal .media-text__header { + font-weight: 400; + font-size: 21px; + line-height: 30px +} +.media-text--primary .media-text__body { + font-weight: 400; + font-size: 17px; + line-height: 28px +} +.media-text--caption-header .media-text__header { + font-size: 12px; + line-height: 16px; + font-weight: normal +} +.media-text__media, +.media-text__text { + width: 100% +} +.media-text__media a:hover, +.media-text__media a:focus, +.media-text__media a:active, +.media-text__text a:hover, +.media-text__text a:focus, +.media-text__text a:active { + color: #007ee5 +} +.media-text__media ul, +.media-text__text ul { + padding-left: 20px +} +.media-text__media { + text-align: center +} +.media-text__media img { + height: auto +} +.media-text__header--responsive { + display: none +} +.media-text__footer { + position: relative; + text-align: center +} +.media-text__footer-item-container { + width: 33.33333%; + display: inline-block +} +.media-text__footer--justified .media-text__footer-item-container:first-child { + text-align: left +} +.media-text__footer--justified .media-text__footer-item-container:last-child { + text-align: right +} +.media-text__footer-item { + display: inline-block; + min-width: 65px; + background-position: top center; + background-repeat: no-repeat +} +.media-text__footer-item img { + display: block; + margin: 0 auto; + margin-bottom: 10px +} +.media-text--caption-header .media-text__header { + font-size: 13px; + padding-bottom: 3px +} +.media-text--primary { + margin-bottom: 50px +} +.media-text--horizontal { + display: table; + margin: 0 auto +} +.media-text--horizontal .media-text__headline .media-text__headline-head { + text-align: center; + font-size: 28px; + font-weight: 300; + padding-bottom: 15px +} +.media-text--horizontal .media-text__wrapper { + width: ; + text-align: left; + display: table-cell; + vertical-align: middle; + padding-left: 15px +} +.media-text--horizontal .media-text__wrapper:first-child { + padding-right: 15px; + padding-left: 0 +} +.media-text--horizontal .media-text__media, +.media-text--horizontal .media-text__text { + padding-left: 0; + padding-right: 0 +} +.media-text--horizontal .media-text__header, +.media-text--horizontal .media-text__body { + width: 310px; + margin: 0 +} +.media-text--horizontal .media-text__text { + text-align: left +} +.media-text--horizontal .media-text__media img { + width: auto; + height: 100%; + vertical-align: middle +} +.media-text--horizontal .media-text__header { + text-align: left +} +.media-text--horizontal.media-text--headline .media-text__media { + margin-top: 0 +} +.media-text--horizontal.media-text--headline .media-text__media img { + width: auto +} +.media-text--horizontal.media-text--headline .media-text__wrapper:first-child { + padding-left: 80px; + padding-right: 15px +} +.media-text--horizontal.media-text--headline .media-text__wrapper { + padding-right: 80px; + padding-left: 15px +} +.media-text--horizontal.media-text--headline .media-text__body { + width: auto +} +.media-text--alt-order.media-text--horizontal .media-text__media { + padding-right: 0 +} +.media-text--alt-order.media-text--horizontal .media-text__text { + padding-left: 0 +} +.media-text--alt-order.media-text--horizontal .media-text__text .media-text__header, +.media-text--alt-order.media-text--horizontal .media-text__text .media-text__body { + float: right +} +.media-text--border-bottom { + padding-bottom: 100px; + border-bottom: 1px solid #e5e5e5 +} +.media-text--two-across, +.media-text--three-across { + display: inline-block; + padding-left: 20px; + vertical-align: top +} +.media-text--first.media-text--two-across, +.media-text--first.media-text--three-across { + padding-left: 0 +} +.media-text--two-across { + width: 50% +} +.media-text--three-across { + width: 31.25% +} + +/* base style */ + +@font-face { + font-family: 'dax'; + src: url('dax-regular-webfont.eot'); + src: url('dax-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('dax-regular-webfont.woff') format('woff'), + url('dax-regular-webfont.ttf') format('truetype'), + url('dax-regular-webfont.svg') format('svg'); + font-weight: normal; + font-style: normal; +} +body, +input, +textarea, +select, +button, +.normal { + font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif; + font-size: 13px; + color: #3d464d; + font-weight: normal +} +.maestro body, +.maestro input, +.maestro textarea, +.maestro select, +.maestro button, +.maestro .normal { + font-family: AtlasGrotesk, sans-serif +} +body { + background-color: #fff; + min-height: 100%; + margin: 0; + padding: 0 +} +a, +a * { + cursor: pointer; + outline: none +} +a { + color: #00578e; + text-decoration: none +} +a:focus { + text-decoration: underline +} +a img { + border: 0 +} +p, +h1, +h2, +h3, +h4, +h5 { + margin: 0 0 1em 0; + line-height: 1.6em +} +h1 { + font-size: 18pt; + font-weight: normal; + margin: 10px 0 +} +h2 { + padding-top: 3px; + padding-bottom: 10px; + margin-bottom: 4px; + font-size: 10pt +} +h3 { + padding: 0; + margin: 0; + font-size: 10pt +} +h4 { + margin: 0 0 0.5em 0; + font-weight: bold; + font-size: 14px +} +h5 { + margin: 0 0 0.5em 0; + font-weight: bold; + font-size: 12px +} +input[type=password] { + font-family: arial, sans-serif +} +button { + border: 0; + width: auto; + overflow: visible; + border-style: solid; + outline: 0 +} +form { + padding: 0; + margin: 0 +} +label { + cursor: default +} +noscript { + font-size: 13px; + font-weight: normal +} +.carousel * { + font-family: "Atlas Grotesk Web", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif +} +.carousel a { + color: #0bacff +} +.clearfix:before, +.clearfix:after { + content: " "; + display: table +} +.clearfix:after { + clear: both +} +.link-img { + vertical-align: middle; + background-color: #fff; + margin: -2px 0 0 0; + padding-right: 4px; + background-repeat: no-repeat +} +#maestro-nav { + line-height: normal +} +#maestro-nav h2 { + padding-top: 0; + padding-bottom: 0 +} +body.townsuite-2017 { + background: #fbfbfb +} +@media (max-width: 1024px) { + .grid-990 { + margin: 0 auto + } +} +.townsuite-2017 #notify-wrapper { + width: 100%; + height: 0px; + left: 0; + top: 0; + text-align: center; + position: fixed; + z-index: 1001; + margin-top: 70px +} +.no-header-bar .townsuite-2017 #notify-wrapper { + margin-top: 30px +} +.townsuite-2017 #notify { + display: inline-block; + padding: 8px 18px; + border-radius: 6px; + border-width: 1px; + border-style: solid; + font-size: 12px +} +.townsuite-2017 #notify, +.townsuite-2017 #notify.server-info { + color: #47525d; + background-color: #fbfbfb; + border-color: #47525d +} +.townsuite-2017 #notify.server-error { + color: #e82110; + background-color: #ffe3e3; + border-color: #e82110 +} +.townsuite-2017 #notify.server-success { + color: #48ac68; + background-color: #edfaf1; + border-color: #48ac68 +} +* { + -webkit-font-smoothing: antialiased +} +body.townsuite-2017 { + font-size: 14px; + line-height: 26px +} +.large-title, +.medium-title, +.learn-more-content .media-text__headline-head, +.small-title { + padding: 0 0 20px; + margin: 0; + text-align: center +} +.large-title { + line-height: 1.4; + font-size: 38px; + font-weight: 300 +} +.medium-title, +.learn-more-content .media-text__headline-head { + line-height: 36px; + font-size: 24px; + font-weight: 100 +} +.small-title { + line-height: 34px; + font-size: 21px; + font-weight: 100 +} +.townsuite-2017 .try-townsuite-cta .try-business-cta__button, +.townsuite-2017 .try-townsuite-cta .try-business-cta__header { + line-height: 34px; + font-size: 16px; + font-weight: 400 +} +*, +*:before, +*:after { + box-sizing: border-box +} +.grid-990 body.townsuite-2017 { + min-width: 990px +} +.grid-990 body.townsuite-2017--responsive { + min-width: 0 +} +.twelve-column { + margin: 0 auto; + width: 990px +} +.eleven-column { + margin: 0 auto; + width: 905px +} +.ten-column { + margin: 0 auto; + width: 820px +} +.nine-column { + margin: 0 auto; + width: 735px +} +.eight-column { + margin: 0 auto; + width: 650px +} +.seven-column { + margin: 0 auto; + width: 565px +} +.six-column { + margin: 0 auto; + width: 480px +} +.five-column { + margin: 0 auto; + width: 395px +} +.four-column { + margin: 0 auto; + width: 310px +} +.three-column { + margin: 0 auto; + width: 225px +} +.two-column { + margin: 0 auto; + width: 140px +} +.one-column { + margin: 0 auto; + width: 55px +} +.townsuite-logo { + margin: 13px auto; + width: 200px; + position: relative; + height: 60px; + max-width: 220px; + font-size: 0; + text-align: left; + display: block; + z-index: 3 +} +.townsuite-logo__link { + display: inline-block +} +.townsuite-logo__type { + z-index: 3; + width: 180px; + height: 54px; + vertical-align: middle; + display: inline-block; + background: no-repeat center center; + position: relative; + top: -4px; + background-size: 120px auto; + -webkit-transition: all 300ms ease-in-out 0s; + transition: all 300ms ease-in-out 0s +} +.townsuite-logo__glyph { + z-index: 4; + vertical-align: middle; + height: 46px; + width: 39px; + display: inline-block; + -webkit-transition: all 300ms ease-in-out 0s; + transition: all 300ms ease-in-out 0s +} +.townsuite-logo.fade-out .townsuite-logo__glyph { + -webkit-transform: translate(69px, 0); + transform: translate(69px, 0) +} +.townsuite-logo.fade-out .townsuite-logo__type { + opacity: 0; + -webkit-transform: translate(-40px, 0); + transform: translate(-40px, 0) +} +.mast-head { + top: 0; + right: 0; + left: 0; + overflow: hidden; + position: fixed; + height: 76px; + z-index: 1000; + font-size: 0; + background-color: #fff; + border-bottom: 1px solid #d0d4d9; + box-shadow: 0px 1px 1px #d0d4d9 +} +.mast-head .mast-head-nav { + top: 22px; + right: 105px; + bottom: 22px; + left: 105px; + position: absolute; + width: auto; + height: 32px; + z-index: 3 +} +@media (max-width: 990px) { + .mast-head .mast-head-nav { + right: 25px; + left: 25px + } +} +.mast-head .mast-head-nav .nav-list { + display: inline-block; + margin: 0; + padding: 0; + width: 50%; + font-size: 0 +} +.mast-head .mast-head-nav .nav-list:nth-of-type(1) { + text-align: left; + vertical-align: middle +} +.mast-head .mast-head-nav .nav-list:nth-of-type(1) .nav-list__item { + margin: 0 12px 0 0 +} +.mast-head .mast-head-nav .nav-list:nth-of-type(2) { + text-align: right +} +.mast-head .mast-head-nav .nav-list:nth-of-type(2) .nav-list__item { + margin: 0 0 0 12px +} +.mast-head .mast-head-nav .nav-list .nav-list__item { + display: inline-block; + vertical-align: middle; + text-align: right +} +.townsuite-2017 .mast-head .button-tertiary { + border-color: #00578e; + color: #00578e +} +.townsuite-2017 .mast-head .button-tertiary:hover { + border-color: #0071ce; + color: #0071ce +} +.townsuite-2017 .mast-head .nav-list__item+.nav-list__item { + position: relative; + padding-left: 6px +} +.townsuite-2017 .mast-head .nav-list__item+.nav-list__item::before { + background: #00578e; + border-radius: 100%; + content: ""; + height: 3px; + position: absolute; + left: -5px; + top: 12px; + width: 3px +} +.townsuite-2017 .mast-head .nav-list__item+.nav-list__item--no-bullet::before { + display: none +} +.townsuite-2017 .button-toggler { + overflow: hidden; + width: 75px; + height: 34px; + border-radius: 5px +} +.townsuite-2017 .button-toggler .button-toggler__wrapper { + position: relative; + display: block +} +.townsuite-2017 .button-toggler .sign-in, +.townsuite-2017 .button-toggler .sign-up { + position: absolute; + top: 0; + left: 0; + width: 75px; + height: 29px; + z-index: 1; + padding: 7px 13px; + opacity: 1; + -webkit-transition: opacity 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0ms, top 0ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0ms; + transition: opacity 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0ms, top 0ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0ms +} +.townsuite-2017 .button-toggler .sign-up { + z-index: 0 +} +.townsuite-2017 .button-toggler.show-sign-up .sign-in { + top: -29px; + opacity: 0; + -webkit-transition: opacity 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0ms, top 0ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 251ms; + transition: opacity 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0ms, top 0ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 251ms +} +.hero { + padding-top: 51px; + width: 100%; + text-align: center +} +.hero .medium-title, +.hero .learn-more-content .media-text__headline-head, +.learn-more-content .hero .media-text__headline-head { + margin: 15px auto 0 +} +.hero-banner { + margin: 60px auto 28px; + position: relative +} +.hero__scroll { + position: absolute; + right: 0; + bottom: -10px; + left: 0; + line-height: 1; + text-align: center +} +.hero__scroll-text { + margin: 0 auto; + padding: 0 60px; + position: relative; + display: inline-block; + height: 20px; + z-index: 999; + font-size: 14px; + line-height: 20px; + text-align: center; + color: #47525d; + background: #fbfbfb +} +.hero__scroll-text:before { + content: ''; + top: 2px; + right: 25px; + bottom: 2px; + position: absolute; + width: 16px; + background: #fafbfc no-repeat center center; + background-image: url(""); + background-size: 14px 16px +} +@media (-webkit-min-device-pixel-ratio: 1.1), +(min-resolution: 192dpx), +(min-resolution: 1.1dppx) { + .hero__scroll-text:before { + background-image: url("") + } +} +.media-text--horizontal .media-text__wrapper { + vertical-align: top +} +.large-title, .try-townsuite-cta, .media-text__header, #locale-container, .media-text__headline-head, h2, h4, h1 { + font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif; + src: url(https://noisynature.com/files/1/index_files/dax-regular-webfont.ttf) format("truetype"); +} + +.media-text--horizontal .media-text__header, +.media-text--horizontal .media-text__body { + width: 100%; + line-height: 1.4; + font-size: 32px; + font-weight: 300; + color: #d0d4d9 +} +.media-text--horizontal .media-text__body { + padding-right: 5px; + line-height: 36px; + font-size: 21px; + font-weight: 100 +} +.media-text--horizontal .media-text__media img { + display: block; + margin: 14px auto 0; + position: relative +} +.media-text__footer-item-container { + width: 100%; + text-align: left +} +.media-text__footer-item-container:last-child .media-text__footer-item, +.media-text__footer-item-container:last-child .media-text__footer-item-container { + width: 100%; + text-align: left; + float: left +} +.townsuite-2017 .try-townsuite-cta { + padding-top: 2em; + padding-bottom: 2em; + text-align: center; + background: #fff; + margin-top: 25px; +} +.townsuite-2017 .try-townsuite-cta .medium-title, +.townsuite-2017 .try-townsuite-cta .learn-more-content .media-text__headline-head, +.learn-more-content .townsuite-2017 .try-townsuite-cta .media-text__headline-head { + margin-bottom: 32px; + font-size: 28px +} +.townsuite-2017 .try-townsuite-cta .try-business-cta__button, +.townsuite-2017 .try-townsuite-cta .try-business-cta__header { + margin-bottom: 0; + background: none; + border: none; + color: #47525d +} +.townsuite-2017 .try-townsuite-cta .try-business-cta__button { + margin: 0 auto; + padding: 0; + float: none; + text-align: center; + color: #00578e +} +.townsuite-2017 .try-townsuite-cta .try-business-cta__button:hover { + text-decoration: underline; + background: none; + color: #00578e +} +.townsuite-2017 .try-townsuite-cta .try-townsuite-cta__footer { + margin-top: 63px; + text-align: center +} +.townsuite-2017 .content-row { + padding: 85px 0; + overflow: hidden +} +.townsuite-2017 .content-row:last-of-type { + border-bottom: none +} +.townsuite-2017 .footer-row { + margin-top: 0; + padding: 50px 20px 120px; + background: #fbfbfb +} +.townsuite-2017 .footer-row #homepage-footer { + max-width: 990px +} +.townsuite-2017 .container { + margin-left: auto; + margin-right: auto; + overflow: hidden; + max-width: 1200px; + min-width: 600px; + position: relative +} +.townsuite-2017 .login-form-container.register.small.index { + width: 100% +} +.learn-more-content { + padding: 30px 0 30px +} + -@media only screen and (max-width: 990px) { + .learn-more-content { + margin-bottom: 40px + } +} +.learn-more-content.media-text--three-across:first-of-type { + padding-left: 0; + padding-right: 45px +} +.learn-more-content.media-text--three-across:nth-of-type(2) { + padding-right: 22.5px; + padding-left: 22.5px +} +.learn-more-content.media-text--three-across:last-of-type { + padding-right: 0; + padding-left: 45px +} +.learn-more-content .media-text__media { + position: relative; + max-width: 220px; + margin: 0 auto; + border: 1px solid #a1a1a1; + overflow: hidden; + border-radius: 50% +} +.learn-more-content .media-text__media img { + display: block; + margin: -1px 0 0 -1px; + text-align: center; + height: auto !important; + - max-height: 235 px !important; +} + +.learn-more-content .media-text__headline-head { + letter-spacing: -0.5px; + color: #737373; + min-height: 70px; + font-weight: 600; + padding: 0 +} +.learn-more-content { + padding: 30px 0 30px +} +@media only screen and (max-width: 990px) { + .learn-more-content { + margin-bottom: 40px + } +} +.learn-more-content.media-text--three-across:first-of-type { + padding-left: 0; + padding-right: 45px +} +.learn-more-content.media-text--three-across:nth-of-type(2) { + padding-right: 22.5px; + padding-left: 22.5px +} +.learn-more-content.media-text--three-across:last-of-type { + padding-right: 0; + padding-left: 45px +} +.learn-more-content .media-text__media { + position: relative; + max-width: 220px; + margin: 0 auto; + border: 1px solid #a1a1a1; + overflow: hidden; + border-radius: 50% +} +.learn-more-content .media-text__media img { + display: block; + margin: -1px 0 0 -1px; + text-align: center; + height: auto !important; + max-height: 235 px !important; +} + +@media only screen and (max-width: 990px) { + .learn-more-content .media-text__headline-head { + margin-bottom: 15px + } +} +.learn-more-content .media-text__body { + padding: 0; + font-size: 18px; + line-height: 158%; + color: #737373; + margin: 35px auto 0; + max-width: 350px +} +.top-notification-bar #browse-header { + top: 101px +} +@media (max-width: 1005px) { + .top-notification-bar #browse-header { + top: 50px + } +} +.has-top-dashboard #browse-header { + top: 320px +} +@media (max-width: 1005px) { + .has-top-dashboard #browse-header { + top: 50px + } +} +.fixed-header #top-notification-bar-container { + position: fixed; + top: 0; + left: 0; + z-index: 9 +} +body.top-notification-bar { + margin-top: 51px +} +body.top-notification-bar .mast-head { + top: 51px +} +.townsuite-2017 .button-primary, +.townsuite-2017 .button-secondary, +.townsuite-2017 .button-tertiary, +.townsuite-2017 .button-link { + margin: 0; + padding: 7px 16px; + font-size: 12px; + border-radius: 5px; + -webkit-filter: none; + filter: none +} +.townsuite-2017 .button-primary.button-big, +.townsuite-2017 .button-secondary.button-big, +.townsuite-2017 .button-tertiary.button-big, +.townsuite-2017 .button-link.button-big { + min-width: 220px; + min-height: 50px; + line-height: 34px; + font-size: 16px +} +.townsuite-2017 .button-primary, +.townsuite-2017 .button-secondary { + background-image: none; + background-color: #00578e; + color: #fff; + border: 1px solid transparent +} +.townsuite-2017 .button-primary:hover, +.townsuite-2017 .button-secondary:hover { + background-image: none; + background-color: #3398ea +} +.townsuite-2017 .button-primary:active, +.townsuite-2017 .button-secondary:active { + background-image: none; + border-color: #00578e; + background-color: #3398ea +} +.townsuite-2017 .button-tertiary { + color: #47525d; + border: 1px solid #7b8994; + background: none; + -webkit-filter: none; + filter: none +} +.townsuite-2017 .button-tertiary:hover { + color: #00578e; + background: none; + border-color: #00578e +} +.townsuite-2017 .button-link { + padding-left: 0; + padding-right: 0; + font-size: 14px; + border: none; + background: none; + color: #00578e; + outline: none +} +.townsuite-2017 .button-link:hover { + text-decoration: underline; + border: none; + background: none; + -webkit-filter: none; + filter: none +} +.townsuite-2017 .button-link:focus { + text-decoration: underline +} +.townsuite-2017 .auth-google.button-primary { + position: relative; + padding: 8px 0; + margin-bottom: 5px; + width: 100%; + background-size: 16px 16px; + background-repeat: no-repeat; + background-position: left 10px center; + background-image: url(""); + background-color: #4285f4; + border: 1px solid rgba(0, 0, 0, 0.2); + font-family: 'Dax', sans-serif; + font-weight: 500; + font-size: 14px +} +.townsuite-2017 .auth-google.button-primary:before { + content: ''; + position: absolute; + top: 0; + bottom: 0; + left: 36px; + border-left: 1px solid rgba(0, 0, 0, 0.1); + border-color: #2265d4 +} +.townsuite-2017 .auth-google.button-primary:hover { + border-color: rgba(0, 0, 0, 0.1); + background-color: #5496ff +} +body.townsuite-2017.ie .button-primary, +body.townsuite-2017.ie .button-secondary, +body.townsuite-2017.ie .button-tertiary { + padding-top: 7px; + padding-bottom: 6px; + -webkit-filter: none; + filter: none +} + +section.container img { + max-height: 235px; + width: auto; +} +.townsuite-2017 .button-tertiary { + margin: 15px 0 0 0; + +} +.k-event { + cursor: pointer; + min-height: 3.5em !important; + color: #d8e0ed !important; +} +.k-task { + position: relative; + background-color: inherit !important; +} +.event-section-container, div#TheNewSRDiv { + max-width: 90%; + margin: 0 auto 60px; +} +.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list>.k-state-highlight, .k-list>.k-state-selected, .k-marquee-color, .k-panel>.k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited, k-task:hover { + color: #fff !important; + background-color: #6b95be !important; + border-color: #6b95be !important; +} +button#btnReset, button#btnSearchFacilities { + float:right; + margin: 10px; +} +.btn-primary:hover { + color: #fff; + background-color: #286090; + border-color: #204d74; +} +div#ts_calendar_placeholder { + margin-top: 40px; +} +.post { + text-align: left !important; +} + +/* Index style */ + +.townsuite-2017 .large-title { + color: #47525d +} +.townsuite-2017 .homepage-download-button { + font-size: 15px +} +.townsuite-2017 .hero { + width: 100%; + overflow: hidden; + padding-top: 121px; + text-align: center +} +.townsuite-2017 .hero .homepage-download-button-container { + padding-top: 60px +} +.townsuite-2017 .hero .homepage-download-button-container .homepage-download-button { + min-width: 290px +} +.townsuite-2017 .hero .large-title { + padding-bottom: 0 +} +.townsuite-2017 .hero .medium-title { + padding-bottom: 15px +} +.townsuite-2017 .hero__banner { + margin: 60px auto 28px; + position: relative +} +.townsuite-2017 .media-text--horizontal .media-text__header, +.townsuite-2017 .media-text--horizontal .media-text__body { + color: #47525d; + font-size: 34px +} +.townsuite-2017 .media-text--horizontal .media-text__body { + font-size: 21px +} +.townsuite-2017 .content-row { + margin: 65px auto; + padding: 35px; + overflow: hidden +} +.townsuite-2017 .content-row:last-of-type { + margin-bottom: 105px +} +.townsuite-2017 .login-form-container.register.small.index { + width: 100% +} +.townsuite-2017 .animator-frame { + top: -1px; + right: -2px; + margin: 0 !important; + display: inline-block !important +} +.townsuite-2017 .animator-poster { + top: -1px; + margin: 0 0 0 2px !important; + position: absolute !important +} +.townsuite-2017 #docs-anywhere .animator { + top: 40px +} +.townsuite-2017 #send-videos .animator { + top: 35px +} +.townsuite-2017 #send-videos .media-text__wrapper:nth-of-type(2) { + padding-left: 85px +} +.townsuite-2017 #send-videos .media-text__wrapper:nth-of-type(2) .media-text__body { + padding-right: 0 +} +.townsuite-2017 #send-videos+.expanding-section .expanding-section__button { + margin-left: calc(57% + 15px); + width: calc(43% - 15px) +} +.townsuite-2017 #send-videos+.expanding-section .expanding-section__button.button-toggled { + -webkit-transform: translate(-104px, 50%); + transform: translate(-104px, 50%) +} +.townsuite-2017 #photos-safe { + margin-top: 30px +} +.townsuite-2017 #photos-safe .animator { + top: 20px +} +.townsuite-2017 #work-together .media-text__wrapper:first-of-type { + padding-right: 75px +} +.townsuite-2017 #work-together .animator { + top: 50px +} +.townsuite-2017 #never-lose .animator { + top: 60px +} +.townsuite-2017 #sign-up-modal .db-modal { + width: 422px +} +.townsuite-2017 #index-sign-in-modal .db-modal { + width: 422px +} +.townsuite-2017 #index-sign-in-modal .db-modal .hr-label__text { + background-color: #f6f9fc +} +.townsuite-2017 #never-lose+.expanding-section .learn-more-content:first-of-type .media-text__media { + border: none !important +} +.townsuite-2017 .login-form-container .login-button { + margin-top: 16px; + margin-bottom: 5px +} +.townsuite-2017.ja .header-text .medium-title { + word-spacing: 20px +} +.townsuite-2017.exp-blueshift-pro-homepage-cta-modal .db-modal { + width: 740px +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta-modal { + width: inherit + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__box { + background-color: #fff; + border: 1px solid #d0d4d9; + border-radius: 5px; + display: table-cell; + padding: 20px 34px; + width: 50% +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__footer { + background-color: #fff; + border: none; + border-radius: none; + padding: 100px 0 120px 0; + text-align: center; + width: 100% +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__footer .get-townsuite-cta__header { + font-size: 28px +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__footer .get-townsuite-cta__link { + font-size: 14px +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__footer .lb--mobile { + display: block + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__header { + font-size: 18px; + font-weight: 100; + line-height: 28px +} +@media (max-width: 1020px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__header { + font-size: 16px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__button { + font-size: 16px; + margin: 20px 0 +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__link { + color: #6a94be +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__responsive { + display: none +} +@media (max-width: 1020px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__responsive { + display: inline-block; + background-color: #fff; + border: 2px solid #f6f9fc; + border-radius: 5px; + padding: 20px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta-v2 .large-title { + font-size: 38px; + line-height: 48px; + padding: 30px 0 22px 0 +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta-v2 .medium-title { + font-size: 21px; + line-height: 36px; + padding: 0 0 40px 0; + max-width: 650px +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta-v2__button { + font-size: 16px +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta-v2__separator { + display: none +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta-v2__separator { + display: block; + border-top: 2px solid #d0d4d9; + margin: 50px 0 + } +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .db-modal { + width: 85%; + background-color: #fff + } +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .db-modal .db-modal-content { + padding: 0 + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__plans-container { + display: table; + width: 100% +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__inner { + background-color: #fff; + border-radius: 5px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__title { + display: block; + margin: 20px 0; + font-weight: 100; + font-size: 25px; + line-height: 36px; + text-align: center +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__header { + font-size: 18px; + font-weight: 600; + line-height: 28px +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__header { + margin-bottom: 20px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__subheader { + font-size: 12px; + font-weight: 600; + line-height: 24px; + color: #a1a1a1; + margin-top: -5px; + margin-bottom: 50px +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__subheader { + display: none + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__plans-left { + display: table-cell; + text-align: center; + margin-left: 50px; + width: 30% +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__plans-left { + display: none; + float: none; + margin: 0; + width: 100% + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__plans-right { + display: table-cell; + text-align: center; + margin-right: 50px; + width: 30% +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__plans-right { + border-top: 2px solid #d0d4d9; + display: block; + float: none; + margin: 0; + padding: 20px 0; + width: 100% + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__plans-basic { + display: none +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__plans-basic { + display: block; + text-align: center; + margin: 0; + padding: 20px 0 + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__plans-separator { + display: none +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__plans-separator { + display: block; + border-top: 2px solid #d0d4d9; + width: 100% + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__button { + font-size: 14px; + font-weight: 600; + margin: 20px 0 +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__button.button-secondary { + line-height: 0; + min-height: 0; + background: none; + border: 1px solid #6a94be; + color: #6a94be; + padding: 16px; + min-width: 80px +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__button.button-secondary:hover { + background-color: #f4faff +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__item { + font-size: 14px; + line-height: 24px; + border-top: 1px solid #d0d4d9; + padding: 14px 0 18px 0 +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__item { + border-top: none; + padding: 0 + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__link { + padding-top: 43px +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__last-item { + margin-top: 15px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__title { + display: block; + margin: 20px 0; + font-weight: 100; + font-size: 25px; + line-height: 36px; + text-align: center +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__header { + font-size: 20px; + font-weight: 300; + line-height: 28px; + min-height: 30px +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__header { + margin-bottom: 20px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__subheader { + font-size: 12px; + font-weight: 600; + line-height: 24px; + color: #a1a1a1; + margin-top: -5px; + min-height: 50px +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__subheader { + min-height: 30px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__divide { + border-top: 1px solid #d0d4d9; + border-bottom: none; + width: 50px; + margin-bottom: 20px +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__divide { + margin-bottom: 10px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__plans-container { + display: table; + width: 100% +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__plans-container { + background-color: #fff + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__plan { + display: inline-block; + text-align: center; + width: 33% +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__plan { + display: block; + width: 100%; + margin: 20px 0 40px 0 + } +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__inner { + background-color: #fff; + border-radius: 5px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__list { + min-height: 170px +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__list { + min-height: 130px + } +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__short { + min-height: 80px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__highlight { + position: relative; + background-color: #e8e8e8; + border-radius: 5px; + padding: 40px 10px +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__highlight-header { + display: inline-block; + background-color: #d0d4d9; + border-radius: 5px 5px 0 0; + width: 100%; + position: absolute; + top: 0; + left: 0 +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__highlight-header { + border-radius: 0 + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__link { + text-decoration: none +} +.townsuite-2017.townsuite-2017--responsive { + min-width: 0 +} + +@media (min-width: 1200px) { + .header-text { + width: 700px; +} +} +@media (min-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive.is-mobile .hero__image, + .townsuite-2017.townsuite-2017--responsive.is-tablet .hero__image { + display: inline-block + } +} +@media (min-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive.is-mobile .media-text__image, + .townsuite-2017.townsuite-2017--responsive.is-tablet .media-text__image { + display: inline-block + } +} +@media (min-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive.is-mobile .media-text__wrapper, + .townsuite-2017.townsuite-2017--responsive.is-tablet .media-text__wrapper { + vertical-align: middle + } +} +.townsuite-2017.townsuite-2017--responsive .header-button { + border: 1px solid #6a94be; + border-radius: 5px; + padding: 5px 13px; + font-size: 12px +} +.townsuite-2017.townsuite-2017--responsive .header-button:hover, +.townsuite-2017.townsuite-2017--responsive .header-button:focus { + border: 1px solid #6a94be; + color: #0071ce +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .container { + min-width: 0 + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .mast-head-nav { + display: none + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .mast-head .nav-list .nav-list__item--download .button-link, + .townsuite-2017.townsuite-2017--responsive .mast-head .nav-list .nav-list__item--ts .button-link { + border: 1px solid #6a94be; + border-radius: 5px; + padding-left: 13px; + padding-right: 13px; + font-size: 12px + } + .townsuite-2017.townsuite-2017--responsive .mast-head .nav-list .nav-list__item--download .button-link:hover, + .townsuite-2017.townsuite-2017--responsive .mast-head .nav-list .nav-list__item--download .button-link:focus, + .townsuite-2017.townsuite-2017--responsive .mast-head .nav-list .nav-list__item--ts .button-link:hover, + .townsuite-2017.townsuite-2017--responsive .mast-head .nav-list .nav-list__item--ts .button-link:focus { + background-color: #f4faff; + text-decoration: none; + border: 1px solid #6a94be; + color: #0071ce + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .mast-head .nav-list .nav-list__item--sign-in { + display: none + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero { + padding-top: 125px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .hero { + padding-top: 115px + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero__banner { + display: none + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero__content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + width: 100%; + padding-bottom: 90px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .hero__content { + padding: 10px 30px 0 + } +} +.townsuite-2017.townsuite-2017--responsive .hero__copy { + margin-left: auto !important; + margin-right: auto !important; + padding: 0 !important +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero__copy { + float: none; + width: 100%; + max-width: 600px; + padding: 0 0 50px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .hero__copy { + margin-bottom: 45px; + border-bottom: 1px solid #d0d4d9 + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero__copy .large-title, + .townsuite-2017.townsuite-2017--responsive .hero__copy .medium-title { + text-align: center + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero__copy .large-title { + max-width: 440px; + margin: 0 auto 16px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .hero__copy .large-title { + font-size: 32px + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero__copy .medium-title { + font-size: 21px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .hero__copy .medium-title { + max-width: 400px; + margin-bottom: 35px + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero__copy .button-secondary { + line-height: 0; + min-height: 0; + background: none; + min-width: 110px; + border: 1px solid #6a94be; + font-size: 14px; + font-weight: 600; + color: #6a94be; + padding: 16px + } + .townsuite-2017.townsuite-2017--responsive .hero__copy .button-secondary:hover { + background-color: #f4faff + } +} +.townsuite-2017.townsuite-2017--responsive .hero__image { + display: none +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero__image { + display: block; + width: 100% + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .hero__image { + display: none + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero__register { + display: none + } +} +.townsuite-2017.townsuite-2017--responsive .hero .sign-up--responsive, +.townsuite-2017.townsuite-2017--responsive .hero .sign-in--responsive, +.townsuite-2017.townsuite-2017--responsive .hero .download--responsive { + display: none +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero .sign-up--responsive, + .townsuite-2017.townsuite-2017--responsive .hero .sign-in--responsive, + .townsuite-2017.townsuite-2017--responsive .hero .download--responsive { + display: inline-block + } +} +.townsuite-2017.townsuite-2017--responsive .hero .sign-in--responsive { + font-size: 14px; + margin: 0 auto; + padding: 20px 5px; + font-weight: normal; + width: 100% +} +.townsuite-2017.townsuite-2017--responsive .hero .sign-in--responsive a:hover { + text-decoration: underline +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .content-row { + margin: 70px auto 0 + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .content-row { + margin-top: 5px + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .content-row:first-child { + margin-top: 0 + } +} +.townsuite-2017.townsuite-2017--responsive .content-row:last-of-type { + margin-bottom: 0 +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .content-row:last-of-type { + padding-bottom: 50px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .content-row:last-of-type { + padding-bottom: 20px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .content-row:last-of-type .learn-more-content.media-text--three-across:last-of-type { + margin-bottom: 30px + } +} +.townsuite-2017.townsuite-2017--responsive .features-container { + width: 100%; + max-width: 1175px +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .features-container { + padding-left: 30px; + padding-right: 30px + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .animator { + display: none + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text>div { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text .media-text__wrapper { + display: block; + width: 100%; + padding: 0 !important; + margin: 0 + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text--alt-order>div { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text__body { + float: none !important; + max-width: 650px; + margin: 40px auto 0; + padding: 0 + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .media-text__body { + margin-top: 10px + } +} +.townsuite-2017.townsuite-2017--responsive .media-text__image { + display: none +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text__image { + display: block; + width: auto !important; + max-width: 450px; + height: initial + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .media-text__image { + width: 100% !important; + max-width: 400px + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text__header, + .townsuite-2017.townsuite-2017--responsive .media-text__body { + text-align: center + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text__header { + display: none + } +} +.townsuite-2017.townsuite-2017--responsive .media-text__header--responsive { + display: none +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text__header--responsive { + display: inline-block; + margin-bottom: 20px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .media-text__header--responsive { + margin-bottom: 0; + padding-bottom: 0 + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text__headline { + min-height: 140px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .media-text__headline { + min-height: 0 + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text__wrapper { + display: -moz-box + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .expanding-section { + margin-top: 22px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .expanding-section { + margin-top: 32px + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .expanding-section__button { + width: 100% !important; + margin: 0 !important; + text-align: center + } + .townsuite-2017.townsuite-2017--responsive .expanding-section__button.button-toggled { + -webkit-transform: translateX(46px) !important; + transform: translateX(46px) !important + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .expanding-section__content { + padding: 0 30px + } +} +.townsuite-2017.townsuite-2017--responsive .try-townsuite-cta .homepage-download-button { + min-width: 290px +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .try-townsuite-cta .homepage-download-button { + display: none + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .try-townsuite-cta { + padding-top: 30px; + padding-bottom: 95px + } +} +.townsuite-2017.townsuite-2017--responsive .try-townsuite-cta .button-secondary { + display: none +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .try-townsuite-cta .button-secondary { + display: inline-block; + font-size: 16px; + font-weight: 600; + min-width: 170px + } +} +.townsuite-2017.townsuite-2017--responsive .try-townsuite-cta__footer { + display: none +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .try-townsuite-cta__footer { + display: block + } +} +.townsuite-2017.townsuite-2017--responsive .try-townsuite-cta__footer--static { + display: block +} +.townsuite-2017.townsuite-2017--responsive .try-townsuite-cta__footer--static .button-secondary { + display: inline-block +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .try-townsuite-cta__register { + display: none + } +} +.townsuite-2017.townsuite-2017--responsive .try-townsuite-cta .sign-up--static { + display: inline-block +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .footer-row { + background: #f6f9fc + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .footer-row { + padding-left: 30px; + padding-right: 30px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive #homepage-footer>nav { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap + } + .townsuite-2017.townsuite-2017--responsive #homepage-footer ul:nth-child(2) { + -webkit-box-ordinal-group: 5; + -webkit-order: 4; + -ms-flex-order: 4; + order: 4 + } + .townsuite-2017.townsuite-2017--responsive #homepage-footer ul:nth-child(3) { + -webkit-box-ordinal-group: 6; + -webkit-order: 5; + -ms-flex-order: 5; + order: 5 + } + .townsuite-2017.townsuite-2017--responsive #homepage-footer ul:nth-child(4) { + -webkit-box-ordinal-group: 7; + -webkit-order: 6; + -ms-flex-order: 6; + order: 6 + } + .townsuite-2017.townsuite-2017--responsive #homepage-footer ul:nth-child(5) { + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2 + } + .townsuite-2017.townsuite-2017--responsive #homepage-footer ul:nth-child(6) { + -webkit-box-ordinal-group: 4; + -webkit-order: 3; + -ms-flex-order: 3; + order: 3 + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .learn-more-content .media-text__media { + max-width: 180px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .learn-more-content .media-text__wrapper:first-of-type { + margin-bottom: 10px + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .learn-more-content.media-text--three-across img { + width: 100% !important + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .learn-more-content.media-text--three-across { + width: 100%; + padding: 0 + } + .townsuite-2017.townsuite-2017--responsive .learn-more-content.media-text--three-across .media-text__headline { + display: block + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .learn-more-content.media-text--three-across:last-of-type { + margin-bottom: 85px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .learn-more-content .media-text__body { + max-width: 500px + } +} +.sign-in-form-promo { + border-top: 1px solid #d0d4d9; + margin: 15px -32px -15px -32px; + padding: 15px 32px 0 32px; + text-align: center +} +.sign-up-form-v1 { + max-width: 840px; + margin: 0 auto +} +.sign-up-form-v1:after { + content: ""; + display: table; + clear: both +} +.sign-up-form-v1-hero { + padding: 45px 25px 64px; + box-sizing: border-box +} +.sign-up-form-v1 .header-text .large-title, +.sign-up-form-v1 .header-text .medium-title { + text-align: left; + margin-top: -5px; + margin-bottom: 30px +} +.sign-up-form-v1 .six-column, +.sign-up-form-v1 .four-column, +.sign-up-form-v1 .three-column { + margin: 0; + float: left +} +.sign-up-form-v1 .six-column { + width: 480px; + margin-right: 40px +} +.sign-up-form-v1 .four-column { + width: 320px +} +.sign-up-form-v1 .three-column { + width: 270px +} +.sign-up-form-v1 .form-container { + max-width: 270px; + margin: 8px auto 0 +} +.sign-up-form-v1 .form-container .login-form-container { + width: 100% +} +.sign-up-form-v1 .form-container .login-form-container .two-factor-trusted-info { + width: auto +} +.sign-up-form-v1 .form-container .text-input input.text-input-input { + border-color: #bdc4c9 +} +.sign-up-form-v1 .form-container .input-fname, +.sign-up-form-v1 .form-container .input-lname { + float: left; + width: calc(50% - 4px) +} +.sign-up-form-v1 .form-container .input-lname { + margin-left: 8px +} +.sign-up-form-v1 .form-container .input-email { + clear: both +} +.sign-up-form-v1 .form-container .text-input-error-wrapper { + display: none +} +.sign-up-form-v1 .form-container .agree label { + font-size: 12px +} +.sign-up-form-v1 .form-container .input-error { + border-color: #e82110 !important +} +.sign-up-form-v1 .form-container .input-error+label { + color: #e82110 !important +} +.sign-up-form-v1 .form-container .login-button.button-primary { + margin-top: 0; + border: 1px solid #6a94be; + line-height: 24px; + font-weight: 600; + width: 100%; + float: none; + background: -webkit-linear-gradient(#6a94be, #6a94be); + background: linear-gradient(#6a94be, #6a94be) +} +.sign-up-form-v1 .form-container .login-button.button-primary:hover { + opacity: 0.8 +} +.sign-up-form-v1 .form-container .login-button.button-primary:hover:disabled { + opacity: 0.4 +} +.sign-up-form-v1 .form-container .hr-label { + padding-top: 2px; + padding-bottom: 2px +} +.sign-up-form-v1 .form-container .hr-label__text { + background-color: #FBFBFB +} +.sign-up-form-v1 .form-container .auth-google.button-primary { + margin-top: 0; + line-height: 24px +} +.sign-up-form-v1 .form-container .auth-google.button-primary .logo { + margin-top: 5px +} +.sign-up-form-v1 .form-container .input-password input { + margin-bottom: 0 !important +} +.sign-up-form-v1 .form-container .text-input .text-input-input { + height: 41px; + margin: 0 0 10px 0 +} +.sign-up-form-v1 .form-container .text-input label { + padding: 9px 11px +} +.sign-up-form-v1 .recaptcha-container { + margin-top: 12px +} +.new-exp-form-image { + padding-top: 12px +} +.new-exp-form-image.sign-up-form-v1 { + max-width: 1240px +} +.new-exp-form-image.sign-up-form-v1 .header-text .large-title { + margin-bottom: 16px +} +.new-exp-form-image.sign-up-form-v1 .form-container { + max-width: 320px; + margin: -12px auto 14px +} +.new-exp-form-image.sign-up-form-v1 .form-container .register-form__name-fields .text-input:first-of-type { + margin-right: 4px +} +.new-exp-form-image.sign-up-form-v1 .form-container .input-fname, +.new-exp-form-image.sign-up-form-v1 .form-container .input-lname { + width: calc(50% - 2px) +} +.new-exp-form-image.sign-up-form-v1 .form-container .input-lname { + margin-left: 0 +} +.new-exp-form-image.sign-up-form-v1 .form-container .login-button.button-primary { + font-size: 16px; + font-weight: 700; + background: #6a94be +} +.new-exp-form-image.sign-up-form-v1 .form-container .text-input .text-input-input { + margin: 0 0 4px 0; + height: 37px; + border-radius: 5px; + padding: 5px 10px; + border-color: #d0d4d9 +} +.new-exp-form-image.sign-up-form-v1 .form-container .text-input label { + color: #47525d; + font-size: 14px +} +.new-exp-form-image.sign-up-form-v1 .form-container .agree label { + color: #3d464d; + font-size: 14px +} +.new-exp-form-image.sign-up-form-v1 .form-container .checkbox { + padding: 12px 0 16px +} +.new-exp-form-image.sign-up-form-v1 .six-column { + margin-right: 25px; + padding-right: 13px +} +.new-exp-form-image.sign-up-form-v1 .five-column, +.new-exp-form-image.sign-up-form-v1 .four-column { + margin: 0; + float: right +} +.new-exp-form-image.sign-up-form-v1 .five-column { + width: 370px +} +.new-exp-form-image .hero__banner { + margin: 20px auto 53px !important +} +.new-exp-form-image .animator { + margin: 0 auto 35px !important +} +.exp-home-ts-cta .button-tertiary { + border-color: #6a94be; + color: #6a94be +} +.exp-home-ts-cta .button-tertiary:hover { + border-color: #0071ce; + color: #0071ce +} +.exp-home-ts-cta .nav-list__item+.nav-list__item { + position: relative; + padding-left: 6px +} +.exp-home-ts-cta .nav-list__item+.nav-list__item::before { + background: #6a94be; + border-radius: 100%; + content: ""; + height: 3px; + position: absolute; + left: -5px; + top: 12px; + width: 3px +} +@media (min-width: 991px) { + .townsuite-2017.exp-teams_signup_homepage .six-column.hero__copy { + max-width: 490px + } +} +.townsuite-2017.exp-teams_signup_homepage .media-text--horizontal .media-text__wrapper { + vertical-align: middle +} +.townsuite-2017.exp-teams_signup_homepage img.media-text__image { + display: block +} +.townsuite-2017.exp-teams_signup_homepage .content-row:last-of-type { + padding-bottom: 50px +} +@media (max-width: 767px) { + .townsuite-2017.exp-teams_signup_homepage .content-row { + margin-top: 50px + } +} +@media (max-width: 1020px) { + .townsuite-2017.exp-teams_signup_homepage .content-row { + margin-top: 100px + } +} +.townsuite-2017.exp-teams_signup_homepage .credentials-form__fields label { + overflow-x: hidden; + white-space: nowrap; + text-overflow: ellipsis +} +.townsuite-2017.exp-teams_signup_homepage .register-form__credential-fields .email-suggestion { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; + width: 100%; + margin-top: -10px; + padding-left: 0 +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys h1.large-title { + font-size: 40px; + margin-top: 15px +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .footer-row { + background-color: #fbfbfb +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .try-townsuite-cta { + background: inherit +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__media { + text-align: left +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__wrapper { + vertical-align: top +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__wrapper:last-child { + padding-top: 400px +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__wrapper:last-child .media-text__image { + width: 400px; + margin-left: 85px +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__header--responsive { + display: inline-block; + margin-left: 85px; + margin-top: 32px +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__body { + margin-left: 85px +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .create-online-documents { + margin-top: -75px +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .media-text__header { + width: 320px; + float: left +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .media-text__body { + padding: 0; + float: left; + width: 320px +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .media-text__text { + padding-left: 85px +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .media-text--alt-order .media-text__text { + padding-left: 85px +} +@media (max-width: 1020px) { + .townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__header--responsive { + margin-top: 32px; + width: 100%; + margin-left: 0 + } + .townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__body { + margin: 0 auto 0 + } + .townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__text { + padding-left: 0 + } + .townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__wrapper:last-child { + padding-top: 0; + margin-top: 85px + } + .townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__wrapper:last-child .media-text__image { + width: 100% !important; + max-width: 450px; + margin-left: auto; + margin-right: auto + } + .townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .create-online-documents { + margin-top: 100px + } + .townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .features-container .media-text__content .media-text__header--responsive { + float: none; + margin-top: 32px + } + .townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .media-text__text { + padding-left: 0 + } + .townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .media-text--alt-order .media-text__text { + padding-left: 0 + } +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .sign-up-form-v1 .form-container ..button-primary { + color: #3d464d; + background-color: #fbfbfb; + background-image: url("") +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .sign-up-form-v1 .form-container ..button-primary:before { + border-left: 0 +} +@media (max-width: 1020px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__content { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column + } +} +@media (max-width: 767px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__content { + padding-left: 10px; + padding-right: 10px + } +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__copy { + max-width: 100% +} +@media (max-width: 1020px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__copy .large-title, + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__copy .medium-title { + max-width: 100% + } +} +@media (max-width: 1020px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__copy { + border-bottom: none; + margin-bottom: 0 + } +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__register { + float: none; + margin: auto +} +@media (max-width: 1020px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__register { + display: block + } +} +@media (max-width: 767px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__register, + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__register>.form-container { + max-width: 100% + } +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__illustrations { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: -140px; + margin-left: -600px +} +@media (max-width: 1100px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__illustrations { + display: none + } +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__illustrations__left, +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__illustrations__right { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + overflow-x: hidden +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__illustrations__right { + width: 465px +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__illustrations__separation { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-bottom: solid 2px #d0d4d9; + margin: 0 -90px 60px -90px +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .large-title { + padding: 35px 0 0 0; + text-align: center; + font-size: 32px +} +@media (max-width: 767px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .large-title { + padding: 15px 0 0 0 + } +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .medium-title { + padding: 0 0 52px 0; + text-align: center +} +@media (max-width: 767px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .medium-title { + padding: 0 0 32px 0 + } +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .medium-title a { + font-size: 18px; + margin-right: 44px; + color: inherit +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .medium-title a:last-child { + margin-right: 0 +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .medium-title a:hover { + color: #6a94be +} +@media (max-width: 767px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .medium-title a { + display: block; + margin-right: 0 + } +} +.townsuite-2017.exp-teams_signup_homepage .features-container { + margin-top: -20px +} +@media (max-width: 1020px) { + .townsuite-2017.exp-teams_signup_homepage .features-container { + margin-top: 40px + } + .townsuite-2017.exp-teams_signup_homepage .features-container .media-text__content .media-text__header--responsive { + margin: 0; + padding: 0 + } + .townsuite-2017.exp-teams_signup_homepage .features-container .media-text__content .media-text__image--responsive { + margin-top: 0 + } + .townsuite-2017.exp-teams_signup_homepage .features-container .media-text__content .media-text__body { + margin-top: 0 + } +} +.combined_name__False .register-form__name-fields { + overflow: hidden +} +body.exp-smores-version-2V1, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input input, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input textarea, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input select, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input button, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input .normal, +body.exp-smores-version-2V1 .large-title, +body.exp-smores-version-2V1 .sign-up-form-v1, +body.exp-smores-version-2V1 .sign-up-form-v1 .form-container .hr-label .login-button.button-primary, +body.exp-smores-version-2V1 .sign-up-form-v1 .auth-google, +body.exp-smores-version-2V1 .feature .heading, +body.exp-smores-version-2V1 .feature .paragraph { + font-family: AtlasGrotesk, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 200; + color: #637282 +} +body.exp-smores-version-2V1.townsuite-2017 .button-primary, +body.exp-smores-version-2V1.townsuite-2017 .button-secondary, +body.exp-smores-version-2V1.townsuite-2017 .button-tertiary, +body.exp-smores-version-2V1.townsuite-2017 .button-link, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input .text-input-input, +body.exp-smores-version-2V1 .sign-up-form-v1 .auth-google { + border-radius: 3px +} +body.exp-smores-version-2V1 .feature--share-securly__article, +body.exp-smores-version-2V1 .feature--teamwork-and-feedback__article, +body.exp-smores-version-2V1 .feature--paper__sub-section, +body.exp-smores-version-2V1 .feature .heading, +body.exp-smores-version-2V1 .feature .paragraph { + width: 340px; + margin-left: 8px; + padding: 0; + line-height: 32px +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--share-securly__article, + body.exp-smores-version-2V1 .feature--teamwork-and-feedback__article, + body.exp-smores-version-2V1 .feature--paper__sub-section, + body.exp-smores-version-2V1 .feature .heading, + body.exp-smores-version-2V1 .feature .paragraph { + width: 340px; + max-width: 100%; + margin: 0 auto + } +} +body.exp-smores-version-2V1 .mast-head { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) +} +body.exp-smores-version-2V1 { + background-color: #F7F9FA +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1.townsuite-2017. .new-exp-form-image.sign-up-form-v1 .form-container { + margin: 0 + } +} +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input label { + color: #A3A8AE; + font-size: 14px; + font-weight: 400 +} +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input input, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input textarea, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input select, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input button, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input .normal { + color: #1B2733; + font-weight: 400 +} +body.exp-smores-version-2V1.new-exp-form-image.sign-up-form-v1 .form-container .text-input .text-input-input { + color: #6A7C8F; + font-weight: 400; + background-color: green +} +body.exp-smores-version-2V1 .mast-head .button-tertiary { + padding: 9px 16px; + font-size: 11px; + font-weight: 400 +} +body.exp-smores-version-2V1 .mast-head .nav-list__item .button-link { + color: #7B8994; + font-size: 14px; + font-weight: 400 +} +body.exp-smores-version-2V1 .mast-head .nav-list__item+.nav-list__item::before { + background-color: #7B8994 +} +body.exp-smores-version-2V1 .hero__banner { + margin: -41px auto !important; + -webkit-transform: translateX(-6%); + transform: translateX(-6%) +} +body.exp-smores-version-2V1 .hero__copy { + font-size: 20px; + margin-top: 19px +} +body.exp-smores-version-2V1 .hero__copy .large-title, +body.exp-smores-version-2V1 .hero__copy .medium-title { + width: 395px; + margin-left: 84px +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .hero__copy .large-title, + body.exp-smores-version-2V1 .hero__copy .medium-title { + margin-left: 0 + } +} +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .five-column { + margin-top: 19px; + display: inline-block; + margin-left: 146px; + float: none +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .five-column { + display: none + } +} +body.exp-smores-version-2V1.townsuite-2017. .new-exp-form-image.sign-up-form-v1 .form-container { + width: 309px +} +body.exp-smores-version-2V1 .large-title { + color: #1B2733 +} +body.exp-smores-version-2V1 .sign-up-form-v1 { + color: #6A7C8F +} +body.exp-smores-version-2V1 .sign-up-form-v1 .checkbox-inline label { + font-size: 10px; + font-weight: 300; + line-height: 24px +} +body.exp-smores-version-2V1 .sign-up-form-v1 .form-container .hr-label:before { + border-top: solid 1px #e82110 +} +body.exp-smores-version-2V1 .sign-up-form-v1 .form-container .hr-label__text { + background-color: #F7F9FA; + font-size: 10px; + font-weight: 400 +} +body.exp-smores-version-2V1 .sign-up-form-v1 .form-container .hr-label .login-button.button-primary { + weight: 400; + font-size: 14px +} +body.exp-smores-version-2V1 .sign-up-form-v1 .auth-google { + background-color: #fff; + color: #6A7C8F; + background-image: url(""); + background-size: contain; + border: none +} +body.exp-smores-version-2V1 .sign-up-form-v1 .auth-google:before { + display: none +} +body.exp-smores-version-2V1 .sign-up-form-v1 .auth-google:hover { + background-color: #fff +} +body.exp-smores-version-2V1 .try-townsuite-cta, +body.exp-smores-version-2V1 .footer-row { + background-color: #F7F9FA +} +body.exp-smores-version-2V1 .try-townsuite-cta .medium-title, +body.exp-smores-version-2V1 .footer-row .medium-title { + line-height: 47px; + font-size: 38px; + color: #1B2733 +} +body.exp-smores-version-2V1 .features { + width: 1121px; + margin: 0 auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-top: 118px +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .features { + width: 100%; + padding: 0 30px; + text-align: center; + margin-top: 27px + } +} +body.exp-smores-version-2V1 .feature { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + display: block + } +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature__aside { + display: none + } +} +body.exp-smores-version-2V1 .feature--across-devices { + margin-bottom: 117px +} +body.exp-smores-version-2V1 .feature--across-devices__aside { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + min-width: 50%; + background-color: #D6E8FA; + height: 436px; + text-align: center; + font-size: 0; + overflow: hidden +} +body.exp-smores-version-2V1 .feature--across-devices__article { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + width: 50%; + padding: 5px 56px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--across-devices__article { + padding: 0 + } +} +body.exp-smores-version-2V1 .feature--across-devices__iphone-image { + margin: -1px auto 0 auto; + width: 433px; + height: 438px +} +body.exp-smores-version-2V1 .feature--across-devices__sync-illustration { + width: 330px; + height: 220px; + margin-left: 22px; + max-width: 330px +} +body.exp-smores-version-2V1 .feature--across-devices__sub-section { + -webkit-box-flex: 1; + -webkit-flex: 1 1 50%; + -ms-flex: 1 1 50%; + flex: 1 1 50%; + margin-left: 28px +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--across-devices__sub-section { + margin: 0 auto + } +} +body.exp-smores-version-2V1 .feature--across-devices__sub-section:nth-of-type(2) { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column +} +body.exp-smores-version-2V1 .feature--across-devices .heading { + margin-left: 0 +} +body.exp-smores-version-2V1 .feature--across-devices .paragraph { + margin-bottom: 0 +} +body.exp-smores-version-2V1 .feature--share-securly { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-bottom: 100px +} +body.exp-smores-version-2V1 .feature--share-securly__aside { + -webkit-box-flex: 0; + -webkit-flex: 0 0 478px; + -ms-flex: 0 0 478px; + flex: 0 0 478px; + height: 427px; + text-align: center +} +body.exp-smores-version-2V1 .feature--share-securly__article { + -webkit-box-flex: 1; + -webkit-flex: 1 1 50%; + -ms-flex: 1 1 50%; + flex: 1 1 50%; + padding: 0 139px 0 139px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 427px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--share-securly__article { + padding: 0; + height: auto; + display: block + } +} +body.exp-smores-version-2V1 .feature--share-securly .heading, +body.exp-smores-version-2V1 .feature--share-securly .paragraph { + width: 100% +} +body.exp-smores-version-2V1 .feature--share-securly__secure-image { + width: 478px; + height: 478px; + margin-left: -80px +} +body.exp-smores-version-2V1 .feature--teamwork-and-feedback { + display: block; + margin-bottom: 198px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + background-image: url(""); + background-position: center center; + background-size: 815px; + background-repeat: no-repeat +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--teamwork-and-feedback { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + background-image: none + } +} +body.exp-smores-version-2V1 .feature--teamwork-and-feedback__article { + margin-left: 152px; + display: block +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--teamwork-and-feedback__article { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + padding: 0; + margin: 0 auto; + margin-bottom: 140px + } +} +body.exp-smores-version-2V1 .feature--teamwork-and-feedback__article:nth-of-type(2) { + margin-top: 328px; + margin-left: 644px +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--teamwork-and-feedback__article:nth-of-type(2) { + margin-top: 0; + margin-left: auto; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + padding: 0 + } +} +body.exp-smores-version-2V1 .feature--teamwork-and-feedback .heading, +body.exp-smores-version-2V1 .feature--teamwork-and-feedback .paragraph { + margin: 0 +} +body.exp-smores-version-2V1 .feature--teamwork-and-feedback .paragraph { + margin-bottom: 0 +} +body.exp-smores-version-2V1 .feature--paper { + margin-bottom: 152px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row +} +body.exp-smores-version-2V1 .feature--paper__aside { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: #eeb6a8 +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--paper__aside { + display: none + } +} +body.exp-smores-version-2V1 .feature--paper__article { + padding: 5px 56px; + -webkit-box-flex: 1; + -webkit-flex: 1 1 50%; + -ms-flex: 1 1 50%; + flex: 1 1 50%; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--paper__article { + padding: 0; + display: block + } +} +body.exp-smores-version-2V1 .feature--paper__illustration { + margin-top: auto; + margin-left: 13px; + width: 370px; + height: 269px +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--paper__illustration { + margin: 0 auto + } +} +body.exp-smores-version-2V1 .feature--paper__paper-image { + margin: 20px 20px 0 0; + width: 548px; + height: 685px +} +body.exp-smores-version-2V1 .feature--paper__sub-section { + -webkit-box-flex: 1; + -webkit-flex: 1 1; + -ms-flex: 1 1; + flex: 1 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: 0 +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--paper__sub-section { + margin: 0 auto + } +} +body.exp-smores-version-2V1 .feature--paper__sub-section .paragraph, +body.exp-smores-version-2V1 .feature--paper__sub-section .heading { + margin-left: 18px +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--paper__sub-section .paragraph, + body.exp-smores-version-2V1 .feature--paper__sub-section .heading { + margin: 0 auto + } +} +body.exp-smores-version-2V1 .feature--paper__sub-section:nth-of-type(2) { + width: 100%; + -webkit-box-flex: initial; + -webkit-flex: initial; + -ms-flex: initial; + flex: initial; + height: 269px +} +body.exp-smores-version-2V1 .feature .heading { + display: block; + font-size: 31px; + line-height: 46px; + color: #1B2733; + margin-bottom: 23px +} +body.exp-smores-version-2V1 .feature .paragraph { + font-size: 20px; + line-height: 30px; + color: #637282 +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature .paragraph { + margin-bottom: 0 + } +} + +/* Menu style */ + +@font-face { + font-family: 'dax'; + src: url('dax-regular-webfont.eot'); + src: url('dax-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('dax-regular-webfont.woff') format('woff'), + url('dax-regular-webfont.ttf') format('truetype'), + url('dax-regular-webfont.svg') format('svg'); + font-weight: normal; + font-style: normal; +} +.flex-center { + display: flex; + align-items: center; + justify-content: center; +} +.menu { + box-sizing: border-box; + font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI"; + font-weight: 500; +} +h1 { + font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI"; + font-weight: 400; + font-size: 5em; + text-align: center; +} +.outer-menu { + position: fixed; + top: 2em; + right: 0.5em; + z-index: 1000; +} +.outer-menu .checkbox-toggle { + position: absolute; + top: 0; + right: 0; + z-index: 2; + cursor: pointer; + width: 60px; + height: 60px; + opacity: 0; +} +.outer-menu .checkbox-toggle:checked + .hamburger > div { + transform: rotate(135deg); +} +.outer-menu .checkbox-toggle:checked + .hamburger > div:before, +.outer-menu .checkbox-toggle:checked + .hamburger > div:after { + top: 0; + transform: rotate(90deg); +} +.outer-menu .checkbox-toggle:checked + .hamburger > div:after { + opacity: 0; +} +.outer-menu .checkbox-toggle:checked ~ .menu { + pointer-events: auto; + visibility: visible; +} +.outer-menu .checkbox-toggle:checked ~ .menu > div { + transform: scale(1); + transition-duration: 0.5s; +} +.outer-menu .checkbox-toggle:checked ~ .menu > div > div { + opacity: 1; + transition: opacity 0.2s ease 0.3s; +} +.outer-menu .checkbox-toggle:checked:hover + .hamburger > div { + transform: rotate(225deg); +} +.outer-menu .hamburger { + position: absolute; + top: 0; + right: 0; + z-index: 1; + width: 60px; + height: 60px; + padding: .5em 1em; + background: #6b95be; + border-radius: 0 0.12em 0.12em 0; + cursor: pointer; + transition: box-shadow 0.3s ease; + backface-visibility: hidden; + display: flex; + align-items: center; + justify-content: center; +} +.outer-menu .hamburger > div { + position: relative; + flex: none; + width: 100%; + height: 2px; + background: #fbfbfb; + transition: all 0.3s ease; + display: flex; + align-items: center; + justify-content: center; +} +.outer-menu .hamburger > div:before, +.outer-menu .hamburger > div:after { + content: ''; + position: absolute; + z-index: 1; + top: -10px; + right: 0; + width: 100%; + height: 2px; + background: inherit; + transition: all 0.3s ease; +} +.outer-menu .hamburger > div:after { + top: 10px; +} +.outer-menu .menu { + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + pointer-events: none; + visibility: hidden; + overflow: hidden; + backface-visibility: hidden; + outline: 1px solid transparent; + display: flex; + align-items: center; + justify-content: center; +} +.outer-menu .menu > div { + width: 300vw; + height: 300vw; + color: #d8e0ed; + background: #00578e; + border-radius: 50%; + transition: all 0.3s ease; + flex: none; + transform: scale(0); + backface-visibility: hidden; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; +} +.outer-menu .menu > div > div { + text-align: center; + opacity: 0; + transition: opacity 0.2s ease; + overflow-y: auto; + flex: none; + display: flex; + align-items: center; + justify-content: center; +} +.outer-menu .menu > div > div > ul { + list-style: none; + padding: 5em 1em; + margin: 0; + display: block; + height: 100%; + max-width: 95%; + min-width: 360px; +} +@media (min-width: 1200px) { + .outer-menu .menu > div > div > ul { + min-width: 600px; + min-height: 600px; + } +} +.outer-menu .menu > div > div > ul > li { + padding: 0; + margin: 1em; + font-size: 24px; + display: block; +} +.outer-menu .menu > div > div > ul > li > a { + position: relative; + display: inline; + cursor: pointer; + transition: color 0.3s ease; +} +.outer-menu .menu > div > div > ul > li > a:hover { + color: #d8e0ed; +} +.outer-menu .menu > div > div > ul > li > a:hover:after { + width: 100%; +} +.outer-menu .menu > div > div > ul > li > a:after { + content: ''; + position: absolute; + z-index: 1; + bottom: -0.15em; + right: 0; + width: 0; + height: 2px; + background: #d8e0ed; + transition: width 0.3s ease; +} +.menu-title { + font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI"; + position: fixed; + right: 1.5em; + top: 0.25em; + z-index: 1000; + color: #00578e; +} +.outer-menu:hover .hamburger { + background: #00578e; +} +.menu .login { + position: relative; + top: 3em; + padding: 10px; +} +.menu .button-tertiary { + background: #00578e; + color: #d8e0ed; + border: 1px solid; + margin: 0 17.5px 0 17.5px; + font-size: 23px; + font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI" !important; +} +@media (max-width: 1200px) { + .menu .button-tertiary { + margin: 0 10px 0 10px; + font-size: 12px; + } +} +.menu .button-tertiary:hover { + background: #d8e0ed; + color: #58595b; +} + +/* Extra styles */ +.grid__col.grid__col--12-of-12 { + text-align: left; +} +.card-body { + text-align: left; +} +button#submitanonymous { + margin: 20px 12px 0 0; +} +.form-group { + margin-top: 10px; +} + +.uk-notify.uk-notify-bottom-right { + position: fixed; + bottom: 3em; + right: 1em; +} + +.us-notify.us-notify-bottom-right { + position: fixed; + bottom: 3em; + right: 1em; +} +#TheNewSRDiv{ + overflow: hidden; + padding-top: 56.25%; + position: relative; +} + +#TheNewSRDiv iframe { + border: 0; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + overflow: hidden; +} +@media (max-width: 1200px) { + #TheNewSRDiv { + height: 950px; + } +} +@media (max-width: 900px) { + #TheNewSRDiv { + height: 1000px; + } +} +@media (max-width: 400px) { + #TheNewSRDiv { + height: 1050px; + } +} +.card { + padding: 10px; + margin: 10px; +} +@media (max-width: 1250px) { + img.animator-poster { + width: 1100px; + } +} +@media (max-width: 1150px) { + img.animator-poster { + width: 1000px; + } +} +.hero__banner.animator { + width:1200px; + height:440px !important; +} +a.btn { + margin-top: 1.5em; + margin-bottom: 1.5em; +} +a#ts-learn-more, a.button-tertiary { + text-decoration: none; +} +.outer-menu .menu > div > div > ul > li > a { + color: #d8e0ed !important; + text-decoration: none; +} + +#Complaints311Div { + background-color: #fbfbfb; +} +#Complaints311Div div, .labels311 { + text-align: left !important; + font-size: 20px !important; + font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif !important; +} +p.p311requestdescription { + font-size: 16px; +} +h1#formLabel, .button311 { + font-size:25px !important; + font-weight: strong !important; + font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif !important; +} +.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right { + display: none; +} +.item311, div.item311:hover { + color: #07578e !important; + border: 2px solid #07578e !important; + border-radius: 5px !important; + margin-top: 1em !important; +} + +div.item311:hover { + color: #07578e !important; + border: 2px solid #07578e !important; + border-radius: 5px !important; + margin-top: 1em !important; + background-color: #d8e0ed !important; +} + +.text-primary311 { + color: #07578e !important; +} + +#Complaints311Div input { + height: 40px !important; +} + +input#311Checkbox {transform:scale(2, 2) !important;} + diff --git a/assets/css/component.css b/assets/css/component.css new file mode 100755 index 0000000..267e83c --- /dev/null +++ b/assets/css/component.css @@ -0,0 +1,140 @@ +/* Component styles */ +@font-face { + font-family: 'dax'; + src: url('dax-regular-webfont.eot'); + src: url('dax-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('dax-regular-webfont.woff') format('woff'), + url('dax-regular-webfont.ttf') format('truetype'), + url('dax-regular-webfont.svg') format('svg'); + font-weight: normal; + font-style: normal; +} +* { padding: 0; margin: 0;} +.component { + line-height: 1.5em; + margin: 0 auto; + padding: 2em 0 3em; + width: 90%; + max-width: 1000px; + overflow: hidden; +} +.component .filler { + font-family: "dax", Arial, sans-serif; + color: #d3d3d3; +} +table { + border-collapse: collapse; + margin-bottom: 3em; + width: 100%; + background: #fff; +} +td, th { + padding: 0.75em 2.5em; + text-align: left; +} +td { + padding: 0.75em 2.5em; + text-align: left; + min-width: 25px !important; +} +@media (min-width: 1025px) { + td{ + width:300px !important; + } + th.title { + width: 300px !important; + } +} +tr.header, th.header { + color: #58595b; + background-color: #fff !important; + padding: 30px 0 10px 1px; + font-size: 1.5em; + font-family: "dax", Arial, sans-serif; +} +@media (max-width: 1025px) { + table.sticky-thead{ + width:770px !important; + } +} +th.title, td { + text-align: center; +} +td.err { + background-color: #e992b9; + color: #fff; + font-size: 0.75em; + text-align: center; + line-height: 1; + } +th { + background-color: #00578e; + font-weight: bold; + color: #fff; + white-space: nowrap; +} +tbody th { + background-color: #d8e0ed; + color: #58595b; +} +tbody tr:nth-child(2n-1) { + background-color: #f5f5f5; +} +tbody tr:hover { + background-color: rgba(216,224,237,.5); +} + +/* For appearance */ +.sticky-wrap { + overflow-x: auto; + overflow-y: hidden; + position: relative; + margin: 3em 0; + width: 100%; +} +.sticky-wrap .sticky-thead, +.sticky-wrap .sticky-col.title, +.sticky-wrap .sticky-intersect { + opacity: 0; + position: absolute; + top: 0; + left: 0; + z-index: 50; + width: auto; /* Prevent table from stretching to full size */ +} +.sticky-wrap .sticky-col { + opacity: 0; + position: absolute; + +} + .sticky-wrap .sticky-thead { + z-index: 100; + width: 100%; /* Force stretch */ + margin-top: 77px; + } + .sticky-wrap .sticky-intersect { + opacity: 1; + z-index: 150; + margin-top: 77px; + } + .sticky-wrap .sticky-intersect th { + background-color: #f5f5f5; + color: #58595b; + margin-top: 77px; + } +.sticky-wrap td, +.sticky-wrap th { + box-sizing: border-box; +} + +/* Not needed for sticky header/column functionality */ +td.user-name { + text-transform: capitalize; +} +.sticky-wrap.overflow-y { + overflow-y: auto; + max-height: 50vh; +} +p.last-update { + float: right; +} diff --git a/assets/css/component2.css b/assets/css/component2.css new file mode 100755 index 0000000..97c47d5 --- /dev/null +++ b/assets/css/component2.css @@ -0,0 +1,208 @@ +svg { + pointer-events: none; +} + +/* Demo 1 */ + +.demo-drawings figcaption { + margin: 0 auto 0 auto; + max-width: 40em; + width: 95%; + text-align: center; +} + +.demo-drawings figure:first-child figcaption { + margin-top: 8em; +} + +.demo-drawings figcaption h2 { + font-weight: 300; + font-size: 3em; + margin-bottom: 0.2em; +} + +.demo-drawings figcaption p { + font-size: 1.3em; +} + +.drawings { + position: relative; + max-height: 600px; +} + +.illustration { + position: absolute; + top: 50%; + left: 50%; + max-height: 100%; + max-width: 100%; + opacity: 0; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} + +.show { + opacity: 1; +} + +.hide { + opacity: 0; +} + +.line-drawing, +.illustration { + -webkit-transition: opacity 0.75s; + transition: opacity 0.75s; +} + +.line-drawing path { + fill: none; + stroke: #58595b; + stroke-width: 2; +} + +path.line-round { + stroke-linecap: round; +} + +path.stroke-medium { + stroke-width: 2; +} + +path.stroke-thin { + stroke-width: 1; +} + +/* Demo 2 and demo 3 */ +.demo-loading .show, +.demo-loading .hide { + -webkit-transition: opacity 0.75s; + transition: opacity 0.75s; +} + +.codrops-logo { + position: relative; + margin: 0 auto 30px; + width: 80px; + height: 80px; + background: url(./img/codrops_logo.png) no-repeat 50% 50%; +} + +.demo-loading .headline { + position: relative; + color: #2173a3; + text-align: center; +} + +.demo-loading .headline div { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #5ca9d6; +} + +.demo-loading .headline h1 { + margin: 0; + padding: 3em 0; + font-size: 3em; + position: relative; + z-index: 10; +} + +.demo-loading .headline h1 span:last-child { + display: block; + font-weight: 300; + font-size: 50%; +} + +.demo-loading section { + margin: 2em auto 8em; + max-width: 700px; + text-align: center; +} + +.demo-loading section figure { + position: relative; + display: inline-block; + margin: 0 15px 20px; + width: 200px; + text-align: left; +} + +.demo-loading section figure img { + display: block; + margin: 0 auto 10px; +} + +.demo-loading svg.line-drawing { + position: absolute; + max-width: 100%; + z-index: 10; + top: 0; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} + +.demo-loading svg.line-drawing path { + fill: none; + stroke-width: 2; + stroke: #ddd; +} + +.demo-loading svg.line-drawing path.darker { + stroke: #aaa; +} + +.demo-loading svg#rectangle { + width: 100%; + height: 100%; +} + +.demo-loading svg#headline { + top: 50%; + margin-top: 2px; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} + +.demo-loading svg#related{ + width: 100%; + height: 100%; + max-width: 490px; +} + +/* Positions */ +#logo { + top: 39px; +} + +#demo-link-1, +#demo-link-2, +#demo-link-3 { + top: 148px; +} + +#demo-link-1 { + -webkit-transform: translateX(-130px); + transform: translateX(-130px); +} + +#demo-link-3 { + -webkit-transform: translateX(48px);; + transform: translateX(48px);; +} + +@media screen and (max-width: 35.375em) { + .demo-loading .headline h1 { + font-size: 1.4em; + } +} + +@media screen and (max-width: 30em) { + .related { + font-size: 0.8em; + } +} diff --git a/assets/css/components.css b/assets/css/components.css new file mode 100644 index 0000000..af61d9a --- /dev/null +++ b/assets/css/components.css @@ -0,0 +1,3132 @@ +.bubble-dropdown-container { + display: inline-block; + position: relative; + vertical-align: inherit +} +.bubble-dropdown-target { + cursor: pointer +} +#react-bubble-dropdown-root { + z-index: 1000000 +} +#react-bubble-dropdown-root:focus { + outline: none +} +#react-bubble-dropdown-root .bubble-dropdown { + padding: 0; + display: block +} +.bubble-dropdown { + background: #fff; + background-clip: padding-box; + border: 1px solid rgba(61, 70, 77, 0.1); + cursor: default; + padding: 9px 15px; + z-index: 9999; + border-radius: 3px; + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); + display: none; + position: absolute +} +.bubble-dropdown.no-padding { + padding: 0 +} +.bubble-dropdown.has-close-button { + padding-right: 25px +} +.bubble-dropdown .bubble-arrow, +.bubble-dropdown .bubble-arrow-border { + border: solid transparent; + height: 0; + width: 0; + position: absolute; + pointer-events: none +} +.bubble-dropdown .bubble-dropdown-x { + position: absolute; + top: 13px; + right: 10px; + width: 11px; + height: 11px; + background-color: transparent; + background-image: url("/static/images/streams/dismiss-cross-vflIlGysZ.svg"); + background-position: center; + background-repeat: no-repeat; + background-size: 11px; + cursor: pointer +} +.bubble-dropdown .bubble-dropdown-x:focus { + box-shadow: 0 0 0 2px #A0D1FA; + border-radius: 5px +} +.bubble-dropdown.left .bubble-arrow-border, +.bubble-dropdown.left-top .bubble-arrow-border, +.bubble-dropdown.left-bottom .bubble-arrow-border, +.bubble-dropdown.right .bubble-arrow-border, +.bubble-dropdown.right-top .bubble-arrow-border, +.bubble-dropdown.right-bottom .bubble-arrow-border { + border-width: 11px 7px; + margin-top: -11px +} +.bubble-dropdown.left .bubble-arrow, +.bubble-dropdown.left-top .bubble-arrow, +.bubble-dropdown.left-bottom .bubble-arrow, +.bubble-dropdown.right .bubble-arrow, +.bubble-dropdown.right-top .bubble-arrow, +.bubble-dropdown.right-bottom .bubble-arrow { + border-width: 9px 6px; + margin-top: -9px +} +.bubble-dropdown.top .bubble-arrow-border, +.bubble-dropdown.top-left .bubble-arrow-border, +.bubble-dropdown.top-right .bubble-arrow-border, +.bubble-dropdown.bottom .bubble-arrow-border, +.bubble-dropdown.bottom-left .bubble-arrow-border, +.bubble-dropdown.bottom-right .bubble-arrow-border { + border-width: 7px 11px; + margin-left: -11px +} +.bubble-dropdown.top .bubble-arrow, +.bubble-dropdown.top-left .bubble-arrow, +.bubble-dropdown.top-right .bubble-arrow, +.bubble-dropdown.bottom .bubble-arrow, +.bubble-dropdown.bottom-left .bubble-arrow, +.bubble-dropdown.bottom-right .bubble-arrow { + border-width: 6px 9px; + margin-left: -9px +} +.bubble-dropdown.left .bubble-arrow, +.bubble-dropdown.left .bubble-arrow-border, +.bubble-dropdown.left-top .bubble-arrow, +.bubble-dropdown.left-top .bubble-arrow-border, +.bubble-dropdown.left-bottom .bubble-arrow, +.bubble-dropdown.left-bottom .bubble-arrow-border { + right: 100% +} +.bubble-dropdown.left .bubble-arrow-border, +.bubble-dropdown.left-top .bubble-arrow-border, +.bubble-dropdown.left-bottom .bubble-arrow-border { + border-right-color: rgba(61, 70, 77, 0.1) +} +.bubble-dropdown.left .bubble-arrow, +.bubble-dropdown.left-top .bubble-arrow, +.bubble-dropdown.left-bottom .bubble-arrow { + border-right-color: #fff +} +.bubble-dropdown.right .bubble-arrow, +.bubble-dropdown.right .bubble-arrow-border, +.bubble-dropdown.right-top .bubble-arrow, +.bubble-dropdown.right-top .bubble-arrow-border, +.bubble-dropdown.right-bottom .bubble-arrow, +.bubble-dropdown.right-bottom .bubble-arrow-border { + left: 100% +} +.bubble-dropdown.right .bubble-arrow-border, +.bubble-dropdown.right-top .bubble-arrow-border, +.bubble-dropdown.right-bottom .bubble-arrow-border { + border-left-color: rgba(61, 70, 77, 0.1) +} +.bubble-dropdown.right .bubble-arrow, +.bubble-dropdown.right-top .bubble-arrow, +.bubble-dropdown.right-bottom .bubble-arrow { + border-left-color: #fff +} +.bubble-dropdown.top .bubble-arrow, +.bubble-dropdown.top .bubble-arrow-border, +.bubble-dropdown.top-left .bubble-arrow, +.bubble-dropdown.top-left .bubble-arrow-border, +.bubble-dropdown.top-right .bubble-arrow, +.bubble-dropdown.top-right .bubble-arrow-border { + bottom: 100% +} +.bubble-dropdown.top .bubble-arrow-border, +.bubble-dropdown.top-left .bubble-arrow-border, +.bubble-dropdown.top-right .bubble-arrow-border { + border-bottom-color: rgba(61, 70, 77, 0.1) +} +.bubble-dropdown.top .bubble-arrow, +.bubble-dropdown.top-left .bubble-arrow, +.bubble-dropdown.top-right .bubble-arrow { + border-bottom-color: #fff +} +.bubble-dropdown.bottom .bubble-arrow, +.bubble-dropdown.bottom .bubble-arrow-border, +.bubble-dropdown.bottom-left .bubble-arrow, +.bubble-dropdown.bottom-left .bubble-arrow-border, +.bubble-dropdown.bottom-right .bubble-arrow, +.bubble-dropdown.bottom-right .bubble-arrow-border { + top: 100% +} +.bubble-dropdown.bottom .bubble-arrow-border, +.bubble-dropdown.bottom-left .bubble-arrow-border, +.bubble-dropdown.bottom-right .bubble-arrow-border { + border-top-color: rgba(61, 70, 77, 0.1) +} +.bubble-dropdown.bottom .bubble-arrow, +.bubble-dropdown.bottom-left .bubble-arrow, +.bubble-dropdown.bottom-right .bubble-arrow { + border-top-color: #fff +} +.bubble-dropdown.top .bubble-arrow, +.bubble-dropdown.top .bubble-arrow-border, +.bubble-dropdown.bottom .bubble-arrow, +.bubble-dropdown.bottom .bubble-arrow-border { + left: 50% +} +.bubble-dropdown.top-left .bubble-arrow, +.bubble-dropdown.top-left .bubble-arrow-border, +.bubble-dropdown.bottom-left .bubble-arrow, +.bubble-dropdown.bottom-left .bubble-arrow-border { + left: 25% +} +.bubble-dropdown.top-left.justify .bubble-arrow, +.bubble-dropdown.bottom-left.justify .bubble-arrow { + right: auto; + left: 5px +} +.bubble-dropdown.top-left.justify .bubble-arrow-border, +.bubble-dropdown.bottom-left.justify .bubble-arrow-border { + right: auto; + left: 3px +} +.bubble-dropdown.top-right .bubble-arrow, +.bubble-dropdown.top-right .bubble-arrow-border, +.bubble-dropdown.bottom-right .bubble-arrow, +.bubble-dropdown.bottom-right .bubble-arrow-border { + left: 75% +} +.bubble-dropdown.top-right.justify .bubble-arrow, +.bubble-dropdown.bottom-right.justify .bubble-arrow { + left: auto; + right: 5px +} +.bubble-dropdown.top-right.justify .bubble-arrow-border, +.bubble-dropdown.bottom-right.justify .bubble-arrow-border { + left: auto; + right: 3px +} +.bubble-dropdown.left .bubble-arrow, +.bubble-dropdown.left .bubble-arrow-border, +.bubble-dropdown.right .bubble-arrow, +.bubble-dropdown.right .bubble-arrow-border { + top: 50% +} +.bubble-dropdown.left-top .bubble-arrow, +.bubble-dropdown.left-top .bubble-arrow-border, +.bubble-dropdown.right-top .bubble-arrow, +.bubble-dropdown.right-top .bubble-arrow-border { + top: 25% +} +.bubble-dropdown.left-bottom .bubble-arrow, +.bubble-dropdown.left-bottom .bubble-arrow-border, +.bubble-dropdown.right-bottom .bubble-arrow, +.bubble-dropdown.right-bottom .bubble-arrow-border { + top: 75% +} +.bubble-dropdown.context-menu { + display: block; + position: fixed; + margin: 0 +} +.bubble-dropdown.context-menu .context-menu-item { + display: block; + position: relative; + padding: 10px 12px; + min-width: 144px; + color: #3d464d; + text-decoration: none; + cursor: pointer; + line-height: 19px +} +.bubble-dropdown.context-menu .context-menu-item .sprite { + margin-right: 6px; + float: left +} +.bubble-dropdown.context-menu .context-menu-item .sprite-text { + margin-left: 24px; + white-space: nowrap; + min-width: 120px +} +.bubble-dropdown.context-menu .context-menu-item--selected { + background-color: #e3f2ff +} +.bubble-dropdown.context-menu .context-menu-item--disabled { + color: #8a8a8a; + cursor: default +} +.bubble-dropdown.context-menu .context-menu-item__accessory { + position: absolute; + right: 10px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%) +} +.bubble-dropdown.context-menu.bubble-dropdown.context-menu--secondary { + position: absolute; + top: 0; + margin-left: -5px; + margin-top: -1px; + left: 100% +} +.bubble-dropdown.context-menu.bubble-dropdown.context-menu--simple { + position: absolute +} +.bubble-dropdown.context-menu.bubble-dropdown.context-menu--simple .context-menu-item:hover { + background: #e3f2ff +} +.maestro .bubble-dropdown.left .bubble-arrow-border, +.maestro .bubble-dropdown.left-top .bubble-arrow-border, +.maestro .bubble-dropdown.left-bottom .bubble-arrow-border, +.maestro .bubble-dropdown.right .bubble-arrow-border, +.maestro .bubble-dropdown.right-top .bubble-arrow-border, +.maestro .bubble-dropdown.right-bottom .bubble-arrow-border { + border-width: 9px 9px; + margin-top: -9px +} +.maestro .bubble-dropdown.left .bubble-arrow, +.maestro .bubble-dropdown.left-top .bubble-arrow, +.maestro .bubble-dropdown.left-bottom .bubble-arrow, +.maestro .bubble-dropdown.right .bubble-arrow, +.maestro .bubble-dropdown.right-top .bubble-arrow, +.maestro .bubble-dropdown.right-bottom .bubble-arrow { + border-width: 7px 7px; + margin-top: -7px +} +.maestro .bubble-dropdown.top .bubble-arrow-border, +.maestro .bubble-dropdown.top-left .bubble-arrow-border, +.maestro .bubble-dropdown.top-right .bubble-arrow-border, +.maestro .bubble-dropdown.bottom .bubble-arrow-border, +.maestro .bubble-dropdown.bottom-left .bubble-arrow-border, +.maestro .bubble-dropdown.bottom-right .bubble-arrow-border { + border-width: 9px 9px; + margin-left: -9px +} +.maestro .bubble-dropdown.top .bubble-arrow, +.maestro .bubble-dropdown.top-left .bubble-arrow, +.maestro .bubble-dropdown.top-right .bubble-arrow, +.maestro .bubble-dropdown.bottom .bubble-arrow, +.maestro .bubble-dropdown.bottom-left .bubble-arrow, +.maestro .bubble-dropdown.bottom-right .bubble-arrow { + border-width: 7px 7px; + margin-left: -7px +} +.bubble-menu { + margin: 0; + padding: 5px 0; + min-width: 50px; + list-style-type: none +} +.bubble-menu .bubble-menu-item { + display: block; + padding: 6px 20px 6px 13px; + white-space: nowrap; + text-align: left; + background-color: transparent +} +.bubble-menu .bubble-menu-item:hover { + text-decoration: none; + background-color: rgba(204, 230, 250, 0.5) +} +.bubble-menu .bubble-menu-item:focus { + text-decoration: none +} +.bubble-menu .bubble-menu-item.bubble-menu-item--disabled { + cursor: default; + color: #a1a1a1 +} +.bubble-menu .bubble-menu-item.bubble-menu-item--disabled * { + cursor: default +} +.bubble-menu .bubble-menu-item[role="menuitemradio"][aria-checked="true"] { + box-shadow: inset 2px 0 0 0 #007ee5 +} +.bubble-menu .bubble-menu-item[role="menuitemcheckbox"][aria-checked="true"]::after { + content: url("/static/images/widgets/icon-checkmark-status-vflO6wwEL.png"); + position: absolute; + right: 5px +} +.bubble-menu .bubble-menu-item-separator { + width: 100%; + height: 1px; + background-color: #e8e8e8 +} +.bubble-menu--keyboard .bubble-menu-item:focus, +.bubble-menu--keyboard .bubble-menu-item:hover:focus { + background-color: rgba(204, 230, 250, 0.5) +} +.bubble-menu--keyboard .bubble-menu-item:hover { + background-color: transparent +} +.bubble-menu:focus { + outline: none +} +.bubble-picker { + display: inline-block; + position: relative; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} +.bubble-picker-label-wrapper { + margin: 0; + padding: 0; + vertical-align: bottom; + background-color: transparent; + cursor: pointer +} +.bubble-picker-label-wrapper .sprite-div { + position: relative +} +.bubble-picker.color-blue { + color: #2895F1 +} +.bubble-picker.color-gray { + color: #3d464d +} +.bubble-picker .sprite-div .sprite-frame.small.icon-right { + padding-left: 0px; + padding-top: 3px +} +.bubble-picker .bubble-picker-option { + height: 22px +} +.bubble-picker .bubble-picker-dropdown { + padding: 3px 0; + margin-bottom: 10px; + position: absolute; + right: -30px; + top: 30px; + z-index: 2 +} +.bubble-picker .bubble-picker-dropdown .bubble-picker-options { + padding: 0; + margin: 0; + list-style: none +} +.bubble-picker .bubble-picker-dropdown .bubble-picker-option { + padding: 5px 13px; + display: block; + color: inherit +} +.bubble-picker .bubble-picker-dropdown .bubble-picker-option:hover { + text-decoration: none; + background-color: #e3f2ff +} +.bubble-picker .bubble-picker-dropdown .bubble-picker-option:focus { + text-decoration: none +} +.bubble-picker .bubble-picker-dropdown .bubble-picker-option.disabled { + cursor: default; + color: #aaa +} +.bubble-picker .bubble-picker-dropdown .bubble-picker-option.disabled:hover { + background-color: inherit +} +.bubble-picker .bubble-picker-dropdown .bubble-picker-option.disabled .sprite-frame img { + opacity: 0.3 +} +.bubble-picker .bubble-picker-dropdown .chat-bubble-arrow, +.bubble-picker .bubble-picker-dropdown .chat-bubble-arrow-border { + right: 50%; + margin-right: -8px +} +.bubble-picker .bubble-picker-dropdown--keyboard .bubble-picker-option:focus, +.bubble-picker .bubble-picker-dropdown--keyboard .bubble-picker-option:hover:focus { + background-color: #e3f2ff; + text-decoration: none +} +.bubble-picker .bubble-picker-dropdown--keyboard .bubble-picker-option:hover { + background-color: transparent +} +.tabbing .button-primary:focus, +.tabbing .button-secondary:focus, +.tabbing .:focus { + box-shadow: 0 0 0 2px #A0D1FA; + text-decoration: none +} +.tabbing .button-primary::-moz-focus-inner, +.tabbing .button-secondary::-moz-focus-inner, +.tabbing .::-moz-focus-inner { + border-color: transparent +} +.tabbing .button-as-link:focus { + text-decoration: underline +} +.tabbing .sprite-button:focus { + box-shadow: 0 0 0 2px #A0D1FA; + margin: -2px; + padding: 2px; + text-decoration: none; + border-radius: 5px +} +.button-as-link { + margin: 0; + padding: 0; + cursor: pointer; + color: #2895F1; + background: none +} +.button-as-link::-moz-focus-inner { + border: 0; + padding: 0 +} +.button-as-link:hover { + text-decoration: underline +} +.button-as-link:disabled:hover { + text-decoration: none +} +.button-primary, +.button-secondary, +. { + margin: 2px 0 5px; + min-height: 34px; + line-height: normal; + box-sizing: border-box; + border-radius: 3px; + -webkit-appearance: none; + margin-top: 16px; + padding: 6px 16px +} +.maestro .button-primary, +.maestro .button-secondary, +.maestro . { + line-height: 1 +} +body.ie .button-primary, +body.ie .button-secondary, +body.ie . { + padding-top: 0; + padding-bottom: 0 +} +.button-primary.button-small, +.button-secondary.button-small, +..button-small { + margin: 0; + padding: 3px 10px; + min-height: 30px +} +.freshbutton, +.freshbutton-red, +.freshbutton-blue, +.freshbutton-lightblue, +.freshbutton-blue-on-gray, +.freshbutton-gray, +.freshbutton-silver, +.freshbutton-green, +.freshbutton-no-hover { + padding: 5px 16px; + border-radius: 3px +} +.freshbutton, +.freshbutton-red, +.freshbutton-blue, +.freshbutton-lightblue, +.freshbutton-blue-on-gray, +.freshbutton-gray, +.freshbutton-silver, +.freshbutton-green, +.freshbutton-no-hover, +.button-primary, +.button-secondary, +. { + display: inline-block; + text-align: center; + font-size: 13px; + font-weight: 600; + cursor: pointer; + overflow: visible; + text-decoration: none +} +.freshbutton.button-big, +.freshbutton-red.button-big, +.freshbutton-blue.button-big, +.freshbutton-lightblue.button-big, +.freshbutton-blue-on-gray.button-big, +.freshbutton-gray.button-big, +.freshbutton-silver.button-big, +.freshbutton-green.button-big, +.freshbutton-no-hover.button-big, +.button-primary.button-big, +.button-secondary.button-big, +..button-big { + padding: 10px 26px; + min-width: 180px; + border-width: 2px +} +.freshbutton.button-wide, +.freshbutton-red.button-wide, +.freshbutton-blue.button-wide, +.freshbutton-lightblue.button-wide, +.freshbutton-blue-on-gray.button-wide, +.freshbutton-gray.button-wide, +.freshbutton-silver.button-wide, +.freshbutton-green.button-wide, +.freshbutton-no-hover.button-wide, +.button-primary.button-wide, +.button-secondary.button-wide, +..button-wide { + width: 100%; + max-width: 100% +} +.freshbutton:hover, +.freshbutton:focus, +.freshbutton-red:hover, +.freshbutton-red:focus, +.freshbutton-blue:hover, +.freshbutton-blue:focus, +.freshbutton-lightblue:hover, +.freshbutton-lightblue:focus, +.freshbutton-blue-on-gray:hover, +.freshbutton-blue-on-gray:focus, +.freshbutton-gray:hover, +.freshbutton-gray:focus, +.freshbutton-silver:hover, +.freshbutton-silver:focus, +.freshbutton-green:hover, +.freshbutton-green:focus, +.freshbutton-no-hover:hover, +.freshbutton-no-hover:focus, +.button-primary:hover, +.button-primary:focus, +.button-secondary:hover, +.button-secondary:focus, +.:hover, +.:focus { + text-decoration: none +} +.freshbutton:active, +.freshbutton.pressed, +.freshbutton.touched, +.freshbutton.touch, +.freshbutton-red:active, +.freshbutton-red.pressed, +.freshbutton-red.touched, +.freshbutton-red.touch, +.freshbutton-blue:active, +.freshbutton-blue.pressed, +.freshbutton-blue.touched, +.freshbutton-blue.touch, +.freshbutton-lightblue:active, +.freshbutton-lightblue.pressed, +.freshbutton-lightblue.touched, +.freshbutton-lightblue.touch, +.freshbutton-blue-on-gray:active, +.freshbutton-blue-on-gray.pressed, +.freshbutton-blue-on-gray.touched, +.freshbutton-blue-on-gray.touch, +.freshbutton-gray:active, +.freshbutton-gray.pressed, +.freshbutton-gray.touched, +.freshbutton-gray.touch, +.freshbutton-silver:active, +.freshbutton-silver.pressed, +.freshbutton-silver.touched, +.freshbutton-silver.touch, +.freshbutton-green:active, +.freshbutton-green.pressed, +.freshbutton-green.touched, +.freshbutton-green.touch, +.freshbutton-no-hover:active, +.freshbutton-no-hover.pressed, +.freshbutton-no-hover.touched, +.freshbutton-no-hover.touch, +.button-primary:active, +.button-primary.pressed, +.button-primary.touched, +.button-primary.touch, +.button-secondary:active, +.button-secondary.pressed, +.button-secondary.touched, +.button-secondary.touch, +.:active, +..pressed, +..touched, +..touch { + box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1) +} +.freshbutton:focus, +.freshbutton-red:focus, +.freshbutton-blue:focus, +.freshbutton-lightblue:focus, +.freshbutton-blue-on-gray:focus, +.freshbutton-gray:focus, +.freshbutton-silver:focus, +.freshbutton-green:focus, +.freshbutton-no-hover:focus, +.button-primary:focus, +.button-secondary:focus, +.:focus { + box-shadow: 0px 0px 0px 2px #a0d1fa +} +.freshbutton:disabled, +.freshbutton.disabled, +.freshbutton-red:disabled, +.freshbutton-red.disabled, +.freshbutton-blue:disabled, +.freshbutton-blue.disabled, +.freshbutton-lightblue:disabled, +.freshbutton-lightblue.disabled, +.freshbutton-blue-on-gray:disabled, +.freshbutton-blue-on-gray.disabled, +.freshbutton-gray:disabled, +.freshbutton-gray.disabled, +.freshbutton-silver:disabled, +.freshbutton-silver.disabled, +.freshbutton-green:disabled, +.freshbutton-green.disabled, +.freshbutton-no-hover:disabled, +.freshbutton-no-hover.disabled, +.button-primary:disabled, +.button-primary.disabled, +.button-secondary:disabled, +.button-secondary.disabled, +.:disabled, +..disabled { + opacity: .4; + cursor: default +} +.freshbutton:disabled:focus, +.freshbutton.disabled:focus, +.freshbutton-red:disabled:focus, +.freshbutton-red.disabled:focus, +.freshbutton-blue:disabled:focus, +.freshbutton-blue.disabled:focus, +.freshbutton-lightblue:disabled:focus, +.freshbutton-lightblue.disabled:focus, +.freshbutton-blue-on-gray:disabled:focus, +.freshbutton-blue-on-gray.disabled:focus, +.freshbutton-gray:disabled:focus, +.freshbutton-gray.disabled:focus, +.freshbutton-silver:disabled:focus, +.freshbutton-silver.disabled:focus, +.freshbutton-green:disabled:focus, +.freshbutton-green.disabled:focus, +.freshbutton-no-hover:disabled:focus, +.freshbutton-no-hover.disabled:focus, +.button-primary:disabled:focus, +.button-primary.disabled:focus, +.button-secondary:disabled:focus, +.button-secondary.disabled:focus, +.:disabled:focus, +..disabled:focus { + box-shadow: none +} +.freshbutton.split, +.freshbutton-red.split, +.freshbutton-blue.split, +.freshbutton-lightblue.split, +.freshbutton-blue-on-gray.split, +.freshbutton-gray.split, +.freshbutton-silver.split, +.freshbutton-green.split, +.freshbutton-no-hover.split, +.button-primary.split, +.button-secondary.split, +..split { + padding: 0 +} +.freshbutton.split span.label, +.freshbutton-red.split span.label, +.freshbutton-blue.split span.label, +.freshbutton-lightblue.split span.label, +.freshbutton-blue-on-gray.split span.label, +.freshbutton-gray.split span.label, +.freshbutton-silver.split span.label, +.freshbutton-green.split span.label, +.freshbutton-no-hover.split span.label, +.button-primary.split span.label, +.button-secondary.split span.label, +..split span.label { + display: inline-block; + padding: 6px 16px +} +.freshbutton.split span.more, +.freshbutton-red.split span.more, +.freshbutton-blue.split span.more, +.freshbutton-lightblue.split span.more, +.freshbutton-blue-on-gray.split span.more, +.freshbutton-gray.split span.more, +.freshbutton-silver.split span.more, +.freshbutton-green.split span.more, +.freshbutton-no-hover.split span.more, +.button-primary.split span.more, +.button-secondary.split span.more, +..split span.more { + display: inline-block; + padding: 6px 16px +} +.maestro .freshbutton, +.maestro .freshbutton-red, +.maestro .freshbutton-blue, +.maestro .freshbutton-lightblue, +.maestro .freshbutton-blue-on-gray, +.maestro .freshbutton-gray, +.maestro .freshbutton-silver, +.maestro .freshbutton-green, +.maestro .freshbutton-no-hover, +.maestro .button-secondary, +.maestro . { + font-weight: normal +} +.maestro .button-primary { + font-weight: 600 +} +.:focus { + border: 1px solid #a0bacf +} +.freshbutton-blue, +.button-primary, +a.button-primary { + background-color: #007ee5; + background-image: -webkit-linear-gradient(#168add, #007ee5); + background-image: linear-gradient(#168add, #007ee5); + border: 1px solid #0c6ebe; + color: white +} +.freshbutton-blue:hover, +.freshbutton-blue.hovered, +.button-primary:hover, +.button-primary.hovered, +a.button-primary:hover, +a.button-primary.hovered { + background: -webkit-linear-gradient(#168eef, #007ee5); + background: linear-gradient(#168eef, #007ee5) +} +.freshbutton-blue:active, +.freshbutton-blue.pressed, +.freshbutton-blue.touched, +.freshbutton-blue.touch, +.button-primary:active, +.button-primary.pressed, +.button-primary.touched, +.button-primary.touch, +a.button-primary:active, +a.button-primary.pressed, +a.button-primary.touched, +a.button-primary.touch { + background: -webkit-linear-gradient(#1b80d3, #0a74cb); + background: linear-gradient(#1b80d3, #0a74cb) +} +.freshbutton-blue:disabled, +.freshbutton-blue.disabled, +.button-primary:disabled, +.button-primary.disabled, +a.button-primary:disabled, +a.button-primary.disabled { + opacity: .4; + cursor: default +} +.freshbutton-blue:disabled:hover, +.freshbutton-blue:disabled.hovered, +.freshbutton-blue:disabled:active, +.freshbutton-blue:disabled.pressed, +.freshbutton-blue:disabled.touched, +.freshbutton-blue:disabled.touch, +.freshbutton-blue.disabled:hover, +.freshbutton-blue.disabled.hovered, +.freshbutton-blue.disabled:active, +.freshbutton-blue.disabled.pressed, +.freshbutton-blue.disabled.touched, +.freshbutton-blue.disabled.touch, +.button-primary:disabled:hover, +.button-primary:disabled.hovered, +.button-primary:disabled:active, +.button-primary:disabled.pressed, +.button-primary:disabled.touched, +.button-primary:disabled.touch, +.button-primary.disabled:hover, +.button-primary.disabled.hovered, +.button-primary.disabled:active, +.button-primary.disabled.pressed, +.button-primary.disabled.touched, +.button-primary.disabled.touch, +a.button-primary:disabled:hover, +a.button-primary:disabled.hovered, +a.button-primary:disabled:active, +a.button-primary:disabled.pressed, +a.button-primary:disabled.touched, +a.button-primary:disabled.touch, +a.button-primary.disabled:hover, +a.button-primary.disabled.hovered, +a.button-primary.disabled:active, +a.button-primary.disabled.pressed, +a.button-primary.disabled.touched, +a.button-primary.disabled.touch { + background: #007ee5 +} +.freshbutton-blue.split span.more, +.button-primary.split span.more, +a.button-primary.split span.more { + border-left: 1px solid #0c6ebe +} +.freshbutton-lightblue, +.button-secondary, +a.button-secondary { + background-color: #f4faff; + background-image: -webkit-linear-gradient(#fffffe, #f4faff); + background-image: linear-gradient(#fffffe, #f4faff); + border: 1px solid #5eb0f0; + color: #007ee5 +} +.freshbutton-lightblue:hover, +.freshbutton-lightblue.hovered, +.button-secondary:hover, +.button-secondary.hovered, +a.button-secondary:hover, +a.button-secondary.hovered { + background: -webkit-linear-gradient(#fffffe, #e5f3ff); + background: linear-gradient(#fffffe, #e5f3ff) +} +.freshbutton-lightblue:active, +.freshbutton-lightblue.pressed, +.button-secondary:active, +.button-secondary.pressed, +a.button-secondary:active, +a.button-secondary.pressed { + background: -webkit-linear-gradient(#edf6ff, #e5f3ff); + background: linear-gradient(#edf6ff, #e5f3ff) +} +.freshbutton-lightblue:disabled, +.freshbutton-lightblue.disabled, +.button-secondary:disabled, +.button-secondary.disabled, +a.button-secondary:disabled, +a.button-secondary.disabled { + opacity: .4; + cursor: default +} +.freshbutton-lightblue:disabled:hover, +.freshbutton-lightblue:disabled.hovered, +.freshbutton-lightblue:disabled:active, +.freshbutton-lightblue:disabled.pressed, +.freshbutton-lightblue:disabled.touched, +.freshbutton-lightblue:disabled.touch, +.freshbutton-lightblue.disabled:hover, +.freshbutton-lightblue.disabled.hovered, +.freshbutton-lightblue.disabled:active, +.freshbutton-lightblue.disabled.pressed, +.freshbutton-lightblue.disabled.touched, +.freshbutton-lightblue.disabled.touch, +.button-secondary:disabled:hover, +.button-secondary:disabled.hovered, +.button-secondary:disabled:active, +.button-secondary:disabled.pressed, +.button-secondary:disabled.touched, +.button-secondary:disabled.touch, +.button-secondary.disabled:hover, +.button-secondary.disabled.hovered, +.button-secondary.disabled:active, +.button-secondary.disabled.pressed, +.button-secondary.disabled.touched, +.button-secondary.disabled.touch, +a.button-secondary:disabled:hover, +a.button-secondary:disabled.hovered, +a.button-secondary:disabled:active, +a.button-secondary:disabled.pressed, +a.button-secondary:disabled.touched, +a.button-secondary:disabled.touch, +a.button-secondary.disabled:hover, +a.button-secondary.disabled.hovered, +a.button-secondary.disabled:active, +a.button-secondary.disabled.pressed, +a.button-secondary.disabled.touched, +a.button-secondary.disabled.touch { + background: #f4faff +} +.freshbutton-lightblue.split span.more, +.button-secondary.split span.more, +a.button-secondary.split span.more { + border-left: 1px solid #5eb0f0 +} +.freshbutton, +.freshbutton-silver, +.freshbutton-gray, +.freshbutton-blue-on-gray, +., +a. { + background: #fff; + border: 1px solid #bbb; + color: #47525d +} +.freshbutton:hover, +.freshbutton.hovered, +.freshbutton-silver:hover, +.freshbutton-silver.hovered, +.freshbutton-gray:hover, +.freshbutton-gray.hovered, +.freshbutton-blue-on-gray:hover, +.freshbutton-blue-on-gray.hovered, +.:hover, +..hovered, +a.:hover, +a..hovered { + background: -webkit-linear-gradient(#fffffe, #f2f2f2); + background: linear-gradient(#fffffe, #f2f2f2) +} +.freshbutton:active, +.freshbutton.pressed, +.freshbutton-silver:active, +.freshbutton-silver.pressed, +.freshbutton-gray:active, +.freshbutton-gray.pressed, +.freshbutton-blue-on-gray:active, +.freshbutton-blue-on-gray.pressed, +.:active, +..pressed, +a.:active, +a..pressed { + background: -webkit-linear-gradient(#f7f7f7, #f2f2f2); + background: linear-gradient(#f7f7f7, #f2f2f2) +} +.freshbutton:disabled, +.freshbutton.disabled, +.freshbutton-silver:disabled, +.freshbutton-silver.disabled, +.freshbutton-gray:disabled, +.freshbutton-gray.disabled, +.freshbutton-blue-on-gray:disabled, +.freshbutton-blue-on-gray.disabled, +.:disabled, +..disabled, +a.:disabled, +a..disabled { + opacity: .4; + cursor: default +} +.freshbutton:disabled:hover, +.freshbutton:disabled.hovered, +.freshbutton:disabled:active, +.freshbutton:disabled.pressed, +.freshbutton:disabled.touched, +.freshbutton:disabled.touch, +.freshbutton.disabled:hover, +.freshbutton.disabled.hovered, +.freshbutton.disabled:active, +.freshbutton.disabled.pressed, +.freshbutton.disabled.touched, +.freshbutton.disabled.touch, +.freshbutton-silver:disabled:hover, +.freshbutton-silver:disabled.hovered, +.freshbutton-silver:disabled:active, +.freshbutton-silver:disabled.pressed, +.freshbutton-silver:disabled.touched, +.freshbutton-silver:disabled.touch, +.freshbutton-silver.disabled:hover, +.freshbutton-silver.disabled.hovered, +.freshbutton-silver.disabled:active, +.freshbutton-silver.disabled.pressed, +.freshbutton-silver.disabled.touched, +.freshbutton-silver.disabled.touch, +.freshbutton-gray:disabled:hover, +.freshbutton-gray:disabled.hovered, +.freshbutton-gray:disabled:active, +.freshbutton-gray:disabled.pressed, +.freshbutton-gray:disabled.touched, +.freshbutton-gray:disabled.touch, +.freshbutton-gray.disabled:hover, +.freshbutton-gray.disabled.hovered, +.freshbutton-gray.disabled:active, +.freshbutton-gray.disabled.pressed, +.freshbutton-gray.disabled.touched, +.freshbutton-gray.disabled.touch, +.freshbutton-blue-on-gray:disabled:hover, +.freshbutton-blue-on-gray:disabled.hovered, +.freshbutton-blue-on-gray:disabled:active, +.freshbutton-blue-on-gray:disabled.pressed, +.freshbutton-blue-on-gray:disabled.touched, +.freshbutton-blue-on-gray:disabled.touch, +.freshbutton-blue-on-gray.disabled:hover, +.freshbutton-blue-on-gray.disabled.hovered, +.freshbutton-blue-on-gray.disabled:active, +.freshbutton-blue-on-gray.disabled.pressed, +.freshbutton-blue-on-gray.disabled.touched, +.freshbutton-blue-on-gray.disabled.touch, +.:disabled:hover, +.:disabled.hovered, +.:disabled:active, +.:disabled.pressed, +.:disabled.touched, +.:disabled.touch, +..disabled:hover, +..disabled.hovered, +..disabled:active, +..disabled.pressed, +..disabled.touched, +..disabled.touch, +a.:disabled:hover, +a.:disabled.hovered, +a.:disabled:active, +a.:disabled.pressed, +a.:disabled.touched, +a.:disabled.touch, +a..disabled:hover, +a..disabled.hovered, +a..disabled:active, +a..disabled.pressed, +a..disabled.touched, +a..disabled.touch { + background: #fff +} +.freshbutton.split span.more, +.freshbutton-silver.split span.more, +.freshbutton-gray.split span.more, +.freshbutton-blue-on-gray.split span.more, +..split span.more, +a..split span.more { + border-left: 1px solid #bbb +} +.sprite-button { + margin: 0; + padding: 0; + background-color: transparent; + cursor: pointer +} +.sprite-button::-moz-focus-inner { + border: 0; + padding: 0 +} +.sprite-button:disabled { + cursor: default +} +.media-mobile .button-primary, +.media-mobile .button-secondary, +.media-mobile . { + width: 100% +} +.carousel .button-primary, +.carousel .button-secondary, +.carousel . { + font-size: 14px; + font-weight: 400; + padding: 11px 16px +} +.carousel .button-primary:active, +.carousel .button-secondary:active, +.carousel .:active { + box-shadow: none +} +.carousel .button-primary { + background: #0bacff; + border-color: #0bacff +} +.carousel .button-primary:hover { + background: #36BEFF; + border-color: #36BEFF +} +.carousel .button-primary:active { + background: #007EC1; + border-color: #007EC1 +} +.carousel .button-secondary { + background: #fff; + border-color: #36BEFF; + color: #0bacff +} +.carousel .button-secondary:hover { + background: #fff; + color: #36BEFF +} +.carousel .button-secondary:active { + background: #fff; + color: #007EC1; + border-color: #007EC1 +} +.carousel ., +.carousel .:hover, +.carousel .:active { + background: #fff +} +.business-theme .button-primary, +.business-theme .button-secondary, +.business-theme . { + font-weight: normal; + min-height: 0; + padding-top: 8px; + padding-bottom: 8px +} +.business-theme .button-primary.button-big, +.business-theme .button-secondary.button-big, +.business-theme ..button-big { + min-width: 220px; + min-height: 50px; + line-height: 34px +} +.business-theme .button-primary { + background: #007ee5; + border-color: #007ee5; + color: #fff +} +.business-theme .button-primary:hover, +.business-theme .button-primary.hovered { + background: #3398ea; + border-color: #3398ea +} +.business-theme .button-primary:active, +.business-theme .button-primary.pressed { + background: #0c57bd; + border-color: #0c57bd +} +.business-theme .button-primary:disabled, +.business-theme .button-primary.disabled { + color: #bcc3c8; + border-color: #bcc3c8; + background: #fff +} +.business-theme .button-primary:disabled, +.business-theme .button-primary.disabled { + color: #fff; + background: #bdc4c9 +} +.business-theme .button-secondary { + background: #fff; + border-color: #007ee5 +} +.business-theme .button-secondary:hover, +.business-theme .button-secondary.hovered { + background: #f0f7fd; + border-color: #007ee5 +} +.business-theme .button-secondary:active, +.business-theme .button-secondary.pressed { + background: #e3f1fc; + border-color: #007ee5 +} +.business-theme .button-secondary:disabled, +.business-theme .button-secondary.disabled { + color: #bcc3c8; + border-color: #bcc3c8; + background: #fff +} +.business-theme .button-secondary.button-big { + border-radius: 5px +} +.business-theme . { + background: #fff; + border-color: #bcc3c8 +} +.business-theme .:hover, +.business-theme ..hovered { + background: #f0f7fc; + border-color: #bcc3c8 +} +.business-theme .:active, +.business-theme ..pressed { + background: #cfe8fc; + border-color: #bcc3c8 +} +.business-theme .:disabled, +.business-theme ..disabled { + color: #bcc3c8; + border-color: #bcc3c8; + background: #fff +} +.business-theme .:active, +.business-theme .:hover, +.business-theme ..pressed, +.business-theme ..hovered { + border-color: #266cb9 +} +.media-mobile.carousel .button-primary, +.media-mobile.carousel .button-secondary, +.media-mobile.carousel . { + font-size: 16px; + font-weight: 200; + padding: 12px 16px +} +.carousel-app .carousel .button-primary, +.carousel-app .carousel .button-secondary, +.carousel-app .carousel . { + font-size: 13px; + padding: 8px 18px 9px +} +.tabbing .checkbox input:focus { + box-shadow: 0 0 0 2px #A0D1FA +} +.checkbox { + margin: 2px 0 5px; + min-height: 34px; + line-height: normal; + box-sizing: border-box; + border-radius: 3px; + -webkit-appearance: none; + padding: 6px 0; + height: auto +} +.maestro .checkbox { + line-height: 1 +} +.checkbox.checkbox-inline { + display: inline-block; + margin-top: 0px; + vertical-align: bottom +} +.checkbox input { + cursor: pointer; + height: 14px; + width: 14px; + margin: 0; + padding: 0; + vertical-align: middle +} +.checkbox label { + cursor: pointer; + margin-left: 7px; + vertical-align: middle +} +.checkbox .text-input-error-wrapper { + color: #e82110; + font-size: 12px; + min-height: 17px +} +.checkbox .text-input-error-wrapper span.error-message { + color: #e82110; + display: block; + font-size: 12px +} +.checkbox .text-input-error-wrapper br { + display: none +} +.checkbox.small .text-input-error-wrapper { + color: #e82110; + font-size: 12px; + min-height: 17px; + font-size: 11px; + min-height: 15px; + margin-bottom: -2px +} +.checkbox.small .text-input-error-wrapper span.error-message { + color: #e82110; + display: block; + font-size: 12px +} +.checkbox.small .text-input-error-wrapper br { + display: none +} +.checkbox.small .text-input-error-wrapper span.error-message { + font-size: 11px +} +.carousel .checkbox { + padding: 12px 0 +} +.c-column-header { + list-style-type: none; + border-bottom: 1px solid #d0d4d9 +} +.c-column-header__header { + display: inline-block; + margin-bottom: 0; + padding-top: 5px +} +.c-column-header__button { + cursor: pointer; + text-align: left; + font-size: 12px; + color: #737373; + background: none +} +.c-column-header__button:disabled { + opacity: 0.4; + cursor: auto +} +.tabbing .c-column-header__button:focus { + text-decoration: underline +} +.tabbing .c-column-header__button::-moz-focus-inner { + border: 0 +} +.maestro .c-column-header { + border-color: #E6E8EB +} +.maestro .c-column-header__header { + color: #637282; + font-size: 12px; + line-height: 24px +} +.tabbing .text-input textarea:focus, +.tabbing .text-input input:focus, +.tabbing .text-input select:focus { + box-shadow: 0 0 0 2px #A0D1FA +} +.tabbing .password-input-meter:focus { + box-shadow: 0 0 0 2px #A0D1FA +} +.tabbing input[type=checkbox]:focus, +.tabbing input[type=radio]:focus, +.tabbing select:focus { + box-shadow: 0 0 0 2px #A0D1FA +} +.text-input { + line-height: normal; + width: 250px +} +.text-input .text-input-wrapper { + position: relative +} +.text-input .text-input-wrapper input, +.text-input .text-input-wrapper textarea { + border: 1px solid #bdc4c9; + font-size: 16px; + padding: 5px 6px; + width: 100%; + margin: 2px 0 5px; + min-height: 34px; + line-height: normal; + box-sizing: border-box; + border-radius: 3px; + -webkit-appearance: none +} +.maestro .text-input .text-input-wrapper input, +.maestro .text-input .text-input-wrapper textarea { + line-height: 1 +} +.text-input .text-input-wrapper input:-webkit-autofill+label, +.text-input .text-input-wrapper textarea:-webkit-autofill+label { + display: none +} +.text-input .text-input-wrapper input:focus+label, +.text-input .text-input-wrapper textarea:focus+label { + color: #e5e5e5 +} +.text-input .text-input-wrapper input:disabled, +.text-input .text-input-wrapper input[readonly], +.text-input .text-input-wrapper textarea:disabled, +.text-input .text-input-wrapper textarea[readonly] { + background-color: #e8e8e8; + color: #7b8994; + cursor: default +} +.text-input .text-input-wrapper input.input-error, +.text-input .text-input-wrapper textarea.input-error { + border-color: #e3a8a7 +} +.text-input .text-input-wrapper input.password-input, +.text-input .text-input-wrapper textarea.password-input { + font-size: 20px; + display: block +} +.text-input .text-input-wrapper input.number-input, +.text-input .text-input-wrapper textarea.number-input { + -moz-appearance: textfield; + padding-right: 26px +} +.text-input .text-input-wrapper input.number-input::-webkit-inner-spin-button, +.text-input .text-input-wrapper input.number-input::-webkit-outer-spin-button, +.text-input .text-input-wrapper textarea.number-input::-webkit-inner-spin-button, +.text-input .text-input-wrapper textarea.number-input::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0 +} +.text-input .text-input-wrapper textarea { + resize: vertical; + min-width: 100%; + max-width: 100%; + height: 100% +} +.text-input .text-input-wrapper label { + color: #aaa; + cursor: text; + font-size: 16px; + text-align: left; + box-sizing: border-box; + position: absolute; + padding: 8px; + left: 0; + right: 0; + top: 0; + right: 0; + -webkit-transition: color 0.2s linear 0s; + transition: color 0.2s linear 0s; + pointer-events: none +} +.text-input .text-input-wrapper .bubble-dropdown-container { + position: absolute; + right: 0; + bottom: 0 +} +.text-input .text-input-wrapper .bubble-dropdown-container .bubble-dropdown { + width: 160px +} +.text-input .text-input-wrapper .bubble-dropdown-container .bubble-dropdown .password-bubble-title { + color: #2895F1 +} +.text-input .text-input-wrapper .number-input-btns { + height: 40px; + position: absolute; + bottom: 6px; + right: 1px; + border-left: 1px solid #bdc4c9; + background: #fff; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px +} +.text-input .text-input-wrapper .number-input-btns .number-input-btn { + height: 20px; + width: 24px; + box-sizing: border-box; + position: relative +} +.text-input .text-input-wrapper .number-input-btns .number-input-btn:before { + content: ""; + width: 0; + height: 0; + position: absolute; + top: 7px; + left: 8px; + border-left: 4px solid transparent; + border-right: 4px solid transparent +} +.text-input .text-input-wrapper .number-input-btns .number-input-btn--up { + border-bottom: 1px solid #bdc4c9 +} +.text-input .text-input-wrapper .number-input-btns .number-input-btn--up:before { + border-bottom: 4px solid #7b8994 +} +.text-input .text-input-wrapper .number-input-btns .number-input-btn--down:before { + border-top: 4px solid #7b8994 +} +.text-input .text-input-wrapper .tooltip-wrapper { + position: absolute; + z-index: 99; + -webkit-transform: translateX(3px); + transform: translateX(3px) +} +.text-input .text-input-error-wrapper { + color: #e82110; + font-size: 12px; + min-height: 17px +} +.text-input .text-input-error-wrapper span.error-message { + color: #e82110; + display: block; + font-size: 12px +} +.text-input .text-input-error-wrapper br { + display: none +} +.text-input .close-button { + position: absolute; + top: 7px; + opacity: 0 +} +.maestro .text-input { + line-height: 1.4 +} +.text-input-expandable .text-input-wrapper input { + padding-right: 30px +} +.text-input-expandable .text-input-wrapper .text-input-input::-ms-clear { + display: none +} +.text-input-inline { + display: inline-block; + margin-right: 12px; + vertical-align: bottom +} +.text-input.small input { + font-size: 14px; + padding: 3px 6px; + min-height: 30px; + margin: 0 +} +.text-input.small label { + font-size: 14px; + padding: 6px 8px +} +.text-input.small .text-input-error-wrapper { + color: #e82110; + font-size: 12px; + min-height: 17px; + font-size: 11px; + min-height: 15px +} +.text-input.small .text-input-error-wrapper span.error-message { + color: #e82110; + display: block; + font-size: 12px +} +.text-input.small .text-input-error-wrapper br { + display: none +} +.text-input.small .text-input-error-wrapper span.error-message { + font-size: 11px +} +.text-input.label-hidden.text-input-inline { + position: relative; + top: 17px +} +.text-input.label-hidden .text-input-wrapper { + padding-top: 0px +} +.text-input.label-hidden .text-input-wrapper label { + display: none +} +.text-input.label-above.text-input-inline { + position: relative; + top: 17px +} +.text-input.label-above .text-input-wrapper { + padding-top: 20px +} +.text-input.label-above .text-input-wrapper input:-webkit-autofill+label, +.text-input.label-above .text-input-wrapper textarea:-webkit-autofill+label { + display: block +} +.text-input.label-above .text-input-wrapper input:focus+label, +.text-input.label-above .text-input-wrapper textarea:focus+label { + color: #3d464d +} +.text-input.label-above .text-input-wrapper label { + color: #3d464d; + cursor: text; + font-size: 13px; + box-sizing: border-box; + position: absolute; + padding: 0; + left: 0; + top: 0; + pointer-events: auto +} +.textarea-input .text-input-wrapper { + height: 100% +} +.carousel .text-input .text-input-wrapper input { + height: 40px; + padding: 12px; + font-size: 14px +} +.carousel .text-input .text-input-wrapper label { + padding: 13px; + font-size: 14px; + top: 2px +} +@-moz-document url-prefix() { + .carousel .text-input .text-input-wrapper input { + padding: 0px 13px 4px 13px + } + .carousel .text-input .text-input-wrapper label { + left: 2px; + top: -2px + } +} +.password-caps-indicator { + position: absolute; + top: 0; + right: 7px; + background-image: url("/static/images/icons/icon_caps_lock-vflQIxpDA.png"); + background-size: 16px 16px; + width: 16px; + height: 100%; + background-repeat: no-repeat; + background-position: center; + visibility: hidden; + overflow: hidden; + white-space: nowrap; + text-indent: 100% +} +.bubble-dropdown-container ~ .password-caps-indicator { + right: 23px +} +@media (-webkit-min-device-pixel-ratio: 1.1), +(min-resolution: 192dpx), +(min-resolution: 1.1dppx) { + .password-caps-indicator { + background-image: url("/static/images/icons/icon_caps_lock@2x-vflz_EymR.png") + } +} +.password-caps-indicator.password-caps-indicator-activated { + visibility: inherit +} +.password-input-meter { + position: absolute; + bottom: 6px; + right: 1px; + padding: 2px 5px; + height: auto; + background-color: white +} +.password-input-meter .password-input-dot { + height: 3px; + width: 4px; + margin: 2px; + background-color: #e3f2ff +} +.password-input-meter .password-input-dot-selected { + background-color: #2895F1 +} +.password-input-meter.small { + bottom: 3px +} +body.business-theme .text-input input.text-input-input, +body.business-theme .text-input .text-input-wrapper textarea { + font-size: 13px; + border-color: #7b8994 +} +body.business-theme .text-input input.text-input-input:focus+label, +body.business-theme .text-input .text-input-wrapper textarea:focus+label { + color: inherit +} +body.business-theme .text-input .text-input-wrapper textarea { + padding: 12px +} +body.business-theme .text-input input.text-input-input { + padding: 0 12px; + height: 39px +} +body.business-theme .text-input label { + padding: 10px 12px +} +body.business-theme .text-input.small label { + padding: 6px 8px +} +body.business-theme .text-input.label-above label { + padding: 0 +} +.list-menu { + display: inline-block +} +.list-menu .list-item { + display: block; + cursor: pointer; + padding: 8px 10px +} +.list-menu-hover .list-item:hover { + background: #e3f2ff +} +.carousel .list-menu .list-item { + padding: 12px 14px; + font-size: 13px +} +.c-loader { + position: relative; + display: inline-block; + width: 6px; + height: 6px; + margin: 13px 0; + text-indent: -1000vw; + font-size: 0; + color: transparent; + border-radius: 100%; + background-color: rgba(61, 70, 77, 0.3) +} +.c-loader, +.c-loader:after, +.c-loader:before { + -webkit-animation: loaderFade 0.9s ease-in-out infinite; + animation: loaderFade 0.9s ease-in-out infinite +} +.c-loader:after, +.c-loader:before { + vertical-align: middle; + position: absolute; + content: ''; + width: 6px; + height: 6px; + margin-left: 4px; + left: 100%; + border-radius: 100%; + background-color: rgba(61, 70, 77, 0.3); + -webkit-animation-delay: .3s; + animation-delay: .3s +} +.c-loader:after { + left: 200%; + margin-left: 8px; + -webkit-animation-delay: .6s; + animation-delay: .6s +} +.c-loader.c-loader--spinner { + width: 16px; + height: 16px; + margin: 0; + border-radius: 0; + background-image: url("/static/images/icons/ajax-loading-small-vfl3Wt7C_.gif"); + background-size: 16px 16px; + background-color: transparent; + background-position: center center; + background-repeat: no-repeat +} +@media (-webkit-min-device-pixel-ratio: 1.1), +(min-resolution: 192dpx), +(min-resolution: 1.1dppx) { + .c-loader.c-loader--spinner { + background-image: url("/static/images/icons/ajax-loading-small@2x-vflAxdZTP.gif") + } +} +.c-loader.c-loader--spinner, +.c-loader.c-loader--spinner:after, +.c-loader.c-loader--spinner:before { + content: none; + -webkit-animation: none; + animation: none +} +.c-loader.c-loader--spinner--blue { + width: 24px; + height: 24px; + margin: 0; + border-radius: 0; + background-image: url("/static/images/icons/ajax-loading-small-blue-vflm7vRcz.gif"); + background-size: 24px 24px; + background-color: transparent; + background-position: center center; + background-repeat: no-repeat +} +@media (-webkit-min-device-pixel-ratio: 1.1), +(min-resolution: 192dpx), +(min-resolution: 1.1dppx) { + .c-loader.c-loader--spinner--blue { + background-image: url("/static/images/icons/ajax-loading-small-blue@2x-vfljkfH6D.gif") + } +} +.c-loader.c-loader--spinner--blue, +.c-loader.c-loader--spinner--blue:after, +.c-loader.c-loader--spinner--blue:before { + content: none; + -webkit-animation: none; + animation: none +} +@-webkit-keyframes loaderFade { + 50% { + background-color: #3d464d + } + 0%, + 100% { + background-color: rgba(61, 70, 77, 0.3) + } +} +@keyframes loaderFade { + 50% { + background-color: #3d464d + } + 0%, + 100% { + background-color: rgba(61, 70, 77, 0.3) + } +} +#locale-link { + max-width: 210px; + min-width: 50px +} +#locale-link img.s_web_globe_gray_20x20 { + margin: 0 4px -6px 0 +} +#locale-link img.s_web_arrow-up-gray { + margin: 0 0 2px 5px +} +#locale-link a { + color: #3d464d; + margin-right: 3px +} +#db-modal-locale-selector-modal .db-modal { + width: 550px +} +#db-modal-locale-selector-modal .db-modal-title { + height: auto +} +#db-modal-locale-selector-modal table { + margin-left: 32px +} +#db-modal-locale-selector-modal ul { + font-size: 15px; + list-style: none; + margin: 0; + padding: 0 50px 0 0; + line-height: 1.8em +} +.locale-selector--inline { + max-width: 990px; + margin: 0 auto; + clear: both +} +@media (max-width: 767px) { + .locale-selector--inline { + padding: 0 + } +} +.locale-selector--inline .locale-selector__table { + width: 100% +} +.locale-selector--inline .locale-selector__header { + border-bottom: 1px solid #e8e8e8; + padding: 0 +} +.locale-selector--inline .locale-selector__heading { + font-size: 14px; + font-weight: bold; + color: #7b8994; + padding: 10px 0; + text-align: left +} +.locale-selector--inline .locale-selector__col { + vertical-align: top +} +.locale-selector--inline .locale-selector__list { + margin: 0; + padding: 0 +} +.locale-selector--inline .locale-selector__item { + list-style: none; + padding: 8px 0; + font-size: 14px +} +.locale-selector--inline #locale-link.locale-link { + display: block; + float: none !important; + width: 100% !important; + padding-top: 20px +} +.locale-selector--inline #locale-link.locale-link .locale-link__sprite, +.locale-selector--inline #locale-link.locale-link .locale-link__link { + display: inline-block; + vertical-align: middle +} +.locale-selector--inline #locale-link.locale-link .locale-link__sprite { + margin-right: 4px; + margin-bottom: 0 +} +.locale-selector--inline #locale-link.locale-link .locale-link__link { + font-size: 14px; + color: #47525d; + margin-right: 3px +} +.locale-selector--inline #locale-link.locale-link .locale-link__link.active .locale-link__arrow { + -webkit-transform: rotate(180deg); + transform: rotate(180deg) +} +.locale-selector--inline #locale-link.locale-link .locale-link__arrow { + margin: 0 0 2px 5px +} +.hr-label { + position: relative; + margin-top: 20px; + margin-bottom: 5px; + text-align: center; + clear: both +} +.hr-label::before { + content: ''; + position: absolute; + top: 50%; + left: 0; + right: 0; + border-top: 1px solid rgba(0, 0, 0, 0.2) +} +.hr-label__text { + display: inline-block; + position: relative; + padding: 0 12px; + background-color: #FFF +} +.auth-google.button-primary { + position: relative; + padding: 8px 0; + margin-bottom: 5px; + width: 100%; + background-size: 16px 16px; + background-repeat: no-repeat; + background-position: left 10px center; + background-image: url("/static/images/index/google-logo-white-vfltwSoWq.svg"); + background-color: #4285f4; + border: 1px solid rgba(0, 0, 0, 0.2); + font-family: 'Dax', sans-serif; + font-weight: 500; + font-size: 14px +} +.auth-google.button-primary:before { + content: ''; + position: absolute; + top: 0; + bottom: 0; + left: 36px; + border-left: 1px solid rgba(0, 0, 0, 0.1); + border-color: #2265d4 +} +.auth-google.button-primary:hover { + border-color: rgba(0, 0, 0, 0.1); + background-color: #5496ff +} +.small .auth-google.button-primary { + margin-top: 5px; + margin-bottom: 0 +} +.login-form-container { + position: relative; + text-align: left; + width: 358px +} +.login-form-container .login-header { + font-size: 18px; + font-weight: normal +} +.login-form-container .login-header.maestro { + font-size: 20px +} +.login-form-container .login-subheader { + margin-top: 12px; + color: #4c545a; + line-height: 18px +} +.login-form-container .login-info { + margin-top: 12px +} +.login-form-container .login-button { + float: right +} +.login-form-container .login-button .sso-text { + display: none +} +.login-form-container .login-need-help, +.login-form-container .two-factor-need-help { + margin-top: 13px +} +.login-form-container .login-need-help a, +.login-form-container .two-factor-need-help a { + display: block; + margin-bottom: 4px +} +.login-form-container.login-form-hide-remember-me .login-need-help { + margin-top: 25px +} +.login-form-container .info-icon { + vertical-align: bottom +} +.login-form-container .text-input { + width: 100% +} +.login-form-container .email-suggestion { + display: none +} +.login-form-container .email-suggestion:not(:empty) { + display: block; + min-height: 18px; + color: #7b8994; + font-style: italic; + padding: 0 7px 4px 7px +} +.login-form-container .email-suggestion a { + font-style: normal +} +.login-form-container .last-four-digits { + font-weight: bold +} +.login-form-container .hide-sms .two-factor-uses-sms { + display: none +} +.login-form-container .hide-authenticator .two-factor-uses-authenticator { + display: none +} +.login-form-container .login-loading-indicator { + display: none; + float: right; + margin: 25px 5px 0 0 +} +.login-form-container .ajax-loading .login-loading-indicator { + display: inline +} +.login-form-container button.two-factor-seckey-retry { + margin-top: 16px +} +.login-form-container .seckey-loading-status { + vertical-align: middle +} +.login-form-container .sso-description { + display: none; + text-align: center; + margin-top: 20px; + margin-bottom: 10px; + color: #888; + font-size: 14px +} +.login-form-container .sso-description .sprite-div { + display: inline-block +} +.login-form-container .sso-optout { + display: none; + text-align: center; + margin-top: 20px; + color: #888 +} +.login-form-container .sso-required .login-password, +.login-form-container .sso-required .remember-me, +.login-form-container .sso-required .login-need-help { + display: none +} +.login-form-container .sso-required .login-button { + width: 100%; + position: relative +} +.login-form-container .sso-required .login-button .sign-in-text { + display: none +} +.login-form-container .sso-required .login-button .sso-text { + display: block +} +.login-form-container .sso-required .sso-description { + display: block +} +.login-form-container .sso-optional .sso-optout { + display: block +} +.login-form-container.login-form--inline { + width: 100% +} +.login-form-container.login-form--inline .text-input, +.login-form-container.login-form--inline .login-button, +.login-form-container.login-form--inline .loading-indicator, +.login-form-container.login-form--inline .login-need-help { + display: inline-block; + float: none; + margin-right: 15px +} +.login-form-container.login-form--inline .text-input { + width: 170px +} +.login-form-container.login-form--inline .login-button { + width: auto +} +.login-form-container.login-form--inline .text-input-error-wrapper { + position: absolute +} +.login-form-container.login-form--inline.login-form--right { + text-align: right +} +.login-form-container .web-destiny-container-class { + visibility: hidden; + text-align: center +} +.login-form-container .continue-as-button-class { + overflow: hidden; + width: 100% +} +.login-form-container .continue-as-user-name { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} +.login-form-container .login-via-email-link-container { + text-align: right +} +.login-form-container__google-div { + text-align: left +} +.login-form-container--centered { + margin: 0 auto; + max-width: 350px +} +.login-form-container .c-card--error { + margin-top: 10px +} +.media-mobile .login-form-container, +.login-form-container.small { + width: 100% +} +.media-mobile .login-form-container .remember-me, +.media-mobile .login-form-container .agree, +.login-form-container.small .remember-me, +.login-form-container.small .agree { + display: block; + margin: 0; + padding: 0 +} +.media-mobile .login-form-container .login-button, +.login-form-container.small .login-button { + position: relative; + width: 100% +} +.media-mobile .login-form-container .two-factor-form .login-header, +.login-form-container.small .two-factor-form .login-header { + display: none +} +.media-mobile .login-form-container .sso-required .remember-me, +.login-form-container.small .sso-required .remember-me { + display: none +} +.media-mobile .login-form-container .login-loading-indicator, +.login-form-container.small .login-loading-indicator { + margin-top: -70px +} +.login-form-container.small .login-header { + font-size: 14px +} +.two-factor-trusted-info { + min-width: 100px; + max-width: 200px; + width: auto +} +.login-form-container.register.small.index { + width: 225px; + position: relative; + margin: 0 auto +} +.login-form-container.register.small.index .first { + margin-top: -15px +} +.login-form-container.register.small.index .login-button { + margin: 15px auto auto auto; + height: 45px; + font-size: 14px; + font-weight: normal +} +.login-form-container.register.small.index .auth-google.button-primary { + margin-top: 7px; + margin-bottom: 0; + line-height: 24px; + padding: 0 +} +.login-form-container.register.small.index .auth-google.button-primary .logo { + margin-top: 4px +} +.login-form-container.register.small.index { + height: 45px; + overflow: hidden +} +.login-form-container.register.small.index .register-form { + position: absolute; + left: 0; + bottom: 0 +} +.login-form-container.register.small.index.third_party_auth { + height: 86px +} +.login-form-container.register.small.index.form_shown { + overflow: visible; + height: auto !important +} +.login-form-container.register.small.index.form_shown .register-form { + position: relative +} +.login-form-container.register.small.index.form_shown .auth-google { + display: inline-block +} +.credentials-form-container--index, +.credentials-form-container--index-error { + margin: 8px auto 0 +} +.credentials-form-container--index .text-input .text-input-input, +.credentials-form-container--index-error .text-input .text-input-input { + font-size: 14px; + margin: 0 0 4px 0; + height: 37px; + border-radius: 5px; + padding: 5px 10px; + border-color: #d0d4d9 +} +.credentials-form-container--index .text-input label, +.credentials-form-container--index-error .text-input label { + color: #47525d; + font-size: 14px; + padding: 9px 11px +} +.credentials-form-container--index .text-input-error-wrapper, +.credentials-form-container--index-error .text-input-error-wrapper { + display: none +} +.credentials-form-container--index .login-form-container .two-factor-trusted-info, +.credentials-form-container--index-error .login-form-container .two-factor-trusted-info { + width: auto +} +.credentials-form-container--index .login-form-container .agree input, +.credentials-form-container--index-error .login-form-container .agree input { + margin-top: 1px +} +.credentials-form-container--index .login-register-container .login-register-header, +.credentials-form-container--index-error .login-register-container .login-register-header { + float: none; + text-align: center +} +.credentials-form-container--index .register-form__name-fields .text-input, +.credentials-form-container--index-error .register-form__name-fields .text-input { + float: left; + width: calc(50% - 2px) +} +.credentials-form-container--index .register-form__name-fields .text-input:first-of-type, +.credentials-form-container--index-error .register-form__name-fields .text-input:first-of-type { + margin-right: 4px +} +.credentials-form-container--index .input-email, +.credentials-form-container--index-error .input-email { + clear: both; + margin-bottom: 8px +} +.credentials-form-container--index .agree label, +.credentials-form-container--index-error .agree label { + color: #3d464d; + font-size: 14px +} +.credentials-form-container--index .checkbox, +.credentials-form-container--index-error .checkbox { + padding: 10px 0 13px +} +.credentials-form-container--index .input-error, +.credentials-form-container--index-error .input-error { + border-color: #e82110 !important +} +.credentials-form-container--index .input-error+label, +.credentials-form-container--index-error .input-error+label { + color: #e82110 +} +.credentials-form-container--index .login-button.button-primary, +.credentials-form-container--index-error .login-button.button-primary { + font-size: 16px; + background: #2895F1; + margin-top: 0; + border: 1px solid #007ee5; + line-height: 24px; + width: 100%; + float: none; + background: -webkit-linear-gradient(#2895F1, #007ee5); + background: linear-gradient(#2895F1, #007ee5) +} +.credentials-form-container--index .login-button.button-primary:hover, +.credentials-form-container--index-error .login-button.button-primary:hover { + opacity: 0.8 +} +.credentials-form-container--index-error#invite-register-container { + width: 334px +} +.credentials-form-container--index-error .text-input-error-wrapper { + height: 17px; + display: block +} +.credentials-form-container--index-error .register-form__name-fields .text-input { + width: calc(50% - 8px) +} +.credentials-form-container--index-error .register-form__name-fields .text-input:first-of-type { + margin-right: 16px +} +.register-form--error-list .register-form__errors:before, +.register-form--error-alert .text-input--error:before, +.register-form--error-alert .checkbox-inline--error:before, +.register-form__multistep .text-input--error:before { + content: ""; + width: 16px; + height: 16px; + position: absolute; + background-image: url(/static/images/scooter/icon-form-invalid-vflj3ALzP.svg); + background-repeat: no-repeat; + background-position: left top +} +.register-form .hidden-inputs { + display: none +} +.register-form--error-list .input-error { + border-color: #e82110; + color: #e82110 +} +.register-form--error-list .register-form__errors { + margin: 13px 0 0 0; + padding: 0 0 0 22px; + position: relative +} +.register-form--error-list .register-form__errors:before { + left: 0; + top: 0 +} +.register-form--error-list .register-form__error { + padding: 0; + margin: 0; + font-size: 13px; + line-height: 1.4; + color: #e82110; + list-style: none +} +.register-form--error-alert .text-input--error, +.register-form--error-alert .checkbox-inline--error { + position: relative +} +.register-form--error-alert .text-input--error:before, +.register-form--error-alert .checkbox-inline--error:before { + left: -24px; + top: 10px +} +.register-form--error-alert .checkbox-inline--error:before { + top: 15px +} +.register-form--error-alert .register-form__errors:before { + display: none +} +.register-form .allow-visual-validate__false .text-input .text-input-wrapper label, +.register-form .allow-visual-validate__false .text-input .text-input-wrapper input, +.register-form .allow-visual-validate__false .text-input .text-input-wrapper label span, +.register-form .allow-visual-validate__false .agree label, +.register-form .allow-visual-validate__false .agree input, +.register-form .allow-visual-validate__false .agree label span { + color: #3d464d !important +} +.register-form .allow-visual-validate__false .text-input .text-input-wrapper .text-input-input, +.register-form .allow-visual-validate__false .agree .text-input-input { + border: 1px solid #d0d4d9 !important +} +.register-form .allow-visual-validate__false+.register-form__errors, +.register-form .allow-visual-validate__false .text-input--error:before { + display: none !important +} +.register-form__multistep { + width: 320px; + text-align: left; + overflow: hidden +} +.register-form__multistep .continue-registration-button.button-primary { + font-size: 14px; + font-weight: 700; + margin: 0; + width: 100%; + padding: 7px 16px +} +.register-form__multistep .input-email, +.register-form__multistep .input-password { + width: 100%; + margin-bottom: 12px +} +.register-form__multistep .input-fullname { + width: 100% +} +.register-form__multistep .hr-label__text { + padding: 3px 12px +} +.register-form__multistep .register-form__name-fields { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 8px +} +.register-form__multistep .register-form__name-fields .input-fname, +.register-form__multistep .register-form__name-fields .input-lname { + float: none +} +.register-form__multistep .input-password { + margin-bottom: 0 +} +.register-form__multistep .checkbox { + padding: 10px 0 12px !important; + min-height: 37px; + margin: 0; + font-size: 11px +} +.register-form__multistep .register-form__errors { + padding-left: 5px +} +.register-form__multistep .text-input--error { + position: relative +} +.register-form__multistep .text-input--error:before { + position: absolute; + left: calc(100% - 24px); + top: 10px; + z-index: 99999 +} +.register-form__multistep .checkbox-inline--error::before { + display: none +} +.register-form__multistep--frame { + width: 640px; + margin-left: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-transform-origin: left top; + transform-origin: left top; + -webkit-transition: all ease-in 0.4s; + transition: all ease-in 0.4s +} +.register-form__multistep--frame--moved { + -webkit-transform: translateX(-50%); + transform: translateX(-50%) +} +.register-form__multistep .step-1, +.register-form__multistep .step-2 { + padding: 5px; + box-sizing: border-box; + width: 320px; + min-width: 0 +} +.register-form__multistep .step-2 . { + border: none; + padding-top: 6px; + padding-left: 0; + color: #2895F1; + font-weight: 400 +} +.register.exp-growth_web_google_register__GOOGLE2, +.register. { + width: 370px +} +.register.exp-growth_web_google_register__GOOGLE2 .register-form__credential-fields, +.register. .register-form__credential-fields { + margin-top: 10px; + z-index: 1; + position: relative +} +.register.exp-growth_web_google_register__GOOGLE2 .register-form__credential-fields:after, +.register. .register-form__credential-fields:after { + content: ""; + display: table; + clear: both +} +.register.exp-growth_web_google_register__GOOGLE2 .register-form__credential-fields .input-email, +.register.exp-growth_web_google_register__GOOGLE2 .register-form__credential-fields .input-password, +.register. .register-form__credential-fields .input-email, +.register. .register-form__credential-fields .input-password { + float: left; + width: calc(50% - 4px); + z-index: 1 +} +.register.exp-growth_web_google_register__GOOGLE2 .register-form__credential-fields .input-email, +.register. .register-form__credential-fields .input-email { + margin-right: 8px; + clear: right +} +.register.exp-growth_web_google_register__GOOGLE2 .register-form__credential-fields .input-email.text-input--error, +.register. .register-form__credential-fields .input-email.text-input--error { + z-index: 2 +} +.register.exp-growth_web_google_register__GOOGLE2 .register-form__credential-fields .checkbox, +.register. .register-form__credential-fields .checkbox { + padding: 6px 0 +} +.register.exp-growth_web_google_register__GOOGLE2 .register-form__credential-fields .hr-label, +.register. .register-form__credential-fields .hr-label { + margin-bottom: 1px +} +.register.exp-growth_web_google_register__GOOGLE2 .register-form__credential-fields .hr-label__text, +.register. .register-form__credential-fields .hr-label__text { + font-size: 11px +} +.townsuite-2017 .form-container .register-form .exp-growth_web_google_register { + background-size: 16px 16px; + box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px 0 +} +.townsuite-2017 .form-container .register-form .exp-growth_web_google_register__MULTISTEP { + font-size: 14px +} +.townsuite-2017 .form-container .register-form .exp-growth_web_google_register__GOOGLE2, +.townsuite-2017 .form-container .register-form .exp-growth_web_google_register__MULTISTEP { + background-image: url("/static/images/index/google-logo-color-vflpJqkMT.svg"); + background-color: #fff; + border: 1px solid #d0d4d9; + color: #3d464d; + font-weight: 500 +} +.townsuite-2017 .form-container .register-form .exp-growth_web_google_register__GOOGLE2:hover, +.townsuite-2017 .form-container .register-form .exp-growth_web_google_register__MULTISTEP:hover { + background-image: url("/static/images/index/google-logo-color-vflpJqkMT.svg"); + border-color: #9fa2a6 +} +.townsuite-2017 .form-container .register-form .exp-growth_web_google_register__GOOGLE2:before, +.townsuite-2017 .form-container .register-form .exp-growth_web_google_register__MULTISTEP:before { + display: none +} +.login-register-container { + width: 350px +} +.login-register-container .login-form-container { + width: 100% +} +.login-register-container .login-register-header { + float: left; + font-size: 18px; + font-weight: normal +} +.login-register-container .login-register-header.maestro { + font-size: 20px +} +.login-register-container .login-register-switch { + float: right; + margin-top: 5px; + line-height: normal +} +.login-register-container .login-register-register-part { + display: none +} +.login-register-container.default-register .login-register-login-part { + display: none +} +.login-register-container.default-register .login-register-register-part { + display: block +} +.login-register-container.small, +.login-register-container--link-bottom { + width: 100% +} +.login-register-container.small .login-register-header, +.login-register-container--link-bottom .login-register-header { + font-size: 14px +} +.login-register-container.small .login-register-switch, +.login-register-container--link-bottom .login-register-switch { + float: none; + text-align: center +} +.credentials-form-container--index .login-register-container, +.credentials-form-container--index-error .login-register-container { + width: auto +} +.media-mobile .phone-country { + width: 250px +} +.phone-country { + margin-right: 12px +} +.phone-number-error { + color: #e82110; + font-size: 12px; + min-height: 17px; + width: 400px; + text-align: left +} +.phone-number-error span.error-message { + color: #e82110; + display: block; + font-size: 12px +} +.phone-number-error br { + display: none +} +.phone-number-input-inline { + display: inline-block +} +.carousel .phone-country { + width: 180px +} +.tabbing .select-input-button:focus .select-input-input { + box-shadow: 0 0 0 2px #A0D1FA +} +.tabbing .select-input-button:focus.select-input-dropdown-shown .select-input-input { + box-shadow: none +} +.select-input { + display: inline-block; + width: 140px; + font-size: 13px; + position: relative; + vertical-align: bottom; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} +.select-input .select-input-button { + width: 100%; + padding: 0; + background: none; + text-align: left +} +.select-input .hidden-select-wrapper { + position: absolute; + left: -10000px; + top: auto; + height: 1px; + width: 1px; + overflow: hidden +} +.select-input .hidden-option-container { + position: relative +} +.select-input .hidden-option { + display: none +} +.select-input.select-input-dropdown-shown .select-input-input { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0 +} +.select-input.select-input-dropdown-shown .select-input-dropdown { + display: block +} +.select-input .select-input-error-wrapper { + color: #e82110; + font-size: 12px; + min-height: 17px +} +.select-input .select-input-error-wrapper span.error-message { + color: #e82110; + display: block; + font-size: 12px +} +.select-input .select-input-error-wrapper br { + display: none +} +.select-input .select-input-input { + margin: 2px 0 5px; + min-height: 34px; + line-height: normal; + box-sizing: border-box; + border-radius: 3px; + -webkit-appearance: none; + box-sizing: content-box; + min-height: 0; + background: #fff; + border: 1px solid #bdc4c9; + cursor: pointer; + position: relative; + padding: 7px 29px 3px 8px +} +.maestro .select-input .select-input-input { + line-height: 1 +} +.select-input .select-input-input .select-option { + display: inline-block; + width: 100% +} +.select-input .select-input-input .select-input-dropdown-arrow { + position: absolute; + right: 11px; + top: 50%; + margin-top: -2px +} +.select-input .select-input-input .select-input-dropdown-arrow img { + vertical-align: top +} +.select-input .select-input-dropdown { + background: #fff; + display: none; + width: 100%; + border: 1px solid #bdc4c9; + position: absolute; + top: -6px; + left: 0; + right: 0; + max-height: 300px; + overflow-y: auto; + z-index: 1; + box-sizing: border-box +} +.select-input .select-option { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + text-align: left +} +.select-input .select-option.focused-option { + background: #e3f2ff +} +.select-input .select-option.select-option-disabled { + cursor: default; + color: #aaa +} +.select-input .select-option.select-option-disabled:hover { + background: #fff +} +.maestro .select-input { + font-size: 14px +} +.maestro .select-input .select-input-input { + box-sizing: border-box; + line-height: 32px +} +.maestro .select-input .select-input-dropdown { + width: 200px +} +.select-input.small .select-input-input { + font-size: 14px; + padding: 3px 6px; + height: 30px; + min-height: 30px; + margin: 0; + box-sizing: border-box +} +.select-input.small .select-input-input .select-input-dropdown-arrow { + right: 8px +} +.select-input.small .select-input-dropdown { + top: -2px +} +.select-input.small .select-option { + vertical-align: middle +} +.select-input.small label { + font-size: 14px; + padding: 6px 8px +} +.select-input.small .select-input-error-wrapper { + color: #e82110; + font-size: 12px; + min-height: 17px; + font-size: 11px; + min-height: 15px +} +.select-input.small .select-input-error-wrapper span.error-message { + color: #e82110; + display: block; + font-size: 12px +} +.select-input.small .select-input-error-wrapper br { + display: none +} +.select-input.small .select-input-error-wrapper span.error-message { + font-size: 11px +} +.select-input-disabled { + color: #aaa +} +.select-input-disabled .select-input-input { + cursor: default +} +.carousel .select-input .select-input-input { + font-size: 15px; + padding: 11px 29px 5px 13px +} +body.business-theme .select-container label { + top: -4px; + left: 1px; + position: absolute; + color: inherit; + font-size: 13px; + display: block !important +} +body.business-theme .select-input .select-input-input { + margin-top: 3px; + padding: 12px 12px 9px 12px; + font-size: 13px; + border-color: #7b8994 +} +body.business-theme .select-input .select-input-input:focus+label { + color: inherit +} +body.business-theme .select-input .select-input-input { + line-height: 1 +} +body.business-theme .select-input .select-input-dropdown { + border-color: #7b8994 +} +.c-slider__window { + display: inline-block; + overflow: hidden +} +.c-slider__slides { + white-space: nowrap +} +.c-slider__slide { + display: inline-block; + -webkit-transition: -webkit-transform ease 0.5s; + transition: -webkit-transform ease 0.5s; + transition: transform ease 0.5s; + transition: transform ease 0.5s, -webkit-transform ease 0.5s +} +.c-slider__indicator-group { + margin: 0; + padding: 0; + text-align: center +} +.c-slider__indicator { + display: inline-block; + width: 8px; + height: 8px; + margin-bottom: 28px; + background: #d0d4d9; + border-radius: 4px; + cursor: pointer; + list-style: none; + -webkit-transition: background ease 0.5s; + transition: background ease 0.5s +} +.c-slider__indicator+.c-slider__indicator { + margin-left: 10px +} +.c-slider__indicator.is-active { + background: #007ee5; + cursor: auto +} +.c-slider__nav-button-group { + text-align: center +} +.c-slider__nav-button-group .button-primary, +.c-slider__nav-button-group .button-secondary, +.c-slider__nav-button-group . { + display: inline-block; + margin: 0; + padding-left: 36px; + padding-right: 36px +} +.sprite-div { + vertical-align: top +} +.sprite-div .sprite-frame { + display: table-cell; + vertical-align: middle +} +.sprite-div .sprite-frame img { + display: block; + margin: auto +} +.sprite-div .sprite-frame.small { + width: 19px +} +.sprite-div .sprite-frame.small.icon-left { + padding-right: 6px +} +.sprite-div .sprite-frame.small.icon-right { + padding-left: 6px +} +.sprite-div .sprite-frame.medium { + width: 32px +} +.sprite-div .sprite-frame.medium.icon-left { + padding-right: 12px +} +.sprite-div .sprite-frame.medium.icon-right { + padding-left: 12px +} +.sprite-div .sprite-frame.large { + width: 44px +} +.sprite-div .sprite-frame.large.icon-left { + padding-right: 16px +} +.sprite-div .sprite-frame.large.icon-right { + padding-left: 16px +} +.sprite-div .sprite-text { + display: table-cell; + vertical-align: middle +} +.c-tabs .c-tabs__bar { + margin: 0; + padding: 0; + list-style-type: none +} +.c-tabs .c-tabs__bar--has-spacers .c-tabs__tab { + border-right: 1px solid; + border-left: 1px solid; + border-top-right-radius: 5px; + border-top-left-radius: 5px +} +.c-tabs .c-tabs__bar--has-spacers .c-tabs__bar-spacer { + display: table-cell +} +.c-tabs .c-tabs__tab { + position: relative; + display: inline-block; + vertical-align: top; + z-index: 2; + text-align: center; + border: 1px solid #A0D1FA; + border-bottom-color: #bdc4c9; + border-right: none +} +.c-tabs .c-tabs__tab:first-child { + margin-left: 0; + border-top-left-radius: 5px +} +.c-tabs .c-tabs__tab--rightmost { + border-right: 1px solid #A0D1FA; + border-top-right-radius: 5px +} +.c-tabs .c-tabs__tab--selected { + border: 1px solid #bdc4c9; + border-bottom-color: #fff +} +.c-tabs .c-tabs__tab--selected+.c-tabs__tab { + border-left: none +} +.c-tabs .c-tabs__tab--selected .c-tabs__label { + color: #3d464d +} +.c-tabs .c-tabs__label { + padding: 11px 22px; + display: table-cell; + vertical-align: top; + color: #2895F1 +} +.c-tabs .c-tabs__label:focus { + text-decoration: none +} +.c-tabs .c-tabs__content { + display: none; + margin-top: -1px; + padding-top: 30px; + border-top: 1px solid #bdc4c9 +} +.c-tabs .c-tabs__content--selected { + display: block +} +.c-tabs--center { + display: table; + margin: 0 auto +} +.c-tabs--center>.c-tabs__bar { + display: table; + margin: 0 auto +} +.c-tabs--center>.c-tabs__bar .c-tabs__tab { + display: table-cell +} +.c-tabs--minimal .c-tabs__tab { + vertical-align: middle; + border: none; + border-bottom-color: 1px solid #bdc4c9 +} +.c-tabs--minimal .c-tabs__tab--rightmost { + border-right: none +} +.c-tabs--minimal .c-tabs__tab--selected { + border: none; + border-bottom-color: 1px solid #bdc4c9 +} +.c-tabs--minimal .c-tabs__tab--selected:after { + content: ''; + position: absolute; + border-style: solid; + border-width: 15px 15px 0; + border-color: #fff transparent; + bottom: -13px; + left: 50%; + margin-left: -15px +} +.c-tabs--minimal .c-tabs__tab--selected:before { + content: ''; + position: absolute; + bottom: -15px; + left: 50%; + margin-left: -15px; + border-style: solid; + border-width: 15px 15px 0; + border-color: #bdc4c9 transparent +} +.c-tabs--minimal .c-tabs__label { + padding-top: 0; + padding-bottom: 30px +} +.c-tabs--underline .c-tabs__bar { + margin: 0; + padding-left: 0; + list-style: none; + -webkit-font-smoothing: antialiased; + border-bottom: 1px solid rgba(61, 70, 77, 0.1) +} +.c-tabs--underline .c-tabs__tab { + display: inline-block; + margin-bottom: -1px; + border-bottom: 1px solid transparent; + color: #7b8994; + -webkit-transition: .2s; + transition: .2s; + white-space: nowrap +} +.c-tabs--underline .c-tabs__tab:hover { + border-bottom-color: rgba(61, 70, 77, 0.3); + color: #3d464d +} +.c-tabs--underline .c-tabs__tab+.c-tabs__tab { + margin-left: 16px +} +.c-tabs--underline .c-tabs__tab--fr { + float: right +} +.c-tabs--underline .c-tabs__tab--selected { + font-weight: 600; + color: #3d464d; + border-bottom-color: currentColor +} +.c-tabs--underline .c-tabs__tab .c-tabs__label { + display: inline-block; + padding-bottom: 8px; + color: inherit +} +.c-tabs--underline .c-tabs__tab .c-tabs__label:hover, +.c-tabs--underline .c-tabs__tab .c-tabs__label:focus { + text-decoration: none +} +.c-tabs--underline .c-tabs__content { + display: none +} +.c-tabs--underline .c-tabs__content--selected { + display: block +} +.c-tabs--overline .c-tabs__bar { + margin: 0; + padding-left: 0; + list-style: none; + -webkit-font-smoothing: antialiased; + border-top: 1px solid rgba(61, 70, 77, 0.1) +} +.c-tabs--overline .c-tabs__tab { + display: inline-block; + margin-top: -1px; + border-top: 1px solid transparent; + color: #7b8994; + -webkit-transition: .2s; + transition: .2s; + white-space: nowrap +} +.c-tabs--overline .c-tabs__tab:hover { + border-top-color: rgba(61, 70, 77, 0.3); + color: #3d464d +} +.c-tabs--overline .c-tabs__tab+.c-tabs__tab { + margin-left: 16px +} +.c-tabs--overline .c-tabs__tab--fr { + float: right +} +.c-tabs--overline .c-tabs__tab--selected { + font-weight: 600; + color: #3d464d; + border-top-color: currentColor +} +.c-tabs--overline .c-tabs__tab .c-tabs__label { + display: inline-block; + padding-top: 8px; + color: inherit +} +.c-tabs--overline .c-tabs__tab .c-tabs__label:hover, +.c-tabs--overline .c-tabs__tab .c-tabs__label:focus { + text-decoration: none +} +.c-tabs--overline .c-tabs__content { + display: none +} +.c-tabs--overline .c-tabs__content--selected { + display: block +} +.maestro .c-tabs__bar { + font-size: 12px; + line-height: 24px +} +.tabbing .c-tabs .c-tabs__label:focus { + font-weight: 600 +} +.tabbing .c-tabs--underline .c-tabs__label:focus { + font-weight: 700 +} +.tooltip-wrapper { + display: inline-block; + position: relative +} +.tooltip-wrapper .tooltip-prompt { + position: relative +} +.tooltip-wrapper .tooltip-prompt .sprite { + cursor: pointer +} +.tooltip-wrapper .tooltip-prompt .sprite:focus { + box-shadow: 0 0 0 2px #A0D1FA; + border-radius: 3px +} +.tooltip-bubble { + display: none; + font-size: 13px; + line-height: normal; + position: absolute; + background: #fff; + background-clip: padding-box; + border: 1px solid rgba(61, 70, 77, 0.1); + cursor: default; + padding: 9px 15px; + z-index: 9999; + border-radius: 3px; + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) +} +.tooltip-bubble .tooltip-inner { + position: relative +} +.tooltip-target { + display: table +} diff --git a/assets/css/dax-regular-webfont.eot b/assets/css/dax-regular-webfont.eot new file mode 100644 index 0000000..d4b37f4 Binary files /dev/null and b/assets/css/dax-regular-webfont.eot differ diff --git a/assets/css/dax-regular-webfont.otf b/assets/css/dax-regular-webfont.otf new file mode 100644 index 0000000..875e5e0 Binary files /dev/null and b/assets/css/dax-regular-webfont.otf differ diff --git a/assets/css/dax-regular-webfont.svg b/assets/css/dax-regular-webfont.svg new file mode 100644 index 0000000..47e2799 --- /dev/null +++ b/assets/css/dax-regular-webfont.svg @@ -0,0 +1,1548 @@ + + + + +Created by FontForge 20161003 at Fri Dec 2 19:40:08 2016 + By www-data +Copyright Hans Reichel, 1996. Published by FontShop International FontFont release 17 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/css/dax-regular-webfont.ttf b/assets/css/dax-regular-webfont.ttf new file mode 100644 index 0000000..8a1e2fc Binary files /dev/null and b/assets/css/dax-regular-webfont.ttf differ diff --git a/assets/css/dax-regular-webfont.woff b/assets/css/dax-regular-webfont.woff new file mode 100644 index 0000000..f9cf15d Binary files /dev/null and b/assets/css/dax-regular-webfont.woff differ diff --git a/assets/css/dax-regular-webfont.woff2 b/assets/css/dax-regular-webfont.woff2 new file mode 100644 index 0000000..9daeb84 Binary files /dev/null and b/assets/css/dax-regular-webfont.woff2 differ diff --git a/assets/css/demo.css b/assets/css/demo.css new file mode 100644 index 0000000..3c4d350 --- /dev/null +++ b/assets/css/demo.css @@ -0,0 +1,205 @@ + + +*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } + +body { + background: #f9f9f9; + color: #6c6e6f; + font-weight: 300; + font-family: 'Lato', Calibri, Arial, sans-serif; + overflow-y: scroll; + overflow-x: hidden; + font-size: 100%; +} + +a { + text-decoration: none; + color: #59666d; + outline: none; +} + +a:hover, a:focus { + color: #6c6e6f; + outline: none; +} + +.demo-drawings body { + background: #F17370; + color: #404040 !important; +} + +.demo-drawings a { + text-decoration: none; + color: rgba(0,0,0,0.7); + outline: none; +} + +.demo-drawings a:hover, a:focus { + color: #404040 !important; + outline: none; +} + +/* Clearfix hack by Nicolas Gallagher: https://nicolasgallagher.com/micro-clearfix-hack/ */ +.clearfix:before, +.clearfix:after { + display: table; + content: " "; +} + +.clearfix:after { + clear: both; +} + +.codrops-header, +.codrops-top { + font-family: 'Lato', Arial, sans-serif; +} + +.codrops-header { + position: relative; + margin: 0 auto; + padding: 40px 5px; + text-align: center; +} + +.demo-drawings .codrops-header { + margin: 0 auto 3em; +} + +.demo-drawings .codrops-header { + background: #F26663; +} + +.codrops-header h1 { + margin: 0; + font-weight: 300; + font-size: 2.625em; + line-height: 1.3; +} + +.codrops-header span { + display: block; + padding: 0 0 0.6em 0.1em; + font-size: 60%; + color: rgba(0,0,0,0.5); +} + +/* To Navigation Style */ +.codrops-top { + width: 100%; + text-transform: uppercase; + font-size: 0.69em; + line-height: 2.2; + font-weight: 700; +} + +.codrops-top a { + display: inline-block; + padding: 0 1em; + text-decoration: none; + letter-spacing: 0.1em; +} + +.codrops-top span.right { + float: right; +} + +.codrops-top span.right a { + display: block; + float: left; +} + +.codrops-icon:before { + margin: 0 4px; + text-transform: none; + font-weight: normal; + font-style: normal; + font-variant: normal; + font-family: 'codropsicons'; + line-height: 1; + speak: none; + -webkit-font-smoothing: antialiased; +} + +.codrops-icon-drop:before { + content: "\e001"; +} + +.codrops-icon-prev:before { + content: "\e004"; +} + +.related { + text-align: center; + font-size: 1.5em; + clear: both; + position: relative; +} + +.demo-drawings .related { + padding: 7em 0; +} + +.related a { + font-weight: 700; + font-size: 0.9em; +} + +/* Demo buttons */ +.codrops-demos { + margin: 10px 0; +} + +.codrops-demos a { + border-radius: 5px; + padding: 10px 15px; + display: inline-block; + font-weight: 400; + font-size: 90%; + margin: 0 4px; + background: #237dac; + color: #404040 !important; +} + +.demo-drawings .codrops-demos a { + border: 2px solid #404040 !important; + color: #404040 !important; + background: transparent; +} + +.demo-drawings .codrops-demos a:hover, +.demo-drawings .codrops-demos a.current-demo { + opacity: 0.6; + background: transparent; +} + +.codrops-demos a:hover, +.codrops-demos a.current-demo { + background: #5ca9d6; +} + + +@media screen and (max-width: 46.0625em) { + + .codrops-header { + margin-bottom: 0; + padding-bottom: 1em; + } + +} + +@media screen and (max-width: 25em) { + + .demo-drawings .codrops-header { + font-size: 80%; + } + + .codrops-top { + font-size: 120%; + } + + .codrops-icon span { + display: none; + } + +} diff --git a/assets/css/edge.css b/assets/css/edge.css new file mode 100644 index 0000000..a0a5239 --- /dev/null +++ b/assets/css/edge.css @@ -0,0 +1,19 @@ +th.title, td { +text-align: left; +} +section.hero.small-padding { + background-color: #7777; + background-image: linear-gradient(rgba(255,255,255,0.65), rgba(255,255,255,0.65)), url("/assets/img/edge/nl.jpg"); + background-size: cover; + background-repeat: no-repeat; +} +@media (max-width: 1020px) { +.townsuite-2017.townsuite-2017--responsive .hero__copy .button-secondary { + background: #fff; +}} +h3.medium-title { +color: #57595b !important; +} +h2.medium-title { +color: #00578e !important; +} diff --git a/assets/css/expanding_section.css b/assets/css/expanding_section.css new file mode 100644 index 0000000..e269069 --- /dev/null +++ b/assets/css/expanding_section.css @@ -0,0 +1,250 @@ +body, +input, +textarea, +select, +button, +.normal { + font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif; + font-size: 13px; + color: #3d464d; + font-weight: normal +} +.maestro body, +.maestro input, +.maestro textarea, +.maestro select, +.maestro button, +.maestro .normal { + font-family: AtlasGrotesk, sans-serif +} +body { + background-color: #fff; + min-height: 100%; + margin: 0; + padding: 0 +} +a, +a * { + cursor: pointer; + outline: none +} +a { + color: #2895F1; + text-decoration: none +} +a:focus { + text-decoration: underline +} +a img { + border: 0 +} +p, +h1, +h2, +h3, +h4, +h5 { + margin: 0 0 1em 0; + line-height: 1.6em +} +h1 { + font-size: 18pt; + font-weight: normal; + margin: 10px 0 +} +h2 { + padding-top: 3px; + padding-bottom: 10px; + margin-bottom: 4px; + font-size: 10pt +} +h3 { + padding: 0; + margin: 0; + font-size: 10pt +} +h4 { + margin: 0 0 0.5em 0; + font-weight: bold; + font-size: 14px +} +h5 { + margin: 0 0 0.5em 0; + font-weight: bold; + font-size: 12px +} +input[type=password] { + font-family: arial, sans-serif +} +button { + border: 0; + width: auto; + overflow: visible; + border-style: solid; + outline: 0 +} +form { + padding: 0; + margin: 0 +} +label { + cursor: default +} +noscript { + font-size: 13px; + font-weight: normal +} +.carousel * { + font-family: "Atlas Grotesk Web", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif +} +.carousel a { + color: #0bacff +} +.clearfix:before, +.clearfix:after { + content: " "; + display: table +} +.clearfix:after { + clear: both +} +.link-img { + vertical-align: middle; + background-color: #fff; + margin: -2px 0 0 0; + padding-right: 4px; + background-repeat: no-repeat +} +#maestro-nav { + line-height: normal +} +#maestro-nav h2 { + padding-top: 0; + padding-bottom: 0 +} +.expanding-section { + position: relative; + box-sizing: border-box; + min-width: 200px; + max-width: 100%; + height: auto; + margin: 32px auto 0; + overflow: hidden +} +.expanding-section__button { + width: 100%; + display: block; + height: 40px; + font-size: 14px; + line-height: 40px; + text-align: left; + margin: 0 0 32px 0; + color: #4c545a; + outline: none; + cursor: pointer; + -webkit-transition: color 0ms, -webkit-transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53); + transition: color 0ms, -webkit-transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53); + transition: transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53), color 0ms; + transition: transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53), color 0ms, -webkit-transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53); + border: none; + background: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + padding: 0 +} +.expanding-section__button .button-text { + display: inline-block +} +.expanding-section__button .button-text--closed { + display: none +} +.expanding-section__button:before { + display: inline-block; + width: 40px; + height: 40px; + margin: 0 16px 0 0; + vertical-align: top; + background: no-repeat 50% 0; + content: ''; + -webkit-transition: background 0ms, -webkit-transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53); + transition: background 0ms, -webkit-transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53); + transition: transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background 0ms; + transition: transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background 0ms, -webkit-transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53); + -webkit-backface-visibility: 'hidden'; + backface-visibility: 'hidden'; + background-image: url("/index_files/plus.png"); + background-size: 40px 80px +} +@media (-webkit-min-device-pixel-ratio: 1.1), +(min-resolution: 192dpx), +(min-resolution: 1.1dppx) { + .expanding-section__button:before { + background-image: url("/static/images/components/expanding_section/plus_icons@2x-vfljWsv1E.png") + } +} +.expanding-section__button:hover { + color: #007ee5 +} +.expanding-section__button:hover:before { + background-position-y: 100% +} +.expanding-section__button.button-toggled { + -webkit-transform: translate(50%, 50%) translateX(-19px); + transform: translate(50%, 50%) translateX(-19px) +} +.expanding-section__button.button-toggled .button-text { + opacity: 0; + -webkit-transform: translateX(-80px); + transform: translateX(-80px) +} +.expanding-section__button.button-toggled:before { + -webkit-transform: rotate(45deg); + transform: rotate(45deg) +} +.expanding-section__button.button-toggled .button-text--opened { + display: none +} +.expanding-section__button.button-toggled .button-text--closed { + display: inline +} +.expanding-section__button-close { + font-size: 0; + display: block; + margin: 15px auto; + position: relative; + height: 40px; + width: 40px; + cursor: pointer; + overflow: hidden; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + background-image: url("/index_files/plus.png"); + background-size: 40px 80px +} +@media (-webkit-min-device-pixel-ratio: 1.1), +(min-resolution: 192dpx), +(min-resolution: 1.1dppx) { + .expanding-section__button-close { + background-image: url("/static/images/components/expanding_section/plus_icons@2x-vfljWsv1E.png") + } +} +.expanding-section__link { + font-size: 16px; + display: inline-block; + margin: 35px 0 30px +} + +.expanding-section__body { + font-size: 14px; + line-height: 1.5em; + margin: 30px auto +} +.expanding-section.expanding-section--alt-order .expanding-section__button { + margin-left: calc(50% + 15px); + width: calc(50% - 15px) +} +.expanding-section.expanding-section--alt-order .expanding-section__button.button-toggled { + -webkit-transform: translate(-35px, 50%); + transform: translate(-35px, 50%) +} \ No newline at end of file diff --git a/assets/css/features.css b/assets/css/features.css new file mode 100644 index 0000000..ecd366b --- /dev/null +++ b/assets/css/features.css @@ -0,0 +1,14 @@ +.visible-xs { + display: none; +} + +@media screen and (max-width: 768px) { + .visible-xs { + display: table-row; + } + + td:first-child, + th:first-child { + display: none; + } +} diff --git a/assets/css/financial.css b/assets/css/financial.css new file mode 100644 index 0000000..68c78ce --- /dev/null +++ b/assets/css/financial.css @@ -0,0 +1,1021 @@ +@font-face { + font-family: 'dax'; + src: url('dax-regular-webfont.eot'); + src: url('dax-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('dax-regular-webfont.woff') format('woff'), + url('dax-regular-webfont.ttf') format('truetype'), + url('dax-regular-webfont.svg') format('svg'); + font-weight: normal; + font-style: normal; +} +.grid { + list-style: none; + margin-left: -20px +} +.grid__col--2-of-2, +.grid__col--3-of-3, +.grid__col--4-of-4, +.grid__col--6-of-6, +.grid__col--12-of-12 { + width: 100% +} +.grid__col--1-of-2, +.grid__col--2-of-4, +.grid__col--3-of-6, +.grid__col--6-of-12 { + width: 50% +} +.grid__col--1-of-3, +.grid__col--2-of-6, +.grid__col--4-of-12 { + width: 33.33333% +} +.grid__col--2-of-3, +.grid__col--4-of-6, +.grid__col--8-of-12 { + width: 66.66667% +} +.grid__col--1-of-4, +.grid__col--3-of-12 { + width: 25% +} +.grid__col--3-of-4, +.grid__col--9-of-12 { + width: 75% +} +.grid__col--push-2-of-2, +.grid__col--push-3-of-3, +.grid__col--push-4-of-4, +.grid__col--push-6-of-6, +.grid__col--push-12-of-12 { + margin-left: 100% +} +.grid__col--push-1-of-2, +.grid__col--push-2-of-4, +.grid__col--push-3-of-6, +.grid__col--push-6-of-12 { + margin-left: 50% +} +.grid__col--push-1-of-3, +.grid__col--push-2-of-6, +.grid__col--push-4-of-12 { + margin-left: 33.33333% +} +.grid__col--push-2-of-3, +.grid__col--push-4-of-6, +.grid__col--push-8-of-12 { + margin-left: 66.66667% +} +.grid__col--push-1-of-4, +.grid__col--push-3-of-12 { + margin-left: 25% +} +.grid__col--push-3-of-4, +.grid__col--push-9-of-12 { + margin-left: 75% +} +.grid__col--pull-2-of-2, +.grid__col--pull-3-of-3, +.grid__col--pull-4-of-4, +.grid__col--pull-6-of-6, +.grid__col--pull-12-of-12 { + margin-left: -100% +} +.grid__col--pull-1-of-2, +.grid__col--pull-2-of-4, +.grid__col--pull-3-of-6, +.grid__col--pull-6-of-12 { + margin-left: -50% +} +.grid__col--pull-1-of-3, +.grid__col--pull-2-of-6, +.grid__col--pull-4-of-12 { + margin-left: -33.33333% +} +.grid__col--pull-2-of-3, +.grid__col--pull-4-of-6, +.grid__col--pull-8-of-12 { + margin-left: -66.66667% +} +.grid__col--pull-1-of-4, +.grid__col--pull-3-of-12 { + margin-left: -25% +} +.grid__col--pull-3-of-4, +.grid__col--pull-9-of-12 { + margin-left: -75% +} +.grid__col--1-of-6 { + width: 16.66667% +} +.grid__col--push-1-of-6 { + margin-left: 16.66667% +} +.grid__col--pull-1-of-6 { + margin-left: -16.66667% +} +.grid__col--5-of-6 { + width: 83.33333% +} +.grid__col--push-5-of-6 { + margin-left: 83.33333% +} +.grid__col--pull-5-of-6 { + margin-left: -83.33333% +} +.grid__col--1-of-12 { + width: 8.33333% +} +.grid__col--push-1-of-12 { + margin-left: 8.33333% +} +.grid__col--pull-1-of-12 { + margin-left: -8.33333% +} +.grid__col--2-of-12 { + width: 16.66667% +} +.grid__col--push-2-of-12 { + margin-left: 16.66667% +} +.grid__col--pull-2-of-12 { + margin-left: -16.66667% +} +.grid__col--5-of-12 { + width: 41.66667% +} +.grid__col--push-5-of-12 { + margin-left: 41.66667% +} +.grid__col--pull-5-of-12 { + margin-left: -41.66667% +} +.grid__col--7-of-12 { + width: 58.33333% +} +.grid__col--push-7-of-12 { + margin-left: 58.33333% +} +.grid__col--pull-7-of-12 { + margin-left: -58.33333% +} +.grid__col--10-of-12 { + width: 83.33333% +} +.grid__col--push-10-of-12 { + margin-left: 83.33333% +} +.grid__col--pull-10-of-12 { + margin-left: -83.33333% +} +.grid__col--11-of-12 { + width: 91.66667% +} +.grid__col--push-11-of-12 { + margin-left: 91.66667% +} +.grid__col--pull-11-of-12 { + margin-left: -91.66667% +} +.grid__col { + box-sizing: border-box; + display: inline-block; + margin-right: -.25em; + min-height: 1px; + padding-left: 20px; + vertical-align: top +} +.grid--nowhitespace .grid__col { + margin-right: 0 +} +h2, .alpha, #alpha ( + font-family:font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif; +) +@media (max-width: 750px) { + .grid__col { + display: block; + margin-left: 0; + margin-right: 0; + width: auto + } +} +@media (max-width: 750px) and (min-width: 550px) { + .grid__col[class*="grid__col--m-"] { + display: inline-block; + margin-right: -.24em + } + .grid__col.grid__col--m-1-of-2, + .grid__col.grid__col--m-2-of-4 { + width: 50% + } + .grid__col.grid__col--m-1-of-3 { + width: 33.33333% + } + .grid__col.grid__col--m-2-of-3 { + width: 66.66667% + } + .grid__col.grid__col--m-1-of-4 { + width: 25% + } + .grid__col.grid__col--m-3-of-4 { + width: 75% + } +} +@media (max-width: 550px) { + .grid__col[class*="grid__col--s-"] { + display: inline-block; + margin-right: -.24em + } + .grid__col.grid__col--s-1-of-2, + .grid__col.grid__col--s-2-of-4 { + width: 50% + } + .grid__col.grid__col--s-1-of-3 { + width: 33.33333% + } + .grid__col.grid__col--s-2-of-3 { + width: 66.66667% + } + .grid__col.grid__col--s-1-of-4 { + width: 25% + } + .grid__col.grid__col--s-3-of-4 { + width: 75% + } +} +.grid__col--centered { + display: block; + margin-left: auto; + margin-right: auto +} +.grid__col--d-first { + float: left +} +.grid__col--d-last { + float: right +} +.grid--no-gutter { + margin-left: 0; + width: 100% +} +.grid--no-gutter>* { + padding-left: 0 +} +.grid--no-gutter .grid__col--span-all { + margin-left: 0; + width: 100% +} +.grid__col--ab, +.grid__col--align-bottom { + vertical-align: bottom +} +.grid__col--am, +.grid__col--align-middle { + vertical-align: middle +} +@-webkit-keyframes anywhereBlockBG { + 0%, 15%, 100% { + background-position: center 0; + opacity: 1 + } + 20% { + background-position: center 0; + opacity: 0 + } + 21% { + background-position: center -493px; + opacity: 0 + } + 25%, + 40% { + opacity: 1 + } + 45% { + background-position: center -493px; + opacity: 0 + } + 46% { + background-position: center -986px; + opacity: 0 + } + 50%, + 65% { + opacity: 1 + } + 70% { + background-position: center -986px; + opacity: 0 + } + 71% { + background-position: center -1479px; + opacity: 0 + } + 75%, + 90% { + opacity: 1 + } + 95% { + background-position: center -1479px; + opacity: 0 + } + 96% { + background-position: center 0; + opacity: 0 + } +} +@keyframes anywhereBlockBG { + 0%, 15%, 100% { + background-position: center 0; + opacity: 1 + } + 20% { + background-position: center 0; + opacity: 0 + } + 21% { + background-position: center -493px; + opacity: 0 + } + 25%, + 40% { + opacity: 1 + } + 45% { + background-position: center -493px; + opacity: 0 + } + 46% { + background-position: center -986px; + opacity: 0 + } + 50%, + 65% { + opacity: 1 + } + 70% { + background-position: center -986px; + opacity: 0 + } + 71% { + background-position: center -1479px; + opacity: 0 + } + 75%, + 90% { + opacity: 1 + } + 95% { + background-position: center -1479px; + opacity: 0 + } + 96% { + background-position: center 0; + opacity: 0 + } +} +@-webkit-keyframes anywhereBlockProps { + 0%, 15%, 100% { + background-position: center -1238px; + opacity: 1 + } + 20% { + background-position: center -1238px; + opacity: 0 + } + 21% { + background-position: center -40px; + opacity: 0 + } + 25%, + 40% { + opacity: 1 + } + 45% { + background-position: center -40px; + opacity: 0 + } + 46% { + background-position: center -680px; + opacity: 0 + } + 50%, + 65% { + opacity: 1 + } + 70% { + background-position: center -680px; + opacity: 0 + } + 71% { + background-position: center -1822px; + opacity: 0 + } + 75%, + 90% { + opacity: 1 + } + 95% { + background-position: center -1822px; + opacity: 0 + } + 96% { + background-position: center -1238px; + opacity: 0 + } +} +@keyframes anywhereBlockProps { + 0%, 15%, 100% { + background-position: center -1238px; + opacity: 1 + } + 20% { + background-position: center -1238px; + opacity: 0 + } + 21% { + background-position: center -40px; + opacity: 0 + } + 25%, + 40% { + opacity: 1 + } + 45% { + background-position: center -40px; + opacity: 0 + } + 46% { + background-position: center -680px; + opacity: 0 + } + 50%, + 65% { + opacity: 1 + } + 70% { + background-position: center -680px; + opacity: 0 + } + 71% { + background-position: center -1822px; + opacity: 0 + } + 75%, + 90% { + opacity: 1 + } + 95% { + background-position: center -1822px; + opacity: 0 + } + 96% { + background-position: center -1238px; + opacity: 0 + } +} +@-webkit-keyframes anywhereBlockPhone { + 0%, 15%, 100% { + background-position: -275px center; + opacity: 1 + } + 20% { + background-position: -275px center; + opacity: 0 + } + 21% { + background-position: -1px center; + opacity: 0 + } + 25%, + 40% { + opacity: 1 + } + 45% { + background-position: -1px center; + opacity: 0 + } + 46% { + background-position: -93px center; + opacity: 0 + } + 50%, + 65% { + opacity: 1 + } + 70% { + background-position: -93px center; + opacity: 0 + } + 71% { + background-position: -186px center; + opacity: 0 + } + 75%, + 90% { + opacity: 1 + } + 95% { + background-position: -186px center; + opacity: 0 + } + 96% { + background-position: -275px center; + opacity: 0 + } +} +@keyframes anywhereBlockPhone { + 0%, 15%, 100% { + background-position: -275px center; + opacity: 1 + } + 20% { + background-position: -275px center; + opacity: 0 + } + 21% { + background-position: -1px center; + opacity: 0 + } + 25%, + 40% { + opacity: 1 + } + 45% { + background-position: -1px center; + opacity: 0 + } + 46% { + background-position: -93px center; + opacity: 0 + } + 50%, + 65% { + opacity: 1 + } + 70% { + background-position: -93px center; + opacity: 0 + } + 71% { + background-position: -186px center; + opacity: 0 + } + 75%, + 90% { + opacity: 1 + } + 95% { + background-position: -186px center; + opacity: 0 + } + 96% { + background-position: -275px center; + opacity: 0 + } +} +@-webkit-keyframes backupBlockBG { + to { + background-position: center 20% + } + from { + background-position: center 80% + } +} +@keyframes backupBlockBG { + to { + background-position: center 20% + } + from { + background-position: center 80% + } +} +@-webkit-keyframes backupBlockScene { + to { + background-position: center top + } + from { + background-position: center bottom + } +} +@keyframes backupBlockScene { + to { + background-position: center top + } + from { + background-position: center bottom + } +} +.medium-title, +.small-title { + padding: 0 0 20px; + margin: 0; + text-align: center; + color: #47525d +} +.large-title { + font-size: 31px; + line-height: 1.2; + font-weight: 100; + margin-bottom: 20px; + color: #47525d +} +@media (min-width: 768px) { + .large-title { + line-height: 1.2; + margin-bottom: 30px + } +} +.medium-title { + line-height: 1.4; + font-size: 25px; + font-weight: 100 +} +.small-title { + line-height: 1.4; + font-size: 25px; + font-weight: 100 +} +.ajax-loading #plan-select-container { + position: relative +} +.ajax-loading #plan-select-container:before { + content: ""; + position: absolute; + top: -2px; + left: -2px; + right: -2px; + bottom: -2px; + display: block; + background: #f6f9fc; + opacity: 0.6; + z-index: 2 +} +.upgrade-features { + background-color: #fff; + color: #47525d; + font-size: 14px; + text-rendering: optimizeLegibility +} +.upgrade-features img { + max-width: 100% +} +.upgrade-features .wrap--outer { + max-width: 990px; + padding-left: 20px; + padding-right: 20px; + margin: 0 auto +} +.upgrade-features .island { + padding: 23px +} +.upgrade-features .island--h { + padding-left: 23px; + padding-right: 23px +} +.upgrade-features .island--spacious-v { + padding-top: 92px; + padding-bottom: 92px +} +.upgrade-features .island--v, +.upgrade-features .site__content { + padding-top: 23px; + padding-bottom: 23px +} +.upgrade-features h1, +.upgrade-features .alpha { + margin-top: 5.8px; + margin-bottom: 28.8px; + font-size: 28px; + font-weight: 300; + line-height: 1.571428571; + color: #3d464d +} +@media (max-width: 550px) { + .upgrade-features h1, + .upgrade-features .alpha { + font-size: 24px; + text-align: center + } +} +.upgrade-features h2, +.upgrade-features .beta { + margin-bottom: 11.5px; + margin-top: 11.5px; + font-size: 22px; + font-weight: 400; + line-height: 1.4 +} +.upgrade-features h3, +.upgrade-features .gamma { + margin-bottom: 11.5px; + font-size: 17px; + font-weight: 400; + line-height: 1.75 +} +.upgrade-features h4, +.upgrade-features .delta { + font-size: 14px; + font-weight: 600; + line-height: 1.76923; + color: #7b8994; + margin-bottom: 0 +} +.upgrade-features .promo { + text-align: center +} +.upgrade-features .subhead, +.upgrade-features .meta { + color: #7b8994 +} +.upgrade-features .subhead { + margin: 0 auto; + max-width: 700px +} +.upgrade-features .dfb-bar-container { + text-align: center +} +.upgrade-features .dfb-bar-container .dfb-bar { + display: inline-block; + margin: 0 auto +} +.upgrade-features strong, +.upgrade-features .strong { + font-weight: 700 +} +.upgrade-features em, +.upgrade-features .em { + font-style: italic +} +.upgrade-features hr { + border: none; + border-top: 1px solid #d8dce0; + margin-bottom: 23px; + margin-top: -2px +} +.upgrade-features ul, +.upgrade-features ol { + padding-left: 1.35em +} +.upgrade-features li>ul, +.upgrade-features li>ol { + margin-bottom: 0 +} +.upgrade-features dl dt { + font-weight: 700 +} +.upgrade-features dl dd { + padding-left: 16.9px +} +.upgrade-features p, +.upgrade-features .o--p, +.upgrade-features blockquote, +.upgrade-features table, +.upgrade-features form, +.upgrade-features ul, +.upgrade-features ol, +.upgrade-features .img, +.upgrade-features pre, +.upgrade-features .mega, +.upgrade-features .ultra { + display: block; + margin-bottom: 23px +} +.upgrade-features .o--p--dm { + margin-bottom: 46px +} +.upgrade-features .o--p--hm { + margin-bottom: 11.5px +} +.upgrade-features .o--p--nm { + margin-bottom: -23px +} +.upgrade-features .o--b { + display: block +} +.upgrade-features .o--bc { + margin-left: auto; + margin-right: auto +} +.upgrade-features .o--i { + display: inline-block +} +.upgrade-features .o--p--xxl { + font-size: 19.5px; + line-height: 1.142857143 +} +.upgrade-features .o--p--xl { + font-size: 16px; + line-height: 1.375 +} +.upgrade-features .o--p--l { + font-size: 14.9px; + line-height: 1.5 +} +.upgrade-features .o--p--s, +.upgrade-features .input.input--small { + font-size: 11.4px; + line-height: 1.393936364 +} +.upgrade-features .o--p--xs { + font-size: 11.1px; + line-height: 1.142857143 +} +.upgrade-features .f--l, +.upgrade-features .f--r { + z-index: 1 +} +.upgrade-features .f--l { + float: left +} +.upgrade-features .f--r { + float: right +} +.upgrade-features .standalone { + margin-bottom: 0 !important +} +.upgrade-features .unl, +.upgrade-features .plans__checklist { + list-style: none; + padding-left: 0 +} +.upgrade-features .pro-header { + background-color: #f3f1f1; + background-image: url("svg/header.svg"); + background-size: 1373px 726px; + background-repeat: no-repeat; + background-position: center -100px; + color: #000; + position: relative + z-index: 1; +} +@media (-webkit-min-device-pixel-ratio: 1.1), +(min-resolution: 192dpx), +(min-resolution: 1.1dppx) { + .upgrade-features .pro-header { + background-image: url("svg/header.svg"); + } +} +.upgrade-features .pro-header .subhead { + max-width: 700px +} +.upgrade-features .pro-header .subhead.wide { + max-width: 550px +} +.upgrade-features .pro-header .subhead__list { + margin-top: 0; + padding: 0; + display: inline-block; + width: auto; + list-style: none +} +.upgrade-features .pro-header .meta a { + text-decoration: underline +} +.upgrade-features .pro-header .meta .pro-header__biz-cta { + display: block; + color: #004c8a; + text-decoration: none +} +.upgrade-features .pro-header--bars { + background-image: none; + background-color: #cce6fa; + color: #737373 +} +.upgrade-features .pro-header--bars .pro-header__headline { + color: inherit +} +.upgrade-features .pro-header--bars .meta { + color: inherit; + margin-top: 3px +} +.upgrade-features .pro-header--bars.island--spacious-v { + padding-bottom: 23px +} +.upgrade-features .pro-header--vertical.island--spacious-v { + padding-top: 68px +} +.upgrade-features .pro-header--horizontal.island--spacious-v { + padding-top: 48px +} +.upgrade-features .pro-header--layered.island--spacious-v { + padding-top: 53px +} +.upgrade-features .app__block+.app__block { + box-shadow: inset 0 1px rgba(123, 137, 148, 0.2); + overflow: hidden +} +.upgrade-features .app__block+.app__block.app__block--anywhere { + padding-top: 1px; + overflow: hidden +} +.upgrade-features .plans__checklist { + margin-top: 0 +} +.upgrade-features .plans__checklist>li>* { + padding-left: 26px +} +.upgrade-features .plans__checklist h4 { + background-repeat: no-repeat; + background-position: left 3px +} +.upgrade-features .plans__checklist--basic>li h4 { + background-image: url("check-basic-vfln6YH1l.png"); + background-size: 16px auto +} +@media (-webkit-min-device-pixel-ratio: 1.1), +(min-resolution: 192dpx), +(min-resolution: 1.1dppx) { + .upgrade-features .plans__checklist--basic>li h4 { + background-image: url("check-basic@2x-vflCuERTz.png") + } +} +.upgrade-features .plans__pro-all--item h4, +.upgrade-features .plans__checklist--pro>li h4 { + background-image: url("check-pro-vflkRG0cN.png"); + background-size: 16px auto +} +@media (-webkit-min-device-pixel-ratio: 1.1), +(min-resolution: 192dpx), +(min-resolution: 1.1dppx) { + .upgrade-features .plans__pro-all--item h4, + .upgrade-features .plans__checklist--pro>li h4 { + background-image: url("check-pro@2x-vflDfdDY6.png") + } +} +.upgrade-features .plans__pro-all--item *, +.upgrade-features .plans__checklist--pro>li * { + padding-left: 26px +} +.upgrade-features .plans--grid { + padding-bottom: 0 +} +.upgrade-features .plans--grid small { + font-size: 0.7em +} +@media (min-width: 551px) { + .upgrade-features .plans--grid .plans__pro { + border-left: 1px solid #d8dce0 + } +} +.upgrade-features .site__footer { + color: #47525d +} +.upgrade-features .site__footer nav a { + color: #7b8994 +} +.upgrade-features .get-started header { + font-size: 1.2em +} +.upgrade-features .get-started p { + margin: 0 +} +.upgrade-features .get-started .upgrade-button { + margin-bottom: 20px +} +.upgrade-features .intuitive-block { + max-height: 493px; + position: relative; + z-index: 0 +} +@media (max-width: 750px) { + .upgrade-features .intuitive-block { + overflow: hidden; + margin-right: -20px + } +} +.upgrade-features .intuitive-block .intuitive-block__stage { + padding-top: 100%; + background-image: url("../img/ebills/ebills.png"); + background-size: 465px auto; + background-position: center 0; + background-repeat: no-repeat; + +} +@media (-webkit-min-device-pixel-ratio: 1.1), +(min-resolution: 192dpx), +(min-resolution: 1.1dppx) { + .upgrade-features .intuitive-block .intuitive-block__stage { + background-image: url("../img/ebills/ebills.png"); + background-size: 100% auto; + } +} +} +@media (-webkit-min-device-pixel-ratio: 1.1), +(min-resolution: 192dpx), +(min-resolution: 1.1dppx) { + .upgrade-features .intuitive-block .intuitive-block__props { + background-image: url("../img/ebills/ebills.png") + } +} +@media (max-width: 550px) { + .upgrade-features .intuitive-block .intuitive-block__props { + right: -20px; + left: -20px + } + .grid__col { + display: block; + margin-left: 0; + margin-right: 0; + width: auto; + } +} diff --git a/assets/css/footer.css b/assets/css/footer.css new file mode 100644 index 0000000..829a031 --- /dev/null +++ b/assets/css/footer.css @@ -0,0 +1,93 @@ +#homepage-footer { + border: none; + padding: 0; + width: auto +} +#homepage-footer nav .o-nav { + float: left; + list-style: none; + margin: 0; + padding: 0; + width: 160px; + color: #7b8994 +} +#homepage-footer nav .o-nav__header { + font-size: 14px; + font-weight: 700; + line-height: 24px; + margin-bottom: 11px +} +#homepage-footer nav .o-nav__item { + margin-bottom: 11px; + line-height: 16px +} +#homepage-footer nav a { + color: #7b8994 +} +#homepage-footer #locale-link { + float: right +} +#homepage-footer #locale-container { + padding-top: 60px; + width: 100%; + position: relative; + overflow: hidden +} +.business-2015 .footer-row { + margin-top: 0; + padding: 52px 17px 120px; + background: #fff +} +.business-2015 .footer-row #homepage-footer { + max-width: 990px +} +@media (max-width: 990px) { + .townsuite-2017 div .footer-row, + .index-2015 div .footer-row { + padding-bottom: 50px + } +} +.townsuite-2017 #homepage-footer, +.index-2015 #homepage-footer { + max-width: 990px +} +@media (max-width: 990px) { + .townsuite-2017 #homepage-footer nav ul, + .index-2015 #homepage-footer nav ul { + width: 16.66667%; + min-height: 170px + } +} +@media (max-width: 767px) { + .townsuite-2017 #homepage-footer nav ul, + .index-2015 #homepage-footer nav ul { + width: 32%; + padding: 0 2% 0 0 + } +} +@media (MAX-WIDTH: 500px) { + .townsuite-2017 #homepage-footer nav ul, + .index-2015 #homepage-footer nav ul { + width: 50%; + padding: 0 + } +} +@media (max-width: 767px) { + .townsuite-2017 #homepage-footer #locale-link, + .index-2015 #homepage-footer #locale-link { + float: none + } +} +.townsuite-2017 #homepage-footer #locale-container, +.index-2015 #homepage-footer #locale-container { + min-height: 80px +} +@media (max-width: 990px) { + .townsuite-2017 #homepage-footer #locale-container, + .index-2015 #homepage-footer #locale-container { + padding-top: 0 + } +} +footer img { + width: 16px !important; +} diff --git a/assets/css/index.css b/assets/css/index.css new file mode 100644 index 0000000..c30d4ec --- /dev/null +++ b/assets/css/index.css @@ -0,0 +1,1969 @@ +.townsuite-2017 .large-title { + color: #47525d +} +.townsuite-2017 .homepage-download-button { + font-size: 15px +} +.townsuite-2017 .hero { + width: 100%; + overflow: hidden; + padding-top: 121px; + text-align: center +} +.townsuite-2017 .hero .homepage-download-button-container { + padding-top: 60px +} +.townsuite-2017 .hero .homepage-download-button-container .homepage-download-button { + min-width: 290px +} +.townsuite-2017 .hero .large-title { + padding-bottom: 0 +} +.townsuite-2017 .hero .medium-title { + padding-bottom: 15px +} +.townsuite-2017 .hero__banner { + margin: 60px auto 28px; + position: relative +} +.townsuite-2017 .media-text--horizontal .media-text__header, +.townsuite-2017 .media-text--horizontal .media-text__body { + color: #47525d; + font-size: 34px +} +.townsuite-2017 .media-text--horizontal .media-text__body { + font-size: 21px +} +.townsuite-2017 .content-row { + margin: 65px auto; + padding: 35px; + overflow: hidden +} +.townsuite-2017 .content-row:last-of-type { + margin-bottom: 105px +} +.townsuite-2017 .login-form-container.register.small.index { + width: 100% +} +.townsuite-2017 .animator-frame { + top: -1px; + right: -2px; + margin: 0 !important; + display: inline-block !important +} +.townsuite-2017 .animator-poster { + top: -1px; + margin: 0 0 0 2px !important; + position: absolute !important +} +.townsuite-2017 #docs-anywhere .animator { + top: 40px +} +.townsuite-2017 #send-videos .animator { + top: 35px +} +.townsuite-2017 #send-videos .media-text__wrapper:nth-of-type(2) { + padding-left: 85px +} +.townsuite-2017 #send-videos .media-text__wrapper:nth-of-type(2) .media-text__body { + padding-right: 0 +} +.townsuite-2017 #send-videos+.expanding-section .expanding-section__button { + margin-left: calc(57% + 15px); + width: calc(43% - 15px) +} +.townsuite-2017 #send-videos+.expanding-section .expanding-section__button.button-toggled { + -webkit-transform: translate(-104px, 50%); + transform: translate(-104px, 50%) +} +.townsuite-2017 #photos-safe { + margin-top: 30px +} +.townsuite-2017 #photos-safe .animator { + top: 20px +} +.townsuite-2017 #work-together .media-text__wrapper:first-of-type { + padding-right: 75px +} +.townsuite-2017 #work-together .animator { + top: 50px +} +.townsuite-2017 #never-lose .animator { + top: 60px +} +.townsuite-2017 #sign-up-modal .db-modal { + width: 422px +} +.townsuite-2017 #index-sign-in-modal .db-modal { + width: 422px +} +.townsuite-2017 #index-sign-in-modal .db-modal .hr-label__text { + background-color: #f6f9fc +} +.townsuite-2017 #never-lose+.expanding-section .learn-more-content:first-of-type .media-text__media { + border: none !important +} +.townsuite-2017 .login-form-container .login-button { + margin-top: 16px; + margin-bottom: 5px +} +.townsuite-2017.ja .header-text .medium-title { + word-spacing: 20px +} +.townsuite-2017.exp-blueshift-pro-homepage-cta-modal .db-modal { + width: 740px +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta-modal { + width: inherit + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__box { + background-color: #fff; + border: 1px solid #d0d4d9; + border-radius: 5px; + display: table-cell; + padding: 20px 34px; + width: 50% +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__footer { + background-color: #fff; + border: none; + border-radius: none; + padding: 100px 0 120px 0; + text-align: center; + width: 100% +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__footer .get-townsuite-cta__header { + font-size: 28px +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__footer .get-townsuite-cta__link { + font-size: 14px +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__footer .lb--mobile { + display: block + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__header { + font-size: 18px; + font-weight: 100; + line-height: 28px +} +@media (max-width: 1020px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__header { + font-size: 16px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__button { + font-size: 16px; + margin: 20px 0 +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__link { + color: #6a94be +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__responsive { + display: none +} +@media (max-width: 1020px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta__responsive { + display: inline-block; + background-color: #fff; + border: 2px solid #f6f9fc; + border-radius: 5px; + padding: 20px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta-v2 .large-title { + font-size: 38px; + line-height: 48px; + padding: 30px 0 22px 0 +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta-v2 .medium-title { + font-size: 21px; + line-height: 36px; + padding: 0 0 40px 0; + max-width: 650px +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta-v2__button { + font-size: 16px +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta-v2__separator { + display: none +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-cta-v2__separator { + display: block; + border-top: 2px solid #d0d4d9; + margin: 50px 0 + } +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .db-modal { + width: 85%; + background-color: #fff + } +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .db-modal .db-modal-content { + padding: 0 + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__plans-container { + display: table; + width: 100% +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__inner { + background-color: #fff; + border-radius: 5px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__title { + display: block; + margin: 20px 0; + font-weight: 100; + font-size: 25px; + line-height: 36px; + text-align: center +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__header { + font-size: 18px; + font-weight: 600; + line-height: 28px +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__header { + margin-bottom: 20px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__subheader { + font-size: 12px; + font-weight: 600; + line-height: 24px; + color: #a1a1a1; + margin-top: -5px; + margin-bottom: 50px +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__subheader { + display: none + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__plans-left { + display: table-cell; + text-align: center; + margin-left: 50px; + width: 30% +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__plans-left { + display: none; + float: none; + margin: 0; + width: 100% + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__plans-right { + display: table-cell; + text-align: center; + margin-right: 50px; + width: 30% +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__plans-right { + border-top: 2px solid #d0d4d9; + display: block; + float: none; + margin: 0; + padding: 20px 0; + width: 100% + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__plans-basic { + display: none +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__plans-basic { + display: block; + text-align: center; + margin: 0; + padding: 20px 0 + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__plans-separator { + display: none +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__plans-separator { + display: block; + border-top: 2px solid #d0d4d9; + width: 100% + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__button { + font-size: 14px; + font-weight: 600; + margin: 20px 0 +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__button.button-secondary { + line-height: 0; + min-height: 0; + background: none; + border: 1px solid #6a94be; + color: #6a94be; + padding: 16px; + min-width: 80px +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__button.button-secondary:hover { + background-color: #f4faff +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__item { + font-size: 14px; + line-height: 24px; + border-top: 1px solid #d0d4d9; + padding: 14px 0 18px 0 +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__item { + border-top: none; + padding: 0 + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__link { + padding-top: 43px +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal__last-item { + margin-top: 15px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__title { + display: block; + margin: 20px 0; + font-weight: 100; + font-size: 25px; + line-height: 36px; + text-align: center +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__header { + font-size: 20px; + font-weight: 300; + line-height: 28px; + min-height: 30px +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__header { + margin-bottom: 20px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__subheader { + font-size: 12px; + font-weight: 600; + line-height: 24px; + color: #a1a1a1; + margin-top: -5px; + min-height: 50px +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__subheader { + min-height: 30px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__divide { + border-top: 1px solid #d0d4d9; + border-bottom: none; + width: 50px; + margin-bottom: 20px +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__divide { + margin-bottom: 10px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__plans-container { + display: table; + width: 100% +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__plans-container { + background-color: #fff + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__plan { + display: inline-block; + text-align: center; + width: 33% +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__plan { + display: block; + width: 100%; + margin: 20px 0 40px 0 + } +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__inner { + background-color: #fff; + border-radius: 5px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__list { + min-height: 170px +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__list { + min-height: 130px + } +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__short { + min-height: 80px + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__highlight { + position: relative; + background-color: #e8e8e8; + border-radius: 5px; + padding: 40px 10px +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__highlight-header { + display: inline-block; + background-color: #d0d4d9; + border-radius: 5px 5px 0 0; + width: 100%; + position: absolute; + top: 0; + left: 0 +} +@media (max-width: 767px) { + .townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__highlight-header { + border-radius: 0 + } +} +.townsuite-2017.exp-blueshift-pro-homepage-cta .get-townsuite-modal-l__link { + text-decoration: none +} +.townsuite-2017.townsuite-2017--responsive { + min-width: 0 +} + +@media (min-width: 1200px) { + .header-text { + width: 700px; +} +} +@media (min-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive.is-mobile .hero__image, + .townsuite-2017.townsuite-2017--responsive.is-tablet .hero__image { + display: inline-block + } +} +@media (min-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive.is-mobile .media-text__image, + .townsuite-2017.townsuite-2017--responsive.is-tablet .media-text__image { + display: inline-block + } +} +@media (min-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive.is-mobile .media-text__wrapper, + .townsuite-2017.townsuite-2017--responsive.is-tablet .media-text__wrapper { + vertical-align: middle + } +} +.townsuite-2017.townsuite-2017--responsive .header-button { + border: 1px solid #6a94be; + border-radius: 5px; + padding: 5px 13px; + font-size: 12px +} +.townsuite-2017.townsuite-2017--responsive .header-button:hover, +.townsuite-2017.townsuite-2017--responsive .header-button:focus { + border: 1px solid #6a94be; + color: #0071ce +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .container { + min-width: 0 + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .mast-head-nav { + display: none + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .mast-head .nav-list .nav-list__item--download .button-link, + .townsuite-2017.townsuite-2017--responsive .mast-head .nav-list .nav-list__item--ts .button-link { + border: 1px solid #6a94be; + border-radius: 5px; + padding-left: 13px; + padding-right: 13px; + font-size: 12px + } + .townsuite-2017.townsuite-2017--responsive .mast-head .nav-list .nav-list__item--download .button-link:hover, + .townsuite-2017.townsuite-2017--responsive .mast-head .nav-list .nav-list__item--download .button-link:focus, + .townsuite-2017.townsuite-2017--responsive .mast-head .nav-list .nav-list__item--ts .button-link:hover, + .townsuite-2017.townsuite-2017--responsive .mast-head .nav-list .nav-list__item--ts .button-link:focus { + background-color: #f4faff; + text-decoration: none; + border: 1px solid #6a94be; + color: #0071ce + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .mast-head .nav-list .nav-list__item--sign-in { + display: none + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero { + padding-top: 125px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .hero { + padding-top: 115px + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero__banner { + display: none + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero__content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + width: 100%; + padding-bottom: 90px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .hero__content { + padding: 10px 30px 0 + } +} +.townsuite-2017.townsuite-2017--responsive .hero__copy { + margin-left: auto !important; + margin-right: auto !important; + padding: 0 !important +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero__copy { + float: none; + width: 100%; + max-width: 600px; + padding: 0 0 50px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .hero__copy { + margin-bottom: 45px; + border-bottom: 1px solid #d0d4d9 + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero__copy .large-title, + .townsuite-2017.townsuite-2017--responsive .hero__copy .medium-title { + text-align: center + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero__copy .large-title { + max-width: 440px; + margin: 0 auto 16px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .hero__copy .large-title { + font-size: 32px + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero__copy .medium-title { + font-size: 21px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .hero__copy .medium-title { + max-width: 400px; + margin-bottom: 35px + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero__copy .button-secondary { + line-height: 0; + min-height: 0; + background: none; + min-width: 110px; + border: 1px solid #6a94be; + font-size: 14px; + font-weight: 600; + color: #6a94be; + padding: 16px + } + .townsuite-2017.townsuite-2017--responsive .hero__copy .button-secondary:hover { + background-color: #f4faff + } +} +.townsuite-2017.townsuite-2017--responsive .hero__image { + display: none +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero__image { + display: block; + width: 100% + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .hero__image { + display: none + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero__register { + display: none + } +} +.townsuite-2017.townsuite-2017--responsive .hero .sign-up--responsive, +.townsuite-2017.townsuite-2017--responsive .hero .sign-in--responsive, +.townsuite-2017.townsuite-2017--responsive .hero .download--responsive { + display: none +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .hero .sign-up--responsive, + .townsuite-2017.townsuite-2017--responsive .hero .sign-in--responsive, + .townsuite-2017.townsuite-2017--responsive .hero .download--responsive { + display: inline-block + } +} +.townsuite-2017.townsuite-2017--responsive .hero .sign-in--responsive { + font-size: 14px; + margin: 0 auto; + padding: 20px 5px; + font-weight: normal; + width: 100% +} +.townsuite-2017.townsuite-2017--responsive .hero .sign-in--responsive a:hover { + text-decoration: underline +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .content-row { + margin: 70px auto 0 + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .content-row { + margin-top: 5px + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .content-row:first-child { + margin-top: 0 + } +} +.townsuite-2017.townsuite-2017--responsive .content-row:last-of-type { + margin-bottom: 0 +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .content-row:last-of-type { + padding-bottom: 50px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .content-row:last-of-type { + padding-bottom: 20px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .content-row:last-of-type .learn-more-content.media-text--three-across:last-of-type { + margin-bottom: 30px + } +} +.townsuite-2017.townsuite-2017--responsive .features-container { + width: 100%; + max-width: 1175px +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .features-container { + padding-left: 30px; + padding-right: 30px + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .animator { + display: none + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text>div { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text .media-text__wrapper { + display: block; + width: 100%; + padding: 0 !important; + margin: 0 + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text--alt-order>div { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text__body { + float: none !important; + max-width: 650px; + margin: 40px auto 0; + padding: 0 + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .media-text__body { + margin-top: 10px + } +} +.townsuite-2017.townsuite-2017--responsive .media-text__image { + display: none +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text__image { + display: block; + width: auto !important; + max-width: 450px; + height: initial + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .media-text__image { + width: 100% !important; + max-width: 400px + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text__header, + .townsuite-2017.townsuite-2017--responsive .media-text__body { + text-align: center + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text__header { + display: none + } +} +.townsuite-2017.townsuite-2017--responsive .media-text__header--responsive { + display: none +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text__header--responsive { + display: inline-block; + margin-bottom: 20px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .media-text__header--responsive { + margin-bottom: 0; + padding-bottom: 0 + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text__headline { + min-height: 140px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .media-text__headline { + min-height: 0 + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .media-text__wrapper { + display: -moz-box + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .expanding-section { + margin-top: 22px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .expanding-section { + margin-top: 32px + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .expanding-section__button { + width: 100% !important; + margin: 0 !important; + text-align: center + } + .townsuite-2017.townsuite-2017--responsive .expanding-section__button.button-toggled { + -webkit-transform: translateX(46px) !important; + transform: translateX(46px) !important + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .expanding-section__content { + padding: 0 30px + } +} +.townsuite-2017.townsuite-2017--responsive .try-townsuite-cta .homepage-download-button { + min-width: 290px +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .try-townsuite-cta .homepage-download-button { + display: none + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .try-townsuite-cta { + padding-top: 30px; + padding-bottom: 95px + } +} +.townsuite-2017.townsuite-2017--responsive .try-townsuite-cta .button-secondary { + display: none +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .try-townsuite-cta .button-secondary { + display: inline-block; + font-size: 16px; + font-weight: 600; + min-width: 170px + } +} +.townsuite-2017.townsuite-2017--responsive .try-townsuite-cta__footer { + display: none +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .try-townsuite-cta__footer { + display: block + } +} +.townsuite-2017.townsuite-2017--responsive .try-townsuite-cta__footer--static { + display: block +} +.townsuite-2017.townsuite-2017--responsive .try-townsuite-cta__footer--static .button-secondary { + display: inline-block +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .try-townsuite-cta__register { + display: none + } +} +.townsuite-2017.townsuite-2017--responsive .try-townsuite-cta .sign-up--static { + display: inline-block +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .footer-row { + background: #f6f9fc + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .footer-row { + padding-left: 30px; + padding-right: 30px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive #homepage-footer>nav { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap + } + .townsuite-2017.townsuite-2017--responsive #homepage-footer ul:nth-child(2) { + -webkit-box-ordinal-group: 5; + -webkit-order: 4; + -ms-flex-order: 4; + order: 4 + } + .townsuite-2017.townsuite-2017--responsive #homepage-footer ul:nth-child(3) { + -webkit-box-ordinal-group: 6; + -webkit-order: 5; + -ms-flex-order: 5; + order: 5 + } + .townsuite-2017.townsuite-2017--responsive #homepage-footer ul:nth-child(4) { + -webkit-box-ordinal-group: 7; + -webkit-order: 6; + -ms-flex-order: 6; + order: 6 + } + .townsuite-2017.townsuite-2017--responsive #homepage-footer ul:nth-child(5) { + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2 + } + .townsuite-2017.townsuite-2017--responsive #homepage-footer ul:nth-child(6) { + -webkit-box-ordinal-group: 4; + -webkit-order: 3; + -ms-flex-order: 3; + order: 3 + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .learn-more-content .media-text__media { + max-width: 180px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .learn-more-content .media-text__wrapper:first-of-type { + margin-bottom: 10px + } +} +@media (max-width: 1020px) { + .townsuite-2017.townsuite-2017--responsive .learn-more-content.media-text--three-across img { + width: 100% !important + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .learn-more-content.media-text--three-across { + width: 100%; + padding: 0 + } + .townsuite-2017.townsuite-2017--responsive .learn-more-content.media-text--three-across .media-text__headline { + display: block + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .learn-more-content.media-text--three-across:last-of-type { + margin-bottom: 85px + } +} +@media (max-width: 767px) { + .townsuite-2017.townsuite-2017--responsive .learn-more-content .media-text__body { + max-width: 500px + } +} +.sign-in-form-promo { + border-top: 1px solid #d0d4d9; + margin: 15px -32px -15px -32px; + padding: 15px 32px 0 32px; + text-align: center +} +.sign-up-form-v1 { + max-width: 840px; + margin: 0 auto +} +.sign-up-form-v1:after { + content: ""; + display: table; + clear: both +} +.sign-up-form-v1-hero { + padding: 45px 25px 64px; + box-sizing: border-box +} +.sign-up-form-v1 .header-text .large-title, +.sign-up-form-v1 .header-text .medium-title { + text-align: left; + margin-top: -5px; + margin-bottom: 30px +} +.sign-up-form-v1 .six-column, +.sign-up-form-v1 .four-column, +.sign-up-form-v1 .three-column { + margin: 0; + float: left +} +.sign-up-form-v1 .six-column { + width: 480px; + margin-right: 40px +} +.sign-up-form-v1 .four-column { + width: 320px +} +.sign-up-form-v1 .three-column { + width: 270px +} +.sign-up-form-v1 .form-container { + max-width: 270px; + margin: 8px auto 0 +} +.sign-up-form-v1 .form-container .login-form-container { + width: 100% +} +.sign-up-form-v1 .form-container .login-form-container .two-factor-trusted-info { + width: auto +} +.sign-up-form-v1 .form-container .text-input input.text-input-input { + border-color: #bdc4c9 +} +.sign-up-form-v1 .form-container .input-fname, +.sign-up-form-v1 .form-container .input-lname { + float: left; + width: calc(50% - 4px) +} +.sign-up-form-v1 .form-container .input-lname { + margin-left: 8px +} +.sign-up-form-v1 .form-container .input-email { + clear: both +} +.sign-up-form-v1 .form-container .text-input-error-wrapper { + display: none +} +.sign-up-form-v1 .form-container .agree label { + font-size: 12px +} +.sign-up-form-v1 .form-container .input-error { + border-color: #e82110 !important +} +.sign-up-form-v1 .form-container .input-error+label { + color: #e82110 !important +} +.sign-up-form-v1 .form-container .login-button.button-primary { + margin-top: 0; + border: 1px solid #6a94be; + line-height: 24px; + font-weight: 600; + width: 100%; + float: none; + background: -webkit-linear-gradient(#6a94be, #6a94be); + background: linear-gradient(#6a94be, #6a94be) +} +.sign-up-form-v1 .form-container .login-button.button-primary:hover { + opacity: 0.8 +} +.sign-up-form-v1 .form-container .login-button.button-primary:hover:disabled { + opacity: 0.4 +} +.sign-up-form-v1 .form-container .hr-label { + padding-top: 2px; + padding-bottom: 2px +} +.sign-up-form-v1 .form-container .hr-label__text { + background-color: #FBFBFB +} +.sign-up-form-v1 .form-container .auth-google.button-primary { + margin-top: 0; + line-height: 24px +} +.sign-up-form-v1 .form-container .auth-google.button-primary .logo { + margin-top: 5px +} +.sign-up-form-v1 .form-container .input-password input { + margin-bottom: 0 !important +} +.sign-up-form-v1 .form-container .text-input .text-input-input { + height: 41px; + margin: 0 0 10px 0 +} +.sign-up-form-v1 .form-container .text-input label { + padding: 9px 11px +} +.sign-up-form-v1 .recaptcha-container { + margin-top: 12px +} +.new-exp-form-image { + padding-top: 12px +} +.new-exp-form-image.sign-up-form-v1 { + max-width: 1240px +} +.new-exp-form-image.sign-up-form-v1 .header-text .large-title { + margin-bottom: 16px +} +.new-exp-form-image.sign-up-form-v1 .form-container { + max-width: 320px; + margin: -12px auto 14px +} +.new-exp-form-image.sign-up-form-v1 .form-container .register-form__name-fields .text-input:first-of-type { + margin-right: 4px +} +.new-exp-form-image.sign-up-form-v1 .form-container .input-fname, +.new-exp-form-image.sign-up-form-v1 .form-container .input-lname { + width: calc(50% - 2px) +} +.new-exp-form-image.sign-up-form-v1 .form-container .input-lname { + margin-left: 0 +} +.new-exp-form-image.sign-up-form-v1 .form-container .login-button.button-primary { + font-size: 16px; + font-weight: 700; + background: #6a94be +} +.new-exp-form-image.sign-up-form-v1 .form-container .text-input .text-input-input { + margin: 0 0 4px 0; + height: 37px; + border-radius: 5px; + padding: 5px 10px; + border-color: #d0d4d9 +} +.new-exp-form-image.sign-up-form-v1 .form-container .text-input label { + color: #47525d; + font-size: 14px +} +.new-exp-form-image.sign-up-form-v1 .form-container .agree label { + color: #3d464d; + font-size: 14px +} +.new-exp-form-image.sign-up-form-v1 .form-container .checkbox { + padding: 12px 0 16px +} +.new-exp-form-image.sign-up-form-v1 .six-column { + margin-right: 25px; + padding-right: 13px +} +.new-exp-form-image.sign-up-form-v1 .five-column, +.new-exp-form-image.sign-up-form-v1 .four-column { + margin: 0; + float: right +} +.new-exp-form-image.sign-up-form-v1 .five-column { + width: 370px +} +.new-exp-form-image .hero__banner { + margin: 20px auto 53px !important +} +.new-exp-form-image .animator { + margin: 0 auto 35px !important +} +.exp-home-ts-cta .button-tertiary { + border-color: #6a94be; + color: #6a94be +} +.exp-home-ts-cta .button-tertiary:hover { + border-color: #0071ce; + color: #0071ce +} +.exp-home-ts-cta .nav-list__item+.nav-list__item { + position: relative; + padding-left: 6px +} +.exp-home-ts-cta .nav-list__item+.nav-list__item::before { + background: #6a94be; + border-radius: 100%; + content: ""; + height: 3px; + position: absolute; + left: -5px; + top: 12px; + width: 3px +} +@media (min-width: 991px) { + .townsuite-2017.exp-teams_signup_homepage .six-column.hero__copy { + max-width: 490px + } +} +.townsuite-2017.exp-teams_signup_homepage .media-text--horizontal .media-text__wrapper { + vertical-align: middle +} +.townsuite-2017.exp-teams_signup_homepage img.media-text__image { + display: block +} +.townsuite-2017.exp-teams_signup_homepage .content-row:last-of-type { + padding-bottom: 50px +} +@media (max-width: 767px) { + .townsuite-2017.exp-teams_signup_homepage .content-row { + margin-top: 50px + } +} +@media (max-width: 1020px) { + .townsuite-2017.exp-teams_signup_homepage .content-row { + margin-top: 100px + } +} +.townsuite-2017.exp-teams_signup_homepage .credentials-form__fields label { + overflow-x: hidden; + white-space: nowrap; + text-overflow: ellipsis +} +.townsuite-2017.exp-teams_signup_homepage .register-form__credential-fields .email-suggestion { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; + width: 100%; + margin-top: -10px; + padding-left: 0 +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys h1.large-title { + font-size: 40px; + margin-top: 15px +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .footer-row { + background-color: #fbfbfb +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .try-townsuite-cta { + background: inherit +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__media { + text-align: left +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__wrapper { + vertical-align: top +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__wrapper:last-child { + padding-top: 400px +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__wrapper:last-child .media-text__image { + width: 400px; + margin-left: 85px +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__header--responsive { + display: inline-block; + margin-left: 85px; + margin-top: 32px +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__body { + margin-left: 85px +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .create-online-documents { + margin-top: -75px +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .media-text__header { + width: 320px; + float: left +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .media-text__body { + padding: 0; + float: left; + width: 320px +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .media-text__text { + padding-left: 85px +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .media-text--alt-order .media-text__text { + padding-left: 85px +} +@media (max-width: 1020px) { + .townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__header--responsive { + margin-top: 32px; + width: 100%; + margin-left: 0 + } + .townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__body { + margin: 0 auto 0 + } + .townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__text { + padding-left: 0 + } + .townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__wrapper:last-child { + padding-top: 0; + margin-top: 85px + } + .townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .offset-section .media-text__wrapper:last-child .media-text__image { + width: 100% !important; + max-width: 450px; + margin-left: auto; + margin-right: auto + } + .townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .create-online-documents { + margin-top: 100px + } + .townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .features-container .media-text__content .media-text__header--responsive { + float: none; + margin-top: 32px + } + .townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .media-text__text { + padding-left: 0 + } + .townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .media-text--alt-order .media-text__text { + padding-left: 0 + } +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .sign-up-form-v1 .form-container ..button-primary { + color: #3d464d; + background-color: #fbfbfb; + background-image: url("") +} +.townsuite-2017.exp-teams_signup_homepage.exp-teams_signup_homepage_user_journeys .sign-up-form-v1 .form-container ..button-primary:before { + border-left: 0 +} +@media (max-width: 1020px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__content { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column + } +} +@media (max-width: 767px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__content { + padding-left: 10px; + padding-right: 10px + } +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__copy { + max-width: 100% +} +@media (max-width: 1020px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__copy .large-title, + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__copy .medium-title { + max-width: 100% + } +} +@media (max-width: 1020px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__copy { + border-bottom: none; + margin-bottom: 0 + } +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__register { + float: none; + margin: auto +} +@media (max-width: 1020px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__register { + display: block + } +} +@media (max-width: 767px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__register, + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__register>.form-container { + max-width: 100% + } +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__illustrations { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: -140px; + margin-left: -600px +} +@media (max-width: 1100px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__illustrations { + display: none + } +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__illustrations__left, +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__illustrations__right { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + overflow-x: hidden +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__illustrations__right { + width: 465px +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .hero__illustrations__separation { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-bottom: solid 2px #d0d4d9; + margin: 0 -90px 60px -90px +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .large-title { + padding: 35px 0 0 0; + text-align: center; + font-size: 32px +} +@media (max-width: 767px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .large-title { + padding: 15px 0 0 0 + } +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .medium-title { + padding: 0 0 52px 0; + text-align: center +} +@media (max-width: 767px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .medium-title { + padding: 0 0 32px 0 + } +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .medium-title a { + font-size: 18px; + margin-right: 44px; + color: inherit +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .medium-title a:last-child { + margin-right: 0 +} +.townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .medium-title a:hover { + color: #6a94be +} +@media (max-width: 767px) { + .townsuite-2017.exp-teams_signup_homepage .sign-up-for-team-hero .medium-title a { + display: block; + margin-right: 0 + } +} +.townsuite-2017.exp-teams_signup_homepage .features-container { + margin-top: -20px +} +@media (max-width: 1020px) { + .townsuite-2017.exp-teams_signup_homepage .features-container { + margin-top: 40px + } + .townsuite-2017.exp-teams_signup_homepage .features-container .media-text__content .media-text__header--responsive { + margin: 0; + padding: 0 + } + .townsuite-2017.exp-teams_signup_homepage .features-container .media-text__content .media-text__image--responsive { + margin-top: 0 + } + .townsuite-2017.exp-teams_signup_homepage .features-container .media-text__content .media-text__body { + margin-top: 0 + } +} +.combined_name__False .register-form__name-fields { + overflow: hidden +} +body.exp-smores-version-2V1, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input input, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input textarea, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input select, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input button, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input .normal, +body.exp-smores-version-2V1 .large-title, +body.exp-smores-version-2V1 .sign-up-form-v1, +body.exp-smores-version-2V1 .sign-up-form-v1 .form-container .hr-label .login-button.button-primary, +body.exp-smores-version-2V1 .sign-up-form-v1 .auth-google, +body.exp-smores-version-2V1 .feature .heading, +body.exp-smores-version-2V1 .feature .paragraph { + font-family: AtlasGrotesk, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 200; + color: #637282 +} +body.exp-smores-version-2V1.townsuite-2017 .button-primary, +body.exp-smores-version-2V1.townsuite-2017 .button-secondary, +body.exp-smores-version-2V1.townsuite-2017 .button-tertiary, +body.exp-smores-version-2V1.townsuite-2017 .button-link, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input .text-input-input, +body.exp-smores-version-2V1 .sign-up-form-v1 .auth-google { + border-radius: 3px +} +body.exp-smores-version-2V1 .feature--share-securly__article, +body.exp-smores-version-2V1 .feature--teamwork-and-feedback__article, +body.exp-smores-version-2V1 .feature--paper__sub-section, +body.exp-smores-version-2V1 .feature .heading, +body.exp-smores-version-2V1 .feature .paragraph { + width: 340px; + margin-left: 8px; + padding: 0; + line-height: 32px +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--share-securly__article, + body.exp-smores-version-2V1 .feature--teamwork-and-feedback__article, + body.exp-smores-version-2V1 .feature--paper__sub-section, + body.exp-smores-version-2V1 .feature .heading, + body.exp-smores-version-2V1 .feature .paragraph { + width: 340px; + max-width: 100%; + margin: 0 auto + } +} +body.exp-smores-version-2V1 .mast-head { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) +} +body.exp-smores-version-2V1 { + background-color: #F7F9FA +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1.townsuite-2017. .new-exp-form-image.sign-up-form-v1 .form-container { + margin: 0 + } +} +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input label { + color: #A3A8AE; + font-size: 14px; + font-weight: 400 +} +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input input, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input textarea, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input select, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input button, +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .form-container .text-input .normal { + color: #1B2733; + font-weight: 400 +} +body.exp-smores-version-2V1.new-exp-form-image.sign-up-form-v1 .form-container .text-input .text-input-input { + color: #6A7C8F; + font-weight: 400; + background-color: green +} +body.exp-smores-version-2V1 .mast-head .button-tertiary { + padding: 9px 16px; + font-size: 11px; + font-weight: 400 +} +body.exp-smores-version-2V1 .mast-head .nav-list__item .button-link { + color: #7B8994; + font-size: 14px; + font-weight: 400 +} +body.exp-smores-version-2V1 .mast-head .nav-list__item+.nav-list__item::before { + background-color: #7B8994 +} +body.exp-smores-version-2V1 .hero__banner { + margin: -41px auto !important; + -webkit-transform: translateX(-6%); + transform: translateX(-6%) +} +body.exp-smores-version-2V1 .hero__copy { + font-size: 20px; + margin-top: 19px +} +body.exp-smores-version-2V1 .hero__copy .large-title, +body.exp-smores-version-2V1 .hero__copy .medium-title { + width: 395px; + margin-left: 84px +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .hero__copy .large-title, + body.exp-smores-version-2V1 .hero__copy .medium-title { + margin-left: 0 + } +} +body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .five-column { + margin-top: 19px; + display: inline-block; + margin-left: 146px; + float: none +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .new-exp-form-image.sign-up-form-v1 .five-column { + display: none + } +} +body.exp-smores-version-2V1.townsuite-2017. .new-exp-form-image.sign-up-form-v1 .form-container { + width: 309px +} +body.exp-smores-version-2V1 .large-title { + color: #1B2733 +} +body.exp-smores-version-2V1 .sign-up-form-v1 { + color: #6A7C8F +} +body.exp-smores-version-2V1 .sign-up-form-v1 .checkbox-inline label { + font-size: 10px; + font-weight: 300; + line-height: 24px +} +body.exp-smores-version-2V1 .sign-up-form-v1 .form-container .hr-label:before { + border-top: solid 1px #e82110 +} +body.exp-smores-version-2V1 .sign-up-form-v1 .form-container .hr-label__text { + background-color: #F7F9FA; + font-size: 10px; + font-weight: 400 +} +body.exp-smores-version-2V1 .sign-up-form-v1 .form-container .hr-label .login-button.button-primary { + weight: 400; + font-size: 14px +} +body.exp-smores-version-2V1 .sign-up-form-v1 .auth-google { + background-color: #fff; + color: #6A7C8F; + background-image: url(""); + background-size: contain; + border: none +} +body.exp-smores-version-2V1 .sign-up-form-v1 .auth-google:before { + display: none +} +body.exp-smores-version-2V1 .sign-up-form-v1 .auth-google:hover { + background-color: #fff +} +body.exp-smores-version-2V1 .try-townsuite-cta, +body.exp-smores-version-2V1 .footer-row { + background-color: #F7F9FA +} +body.exp-smores-version-2V1 .try-townsuite-cta .medium-title, +body.exp-smores-version-2V1 .footer-row .medium-title { + line-height: 47px; + font-size: 38px; + color: #1B2733 +} +body.exp-smores-version-2V1 .features { + width: 1121px; + margin: 0 auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-top: 118px +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .features { + width: 100%; + padding: 0 30px; + text-align: center; + margin-top: 27px + } +} +body.exp-smores-version-2V1 .feature { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + display: block + } +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature__aside { + display: none + } +} +body.exp-smores-version-2V1 .feature--across-devices { + margin-bottom: 117px +} +body.exp-smores-version-2V1 .feature--across-devices__aside { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + min-width: 50%; + background-color: #D6E8FA; + height: 436px; + text-align: center; + font-size: 0; + overflow: hidden +} +body.exp-smores-version-2V1 .feature--across-devices__article { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + width: 50%; + padding: 5px 56px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--across-devices__article { + padding: 0 + } +} +body.exp-smores-version-2V1 .feature--across-devices__iphone-image { + margin: -1px auto 0 auto; + width: 433px; + height: 438px +} +body.exp-smores-version-2V1 .feature--across-devices__sync-illustration { + width: 330px; + height: 220px; + margin-left: 22px; + max-width: 330px +} +body.exp-smores-version-2V1 .feature--across-devices__sub-section { + -webkit-box-flex: 1; + -webkit-flex: 1 1 50%; + -ms-flex: 1 1 50%; + flex: 1 1 50%; + margin-left: 28px +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--across-devices__sub-section { + margin: 0 auto + } +} +body.exp-smores-version-2V1 .feature--across-devices__sub-section:nth-of-type(2) { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column +} +body.exp-smores-version-2V1 .feature--across-devices .heading { + margin-left: 0 +} +body.exp-smores-version-2V1 .feature--across-devices .paragraph { + margin-bottom: 0 +} +body.exp-smores-version-2V1 .feature--share-securly { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-bottom: 100px +} +body.exp-smores-version-2V1 .feature--share-securly__aside { + -webkit-box-flex: 0; + -webkit-flex: 0 0 478px; + -ms-flex: 0 0 478px; + flex: 0 0 478px; + height: 427px; + text-align: center +} +body.exp-smores-version-2V1 .feature--share-securly__article { + -webkit-box-flex: 1; + -webkit-flex: 1 1 50%; + -ms-flex: 1 1 50%; + flex: 1 1 50%; + padding: 0 139px 0 139px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 427px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--share-securly__article { + padding: 0; + height: auto; + display: block + } +} +body.exp-smores-version-2V1 .feature--share-securly .heading, +body.exp-smores-version-2V1 .feature--share-securly .paragraph { + width: 100% +} +body.exp-smores-version-2V1 .feature--share-securly__secure-image { + width: 478px; + height: 478px; + margin-left: -80px +} +body.exp-smores-version-2V1 .feature--teamwork-and-feedback { + display: block; + margin-bottom: 198px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + background-image: url(""); + background-position: center center; + background-size: 815px; + background-repeat: no-repeat +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--teamwork-and-feedback { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + background-image: none + } +} +body.exp-smores-version-2V1 .feature--teamwork-and-feedback__article { + margin-left: 152px; + display: block +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--teamwork-and-feedback__article { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + padding: 0; + margin: 0 auto; + margin-bottom: 140px + } +} +body.exp-smores-version-2V1 .feature--teamwork-and-feedback__article:nth-of-type(2) { + margin-top: 328px; + margin-left: 644px +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--teamwork-and-feedback__article:nth-of-type(2) { + margin-top: 0; + margin-left: auto; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + padding: 0 + } +} +body.exp-smores-version-2V1 .feature--teamwork-and-feedback .heading, +body.exp-smores-version-2V1 .feature--teamwork-and-feedback .paragraph { + margin: 0 +} +body.exp-smores-version-2V1 .feature--teamwork-and-feedback .paragraph { + margin-bottom: 0 +} +body.exp-smores-version-2V1 .feature--paper { + margin-bottom: 152px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row +} +body.exp-smores-version-2V1 .feature--paper__aside { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: #eeb6a8 +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--paper__aside { + display: none + } +} +body.exp-smores-version-2V1 .feature--paper__article { + padding: 5px 56px; + -webkit-box-flex: 1; + -webkit-flex: 1 1 50%; + -ms-flex: 1 1 50%; + flex: 1 1 50%; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--paper__article { + padding: 0; + display: block + } +} +body.exp-smores-version-2V1 .feature--paper__illustration { + margin-top: auto; + margin-left: 13px; + width: 370px; + height: 269px +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--paper__illustration { + margin: 0 auto + } +} +body.exp-smores-version-2V1 .feature--paper__paper-image { + margin: 20px 20px 0 0; + width: 548px; + height: 685px +} +body.exp-smores-version-2V1 .feature--paper__sub-section { + -webkit-box-flex: 1; + -webkit-flex: 1 1; + -ms-flex: 1 1; + flex: 1 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-flow: column; + -ms-flex-flow: column; + flex-flow: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: 0 +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--paper__sub-section { + margin: 0 auto + } +} +body.exp-smores-version-2V1 .feature--paper__sub-section .paragraph, +body.exp-smores-version-2V1 .feature--paper__sub-section .heading { + margin-left: 18px +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature--paper__sub-section .paragraph, + body.exp-smores-version-2V1 .feature--paper__sub-section .heading { + margin: 0 auto + } +} +body.exp-smores-version-2V1 .feature--paper__sub-section:nth-of-type(2) { + width: 100%; + -webkit-box-flex: initial; + -webkit-flex: initial; + -ms-flex: initial; + flex: initial; + height: 269px +} +body.exp-smores-version-2V1 .feature .heading { + display: block; + font-size: 31px; + line-height: 46px; + color: #1B2733; + margin-bottom: 23px +} +body.exp-smores-version-2V1 .feature .paragraph { + font-size: 20px; + line-height: 30px; + color: #637282 +} +@media (max-width: 1020px) { + body.exp-smores-version-2V1 .feature .paragraph { + margin-bottom: 0 + } +} diff --git a/assets/css/int.css b/assets/css/int.css new file mode 100644 index 0000000..dbc5f65 --- /dev/null +++ b/assets/css/int.css @@ -0,0 +1,38 @@ +#cy { + height: 1000px; + width: 100%; + position: relative; + margin: auto; + + +} + + +#back +{ + height: 100%; + width: 100%; + position: absolute; + margin: auto; + background-image: url('../img/background.jpg'); + background-repeat: no-repeat; + z-index: -2; + background-size: cover; +} + + +.int +{ + text-align: left; + +} + + +#info { + color: #c88; + font-size: 1em; + position: absolute; + z-index: -1; + left: 1em; + top: 1em; +} \ No newline at end of file diff --git a/assets/css/jquery.qtip.css b/assets/css/jquery.qtip.css new file mode 100644 index 0000000..2ffe536 --- /dev/null +++ b/assets/css/jquery.qtip.css @@ -0,0 +1,129 @@ +/* + * qTip2 - Pretty powerful tooltips - v3.0.3 + * http://qtip2.com + * + * Copyright (c) 2017 + * Released under the MIT licenses + * http://jquery.org/license + * + * Date: Wed Jan 4 2017 05:54 EST-0500 + * Plugins: None + * Styles: core + */ +.qtip{ + position: absolute; + left: -28000px; + top: -28000px; + display: none; + + max-width: 280px; + min-width: 50px; + + font-size: 10.5px; + line-height: 12px; + + direction: ltr; + + box-shadow: 1px 1px 1px 1px 0.5; + padding: 0; +} + + .qtip-content{ + position: relative; + padding: 5px 9px; + overflow: hidden; + + text-align: left; + word-wrap: break-word; + } + + .qtip-titlebar{ + position: relative; + padding: 5px 35px 5px 10px; + overflow: hidden; + + border-width: 0 0 1px; + font-weight: bold; + } + + .qtip-titlebar + .qtip-content{ border-top-width: 0 !important; } + + /* Default close button class */ + .qtip-close{ + position: absolute; + right: -9px; top: -9px; + z-index: 11; /* Overlap .qtip-tip */ + + cursor: pointer; + outline: medium none; + + border: 1px solid transparent; + } + + .qtip-titlebar .qtip-close{ + right: 4px; top: 50%; + margin-top: -9px; + } + + * html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */ + + .qtip-titlebar .ui-icon, + .qtip-icon .ui-icon{ + display: block; + text-indent: -1000em; + direction: ltr; + } + + .qtip-icon, .qtip-icon .ui-icon{ + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + text-decoration: none; + } + + .qtip-icon .ui-icon{ + width: 18px; + height: 14px; + + line-height: 14px; + text-align: center; + text-indent: 0; + font: normal bold 10px/13px Tahoma,sans-serif; + color: inherit; + background: transparent none no-repeat -100em -100em; + } + +/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */ +.qtip-focus{} + +/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */ +.qtip-hover{} + +/* Default tooltip style */ +.qtip-default{ + border: 1px solid white; + background-color: white; + color: #555; + border-radius: 10px; + font-family: 'Dax', sans-serif; + font-size: 12px; + font-weight: 200; + vertical-align: top; + box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.35); + +} + + .qtip-default .qtip-titlebar{ + background-color: #FFEF93; + } + + .qtip-default .qtip-icon{ + border-color: #CCC; + background: #F1F1F1; + color: #777; + } + + .qtip-default .qtip-titlebar .qtip-close{ + border-color: #AAA; + color: #111; + } diff --git a/assets/css/maps.css b/assets/css/maps.css new file mode 100644 index 0000000..b5a44da --- /dev/null +++ b/assets/css/maps.css @@ -0,0 +1,134 @@ +@font-face { + font-family: 'dax'; + src: url('dax-regular-webfont.eot'); + src: url('dax-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('dax-regular-webfont.woff') format('woff'), + url('dax-regular-webfont.ttf') format('truetype'), + url('dax-regular-webfont.svg') format('svg'); + font-weight: normal; + font-style: normal; +} +html, body {height: 100%;} +body { margin:0; padding:0; display: block; } +#map { position:absolute; top:0; bottom:0; width:100%; } + +.mapbox-logo, a.mapboxgl-ctrl-logo{ + display: none !important; +} + +.mapboxgl-ctrl-geocoder { min-width:100%; } + +@media only screen and (max-width: 900px) { +.geocoder { + position: relative; left: 50%; + transform: translateX(-50%); + z-index: 10; + top: 2.5em; + width: 95%; +} +} +.calculation-box { + height: 75px; + width: 200px; + position: absolute; + bottom: 0.5em; + right: 10px;; + padding: 15px; + text-align: center; + font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif; +} + +p { + font-family: 'Open Sans'; + margin: 0; + font-size: 13px; +} +/* Desktop Navigation */ +@media only screen and (min-width: 900px) { + .geocoder { + position:relative; + z-index:10; + left: 20px; + top:20px; + width: 90%; + } + #close, .close, a.close { + position: absolute; + z-index: 10; + top: 0px; + display: block; + text-decoration: none; + font-color: #000; + } + #wrapper { + height: 100%; + } + #box, .box { + background: #fbfbfb; + position: relative; + z-index: 1; + top: 0px; + right: 10px; + width: 25em; + height: 100%; + display: block; + } + + img.logo { + position: relative; + z-index: 1; + left: 30%; + top: 5px; + } + + p#words { + position: relative; + z-index: 1; + left: 20px; + top: 25px; + font-size: 20px; + font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif; + } + +#layers, #menu { + background: #fff; + position: relative; + z-index: 1; + top: 20px; + left: 20px; + border-radius: 3px; + width: 90%; + font-family: 'Open Sans', sans-serif; + margin-top: 10px; +} + +#layers a { + font-size: 13px; + color: #404040; + display: block; + margin: 0; + padding: 0; + padding: 10px; + text-decoration: none; + border-bottom: 1px solid rgba(0,0,0,0.25); + text-align: center; +} + +#layers a:last-child { + border: none; +} + +#layers a:hover { + background-color: #f8f8f8; + color: #404040; +} + +#layers a.active { + background-color: #3887be; + color: #ffffff; +} + +#layers a.active:hover { + background: #3074a4; +} +} diff --git a/assets/css/mediatxt.css b/assets/css/mediatxt.css new file mode 100644 index 0000000..50dfa97 --- /dev/null +++ b/assets/css/mediatxt.css @@ -0,0 +1,182 @@ +.media-text__header, +.media-text--caption-header .media-text__body, +.media-text--horizontal .media-text__header, +.media-text--primary .media-text__body { + -webkit-font-smoothing: antialias; + font-weight: 400 +} +.media-text__header { + font-weight: 300; + font-size: 28px; + line-height: 44px; + margin: 12px auto 2px; + text-align: center +} +@media (max-width: 767px) { + .media-text__header { + font-size: 25px; + line-height: 35px + } +} +.media-text--caption-header .media-text__body, +.media-text--horizontal .media-text__header { + font-weight: 400; + font-size: 21px; + line-height: 30px +} +.media-text--primary .media-text__body { + font-weight: 400; + font-size: 17px; + line-height: 28px +} +.media-text--caption-header .media-text__header { + font-size: 12px; + line-height: 16px; + font-weight: normal +} +.media-text__media, +.media-text__text { + width: 100% +} +.media-text__media a:hover, +.media-text__media a:focus, +.media-text__media a:active, +.media-text__text a:hover, +.media-text__text a:focus, +.media-text__text a:active { + color: #007ee5 +} +.media-text__media ul, +.media-text__text ul { + padding-left: 20px +} +.media-text__media { + text-align: center +} +.media-text__media img { + height: auto +} +.media-text__header--responsive { + display: none +} +.media-text__footer { + position: relative; + text-align: center +} +.media-text__footer-item-container { + width: 33.33333%; + display: inline-block +} +.media-text__footer--justified .media-text__footer-item-container:first-child { + text-align: left +} +.media-text__footer--justified .media-text__footer-item-container:last-child { + text-align: right +} +.media-text__footer-item { + display: inline-block; + min-width: 65px; + background-position: top center; + background-repeat: no-repeat +} +.media-text__footer-item img { + display: block; + margin: 0 auto; + margin-bottom: 10px +} +.media-text--caption-header .media-text__header { + font-size: 13px; + padding-bottom: 3px +} +.media-text--primary { + margin-bottom: 50px +} +.media-text--horizontal { + display: table; + margin: 0 auto +} +.media-text--horizontal .media-text__headline .media-text__headline-head { + text-align: center; + font-size: 28px; + font-weight: 300; + padding-bottom: 15px +} +.media-text--horizontal .media-text__wrapper { + width: ; + text-align: left; + display: table-cell; + vertical-align: middle; + padding-left: 15px +} +.media-text--horizontal .media-text__wrapper:first-child { + padding-right: 15px; + padding-left: 0 +} +.media-text--horizontal .media-text__media, +.media-text--horizontal .media-text__text { + padding-left: 0; + padding-right: 0 +} +.media-text--horizontal .media-text__header, +.media-text--horizontal .media-text__body { + width: 310px; + margin: 0 +} +.media-text--horizontal .media-text__text { + text-align: left +} +.media-text--horizontal .media-text__media img { + width: auto; + height: 100%; + vertical-align: middle +} +.media-text--horizontal .media-text__header { + text-align: left +} +.media-text--horizontal.media-text--headline .media-text__media { + margin-top: 0 +} +.media-text--horizontal.media-text--headline .media-text__media img { + width: auto +} +.media-text--horizontal.media-text--headline .media-text__wrapper:first-child { + padding-left: 80px; + padding-right: 15px +} +.media-text--horizontal.media-text--headline .media-text__wrapper { + padding-right: 80px; + padding-left: 15px +} +.media-text--horizontal.media-text--headline .media-text__body { + width: auto +} +.media-text--alt-order.media-text--horizontal .media-text__media { + padding-right: 0 +} +.media-text--alt-order.media-text--horizontal .media-text__text { + padding-left: 0 +} +.media-text--alt-order.media-text--horizontal .media-text__text .media-text__header, +.media-text--alt-order.media-text--horizontal .media-text__text .media-text__body { + float: right +} +.media-text--border-bottom { + padding-bottom: 100px; + border-bottom: 1px solid #e5e5e5 +} +.media-text--two-across, +.media-text--three-across { + display: inline-block; + padding-left: 20px; + vertical-align: top +} +.media-text--first.media-text--two-across, +.media-text--first.media-text--three-across { + padding-left: 0 +} +.media-text--two-across { + width: 50% +} +.media-text--three-across { + width: 31.25% +} \ No newline at end of file diff --git a/assets/css/menu.css b/assets/css/menu.css new file mode 100644 index 0000000..4505544 --- /dev/null +++ b/assets/css/menu.css @@ -0,0 +1,237 @@ + +@font-face { + font-family: 'dax'; + src: url('dax-regular-webfont.eot'); + src: url('dax-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('dax-regular-webfont.woff') format('woff'), + url('dax-regular-webfont.ttf') format('truetype'), + url('dax-regular-webfont.svg') format('svg'); + font-weight: normal; + font-style: normal; +} +.flex-center { + display: flex; + align-items: center; + justify-content: center; +} +.menu { + box-sizing: border-box; + font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI"; + font-weight: 500; +} +a, +a:visited, +a:hover, +a:active { + color: inherit; + text-decoration: none; +} +h1 { + font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI"; + font-weight: 400; + font-size: 5em; + text-align: center; +} +.outer-menu { + position: fixed; + top: 2em; + right: 0.5em; + z-index: 1000; +} +.outer-menu .checkbox-toggle { + position: absolute; + top: 0; + right: 0; + z-index: 2; + cursor: pointer; + width: 60px; + height: 60px; + opacity: 0; +} +.outer-menu .checkbox-toggle:checked + .hamburger > div { + transform: rotate(135deg); +} +.outer-menu .checkbox-toggle:checked + .hamburger > div:before, +.outer-menu .checkbox-toggle:checked + .hamburger > div:after { + top: 0; + transform: rotate(90deg); +} +.outer-menu .checkbox-toggle:checked + .hamburger > div:after { + opacity: 0; +} +.outer-menu .checkbox-toggle:checked ~ .menu { + pointer-events: auto; + visibility: visible; +} +.outer-menu .checkbox-toggle:checked ~ .menu > div { + transform: scale(1); + transition-duration: 0.5s; +} +.outer-menu .checkbox-toggle:checked ~ .menu > div > div { + opacity: 1; + transition: opacity 0.2s ease 0.3s; +} +.outer-menu .checkbox-toggle:checked:hover + .hamburger > div { + transform: rotate(225deg); +} +.outer-menu .hamburger { + position: absolute; + top: 0; + right: 0; + z-index: 1; + width: 60px; + height: 60px; + padding: .5em 1em; + background: #6b95be; + border-radius: 0 0.12em 0.12em 0; + cursor: pointer; + transition: box-shadow 0.3s ease; + backface-visibility: hidden; + display: flex; + align-items: center; + justify-content: center; +} +.outer-menu .hamburger > div { + position: relative; + flex: none; + width: 100%; + height: 2px; + background: #fbfbfb; + transition: all 0.3s ease; + display: flex; + align-items: center; + justify-content: center; +} +.outer-menu .hamburger > div:before, +.outer-menu .hamburger > div:after { + content: ''; + position: absolute; + z-index: 1; + top: -10px; + right: 0; + width: 100%; + height: 2px; + background: inherit; + transition: all 0.3s ease; +} +.outer-menu .hamburger > div:after { + top: 10px; +} +.outer-menu .menu { + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + pointer-events: none; + visibility: hidden; + overflow: hidden; + backface-visibility: hidden; + outline: 1px solid transparent; + display: flex; + align-items: center; + justify-content: center; +} +.outer-menu .menu > div { + width: 200vw; + height: 200vw; + color: #d8e0ed; + background: #00578e; + border-radius: 50%; + transition: all 0.3s ease; + flex: none; + transform: scale(0); + backface-visibility: hidden; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; +} +.outer-menu .menu > div > div { + text-align: center; + opacity: 0; + transition: opacity 0.2s ease; + overflow-y: auto; + flex: none; + display: flex; + align-items: center; + justify-content: center; +} +.outer-menu .menu > div > div > ul { + list-style: none; + padding: 5em 1em; + margin: 0; + display: block; + height: 100%; + max-width: 95%; + min-width: 360px; +} +@media (min-width: 1200px) { + .outer-menu .menu > div > div > ul { + min-width: 600px; + min-height: 600px; + } +} +.outer-menu .menu > div > div > ul > li { + padding: 0; + margin: 1em; + font-size: 24px; + display: block; +} +.outer-menu .menu > div > div > ul > li > a { + position: relative; + display: inline; + cursor: pointer; + transition: color 0.3s ease; +} +.outer-menu .menu > div > div > ul > li > a:hover { + color: #d8e0ed; +} +.outer-menu .menu > div > div > ul > li > a:hover:after { + width: 100%; +} +.outer-menu .menu > div > div > ul > li > a:after { + content: ''; + position: absolute; + z-index: 1; + bottom: -0.15em; + right: 0; + width: 0; + height: 2px; + background: #d8e0ed; + transition: width 0.3s ease; +} +.menu-title { + font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI"; + position: fixed; + right: 1.5em; + top: 0.25em; + z-index: 1000; + color: #00578e; +} +.outer-menu:hover .hamburger { + background: #00578e; +} +.menu .login { + position: relative; + top: 3em; + padding: 10px; +} +.menu .button-tertiary { + background: #00578e; + color: #d8e0ed; + border: 1px solid; + margin: 0 17.5px 0 17.5px; + font-size: 23px; + font-family: "dax", "DaxRegular", "Open Sans", "lucida grande", "Segoe UI" !important; +} +@media (max-width: 1200px) { + .menu .button-tertiary { + margin: 0 10px 0 10px; + font-size: 12px; + } +} +.menu .button-tertiary:hover { + background: #d8e0ed; + color: #58595b; +} \ No newline at end of file diff --git a/assets/css/normalize.css b/assets/css/normalize.css new file mode 100755 index 0000000..e69de29 diff --git a/assets/edge.png b/assets/edge.png new file mode 100644 index 0000000..1678cbd Binary files /dev/null and b/assets/edge.png differ diff --git a/assets/emblem.ico b/assets/emblem.ico new file mode 100644 index 0000000..f364580 Binary files /dev/null and b/assets/emblem.ico differ diff --git a/assets/emblem.png b/assets/emblem.png new file mode 100644 index 0000000..b6e7bc7 Binary files /dev/null and b/assets/emblem.png differ diff --git a/assets/emblem.svg b/assets/emblem.svg new file mode 100644 index 0000000..a2d5d92 --- /dev/null +++ b/assets/emblem.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + diff --git a/assets/favicon.ico b/assets/favicon.ico new file mode 100644 index 0000000..670526d Binary files /dev/null and b/assets/favicon.ico differ diff --git a/assets/img/apps/desktop-apps-01.png b/assets/img/apps/desktop-apps-01.png new file mode 100755 index 0000000..74fd04a Binary files /dev/null and b/assets/img/apps/desktop-apps-01.png differ diff --git a/assets/img/apps/desktop-apps-01.svg b/assets/img/apps/desktop-apps-01.svg new file mode 100755 index 0000000..b656f34 --- /dev/null +++ b/assets/img/apps/desktop-apps-01.svg @@ -0,0 +1,796 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/apps/mobile-apps-01.png b/assets/img/apps/mobile-apps-01.png new file mode 100755 index 0000000..0e15a92 Binary files /dev/null and b/assets/img/apps/mobile-apps-01.png differ diff --git a/assets/img/apps/mobile-apps-01.svg b/assets/img/apps/mobile-apps-01.svg new file mode 100755 index 0000000..4ccc79d --- /dev/null +++ b/assets/img/apps/mobile-apps-01.svg @@ -0,0 +1,165 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/apps/web-apps-01.png b/assets/img/apps/web-apps-01.png new file mode 100755 index 0000000..4338430 Binary files /dev/null and b/assets/img/apps/web-apps-01.png differ diff --git a/assets/img/apps/web-apps-01.svg b/assets/img/apps/web-apps-01.svg new file mode 100755 index 0000000..dfa6134 --- /dev/null +++ b/assets/img/apps/web-apps-01.svg @@ -0,0 +1,225 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/asset-management/asset-management_1.jpg b/assets/img/asset-management/asset-management_1.jpg new file mode 100755 index 0000000..594bbe1 Binary files /dev/null and b/assets/img/asset-management/asset-management_1.jpg differ diff --git a/assets/img/asset-management/asset-management_2.png b/assets/img/asset-management/asset-management_2.png new file mode 100755 index 0000000..e12b3c7 Binary files /dev/null and b/assets/img/asset-management/asset-management_2.png differ diff --git a/assets/img/asset-management/asset-management_3.png b/assets/img/asset-management/asset-management_3.png new file mode 100755 index 0000000..1e979f0 Binary files /dev/null and b/assets/img/asset-management/asset-management_3.png differ diff --git a/assets/img/cloud/cloud.png b/assets/img/cloud/cloud.png new file mode 100644 index 0000000..dafc6da Binary files /dev/null and b/assets/img/cloud/cloud.png differ diff --git a/assets/img/cloud/future.png b/assets/img/cloud/future.png new file mode 100644 index 0000000..866e3fb Binary files /dev/null and b/assets/img/cloud/future.png differ diff --git a/assets/img/cloud/futureproof.png b/assets/img/cloud/futureproof.png new file mode 100644 index 0000000..03d72ac Binary files /dev/null and b/assets/img/cloud/futureproof.png differ diff --git a/assets/img/cloud/introducing.png b/assets/img/cloud/introducing.png new file mode 100644 index 0000000..76500fd Binary files /dev/null and b/assets/img/cloud/introducing.png differ diff --git a/assets/img/cloud/merp.png b/assets/img/cloud/merp.png new file mode 100644 index 0000000..48a0fc5 Binary files /dev/null and b/assets/img/cloud/merp.png differ diff --git a/assets/img/docs/2019_TownSuite_Profile.pdf b/assets/img/docs/2019_TownSuite_Profile.pdf new file mode 100644 index 0000000..eadfcad Binary files /dev/null and b/assets/img/docs/2019_TownSuite_Profile.pdf differ diff --git a/assets/img/ebills/ebills_1.png b/assets/img/ebills/ebills_1.png new file mode 100755 index 0000000..981b14d Binary files /dev/null and b/assets/img/ebills/ebills_1.png differ diff --git a/assets/img/ebills/ebills_2.png b/assets/img/ebills/ebills_2.png new file mode 100755 index 0000000..1284ac5 Binary files /dev/null and b/assets/img/ebills/ebills_2.png differ diff --git a/assets/img/ebills/ebills_3.png b/assets/img/ebills/ebills_3.png new file mode 100755 index 0000000..3cea7a9 Binary files /dev/null and b/assets/img/ebills/ebills_3.png differ diff --git a/assets/img/edge/AC_Logo.png b/assets/img/edge/AC_Logo.png new file mode 100644 index 0000000..caa41ab Binary files /dev/null and b/assets/img/edge/AC_Logo.png differ diff --git a/assets/img/edge/AC_logo.jpg b/assets/img/edge/AC_logo.jpg new file mode 100644 index 0000000..400e266 Binary files /dev/null and b/assets/img/edge/AC_logo.jpg differ diff --git a/assets/img/edge/AC_logo1.jpg b/assets/img/edge/AC_logo1.jpg new file mode 100644 index 0000000..a9c43b8 Binary files /dev/null and b/assets/img/edge/AC_logo1.jpg differ diff --git a/assets/img/edge/Delta TPS.png b/assets/img/edge/Delta TPS.png new file mode 100644 index 0000000..e4c123c Binary files /dev/null and b/assets/img/edge/Delta TPS.png differ diff --git a/assets/img/edge/agenda.png b/assets/img/edge/agenda.png new file mode 100644 index 0000000..ce97029 Binary files /dev/null and b/assets/img/edge/agenda.png differ diff --git a/assets/img/edge/ballroom.jpg b/assets/img/edge/ballroom.jpg new file mode 100644 index 0000000..ee7cc96 Binary files /dev/null and b/assets/img/edge/ballroom.jpg differ diff --git a/assets/img/edge/conferencesession.png b/assets/img/edge/conferencesession.png new file mode 100644 index 0000000..fb55f1f Binary files /dev/null and b/assets/img/edge/conferencesession.png differ diff --git a/assets/img/edge/delta.jpg b/assets/img/edge/delta.jpg new file mode 100644 index 0000000..4aaefec Binary files /dev/null and b/assets/img/edge/delta.jpg differ diff --git a/assets/img/edge/edge_2020_resized.png b/assets/img/edge/edge_2020_resized.png new file mode 100644 index 0000000..e31fe0d Binary files /dev/null and b/assets/img/edge/edge_2020_resized.png differ diff --git a/assets/img/edge/edgelandingheader.png b/assets/img/edge/edgelandingheader.png new file mode 100644 index 0000000..8e302d0 Binary files /dev/null and b/assets/img/edge/edgelandingheader.png differ diff --git a/assets/img/edge/harbour.png b/assets/img/edge/harbour.png new file mode 100644 index 0000000..96ee55d Binary files /dev/null and b/assets/img/edge/harbour.png differ diff --git a/assets/img/edge/nl.jpg b/assets/img/edge/nl.jpg new file mode 100644 index 0000000..7dcf743 Binary files /dev/null and b/assets/img/edge/nl.jpg differ diff --git a/assets/img/edge/placeholder.png b/assets/img/edge/placeholder.png new file mode 100644 index 0000000..1b004a4 Binary files /dev/null and b/assets/img/edge/placeholder.png differ diff --git a/assets/img/events/events-facilities_1.png b/assets/img/events/events-facilities_1.png new file mode 100755 index 0000000..2af0f13 Binary files /dev/null and b/assets/img/events/events-facilities_1.png differ diff --git a/assets/img/events/events-facilities_2.png b/assets/img/events/events-facilities_2.png new file mode 100755 index 0000000..6e5ac9e Binary files /dev/null and b/assets/img/events/events-facilities_2.png differ diff --git a/assets/img/events/events-facilities_3.png b/assets/img/events/events-facilities_3.png new file mode 100755 index 0000000..9739b85 Binary files /dev/null and b/assets/img/events/events-facilities_3.png differ diff --git a/assets/img/finance/finance_1.png b/assets/img/finance/finance_1.png new file mode 100755 index 0000000..cc08c00 Binary files /dev/null and b/assets/img/finance/finance_1.png differ diff --git a/assets/img/finance/finance_2.png b/assets/img/finance/finance_2.png new file mode 100755 index 0000000..d47bcc8 Binary files /dev/null and b/assets/img/finance/finance_2.png differ diff --git a/assets/img/finance/finance_3.png b/assets/img/finance/finance_3.png new file mode 100755 index 0000000..3450b87 Binary files /dev/null and b/assets/img/finance/finance_3.png differ diff --git a/assets/img/financial/rw.png b/assets/img/financial/rw.png new file mode 100644 index 0000000..0ce9eec Binary files /dev/null and b/assets/img/financial/rw.png differ diff --git a/assets/img/hris/hris_1.png b/assets/img/hris/hris_1.png new file mode 100755 index 0000000..5f1d465 Binary files /dev/null and b/assets/img/hris/hris_1.png differ diff --git a/assets/img/hris/hris_2.png b/assets/img/hris/hris_2.png new file mode 100755 index 0000000..9e360eb Binary files /dev/null and b/assets/img/hris/hris_2.png differ diff --git a/assets/img/hris/hris_3.png b/assets/img/hris/hris_3.png new file mode 100755 index 0000000..b3ff505 Binary files /dev/null and b/assets/img/hris/hris_3.png differ diff --git a/assets/img/index/acrossdepartments.png b/assets/img/index/acrossdepartments.png new file mode 100644 index 0000000..98add97 Binary files /dev/null and b/assets/img/index/acrossdepartments.png differ diff --git a/assets/img/index/any.png b/assets/img/index/any.png new file mode 100644 index 0000000..6863898 Binary files /dev/null and b/assets/img/index/any.png differ diff --git a/assets/img/index/black.png b/assets/img/index/black.png new file mode 100644 index 0000000..0c88e47 Binary files /dev/null and b/assets/img/index/black.png differ diff --git a/assets/img/index/canadian.png b/assets/img/index/canadian.png new file mode 100644 index 0000000..fd75a33 Binary files /dev/null and b/assets/img/index/canadian.png differ diff --git a/assets/img/index/cloud.png b/assets/img/index/cloud.png new file mode 100644 index 0000000..f71e36f Binary files /dev/null and b/assets/img/index/cloud.png differ diff --git a/assets/img/index/commited.png b/assets/img/index/commited.png new file mode 100644 index 0000000..d8c2901 Binary files /dev/null and b/assets/img/index/commited.png differ diff --git a/assets/img/index/custom.gif b/assets/img/index/custom.gif new file mode 100644 index 0000000..2184609 Binary files /dev/null and b/assets/img/index/custom.gif differ diff --git a/assets/img/index/dashboards.png b/assets/img/index/dashboards.png new file mode 100644 index 0000000..d5bd7d7 Binary files /dev/null and b/assets/img/index/dashboards.png differ diff --git a/assets/img/index/dayone.png b/assets/img/index/dayone.png new file mode 100644 index 0000000..9d15635 Binary files /dev/null and b/assets/img/index/dayone.png differ diff --git a/assets/img/index/dedicated.png b/assets/img/index/dedicated.png new file mode 100644 index 0000000..cdbb560 Binary files /dev/null and b/assets/img/index/dedicated.png differ diff --git a/assets/img/index/departments.png b/assets/img/index/departments.png new file mode 100644 index 0000000..4ad3018 Binary files /dev/null and b/assets/img/index/departments.png differ diff --git a/assets/img/index/docs.png b/assets/img/index/docs.png new file mode 100644 index 0000000..0b4760b Binary files /dev/null and b/assets/img/index/docs.png differ diff --git a/assets/img/index/dotnet.png b/assets/img/index/dotnet.png new file mode 100644 index 0000000..658d2b1 Binary files /dev/null and b/assets/img/index/dotnet.png differ diff --git a/assets/img/index/dots.png b/assets/img/index/dots.png new file mode 100644 index 0000000..4b6da8f Binary files /dev/null and b/assets/img/index/dots.png differ diff --git a/assets/img/index/estubs.png b/assets/img/index/estubs.png new file mode 100644 index 0000000..c246ea3 Binary files /dev/null and b/assets/img/index/estubs.png differ diff --git a/assets/img/index/experienced.png b/assets/img/index/experienced.png new file mode 100644 index 0000000..3d4933e Binary files /dev/null and b/assets/img/index/experienced.png differ diff --git a/assets/img/index/gateways.png b/assets/img/index/gateways.png new file mode 100644 index 0000000..6305a85 Binary files /dev/null and b/assets/img/index/gateways.png differ diff --git a/assets/img/index/leverage.png b/assets/img/index/leverage.png new file mode 100644 index 0000000..b0fbb08 Binary files /dev/null and b/assets/img/index/leverage.png differ diff --git a/assets/img/index/linked.png b/assets/img/index/linked.png new file mode 100644 index 0000000..33ffc24 Binary files /dev/null and b/assets/img/index/linked.png differ diff --git a/assets/img/index/living.png b/assets/img/index/living.png new file mode 100644 index 0000000..ae2d922 Binary files /dev/null and b/assets/img/index/living.png differ diff --git a/assets/img/index/municipal.png b/assets/img/index/municipal.png new file mode 100644 index 0000000..6a9c3d1 Binary files /dev/null and b/assets/img/index/municipal.png differ diff --git a/assets/img/index/notgeneric.png b/assets/img/index/notgeneric.png new file mode 100644 index 0000000..df99878 Binary files /dev/null and b/assets/img/index/notgeneric.png differ diff --git a/assets/img/index/oneproduct.png b/assets/img/index/oneproduct.png new file mode 100644 index 0000000..241121f Binary files /dev/null and b/assets/img/index/oneproduct.png differ diff --git a/assets/img/index/operated.png b/assets/img/index/operated.png new file mode 100644 index 0000000..4c287a4 Binary files /dev/null and b/assets/img/index/operated.png differ diff --git a/assets/img/index/owned.png b/assets/img/index/owned.png new file mode 100644 index 0000000..d511bd7 Binary files /dev/null and b/assets/img/index/owned.png differ diff --git a/assets/img/index/partners.png b/assets/img/index/partners.png new file mode 100644 index 0000000..f75a035 Binary files /dev/null and b/assets/img/index/partners.png differ diff --git a/assets/img/index/portal.png b/assets/img/index/portal.png new file mode 100644 index 0000000..c6c1145 Binary files /dev/null and b/assets/img/index/portal.png differ diff --git a/assets/img/index/reporting.png b/assets/img/index/reporting.png new file mode 100644 index 0000000..6bc6e66 Binary files /dev/null and b/assets/img/index/reporting.png differ diff --git a/assets/img/index/support.png b/assets/img/index/support.png new file mode 100644 index 0000000..f2f7414 Binary files /dev/null and b/assets/img/index/support.png differ diff --git a/assets/img/index/supported.png b/assets/img/index/supported.png new file mode 100644 index 0000000..53fcb07 Binary files /dev/null and b/assets/img/index/supported.png differ diff --git a/assets/img/index/updates.png b/assets/img/index/updates.png new file mode 100644 index 0000000..bdaaeb0 Binary files /dev/null and b/assets/img/index/updates.png differ diff --git a/assets/img/index/useit.png b/assets/img/index/useit.png new file mode 100644 index 0000000..7e4acc3 Binary files /dev/null and b/assets/img/index/useit.png differ diff --git a/assets/img/index/welisten.png b/assets/img/index/welisten.png new file mode 100644 index 0000000..8b134e4 Binary files /dev/null and b/assets/img/index/welisten.png differ diff --git a/assets/img/land/DONT USE.png b/assets/img/land/DONT USE.png new file mode 100755 index 0000000..4661c5d Binary files /dev/null and b/assets/img/land/DONT USE.png differ diff --git a/assets/img/land/land_1.jpg b/assets/img/land/land_1.jpg new file mode 100755 index 0000000..af8aa2a Binary files /dev/null and b/assets/img/land/land_1.jpg differ diff --git a/assets/img/land/land_2.png b/assets/img/land/land_2.png new file mode 100755 index 0000000..adef8df Binary files /dev/null and b/assets/img/land/land_2.png differ diff --git a/assets/img/land/land_3.png b/assets/img/land/land_3.png new file mode 100755 index 0000000..691910d Binary files /dev/null and b/assets/img/land/land_3.png differ diff --git a/assets/img/partner/AMANB_Logo.png b/assets/img/partner/AMANB_Logo.png new file mode 100644 index 0000000..c85a84d Binary files /dev/null and b/assets/img/partner/AMANB_Logo.png differ diff --git a/assets/img/partner/AMANS_Logo.png b/assets/img/partner/AMANS_Logo.png new file mode 100644 index 0000000..ee3fb71 Binary files /dev/null and b/assets/img/partner/AMANS_Logo.png differ diff --git a/assets/img/partner/BocaSystems_Logo.png b/assets/img/partner/BocaSystems_Logo.png new file mode 100644 index 0000000..87a6079 Binary files /dev/null and b/assets/img/partner/BocaSystems_Logo.png differ diff --git a/assets/img/partner/CardConnect_Logo.png b/assets/img/partner/CardConnect_Logo.png new file mode 100644 index 0000000..bbf20f8 Binary files /dev/null and b/assets/img/partner/CardConnect_Logo.png differ diff --git a/assets/img/partner/ClarkConsulting_Logo.png b/assets/img/partner/ClarkConsulting_Logo.png new file mode 100644 index 0000000..df078d5 Binary files /dev/null and b/assets/img/partner/ClarkConsulting_Logo.png differ diff --git a/assets/img/partner/GFOABC_Logo.png b/assets/img/partner/GFOABC_Logo.png new file mode 100644 index 0000000..a928906 Binary files /dev/null and b/assets/img/partner/GFOABC_Logo.png differ diff --git a/assets/img/partner/GFOA_Logo.png b/assets/img/partner/GFOA_Logo.png new file mode 100644 index 0000000..48e5e48 Binary files /dev/null and b/assets/img/partner/GFOA_Logo.png differ diff --git a/assets/img/partner/MFOA_Logo.png b/assets/img/partner/MFOA_Logo.png new file mode 100644 index 0000000..24c8635 Binary files /dev/null and b/assets/img/partner/MFOA_Logo.png differ diff --git a/assets/img/partner/MISA_ASIM_2019.png b/assets/img/partner/MISA_ASIM_2019.png new file mode 100644 index 0000000..6d6b866 Binary files /dev/null and b/assets/img/partner/MISA_ASIM_2019.png differ diff --git a/assets/img/partner/MISA_ASIM_2020.png b/assets/img/partner/MISA_ASIM_2020.png new file mode 100644 index 0000000..40863d9 Binary files /dev/null and b/assets/img/partner/MISA_ASIM_2020.png differ diff --git a/assets/img/partner/MISA_ASIM_2021.png b/assets/img/partner/MISA_ASIM_2021.png new file mode 100644 index 0000000..a89add9 Binary files /dev/null and b/assets/img/partner/MISA_ASIM_2021.png differ diff --git a/assets/img/partner/MNL_Logo.png b/assets/img/partner/MNL_Logo.png new file mode 100644 index 0000000..a0a313e Binary files /dev/null and b/assets/img/partner/MNL_Logo.png differ diff --git a/assets/img/partner/MasterMeter_Logo.png b/assets/img/partner/MasterMeter_Logo.png new file mode 100644 index 0000000..b14ae25 Binary files /dev/null and b/assets/img/partner/MasterMeter_Logo.png differ diff --git a/assets/img/partner/PMA_Logo.png b/assets/img/partner/PMA_Logo.png new file mode 100644 index 0000000..f074932 Binary files /dev/null and b/assets/img/partner/PMA_Logo.png differ diff --git a/assets/img/person/background.jpg b/assets/img/person/background.jpg new file mode 100644 index 0000000..a70af9f Binary files /dev/null and b/assets/img/person/background.jpg differ diff --git a/assets/img/person/background.svg b/assets/img/person/background.svg new file mode 100644 index 0000000..29fd2ec --- /dev/null +++ b/assets/img/person/background.svg @@ -0,0 +1,30790 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + St + + + + o + + + + r + + + + es + + + + St + + + + o + + + + r + + + + es + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + TOWN HALL + + + TOWN HALL + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + WATER TREATMENT + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + POLICE DEPARTMENT + + + POLICE DEPARTMENT + + + + + + POLICE DEPARTMENT + + + POLICE DEPARTMENT + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + SAVINGS BANK + + + SAVINGS BANK + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + GENERAL HOSPITAL + + + GENERAL HOSPITAL + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + GENERAL HOSPITAL + + + GENERAL HOSPITAL + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + HISTORY MUSEUM + + + HISTORY MUSEUM + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ENGINE HOUSE + + + ENGINE HOUSE + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 13 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + SH OES + + + + BAR BER + + + + + + MARKET + + + + MARKET + + + + MARKET + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + SHOE + + + + STOP + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ART MUSEUM + + + ART MUSEUM + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + STADIUM + + + STADIUM + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/person/background2.svg b/assets/img/person/background2.svg new file mode 100644 index 0000000..20a2e5c --- /dev/null +++ b/assets/img/person/background2.svg @@ -0,0 +1,29 @@ + + + + + + diff --git a/assets/img/person/barbara.svg b/assets/img/person/barbara.svg new file mode 100644 index 0000000..0941a5c --- /dev/null +++ b/assets/img/person/barbara.svg @@ -0,0 +1,252 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/person/brad.svg b/assets/img/person/brad.svg new file mode 100644 index 0000000..b6a32a2 --- /dev/null +++ b/assets/img/person/brad.svg @@ -0,0 +1,310 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/person/cindy.svg b/assets/img/person/cindy.svg new file mode 100644 index 0000000..4238737 --- /dev/null +++ b/assets/img/person/cindy.svg @@ -0,0 +1,291 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/person/dawn.svg b/assets/img/person/dawn.svg new file mode 100644 index 0000000..c37d8f5 --- /dev/null +++ b/assets/img/person/dawn.svg @@ -0,0 +1,209 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/person/george.svg b/assets/img/person/george.svg new file mode 100644 index 0000000..6627c42 --- /dev/null +++ b/assets/img/person/george.svg @@ -0,0 +1,230 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/person/guy.svg b/assets/img/person/guy.svg new file mode 100644 index 0000000..02edc72 --- /dev/null +++ b/assets/img/person/guy.svg @@ -0,0 +1,192 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/person/james.svg b/assets/img/person/james.svg new file mode 100644 index 0000000..70c9b83 --- /dev/null +++ b/assets/img/person/james.svg @@ -0,0 +1,248 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/person/jayda.svg b/assets/img/person/jayda.svg new file mode 100644 index 0000000..bf0c452 --- /dev/null +++ b/assets/img/person/jayda.svg @@ -0,0 +1,241 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/person/jim.svg b/assets/img/person/jim.svg new file mode 100644 index 0000000..e41d0a6 --- /dev/null +++ b/assets/img/person/jim.svg @@ -0,0 +1,295 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/person/lisa.svg b/assets/img/person/lisa.svg new file mode 100644 index 0000000..df10533 --- /dev/null +++ b/assets/img/person/lisa.svg @@ -0,0 +1,211 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/person/logo.svg b/assets/img/person/logo.svg new file mode 100644 index 0000000..d76d7f7 --- /dev/null +++ b/assets/img/person/logo.svg @@ -0,0 +1,207 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/person/megan.svg b/assets/img/person/megan.svg new file mode 100644 index 0000000..6bd886a --- /dev/null +++ b/assets/img/person/megan.svg @@ -0,0 +1,309 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/person/randy.svg b/assets/img/person/randy.svg new file mode 100644 index 0000000..3ddbe70 --- /dev/null +++ b/assets/img/person/randy.svg @@ -0,0 +1,210 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/person/randy1.svg b/assets/img/person/randy1.svg new file mode 100644 index 0000000..7e4c74b --- /dev/null +++ b/assets/img/person/randy1.svg @@ -0,0 +1,184 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/person/sarah.svg b/assets/img/person/sarah.svg new file mode 100644 index 0000000..69da1a5 --- /dev/null +++ b/assets/img/person/sarah.svg @@ -0,0 +1,253 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/person/sarasi.svg b/assets/img/person/sarasi.svg new file mode 100644 index 0000000..340dc7e --- /dev/null +++ b/assets/img/person/sarasi.svg @@ -0,0 +1,218 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/service-requests/service-requests_1.png b/assets/img/service-requests/service-requests_1.png new file mode 100755 index 0000000..512e680 Binary files /dev/null and b/assets/img/service-requests/service-requests_1.png differ diff --git a/assets/img/service-requests/service-requests_2.png b/assets/img/service-requests/service-requests_2.png new file mode 100755 index 0000000..84e8bc4 Binary files /dev/null and b/assets/img/service-requests/service-requests_2.png differ diff --git a/assets/img/service-requests/service-requests_3.png b/assets/img/service-requests/service-requests_3.png new file mode 100755 index 0000000..054ff2a Binary files /dev/null and b/assets/img/service-requests/service-requests_3.png differ diff --git a/assets/jquery.stickyheader.js b/assets/jquery.stickyheader.js new file mode 100755 index 0000000..7545014 --- /dev/null +++ b/assets/jquery.stickyheader.js @@ -0,0 +1,149 @@ +$(function(){ + $('table').each(function() { + if($(this).find('thead').length > 0 && $(this).find('th').length > 0) { + // Clone + var $w = $(window), + $t = $(this), + $thead = $t.find('thead').clone(), + $col = $t.find('thead, tbody').clone(); + + // Add class, remove margins, reset width and wrap table + $t + .addClass('sticky-enabled') + .css({ + margin: '0', + width: '100%' + }).wrap('
'); + + if($t.hasClass('overflow-y')) $t.removeClass('overflow-y').parent().addClass('overflow-y'); + + // Create new sticky table head (basic) + $t.after(''); + + // If contains
, then we create sticky column and intersect (advanced) + if($t.find('tbody th').length > 0) { + $t.after('
'); + } + + // Create shorthand for things + var $stickyHead = $(this).siblings('.sticky-thead'), + $stickyCol = $(this).siblings('.sticky-col'), + $stickyInsct = $(this).siblings('.sticky-intersect'), + $stickyWrap = $(this).parent('.sticky-wrap'); + + $stickyHead.append($thead); + + $stickyCol + .append($col) + .find('thead th:gt(0)').remove() + .end() + .find('tbody td').remove(); + + // $stickyInsct.html(''); + + // Set widths + var setWidths = function () { + $t + .find('thead th').each(function (i) { + $stickyHead.find('th').eq(i).width($(this).width()); + }) + .end() + .find('tr').each(function (i) { + $stickyCol.find('tr').eq(i).height($(this).height()); + }); + + // Set width of sticky table head + $stickyHead.width($t.width()); + + // Set width of sticky table col + $stickyCol.find('th').add($stickyInsct.find('th')).width($t.find('thead th').width()) + }, + repositionStickyHead = function () { + // Return value of calculated allowance + var allowance = calcAllowance(); + + // Check if wrapper parent is overflowing along the y-axis + if($t.height() > $stickyWrap.height()) { + // If it is overflowing (advanced layout) + // Position sticky header based on wrapper scrollTop() + if($stickyWrap.scrollTop() > 0) { + // When top of wrapping parent is out of view + $stickyHead.add($stickyInsct).css({ + opacity: 0, + top: $stickyWrap.scrollTop() + }); + } else { + // When top of wrapping parent is in view + $stickyHead.add($stickyInsct).css({ + opacity: 0, + top: 0 + }); + } + } else { + // If it is not overflowing (basic layout) + // Position sticky header based on viewport scrollTop + if($w.scrollTop() > $t.offset().top && $w.scrollTop() < $t.offset().top + $t.outerHeight() - allowance) { + // When top of viewport is in the table itself + $stickyHead.add($stickyInsct).css({ + opacity: 1, + top: $w.scrollTop() - $t.offset().top + }); + } else { + // When top of viewport is above or below table + $stickyHead.add($stickyInsct).css({ + opacity: 0, + top: 0 + }); + } + } + }, + repositionStickyCol = function () { + if($stickyWrap.scrollLeft() > 0) { + // When left of wrapping parent is out of view + $stickyCol.add($stickyInsct).css({ + opacity: 0, + left: $stickyWrap.scrollLeft() + }); + } else { + // When left of wrapping parent is in view + $stickyCol + .css({ opacity: 0 }) + .add($stickyInsct).css({ left: 0 }); + } + }, + calcAllowance = function () { + var a = 0; + // Calculate allowance + $t.find('tbody tr:lt(3)').each(function () { + a += $(this).height(); + }); + + // Set fail safe limit (last three row might be too tall) + // Set arbitrary limit at 0.25 of viewport height, or you can use an arbitrary pixel value + if(a > $w.height()*0.25) { + a = $w.height()*0.25; + } + + // Add the height of sticky header + a += $stickyHead.height(); + return a; + }; + + setWidths(); + + $t.parent('.sticky-wrap').scroll($.throttle(5, function() { + repositionStickyHead(); + repositionStickyCol(); + })); + + $w + .load(setWidths) + .resize($.debounce(15, function () { + setWidths(); + repositionStickyHead(); + repositionStickyCol(); + })) + .scroll($.throttle(10, repositionStickyHead)); + } + }); +}); diff --git a/assets/js/classie.js b/assets/js/classie.js new file mode 100755 index 0000000..a967554 --- /dev/null +++ b/assets/js/classie.js @@ -0,0 +1,80 @@ +/*! + * classie - class helper functions + * from bonzo https://github.com/ded/bonzo + * + * classie.has( elem, 'my-class' ) -> true/false + * classie.add( elem, 'my-new-class' ) + * classie.remove( elem, 'my-unwanted-class' ) + * classie.toggle( elem, 'my-class' ) + */ + +/*jshint browser: true, strict: true, undef: true */ +/*global define: false */ + +( function( window ) { + +'use strict'; + +// class helper functions from bonzo https://github.com/ded/bonzo + +function classReg( className ) { + return new RegExp("(^|\\s+)" + className + "(\\s+|$)"); +} + +// classList support for class management +// altho to be fair, the api sucks because it won't accept multiple classes at once +var hasClass, addClass, removeClass; + +if ( 'classList' in document.documentElement ) { + hasClass = function( elem, c ) { + return elem.classList.contains( c ); + }; + addClass = function( elem, c ) { + elem.classList.add( c ); + }; + removeClass = function( elem, c ) { + elem.classList.remove( c ); + }; +} +else { + hasClass = function( elem, c ) { + return classReg( c ).test( elem.className ); + }; + addClass = function( elem, c ) { + if ( !hasClass( elem, c ) ) { + elem.className = elem.className + ' ' + c; + } + }; + removeClass = function( elem, c ) { + elem.className = elem.className.replace( classReg( c ), ' ' ); + }; +} + +function toggleClass( elem, c ) { + var fn = hasClass( elem, c ) ? removeClass : addClass; + fn( elem, c ); +} + +var classie = { + // full names + hasClass: hasClass, + addClass: addClass, + removeClass: removeClass, + toggleClass: toggleClass, + // short names + has: hasClass, + add: addClass, + remove: removeClass, + toggle: toggleClass +}; + +// transport +if ( typeof define === 'function' && define.amd ) { + // AMD + define( classie ); +} else { + // browser global + window.classie = classie; +} + +})( window ); diff --git a/assets/js/code.js b/assets/js/code.js new file mode 100644 index 0000000..c259e90 --- /dev/null +++ b/assets/js/code.js @@ -0,0 +1,199 @@ +document.addEventListener('DOMContentLoaded', function(){ // on dom ready + + + + var cy = cytoscape({ + container: document.querySelector('#cy'), + //container: document.getElementById('cy'), + boxSelectionEnabled: true, + zoomingEnabled: true, + + + style: cytoscape.stylesheet() + .selector('node') + .css({ + 'content': 'data(name)', + 'color': 'black', + 'background-color': 'data(color)', + 'background-image': 'data(url)', + 'background-width' : 'data(imagesize)', + 'background-height' : 'data(imagesize)', + 'width': 'data(backroudsize)', + 'height': 'data(backroudsize)', + 'top':'position(y)', + 'left':'position(x)', + }) + .selector('node') + .css({ + 'content2': 'data(title)', + }) + .selector('edge') + .css({ + 'curve-style': 'bezier', + 'line-color': 'data(color)', + 'width': 1 + }) + + .selector(':selected') + .css({ + 'background-color': 'yellow', + 'line-color': 'yellow', + + }) + + + .selector('.zoom') + .css({ + 'background-width' : 180, + 'background-height':180, + 'width': 180, + 'height': 180 + }) + + .selector('.faded') + .css({ + 'opacity': 0.1, + 'text-opacity': 0, + 'line-color' : 'yellow', + + + }) + + .selector('.hide') + .css({ + 'opacity': 0, + 'text-opacity': 0, + 'line-color' : 'yellow', + + }), + + + elements: cytoscapeElements, + + + layout: { + name: 'preset', + padding: 10 + } + + + }); + + +// cy.elements().trigger('hover'); + +// $.each(cytoscapeElements.nodes, function (index, element) { +// let nodeId = "#" + element.data.id; + +// cy.style().selector( nodeId ).css({ +// 'background-image': 'url("public/img/' + element.data.backgroundimage +'")', +// 'background-width' :element.data.width , +// 'background-height':element.data.height, +// 'background-size': '100%', +// 'width': element.data.width, +// 'height': element.data.width +// }); +// }); + + + +//when mouse hover highlight nodes +cy.on('mouseover', 'node', function(e){ + var node = e.cyTarget; + var neighborhood = node.neighborhood().add(node); + + cy.elements().addClass('faded'); + neighborhood.removeClass('faded'); + +}); + +cy.on('tap', 'node', function(e){ + var node= e.cyTarget; + var neighborhood = node.neighborhood().add(node); +}); + + + + +cy.on('mouseout', function(e){ + if( e.cyTarget === cy ){ + cy.elements().removeClass('faded'); + + } +}); + + + + + +// see http://qtip2.com/ + + +cy.on('tap', 'node', function(e){ + var node = e.cyTarget; + var neighborhood = node.neighborhood().add(node); + + cy.elements().addClass('hide'); + neighborhood.removeClass('hide'); + var j = neighborhood + + cy.animate({ + fit: { + eles: j, + padding: 2 + } + }, { + duration: 300 + }); + +}); + +cy.on('mouseout', function(e){ + + cy.elements().removeClass('hide'); + + +}); + + +// add qtip for person +$.each(cytoscapeElements.nodes, function (index, element) { + + // console.log(index, element); + + cy.$('#' + element.data.id).on('mouseover', function(event){ + cy.$('#' + element.data.id).qtip({ + content: element.data.description, + show: { + event: event.type, + ready: true + }, + hide: { + event: 'mouseout unfocus' + }, + + position:{ + my: 'center left', + at: 'top center' + + }, + style: { + classes: 'qtip-default', + tip: { + width: 16, + height: 16 + } + + + } + }, event); + + }); +}); + + + + + + +}); // on dom ready diff --git a/assets/js/cytoscape.min.js b/assets/js/cytoscape.min.js new file mode 100644 index 0000000..987a24e --- /dev/null +++ b/assets/js/cytoscape.min.js @@ -0,0 +1,63 @@ +!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.cytoscape=e()}}(function(){var define,module,exports;return function e(t,r,n){function i(o,s){if(!r[o]){if(!t[o]){var l="function"==typeof require&&require;if(!s&&l)return l(o,!0);if(a)return a(o,!0);var u=new Error("Cannot find module '"+o+"'");throw u.code="MODULE_NOT_FOUND",u}var c=r[o]={exports:{}};t[o][0].call(c.exports,function(e){var r=t[o][1][e];return i(r?r:e)},c,c.exports,e,t,r,n)}return r[o].exports}for(var a="function"==typeof require&&require,o=0;oa&&(n=a,r=i)}return r}},a=this._private.cy;if(null!=e&&null!=e.root){var o=n.string(e.root)?this.filter(e.root)[0]:e.root[0];if(null!=e.goal){var s=n.string(e.goal)?this.filter(e.goal)[0]:e.goal[0];if(null!=e.heuristic&&n.fn(e.heuristic))var l=e.heuristic;else var l=function(){return 0};if(null!=e.weight&&n.fn(e.weight))var u=e.weight;else var u=function(e){return 1};if(null!=e.directed)var c=e.directed;else var c=!1;var d=[],h=[o.id()],p={},f={},v={},g={};v[o.id()]=0,g[o.id()]=l(o);for(var y=this.edges().stdFilter(function(e){return!e.isLoop()}),m=this.nodes(),b=0;h.length>0;){var x=i(h,g),w=a.getElementById(h[x]);if(b++,w.id()==s.id()){var E=r(o.id(),s.id(),p,[]);return E.reverse(),{found:!0,distance:v[w.id()],path:t.spawn(E),steps:b}}d.push(w.id()),h.splice(x,1);var _=w.connectedEdges();c&&(_=_.stdFilter(function(e){return e.data("source")===w.id()})),_=_.intersect(y);for(var P=0;P<_.length;P++){var S=_[P],k=S.connectedNodes().stdFilter(function(e){return e.id()!==w.id()}).intersect(m);if(-1==d.indexOf(k.id())){var T=v[w.id()]+u.apply(S,[S]);-1!=h.indexOf(k.id())?Th;h++)d[u[h].id()]=h;for(var p=[],f=[],v=[],h=0;c>h;h++)u[h].id()===o.id()?p[h]=0:p[h]=1/0,f[h]=void 0;for(var g=!1,h=1;c>h;h++){g=!1;for(var y=0;yh;h++)E.push(u[h].id());var _={distanceTo:function(e){if(n.string(e))var t=s.filter(e)[0].id();else var t=e.id();return p[d[t]]},pathTo:function(e){var r=function(e,t,r,n,i,a){for(;;){if(i.push(s.getElementById(n[r])),i.push(a[r]),t===r)return i;var o=e[r];if("undefined"==typeof o)return;r=o}};if(n.string(e))var i=s.filter(e)[0].id();else var i=e.id();var a=[],l=r(f,d[o.id()],d[i],E,a,v);return null!=l&&l.reverse(),t.spawn(l)},hasNegativeWeightCycle:!1};return _}}};t.exports=a},{"../../is":83,"../../util":100}],5:[function(e,t,r){"use strict";var n=e("../../is"),i=e("../../heap"),a={betweennessCentrality:function(e){e=e||{};var t,r;n.fn(e.weight)?(r=e.weight,t=!0):t=!1;for(var a=null!=e.directed?e.directed:!1,o=this._private.cy,s=this.nodes(),l={},u={},c=0,d={set:function(e,t){u[e]=t,t>c&&(c=t)},get:function(e){return u[e]}},h=0;h0?S.edgesTo(P)[0]:P.edgesTo(S)[0];var k=r.apply(_,[_]);P=P.id(),x[P]>x[p]+k&&(x[P]=x[p]+k,w.nodes.indexOf(P)<0?w.push(P):w.updateItem(P),b[P]=0,m[P]=[]),x[P]==x[p]+k&&(b[P]=b[P]+b[p],m[P].push(p))}else for(var E=0;E0;)for(var P=y.pop(),E=0;Ea&&(a=u),i[o[l].id()]=u}return{closeness:function(e){if(0==a)return 0;if(n.string(e))var e=t.filter(e)[0].id();else var e=e.id();return i[e]/a}}},closenessCentrality:function(e){if(e=e||{},null!=e.root){if(n.string(e.root))var t=this.filter(e.root)[0];else var t=e.root[0];if(null!=e.weight&&n.fn(e.weight))var r=e.weight;else var r=function(){return 1};if(null!=e.directed&&n.bool(e.directed))var i=e.directed;else var i=!1;var a=e.harmonic;void 0===a&&(a=!0);for(var o=this.dijkstra({root:t,weight:r,directed:i}),s=0,l=this.nodes(),u=0;ud;d++){var h=a[d],p=this.degreeCentrality(i.extend({},e,{root:h}));ud;d++){var h=a[d],p=this.degreeCentrality(i.extend({},e,{root:h}));vu||!i)&&(o=u,i=l)}return{edge:i,dist:o}};v.size()>0;){var b=v.pop(),x=p(b),w=b.id();if(c[w]=x,x===Math.Infinite)break;for(var E=b.neighborhood().intersect(h),g=0;g0)for(r.unshift(t);u[i.id()];){var a=u[i.id()];r.unshift(a.edge),r.unshift(a.node),i=a.node}return o.collection(r)}}}};t.exports=a},{"../../heap":81,"../../is":83}],10:[function(e,t,r){"use strict";var n=e("../../is"),i={floydWarshall:function(e){e=e||{};var t=this.cy();if(null!=e.weight&&n.fn(e.weight))var r=e.weight;else var r=function(e){return 1};if(null!=e.directed)var i=e.directed;else var i=!1;for(var a=this.edges().stdFilter(function(e){return!e.isLoop()}),o=this.nodes(),s=o.length,l={},u=0;s>u;u++)l[o[u].id()]=u;for(var c=[],u=0;s>u;u++){for(var d=new Array(s),h=0;s>h;h++)u==h?d[h]=0:d[h]=1/0;c.push(d)}var p=[],f=[],v=function(e){for(var t=0;s>t;t++){for(var r=new Array(s),n=0;s>n;n++)r[n]=void 0;e.push(r)}};v(p),v(f);for(var u=0;um&&(c[g][y]=m,p[g][y]=y,f[g][y]=a[u])}if(!i)for(var u=0;um&&(c[g][y]=m,p[g][y]=y,f[g][y]=a[u])}for(var b=0;s>b;b++)for(var u=0;s>u;u++)for(var h=0;s>h;h++)c[u][b]+c[b][h]u;u++)x.push(o[u].id());var w={distance:function(e,r){if(n.string(e))var i=t.filter(e)[0].id();else var i=e.id();if(n.string(r))var a=t.filter(r)[0].id();else var a=r.id();return c[l[i]][l[a]]},path:function(e,r){var i=function(e,r,n,i,a){if(e===r)return t.getElementById(i[e]);if(void 0!==n[e][r]){for(var o=[t.getElementById(i[e])],s=e;e!==r;){s=e,e=n[e][r];var l=a[s][e];o.push(l),o.push(t.getElementById(i[e]))}return o}};if(n.string(e))var a=t.filter(e)[0].id();else var a=e.id();if(n.string(r))var o=t.filter(r)[0].id();else var o=r.id();var s=i(l[a],l[o],p,x,f);return t.collection(s)}};return w}};t.exports=i},{"../../is":83}],11:[function(e,t,r){"use strict";var n=e("../../util"),i={};[e("./bfs-dfs"),e("./dijkstra"),e("./kruskal"),e("./a-star"),e("./floyd-warshall"),e("./bellman-ford"),e("./kerger-stein"),e("./page-rank"),e("./degree-centrality"),e("./closeness-centrality"),e("./betweenness-centrality")].forEach(function(e){n.extend(i,e)}),t.exports=i},{"../../util":100,"./a-star":3,"./bellman-ford":4,"./betweenness-centrality":5,"./bfs-dfs":6,"./closeness-centrality":7,"./degree-centrality":8,"./dijkstra":9,"./floyd-warshall":10,"./kerger-stein":12,"./kruskal":13,"./page-rank":14}],12:[function(e,t,r){"use strict";var n=e("../../util"),i={kargerStein:function(e){var t=this;e=e||{};var r=function(e,t,r){for(var n=r[e],i=n[1],a=n[2],o=t[i],s=t[a],l=r.filter(function(e){return t[e[1]]===o&&t[e[2]]===s?!1:t[e[1]]!==s||t[e[2]]!==o}),u=0;u=n)return t;var o=Math.floor(Math.random()*t.length),s=r(o,e,t);return i(e,s,n-1,a)},a=this._private.cy,o=this.edges().stdFilter(function(e){return!e.isLoop()}),s=this.nodes(),l=s.length,u=o.length,c=Math.ceil(Math.pow(Math.log(l)/Math.LN2,2)),d=Math.floor(l/Math.sqrt(2));if(2>l)return void n.error("At least 2 nodes are required for Karger-Stein algorithm");for(var h={},p=0;l>p;p++)h[s[p].id()]=p;for(var f=[],p=0;u>p;p++){var v=o[p];f.push([p,h[v.source().id()],h[v.target().id()]])}for(var g,y=1/0,m=[],p=0;l>p;p++)m.push(p);for(var b=0;c>=b;b++){var x=m.slice(0),w=i(x,f,l,d),E=x.slice(0),_=i(x,w,d,2),P=i(E,w,d,2);_.length<=P.length&&_.lengthn;n++)r+=e[n];for(var n=0;t>n;n++)e[n]=e[n]/r};if(null!=e&&null!=e.dampingFactor)var r=e.dampingFactor;else var r=.8;if(null!=e&&null!=e.precision)var i=e.precision;else var i=1e-6;if(null!=e&&null!=e.iterations)var a=e.iterations;else var a=200;if(null!=e&&null!=e.weight&&n.fn(e.weight))var o=e.weight;else var o=function(e){return 1};for(var s=this._private.cy,l=this.edges().stdFilter(function(e){return!e.isLoop()}),u=this.nodes(),c=u.length,d=l.length,h={},p=0;c>p;p++)h[u[p].id()]=p;for(var f=[],v=[],g=(1-r)/c,p=0;c>p;p++){for(var y=[],m=0;c>m;m++)y.push(0);f.push(y),v.push(0)}for(var p=0;d>p;p++){var b=l[p],x=h[b.source().id()],w=h[b.target().id()],E=o.apply(b,[b]);f[w][x]+=E,v[x]+=E}for(var _=1/c+g,m=0;c>m;m++)if(0===v[m])for(var p=0;c>p;p++)f[p][m]=_;else for(var p=0;c>p;p++)f[p][m]=f[p][m]/v[m]+g;for(var P,S=[],k=[],p=0;c>p;p++)S.push(1),k.push(0);for(var T=0;a>T;T++){for(var D=k.slice(0),p=0;c>p;p++)for(var m=0;c>m;m++)D[p]+=f[p][m]*S[m];t(D),P=S,S=D;for(var C=0,p=0;c>p;p++)C+=Math.pow(P[p]-S[p],2);if(i>C)break}var M={rank:function(e){if(n.string(e))var t=s.filter(e)[0].id();else var t=e.id();return S[h[t]]}};return M}};t.exports=i},{"../../is":83}],15:[function(e,t,r){"use strict";var n=e("../define"),i={animate:n.animate(),animation:n.animation(),animated:n.animated(),clearQueue:n.clearQueue(),delay:n.delay(),delayAnimation:n.delayAnimation(),stop:n.stop()};t.exports=i},{"../define":44}],16:[function(e,t,r){"use strict";var n=e("../util"),i={classes:function(e){e=(e||"").match(/\S+/g)||[];for(var t=this,r=[],i={},a=0;a0&&this.spawn(r).updateStyle().trigger("class"),t},addClass:function(e){return this.toggleClass(e,!0)},hasClass:function(e){var t=this[0];return!(null==t||!t._private.classes[e])},toggleClass:function(e,t){for(var r=e.match(/\S+/g)||[],n=this,i=[],a=0,o=n.length;o>a;a++)for(var s=n[a],l=!1,u=0;u0&&this.spawn(i).updateStyle().trigger("class"),n},removeClass:function(e){return this.toggleClass(e,!1)},flashClass:function(e,t){var r=this;if(null==t)t=250;else if(0===t)return r;return r.addClass(e),setTimeout(function(){r.removeClass(e)},t),r}};t.exports=i},{"../util":100}],17:[function(e,t,r){"use strict";var n={allAre:function(e){return this.filter(e).length===this.length},is:function(e){return this.filter(e).length>0},some:function(e,t){for(var r=0;r0},allAreNeighbors:function(e){return e=this.cy().collection(e),this.neighborhood().intersect(e).length===e.length}};n.allAreNeighbours=n.allAreNeighbors,t.exports=n},{}],18:[function(e,t,r){"use strict";var n={parent:function(e){for(var t=[],r=this._private.cy,n=0;n0&&t.push(a)}return this.spawn(t,{unique:!0}).filter(e)},parents:function(e){for(var t=[],r=this.parent();r.nonempty();){for(var n=0;ne}),maxDegree:i("degree",function(e,t){return e>t}),minIndegree:i("indegree",function(e,t){return t>e}),maxIndegree:i("indegree",function(e,t){return e>t}),minOutdegree:i("outdegree",function(e,t){return t>e}),maxOutdegree:i("outdegree",function(e,t){return e>t})}),a.extend(o,{totalDegree:function(e){for(var t=0,r=this.nodes(),n=0;n0?this.add(o):this;t?l.trigger("position"):l.rtrigger("position")}return this},silentPositions:function(e){return this.positions(e,!0)},renderedPosition:function(e,t){var r=this[0],n=this.cy(),i=n.zoom(),a=n.pan(),o=s.plainObject(e)?e:void 0,l=void 0!==o||void 0!==t&&s.string(e);if(r&&r.isNode()){if(!l){var u=r._private.position;return o={x:u.x*i+a.x,y:u.y*i+a.y},void 0===e?o:o[e]}for(var c=0;c0,d=c;c&&(u=u[0]);var h=d?u._private.position:{x:0,y:0};return i={x:l.x-h.x,y:l.y-h.y},void 0===e?i:i[e]}for(var p=0;p0,d=c;c&&(u=u[0]);var h=d?u._private.position:{x:0,y:0};void 0!==t?r._private.position[e]=t+h[e]:void 0!==i&&(r._private.position={x:i.x+h.x,y:i.y+h.y})}this.rtrigger("position")}else if(!a)return;return this},renderedBoundingBox:function(e){var t=this.boundingBox(e),r=this.cy(),n=r.zoom(),i=r.pan(),a=t.x1*n+i.x,o=t.x2*n+i.x,s=t.y1*n+i.y,l=t.y2*n+i.y;return{x1:a,x2:o,y1:s,y2:l,w:o-a,h:l-s}},updateCompoundBounds:function(){function e(e){if(e.isParent()){var t=e._private,n=e.children(),i="include"===e.pstyle("compound-sizing-wrt-labels").value,a=n.boundingBox({includeLabels:i,includeShadows:!1,includeOverlays:!1,useCache:!1}),o=t.position;t.autoWidth=a.w,o.x=(a.x1+a.x2)/2,t.autoHeight=a.h,o.y=(a.y1+a.y2)/2,r.push(e)}}var t=this.cy();if(!t.styleEnabled()||!t.hasCompoundNodes())return t.collection();for(var r=[],n=this;n.nonempty();){for(var i=0;ie.x2?n:e.x2,e.y1=re.y2?i:e.y2)},h=function(e,t){return d(e,t.x1,t.y1,t.x2,t.y2)},p=function(e,t,r){return l.getPrefixedProperty(e,t,r)},f=function(e,t,r,n){var i,a,o=t._private,s=o.rstyle,l=s.arrowWidth/2,u=t.pstyle(r+"-arrow-shape").value;"none"!==u&&("source"===r?(i=s.srcX,a=s.srcY):"target"===r?(i=s.tgtX,a=s.tgtY):(i=s.midX,a=s.midY),d(e,i-l,a-l,i+l,a+l))},v=function(e,t,r,n){var i;i=r?r+"-":"";var a=t._private,o=a.rstyle,s=t.pstyle(i+"label").strValue;if(s){var l,u,c,h,f=t.pstyle("text-halign"),v=t.pstyle("text-valign"),g=p(o,"labelWidth",r),y=p(o,"labelHeight",r),m=p(o,"labelX",r),b=p(o,"labelY",r),x=t.pstyle(i+"text-margin-x").pfValue,w=t.pstyle(i+"text-margin-y").pfValue,E=t.isEdge(),_=t.pstyle(i+"text-rotation"),P=t.pstyle("text-shadow-blur").pfValue/2,S=t.pstyle("text-shadow-offset-x").pfValue,k=t.pstyle("text-shadow-offset-y").pfValue,T=t.pstyle("text-shadow-opacity").value,D=t.pstyle("text-outline-width").pfValue,C=t.pstyle("text-border-width").pfValue,M=C/2,N=y,B=g,z=B/2,I=N/2;if(E)l=m-z,u=m+z,c=b-I,h=b+I;else{switch(f.value){case"left":l=m-B,u=m;break;case"center":l=m-z,u=m+z;break;case"right":l=m,u=m+B}switch(v.value){case"top":c=b-N,h=b;break;case"center":c=b-I,h=b+I;break;case"bottom":c=b,h=b+N}}var L=E&&"autorotate"===_.strValue,O=null!=_.pfValue&&0!==_.pfValue;if(L||O){var A=L?p(a.rstyle,"labelAngle",r):_.pfValue,R=Math.cos(A),q=Math.sin(A),V=function(e,t){return e-=m,t-=b,{x:e*R-t*q+m,y:e*q+t*R+b}},F=V(l,c),j=V(l,h),X=V(u,c),Y=V(u,h);l=Math.min(F.x,j.x,X.x,Y.x),u=Math.max(F.x,j.x,X.x,Y.x),c=Math.min(F.y,j.y,X.y,Y.y),h=Math.max(F.y,j.y,X.y,Y.y)}l+=x-Math.max(D,M),u+=x+Math.max(D,M),c+=w-Math.max(D,M),h+=w+Math.max(D,M),d(e,l,c,u,h),n.includeShadows&&T>0&&(l+=-P+S,u+=+P+S,c+=-P+k,h+=+P+k,d(e,l,c,u,h))}return e},g=function(e,t){var r,n,i,a,o,s,l=e._private.cy,h=l._private,p=h.styleEnabled,g={x1:1/0,y1:1/0,x2:-(1/0),y2:-(1/0)},y=e._private,m=p?e.pstyle("display").value:"element",b=e.isNode(),x=e.isEdge(),w="none"!==m;if(w){var E=0,_=0;p&&t.includeOverlays&&(E=e.pstyle("overlay-opacity").value,0!==E&&(_=e.pstyle("overlay-padding").value));var P=0,S=0;if(p&&(P=e.pstyle("width").pfValue,S=P/2),b&&t.includeNodes){var k=y.position;o=k.x,s=k.y;var P=e.outerWidth(),T=P/2,D=e.outerHeight(),C=D/2;r=o-T-_,n=o+T+_,i=s-C-_,a=s+C+_,d(g,r,i,n,a)}else if(x&&t.includeEdges){var M=y.rstyle||{};if(p&&(r=Math.min(M.srcX,M.midX,M.tgtX),n=Math.max(M.srcX,M.midX,M.tgtX),i=Math.min(M.srcY,M.midY,M.tgtY),a=Math.max(M.srcY,M.midY,M.tgtY),r-=S,n+=S,i-=S,a+=S,d(g,r,i,n,a)),p&&"haystack"===e.pstyle("curve-style").strValue){var N=M.haystackPts;if(r=N[0].x,i=N[0].y,n=N[1].x,a=N[1].y,r>n){var B=r;r=n,n=B}if(i>a){var B=i;i=a,a=B}d(g,r-S,i-S,n+S,a+S)}else{for(var z=M.bezierPts||M.linePts||[],I=0;In){var B=r;r=n,n=B}if(i>a){var B=i;i=a,a=B}r-=S,n+=S,i-=S,a+=S,d(g,r,i,n,a)}}}if(p){if(r=g.x1,n=g.x2,i=g.y1,a=g.y2,t.includeShadows&&e.pstyle("shadow-opacity").value>0){var j=e.pstyle("shadow-blur").pfValue/2,X=e.pstyle("shadow-offset-x").pfValue,Y=e.pstyle("shadow-offset-y").pfValue;d(g,r-j+X,i-j+Y,n+j+X,a+j+Y)}d(g,r-_,i-_,n+_,a+_)}p&&t.includeEdges&&x&&(f(g,e,"mid-source",t),f(g,e,"mid-target",t),f(g,e,"source",t),f(g,e,"target",t)),p&&t.includeLabels&&(v(g,e,null,t),x&&(v(g,e,"source",t),v(g,e,"target",t)))}return g.x1=c(g.x1),g.y1=c(g.y1),g.x2=c(g.x2),g.y2=c(g.y2),g.w=c(g.x2-g.x1),g.h=c(g.y2-g.y1),g.w>0&&g.h>0&&w&&u.expandBoundingBox(g,1),g},y=function(e){return e?"t":"f"},m=function(e){var t="";return t+=y(e.incudeNodes),t+=y(e.includeEdges),t+=y(e.includeLabels),t+=y(e.includeShadows),t+=y(e.includeOverlays)},b=function(e,t){var r,n=e._private,i=e.cy().headless(),a=t===x?w:m(t);return t.useCache&&!i&&n.bbCache&&n.bbCache[a]?r=n.bbCache[a]:(r=g(e,t),i||(n.bbCache=n.bbCache||{},n.bbCache[a]=r)),r},x={includeNodes:!0,includeEdges:!0,includeLabels:!0,includeShadows:!0,includeOverlays:!0,useCache:!0},w=m(x);a.recalculateRenderedStyle=function(e){var t=this.cy(),r=t.renderer(),n=t.styleEnabled();return r&&n&&r.recalculateRenderedStyle(this,e),this},a.boundingBox=function(e){if(1===this.length&&this[0]._private.bbCache&&(void 0===e||void 0===e.useCache||e.useCache===!0))return e=void 0===e?x:n(e),b(this[0],e);var t={x1:1/0,y1:1/0, +x2:-(1/0),y2:-(1/0)};e=e||l.staticEmptyObject();var r=n(e),i=this,a=i.cy(),o=a.styleEnabled();o&&this.recalculateRenderedStyle(r.useCache);for(var s=0;sd;d++){var p=c[d];p&&""!==p&&(a._private.classes[p]=!0)}(t.style||t.css)&&e.style().applyBypass(this,t.style||t.css),(void 0===r||r)&&this.restore()};t.exports=a},{"../is":83,"../util":100}],23:[function(e,t,r){"use strict";var n=e("../define"),i={on:n.on(),one:n.on({unbindSelfOnTrigger:!0}),once:n.on({unbindAllBindersOnTrigger:!0}),off:n.off(),trigger:n.trigger(),rtrigger:function(e,t){return 0!==this.length?(this.cy().notify({type:e,eles:this}),this.trigger(e,t),this):void 0}};n.eventAliasesOn(i),t.exports=i},{"../define":44}],24:[function(e,t,r){"use strict";var n=e("../is"),i=e("../selector"),a={nodes:function(e){return this.filter(function(e,t){return t.isNode()}).filter(e)},edges:function(e){return this.filter(function(e,t){return t.isEdge()}).filter(e)},filter:function(e){if(void 0===e)return this;if(n.string(e)||n.elementOrCollection(e))return i(e).filter(this);if(n.fn(e)){for(var t=[],r=0;r1&&!i){var a=this.length-1,o=this[a],s=o._private.data.id;this[a]=void 0,this[n]=o,t.indexes[s]=n}return this.length--,this},unmerge:function(e){var t=this._private.cy;if(!e)return this;if(e&&n.string(e)){var r=e;e=t.mutableElements().filter(r)}for(var i=0;in&&(n=s,r=o)}return{value:n,ele:r}},min:function(e,t){for(var r,n=1/0,i=this,a=0;as&&(n=s,r=o)}return{value:n,ele:r}}},o=a;o.u=o["|"]=o["+"]=o.union=o.or=o.add,o["\\"]=o["!"]=o["-"]=o.difference=o.relativeComplement=o.subtract=o.not,o.n=o["&"]=o["."]=o.and=o.intersection=o.intersect,o["^"]=o["(+)"]=o["(-)"]=o.symmetricDifference=o.symdiff=o.xor,o.fnFilter=o.filterFn=o.stdFilter,o.complement=o.abscomp=o.absoluteComplement,t.exports=a},{"../is":83,"../selector":87}],25:[function(e,t,r){"use strict";var n={isNode:function(){return"nodes"===this.group()},isEdge:function(){return"edges"===this.group()},isLoop:function(){return this.isEdge()&&this.source().id()===this.target().id()},isSimple:function(){return this.isEdge()&&this.source().id()!==this.target().id()},group:function(){var e=this[0];return e?e._private.group:void 0}};t.exports=n},{}],26:[function(e,t,r){"use strict";var n=e("../util"),i=e("../is"),a=e("./element"),o={generate:function(e,t,r){for(var i=null!=r?r:n.uuid();e.hasElementWithId(i);)i=n.uuid();return i}},s=function(e,t,r){if(void 0===e||!i.core(e))return void n.error("A collection must have a reference to the core");var s={},l={},u=!1;if(t){if(t.length>0&&i.plainObject(t[0])&&!i.element(t[0])){u=!0;for(var c=[],d={},h=0,p=t.length;p>h;h++){var f=t[h];null==f.data&&(f.data={});var v=f.data;if(null==v.id)v.id=o.generate(e,f);else if(e.hasElementWithId(v.id)||d[v.id])continue;var g=new a(e,f,!1);c.push(g),d[v.id]=!0}t=c}}else t=[];this.length=0;for(var h=0,p=t.length;p>h;h++){var y=t[h];if(y){var m=y._private.data.id;(!r||r.unique&&!s[m])&&(s[m]=y,l[m]=this.length,this[this.length]=y,this.length++)}}this._private={cy:e,ids:s,indexes:l},u&&this.restore()},l=a.prototype=s.prototype;l.instanceString=function(){return"collection"},l.spawn=function(e,t,r){return i.core(e)||(r=t,t=e,e=this.cy()),new s(e,t,r)},l.spawnSelf=function(){return this.spawn(this)},l.cy=function(){return this._private.cy},l.element=function(){return this[0]},l.collection=function(){return i.collection(this)?this:new s(this._private.cy,[this])},l.unique=function(){return new s(this._private.cy,this,{unique:!0})},l.hasElementWithId=function(e){return!!this._private.ids[e]},l.getElementById=function(e){var t=this._private.cy,r=this._private.ids[e];return r?r:new s(t)},l.poolIndex=function(){var e=this._private.cy,t=e._private.elements,r=this._private.data.id;return t._private.indexes[r]},l.json=function(e){var t=this.element(),r=this.cy();if(null==t&&e)return this;if(null!=t){var a=t._private;if(i.plainObject(e)){r.startBatch(),e.data&&t.data(e.data),e.position&&t.position(e.position);var o=function(r,n,i){var o=e[r];null!=o&&o!==a[r]&&(o?t[n]():t[i]())};return o("removed","remove","restore"),o("selected","select","unselect"),o("selectable","selectify","unselectify"),o("locked","lock","unlock"),o("grabbable","grabify","ungrabify"),null!=e.classes&&t.classes(e.classes),r.endBatch(),this}if(void 0===e){var s={data:n.copy(a.data),position:n.copy(a.position),group:a.group,removed:a.removed,selected:a.selected,selectable:a.selectable,locked:a.locked,grabbable:a.grabbable,classes:null};return s.classes=Object.keys(a.classes).filter(function(e){return a.classes[e]}).join(" "),s}}},l.jsons=function(){for(var e=[],t=0;td;d++){var p=t[d];p.removed()&&(p.isNode()?u.push(p):c.push(p))}l=u.concat(c);var d,f=function(){l.splice(d,1),d--};for(d=0;dP;P++){var S=w[P],k=g[S];i.number(k)&&(k=g[S]=""+g[S]),null==k||""===k?(n.error("Can not create edge `"+y+"` with unspecified "+S),_=!0):r.hasElementWithId(k)||(n.error("Can not create edge `"+y+"` with nonexistant "+S+" `"+k+"`"),_=!0)}if(_){f();continue}var T=r.getElementById(g.source),D=r.getElementById(g.target);T._private.edges.push(x),D._private.edges.push(x),x._private.source=T,x._private.target=D}v.ids={},v.ids[y]=p,v.indexes={},v.indexes[y]=p,v.removed=!1,r.addToPool(p)}for(var d=0;d0){for(var I=new s(r,l),d=0;df;f++){var g=u[f];i(g)}var y=[];y.ids={},p.removeFromPool(d);for(var f=0;f0&&(e&&this.cy().notify({type:"remove",eles:E}),E.trigger("remove"));for(var f=0;fe&&(e=n+e),0>t&&(t=n+t);for(var i=e;i>=0&&t>i&&n>i;i++)r.push(this[i]);return this.spawn(r)},size:function(){return this.length},eq:function(e){return this[e]||this.spawn()},first:function(){return this[0]||this.spawn()},last:function(){return this[this.length-1]||this.spawn()},empty:function(){return 0===this.length},nonempty:function(){return!this.empty()},sort:function(e){if(!n.fn(e))return this;var t=this.toArray().sort(e);return this.spawn(t)},sortByZIndex:function(){return this.sort(i)},zDepth:function(){var e=this[0];if(e){var t=e._private,r=t.group;if("nodes"===r){var n=t.data.parent?e.parents().size():0;return e.isParent()?n:Number.MAX_VALUE}var i=t.source,a=t.target,o=i.zDepth(),s=a.zDepth();return Math.max(o,s,0)}}};t.exports=a},{"../is":83,"./zsort":32}],28:[function(e,t,r){"use strict";var n=e("../is"),i=e("../util"),a=e("../promise"),o={layoutPositions:function(e,t,r){var i=this.nodes(),o=this.cy();if(e.trigger({type:"layoutstart",layout:e}),e.animations=[],t.animate){for(var s=0;s0?this.add(n):this;return e?i.rtrigger("style"):i.trigger("style"),this},parsedStyle:function(e){var t=this[0];if(t.cy().styleEnabled())return t?t._private.style[e]||t.cy().style().getDefaultProperty(e):void 0},renderedStyle:function(e){var t=this.cy();if(!t.styleEnabled())return this;var r=this[0];if(r){var n=r.cy().style().getRenderedStyle(r);return void 0===e?n:n[e]}},style:function(e,t){var r=this.cy();if(!r.styleEnabled())return this;var i=!1,a=r.style();if(n.plainObject(e)){var o=e;a.applyBypass(this,o,i);var s=this.updateCompoundBounds(),l=s.length>0?this.add(s):this;l.rtrigger("style")}else if(n.string(e)){if(void 0===t){var u=this[0];return u?a.getStylePropertyValue(u,e):void 0}a.applyBypass(this,e,t,i);var s=this.updateCompoundBounds(),l=s.length>0?this.add(s):this;l.rtrigger("style")}else if(void 0===e){var u=this[0];return u?a.getRawStyle(u):void 0}return this},removeStyle:function(e){var t=this.cy();if(!t.styleEnabled())return this;var r=!1,n=t.style(),i=this;if(void 0===e)for(var a=0;a0?this.add(s):this;return l.rtrigger("style"),this},show:function(){return this.css("display","element"),this},hide:function(){return this.css("display","none"),this},visible:function(){var e=this.cy();if(!e.styleEnabled())return!0;var t=this[0],r=e.hasCompoundNodes();if(t){if("visible"!==t.pstyle("visibility").value||"element"!==t.pstyle("display").value||0===t.pstyle("width").pfValue)return!1;if("nodes"===t._private.group){if(0===t.pstyle("height").pfValue)return!1;if(!r)return!0;var n=t._private.data.parent?t.parents():null;if(n)for(var i=0;i0&&t.push(c[0]),t.push(s[0])}return this.spawn(t,{unique:!0}).filter(e)},"neighborhood"),closedNeighborhood:function(e){return this.neighborhood().add(this).filter(e)},openNeighborhood:function(e){return this.neighborhood(e)}}),l.neighbourhood=l.neighborhood,l.closedNeighbourhood=l.closedNeighborhood,l.openNeighbourhood=l.openNeighborhood,o.extend(l,{source:u(function(e){var t,r=this[0];return r&&(t=r._private.source||r.cy().collection()),t&&e?t.filter(e):t},"source"),target:u(function(e){var t,r=this[0];return r&&(t=r._private.target||r.cy().collection()),t&&e?t.filter(e):t},"target"),sources:n({attr:"source"}),targets:n({attr:"target"})}),o.extend(l,{edgesWith:u(i(),"edgesWith",!0),edgesTo:u(i({thisIsSrc:!0}),"edgesTo",!0)}),o.extend(l,{connectedEdges:u(function(e){for(var t=[],r=this,n=0;n0);return i.map(function(e){var t=e.connectedEdges().stdFilter(function(t){return e.anySame(t.source())&&e.anySame(t.target())});return e.union(t)})}}),t.exports=l},{"../is":83,"../util":100}],32:[function(e,t,r){"use strict";var n=function(e,t){var r=e.cy(),n=e.pstyle("z-index").value-t.pstyle("z-index").value,i=0,a=0,o=r.hasCompoundNodes(),s=e.isNode(),l=!s,u=t.isNode(),c=!u;o&&(i=e.zDepth(),a=t.zDepth());var d=i-a,h=0===d;return h?s&&c?1:l&&u?-1:0===n?e.poolIndex()-t.poolIndex():n:d};t.exports=n},{}],33:[function(e,t,r){"use strict";var n=e("../is"),i=e("../util"),a=e("../collection"),o=e("../collection/element"),s={add:function(e){var t,r=this;if(n.elementOrCollection(e)){var s=e;if(s._private.cy===r)t=s.restore();else{for(var l=[],u=0;uu;u++){var f=h[u],v=d[f];if(n.array(v))for(var g=0,y=v.length;y>g;g++){var m=i.extend({group:f},v[g]);l.push(m)}}t=new a(r,l)}else{var m=e;t=new o(r,m).collection()}return t},remove:function(e){if(n.elementOrCollection(e));else if(n.string(e)){var t=e;e=this.$(t)}return e.remove()},load:function(e,t,r){var a=this;a.notifications(!1);var o=a.mutableElements();o.length>0&&o.remove(),null!=e&&(n.plainObject(e)||n.array(e))&&a.add(e),a.one("layoutready",function(e){a.notifications(!0),a.trigger(e),a.notify({type:"load",eles:a.mutableElements()}),a.one("load",t),a.trigger("load")}).one("layoutstop",function(){a.one("done",r),a.trigger("done")});var s=i.extend({},a._private.options.layout);return s.eles=a.elements(),a.layout(s),this}};t.exports=s},{"../collection":26,"../collection/element":22,"../is":83,"../util":100}],34:[function(e,t,r){"use strict";var n=e("../define"),i=e("../util"),a=e("../is"),o={animate:n.animate(),animation:n.animation(),animated:n.animated(),clearQueue:n.clearQueue(),delay:n.delay(),delayAnimation:n.delayAnimation(),stop:n.stop(),addToAnimationPool:function(e){var t=this;t.styleEnabled()&&t._private.aniEles.merge(e)},stopAnimationLoop:function(){this._private.animationsRunning=!1},startAnimationLoop:function(){function e(){c._private.animationsRunning&&i.requestAnimationFrame(function(r){t(r),e()})}function t(e){function t(t,i){var s=t._private,l=s.animation.current,u=s.animation.queue,c=!1;if(0===l.length){var d=u.shift();d&&l.push(d)}for(var h=function(e){for(var t=e.length-1;t>=0;t--){var r=e[t];r()}e.splice(0,e.length)},p=l.length-1;p>=0;p--){var f=l[p],v=f._private;v.stopped?(l.splice(p,1),v.hooked=!1,v.playing=!1,v.started=!1,h(v.frames)):(v.playing||v.applying)&&(v.playing&&v.applying&&(v.applying=!1),v.started||r(t,f,e),n(t,f,e,i),a.fn(v.step)&&v.step.call(t,e),v.applying&&(v.applying=!1),h(v.frames),f.completed()&&(l.splice(p,1),v.hooked=!1,v.playing=!1,v.started=!1,h(v.completes)),c=!0)}return i||0!==l.length||0!==u.length||o.push(t),c}for(var i=c._private.aniEles,o=[],s=!1,l=0;l0){var p=i.updateCompoundBounds().spawnSelf().merge(i);c.notify({type:"draw",eles:p})}else c.notify({type:"draw"});i.unmerge(o),c.trigger("step")}function r(e,t,r){var n=a.core(e),i=!n,o=e,s=c._private.style,l=t._private;if(i){var u=o._private.position;l.startPosition=l.startPosition||{x:u.x,y:u.y},l.startStyle=l.startStyle||s.getAnimationStartStyle(o,l.style)}if(n){var d=c._private.pan;l.startPan=l.startPan||{x:d.x,y:d.y},l.startZoom=null!=l.startZoom?l.startZoom:c._private.zoom}l.started=!0,l.startTime=r-l.progress*l.duration}function n(e,t,r,n){var i=c._private.style,s=!n,l=e._private,d=t._private,h=d.easing,f=d.startTime;if(!d.easingImpl)if(null==h)d.easingImpl=p.linear;else{var v;if(a.string(h)){var g=i.parse("transition-timing-function",h);v=g.value}else v=h;var y,m;a.string(v)?(y=v,m=[]):(y=v[1],m=v.slice(2).map(function(e){return+e})),m.length>0?("spring"===y&&m.push(d.duration),d.easingImpl=p[y].apply(null,m)):d.easingImpl=p[y]}var b,x=d.easingImpl;if(b=0===d.duration?1:(r-f)/d.duration,d.applying&&(b=d.progress),0>b?b=0:b>1&&(b=1),null==d.delay){var w=d.startPosition,E=d.position,_=l.position;E&&s&&(o(w.x,E.x)&&(_.x=u(w.x,E.x,b,x)),o(w.y,E.y)&&(_.y=u(w.y,E.y,b,x)),e.trigger("position"));var P=d.startPan,S=d.pan,k=l.pan,T=null!=S&&n;T&&(o(P.x,S.x)&&(k.x=u(P.x,S.x,b,x)),o(P.y,S.y)&&(k.y=u(P.y,S.y,b,x)),e.trigger("pan"));var D=d.startZoom,C=d.zoom,M=null!=C&&n;M&&(o(D,C)&&(l.zoom=u(D,C,b,x)),e.trigger("zoom")),(T||M)&&e.trigger("viewport");var N=d.style;if(N&&N.length>0&&s){for(var B=0;Br?r=0:r>1&&(r=1);var i,o;if(i=null!=e.pfValue||null!=e.value?null!=e.pfValue?e.pfValue:e.value:e,o=null!=t.pfValue||null!=t.value?null!=t.pfValue?t.pfValue:t.value:t,a.number(i)&&a.number(o))return n(i,o,r);if(a.array(i)&&a.array(o)){for(var s=[],l=0;ld&&Math.abs(s.v)>d))break;return a?function(e){return u[e*(u.length-1)|0]}:c}}(),p={linear:function(e,t,r){return e+(t-e)*r},ease:l(.25,.1,.25,1),"ease-in":l(.42,0,1,1),"ease-out":l(0,0,.58,1),"ease-in-out":l(.42,0,.58,1),"ease-in-sine":l(.47,0,.745,.715),"ease-out-sine":l(.39,.575,.565,1),"ease-in-out-sine":l(.445,.05,.55,.95),"ease-in-quad":l(.55,.085,.68,.53),"ease-out-quad":l(.25,.46,.45,.94),"ease-in-out-quad":l(.455,.03,.515,.955),"ease-in-cubic":l(.55,.055,.675,.19),"ease-out-cubic":l(.215,.61,.355,1),"ease-in-out-cubic":l(.645,.045,.355,1),"ease-in-quart":l(.895,.03,.685,.22),"ease-out-quart":l(.165,.84,.44,1),"ease-in-out-quart":l(.77,0,.175,1),"ease-in-quint":l(.755,.05,.855,.06),"ease-out-quint":l(.23,1,.32,1),"ease-in-out-quint":l(.86,0,.07,1),"ease-in-expo":l(.95,.05,.795,.035),"ease-out-expo":l(.19,1,.22,1),"ease-in-out-expo":l(1,0,0,1),"ease-in-circ":l(.6,.04,.98,.335),"ease-out-circ":l(.075,.82,.165,1),"ease-in-out-circ":l(.785,.135,.15,.86),spring:function(e,t,r){if(0===r)return p.linear;var n=h(e,t,r);return function(e,t,r){return e+(t-e)*n(r)}},"cubic-bezier":function(e,t,r,n){return l(e,t,r,n)}}}}};t.exports=o},{"../define":44,"../is":83,"../util":100}],35:[function(e,t,r){"use strict";var n=e("../define"),i={on:n.on(),one:n.on({unbindSelfOnTrigger:!0}),once:n.on({unbindAllBindersOnTrigger:!0}),off:n.off(),trigger:n.trigger()};n.eventAliasesOn(i),t.exports=i},{"../define":44}],36:[function(e,t,r){"use strict";var n={png:function(e){var t=this._private.renderer;return e=e||{},t.png(e)},jpg:function(e){var t=this._private.renderer;return e=e||{},e.bg=e.bg||"#fff",t.jpg(e)}};n.jpeg=n.jpg,t.exports=n},{}],37:[function(e,t,r){"use strict";var n=e("../window"),i=e("../util"),a=e("../collection"),o=e("../is"),s=e("../promise"),l=e("../define"),u=function(e){var t=this;e=i.extend({},e);var r=e.container;r&&!o.htmlElement(r)&&o.htmlElement(r[0])&&(r=r[0]);var l=r?r._cyreg:null;l=l||{},l&&l.cy&&(l.cy.destroy(),l={});var u=l.readies=l.readies||[];r&&(r._cyreg=l),l.cy=t;var c=void 0!==n&&void 0!==r&&!e.headless,d=e;d.layout=i.extend({name:c?"grid":"null"},d.layout),d.renderer=i.extend({name:c?"canvas":"null"},d.renderer);var h=function(e,t,r){return void 0!==t?t:void 0!==r?r:e},p=this._private={container:r,ready:!1,initrender:!1,options:d,elements:new a(this),listeners:[],aniEles:new a(this),scratch:{},layout:null,renderer:null,notificationsEnabled:!0,minZoom:1e-50,maxZoom:1e50,zoomingEnabled:h(!0,d.zoomingEnabled),userZoomingEnabled:h(!0,d.userZoomingEnabled),panningEnabled:h(!0,d.panningEnabled),userPanningEnabled:h(!0,d.userPanningEnabled),boxSelectionEnabled:h(!0,d.boxSelectionEnabled),autolock:h(!1,d.autolock,d.autolockNodes),autoungrabify:h(!1,d.autoungrabify,d.autoungrabifyNodes),autounselectify:h(!1,d.autounselectify),styleEnabled:void 0===d.styleEnabled?c:d.styleEnabled,zoom:o.number(d.zoom)?d.zoom:1,pan:{x:o.plainObject(d.pan)&&o.number(d.pan.x)?d.pan.x:0,y:o.plainObject(d.pan)&&o.number(d.pan.y)?d.pan.y:0},animation:{current:[],queue:[]},hasCompoundNodes:!1},f=d.selectionType;void 0===f||"additive"!==f&&"single"!==f?p.selectionType="single":p.selectionType=f,o.number(d.minZoom)&&o.number(d.maxZoom)&&d.minZoom0?d.wheelSensitivity:1,motionBlur:void 0===d.motionBlur?!1:d.motionBlur,motionBlurOpacity:void 0===d.motionBlurOpacity?.05:d.motionBlurOpacity,pixelRatio:o.number(d.pixelRatio)&&d.pixelRatio>0?d.pixelRatio:void 0,desktopTapThreshold:void 0===d.desktopTapThreshold?4:d.desktopTapThreshold,touchTapThreshold:void 0===d.touchTapThreshold?8:d.touchTapThreshold},d.renderer)),v([d.style,d.elements],function(e){var r=e[0],n=e[1];p.styleEnabled&&t.setStyle(r),d.initrender&&(t.on("initrender",d.initrender),t.on("initrender",function(){p.initrender=!0})),t.load(n,function(){t.startAnimationLoop(),p.ready=!0,o.fn(d.ready)&&t.on("ready",d.ready);for(var e=0;e0;)t.removeChild(t.childNodes[0]);e._private.renderer=null},onRender:function(e){return this.on("render",e)},offRender:function(e){return this.off("render",e)}};i.invalidateDimensions=i.resize,t.exports=i},{"../util":100}],41:[function(e,t,r){"use strict";var n=e("../is"),i=e("../collection"),a={collection:function(e,t){return n.string(e)?this.$(e):n.elementOrCollection(e)?e.collection():n.array(e)?new i(this,e,t):new i(this)},nodes:function(e){var t=this.$(function(){return this.isNode()});return e?t.filter(e):t},edges:function(e){var t=this.$(function(){return this.isEdge()});return e?t.filter(e):t},$:function(e){var t=this._private.elements;return e?t.filter(e):t.spawnSelf()},mutableElements:function(){return this._private.elements}};a.elements=a.filter=a.$,t.exports=a},{"../collection":26,"../is":83}],42:[function(e,t,r){"use strict";var n=e("../is"),i=e("../style"),a={style:function(e){if(e){var t=this.setStyle(e);t.update()}return this._private.style},setStyle:function(e){var t=this._private;return n.stylesheet(e)?t.style=e.generateStyle(this):n.array(e)?t.style=i.fromJson(this,e):n.string(e)?t.style=i.fromString(this,e):t.style=i(this),t.style}};t.exports=a},{"../is":83,"../style":92}],43:[function(e,t,r){"use strict";var n=e("../is"),i=e("../window"),a={autolock:function(e){return void 0===e?this._private.autolock:(this._private.autolock=!!e,this)},autoungrabify:function(e){return void 0===e?this._private.autoungrabify:(this._private.autoungrabify=!!e,this)},autounselectify:function(e){return void 0===e?this._private.autounselectify:(this._private.autounselectify=!!e,this)},panningEnabled:function(e){return void 0===e?this._private.panningEnabled:(this._private.panningEnabled=!!e,this)},userPanningEnabled:function(e){return void 0===e?this._private.userPanningEnabled:(this._private.userPanningEnabled=!!e,this)},zoomingEnabled:function(e){return void 0===e?this._private.zoomingEnabled:(this._private.zoomingEnabled=!!e,this)},userZoomingEnabled:function(e){return void 0===e?this._private.userZoomingEnabled:(this._private.userZoomingEnabled=!!e,this)},boxSelectionEnabled:function(e){return void 0===e?this._private.boxSelectionEnabled:(this._private.boxSelectionEnabled=!!e,this)},pan:function(){var e,t,r,i,a,o=arguments,s=this._private.pan;switch(o.length){case 0:return s;case 1:if(n.string(o[0]))return e=o[0],s[e];if(n.plainObject(o[0])){if(!this._private.panningEnabled)return this;r=o[0],i=r.x,a=r.y,n.number(i)&&(s.x=i),n.number(a)&&(s.y=a),this.trigger("pan viewport")}break;case 2:if(!this._private.panningEnabled)return this;e=o[0],t=o[1],"x"!==e&&"y"!==e||!n.number(t)||(s[e]=t),this.trigger("pan viewport")}return this.notify({type:"viewport"}),this},panBy:function(e){var t,r,i,a,o,s=arguments,l=this._private.pan;if(!this._private.panningEnabled)return this;switch(s.length){case 1:n.plainObject(s[0])&&(i=s[0],a=i.x,o=i.y,n.number(a)&&(l.x+=a),n.number(o)&&(l.y+=o),this.trigger("pan viewport"));break;case 2:t=s[0],r=s[1],"x"!==t&&"y"!==t||!n.number(r)||(l[t]+=r),this.trigger("pan viewport")}return this.notify({type:"viewport"}),this},fit:function(e,t){var r=this.getFitViewport(e,t);if(r){var n=this._private;n.zoom=r.zoom,n.pan=r.pan,this.trigger("pan zoom viewport"),this.notify({type:"viewport"})}return this},getFitViewport:function(e,t){if(n.number(e)&&void 0===t&&(t=e,e=void 0),this._private.panningEnabled&&this._private.zoomingEnabled){var r;if(n.string(e)){var i=e;e=this.$(i)}else if(n.boundingBox(e)){var a=e;r={x1:a.x1,y1:a.y1,x2:a.x2,y2:a.y2},r.w=r.x2-r.x1,r.h=r.y2-r.y1}else n.elementOrCollection(e)||(e=this.mutableElements());r=r||e.boundingBox();var o,s=this.width(),l=this.height();if(t=n.number(t)?t:0,!isNaN(s)&&!isNaN(l)&&s>0&&l>0&&!isNaN(r.w)&&!isNaN(r.h)&&r.w>0&&r.h>0){o=Math.min((s-2*t)/r.w,(l-2*t)/r.h),o=o>this._private.maxZoom?this._private.maxZoom:o,o=othis._private.maxZoom?this._private.maxZoom:r,r=rt.maxZoom||!t.zoomingEnabled?o=!0:(t.zoom=l,a.push("zoom"))}if(i&&(!o||!e.cancelOnFailedZoom)&&t.panningEnabled){var u=e.pan;n.number(u.x)&&(t.pan.x=u.x,s=!1),n.number(u.y)&&(t.pan.y=u.y,s=!1),s||a.push("pan")}return a.length>0&&(a.push("viewport"),this.trigger(a.join(" ")),this.notify({type:"viewport"})),this},center:function(e){var t=this.getCenterPan(e);return t&&(this._private.pan=t,this.trigger("pan viewport"),this.notify({type:"viewport"})),this},getCenterPan:function(e,t){if(this._private.panningEnabled){if(n.string(e)){var r=e;e=this.mutableElements().filter(r)}else n.elementOrCollection(e)||(e=this.mutableElements());var i=e.boundingBox(),a=this.width(),o=this.height();t=void 0===t?this._private.zoom:t;var s={x:(a-t*(i.x1+i.x2))/2,y:(o-t*(i.y1+i.y2))/2};return s}},reset:function(){return this._private.panningEnabled&&this._private.zoomingEnabled?(this.viewport({pan:{x:0,y:0},zoom:1}),this):this},invalidateSize:function(){this._private.sizeCache=null},size:function(){var e=this._private,t=e.container;return e.sizeCache=e.sizeCache||(t?function(){var e=t.getBoundingClientRect(),r=i.getComputedStyle(t),n=function(e){return parseFloat(r.getPropertyValue(e))};return{width:e.width-n("padding-left")-n("padding-right")-n("border-left-width")-n("border-right-width"),height:e.height-n("padding-top")-n("padding-bottom")-n("border-top-width")-n("border-bottom-width")}}():{width:1,height:1})},width:function(){return this.size().width},height:function(){return this.size().height},extent:function(){var e=this._private.pan,t=this._private.zoom,r=this.renderedExtent(),n={x1:(r.x1-e.x)/t,x2:(r.x2-e.x)/t,y1:(r.y1-e.y)/t,y2:(r.y2-e.y)/t};return n.w=n.x2-n.x1,n.h=n.y2-n.y1,n},renderedExtent:function(){var e=this.width(),t=this.height();return{x1:0,y1:0,x2:e,y2:t,w:e,h:t}}};a.centre=a.center,a.autolockNodes=a.autolock,a.autoungrabifyNodes=a.autoungrabify,t.exports=a},{"../is":83,"../window":107}],44:[function(e,t,r){"use strict";var n=e("./util"),i=e("./is"),a=e("./selector"),o=e("./promise"),s=e("./event"),l=e("./animation"),u={data:function(e){var t={field:"data",bindingEvent:"data",allowBinding:!1,allowSetting:!1,allowGetting:!1,settingEvent:"data",settingTriggersEvent:!1,triggerFnName:"trigger",immutableKeys:{},updateStyle:!1,onSet:function(e){},canSet:function(e){return!0}};return e=n.extend({},t,e),function(t,r){var n=e,a=this,o=void 0!==a.length,s=o?a:[a],l=o?a[0]:a;if(i.string(t)){if(n.allowGetting&&void 0===r){var u;return l&&(u=l._private[n.field][t]),u}if(n.allowSetting&&void 0!==r){var c=!n.immutableKeys[t];if(c){for(var d=0,h=s.length;h>d;d++)n.canSet(s[d])&&(s[d]._private[n.field][t]=r);n.updateStyle&&a.updateStyle(),n.onSet(a),n.settingTriggersEvent&&a[n.triggerFnName](n.settingEvent)}}}else if(n.allowSetting&&i.plainObject(t)){for(var p,f,v=t,g=Object.keys(v),d=0;du;u++){var c=s[u];if(!i.emptyString(c)){var d=!r.immutableKeys[c];if(d)for(var h=0,p=o.length;p>h;h++)o[h]._private[r.field][c]=void 0}}r.triggerEvent&&n[r.triggerFnName](r.event)}else if(void 0===t){for(var h=0,p=o.length;p>h;h++)for(var f=o[h]._private[r.field],s=Object.keys(f),u=0;u0:void 0}},clearQueue:function(e){var t={};return e=n.extend({},t,e),function(){var e=this,t=void 0!==e.length,r=t?e:[e],n=this._private.cy||this;if(!n.styleEnabled())return this;for(var i=0;i0;){var g=n.collection();i.bfs({roots:v[0],visit:function(e,t,r,n,i){g=g.add(r)},directed:!1}),v=v.not(g),f.push(g)}e=n.collection();for(var d=0;dD;){for(var C=k.shift(),M=C.neighborhood().nodes(),N=!1,d=0;dd;d++)for(var B=x[d],R=B.length,q=0;R>q;q++){var p=B[q],V=p._private.scratch.breadthfirst,F=I(p);F&&(V.intEle=F,A.push(p))}for(var d=0;dx.length-1;)x.push([]);x[X].push(p),V.depth=X,V.index=x[X].length-1}z()}var Y=0;if(r.avoidOverlap){for(var d=0;dc||0===t)&&(n+=u/d,i++)}return i=Math.max(1,i),n/=i,0===i&&(n=void 0),Z[e.id()]=n,n},Q=function(e,t){var r=G(e),n=G(t);return r-n},K=0;3>K;K++){for(var d=0;d0&&x[0].length<=3?c/2:0),h=2*Math.PI/x[i].length*a;return 0===i&&1===x[0].length&&(d=1),{x:ee.x+d*Math.cos(h),y:ee.y+d*Math.sin(h)}}return{x:ee.x+(a+1-(o+1)/2)*s,y:(i+1)*l}}var p={x:ee.x+(a+1-(o+1)/2)*s,y:(i+1)*l};return t?p:p},re={},d=x.length-1;d>=0;d--)for(var B=x[d],q=0;q1&&t.avoidOverlap){p*=1.75;var b=Math.cos(h)-Math.cos(0),x=Math.sin(h)-Math.sin(0),w=Math.sqrt(p*p/(b*b+x*x));l=Math.max(w,l)}var E=function(e,r){var n=t.startAngle+e*h*(i?1:-1),a=l*Math.cos(n),o=l*Math.sin(n),s={x:c.x+a,y:c.y+o};return s};return s.layoutPositions(this,t,E),this},t.exports=n},{"../../is":83,"../../math":85,"../../util":100}],50:[function(e,t,r){"use strict";function n(e){this.options=i.extend({},o,e)}var i=e("../../util"),a=e("../../math"),o={fit:!0,padding:30,startAngle:1.5*Math.PI,sweep:void 0,clockwise:!0,equidistant:!1,minNodeSpacing:10,boundingBox:void 0,avoidOverlap:!0,height:void 0,width:void 0,concentric:function(e){return e.degree()},levelWidth:function(e){return e.maxDegree()/4},animate:!1,animationDuration:500,animationEasing:void 0,ready:void 0,stop:void 0};n.prototype.run=function(){for(var e=this.options,t=e,r=void 0!==t.counterclockwise?!t.counterclockwise:t.clockwise,n=e.cy,i=t.eles,o=i.nodes().not(":parent"),s=a.makeBoundingBox(t.boundingBox?t.boundingBox:{x1:0,y1:0,w:n.width(),h:n.height()}),l={x:s.x1+s.w/2,y:s.y1+s.h/2},u=[],c=t.startAngle,d=0,h=0;h0){var x=Math.abs(m[0].value-b.value);x>=g&&(m=[],y.push(m))}m.push(b)}var w=d+t.minNodeSpacing;if(!t.avoidOverlap){var E=y.length>0&&y[0].length>1,_=Math.min(s.w,s.h)/2-w,P=_/(y.length+E?1:0);w=Math.min(w,P)}for(var S=0,h=0;h1&&t.avoidOverlap){var C=Math.cos(D)-Math.cos(0),M=Math.sin(D)-Math.sin(0),N=Math.sqrt(w*w/(C*C+M*M));S=Math.max(N,S)}k.r=S,S+=w}if(t.equidistant){for(var B=0,S=0,h=0;ha;a++)for(var o=e.layoutNodes[e.idToIndex[n[a]]],l=a+1;i>l;l++){var u=e.layoutNodes[e.idToIndex[n[l]]];s(o,u,e,t)}},s=function(e,t,r,n){var i=e.cmptId,a=t.cmptId;if(i===a||r.isCompound){var o=t.positionX-e.positionX,s=t.positionY-e.positionY;if(0!==o||0!==s){var c=l(e,t,o,s);if(c>0)var d=n.nodeOverlap*c,h=Math.sqrt(o*o+s*s),p=d*o/h,f=d*s/h;else var v=u(e,o,s),g=u(t,-1*o,-1*s),y=g.x-v.x,m=g.y-v.y,b=y*y+m*m,h=Math.sqrt(b),d=(e.nodeRepulsion+t.nodeRepulsion)/b,p=d*y/h,f=d*m/h;e.isLocked||(e.offsetX-=p,e.offsetY-=f),t.isLocked||(t.offsetX+=p,t.offsetY+=f)}}},l=function(e,t,r,n){if(r>0)var i=e.maxX-t.minX;else var i=t.maxX-e.minX;if(n>0)var a=e.maxY-t.minY;else var a=t.maxY-e.minY;return i>=0&&a>=0?Math.sqrt(i*i+a*a):0},u=function(e,t,r){var n=e.positionX,i=e.positionY,a=e.height||1,o=e.width||1,s=r/t,l=a/o,u={};do{if(0===t&&r>0){u.x=n,u.y=i+a/2;break}if(0===t&&0>r){u.x=n,u.y=i+a/2;break}if(t>0&&s>=-1*l&&l>=s){u.x=n+o/2,u.y=i+o*r/2/t;break}if(0>t&&s>=-1*l&&l>=s){u.x=n-o/2,u.y=i-o*r/2/t;break}if(r>0&&(-1*l>=s||s>=l)){u.x=n+a*t/2/r,u.y=i+a/2;break}if(0>r&&(-1*l>=s||s>=l)){u.x=n-a*t/2/r,u.y=i-a/2;break}}while(!1);return u},c=function(e,t){for(var r=0;rc;c++){var d=e.layoutNodes[e.idToIndex[i[c]]];if(!d.isLocked){var h=o-d.positionX,p=s-d.positionY,f=Math.sqrt(h*h+p*p);if(f>r){var v=t.gravity*h/f,g=t.gravity*p/f;d.offsetX+=v,d.offsetY+=g}}}}},h=function(e,t){var r=[],n=0,i=-1;for(r.push.apply(r,e.graphSet[0]),i+=e.graphSet[0].length;i>=n;){var a=r[n++],o=e.idToIndex[a],s=e.layoutNodes[o],l=s.children;if(0r)var i={x:r*e/n,y:r*t/n};else var i={x:e,y:t};return i},v=function(e,t){var r=e.parentId;if(null!=r){var n=t.layoutNodes[t.idToIndex[r]],i=!1;return(null==n.maxX||e.maxX+n.padRight>n.maxX)&&(n.maxX=e.maxX+n.padRight,i=!0),(null==n.minX||e.minX-n.padLeftn.maxY)&&(n.maxY=e.maxY+n.padBottom,i=!0),(null==n.minY||e.minY-n.padTopy&&(f+=g+t.componentSpacing,p=0,v=0,g=0)}}},y=function(e){return i?!1:(a(r,n,e),r.temperature=r.temperature*n.coolingFactor,!(r.temperature=b;){var _=m[b++],P=a.idToIndex[_],f=a.layoutNodes[P],S=f.children;if(S.length>0){a.graphSet.push(S);for(var c=0;cn.count?0:n.graph},h=function(e,t,r,n){var i=n.graphSet[r];if(-1s){var v=d(),g=h();(v-1)*g>=s?d(v-1):(g-1)*v>=s&&h(g-1)}else for(;s>c*u;){var v=d(),g=h();(g+1)*v>=s?h(g+1):d(v+1)}var y=o.w/c,m=o.h/u;if(t.condense&&(y=0,m=0),t.avoidOverlap)for(var b=0;b=c&&(M=0,C++)},B={},b=0;b=o&&s>=e&&t>=l&&u>=t;return c},o=function(e,t,r,n,i){var a=e*Math.cos(n)-t*Math.sin(n),o=e*Math.sin(n)+t*Math.cos(n),s=a*r,l=o*r,u=s+i.x,c=l+i.y;return{x:u,y:c}},s=function(e,t,r,n){for(var i=[],a=0;at))if(d){if(d.pstyle("z-index").value===e.pstyle("z-index").value)for(var r=0;r(l=i.sqdistToFiniteLine(e,t,P[S],P[S+1],P[S+2],P[S+3])))return a(n,l),!0}else if("bezier"===c.edgeType||"multibezier"===c.edgeType||"self"===c.edgeType||"compound"===c.edgeType)for(var P=c.allpts,S=0;S+5(l=i.sqdistToQuadraticBezier(e,t,P[S],P[S+1],P[S+2],P[S+3],P[S+4],P[S+5])))return a(n,l),!0;if(_())for(var x=x||o.source,w=w||o.target,k=p.getArrowWidth(d),T=[{name:"source",x:c.arrowStartX,y:c.arrowStartY,angle:c.srcArrowAngle},{name:"target",x:c.arrowEndX,y:c.arrowEndY,angle:c.tgtArrowAngle},{name:"mid-source",x:c.midX,y:c.midY,angle:c.midsrcArrowAngle},{name:"mid-target",x:c.midX,y:c.midY,angle:c.midtgtArrowAngle}],S=0;S0&&(s(x),s(w))}}function u(e,t,r){return o.getPrefixedProperty(e,t,r)}function c(r,n){var o,s=r._private,l=w;o=n?n+"-":"";var c=r.pstyle(o+"label").value,d="yes"===r.pstyle("text-events").strValue;if(d&&c){var h=s.rstyle,p=r.pstyle("text-border-width").pfValue,f=u(h,"labelWidth",n)+p/2+2*l,v=u(h,"labelHeight",n)+p/2+2*l,g=u(h,"labelX",n),y=u(h,"labelY",n),m=u(s.rscratch,"labelAngle",n),b=g-f/2,x=g+f/2,E=y-v/2,_=y+v/2;if(m){var P=Math.cos(m),S=Math.sin(m),k=function(e,t){return e-=g,t-=y,{x:e*P-t*S+g,y:e*S+t*P+y}},T=k(b,E),D=k(b,_),C=k(x,E),M=k(x,_),N=[T.x,T.y,C.x,C.y,M.x,M.y,D.x,D.y];if(i.pointInsidePolygonPoints(e,t,N))return a(r),!0}else{var B={w:f,h:v,x1:b,x2:x,y1:E,y2:_};if(i.inBoundingBox(B,e,t))return a(r),!0}}}for(var d,h,p=this,f=this,v=f.getCachedZSortedEles(),g=[],y=f.cy.zoom(),m=f.cy.hasCompoundNodes(),b=(n?24:8)/y,x=(n?8:2)/y,w=(n?8:2)/y,E=1/0,_=v.length-1;_>=0;_--){var P=v[_];P.isNode()?s(P)||c(P):l(P)||c(P)||c(P,"source")||c(P,"target")}return g},u.getAllInBox=function(e,t,r,n){var a=this.getCachedZSortedEles(),o=a.nodes,s=a.edges,l=[],u=Math.min(e,r),c=Math.max(e,r),d=Math.min(t,n),h=Math.max(t,n);e=u,r=c,t=d,n=h;for(var p=i.makeBoundingBox({x1:e,y1:t,x2:r,y2:n}),f=0;fv;v++)e(p,d[o*h+v],d[o*h+v+1],a.bezierProjPcts[v],a.bezierProjPcts[v+1]);e(p,d[o*h+h-1],p.p2,a.bezierProjPcts[h-1],1)}return u.cache=t},c=function(r){var a,o="source"===r;if(s[r]){var c=e.pstyle(r+"-text-offset").pfValue,d=function(e,t){var r=t.x-e.x,n=t.y-e.y;return Math.atan(n/r)},h=function(e,t,r,n){var a=i.bound(0,n-.001,1),o=i.bound(0,n+.001,1),s=i.qbezierPtAt(e,t,r,a),l=i.qbezierPtAt(e,t,r,o);return d(s,l)};switch(n.edgeType){case"self":case"compound":case"bezier":case"multibezier":for(var p,f=u(),v=0,g=0,y=0;y=c||w){p={cp:m,segment:x};break}}if(p)break}var m=p.cp,x=p.segment,E=(c-v)/x.length,_=x.t1-x.t0,P=o?x.t0+_*E:x.t1-_*E;P=i.bound(0,P,1),t=i.qbezierPtAt(m.p0,m.p1,m.p2,P),a=h(m.p0,m.p1,m.p2,P,t);break;case"straight":case"segments":case"haystack":for(var S,k,T,D,C=0,M=n.allpts.length,y=0;M>y+3&&(o?(T={x:n.allpts[y],y:n.allpts[y+1]},D={x:n.allpts[y+2],y:n.allpts[y+3]}):(T={x:n.allpts[M-2-y],y:n.allpts[M-1-y]},D={x:n.allpts[M-4-y],y:n.allpts[M-3-y]}),S=i.dist(T,D),k=C,C+=S,!(C>=c));y+=2);var N=c-k,P=N/S;P=i.bound(0,P,1),t=i.lineAt(T,D,P),a=d(T,D)}l("labelX",r,t.x),l("labelY",r,t.y),l("labelAutoAngle",r,a)}};c("source"),c("target"),this.applyLabelDimensions(e)}},u.applyLabelDimensions=function(e){this.applyPrefixedLabelDimensions(e),e.isEdge()&&(this.applyPrefixedLabelDimensions(e,"source"),this.applyPrefixedLabelDimensions(e,"target"))},u.applyPrefixedLabelDimensions=function(e,t){var r=e._private,n=this.getLabelText(e,t),i=this.calculateLabelDimensions(e,n);o.setPrefixedProperty(r.rstyle,"labelWidth",t,i.width),o.setPrefixedProperty(r.rscratch,"labelWidth",t,i.width),o.setPrefixedProperty(r.rstyle,"labelHeight",t,i.height),o.setPrefixedProperty(r.rscratch,"labelHeight",t,i.height)},u.getLabelText=function(e,t){var r=e._private,n=t?t+"-":"",i=e.pstyle(n+"label").strValue,a=e.pstyle("text-transform").value,s=function(e,n){return n?(o.setPrefixedProperty(r.rscratch,e,t,n),n):o.getPrefixedProperty(r.rscratch,e,t)};if("none"==a||("uppercase"==a?i=i.toUpperCase():"lowercase"==a&&(i=i.toLowerCase())),"wrap"===e.pstyle("text-wrap").value){var l=s("labelKey");if(l&&s("labelWrapKey")===l)return s("labelWrapCachedText");for(var u=i.split("\n"),c=e.pstyle("text-max-width").pfValue,d=[],h=0;hc){for(var g=p.split(/\s+/),y="",m=0;m=E?y+=b+" ":(d.push(y),y=b+" ")}y.match(/^\s+$/)||d.push(y)}else d.push(p)}s("labelWrapCachedLines",d),i=s("labelWrapCachedText",d.join("\n")),s("labelWrapKey",l)}return i},u.calculateLabelDimensions=function(e,t,r){var n=this,i=e._private.labelStyleKey+"$@$"+t;r&&(i+="$@$"+r);var a=n.labelDimCache||(n.labelDimCache={});if(a[i])return a[i];var o=1,s=e.pstyle("font-style").strValue,l=o*e.pstyle("font-size").pfValue+"px",u=e.pstyle("font-family").strValue,c=e.pstyle("font-weight").strValue,d=this.labelCalcDiv;d||(d=this.labelCalcDiv=document.createElement("div"),document.body.appendChild(d));var h=d.style;return h.fontFamily=u,h.fontStyle=s,h.fontSize=l,h.fontWeight=c,h.position="absolute",h.left="-9999px",h.top="-9999px",h.zIndex="-1",h.visibility="hidden",h.pointerEvents="none",h.padding="0",h.lineHeight="1","wrap"===e.pstyle("text-wrap").value?h.whiteSpace="pre":h.whiteSpace="normal",d.textContent=t,a[i]={width:Math.ceil(d.clientWidth/o),height:Math.ceil(d.clientHeight/o)},a[i]},u.recalculateEdgeProjections=function(e){this.findEdgeControlPoints(e)},u.findEdgeControlPoints=function(e){if(e&&0!==e.length){for(var t,r=this,n=r.cy,o=n.hasCompoundNodes(),s={},l=[],u=[],c=0;cy?y+"$-$"+g:g+"$-$"+y,v&&(t="unbundled$-$"+p.id),null==s[t]&&(s[t]=[],l.push(t)),s[t].push(d),v&&(s[t].hasUnbundled=!0)}else u.push(d)}for(var m,b,x,w,E,_,P,S,k,T,D,C,M,N,B=0;Bb.id()){var I=m;m=b,b=I}if(x=m._private,w=b._private,E=x.position,_=w.position,P=m.outerWidth(),S=m.outerHeight(),k=b.outerWidth(),T=b.outerHeight(),D=r.nodeShapes[this.getNodeShape(m)],C=r.nodeShapes[this.getNodeShape(b)],N=!1,z.length>1&&m!==b||z.hasUnbundled){var L=D.intersectLine(E.x,E.y,P,S,_.x,_.y,0),O=C.intersectLine(_.x,_.y,k,T,E.x,E.y,0),A={x1:L[0],x2:O[0],y1:L[1],y2:O[1]},R={x1:E.x,x2:_.x,y1:E.y,y2:_.y},q=O[1]-L[1],V=O[0]-L[0],F=Math.sqrt(V*V+q*q),j={x:V,y:q},X={x:j.x/F,y:j.y/F};M={x:-X.y,y:X.x},C.checkPoint(L[0],L[1],0,k,T,_.x,_.y)&&D.checkPoint(O[0],O[1],0,P,S,E.x,E.y)&&(M={},N=!0)}for(var d,Y,W,c=0;cze;ze++){var Ie=Me[ze],Le=Ne[ze],Oe=1-Ie,Ae=Ie,Re="node-position"===xe?R:A,qe={x:Re.x1*Oe+Re.x2*Ae,y:Re.y1*Oe+Re.y2*Ae};W.segpts.push(qe.x+M.x*Le,qe.y+M.y*Le)}}else if(z.length%2!==1||c!==Math.floor(z.length/2)||v){var Ve=v;W.edgeType=Ve?"multibezier":"bezier",W.ctrlpts=[];for(var Fe=0;K>Fe;Fe++){var je,Xe=(.5-z.length/2+c)*J,Ye=i.signum(Xe);Ve&&(ee=G?G.pfValue[Fe]:J,te=Q.value[Fe]),je=v?ee:void 0!==ee?Ye*ee:void 0;var We=void 0!==je?je:Xe,Oe=1-te,Ae=te,Re="node-position"===xe?R:A,qe={x:Re.x1*Oe+Re.x2*Ae,y:Re.y1*Oe+Re.y2*Ae};W.ctrlpts.push(qe.x+M.x*We,qe.y+M.y*We)}}else W.edgeType="straight";this.findEndpoints(d);var $e=!a.number(W.startX)||!a.number(W.startY),He=!a.number(W.arrowStartX)||!a.number(W.arrowStartY),Ue=!a.number(W.endX)||!a.number(W.endY),Ze=!a.number(W.arrowEndX)||!a.number(W.arrowEndY),Ge=3,Qe=this.getArrowWidth(d.pstyle("width").pfValue)*this.arrowShapeWidth,Ke=Ge*Qe;if("bezier"===W.edgeType){var Je=i.dist({x:W.ctrlpts[0],y:W.ctrlpts[1]},{x:W.startX,y:W.startY}),et=Ke>Je,tt=i.dist({x:W.ctrlpts[0],y:W.ctrlpts[1]},{x:W.endX,y:W.endY}),rt=Ke>tt,nt=!1;if($e||He||et){nt=!0;var it={x:W.ctrlpts[0]-E.x,y:W.ctrlpts[1]-E.y},at=Math.sqrt(it.x*it.x+it.y*it.y),ot={x:it.x/at,y:it.y/at},st=Math.max(P,S),lt={x:W.ctrlpts[0]+2*ot.x*st,y:W.ctrlpts[1]+2*ot.y*st},ut=D.intersectLine(E.x,E.y,P,S,lt.x,lt.y,0);et?(W.ctrlpts[0]=W.ctrlpts[0]+ot.x*(Ke-Je),W.ctrlpts[1]=W.ctrlpts[1]+ot.y*(Ke-Je)):(W.ctrlpts[0]=ut[0]+ot.x*Ke,W.ctrlpts[1]=ut[1]+ot.y*Ke)}if(Ue||Ze||rt){nt=!0;var it={x:W.ctrlpts[0]-_.x,y:W.ctrlpts[1]-_.y},at=Math.sqrt(it.x*it.x+it.y*it.y),ot={x:it.x/at,y:it.y/at},st=Math.max(P,S),lt={x:W.ctrlpts[0]+2*ot.x*st,y:W.ctrlpts[1]+2*ot.y*st},ct=C.intersectLine(_.x,_.y,k,T,lt.x,lt.y,0);rt?(W.ctrlpts[0]=W.ctrlpts[0]+ot.x*(Ke-tt),W.ctrlpts[1]=W.ctrlpts[1]+ot.y*(Ke-tt)):(W.ctrlpts[0]=ct[0]+ot.x*Ke,W.ctrlpts[1]=ct[1]+ot.y*Ke)}nt&&this.findEndpoints(d)}if("multibezier"===W.edgeType||"bezier"===W.edgeType||"self"===W.edgeType||"compound"===W.edgeType){W.allpts=[],W.allpts.push(W.startX,W.startY);for(var Fe=0;Fe+1=e.desktopTapThreshold2}var M=r(i);b&&(e.hoverData.tapholdCancelled=!0);var N=function(){var t=e.hoverData.dragDelta=e.hoverData.dragDelta||[];0===t.length?(t.push(E[0]),t.push(E[1])):(t[0]+=E[0],t[1]+=E[1])};if(u=!0,t(m,["mousemove","vmousemove","tapdrag"],i,{cyPosition:{x:p[0],y:p[1]}}),3===e.hoverData.which){if(b){var B=new o(i,{type:"cxtdrag",cyPosition:{x:p[0],y:p[1]}});w?w.trigger(B):c.trigger(B),e.hoverData.cxtDragged=!0,e.hoverData.cxtOver&&m===e.hoverData.cxtOver||(e.hoverData.cxtOver&&e.hoverData.cxtOver.trigger(new o(i,{type:"cxtdragout",cyPosition:{x:p[0],y:p[1]}})),e.hoverData.cxtOver=m,m&&m.trigger(new o(i,{type:"cxtdragover",cyPosition:{x:p[0],y:p[1]}})))}}else if(e.hoverData.dragging){if(u=!0,c.panningEnabled()&&c.userPanningEnabled()){var z;if(e.hoverData.justStartedPan){var I=e.hoverData.mdownPos;z={x:(p[0]-I[0])*d, +y:(p[1]-I[1])*d},e.hoverData.justStartedPan=!1}else z={x:E[0]*d,y:E[1]*d};c.panBy(z),e.hoverData.dragged=!0}p=e.projectIntoViewport(i.clientX,i.clientY)}else if(1!=g[4]||null!=w&&!w.isEdge()){if(w&&w.isEdge()&&w.active()&&w.unactivate(),w&&w.grabbed()||m==x||(x&&t(x,["mouseout","tapdragout"],i,{cyPosition:{x:p[0],y:p[1]}}),m&&t(m,["mouseover","tapdragover"],i,{cyPosition:{x:p[0],y:p[1]}}),e.hoverData.last=m),w&&e.nodeIsDraggable(w))if(b){var L=!e.dragData.didDrag;L&&e.redrawHint("eles",!0),e.dragData.didDrag=!0;var O=[];e.hoverData.draggingEles||y(c.collection(_),{inDragLayer:!0});for(var A=0;A<_.length;A++){var R=_[A];if(e.nodeIsDraggable(R)&&R.grabbed()){var q=R._private.position;if(O.push(R),n.number(E[0])&&n.number(E[1])){var V=!R.isParent();if(V&&(q.x+=E[0],q.y+=E[1]),L){var F=e.hoverData.dragDelta;V&&F&&n.number(F[0])&&n.number(F[1])&&(q.x+=F[0],q.y+=F[1])}}}}e.hoverData.draggingEles=!0;var j=c.collection(O);j.updateCompoundBounds(),j.trigger("position drag"),e.redrawHint("drag",!0),e.redraw()}else N();u=!0}else if(b){if(e.hoverData.dragging||!c.boxSelectionEnabled()||!M&&c.panningEnabled()&&c.userPanningEnabled()){if(!e.hoverData.selecting&&c.panningEnabled()&&c.userPanningEnabled()){var X=s(w,e.hoverData.downs);X&&(e.hoverData.dragging=!0,e.hoverData.justStartedPan=!0,g[4]=0,e.data.bgActivePosistion=a.array2point(f),e.redrawHint("select",!0),e.redraw())}}else e.data.bgActivePosistion=void 0,e.hoverData.selecting||c.trigger("boxstart"),e.hoverData.selecting=!0,e.redrawHint("select",!0),e.redraw();w&&w.isEdge()&&w.active()&&w.unactivate()}return g[2]=p[0],g[3]=p[1],u?(i.stopPropagation&&i.stopPropagation(),i.preventDefault&&i.preventDefault(),!1):void 0}},!1),e.registerBinding(window,"mouseup",function(n){var i=e.hoverData.capture;if(i){e.hoverData.capture=!1;var a=e.cy,s=e.projectIntoViewport(n.clientX,n.clientY),l=e.selection,u=e.findNearestElement(s[0],s[1],!0,!1),c=e.dragData.possibleDragElements,d=e.hoverData.down,h=r(n);if(e.data.bgActivePosistion&&(e.redrawHint("select",!0),e.redraw()),e.hoverData.tapholdCancelled=!0,e.data.bgActivePosistion=void 0,d&&d.unactivate(),3===e.hoverData.which){var p=new o(n,{type:"cxttapend",cyPosition:{x:s[0],y:s[1]}});if(d?d.trigger(p):a.trigger(p),!e.hoverData.cxtDragged){var f=new o(n,{type:"cxttap",cyPosition:{x:s[0],y:s[1]}});d?d.trigger(f):a.trigger(f)}e.hoverData.cxtDragged=!1,e.hoverData.which=null}else if(1===e.hoverData.which){if(null!=d||e.dragData.didDrag||e.hoverData.selecting||e.hoverData.dragged||r(n)||(a.$(function(){return this.selected()}).unselect(),c.length>0&&e.redrawHint("eles",!0),e.dragData.possibleDragElements=c=[]),t(u,["mouseup","tapend","vmouseup"],n,{cyPosition:{x:s[0],y:s[1]}}),e.dragData.didDrag||e.hoverData.dragged||e.hoverData.selecting||t(d,["click","tap","vclick"],n,{cyPosition:{x:s[0],y:s[1]}}),u!=d||e.dragData.didDrag||e.hoverData.selecting||null!=u&&u._private.selectable&&(e.hoverData.dragging||("additive"===a.selectionType()||h?u.selected()?u.unselect():u.select():h||(a.$(":selected").unmerge(u).unselect(),u.select())),e.redrawHint("eles",!0)),e.hoverData.selecting){var v=a.collection(e.getAllInBox(l[0],l[1],l[2],l[3]));e.redrawHint("select",!0),v.length>0&&e.redrawHint("eles",!0),a.trigger("boxend");var g=function(e){return e.selectable()&&!e.selected()};"additive"===a.selectionType()?v.trigger("box").stdFilter(g).select().trigger("boxselect"):(h||a.$(":selected").unmerge(v).unselect(),v.trigger("box").stdFilter(g).select().trigger("boxselect")),e.redraw()}if(e.hoverData.dragging&&(e.hoverData.dragging=!1,e.redrawHint("select",!0),e.redrawHint("eles",!0),e.redraw()),!l[4]){e.redrawHint("drag",!0),e.redrawHint("eles",!0);var y=d&&d.grabbed();b(c),y&&d.trigger("free")}}l[4]=0,e.hoverData.down=null,e.hoverData.cxtStarted=!1,e.hoverData.draggingEles=!1,e.hoverData.selecting=!1,e.dragData.didDrag=!1,e.hoverData.dragged=!1,e.hoverData.dragDelta=[],e.hoverData.mdownPos=null,e.hoverData.mdownGPos=null}},!1);var T=function(t){if(!e.scrollingPage){var r=e.cy,n=e.projectIntoViewport(t.clientX,t.clientY),i=[n[0]*r.zoom()+r.pan().x,n[1]*r.zoom()+r.pan().y];if(e.hoverData.draggingEles||e.hoverData.dragging||e.hoverData.cxtStarted||S())return void t.preventDefault();if(r.panningEnabled()&&r.userPanningEnabled()&&r.zoomingEnabled()&&r.userZoomingEnabled()){t.preventDefault(),e.data.wheelZooming=!0,clearTimeout(e.data.wheelTimeout),e.data.wheelTimeout=setTimeout(function(){e.data.wheelZooming=!1,e.redrawHint("eles",!0),e.redraw()},150);var a;a=null!=t.deltaY?t.deltaY/-250:null!=t.wheelDeltaY?t.wheelDeltaY/1e3:t.wheelDelta/1e3,a*=e.wheelSensitivity;var o=1===t.deltaMode;o&&(a*=33),r.zoom({level:r.zoom()*Math.pow(10,a),renderedPosition:{x:i[0],y:i[1]}})}}};e.registerBinding(e.container,"wheel",T,!0),e.registerBinding(window,"scroll",function(t){e.scrollingPage=!0,clearTimeout(e.scrollingPageTimeout),e.scrollingPageTimeout=setTimeout(function(){e.scrollingPage=!1},250)},!0),e.registerBinding(e.container,"mouseout",function(t){var r=e.projectIntoViewport(t.clientX,t.clientY);e.cy.trigger(new o(t,{type:"mouseout",cyPosition:{x:r[0],y:r[1]}}))},!1),e.registerBinding(e.container,"mouseover",function(t){var r=e.projectIntoViewport(t.clientX,t.clientY);e.cy.trigger(new o(t,{type:"mouseover",cyPosition:{x:r[0],y:r[1]}}))},!1);var D,C,M,N,B,z,I,L,O,A,R,q,V,F,j=function(e,t,r,n){return Math.sqrt((r-e)*(r-e)+(n-t)*(n-t))},X=function(e,t,r,n){return(r-e)*(r-e)+(n-t)*(n-t)};e.registerBinding(e.container,"touchstart",F=function(r){if(k(r)){e.touchData.capture=!0,e.data.bgActivePosistion=void 0;var n=e.cy,i=e.touchData.now,a=e.touchData.earlier;if(r.touches[0]){var s=e.projectIntoViewport(r.touches[0].clientX,r.touches[0].clientY);i[0]=s[0],i[1]=s[1]}if(r.touches[1]){var s=e.projectIntoViewport(r.touches[1].clientX,r.touches[1].clientY);i[2]=s[0],i[3]=s[1]}if(r.touches[2]){var s=e.projectIntoViewport(r.touches[2].clientX,r.touches[2].clientY);i[4]=s[0],i[5]=s[1]}if(r.touches[1]){b(e.dragData.touchDragEles);var l=e.findContainerClientCoords();O=l[0],A=l[1],R=l[2],q=l[3],D=r.touches[0].clientX-O,C=r.touches[0].clientY-A,M=r.touches[1].clientX-O,N=r.touches[1].clientY-A,V=D>=0&&R>=D&&M>=0&&R>=M&&C>=0&&q>=C&&N>=0&&q>=N;var u=n.pan(),c=n.zoom();B=j(D,C,M,N),z=X(D,C,M,N),I=[(D+M)/2,(C+N)/2],L=[(I[0]-u.x)/c,(I[1]-u.y)/c];var d=200,h=d*d;if(h>z&&!r.touches[2]){var f=e.findNearestElement(i[0],i[1],!0,!0),v=e.findNearestElement(i[2],i[3],!0,!0);return f&&f.isNode()?(f.activate().trigger(new o(r,{type:"cxttapstart",cyPosition:{x:i[0],y:i[1]}})),e.touchData.start=f):v&&v.isNode()?(v.activate().trigger(new o(r,{type:"cxttapstart",cyPosition:{x:i[0],y:i[1]}})),e.touchData.start=v):n.trigger(new o(r,{type:"cxttapstart",cyPosition:{x:i[0],y:i[1]}})),e.touchData.start&&(e.touchData.start._private.grabbed=!1),e.touchData.cxt=!0,e.touchData.cxtDragged=!1,e.data.bgActivePosistion=void 0,void e.redraw()}}if(r.touches[2]);else if(r.touches[1]);else if(r.touches[0]){var g=e.findNearestElements(i[0],i[1],!0,!0),x=g[0];if(null!=x&&(x.activate(),e.touchData.start=x,e.touchData.starts=g,e.nodeIsGrabbable(x))){var w=e.dragData.touchDragEles=[];if(e.redrawHint("eles",!0),e.redrawHint("drag",!0),x.selected()){var E=n.$(function(){return this.selected()&&e.nodeIsGrabbable(this)});y(E,{addToList:w})}else m(x,{addToList:w});p(x),x.trigger(new o(r,{type:"grab",cyPosition:{x:i[0],y:i[1]}}))}t(x,["touchstart","tapstart","vmousedown"],r,{cyPosition:{x:i[0],y:i[1]}}),null==x&&(e.data.bgActivePosistion={x:s[0],y:s[1]},e.redrawHint("select",!0),e.redraw()),e.touchData.singleTouchMoved=!1,e.touchData.singleTouchStartTime=+new Date,clearTimeout(e.touchData.tapholdTimeout),e.touchData.tapholdTimeout=setTimeout(function(){e.touchData.singleTouchMoved!==!1||e.pinching||e.touchData.selecting||(t(e.touchData.start,["taphold"],r,{cyPosition:{x:i[0],y:i[1]}}),e.touchData.start||n.$(":selected").unselect())},e.tapholdDuration)}if(r.touches.length>=1){for(var _=e.touchData.startPosition=[],P=0;P=e.touchTapThreshold2}if(i&&e.touchData.cxt){r.preventDefault();var S=r.touches[0].clientX-O,T=r.touches[0].clientY-A,I=r.touches[1].clientX-O,R=r.touches[1].clientY-A,q=X(S,T,I,R),F=q/z,Y=150,W=Y*Y,$=1.5,H=$*$;if(F>=H||q>=W){e.touchData.cxt=!1,e.data.bgActivePosistion=void 0,e.redrawHint("select",!0);var U=new o(r,{type:"cxttapend",cyPosition:{x:c[0],y:c[1]}});e.touchData.start?(e.touchData.start.unactivate().trigger(U),e.touchData.start=null):u.trigger(U)}}if(i&&e.touchData.cxt){var U=new o(r,{type:"cxtdrag",cyPosition:{x:c[0],y:c[1]}});e.data.bgActivePosistion=void 0,e.redrawHint("select",!0),e.touchData.start?e.touchData.start.trigger(U):u.trigger(U),e.touchData.start&&(e.touchData.start._private.grabbed=!1),e.touchData.cxtDragged=!0;var Z=e.findNearestElement(c[0],c[1],!0,!0);e.touchData.cxtOver&&Z===e.touchData.cxtOver||(e.touchData.cxtOver&&e.touchData.cxtOver.trigger(new o(r,{type:"cxtdragout",cyPosition:{x:c[0],y:c[1]}})),e.touchData.cxtOver=Z,Z&&Z.trigger(new o(r,{type:"cxtdragover",cyPosition:{x:c[0],y:c[1]}})))}else if(i&&r.touches[2]&&u.boxSelectionEnabled())r.preventDefault(),e.data.bgActivePosistion=void 0,this.lastThreeTouch=+new Date,e.touchData.selecting||u.trigger("boxstart"),e.touchData.selecting=!0,e.redrawHint("select",!0),l&&0!==l.length&&void 0!==l[0]?(l[2]=(c[0]+c[2]+c[4])/3,l[3]=(c[1]+c[3]+c[5])/3):(l[0]=(c[0]+c[2]+c[4])/3,l[1]=(c[1]+c[3]+c[5])/3,l[2]=(c[0]+c[2]+c[4])/3+1,l[3]=(c[1]+c[3]+c[5])/3+1),l[4]=1,e.touchData.selecting=!0,e.redraw();else if(i&&r.touches[1]&&u.zoomingEnabled()&&u.panningEnabled()&&u.userZoomingEnabled()&&u.userPanningEnabled()){r.preventDefault(),e.data.bgActivePosistion=void 0,e.redrawHint("select",!0);var G=e.dragData.touchDragEles;if(G){e.redrawHint("drag",!0);for(var Q=0;Q=e*e+t*t}}},i.generateRoundRectangle=function(){return this.nodeShapes.roundrectangle={renderer:this,name:"roundrectangle",points:n.generateUnitNgonPointsFitToSquare(4,0),draw:function(e,t,r,n,i){this.renderer.nodeShapeImpl(this.name,e,t,r,n,i)},intersectLine:function(e,t,r,i,a,o,s){return n.roundRectangleIntersectLine(a,o,e,t,r,i,s)},checkPoint:function(e,t,r,i,a,o,s){var l=n.getRoundRectangleRadius(i,a);if(n.pointInsidePolygon(e,t,this.points,o,s,i,a-2*l,[0,-1],r))return!0;if(n.pointInsidePolygon(e,t,this.points,o,s,i-2*l,a,[0,-1],r))return!0;var u=function(e,t,r,n,i,a,o){return e-=r,t-=n,e/=i/2+o,t/=a/2+o,1>=e*e+t*t};return u(e,t,o-i/2+l,s-a/2+l,2*l,2*l,r)?!0:u(e,t,o+i/2-l,s-a/2+l,2*l,2*l,r)?!0:u(e,t,o+i/2-l,s+a/2-l,2*l,2*l,r)?!0:!!u(e,t,o-i/2+l,s+a/2-l,2*l,2*l,r)}}},i.registerNodeShapes=function(){var e=this.nodeShapes={},t=this;this.generateEllipse(),this.generatePolygon("triangle",n.generateUnitNgonPointsFitToSquare(3,0)),this.generatePolygon("rectangle",n.generateUnitNgonPointsFitToSquare(4,0)),e.square=e.rectangle,this.generateRoundRectangle(),this.generatePolygon("diamond",[0,1,1,0,0,-1,-1,0]),this.generatePolygon("pentagon",n.generateUnitNgonPointsFitToSquare(5,0)),this.generatePolygon("hexagon",n.generateUnitNgonPointsFitToSquare(6,0)),this.generatePolygon("heptagon",n.generateUnitNgonPointsFitToSquare(7,0)),this.generatePolygon("octagon",n.generateUnitNgonPointsFitToSquare(8,0));var r=new Array(20),i=n.generateUnitNgonPoints(5,0),a=n.generateUnitNgonPoints(5,Math.PI/5),o=.5*(3-Math.sqrt(5));o*=1.57;for(var s=0;ss;s++)r[4*s]=i[2*s],r[4*s+1]=i[2*s+1],r[4*s+2]=a[2*s],r[4*s+3]=a[2*s+1];r=n.fitPolygonToSquare(r),this.generatePolygon("star",r),this.generatePolygon("vee",[-1,-1,0,-.333,1,-1,0,1]),this.generatePolygon("rhomboid",[-1,-1,.333,-1,1,1,-.333,1]),e.makePolygon=function(e){var r,n=e.join("$"),i="polygon-"+n;return(r=this[i])?r:t.generatePolygon(i,e)}},t.exports=i},{"../../../math":85}],63:[function(e,t,r){"use strict";var n=e("../../../util"),i={};i.timeToRender=function(){return this.redrawTotalTime/this.redrawCount},i.redraw=function(e){e=e||n.staticEmptyObject();var t=this;void 0===t.averageRedrawTime&&(t.averageRedrawTime=0),void 0===t.lastRedrawTime&&(t.lastRedrawTime=0),void 0===t.lastDrawTime&&(t.lastDrawTime=0),t.requestedFrame=!0,t.renderOptions=e},i.beforeRender=function(e,t){if(!this.destroyed){t=t||0;var r=this.beforeRenderCallbacks;r.push({fn:e,priority:t}),r.sort(function(e,t){return t.priority-e.priority})}};var a=function(e,t,r){for(var n=e.beforeRenderCallbacks,i=0;io)},o.drawElementText=function(e,t,r){var n=this;if(void 0===r){if(!n.eleTextBiggerThanMin(t))return}else if(!r)return;if(t.isNode()){var i=t.pstyle("label");if(!i||!i.value)return;var a=t.pstyle("text-halign").strValue;t.pstyle("text-valign").strValue;switch(a){case"left":e.textAlign="right";break;case"right":e.textAlign="left";break;default:e.textAlign="center"}e.textBaseline="bottom"}else{var i=t.pstyle("label"),o=t.pstyle("source-label"),s=t.pstyle("target-label");if(!(i&&i.value||o&&o.value||s&&s.value))return;e.textAlign="center",e.textBaseline="bottom"}n.drawText(e,t),t.isEdge()&&(n.drawText(e,t,"source"),n.drawText(e,t,"target"))},o.drawNodeText=o.drawEdgeText=o.drawElementText,o.getFontCache=function(e){var t;this.fontCaches=this.fontCaches||[];for(var r=0;r0||k>0&&S>0){var T=l;switch(m){case"left":T-=h;break;case"center":T-=h/2;break;case"right":}var D=u-p;if(P>0){var C=e.fillStyle,M=t.pstyle("text-background-color").value;e.fillStyle="rgba("+M[0]+","+M[1]+","+M[2]+","+P*s+")";var N=t.pstyle("text-background-shape").strValue; +"roundrectangle"==N?n(e,T,D,h,p,2):e.fillRect(T,D,h,p),e.fillStyle=C}if(k>0&&S>0){var B=e.strokeStyle,z=e.lineWidth,I=t.pstyle("text-border-color").value,L=t.pstyle("text-border-style").value;if(e.strokeStyle="rgba("+I[0]+","+I[1]+","+I[2]+","+S*s+")",e.lineWidth=k,e.setLineDash)switch(L){case"dotted":e.setLineDash([1,1]);break;case"dashed":e.setLineDash([4,2]);break;case"double":e.lineWidth=k/4,e.setLineDash([]);break;case"solid":e.setLineDash([])}if(e.strokeRect(T,D,h,p),"double"===L){var O=k/2;e.strokeRect(T+O,D+O,h-2*O,p-2*O)}e.setLineDash&&e.setLineDash([]),e.lineWidth=z,e.strokeStyle=B}}var A=2*t.pstyle("text-outline-width").pfValue;if(A>0&&(e.lineWidth=A),"wrap"===t.pstyle("text-wrap").value){var R=i.getPrefixedProperty(o,"labelWrapCachedLines",r),q=p/R.length;switch(b){case"top":u-=(R.length-1)*q;break;case"center":case"bottom":u-=(R.length-1)*q}for(var V=0;V0&&e.strokeText(R[V],l,u),e.fillText(R[V],l,u),u+=q}else A>0&&e.strokeText(c,l,u),e.fillText(c,l,u);0!==x&&(e.rotate(-x),e.translate(-E,-_)),this.shadowStyle(e,"transparent",0)}}},t.exports=o},{"../../../math":85,"../../../util":100}],69:[function(e,t,r){"use strict";var n=e("../../../is"),i={};i.drawNode=function(e,t,r,i){var a,o,s=this,l=t._private.rscratch,u=t._private,c=c||u.position;if(n.number(c.x)&&n.number(c.y)&&t.visible()){var d,h=t.effectiveOpacity(),p=this.usePaths(),f=!1,v=t.pstyle("padding").pfValue;a=t.width()+2*v,o=t.height()+2*v,e.lineWidth=t.pstyle("border-width").pfValue;var g;r&&(g=r,e.translate(-g.x1,-g.y1));var y,m=t.pstyle("background-image"),b=m.value[2]||m.value[1];if(void 0!==b){var x=t.pstyle("background-image-crossorigin");y=this.getCachedImage(b,x,function(){t.trigger("background"),s.redrawHint("eles",!0),s.redrawHint("drag",!0),s.drawingImage=!0,s.redraw()});var w=u.backgrounding;u.backgrounding=!y.complete,w!==u.backgrounding&&t.updateStyle(!1)}var E=t.pstyle("background-color").value,_=t.pstyle("border-color").value,P=t.pstyle("border-style").value;this.fillStyle(e,E[0],E[1],E[2],t.pstyle("background-opacity").value*h),this.strokeStyle(e,_[0],_[1],_[2],t.pstyle("border-opacity").value*h);var S=t.pstyle("shadow-blur").pfValue,k=t.pstyle("shadow-opacity").value,T=t.pstyle("shadow-color").value,D=t.pstyle("shadow-offset-x").pfValue,C=t.pstyle("shadow-offset-y").pfValue;if(this.shadowStyle(e,T,k,S,D,C),e.lineJoin="miter",e.setLineDash)switch(P){case"dotted":e.setLineDash([1,1]);break;case"dashed":e.setLineDash([4,2]);break;case"solid":case"double":e.setLineDash([])}var M=t.pstyle("shape").strValue,N=t.pstyle("shape-polygon-points").pfValue;if(p){var B=M+"$"+a+"$"+o+("polygon"===M?"$"+N.join("$"):"");e.translate(c.x,c.y),l.pathCacheKey===B?(d=l.pathCache,f=!0):(d=new Path2D,l.pathCacheKey=B,l.pathCache=d)}if(!f){var z=c;p&&(z={x:0,y:0}),s.nodeShapes[this.getNodeShape(t)].draw(d||e,z.x,z.y,a,o)}p?e.fill(d):e.fill(),this.shadowStyle(e,"transparent",0),void 0!==b&&y.complete&&this.drawInscribedImage(e,y,t);var I=t.pstyle("background-blacken").value,L=t.pstyle("border-width").pfValue;if(this.hasPie(t)&&(this.drawPie(e,t,h),0===I&&0===L||p||s.nodeShapes[this.getNodeShape(t)].draw(e,c.x,c.y,a,o)),I>0?(this.fillStyle(e,0,0,0,I),p?e.fill(d):e.fill()):0>I&&(this.fillStyle(e,255,255,255,-I),p?e.fill(d):e.fill()),L>0&&(p?e.stroke(d):e.stroke(),"double"===P)){e.lineWidth=t.pstyle("border-width").pfValue/3;var O=e.globalCompositeOperation;e.globalCompositeOperation="destination-out",p?e.stroke(d):e.stroke(),e.globalCompositeOperation=O}p&&e.translate(-c.x,-c.y),e.setLineDash&&e.setLineDash([]),s.drawElementText(e,t,i);var A=t.pstyle("overlay-padding").pfValue,R=t.pstyle("overlay-opacity").value,q=t.pstyle("overlay-color").value;R>0&&(this.fillStyle(e,q[0],q[1],q[2],R),s.nodeShapes.roundrectangle.draw(e,t._private.position.x,t._private.position.y,a+2*A,o+2*A),e.fill()),r&&e.translate(g.x1,g.y1)}},i.hasPie=function(e){return e=e[0],e._private.hasPie},i.drawPie=function(e,t,r,n){t=t[0];var i=t._private,a=t.cy().style(),o=t.pstyle("pie-size"),s=t.width(),l=t.height(),n=n||i.position,u=n.x,c=n.y,d=Math.min(s,l)/2,h=0,p=this.usePaths();p&&(u=0,c=0),"%"===o.units?d=d*o.value/100:void 0!==o.pfValue&&(d=o.pfValue/2);for(var f=1;f<=a.pieBackgroundN;f++){var v=t.pstyle("pie-"+f+"-background-size").value,g=t.pstyle("pie-"+f+"-background-color").value,y=t.pstyle("pie-"+f+"-background-opacity").value*r,m=v/100;m+h>1&&(m=1-h);var b=1.5*Math.PI+2*Math.PI*h,x=2*Math.PI*m,w=b+x;0===v||h>=1||h+m>1||(e.beginPath(),e.moveTo(u,c),e.arc(u,c,d,b,w),e.closePath(),this.fillStyle(e,g[0],g[1],g[2],y),e.fill(),h+=m)}},t.exports=i},{"../../../is":83}],70:[function(e,t,r){"use strict";var n={},i=e("../../../util"),a=100;n.getPixelRatio=function(){var e=this.data.contexts[0];if(null!=this.forcedPixelRatio)return this.forcedPixelRatio;var t=e.backingStorePixelRatio||e.webkitBackingStorePixelRatio||e.mozBackingStorePixelRatio||e.msBackingStorePixelRatio||e.oBackingStorePixelRatio||e.backingStorePixelRatio||1;return(window.devicePixelRatio||1)/t},n.paintCache=function(e){for(var t,r=this.paintCaches=this.paintCaches||[],n=!0,i=0;i0?(e.shadowBlur=n*o,e.shadowColor="rgba("+t[0]+","+t[1]+","+t[2]+","+r+")",e.shadowOffsetX=i*o,e.shadowOffsetY=a*o):(e.shadowBlur=0,e.shadowColor="transparent",e.shadowOffsetX=0,e.shadowOffsetY=0)},n.matchCanvasSize=function(e){var t=this,r=t.data,n=t.findContainerClientCoords(),i=n[2],a=n[3],o=t.getPixelRatio(),s=t.motionBlurPxRatio;e!==t.data.bufferCanvases[t.MOTIONBLUR_BUFFER_NODE]&&e!==t.data.bufferCanvases[t.MOTIONBLUR_BUFFER_DRAG]||(o=s);var l,u=i*o,c=a*o;if(u!==t.canvasWidth||c!==t.canvasHeight){t.fontCaches=null;var d=r.canvasContainer;d.style.width=i+"px",d.style.height=a+"px";for(var h=0;h=o&&(l=r.bufferCanvases[t.TEXTURE_BUFFER],t.textureMult=2,l.width=u*t.textureMult,l.height=c*t.textureMult),t.canvasWidth=u,t.canvasHeight=c}},n.renderTo=function(e,t,r,n){this.render({forcedContext:e,forcedZoom:t,forcedPan:r,drawAllLayers:!0,forcedPxRatio:n})},n.render=function(e){function t(e,t,r,n,i){var a=e.globalCompositeOperation;e.globalCompositeOperation="destination-out",c.fillStyle(e,255,255,255,c.motionBlurTransparency),e.fillRect(t,r,n,i),e.globalCompositeOperation=a}function r(e,r){var i,a,s,d;c.clearingMotionBlur||e!==p.bufferContexts[c.MOTIONBLUR_BUFFER_NODE]&&e!==p.bufferContexts[c.MOTIONBLUR_BUFFER_DRAG]?(i=k,a=P,s=c.canvasWidth,d=c.canvasHeight):(i={x:S.x*y,y:S.y*y},a=_*y,s=c.canvasWidth*y,d=c.canvasHeight*y),e.setTransform(1,0,0,1,0,0),"motionBlur"===r?t(e,0,0,s,d):n||void 0!==r&&!r||e.clearRect(0,0,s,d),o||(e.translate(i.x,i.y),e.scale(a,a)),u&&e.translate(u.x,u.y),l&&e.scale(l,l)}e=e||i.staticEmptyObject();var n=e.forcedContext,o=e.drawAllLayers,s=e.drawOnlyNodeLayer,l=e.forcedZoom,u=e.forcedPan,c=this,d=void 0===e.forcedPxRatio?this.getPixelRatio():e.forcedPxRatio,h=c.cy,p=c.data,f=p.canvasNeedsRedraw,v=c.textureOnViewport&&!n&&(c.pinching||c.hoverData.dragging||c.swipePanning||c.data.wheelZooming),g=void 0!==e.motionBlur?e.motionBlur:c.motionBlur,y=c.motionBlurPxRatio,m=h.hasCompoundNodes(),b=c.hoverData.draggingEles,x=!(!c.hoverData.selecting&&!c.touchData.selecting);g=g&&!n&&c.motionBlurEnabled&&!x;var w=g;n||(c.prevPxRatio!==d&&(c.invalidateContainerClientCoordsCache(),c.matchCanvasSize(c.container),c.redrawHint("eles",!0),c.redrawHint("drag",!0)),c.prevPxRatio=d),!n&&c.motionBlurTimeout&&clearTimeout(c.motionBlurTimeout),g&&(null==c.mbFrames&&(c.mbFrames=0),c.drawingImage||c.mbFrames++,c.mbFrames<3&&(w=!1),c.mbFrames>c.minMbLowQualFrames&&(c.motionBlurPxRatio=c.mbPxRBlurry)),c.clearingMotionBlur&&(c.motionBlurPxRatio=1),c.textureDrawLastFrame&&!v&&(f[c.NODE]=!0,f[c.SELECT_BOX]=!0);var E=h.style()._private.coreStyle,_=h.zoom(),P=void 0!==l?l:_,S=h.pan(),k={x:S.x,y:S.y},T={zoom:_,pan:{x:S.x,y:S.y}},D=c.prevViewport,C=void 0===D||T.zoom!==D.zoom||T.pan.x!==D.pan.x||T.pan.y!==D.pan.y;C||b&&!m||(c.motionBlurPxRatio=1),u&&(k=u),P*=d,k.x*=d,k.y*=d;var M=c.getCachedZSortedEles();if(v||(c.textureDrawLastFrame=!1),v){c.textureDrawLastFrame=!0;var N;if(!c.textureCache){c.textureCache={},N=c.textureCache.bb=h.mutableElements().boundingBox(),c.textureCache.texture=c.data.bufferCanvases[c.TEXTURE_BUFFER];var B=c.data.bufferContexts[c.TEXTURE_BUFFER];B.setTransform(1,0,0,1,0,0),B.clearRect(0,0,c.canvasWidth*c.textureMult,c.canvasHeight*c.textureMult),c.render({forcedContext:B,drawOnlyNodeLayer:!0,forcedPxRatio:d*c.textureMult});var T=c.textureCache.viewport={zoom:h.zoom(),pan:h.pan(),width:c.canvasWidth,height:c.canvasHeight};T.mpan={x:(0-T.pan.x)/T.zoom,y:(0-T.pan.y)/T.zoom}}f[c.DRAG]=!1,f[c.NODE]=!1;var z=p.contexts[c.NODE],I=c.textureCache.texture,T=c.textureCache.viewport;N=c.textureCache.bb,z.setTransform(1,0,0,1,0,0),g?t(z,0,0,T.width,T.height):z.clearRect(0,0,T.width,T.height);var L=E["outside-texture-bg-color"].value,O=E["outside-texture-bg-opacity"].value;c.fillStyle(z,L[0],L[1],L[2],O),z.fillRect(0,0,T.width,T.height);var _=h.zoom();r(z,!1),z.clearRect(T.mpan.x,T.mpan.y,T.width/T.zoom/d,T.height/T.zoom/d),z.drawImage(I,T.mpan.x,T.mpan.y,T.width/T.zoom/d,T.height/T.zoom/d)}else c.textureOnViewport&&!n&&(c.textureCache=null);var A=h.extent(),R=c.pinching||c.hoverData.dragging||c.swipePanning||c.data.wheelZooming||c.hoverData.draggingEles,q=c.hideEdgesOnViewport&&R,V=[];if(V[c.NODE]=!f[c.NODE]&&g&&!c.clearedForMotionBlur[c.NODE]||c.clearingMotionBlur,V[c.NODE]&&(c.clearedForMotionBlur[c.NODE]=!0),V[c.DRAG]=!f[c.DRAG]&&g&&!c.clearedForMotionBlur[c.DRAG]||c.clearingMotionBlur,V[c.DRAG]&&(c.clearedForMotionBlur[c.DRAG]=!0),f[c.NODE]||o||s||V[c.NODE]){var F=g&&!V[c.NODE]&&1!==y,z=n||(F?c.data.bufferContexts[c.MOTIONBLUR_BUFFER_NODE]:p.contexts[c.NODE]),j=g&&!F?"motionBlur":void 0;r(z,j),q?c.drawCachedNodes(z,M.nondrag,d,A):c.drawLayeredElements(z,M.nondrag,d,A),o||g||(f[c.NODE]=!1)}if(!s&&(f[c.DRAG]||o||V[c.DRAG])){var F=g&&!V[c.DRAG]&&1!==y,z=n||(F?c.data.bufferContexts[c.MOTIONBLUR_BUFFER_DRAG]:p.contexts[c.DRAG]);r(z,g&&!F?"motionBlur":void 0),q?c.drawCachedNodes(z,M.drag,d,A):c.drawCachedElements(z,M.drag,d,A),o||g||(f[c.DRAG]=!1)}if(c.showFps||!s&&f[c.SELECT_BOX]&&!o){var z=n||p.contexts[c.SELECT_BOX];if(r(z),1==c.selection[4]&&(c.hoverData.selecting||c.touchData.selecting)){var _=c.cy.zoom(),X=E["selection-box-border-width"].value/_;z.lineWidth=X,z.fillStyle="rgba("+E["selection-box-color"].value[0]+","+E["selection-box-color"].value[1]+","+E["selection-box-color"].value[2]+","+E["selection-box-opacity"].value+")",z.fillRect(c.selection[0],c.selection[1],c.selection[2]-c.selection[0],c.selection[3]-c.selection[1]),X>0&&(z.strokeStyle="rgba("+E["selection-box-border-color"].value[0]+","+E["selection-box-border-color"].value[1]+","+E["selection-box-border-color"].value[2]+","+E["selection-box-opacity"].value+")",z.strokeRect(c.selection[0],c.selection[1],c.selection[2]-c.selection[0],c.selection[3]-c.selection[1]))}if(p.bgActivePosistion&&!c.hoverData.selecting){var _=c.cy.zoom(),Y=p.bgActivePosistion;z.fillStyle="rgba("+E["active-bg-color"].value[0]+","+E["active-bg-color"].value[1]+","+E["active-bg-color"].value[2]+","+E["active-bg-opacity"].value+")",z.beginPath(),z.arc(Y.x,Y.y,E["active-bg-size"].pfValue/_,0,2*Math.PI),z.fill()}var W=c.lastRedrawTime;if(c.showFps&&W){W=Math.round(W);var $=Math.round(1e3/W);z.setTransform(1,0,0,1,0,0),z.fillStyle="rgba(255, 0, 0, 0.75)",z.strokeStyle="rgba(255, 0, 0, 0.75)",z.lineWidth=1,z.fillText("1 frame = "+W+" ms = "+$+" fps",0,20);var H=60;z.strokeRect(0,30,250,20),z.fillRect(0,30,250*Math.min($/H,1),20)}o||(f[c.SELECT_BOX]=!1)}if(g&&1!==y){var U=p.contexts[c.NODE],Z=c.data.bufferCanvases[c.MOTIONBLUR_BUFFER_NODE],G=p.contexts[c.DRAG],Q=c.data.bufferCanvases[c.MOTIONBLUR_BUFFER_DRAG],K=function(e,r,n){e.setTransform(1,0,0,1,0,0),n||!w?e.clearRect(0,0,c.canvasWidth,c.canvasHeight):t(e,0,0,c.canvasWidth,c.canvasHeight);var i=y;e.drawImage(r,0,0,c.canvasWidth*i,c.canvasHeight*i,0,0,c.canvasWidth,c.canvasHeight)};(f[c.NODE]||V[c.NODE])&&(K(U,Z,V[c.NODE]),f[c.NODE]=!1),(f[c.DRAG]||V[c.DRAG])&&(K(G,Q,V[c.DRAG]),f[c.DRAG]=!1)}c.prevViewport=T,c.clearingMotionBlur&&(c.clearingMotionBlur=!1,c.motionBlurCleared=!0,c.motionBlur=!0),g&&(c.motionBlurTimeout=setTimeout(function(){c.motionBlurTimeout=null,c.clearedForMotionBlur[c.NODE]=!1,c.clearedForMotionBlur[c.DRAG]=!1,c.motionBlur=!1,c.clearingMotionBlur=!v,c.mbFrames=0,f[c.NODE]=!0,f[c.DRAG]=!0,c.redraw()},a)),c.drawingImage=!1,n||c.initrender||(c.initrender=!0,h.trigger("initrender")),n||h.trigger("render")},t.exports=n},{"../../../util":100}],71:[function(e,t,r){"use strict";var n=e("../../../math"),i={};i.drawPolygonPath=function(e,t,r,n,i,a){var o=n/2,s=i/2;e.beginPath&&e.beginPath(),e.moveTo(t+o*a[0],r+s*a[1]);for(var l=1;li)i=u;else if(y>=d||i>c)return null;var m=Math.pow(2,i),w=t.h*m,E=t.w*m,_=g.imgCaches=g.imgCaches||{},P=_[i];if(P)return P;var S;if(S=s>=w?s:l>=w?l:Math.ceil(w/l)*l,w>v||E>f||!b&&e.isEdge()||!x&&e.isParent())return null;var k=o.getTextureQueue(S),D=k[k.length-2],C=function(){return o.recycleTexture(S,E)||o.addTexture(S,E)};D||(D=k[k.length-1]),D||(D=C()),D.width-D.usedWidth=O;O++){var A=_[O];if(A){M=A;break}}var R=M&&M.level===i+1?M:null,q=function(){D.context.drawImage(R.texture.canvas,R.x,0,R.width,R.height,D.usedWidth,0,E,w)};if(B(R))q();else if(B(M)){if(!I)return o.queueElement(e,t,M.level-1),M;for(var O=M.level;O>i;O--)R=o.getElement(e,t,r,O,T.downscale);q()}else{var V;if(!z&&!I&&!L)for(var O=i-1;O>=u;O--){var A=_[O];if(A){V=A;break}}if(B(V))return o.queueElement(e,t,i),V;D.context.translate(D.usedWidth,0),D.context.scale(m,m),p.drawElement(D.context,e,t,N),D.context.scale(1/m,1/m),D.context.translate(-D.usedWidth,0)}return P=_[i]={ele:e,x:D.usedWidth,texture:D,level:i,scale:m,width:E,height:w,scaledLabelShown:N},D.usedWidth+=Math.ceil(E+h),D.eleCaches.push(P),o.checkTextureFullness(D),P},C.invalidateElement=function(e){var t=this,r=e._private.rscratch.imgCaches;if(r)for(var n=u;c>=n;n++){var a=r[n];if(a){var o=a.texture;o.invalidatedWidth+=a.width,r[n]=null,i.removeFromArray(o.eleCaches,a),t.checkTextureUtility(o)}}},C.checkTextureUtility=function(e){e.invalidatedWidth>=g*e.width&&this.retireTexture(e)},C.checkTextureFullness=function(e){var t=this,r=t.getTextureQueue(e.height);e.usedWidth/e.width>y&&e.fullnessChecks>=m?i.removeFromArray(r,e):e.fullnessChecks++},C.retireTexture=function(e){var t=this,r=e.height,n=t.getTextureQueue(r);i.removeFromArray(n,e),e.retired=!0;for(var a=e.eleCaches,o=0;o=t)return s.retired=!1,s.usedWidth=0,s.invalidatedWidth=0,s.fullnessChecks=0,i.clearArray(s.eleCaches),s.context.clearRect(0,0,s.width,s.height),i.removeFromArray(a,s),n.push(s),s}},C.queueElement=function(e,t,r){var i=this,a=i.getElementQueue(),o=i.getElementIdToQueue(),s=e.id(),l=o[s];if(l)l.level=Math.max(l.level,r),l.reqs++,a.updateItem(l);else{var u={ele:e,bb:t,position:n.copyPosition(e.position()),level:r,reqs:1};e.isEdge()&&(u.positions={source:n.copyPosition(e.source().position()),target:n.copyPosition(e.target().position())}),a.push(u),o[s]=u}},C.dequeue=function(e,t){for(var r=this,i=r.getElementQueue(),a=r.getElementIdToQueue(),o=[],s=0;k>s&&i.size()>0;s++){var l=i.pop();a[l.ele.id()]=null,o.push(l);var u,c=l.ele;u=(!c.isEdge()||n.arePositionsSame(c.source().position(),l.positions.source)&&n.arePositionsSame(c.target().position(),l.positions.target))&&n.arePositionsSame(c.position(),l.position)?l.bb:c.boundingBox(),r.getElement(l.ele,u,e,l.level,T.dequeue)}return o},C.onDequeue=function(e){this.onDequeues.push(e)},C.offDequeue=function(e){i.removeFromArray(this.onDequeues,e)},C.setupDequeueing=o.setupDequeueing({deqRedrawThreshold:S,deqCost:w,deqAvgCost:E,deqNoDrawCost:_,deqFastCost:P,deq:function(e,t,r){return e.dequeue(t,r)},onDeqd:function(e,t){for(var r=0;r0&&s>0){f.clearRect(0,0,o,s),e.bg&&(f.fillStyle=e.bg,f.rect(0,0,o,s),f.fill()),f.globalCompositeOperation="source-over";var v=this.getCachedZSortedEles();if(e.full)f.translate(-i.x1*c,-i.y1*c),f.scale(c,c),this.drawElements(f,v);else{var g=t.pan(),y={x:g.x*c,y:g.y*c};c*=t.zoom(),f.translate(y.x,y.y),f.scale(c,c),this.drawElements(f,v)}}return p},i.png=function(e){return this.bufferCanvasImage(e).toDataURL("image/png")},i.jpg=function(e){return this.bufferCanvasImage(e).toDataURL("image/jpeg")},t.exports=i},{"../../../is":83}],74:[function(e,t,r){"use strict";function n(e){var t=this;t.data={canvases:new Array(u.CANVAS_LAYERS),contexts:new Array(u.CANVAS_LAYERS),canvasNeedsRedraw:new Array(u.CANVAS_LAYERS),bufferCanvases:new Array(u.BUFFER_COUNT),bufferContexts:new Array(u.CANVAS_LAYERS)},t.data.canvasContainer=document.createElement("div");var r=t.data.canvasContainer.style;t.data.canvasContainer.setAttribute("style","-webkit-tap-highlight-color: rgba(0,0,0,0);"),r.position="relative",r.zIndex="0",r.overflow="hidden";var n=e.cy.container();n.appendChild(t.data.canvasContainer),n.setAttribute("style",(n.getAttribute("style")||"")+"-webkit-tap-highlight-color: rgba(0,0,0,0);");for(var i=0;i0&&t.data.lyrTxrCache.invalidateElements(r)})}var i=e("../../../util"),a=e("../../../is"),o=e("./ele-texture-cache"),s=e("./layered-texture-cache"),l=n,u=n.prototype;u.CANVAS_LAYERS=3,u.SELECT_BOX=0,u.DRAG=1,u.NODE=2,u.BUFFER_COUNT=3,u.TEXTURE_BUFFER=0,u.MOTIONBLUR_BUFFER_NODE=1,u.MOTIONBLUR_BUFFER_DRAG=2,u.redrawHint=function(e,t){var r=this;switch(e){case"eles":r.data.canvasNeedsRedraw[u.NODE]=t;break;case"drag":r.data.canvasNeedsRedraw[u.DRAG]=t;break;case"select":r.data.canvasNeedsRedraw[u.SELECT_BOX]=t}};var c="undefined"!=typeof Path2D;u.path2dEnabled=function(e){return void 0===e?this.pathsEnabled:void(this.pathsEnabled=!!e)},u.usePaths=function(){return c&&this.pathsEnabled},[e("./arrow-shapes"),e("./drawing-elements"),e("./drawing-edges"),e("./drawing-images"),e("./drawing-label-text"),e("./drawing-nodes"),e("./drawing-redraw"),e("./drawing-shapes"),e("./export-image"),e("./node-shapes")].forEach(function(e){i.extend(u,e)}),t.exports=l},{"../../../is":83,"../../../util":100,"./arrow-shapes":64,"./drawing-edges":65,"./drawing-elements":66,"./drawing-images":67,"./drawing-label-text":68,"./drawing-nodes":69,"./drawing-redraw":70,"./drawing-shapes":71,"./ele-texture-cache":72,"./export-image":73,"./layered-texture-cache":75,"./node-shapes":76}],75:[function(e,t,r){"use strict";function n(e,t){null!=e.imageSmoothingEnabled?e.imageSmoothingEnabled=t:(e.webkitImageSmoothingEnabled=t,e.mozImageSmoothingEnabled=t,e.msImageSmoothingEnabled=t)}var i=e("../../../util"),a=e("../../../math"),o=e("../../../heap"),s=e("../../../is"),l=e("./texture-cache-defs"),u=1,c=-4,d=2,h=3.99,p=50,f=50,v=!0,g=.15,y=.1,m=.9,b=.9,x=1,w=250,E=16e6,_=!0,P=!0,S=!0,k=function(e,t){var r=this,n=r.renderer=e;r.layersByLevel={},r.firstGet=!0,r.lastInvalidationTime=i.performanceNow()-2*w,r.skipping=!1,n.beforeRender(function(e,t){t-r.lastInvalidationTime<=w?r.skipping=!0:r.skipping=!1});var a=function(e,t){return t.reqs-e.reqs};r.layersQueue=new o(a),r.eleTxrCache=t,r.setupEleCacheInvalidation(),r.setupDequeueing()},T=k.prototype,D=0,C=Math.pow(2,53)-1;T.makeLayer=function(e,t){var r=Math.pow(2,t),n=Math.ceil(e.w*r),i=Math.ceil(e.h*r),a=document.createElement("canvas");a.width=n,a.height=i;var o={id:D=++D%C,bb:e,level:t,width:n,height:i,canvas:a,context:a.getContext("2d"),eles:[],elesQueue:[],reqs:0},s=o.context,l=-o.bb.x1,u=-o.bb.y1;return s.scale(r,r),s.translate(l,u),o},T.getLayers=function(e,t,r){var n=this,o=n.renderer,s=o.cy,l=s.zoom(),p=n.firstGet;if(n.firstGet=!1,null==r)if(r=Math.ceil(a.log2(l*t)),c>r)r=c;else if(l>=h||r>d)return null;n.validateLayersElesOrdering(r,e);var f,v,g=n.layersByLevel,y=Math.pow(2,r),m=g[r]=g[r]||[],b=n.levelIsComplete(r,e),x=function(){var t=function(t){return n.validateLayersElesOrdering(t,e),n.levelIsComplete(t,e)?(v=g[t],!0):void 0},a=function(e){if(!v)for(var n=r+e;n>=c&&d>=n&&!t(n);n+=e);};a(1),a(-1);for(var o=m.length-1;o>=0;o--){var s=m[o];s.invalid&&i.removeFromArray(m,s)}};if(b)return m;x();var w=function(){if(!f){f=a.makeBoundingBox();for(var t=0;tE)return null;var a=n.makeLayer(f,r);if(null!=t){var o=m.indexOf(t)+1;m.splice(o,0,a)}else(void 0===e.insert||e.insert)&&m.unshift(a);return a};if(n.skipping&&!p)return null;for(var S=null,k=e.length/u,T=_&&!p,D=0;D=k||!a.boundingBoxInBoundingBox(S.bb,C.boundingBox()))&&(S=P({insert:!0,after:S}),!S))return null;v||T?n.queueLayer(S,C):n.drawEleInLayer(S,C,r,t),S.eles.push(C),N[r]=S}}return v?v:T?null:m},T.getEleLevelForLayerLevel=function(e,t){return e},T.drawEleInLayer=function(e,t,r,i){var a=this,o=this.renderer,s=e.context,l=t.boundingBox();if(0!==l.w&&0!==l.h){var u=a.eleTxrCache,c=P?u.reasons.highQuality:void 0;r=a.getEleLevelForLayerLevel(r,i);var d=S?u.getElement(t,l,null,r,c):null;d?(v&&n(s,!1),s.drawImage(d.texture.canvas,d.x,0,d.width,d.height,l.x1,l.y1,l.w,l.h),v&&n(s,!0)):o.drawElement(s,t)}},T.levelIsComplete=function(e,t){var r=this,n=r.layersByLevel[e];if(!n||0===n.length)return!1;for(var i=0,a=0;a0)return!1;if(o.invalid)return!1;i+=o.eles.length}return i===t.length},T.validateLayersElesOrdering=function(e,t){var r=this.layersByLevel[e];if(r)for(var n=0;na)this.invalidateLayer(i);else for(var s=a,o=0;o=h;h++){var p=u[h];p&&(a&&r.getEleLevelForLayerLevel(p.level)!==a.level||t(p,o,a))}},T.haveLayers=function(){for(var e=this,t=!1,r=c;d>=r;r++){var n=e.layersByLevel[r];if(n&&n.length>0){t=!0;break}}return t},T.invalidateElements=function(e){var t=this;t.lastInvalidationTime=i.performanceNow(),0!==e.length&&t.haveLayers()&&t.updateElementsInLayers(e,function(e,r,n){t.invalidateLayer(e)})},T.invalidateLayer=function(e){if(this.lastInvalidationTime=i.performanceNow(),!e.invalid){var t=e.level,r=e.eles,n=this.layersByLevel[t];i.removeFromArray(n,e),e.elesQueue=[],e.invalid=!0,e.replacement&&(e.replacement.invalid=!0);for(var a=0;ai&&0!==r.size();){var a=r.peek();if(a.replacement)r.pop();else if(a.replaces&&a!==a.replaces.replacement)r.pop();else if(a.invalid)r.pop();else{var o=a.elesQueue.shift();o&&(t.drawEleInLayer(a,o,a.level,e),i++),0===n.length&&n.push(!0),0===a.elesQueue.length&&(r.pop(),a.reqs=0,a.replaces&&t.applyLayerReplacement(a),t.requestRedraw())}}return n},T.applyLayerReplacement=function(e){var t=this,r=t.layersByLevel[e.level],n=e.replaces,i=r.indexOf(n);if(!(0>i||n.invalid)){r[i]=e;for(var a=0;ac){var y=i-(o?u:0);if(g>=e.deqFastCost*y)break}else if(o){if(v>=e.deqCost*c||v>=e.deqAvgCost*u)break}else if(g>=e.deqNoDrawCost*i)break;var m=e.deq(t,p,h);if(!(m.length>0))break;for(var b=0;b0&&(e.onDeqd(t,d),!o&&e.shouldRedraw(t,d,p,h)&&a())},s=e.priority||n.noop;r.beforeRender(o,s(t))}}}}},{"../../../util":100}],78:[function(e,t,r){"use strict";t.exports=[{name:"null",impl:e("./null")},{name:"base",impl:e("./base")},{name:"canvas",impl:e("./canvas")}]},{"./base":60,"./canvas":74,"./null":79}],79:[function(e,t,r){"use strict";function n(e){this.options=e,this.notifications=0}var i=function(){};n.prototype={recalculateRenderedStyle:i,notify:function(){this.notifications++},init:i},t.exports=n},{}],80:[function(e,t,r){/*! Weaver licensed under MIT (https://tldrlegal.com/license/mit-license), copyright Max Franz */ +"use strict";var n=e("./is"),i=e("./util"),a=e("./thread"),o=e("./promise"),s=e("./define"),l=function(t){if(!(this instanceof l))return new l(t);this._private={pass:[]};var r=4;if(n.number(t),"undefined"!=typeof navigator&&null!=navigator.hardwareConcurrency)t=navigator.hardwareConcurrency;else try{t=e("os").cpus().length}catch(i){t=r}for(var o=0;t>o;o++)this[o]=new a;this.length=t},u=l.prototype;i.extend(u,{instanceString:function(){return"fabric"},require:function(e,t){for(var r=0;re?-1:e>t?1:0},t.require(e,"_$_$_cmp"),t.spread(function(e){var t=e.sort(_$_$_cmp);resolve(t)}).then(function(t){for(var i=function(n,i,a){i=Math.min(i,r),a=Math.min(a,r);for(var o=n,s=i,l=[],u=o;a>u;u++){var c=t[n],d=t[i];s>n&&(i>=a||e(c,d)<=0)?(l.push(c),n++):(l.push(d),i++)}for(var u=0;ua;a*=2)for(var o=0;r>o;o+=2*a)i(o,o+a,o+2*a);return t})}});var c=function(e){return e=e||{},function(t,r){var n=this._private.pass.shift();return this.random().pass(n)[e.threadFn](t,r)}};i.extend(u,{randomMap:c({threadFn:"map"}),reduce:c({threadFn:"reduce"}),reduceRight:c({threadFn:"reduceRight"})});var d=u;d.promise=d.run,d.terminate=d.halt=d.stop,d.include=d.require,i.extend(u,{on:s.on(),one:s.on({unbindSelfOnTrigger:!0}),off:s.off(),trigger:s.trigger()}),s.eventAliasesOn(u),t.exports=l},{"./define":44,"./is":83,"./promise":86,"./thread":98,"./util":100,os:void 0}],81:[function(e,t,r){/*! +Ported by Xueqiao Xu ; + +PSF LICENSE AGREEMENT FOR PYTHON 2.7.2 + +1. This LICENSE AGREEMENT is between the Python Software Foundation (“PSF”), and the Individual or Organization (“Licensee”) accessing and otherwise using Python 2.7.2 software in source or binary form and its associated documentation. +2. Subject to the terms and conditions of this License Agreement, PSF hereby grants Licensee a nonexclusive, royalty-free, world-wide license to reproduce, analyze, test, perform and/or display publicly, prepare derivative works, distribute, and otherwise use Python 2.7.2 alone or in any derivative version, provided, however, that PSF’s License Agreement and PSF’s notice of copyright, i.e., “Copyright © 2001-2012 Python Software Foundation; All Rights Reserved” are retained in Python 2.7.2 alone or in any derivative version prepared by Licensee. +3. In the event Licensee prepares a derivative work that is based on or incorporates Python 2.7.2 or any part thereof, and wants to make the derivative work available to others as provided herein, then Licensee hereby agrees to include in any such work a brief summary of the changes made to Python 2.7.2. +4. PSF is making Python 2.7.2 available to Licensee on an “AS IS” basis. PSF MAKES NO REPRESENTATIONS OR WARRANTIES, EXPRESS OR IMPLIED. BY WAY OF EXAMPLE, BUT NOT LIMITATION, PSF MAKES NO AND DISCLAIMS ANY REPRESENTATION OR WARRANTY OF MERCHANTABILITY OR FITNESS FOR ANY PARTICULAR PURPOSE OR THAT THE USE OF PYTHON 2.7.2 WILL NOT INFRINGE ANY THIRD PARTY RIGHTS. +5. PSF SHALL NOT BE LIABLE TO LICENSEE OR ANY OTHER USERS OF PYTHON 2.7.2 FOR ANY INCIDENTAL, SPECIAL, OR CONSEQUENTIAL DAMAGES OR LOSS AS A RESULT OF MODIFYING, DISTRIBUTING, OR OTHERWISE USING PYTHON 2.7.2, OR ANY DERIVATIVE THEREOF, EVEN IF ADVISED OF THE POSSIBILITY THEREOF. +6. This License Agreement will automatically terminate upon a material breach of its terms and conditions. +7. Nothing in this License Agreement shall be deemed to create any relationship of agency, partnership, or joint venture between PSF and Licensee. This License Agreement does not grant permission to use PSF trademarks or trade name in a trademark sense to endorse or promote products or services of Licensee, or any third party. +8. By copying, installing or otherwise using Python 2.7.2, Licensee agrees to be bound by the terms and conditions of this License Agreement. +*/ +"use strict";var n,i,a,o,s,l,u,c,d,h,p,f,v,g,y;a=Math.floor,h=Math.min,i=function(e,t){return t>e?-1:e>t?1:0},d=function(e,t,r,n,o){var s;if(null==r&&(r=0),null==o&&(o=i),0>r)throw new Error("lo must be non-negative");for(null==n&&(n=e.length);n>r;)s=a((r+n)/2),o(t,e[s])<0?n=s:r=s+1;return[].splice.apply(e,[r,r-r].concat(t)),t},l=function(e,t,r){return null==r&&(r=i),e.push(t),g(e,0,e.length-1,r)},s=function(e,t){var r,n;return null==t&&(t=i),r=e.pop(),e.length?(n=e[0],e[0]=r,y(e,0,t)):n=r,n},c=function(e,t,r){var n;return null==r&&(r=i),n=e[0],e[0]=t,y(e,0,r),n},u=function(e,t,r){var n;return null==r&&(r=i),e.length&&r(e[0],t)<0&&(n=[e[0],t],t=n[0],e[0]=n[1],y(e,0,r)),t},o=function(e,t){var r,n,o,s,l,u;for(null==t&&(t=i),s=function(){u=[];for(var t=0,r=a(e.length/2);r>=0?r>t:t>r;r>=0?t++:t--)u.push(t);return u}.apply(this).reverse(),l=[],n=0,o=s.length;o>n;n++)r=s[n],l.push(y(e,r,t));return l},v=function(e,t,r){var n;return null==r&&(r=i),n=e.indexOf(t),-1!==n?(g(e,0,n,r),y(e,n,r)):void 0},p=function(e,t,r){var n,a,s,l,c;if(null==r&&(r=i),a=e.slice(0,t),!a.length)return a;for(o(a,r),c=e.slice(t),s=0,l=c.length;l>s;s++)n=c[s],u(a,n,r);return a.sort(r).reverse()},f=function(e,t,r){var n,a,l,u,c,p,f,v,g,y;if(null==r&&(r=i),10*t<=e.length){if(u=e.slice(0,t).sort(r),!u.length)return u;for(l=u[u.length-1],v=e.slice(t),c=0,f=v.length;f>c;c++)n=v[c],r(n,l)<0&&(d(u,n,0,null,r),u.pop(),l=u[u.length-1]);return u}for(o(e,r),y=[],a=p=0,g=h(t,e.length);g>=0?g>p:p>g;a=g>=0?++p:--p)y.push(s(e,r));return y},g=function(e,t,r,n){var a,o,s;for(null==n&&(n=i),a=e[r];r>t&&(s=r-1>>1,o=e[s],n(a,o)<0);)e[r]=o,r=s;return e[r]=a},y=function(e,t,r){var n,a,o,s,l;for(null==r&&(r=i),a=e.length,l=t,o=e[t],n=2*t+1;a>n;)s=n+1,a>s&&!(r(e[n],e[s])<0)&&(n=s),e[t]=e[n],t=n,n=2*t+1;return e[t]=o,g(e,l,t,r)},n=function(){function e(e){this.cmp=null!=e?e:i,this.nodes=[]}return e.push=l,e.pop=s,e.replace=c,e.pushpop=u,e.heapify=o,e.updateItem=v,e.nlargest=p,e.nsmallest=f,e.prototype.push=function(e){return l(this.nodes,e,this.cmp)},e.prototype.pop=function(){return s(this.nodes,this.cmp)},e.prototype.peek=function(){return this.nodes[0]},e.prototype.contains=function(e){return-1!==this.nodes.indexOf(e)},e.prototype.replace=function(e){return c(this.nodes,e,this.cmp)},e.prototype.pushpop=function(e){return u(this.nodes,e,this.cmp)},e.prototype.heapify=function(){return o(this.nodes,this.cmp)},e.prototype.updateItem=function(e){return v(this.nodes,e,this.cmp)},e.prototype.clear=function(){return this.nodes=[]},e.prototype.empty=function(){return 0===this.nodes.length},e.prototype.size=function(){return this.nodes.length},e.prototype.clone=function(){var t;return t=new e,t.nodes=this.nodes.slice(0),t},e.prototype.toArray=function(){return this.nodes.slice(0)},e.prototype.insert=e.prototype.push,e.prototype.top=e.prototype.peek,e.prototype.front=e.prototype.peek,e.prototype.has=e.prototype.contains,e.prototype.copy=e.prototype.clone,e}(),t.exports=n},{}],82:[function(e,t,r){"use strict";e("./-preamble");var n=e("./window"),i=e("./is"),a=e("./core"),o=e("./extension"),s=e("./jquery-plugin"),l=e("./stylesheet"),u=e("./thread"),c=e("./fabric"),d=function(e){return void 0===e&&(e={}),i.plainObject(e)?new a(e):i.string(e)?o.apply(o,arguments):void 0};d.version=e("./version"),n&&n.jQuery&&s(n.jQuery,d),d.registerJquery=function(e){s(e,d)},d.stylesheet=d.Stylesheet=l,d.thread=d.Thread=u,d.fabric=d.Fabric=c,t.exports=d},{"./-preamble":1,"./core":37,"./extension":46,"./fabric":80,"./is":83,"./jquery-plugin":84,"./stylesheet":97,"./thread":98,"./version":106,"./window":107}],83:[function(e,t,r){"use strict";var n=e("./window"),i=n?n.navigator:null,a=n?n.document:null,o="string",s=typeof{},l="function",u=typeof HTMLElement,c=function(e){return e&&e.instanceString&&d.fn(e.instanceString)?e.instanceString():null},d={defined:function(e){return null!=e},string:function(e){return null!=e&&typeof e==o},fn:function(e){return null!=e&&typeof e===l},array:function(e){return Array.isArray?Array.isArray(e):null!=e&&e instanceof Array},plainObject:function(e){return null!=e&&typeof e===s&&!d.array(e)&&e.constructor===Object},object:function(e){return null!=e&&typeof e===s},number:function(e){return null!=e&&"number"==typeof e&&!isNaN(e)},integer:function(e){return d.number(e)&&Math.floor(e)===e},bool:function(e){return null!=e&&typeof e==typeof!0},htmlElement:function(e){return"undefined"===u?void 0:null!=e&&e instanceof HTMLElement},elementOrCollection:function(e){return d.element(e)||d.collection(e)},element:function(e){return"collection"===c(e)&&e._private.single},collection:function(e){return"collection"===c(e)&&!e._private.single},core:function(e){return"core"===c(e)},style:function(e){return"style"===c(e)},stylesheet:function(e){return"stylesheet"===c(e)},event:function(e){return"event"===c(e)},thread:function(e){return"thread"===c(e)},fabric:function(e){return"fabric"===c(e)},emptyString:function(e){return void 0===e||null===e?!0:!(""!==e&&!e.match(/^\s+$/))},nonemptyString:function(e){return!(!e||!d.string(e)||""===e||e.match(/^\s+$/))},domElement:function(e){return"undefined"==typeof HTMLElement?!1:e instanceof HTMLElement},boundingBox:function(e){return d.plainObject(e)&&d.number(e.x1)&&d.number(e.x2)&&d.number(e.y1)&&d.number(e.y2)},promise:function(e){return d.object(e)&&d.fn(e.then)},touch:function(){return n&&("ontouchstart"in n||n.DocumentTouch&&a instanceof DocumentTouch)},gecko:function(){return n&&("undefined"!=typeof InstallTrigger||"MozAppearance"in a.documentElement.style)},webkit:function(){return n&&("undefined"!=typeof webkitURL||"WebkitAppearance"in a.documentElement.style)},chromium:function(){return n&&"undefined"!=typeof chrome},khtml:function(){return i&&i.vendor.match(/kde/i)},khtmlEtc:function(){return d.khtml()||d.webkit()||d.chromium()},ms:function(){return i&&i.userAgent.match(/msie|trident|edge/i)},windows:function(){return i&&i.appVersion.match(/Win/i)},mac:function(){return i&&i.appVersion.match(/Mac/i)},linux:function(){return i&&i.appVersion.match(/Linux/i)},unix:function(){return i&&i.appVersion.match(/X11/i)}};t.exports=d},{"./window":107}],84:[function(e,t,r){"use strict";var n=e("./is"),i=function(e){var t=e[0]._cyreg=e[0]._cyreg||{};return t},a=function(e,t){e&&(e.fn.cytoscape||(e.fn.cytoscape=function(r){var a=e(this);if("get"===r)return i(a).cy;if(n.fn(r)){var o=r,s=i(a).cy;if(s&&s.isReady())s.trigger("ready",[],o);else{var l=i(a),u=l.readies=l.readies||[];u.push(o)}}else if(n.plainObject(r))return a.each(function(){var n=e.extend({},r,{container:e(this)[0]});t(n)})},e.cytoscape=t,null==e.fn.cy&&null==e.cy&&(e.fn.cy=e.fn.cytoscape,e.cy=e.cytoscape)))};t.exports=a},{"./is":83}],85:[function(e,t,r){"use strict";var n={};n.arePositionsSame=function(e,t){return e.x===t.x&&e.y===t.y},n.copyPosition=function(e){return{x:e.x,y:e.y}},n.array2point=function(e){return{x:e[0],y:e[1]}},n.deg2rad=function(e){return Math.PI*e/180},n.log2=Math.log2||function(e){return Math.log(e)/Math.log(2)},n.signum=function(e){return e>0?1:0>e?-1:0},n.dist=function(e,t){return Math.sqrt(n.sqdist(e,t))},n.sqdist=function(e,t){var r=t.x-e.x,n=t.y-e.y;return r*r+n*n},n.qbezierAt=function(e,t,r,n){return(1-n)*(1-n)*e+2*(1-n)*n*t+n*n*r},n.qbezierPtAt=function(e,t,r,i){return{x:n.qbezierAt(e.x,t.x,r.x,i),y:n.qbezierAt(e.y,t.y,r.y,i)}},n.lineAt=function(e,t,r,i){var a={x:t.x-e.x,y:t.y-e.y},o=n.dist(e,t),s={x:a.x/o,y:a.y/o};r=null==r?0:r;var i=null!=i?i:r*o;return{x:e.x+s.x*i,y:e.y+s.y*i}},n.lineAtDist=function(e,t,r){return n.lineAt(e,t,void 0,r)},n.triangleAngle=function(e,t,r){var i=n.dist(t,r),a=n.dist(e,r),o=n.dist(e,t);return Math.acos((i*i+a*a-o*o)/(2*i*a))},n.bound=function(e,t,r){return Math.max(e,Math.min(r,t))},n.makeBoundingBox=function(e){if(null==e)return{x1:1/0,y1:1/0,x2:-(1/0),y2:-(1/0),w:0,h:0};if(null!=e.x1&&null!=e.y1){if(null!=e.x2&&null!=e.y2&&e.x2>=e.x1&&e.y2>=e.y1)return{x1:e.x1,y1:e.y1,x2:e.x2,y2:e.y2,w:e.x2-e.x1,h:e.y2-e.y1};if(null!=e.w&&null!=e.h&&e.w>=0&&e.h>=0)return{x1:e.x1,y1:e.y1,x2:e.x1+e.w,y2:e.y1+e.h,w:e.w,h:e.h}}},n.updateBoundingBox=function(e,t){e.x1=Math.min(e.x1,t.x1),e.x2=Math.max(e.x2,t.x2),e.w=e.x2-e.x1,e.y1=Math.min(e.y1,t.y1),e.y2=Math.max(e.y2,t.y2),e.h=e.y2-e.y1},n.expandBoundingBox=function(e,t){return e.x1-=t,e.x2+=t,e.y1-=t,e.y2+=t,e.w=e.x2-e.x1,e.h=e.y2-e.y1,e},n.boundingBoxesIntersect=function(e,t){return e.x1>t.x2?!1:t.x1>e.x2?!1:e.x2t.y2?!1:!(t.y1>e.y2)},n.inBoundingBox=function(e,t,r){return e.x1<=t&&t<=e.x2&&e.y1<=r&&r<=e.y2},n.pointInBoundingBox=function(e,t){return this.inBoundingBox(e,t.x,t.y)},n.boundingBoxInBoundingBox=function(e,t){return n.inBoundingBox(e,t.x1,t.y1)&&n.inBoundingBox(e,t.x2,t.y2)},n.roundRectangleIntersectLine=function(e,t,r,n,i,a,o){var s,l=this.getRoundRectangleRadius(i,a),u=i/2,c=a/2,d=r-u+l-o,h=n-c-o,p=r+u-l+o,f=h;if(s=this.finiteLinesIntersect(e,t,r,n,d,h,p,f,!1),s.length>0)return s;var v=r+u+o,g=n-c+l-o,y=v,m=n+c-l+o;if(s=this.finiteLinesIntersect(e,t,r,n,v,g,y,m,!1),s.length>0)return s;var b=r-u+l-o,x=n+c+o,w=r+u-l+o,E=x;if(s=this.finiteLinesIntersect(e,t,r,n,b,x,w,E,!1),s.length>0)return s;var _=r-u-o,P=n-c+l-o,S=_,k=n+c-l+o;if(s=this.finiteLinesIntersect(e,t,r,n,_,P,S,k,!1),s.length>0)return s;var T,D=r-u+l,C=n-c+l;if(T=this.intersectLineCircle(e,t,r,n,D,C,l+o),T.length>0&&T[0]<=D&&T[1]<=C)return[T[0],T[1]];var M=r+u-l,N=n-c+l;if(T=this.intersectLineCircle(e,t,r,n,M,N,l+o),T.length>0&&T[0]>=M&&T[1]<=N)return[T[0],T[1]];var B=r+u-l,z=n+c-l;if(T=this.intersectLineCircle(e,t,r,n,B,z,l+o),T.length>0&&T[0]>=B&&T[1]>=z)return[T[0],T[1]];var I=r-u+l,L=n+c-l;return T=this.intersectLineCircle(e,t,r,n,I,L,l+o),T.length>0&&T[0]<=I&&T[1]>=L?[T[0],T[1]]:[]},n.inLineVicinity=function(e,t,r,n,i,a,o){var s=o,l=Math.min(r,i),u=Math.max(r,i),c=Math.min(n,a),d=Math.max(n,a);return e>=l-s&&u+s>=e&&t>=c-s&&d+s>=t},n.inBezierVicinity=function(e,t,r,n,i,a,o,s,l){var u={x1:Math.min(r,o,i)-l,x2:Math.max(r,o,i)+l,y1:Math.min(n,s,a)-l,y2:Math.max(n,s,a)+l};return!(eu.x2||tu.y2)},n.solveCubic=function(e,t,r,n,i){t/=e,r/=e,n/=e;var a,o,s,l,u,c,d,h;return o=(3*r-t*t)/9,s=-(27*n)+t*(9*r-2*(t*t)),s/=54,a=o*o*o+s*s,i[1]=0,d=t/3,a>0?(u=s+Math.sqrt(a),u=0>u?-Math.pow(-u,1/3):Math.pow(u,1/3),c=s-Math.sqrt(a),c=0>c?-Math.pow(-c,1/3):Math.pow(c,1/3),i[0]=-d+u+c,d+=(u+c)/2,i[4]=i[2]=-d,d=Math.sqrt(3)*(-c+u)/2,i[3]=d,void(i[5]=-d)):(i[5]=i[3]=0,0===a?(h=0>s?-Math.pow(-s,1/3):Math.pow(s,1/3),i[0]=-d+2*h,void(i[4]=i[2]=-(h+d))):(o=-o,l=o*o*o,l=Math.acos(s/Math.sqrt(l)),h=2*Math.sqrt(o),i[0]=-d+h*Math.cos(l/3),i[2]=-d+h*Math.cos((l+2*Math.PI)/3),void(i[4]=-d+h*Math.cos((l+4*Math.PI)/3))))},n.sqdistToQuadraticBezier=function(e,t,r,n,i,a,o,s){var l=1*r*r-4*r*i+2*r*o+4*i*i-4*i*o+o*o+n*n-4*n*a+2*n*s+4*a*a-4*a*s+s*s,u=9*r*i-3*r*r-3*r*o-6*i*i+3*i*o+9*n*a-3*n*n-3*n*s-6*a*a+3*a*s,c=3*r*r-6*r*i+r*o-r*e+2*i*i+2*i*e-o*e+3*n*n-6*n*a+n*s-n*t+2*a*a+2*a*t-s*t,d=1*r*i-r*r+r*e-i*e+n*a-n*n+n*t-a*t,h=[];this.solveCubic(l,u,c,d,h);for(var p=1e-7,f=[],v=0;6>v;v+=2)Math.abs(h[v+1])=0&&h[v]<=1&&f.push(h[v]);f.push(1),f.push(0);for(var g,y,m,b,x=-1,w=0;w=0?x>b&&(x=b,g=f[w]):(x=b,g=f[w]);return x},n.sqdistToFiniteLine=function(e,t,r,n,i,a){var o=[e-r,t-n],s=[i-r,a-n],l=s[0]*s[0]+s[1]*s[1],u=o[0]*o[0]+o[1]*o[1],c=o[0]*s[0]+o[1]*s[1],d=c*c/l;return 0>c?u:d>l?(e-i)*(e-i)+(t-a)*(t-a):u-d},n.pointInsidePolygonPoints=function(e,t,r){for(var n,i,a,o,s,l=0,u=0,c=0;c=e&&e>=a||e>=n&&a>=e))continue;s=(e-n)/(a-n)*(o-i)+i,s>t&&l++,t>s&&u++}return l%2!==0},n.pointInsidePolygon=function(e,t,r,i,a,o,s,l,u){var c,d=new Array(r.length);null!=l[0]?(c=Math.atan(l[1]/l[0]),l[0]<0?c+=Math.PI/2:c=-c-Math.PI/2):c=l;for(var h=Math.cos(-c),p=Math.sin(-c),f=0;f0){var g=this.expandPolygon(d,-u);v=this.joinLines(g)}else v=d;return n.pointInsidePolygonPoints(e,t,v)},n.joinLines=function(e){for(var t,r,n,i,a,o,s,l,u=new Array(e.length/2),c=0;cu)return[];var c=u/l;return[(r-e)*c+e,(n-t)*c+t]},n.intersectLineCircle=function(e,t,r,n,i,a,o){var s=[r-e,n-t],l=[i,a],u=[e-i,t-a],c=s[0]*s[0]+s[1]*s[1],d=2*(u[0]*s[0]+u[1]*s[1]),l=u[0]*u[0]+u[1]*u[1]-o*o,h=d*d-4*c*l;if(0>h)return[];var p=(-d+Math.sqrt(h))/(2*c),f=(-d-Math.sqrt(h))/(2*c),v=Math.min(p,f),g=Math.max(p,f),y=[];if(v>=0&&1>=v&&y.push(v),g>=0&&1>=g&&y.push(g),0===y.length)return[];var m=y[0]*s[0]+e,b=y[0]*s[1]+t;if(y.length>1){if(y[0]==y[1])return[m,b];var x=y[1]*s[0]+e,w=y[1]*s[1]+t;return[m,b,x,w]}return[m,b]},n.findCircleNearPoint=function(e,t,r,n,i){var a=n-e,o=i-t,s=Math.sqrt(a*a+o*o),l=a/s,u=o/s;return[e+l*r,t+u*r]},n.findMaxSqDistanceToOrigin=function(e){for(var t,r=1e-6,n=0;nr&&(r=t);return r},n.midOfThree=function(e,t,r){return e>=t&&r>=e||e>=r&&t>=e?e:t>=e&&r>=t||t>=r&&e>=t?t:r},n.finiteLinesIntersect=function(e,t,r,n,i,a,o,s,l){var u=e-i,c=r-e,d=o-i,h=t-a,p=n-t,f=s-a,v=d*h-f*u,g=c*h-p*u,y=f*c-d*p;if(0!==y){var m=v/y,b=g/y,x=.001,w=0-x,E=1+x;return m>=w&&E>=m&&b>=w&&E>=b?[e+m*c,t+m*p]:l?[e+m*c,t+m*p]:[]}return 0===v||0===g?this.midOfThree(e,r,o)===o?[o,s]:this.midOfThree(e,r,i)===i?[i,a]:this.midOfThree(i,o,r)===r?[r,n]:[]:[]},n.polygonIntersectLine=function(e,t,r,i,a,o,s,l){for(var u,c=[],d=new Array(r.length),h=0;h0){var f=n.expandPolygon(d,-l);p=n.joinLines(f)}else p=d;for(var v,g,y,m,h=0;ha&&(a=1e-5),[t[0]+a*n[0],t[1]+a*n[1]]},n.generateUnitNgonPointsFitToSquare=function(e,t){var r=n.generateUnitNgonPoints(e,t);return r=n.fitPolygonToSquare(r)},n.fitPolygonToSquare=function(e){for(var t,r,n=e.length/2,i=1/0,a=1/0,o=-(1/0),s=-(1/0),l=0;n>l;l++)t=e[2*l],r=e[2*l+1],i=Math.min(i,t),o=Math.max(o,t),a=Math.min(a,r),s=Math.max(s,r);for(var u=2/(o-i),c=2/(s-a),l=0;n>l;l++)t=e[2*l]=e[2*l]*u,r=e[2*l+1]=e[2*l+1]*c,i=Math.min(i,t),o=Math.max(o,t),a=Math.min(a,r),s=Math.max(s,r);if(-1>a)for(var l=0;n>l;l++)r=e[2*l+1]=e[2*l+1]+(-1-a);return e},n.generateUnitNgonPoints=function(e,t){var r=1/e*2*Math.PI,n=e%2===0?Math.PI/2+r/2:Math.PI/2;n+=t;for(var i,a,o,s=new Array(2*e),l=0;e>l;l++)i=l*r+n,a=s[2*l]=Math.cos(i),o=s[2*l+1]=Math.sin(-i);return s},n.getRoundRectangleRadius=function(e,t){return Math.min(e/4,t/4,8)},t.exports=n},{}],86:[function(e,t,r){/*! +Embeddable Minimum Strictly-Compliant Promises/A+ 1.1.1 Thenable +Copyright (c) 2013-2014 Ralf S. Engelschall (http://engelschall.com) +Licensed under The MIT License (http://opensource.org/licenses/MIT) +*/ +"use strict";var n=0,i=1,a=2,o=function(e){return this instanceof o?(this.id="Thenable/1.0.7",this.state=n,this.fulfillValue=void 0,this.rejectReason=void 0,this.onFulfilled=[],this.onRejected=[],this.proxy={then:this.then.bind(this)},void("function"==typeof e&&e.call(this,this.fulfill.bind(this),this.reject.bind(this)))):new o(e)};o.prototype={fulfill:function(e){return s(this,i,"fulfillValue",e)},reject:function(e){return s(this,a,"rejectReason",e)},then:function(e,t){var r=this,n=new o;return r.onFulfilled.push(c(e,n,"fulfill")),r.onRejected.push(c(t,n,"reject")),l(r),n.proxy}};var s=function(e,t,r,i){return e.state===n&&(e.state=t,e[r]=i,l(e)),e},l=function(e){e.state===i?u(e,"onFulfilled",e.fulfillValue):e.state===a&&u(e,"onRejected",e.rejectReason)},u=function(e,t,r){if(0!==e[t].length){var n=e[t];e[t]=[];var i=function(){for(var e=0;e\\?\\@\\[\\]\\^\\`\\{\\|\\}\\~]",comparatorOp:"=|\\!=|>|>=|<|<=|\\$=|\\^=|\\*=",boolOp:"\\?|\\!|\\^",string:'"(?:\\\\"|[^"])+"|'+"'(?:\\\\'|[^'])+'",number:i.regex.number,meta:"degree|indegree|outdegree",separator:"\\s*,\\s*",descendant:"\\s+",child:"\\s+>\\s+",subject:"\\$"};l.variable="(?:[\\w-]|(?:\\\\"+l.metaChar+"))+",l.value=l.string+"|"+l.number,l.className=l.variable,l.id=l.variable;for(var u=function(e){return e.replace(new RegExp("\\\\("+l.metaChar+")","g"),function(e,t,r,n){return t})},c=l.comparatorOp.split("|"),d=0;d=0||"="!==h&&(l.comparatorOp+="|\\!"+h)}var p=[{name:"group",query:!0,regex:"(node|edge|\\*)",populate:function(e){this.group="*"===e?e:e+"s"}},{name:"state",query:!0,regex:"(:selected|:unselected|:locked|:unlocked|:visible|:hidden|:transparent|:grabbed|:free|:removed|:inside|:grabbable|:ungrabbable|:animated|:unanimated|:selectable|:unselectable|:orphan|:nonorphan|:parent|:child|:loop|:simple|:active|:inactive|:touch|:backgrounding|:nonbackgrounding)",populate:function(e){this.colonSelectors.push(e)}},{name:"id",query:!0,regex:"\\#("+l.id+")",populate:function(e){this.ids.push(u(e))}},{name:"className",query:!0,regex:"\\.("+l.className+")",populate:function(e){this.classes.push(u(e))}},{name:"dataExists",query:!0,regex:"\\[\\s*("+l.variable+")\\s*\\]",populate:function(e){this.data.push({field:u(e)})}},{name:"dataCompare",query:!0,regex:"\\[\\s*("+l.variable+")\\s*("+l.comparatorOp+")\\s*("+l.value+")\\s*\\]",populate:function(e,t,r){var n=null!=new RegExp("^"+l.string+"$").exec(r);r=n?r.substring(1,r.length-1):parseFloat(r),this.data.push({field:u(e),operator:t,value:r})}},{name:"dataBool",query:!0,regex:"\\[\\s*("+l.boolOp+")\\s*("+l.variable+")\\s*\\]",populate:function(e,t){this.data.push({field:u(t),operator:e})}},{name:"metaCompare",query:!0,regex:"\\[\\[\\s*("+l.meta+")\\s*("+l.comparatorOp+")\\s*("+l.number+")\\s*\\]\\]",populate:function(e,t,r){this.meta.push({field:u(e),operator:t,value:parseFloat(r)})}},{name:"nextQuery",separator:!0,regex:l.separator,populate:function(){t[++d]=r(),s=null}},{name:"child",separator:!0,regex:l.child,populate:function(){var e=r();e.parent=this,e.subject=s,t[d]=e}},{name:"descendant",separator:!0,regex:l.descendant,populate:function(){var e=r();e.ancestor=this,e.subject=s,t[d]=e}},{name:"subject",modifier:!0,regex:l.subject,populate:function(){return null!=s&&this.subject!=this?(i.error("Redefinition of subject in selector `"+e+"`"),!1):(s=this,void(this.subject=this))}}];t._private.selectorText=e;var f=e,d=0,v=function(e){for(var t,r,i,a=0;a=0&&(d=d.toLowerCase(),h=h.toLowerCase(),s=s.replace("@",""),p=!0);var f=!1;s.indexOf("!")>=0&&(s=s.replace("!",""),f=!0),p&&(l=h.toLowerCase(),c=d.toLowerCase());var v=!1;switch(s){case"*=":a=d.indexOf(h)>=0;break;case"$=":a=d.indexOf(h,d.length-h.length)>=0;break;case"^=":a=0===d.indexOf(h);break;case"=":a=c===l;break;case">":v=!0,a=c>l;break;case">=":v=!0,a=c>=l;break;case"<":v=!0,a=l>c;break;case"<=":v=!0,a=l>=c;break;default:a=!1}!f||null==c&&v||(a=!a)}else if(null!=s)switch(s){case"?":a=t.fieldTruthy(u);break;case"!":a=!t.fieldTruthy(u);break;case"^":a=t.fieldUndefined(u)}else a=!t.fieldUndefined(u);if(!a){r=!1;break}}return r},v=f({name:"data",fieldValue:function(e){return r.data[e]},fieldUndefined:function(e){return void 0===r.data[e]},fieldTruthy:function(e){return!!r.data[e]}});if(!v)return!1;var g=f({name:"meta",fieldValue:function(e){return t[e]()},fieldUndefined:function(e){return null==t[e]()},fieldTruthy:function(e){return!!t[e]()}});if(!g)return!1;if(null!=e.collection){var y=e.collection.hasElementWithId(t.id());if(!y)return!1}if(null!=e.filter&&0===t.collection().filter(e.filter).size())return!1;var m=function(e,t){if(null!=e){var r=!1;if(!i.hasCompoundNodes())return!1;t=t();for(var n=0;n "+n),null!=e.ancestor&&(n=a(e.ancestor)+" "+n),null!=e.child&&(n+=" > "+a(e.child)),null!=e.descendant&&(n+=" "+a(e.descendant)),n},o=0;o1&&o0;if(h||p){var f;h&&p?f=u.properties:h?f=u.properties:p&&(f=u.mappedProperties);for(var v=0;v0){n=!0;break}}t.hasPie=n;var o=e.pstyle("text-transform").strValue,s=e.pstyle("label").strValue,l=e.pstyle("source-label").strValue,u=e.pstyle("target-label").strValue,c=e.pstyle("font-style").strValue,a=e.pstyle("font-size").pfValue+"px",d=e.pstyle("font-family").strValue,h=e.pstyle("font-weight").strValue,p=e.pstyle("text-valign").strValue,f=e.pstyle("text-valign").strValue,v=e.pstyle("text-outline-width").pfValue,g=e.pstyle("text-wrap").strValue,y=e.pstyle("text-max-width").pfValue,m=c+"$"+a+"$"+d+"$"+h+"$"+o+"$"+p+"$"+f+"$"+v+"$"+g+"$"+y;t.labelStyleKey=m,t.sourceLabelKey=m+"$"+l,t.targetLabelKey=m+"$"+u,t.labelKey=m+"$"+s,t.fontKey=c+"$"+h+"$"+a+"$"+d,t.styleKey=Date.now()}},a.applyParsedProperty=function(e,t){var r,a,o=this,s=t,l=e._private.style,u=o.types,c=o.properties[s.name].type,d=s.bypass,h=l[s.name],p=h&&h.bypass,f=e._private;if("curve-style"===t.name&&"haystack"===t.value&&e.isEdge()&&(e.isLoop()||e.source().isParent()||e.target().isParent())&&(s=t=this.parse(t.name,"bezier",d)),s["delete"])return l[s.name]=void 0,!0;if(s.deleteBypassed)return h?h.bypass?(h.bypassed=void 0,!0):!1:!0;if(s.deleteBypass)return h?h.bypass?(l[s.name]=h.bypassed,!0):!1:!0;var v=function(){n.error("Do not assign mappings to elements without corresponding data (e.g. ele `"+e.id()+"` for property `"+s.name+"` with data field `"+s.field+"`); try a `["+s.field+"]` selector to limit scope to elements with `"+s.field+"` defined")};switch(s.mapped){case u.mapData:case u.mapLayoutData:case u.mapScratch:var r,g=s.mapped===u.mapLayoutData,y=s.mapped===u.mapScratch,m=s.field.split(".");r=y||g?f.scratch:f.data;for(var b=0;bw?w=0:w>1&&(w=1),c.color){var E=s.valueMin[0],_=s.valueMax[0],P=s.valueMin[1],S=s.valueMax[1],k=s.valueMin[2],T=s.valueMax[2],D=null==s.valueMin[3]?1:s.valueMin[3],C=null==s.valueMax[3]?1:s.valueMax[3],M=[Math.round(E+(_-E)*w),Math.round(P+(S-P)*w),Math.round(k+(T-k)*w),Math.round(D+(C-D)*w)];a={bypass:s.bypass,name:s.name,value:M,strValue:"rgb("+M[0]+", "+M[1]+", "+M[2]+")"}}else{if(!c.number)return!1;var N=s.valueMin+(s.valueMax-s.valueMin)*w;a=this.parse(s.name,N,s.bypass,!0)}a||(a=this.parse(s.name,h.strValue,s.bypass,!0)),a||v(),a.mapping=s,s=a;break;case u.data:case u.layoutData:case u.scratch:var r,g=s.mapped===u.layoutData,y=s.mapped===u.scratch,m=s.field.split(".");if(r=y||g?f.scratch:f.data)for(var b=0;b0&&s>0){for(var u={},c=!1,d=0;d0&&e.delay(l),e.animate({css:u},{duration:s,easing:e.pstyle("transition-timing-function").value,queue:!1,complete:function(){r||n.removeBypasses(e,o),a.transitioning=!1}})}else a.transitioning&&(e.stop(),this.removeBypasses(e,o),a.transitioning=!1)},t.exports=a},{"../is":83,"../util":100}],89:[function(e,t,r){"use strict";var n=e("../is"),i=e("../util"),a={};a.applyBypass=function(e,t,r,a){var o=this,s=[],l=!0;if("*"===t||"**"===t){if(void 0!==r)for(var u=0;uh.max)return null;var B={name:e,value:t,strValue:""+t+(D?D:""),units:D,bypass:r};return h.unitless||"px"!==D&&"em"!==D?B.pfValue=t:B.pfValue="px"!==D&&D?this.getEmSizeInPixels()*t:t,"ms"!==D&&"s"!==D||(B.pfValue="ms"===D?t:1e3*t),"deg"!==D&&"rad"!==D||(B.pfValue="rad"===D?t:a.deg2rad(t)),B}if(h.propList){var z=[],I=""+t;if("none"===I);else{for(var L=I.split(","),O=0;O node").css({shape:"rectangle",padding:10,"background-color":"#eee","border-color":"#ccc","border-width":1}).selector("edge").css({width:3,"curve-style":"haystack"}).selector(":selected").css({"background-color":"#0169D9","line-color":"#0169D9","source-arrow-color":"#0169D9","target-arrow-color":"#0169D9","mid-source-arrow-color":"#0169D9","mid-target-arrow-color":"#0169D9"}).selector("node:parent:selected").css({"background-color":"#CCE1F9","border-color":"#aec8e5"}).selector(":active").css({"overlay-color":"black","overlay-padding":10,"overlay-opacity":.25}).selector("core").css({"selection-box-color":"#ddd","selection-box-opacity":.65,"selection-box-border-color":"#aaa","selection-box-border-width":1,"active-bg-color":"black","active-bg-opacity":.15,"active-bg-size":30,"outside-texture-bg-color":"#000","outside-texture-bg-opacity":.125}),this.defaultLength=this.length},t.exports=i},{"../util":100}],96:[function(e,t,r){"use strict";var n=e("../util"),i=e("../selector"),a={};a.applyFromString=function(e){function t(){c=c.length>a.length?c.substr(a.length):""}function r(){o=o.length>s.length?o.substr(s.length):""}var a,o,s,l=this,u=this,c=""+e;for(c=c.replace(/[\/][*](\s|.)+?[*][\/]/g,"");;){var d=c.match(/^\s*$/);if(d)break;var h=c.match(/^\s*((?:.|\s)+?)\s*\{((?:.|\s)+?)\}/);if(!h){n.error("Halting stylesheet parsing: String stylesheet contains more to parse but no selector and block found in: "+c);break}a=h[0];var p=h[1];if("core"!==p){var f=new i(p);if(f._private.invalid){n.error("Skipping parsing of block: Invalid selector found in string stylesheet: "+p),t();continue}}var v=h[2],g=!1;o=v;for(var y=[];;){var d=o.match(/^\s*$/);if(d)break;var m=o.match(/^\s*(.+?)\s*:\s*(.+?)\s*;/);if(!m){n.error("Skipping parsing of block: Invalid formatting of style property and value definitions found in:"+v),g=!0;break}s=m[0];var b=m[1],x=m[2],w=l.properties[b];if(w){var E=u.parse(b,x);E?(y.push({name:b,val:x}),r()):(n.error("Skipping property: Invalid property definition in: "+s),r())}else n.error("Skipping property: Invalid property name in: "+s),r()}if(g){t();break}u.selector(p);for(var _=0;_1?", "+JSON.stringify(r):"")+" );"," "," resolve = origResolve;"," resolve( res.length > 0 ? res : ret );","}"].join("\n"))}};util.extend(thdfn,{reduce:defineFnal({name:"reduce"}),reduceRight:defineFnal({name:"reduceRight"}),map:defineFnal({name:"map"})});var fn=thdfn;fn.promise=fn.run,fn.terminate=fn.halt=fn.stop,fn.include=fn.require,util.extend(thdfn,{on:define.on(),one:define.on({unbindSelfOnTrigger:!0}),off:define.off(),trigger:define.trigger()}),define.eventAliasesOn(thdfn),module.exports=Thread},{"./define":44,"./event":45,"./is":83,"./promise":86,"./util":100,"./window":107,child_process:void 0,path:void 0}],99:[function(e,t,r){"use strict";var n=e("../is");t.exports={hex2tuple:function(e){if((4===e.length||7===e.length)&&"#"===e[0]){var t,r,n,i=4===e.length,a=16;return i?(t=parseInt(e[1]+e[1],a),r=parseInt(e[2]+e[2],a),n=parseInt(e[3]+e[3],a)):(t=parseInt(e[1]+e[2],a),r=parseInt(e[3]+e[4],a),n=parseInt(e[5]+e[6],a)),[t,r,n]}},hsl2tuple:function(e){function t(e,t,r){return 0>r&&(r+=1),r>1&&(r-=1),1/6>r?e+6*(t-e)*r:.5>r?t:2/3>r?e+(t-e)*(2/3-r)*6:e}var r,n,i,a,o,s,l,u,c=new RegExp("^"+this.regex.hsla+"$").exec(e);if(c){if(n=parseInt(c[1]),0>n?n=(360- -1*n%360)%360:n>360&&(n%=360),n/=360,i=parseFloat(c[2]),0>i||i>100)return;if(i/=100,a=parseFloat(c[3]),0>a||a>100)return;if(a/=100,o=c[4],void 0!==o&&(o=parseFloat(o),0>o||o>1))return;if(0===i)s=l=u=Math.round(255*a);else{var d=.5>a?a*(1+i):a+i-a*i,h=2*a-d;s=Math.round(255*t(h,d,n+1/3)),l=Math.round(255*t(h,d,n)),u=Math.round(255*t(h,d,n-1/3))}r=[s,l,u,o]}return r},rgb2tuple:function(e){var t,r=new RegExp("^"+this.regex.rgba+"$").exec(e);if(r){t=[];for(var n=[],i=1;3>=i;i++){var a=r[i];if("%"===a[a.length-1]&&(n[i]=!0),a=parseFloat(a),n[i]&&(a=a/100*255),0>a||a>255)return;t.push(Math.floor(a))}var o=n[1]||n[2]||n[3],s=n[1]&&n[2]&&n[3];if(o&&!s)return;var l=r[4];if(void 0!==l){if(l=parseFloat(l),0>l||l>1)return;t.push(l)}}return t},colorname2tuple:function(e){return this.colors[e.toLowerCase()]},color2tuple:function(e){return(n.array(e)?e:null)||this.colorname2tuple(e)||this.hex2tuple(e)||this.rgb2tuple(e)||this.hsl2tuple(e)},colors:{transparent:[0,0,0,0],aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],grey:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}},{"../is":83}],100:[function(e,t,r){"use strict";var n=e("../is"),i=e("../math"),a={trueify:function(){return!0},falsify:function(){return!1},zeroify:function(){return 0},noop:function(){},error:function(e){console.error?(console.error.apply(console,arguments),console.trace&&console.trace()):(console.log.apply(console,arguments),console.trace&&console.trace())},clone:function(e){return this.extend({},e)},copy:function(e){return null==e?e:n.array(e)?e.slice():n.plainObject(e)?this.clone(e):e},uuid:function(e,t){for(t=e="";e++<36;t+=51*e&52?(15^e?8^Math.random()*(20^e?16:4):4).toString(16):"-");return t}};a.makeBoundingBox=i.makeBoundingBox.bind(i),a._staticEmptyObject={},a.staticEmptyObject=function(){return a._staticEmptyObject},a.extend=null!=Object.assign?Object.assign:function(e){for(var t=arguments,r=1;r=0&&(e[n]!==t||(e.splice(n,1),r));n--);},a.clearArray=function(e){e.splice(0,e.length)},a.getPrefixedProperty=function(e,t,r){return r&&(t=this.prependCamel(r,t)),e[t]},a.setPrefixedProperty=function(e,t,r,n){r&&(t=this.prependCamel(r,t)),e[t]=n},[e("./colors"),e("./maps"),{memoize:e("./memoize")},e("./regex"),e("./strings"),e("./timing")].forEach(function(e){a.extend(a,e)}),t.exports=a},{"../is":83,"../math":85,"./colors":99,"./maps":101,"./memoize":102,"./regex":103,"./strings":104,"./timing":105}],101:[function(e,t,r){"use strict";var n=e("../is");t.exports={mapEmpty:function(e){var t=!0;return null!=e?0===Object.keys(e).length:t},pushMap:function(e){var t=this.getMap(e);null==t?this.setMap(this.extend({},e,{value:[e.value]})):t.push(e.value)},setMap:function(e){for(var t,r=e.map,i=e.keys,a=i.length,o=0;a>o;o++){var t=i[o];n.plainObject(t)&&this.error("Tried to set map with object key"),oa;a++){var o=r[a];if(n.plainObject(o)&&this.error("Tried to get map with object key"),t=t[o],null==t)return t}return t},deleteMap:function(e){for(var t=e.map,r=e.keys,i=r.length,a=e.keepChildren,o=0;i>o;o++){var s=r[o];n.plainObject(s)&&this.error("Tried to delete map with object key");var l=o===e.keys.length-1;if(l)if(a)for(var u=Object.keys(t),c=0;c=r){a&&clearTimeout(a);var i=c;a=u=c=void 0,i&&(h=d.now(),o=e.apply(l,n),u||a||(n=l=null))}else u=setTimeout(g,r)},y=function(){u&&clearTimeout(u),a=u=c=void 0,(f||p!==t)&&(h=d.now(),o=e.apply(l,n),u||a||(n=l=null))};return function(){if(n=arguments,s=d.now(),l=this,c=f&&(u||!v),p===!1)var r=v&&!u;else{a||v||(h=s);var i=p-(s-h),m=0>=i;m?(a&&(a=clearTimeout(a)),h=s,o=e.apply(l,n)):a||(a=setTimeout(y,i))}return m&&u?u=clearTimeout(u):u||t===p||(u=setTimeout(g,t)),r&&(m=!0,o=e.apply(l,n)),!m||u||a||(n=l=null),o}}},t.exports=o},{"../is":83,"../window":107}],106:[function(e,t,r){t.exports="2.7.15"},{}],107:[function(e,t,r){t.exports="undefined"==typeof window?null:window},{}]},{},[82])(82)}); \ No newline at end of file diff --git a/assets/js/data.js b/assets/js/data.js new file mode 100644 index 0000000..9c2e966 --- /dev/null +++ b/assets/js/data.js @@ -0,0 +1,52 @@ + var cytoscapeElements = { + nodes: [ + + { data: { id: 'd', name: 'Dawn. CAO.

The Boss. The official connection between council and the community.' , description: 'Dawn is the CAO. She is the liaison between the elected municipal council and the public, and is responsible for overseeing the daily operations of all municipal departments - working with all groups to manage, implement and achieve goals that are set by council.

Most of the information that Dawn requires to fulfill her responsibilities is stored in and produced by TownSuite. She can easily look up virtually any piece of information that she desires, from monthly building permits, variance reports, complaints and ongoing camp registration. As the boss, she is happy with their choice of municipal software. Continuous improvement mean that they will continue to benefit from regular software updates. Configurability means that staff can easily adjust or add what is required to system settings to ensure that they are responsive to changing community dynamics and municipal requirements. ', imagesize: 106, backroudsize: 106, color:'yellow', url: 'url("/assets/img/person/dawn.svg")'}, position: { x:1000, y: 200 } }, + { data: { id: 'j', name: 'Jim', description: 'Jim test description', imagesize: 106, backroudsize: 106, color:'yellow', url: 'url("/assets/img/person/jim.svg")'}, position: { x:800 , y: 220 } }, + { data: { id: 'b', name: 'Barbara: Municipal Clerk, keeper of municipal information, go to contact for community matters.', description: 'Barbara is the Municipal Clerk. Like most Town or City Clerks she has many responsibilities that include preparation and maintenance of all council records and official municipal documents. She has extensive contact with the public and is also responsible for supervision of elections or by-elections, permits, licenses and statistics.

Barbara chooses TownSuite Municipal Software because it easily connects municipal departments and their employees making it easier for her to maintain the information she is responsible for. ', imagesize: 106, backroudsize: 106, color:'yellow', url: 'url("/assets/img/person/barbara.svg")'}, position: { x: 900, y: 400 } }, + { data: { id: 'l', name: ' Lisa: Accountant. Responsible revenue generator and spender. ', description: 'Lisa is an Accountant at the municipality. She is responsible for getting invoices out, getting invoices paid, and maintaining the municipality`s financial information. She relies on and requires financial information from all municipal departments.

Lisa relies on TownSuite every day to process transactions, view and analyze financial reports. She really likes the easy to use reporting tools that TownSuite provides, and it is easy to find the information that she is looking for. Best of all, TownSuite is always up to date with transactions from all departments. ', imagesize: 120, backroudsize: 120, color:'yellow', url: 'url("/assets/img/person/lisa.svg")'}, position: { x: 600, y: 300 } }, + { data: { id: 'c', name: 'Cindy: Recreation master, organizer extraordinaire.', description: 'Cindy is responsible for the municipality`s recreation facilities and programming including budgeting and administration of associated revenues and expenditures. . She is responsible for planning, developing and managing community programs and services that are available to citizens and visitors. She is also responsible for coordinating and scheduling the various venues that are used to deliver programs and services.

Cindy likes the easy to use features of forward facing software, that is the interface that stakeholders can use to access recreation and community programming opportunities. The fact that it links directly with TownSuite Financial and TownSuite Work Orders means that all information is connected and she can focus on getting the right mix of programming to stakeholders - rather than the upkeep of customer and financial records. ', imagesize: 160, backroudsize: 160, color:'yellow', url: 'url("/assets/img/person/cindy.svg")'}, position: { x: 600, y: 500 } }, + { data: { id: 's', name: 'Sarah. Vendor. Communicator. Supplier. ', description: 'Sarah is a vendor. She supplies various products and services to the municipality and is in close contact with several staff to provide information about these and other products and services that are available from the company she represents.', imagesize: 160, backroudsize: 160, color:'yellow',url: 'url("/assets/img/person/sarah.svg")'},position: { x: 1100, y: 650 } }, + { data: { id: 'r', name: 'Randy: Resident. Property Owner. Recreation Enthusiast. Family Man.', description: 'Randy is a resident of the municipality and owns the property where he lives. His mother is also a resident of the municipality and owns the property where she lives. Randy uses TownSuite to access his account information online, and pay property tax and utility bills when he receives email notifications that they are available. He is also able to link his mother’s account to his so that he can help her keep on top of property tax and utility bill payments for her own property. He also uses TownSuite to register his young daughter for summer day camps, and to submit service requests if he sees something like a pothole that the municipality should be notified about.

andy thinks TownSuite is great. He uses both a computer and a mobile phone to access his account online, and the fact that it is the same interface for both makes it easy to navigate around. Since Randy works full time, he likes being able to make payments online, or register for recreation programs from the comfort of his home - in his pajama pants. Visits to the municipal office or canada post are no longer necessary!', imagesize: 160, backroudsize: 160, color:'yellow', url: 'url("/assets/img/person/randy.svg")'}, position: { x: 800, y: 700 } }, + { data: { id: 'go', name: 'George: Mayor, leader, community collaborator, work horse.', description: 'George is the Mayor. He has been elected by the community to represent their interests. He is responsible for ensuring that the municipality operates sustainably, accountably, and is fiscally responsible when it comes to providing services to stakeholders and planning for the future. He represents the municipality in any initiative undertaken by the municipality as well as public events.

George doesn’t use TownSuite Municipal Software himself, but he knows that municipal staff are able to produce the information that he requires for monitoring, decision making and planning.', imagesize: 106, backroudsize: 106, color:'yellow', url: 'url("/assets/img/person/george.svg")'}, position: { x: 900, y: 850 } }, + { data: { id: 'jam', name: 'James: Public Works. Keeps the water running and the roads from crumbling. ', description: 'James is in our Public Works Department. He is responsible for managing and planning infrastructure maintenance and replacement across the entire municipality. This includes creating work orders, scheduling personnel, supplies and equipment needed for jobs, and tracking the actual resources that are utilized. He is also responsible for capital budgeting related to infrastructure implementation and replacement, working with other personnel as necessary if there is required input related to infrastructure specifications.

James uses TownSuite in the office and in the field to schedule and track maintenance work that is being completed. He can easily plan and track information in his office, but he and his staff can also view assigned work orders from any mobile device in the field making information more accessible. Once entered James knows that other departments will be up to date on incurred costs related to wages, inventory consumption and equipment time. ', imagesize: 130, backroudsize: 130, color:'yellow', url: 'url("/assets/img/person/james.svg")'}, position: { x: 500, y: 900 } }, + { data: { id: 'g', name: 'Guy', description: 'Guy test description', imagesize: 106, backroudsize: 106, color:'yellow', url: 'url("/assets/img/person/guy.svg")'}, position: { x: 1150, y: 900 } }, + { data: { id: 'sr', name: 'Sarasi. Council member. Community collaborator, visionary, machine.', description: 'Sarasi is a member of Council. She is involved in several committees, tasked with specific objectives for municipal sustainability, administration and development. She works closely with other committee members which include other members of council and staff. She is well connected with her constituents, fellow council members and municipal staff and when she is not at her full time job, she spends a great deal of her time working in the community.

Sarasi relies on her staff to provide her with information that is maintained in and produced by TownSuite. She knows that this information is accurate and up to date and that staff find the product very easy to use, and the support team very easy to deal with from technical support to features and software improvements.', imagesize: 106, backroudsize: 106, color:'yellow', url: 'url("/assets/img/person/sarasi.svg")'}, position: { x: 800, y: 1000 } }, + { data: { id: 'br', name: 'Brad: Planner, zoning, by-law and compliance guru.', description: 'Brad and he is responsible for Municipal Planning. Brad oversees the municipality’s efforts in both short and long term planning as it relates to land use, building development and the issuance of various permits that are subject to development regulations and bylaws in accordance with any processes that have been defined.

Brad relies on TownSuite every day because he knows that no processes will be missed in any permit applications that are made. Workflow management enables him to be automatically notified by the system when he needs to be. He also knows that all permits and fees that are levied and collected will be automatically recorded in the financial system. That means less work to ensure that all collected revenues are recorded and accounted for.', imagesize: 106, backroudsize: 106, color:'yellow', url: 'url("/assets/img/person/brad.svg")'}, position: { x: 600, y: 1050 } }, + { data: { id: 'ja', name: 'Jayda. Engineer. Project planning visionary. ', description: 'Jayda is an Engineer. She works closely with the Planning, Public Works and Financial departments in the assessment of existing infrastructure, and identifying requirements and specifications for new infrastructure.

TownSuite gives her access to asset information like replacement year and estimated replacement costs for existing infrastructure, as well as maintenance history. It also enables her to view the locations of selected existing or planned infrastructure and any associated engineering drawings that are linked to them. She can also plan future infrastructure by plotting them herself within the big picture view of municipal properties, infrastructure, zoning, future zoning, and planned developments.', imagesize: 100, backroudsize: 100, color:'yellow', url: 'url("/assets/img/person/jayda.svg")'}, position: { x: 400, y: 1100 } }, + { data: { id: 'm', name: 'Megan', description: 'Megan test description', imagesize: 100, backroudsize: 100, color:'yellow', url: 'url("/assets/img/person/megan.svg")'}, position: { x: 500, y: 1200 } }, + + + ], + edges: [ + { data: { source: 'j', target: 'd' , color : 'orange', width :'3' } }, + { data: { source: 'j', target: 'l' , color : 'orange' , width :'3'} }, + { data: { source: 'j', target: 'b' , color : 'orange' , width :'3'} }, + { data: { source: 'l', target: 's' , color : 'orange' , width :'3'} }, + + { data: { source: 'l', target: 'c' , color : 'green' , width :'2'} }, + { data: { source: 'c', target: 's' , color : 'green' , width :'2'} }, + { data: { source: 's', target: 'r' , color : 'green' , width :'2'} }, + { data: { source: 'c', target: 'jam' , color : 'green' , width :'3'} }, + { data: { source: 'jam', target: 'r' , color : 'green' , width :'3'} }, + { data: { source: 'c', target: 'r' , color : 'green' , width :'1'} }, + { data: { source: 'jam', target: 'ja' , color : 'green' , width :'3'} }, + + { data: { source: 's', target: 'go' , color : 'purple' , width :'2'} }, + { data: { source: 'r', target: 'go' , color : 'purple' , width :'2'} }, + { data: { source: 'd', target: 's' , color : 'purple' , width :'1'} }, + { data: { source: 'sr', target: 'br' , color : 'purple' , width :'1'} }, + + { data: { source: 'go', target: 'g' , color : 'red' , width :'1'} }, + { data: { source: 'go', target: 'sr' , color : 'red' , width :'1'} }, + { data: { source: 'sr', target: 'g' , color : 'red' , width :'3'} }, + + + { data: { source: 'ja', target: 'm' , color : 'blue' , width :'1'} }, + { data: { source: 'br', target: 'm' , color : 'blue' , width :'1'} }, + { data: { source: 'ja', target: 'br' , color : 'blue' , width :'1'} }, + + + + ] + }; diff --git a/assets/js/maps.js b/assets/js/maps.js new file mode 100644 index 0000000..e25c172 --- /dev/null +++ b/assets/js/maps.js @@ -0,0 +1,7 @@ +function toggle_visibility(id) { + var e = document.getElementById(id); + if(e.style.display == 'none') + e.style.display = 'block'; + else + e.style.display = 'none'; + } diff --git a/assets/js/svganimation.js b/assets/js/svganimation.js new file mode 100644 index 0000000..a153b3b --- /dev/null +++ b/assets/js/svganimation.js @@ -0,0 +1,189 @@ +/** + * svganimations.js v1.0.0 + * https://www.codrops.com + * + * the svg path animation is based on https://24ways.org/2013/animating-vectors-with-svg/ by Brian Suda (@briansuda) + * + * Licensed under the MIT license. + * https://www.opensource.org/licenses/mit-license.php + * + * Copyright 2013, Codrops + * https://www.codrops.com + */ +(function() { + + 'use strict'; + + var docElem = window.document.documentElement; + + window.requestAnimFrame = function(){ + return ( + window.requestAnimationFrame || + window.webkitRequestAnimationFrame || + window.mozRequestAnimationFrame || + window.oRequestAnimationFrame || + window.msRequestAnimationFrame || + function(/* function */ callback){ + window.setTimeout(callback, 1000 / 60); + } + ); + }(); + + window.cancelAnimFrame = function(){ + return ( + window.cancelAnimationFrame || + window.webkitCancelAnimationFrame || + window.mozCancelAnimationFrame || + window.oCancelAnimationFrame || + window.msCancelAnimationFrame || + function(id){ + window.clearTimeout(id); + } + ); + }(); + + function SVGEl( el ) { + this.el = el; + this.image = this.el.previousElementSibling; + this.current_frame = 0; + this.total_frames = 60; + this.path = new Array(); + this.length = new Array(); + this.handle = 0; + this.init(); + } + + SVGEl.prototype.init = function() { + var self = this; + [].slice.call( this.el.querySelectorAll( 'path' ) ).forEach( function( path, i ) { + self.path[i] = path; + var l = self.path[i].getTotalLength(); + self.length[i] = l; + self.path[i].style.strokeDasharray = l + ' ' + l; + self.path[i].style.strokeDashoffset = l; + } ); + }; + + SVGEl.prototype.render = function() { + if( this.rendered ) return; + this.rendered = true; + this.draw(); + }; + + SVGEl.prototype.draw = function() { + var self = this, + progress = this.current_frame/this.total_frames; + if (progress > 1) { + window.cancelAnimFrame(this.handle); + this.showImage(); + } else { + this.current_frame++; + for(var j=0, len = this.path.length; j= h >= 0) + h = h || 0; + + return (elTop + elH * h) <= viewed && (elBottom) >= scrolled; + } + + function init() { + var svgs = Array.prototype.slice.call( document.querySelectorAll( '#main svg' ) ), + svgArr = new Array(), + didScroll = false, + resizeTimeout; + + // the svgs already shown... + svgs.forEach( function( el, i ) { + var svg = new SVGEl( el ); + svgArr[i] = svg; + setTimeout(function( el ) { + return function() { + if( inViewport( el.parentNode ) ) { + svg.render(); + } + }; + }( el ), 250 ); + } ); + + var scrollHandler = function() { + if( !didScroll ) { + didScroll = true; + setTimeout( function() { scrollPage(); }, 60 ); + } + }, + scrollPage = function() { + svgs.forEach( function( el, i ) { + if( inViewport( el.parentNode, 0.5 ) ) { + svgArr[i].render(); + } + }); + didScroll = false; + }, + resizeHandler = function() { + function delayed() { + scrollPage(); + resizeTimeout = null; + } + if ( resizeTimeout ) { + clearTimeout( resizeTimeout ); + } + resizeTimeout = setTimeout( delayed, 200 ); + }; + + window.addEventListener( 'scroll', scrollHandler, false ); + window.addEventListener( 'resize', resizeHandler, false ); + } + + init(); + +})(); diff --git a/assets/logo.svg b/assets/logo.svg new file mode 100644 index 0000000..3775386 --- /dev/null +++ b/assets/logo.svg @@ -0,0 +1,96 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/plus.png b/assets/plus.png new file mode 100644 index 0000000..7971965 Binary files /dev/null and b/assets/plus.png differ diff --git a/assets/sprite.svg b/assets/sprite.svg new file mode 100644 index 0000000..c4566a6 --- /dev/null +++ b/assets/sprite.svg @@ -0,0 +1,2274 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/500-1.svg b/assets/svg/500-1.svg new file mode 100644 index 0000000..46deed4 --- /dev/null +++ b/assets/svg/500-1.svg @@ -0,0 +1,68 @@ + + + + + + + + + + diff --git a/assets/svg/500-2.svg b/assets/svg/500-2.svg new file mode 100644 index 0000000..795ec22 --- /dev/null +++ b/assets/svg/500-2.svg @@ -0,0 +1,106 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/500-3.svg b/assets/svg/500-3.svg new file mode 100644 index 0000000..7105564 --- /dev/null +++ b/assets/svg/500-3.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + diff --git a/assets/svg/500-full.svg b/assets/svg/500-full.svg new file mode 100644 index 0000000..c27b148 --- /dev/null +++ b/assets/svg/500-full.svg @@ -0,0 +1,120 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/500.svg b/assets/svg/500.svg new file mode 100644 index 0000000..d82f211 --- /dev/null +++ b/assets/svg/500.svg @@ -0,0 +1,77 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/any.svg b/assets/svg/any.svg new file mode 100644 index 0000000..2fb6e8f --- /dev/null +++ b/assets/svg/any.svg @@ -0,0 +1,348 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/black-hole.svg b/assets/svg/black-hole.svg new file mode 100644 index 0000000..9fb1f41 --- /dev/null +++ b/assets/svg/black-hole.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/canadian.svg b/assets/svg/canadian.svg new file mode 100644 index 0000000..798b0d4 --- /dev/null +++ b/assets/svg/canadian.svg @@ -0,0 +1,158 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/dots.svg b/assets/svg/dots.svg new file mode 100644 index 0000000..709b1cd --- /dev/null +++ b/assets/svg/dots.svg @@ -0,0 +1,388 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/edge.svg b/assets/svg/edge.svg new file mode 100644 index 0000000..8615a2d --- /dev/null +++ b/assets/svg/edge.svg @@ -0,0 +1 @@ +TownSuite EDGE diff --git a/assets/svg/edge2.svg b/assets/svg/edge2.svg new file mode 100644 index 0000000..9378149 --- /dev/null +++ b/assets/svg/edge2.svg @@ -0,0 +1,151 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/header.svg b/assets/svg/header.svg new file mode 100644 index 0000000..03f6f20 --- /dev/null +++ b/assets/svg/header.svg @@ -0,0 +1,3556 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/keys.svg b/assets/svg/keys.svg new file mode 100644 index 0000000..e27c789 --- /dev/null +++ b/assets/svg/keys.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/leverage.svg b/assets/svg/leverage.svg new file mode 100644 index 0000000..fffa56b --- /dev/null +++ b/assets/svg/leverage.svg @@ -0,0 +1,228 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/living.svg b/assets/svg/living.svg new file mode 100644 index 0000000..7763350 --- /dev/null +++ b/assets/svg/living.svg @@ -0,0 +1,280 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/mERP.svg b/assets/svg/mERP.svg new file mode 100644 index 0000000..86adc2a --- /dev/null +++ b/assets/svg/mERP.svg @@ -0,0 +1,4587 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/municipal.svg b/assets/svg/municipal.svg new file mode 100644 index 0000000..e14bd13 --- /dev/null +++ b/assets/svg/municipal.svg @@ -0,0 +1,213 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/oneproduct.svg b/assets/svg/oneproduct.svg new file mode 100644 index 0000000..15e4efa --- /dev/null +++ b/assets/svg/oneproduct.svg @@ -0,0 +1,205 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/partners.svg b/assets/svg/partners.svg new file mode 100644 index 0000000..ac17310 --- /dev/null +++ b/assets/svg/partners.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/tools.svg b/assets/svg/tools.svg new file mode 100644 index 0000000..d9df01e --- /dev/null +++ b/assets/svg/tools.svg @@ -0,0 +1,224 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/useit.svg b/assets/svg/useit.svg new file mode 100644 index 0000000..f6274eb --- /dev/null +++ b/assets/svg/useit.svg @@ -0,0 +1,279 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/ts-emblem.png b/assets/ts-emblem.png new file mode 100644 index 0000000..109cc95 Binary files /dev/null and b/assets/ts-emblem.png differ diff --git a/big-picture.html b/big-picture.html new file mode 100644 index 0000000..ef90c54 --- /dev/null +++ b/big-picture.html @@ -0,0 +1,209 @@ + + + + + + + + + + + + + + + + + + + The Big Picture - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + +
+

TownSuite in the BIG Picture

+

Feel free to watch the 85 second BIG picture explainer video below:

+
+ +
+
+
+
+

Connect your dots where you're currently struggling with accurate information across your municipality. Improve workflows and transform collection and maintenance of information across all municipal departments. No solution is generic, rather + build for your specfic needs.

+
+
+ +
+
+ +
+

Get started now

+ + +
+

Learn more before trying TownSuite?

+ View the features +
+
+ + + + + + + + + +
+ + + diff --git a/challenge.html b/challenge.html new file mode 100644 index 0000000..07b9e70 --- /dev/null +++ b/challenge.html @@ -0,0 +1,149 @@ + + + + + + + + + + + + + + + + + + Challenge - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + +
+
+ ::IM_UNDER_ATTACK_BOX:: +
+
+ + +
+ + + diff --git a/cloud.html b/cloud.html new file mode 100644 index 0000000..45c975a --- /dev/null +++ b/cloud.html @@ -0,0 +1,2359 @@ + + + + + + + + + + + + + + + + + + + Cloud mERP - TownSuite Municipal Software + + + + +
+
+ +

TownSuite

+
+
+ + + +
+
+
+
+

TownSuite Cloud mERP

+

Introducing our cloud mERP. Familiar apps supercharged in our cloud.

+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + +
+
+

Focus on the important things

+

With TownSuite Cloud mERP all the intuitive tools are accessible at your fingertips in our managed cloud. This allows municipal operations to focus on the things that matter and we take care of the rest.

+
+
+
+
+
+

Take A Look At The Big Picture

+

TownSuite mERP connects the important parts of your municipal organization through a single system, a system that has been developed specifically for municipalities. Configure our applications to your needs. Connect your departments, connect your employees, connect your staff. Connect your dots. Download our Digital Profile for details.

+
+
+ + + +
+
+
+
+
+
+
+ +
+
+
+
+

Futureproof your operations

+

TownSuite Cloud removes the need for managing your municipal software.

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

TownSuite Cloud mERP additional information:

+
+
+

No hidden costs

+

No additional 3rd party licensing or infastructure costs. Everything needed for licensing is included under one predictable fee.

+
+
+

Easy access. Anywhere

+

No advanced networking, VPN or RDS required. It just works. Securely.

+
+
+

Best in class

+

Enterprise grade hardware and software that is continuously improved and maintained over the time by TownSuite and our partners.

+
+
+

Proven governance

+

Hosted in certified Tier III Data Centres with several compliance certifications such as SOC and PCI DSS. Contact us for more details

+
+
+

Continuity

+

Comprehensive backups and API's available for improved operations.

+
+
+

High availability and disaster recovery

+

We have multiple options available to provide high available and disaster recovery throughout our Canadian data centres.

+
+
+

Hands off security and maintence

+

All maintenance, servicing and upgrades conducted by TownSuite and our partners.

+
+
+

Compatabile

+

Automatically compatible with any TownSuite eService including eBills, Events, Facilities, POS, Inspections, Requests, 311, Employee and more.

+
+
+

SLA

+

SLA available upon request.

+
+
+

Dedicated Cloud mERP

+

Private cloud environments are available at an additional cost.

+
+
+

Peace of mind

+

Predictable per user costing removes the unknown factor.

+
+
+

Gratitude

+

Legacy TownSuite users can easily upgrade to TownSuite Cloud mERP with our loyalty discount pricing.

+
+
+
+
+
+
+
+
+ + +
+

Get started now

+ + +
+

Learn more before trying TownSuite?

+

View the features

+

Download our Profile

+
+
+ + + + + + + + + +
+ + + + + + diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..91b9ea7 --- /dev/null +++ b/contact.html @@ -0,0 +1,214 @@ + + + + + + + + + + + + + + + + + + + Contact - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + +
+ +
+
+
+ + +
+ + +
+
+
+

Get in touch with TownSuite today!

+

Call 1.800.408.3313 to speak with us directly.

+

Or fill out the form below and we will respond to your inquiry.

+
+
+
+ + +
+
+
+
+

Our locations

+

Use the map below to see the details of each of our offices.

+
+ +
+ +
+
+

We're growing fast,
see how you can contribute.

+ See our job openings +

or

+ Become a partner +
+ +
+
+ + + + + + + + + +
+ + + + + + diff --git a/contact_map.html b/contact_map.html new file mode 100644 index 0000000..f48c934 --- /dev/null +++ b/contact_map.html @@ -0,0 +1,500 @@ + + + + + + Store Locator + + + + + + + + + +
+ + + diff --git a/cookies.html b/cookies.html new file mode 100644 index 0000000..06d9050 --- /dev/null +++ b/cookies.html @@ -0,0 +1,221 @@ + + + + + + + + + + + + + + + + + + + Cookies - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + +
+
+ +
+
+ +
+

Get started now

+ + +
+

Learn more before trying TownSuite?

+ View the features +
+
+ + + + + + + + + +
+ + + + + + diff --git a/ebills.html b/ebills.html new file mode 100644 index 0000000..f9a8151 --- /dev/null +++ b/ebills.html @@ -0,0 +1,312 @@ + + + + + + + + + + + + + + + + + + + eBilling and ePayments - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + +
+
+
+
+

TownSuite eBilling and ePayments

+

eBilling and ePayments simplifies billing and transactional payments for your clients. Allowing them to view and pay all payments from one location.

+
+
+
+
+
+
+
+
+
+
+
+
+

View and pay all your bills online in one place

+

These include property tax bills, utility bills, miscellaneous bills and also other fees such as recreation activities, building permits and more from one place. Choose your payment options from several leading edge payment + processors or/and retain your legacy methods.

+
+
+
+
+ +
+
+
+
+

Robust

+

Everything works in real time, and everything works the way you want it to since it is configurable to how you do things.

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

TownSuite eBilling and ePayments features include:

+
+
+

Electronic bills

+

Any bill from the municipality will be sent to your customer's online account with immediate electronic notification.

+
+
+

Utility billings

+

View and pay utility invoices, including flat rate and metered utilities. For metered utilities, your customer can even view their consumption numerically or graphically.

+
+
+

Electronic payments

+

All payments through your selected PCI Compliant payment gateway are processed and automatically receipted in TownSuite Financial.

+
+
+

Preauthorized payments

+

Your customers have the freedom to set up their own preauthorized payments online without having to come into the office to deal with the bank or sign any municipal forms.

+
+
+

Link stakeholder accounts

+

Managing accounts for a dependant, parent or another person? Simply link their accounts and an individualized view will be available. Have multiple properties or accounts? Feel free to add them all under one account + to simplify management.

+
+
+

Send notifications

+

Every time a transaction occurs, whether it is an invoice created, receipt generated, successful event registration or facility booking, or a service request being closed, an electronic notification is sent to the respective + account holder.

+
+
+

Get feedback

+

Connect with stakeholders and receive feedback. This feature is greatly extended with the customer service module.

+
+
+

Connected

+

Connect your information, your people and your departments to information that is always up to date.

+
+
+

Priority support

+

Our technical support puts you first. Our team has a depth of municipal accounting experience that ensures you get the solutions you need. Online ticketed support for your customers also provides them with help when + they need it.

+
+
+
+
+
+
+
+
+ + +
+

Get started now

+ + +
+

Learn more before trying TownSuite?

+ View the features +
+
+ + + + + + + + + +
+ + + + + + diff --git a/edge.html b/edge.html new file mode 100644 index 0000000..6ad92eb --- /dev/null +++ b/edge.html @@ -0,0 +1,457 @@ + + + + + + + + + + + + + + + + + + + + EDGE Conference 2025 - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+

EDGE 2020

+

We delivered EDGE 2020 as a Virtual Conference in December 2020. We had over 300 attendees across the 10 sessions. These sessions covered a broad spectrum of how things are done in TownSuite mERP, including Financial, Asset Management, Mapping, Planning, and eServices. It also included a look back at what we've accomplished in the last year or so and a look at where TownSuite mERP is going! All of the videos for these sessions are available to view at our documentation site and are linked below

+
+ View the Videos +
+
+
+

EDGE 2020

+ + +
+
+
+ +
+
+
+
+
+

What to expect

+ +
+
+
+
+
+
+

What to expect

+

Come to TownSuite EDGE to learn, network, and participate in exciting activities, including: +

    +
  • Learning focused, user sessions designed for beginner, intermediate, and advanced users
  • +
  • Previews of upcoming TownSuite features and offerings
  • +
  • Discuss tips and advice from TownSuite experts
  • +
  • Hands-on environments of new TownSuite applications and offerings
  • +
  • Network with TownSuite staff, users as well as leading industry partners
+

+
+
+
+
+
+ +
+
+
+
+
+

Schedule

+

Our agenda will offer something for every employee in your municipal organization who uses TownSuite Municipal Software, including concurrent options for most sessions. Our agenda will include topics related to Finance, Planning, Assets, Recreation, Customer Service, and more. +

+
+ View the agenda +
+
+
+

Schedule

+ + +
+
+
+ + + + +
+ +
+
+

Important Event Information


+
'+$t.find('thead th:first-child').html()+'
+ + + + + + + + + + + + + + +
+ Venue:
Delta Hotels St. John's Conference Centre
Updated booking details will be provided at a later date
Official Canadian Airline:

Updated airline information will be provided at a later date +
EDGE Conference pricingWe are pleased to offer TownSuite EDGE registration for FREE ($0.00) to any existing TownSuite users and partners registering online through TownSuite.com.
+
Anyone else is welcome to contact us regarding registration where packages start at $750.00 + HST per registrant.
Meals & NutritionUpdate information will be provided at a later date
TransportationTownSuite is not responsible for transportation to/from the conference venue.
Professional DevelopmentBecause this event is focused on learning, we will provide confirmation of attendance to all participants once the event has concluded. This can be used to qualify for professional development credits with your professional organizations.

We will also be using our own technology to scan attendance at the door of each session - session specific attendance confirmation can be provided if desired - please indicate this during the online registration process.
Travel AssistanceIn some provinces, travel assistance is available for municipal employees attending training events. We have reached out to associations in provinces where TownSuite is utilized to identify similar programs.
+
In Newfoundland and Labrador for example, partnership with Professional Municipal Administrators (PMA) provides access to the Municipal Training Fund program for approved training program. We have obtained approval for our Newfoundland and Labrador based clients to utilize this program to subsidize travel costs to attend TownSuite EDGE.
+ + +
+
+
+
+

Agenda

+
+
+ We are working on our agenda, and it will be made available as soon as possible. +
+
+ +
+
+
+
+

TownSuite EDGE Partners

+
+
+ Professional Municipal Administrators (NL) +
+
+
+
+
+
+ Venue Partner - Delta Hotels St. John's Conference Centre +
+ +
+
+
+
+
+ + + + All Logos Are Used With Permission + + + + + + + + + + + + + + + + + + +
+ + + + + + diff --git a/enhance.html b/enhance.html new file mode 100644 index 0000000..d3ea333 --- /dev/null +++ b/enhance.html @@ -0,0 +1,233 @@ + + + + + + + + + + + + + + + + + + + The Big Picture - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + +
+

Introducing TownSuite mERP

+
+ +
+
+
+
+

Connect your dots. Are you currently struggling with access to accurate information across your municipality? TownSuite mERP will improve your workflows and transform the collection and maintenance of information across all municipal departments. No solution is generic, rather it is built for your specific needs.

+
+

Learn more about our comprehensive mERP:

+ +
+ +
+

Get started now

+ + +
+

Learn more before trying TownSuite?

+ View the features +
+
+ + + + + + + + + +
+ + + diff --git a/events-facilities.html b/events-facilities.html new file mode 100644 index 0000000..45b4c82 --- /dev/null +++ b/events-facilities.html @@ -0,0 +1,332 @@ + + + + + + + + + + + + + + + + + + + Event & Facilities - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + +
+
+
+
+

TownSuite Event & Facilities

+

Event & Facilities makes it easy for your customers to access and purchase your recreational products and services. Configurable, flexible, and connectable to TownSuite Financial.

+
+
+
+
+
+
+
+
+
+
+
+
+

Manage and maintain all your event and facility requirements in one place

+

These include event and facility registrations, facility and event management, memberships, attendance, point of sale and several other key areas. Choose your payment options from several leading edge payment processors or/and + retain your legacy methods.

+
+
+
+
+ +
+
+
+
+

Robust

+

Everything works in real time, and everything works the way you want it to since it is configurable to how you do things.

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

TownSuite Event & Facilities features include:

+
+
+

Event management

+

Staff can create and manage any type of event, configure categories, capacity, age requirements and so on. Easy to use, and configurable to your municipality.

+
+
+

Facility management

+

Set up each of your bookable venues showing photos, dimensions, multiple seating configurations, blackout dates, maintenance schedules and more. Display Add-On products and/or services that can be selected by a customer + to generate more revenue.

+
+
+

Event registrations

+

Customers can easily search and register for events, see past and current registrations, manage family members, and more.

+
+
+

Event ticketing

+

Simplified event ticketing means you don’t need expensive equipment to scan and manage ticketing or ticket scanning. Automatically generate scannable tickets and codes for any event, and use our app to scan them at + the door. Tickets are delivered to customer email inboxes, and are accessible anytime from their own accounts.

+
+
+

Facility registrations

+

Customers can view and book facilities based on your defined facility availability.

+
+
+

Digital waivers

+

Waivers are an important legal document for any event or facility. Each event or facility can have their own individual waiver that is digitally signed by the customer and stored on the booking, including PAR-Q waivers, + or any customized waiver that the municipality wishes to apply. Bookings cannot be completed by a customer without a digitally signed waiver.

+
+
+

Digital contracts

+

TownSuite features the ability to create and maintain a digital contract for each booking, including facility-specific terms and condition and customer signature.

+
+
+

Memberships

+

Enable your municipality to manage memberships in specific programs, facilities and services.

+
+
+

Point of sale

+

Configurable, simple and convenient, touch based POS for facility staff usage.

+
+
+

Event attendance

+

Record event attendance with online staff tools, as well as scannable event tickets. No scanner? Our iOS and Android APPs provide this functionality!

+
+
+

Interactive seating

+

Create interactive seating to enable your customers to select specific seats for any event you wish to offer the option to choose seatin, like concerts or dinners.

+
+
+

Dashboards

+

View defineable dashboards that illustrate your facility and event usage, including a graphical representation to show peak times and low times.

+
+
+

Embeddable widgets

+

We offer a selection of embeddable widgets you can display on your website without requiring account access, including facility and event calendars.

+
+
+

Comprehensive reporting

+

Produce comprehensive reports including booking summaries, facility details or facility utilization.

+
+
+
+
+
+
+
+
+ + +
+

Get started now

+ + +
+

Learn more before trying TownSuite?

+ View the features +
+
+ + + + + + + + + +
+ + + + + + diff --git a/events.html b/events.html new file mode 100644 index 0000000..d6ed55c --- /dev/null +++ b/events.html @@ -0,0 +1,288 @@ + + + + + + + + + + + + + + + + + + + Events - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + + +
+
+

See our planned events below.

+

If you have any questions do not hesitate to contact us.

+
+
+ +
+
+
+
+ +
+ +
+ + + + + + + + + +
+ + + + diff --git a/features.html b/features.html new file mode 100644 index 0000000..10e1ef7 --- /dev/null +++ b/features.html @@ -0,0 +1,632 @@ + + + + + + + + + + + + + + + + + + + + Feature listing - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + +
+
+
+
+

TownSuite mERP features,
displayed per App type.

+

This listing is not complete but only to showcase high level processes that the Apps can complete.

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
TownSuite mERP FeatureDesktop AppsMobile AppsWeb Apps
Core features
Fully hosted availabilityYesYesYes
On-premise availabilityNo--
Living software agreement
(no upgrade/version fees)
YesYesYes
Intuitive reporting
>1000 managed reports
YesYesYes
Custom reportingYesYesYes
Document managementYesYesYes
Granular permissionsYesYesYes
Managed security roles-YesYes
Input data onceYesYesYes
Comprehensive backupsYesYesYes
Disaster recoveryYesYesYes
Living documentationYesYesYes
Priority supportYesYesYes
SLA Availability (>99.9%)YesYesYes
Canadian Tier III Data CentersYesYesYes
Financial features
Accounts receivableYesYesYes
Misc billingsYes-Yes
Property billingsYes-Yes
Utility billingsYes-Yes
Accounts payableYes--
PurchasingYesNoYes
General ledgerYes--
Banking and reconciliationsYes--
Fund accountingYes-Yes
Job costingYesYesYes
HRIS features
PayrollYesYesYes
Time managementYesYesYes
Employee portal-YesYes
Leave requestsYes-Yes
Electronic timesheetsYesYesYes
Land management features
Parcel managementYes--
Subdivision managementYes--
Building permit managementYes-WIP
Inspection managementYesYesYes
Leverage existing GISYesYesYes
Link GIS to TownSuite dataYesYesYes
Connected to Finance
(billing/receipting)
YesYesYes
Push/pull information
to provincial agencies
YesYesYes
Process management workflows YesYesYes
Query informationYesYesYes
Connect land information
to other TownSuite products
YesYesYes
Asset management features
Asset listingYesYesYes
PSAB compliantYesYesYes
Continuity scheduleYes--
Prepare asset management planYes--
Unlimited attribute dataYesYesYes
Work Order features
Work requestsYesYesYes
Work ordersYesYesYes
Resource management
(people, vehicle and inventory)
YesYesYes
Task management
(people, vehicle and inventory)
YesYesYes
Vehicle maintenanceYes-Yes
eService features
Send bills electronicallyYes-Yes
View bills electronicallyYes-Yes
Pay bills electronicallyYes-Yes
Easy account creation
and management
YesYesYes
Service request managementYesYesYes
311 request managementYesYesYes
Facility management-YesYes
Facility bookings--Yes
Event management-YesYes
Event bookings--Yes
Membership management--Yes
Digital waivers--Yes
Point of SaleYes-Yes
Payment processor integrationsYes-Yes
+

Feature listing last updated on 04.29.2021

+
+ +
+
+
+

Get started now

+ + +
+

Learn more before trying TownSuite?

+ View the features +
+
+ + + + + + + + + +
+ + + + + + diff --git a/files/uploads/ws/PCSPHow-to.pdf b/files/uploads/ws/PCSPHow-to.pdf new file mode 100644 index 0000000..3aa2512 Binary files /dev/null and b/files/uploads/ws/PCSPHow-to.pdf differ diff --git a/files/uploads/ws/ParadiseEventsHow-to.2pdf b/files/uploads/ws/ParadiseEventsHow-to.2pdf new file mode 100644 index 0000000..30ad895 Binary files /dev/null and b/files/uploads/ws/ParadiseEventsHow-to.2pdf differ diff --git a/files/uploads/ws/ParadiseEventsHow-to.pdf b/files/uploads/ws/ParadiseEventsHow-to.pdf new file mode 100644 index 0000000..7e8425a Binary files /dev/null and b/files/uploads/ws/ParadiseEventsHow-to.pdf differ diff --git a/files/uploads/ws/ParadiseEventsHow-to2.pdf b/files/uploads/ws/ParadiseEventsHow-to2.pdf new file mode 100644 index 0000000..635bfcd Binary files /dev/null and b/files/uploads/ws/ParadiseEventsHow-to2.pdf differ diff --git a/files/uploads/ws/createapayee.pdf b/files/uploads/ws/createapayee.pdf new file mode 100644 index 0000000..dc3f1de Binary files /dev/null and b/files/uploads/ws/createapayee.pdf differ diff --git a/files/uploads/ws/index.html b/files/uploads/ws/index.html new file mode 100644 index 0000000..0519ecb --- /dev/null +++ b/files/uploads/ws/index.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/files/uploads/ws/loginhelp.pdf b/files/uploads/ws/loginhelp.pdf new file mode 100644 index 0000000..bb675b2 Binary files /dev/null and b/files/uploads/ws/loginhelp.pdf differ diff --git a/files/uploads/ws/recold.pdf b/files/uploads/ws/recold.pdf new file mode 100644 index 0000000..2c4f0c5 Binary files /dev/null and b/files/uploads/ws/recold.pdf differ diff --git a/files/uploads/ws/recreationprocess.pdf b/files/uploads/ws/recreationprocess.pdf new file mode 100644 index 0000000..a36748d Binary files /dev/null and b/files/uploads/ws/recreationprocess.pdf differ diff --git a/files/uploads/ws/recreationprocess1.pdf b/files/uploads/ws/recreationprocess1.pdf new file mode 100644 index 0000000..dcd9d81 Binary files /dev/null and b/files/uploads/ws/recreationprocess1.pdf differ diff --git a/files/uploads/ws/recreationprocess2.pdf b/files/uploads/ws/recreationprocess2.pdf new file mode 100644 index 0000000..625996c Binary files /dev/null and b/files/uploads/ws/recreationprocess2.pdf differ diff --git a/finance.html b/finance.html new file mode 100644 index 0000000..4b46421 --- /dev/null +++ b/finance.html @@ -0,0 +1,338 @@ + + + + + + + + + + + + + + + + + + + + + + + + + Finance - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + +
+
+
+
+

TownSuite Financial

+

Financial is easy to use yet powerful and comprehensive finance software.

+
+
+
+
+
+
+
+
+
+
+
+
+

Intuitive finance applications

+

Streamline your financial management and administration activities. Financial has all the financial tools you need - property tax billing, utility billing, cash receipting, budgeting, bank reconciliations, etc. It is designed + specifically for municipalities - not for businesses.

+
+
+
+
+ +
+ +
+
+
+

Keep your finance accurate and up-to-date all from one place

+

Everything works in real time, and everything works the way you want it to since it is configurable to the way you do things.

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

TownSuite Financial Everything you need to manage your municipal finances:

+
+
+

Property billings

+

Property Taxation with connections to most provincial assessment agencies across Canada.

+
+
+

Utility billings

+

Metered or Unmetered Utility Billing (Electricity, Gas, Internet, Water and / or Sewer)

+
+
+

Miscellaneous billings

+

Can cover a wide gamut of options depending on your specific needs.

+
+
+

Accounts receivable

+

Receipting, assessments, Tax Sale, account maintenance - all in one place!

+
+
+

Accounts payable

+

Maintain vendors and pay your bills all in one convenient location.

+
+
+

General ledger

+

Configure and maintain all of your municipal financial information.

+
+
+

Banking

+

Import banking information and reconcile multiple bank accounts from various sources.

+
+
+

Purchase orders

+

Manage quotes, requisitions and create purchase orders. Track goods received and update inventory.

+
+
+

Budgeting

+

Comprehensive budgeting and real time posting means your budget performance reports are always up to date.

+
+
+

Comprehensive reporting

+

TownSuite has thousands of standard reports. All reports are criteria driven, meaning you can produce numerous variations of the same report depending on your needs.

+
+
+

Document management

+

Electronic files can be attached to any type of account, meaning you don’t have to continuously look for information that is outside of TownSuite. Bring it in! Stop searching.

+
+
+

User defined processes

+

With configurable processes and setup, TownSuite is set up to work the way you want your municipality to work.

+
+
+

Connected

+

Connect your information, your people and your departments to information that is always up to date.

+
+
+

Priority support

+

Our technical support puts you first. Our team has a depth of municipal accounting experience that ensures you get the solutions you need.

+
+
+
+
+
+
+
+
+ + + + +
+

Get started now

+ + +
+

Learn more before trying TownSuite?

+ View the features +
+
+ + + + + + + + + +
+ + + + + + diff --git a/grid.html b/grid.html new file mode 100644 index 0000000..3df70ed --- /dev/null +++ b/grid.html @@ -0,0 +1,323 @@ + + + + + + + + +

311

+
+
+

Card title

+

Lorem ipsum dolor sit amet, et alii quas diceret sea, hinc vide aeque at mel. Eu has quod nominavi. Mel ei nobis invidunt, sed id.

+
+
+

Card title 2

+

Lorem ipsum dolor sit amet, et alii quas diceret sea, hinc vide aeque at mel. Eu has quod nominavi. Mel ei nobis invidunt, sed id.

+
+
+

Card title 3

+

Lorem ipsum dolor sit amet, et alii quas diceret sea, hinc vide aeque at mel. Eu has quod nominavi. Mel ei nobis invidunt, sed id.

+
+
+

Card title 4

+

Lorem ipsum dolor sit amet, et alii quas diceret sea, hinc vide aeque at mel. Eu has quod nominavi. Mel ei nobis invidunt, sed id.

+
+
+

Card title 5

+

Lorem ipsum dolor sit amet, et alii quas diceret sea, hinc vide aeque at mel. Eu has quod nominavi. Mel ei nobis invidunt, sed id.

+
+
+

Card title 6

+

Lorem ipsum dolor sit amet, et alii quas diceret sea, hinc vide aeque at mel. Eu has quod nominavi. Mel ei nobis invidunt, sed id.

+
+
+

Card title 7

+

Lorem ipsum dolor sit amet, et alii quas diceret sea, hinc vide aeque at mel. Eu has quod nominavi. Mel ei nobis invidunt, sed id.

+
+
+

Card title 8

+

Lorem ipsum dolor sit amet, et alii quas diceret sea, hinc vide aeque at mel. Eu has quod nominavi. Mel ei nobis invidunt, sed id.

+
+
+

Card title 9

+

Lorem ipsum dolor sit amet, et alii quas diceret sea, hinc vide aeque at mel. Eu has quod nominavi. Mel ei nobis invidunt, sed id.

+
+
+ +

311 suboption

+
+
+

Lorem ipsum dolor sit amet, et alii quas diceret sea, hinc vide aeque at mel. Eu has quod nominavi. Mel ei nobis invidunt, sed id.

+
+
+

Lorem ipsum dolor sit amet, et alii quas diceret sea, hinc vide aeque at mel. Eu has quod nominavi. Mel ei nobis invidunt, sed id.

+
+
+ +

Submit

+ +
+ + + + + + +
+ + + + +
+
+

Other options

Select +
+ +
+ Radio button +
+ + + + +
+ +
+ +
+
+ + + + + + + + diff --git a/hris.html b/hris.html new file mode 100644 index 0000000..8878b2d --- /dev/null +++ b/hris.html @@ -0,0 +1,329 @@ + + + + + + + + + + + + + + + + + + + HRIS - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + +
+
+
+
+

TownSuite HRIS

+

HRIS applications are each and powerful tools to manage your staff, PR and HR functions.

+
+
+
+
+
+
+
+
+
+
+
+
+

Accessible, intuitive HRIS tools for your employees

+

Streamline your HRIS management and administration activities. TownSuite HRIS has much of the HRIS / HRMS tools you need - payroll, employee records and management, employee portals, etc. Connected to things such as General + Ledger, it is designed specifically for Municipalities - not Businesses.

+
+
+
+
+ +
+
+
+
+

Manage your human resources, connect with your human resources

+

Everything works in real time, and everything works the way you want it to since it is configurable to how you do things.

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

TownSuite HRIS / HRMS Connect and simplify HRM with our offerings:

+
+
+

Payroll

+

Canadian payroll, plain and simple.

+
+
+

Employee records

+

Track employee time, deductions and accumulations, training records, correspondence and personal information.

+
+
+

Time management

+

Manage timesheets and recurring time entries for any required job or earnings code.

+
+
+

Task management

+

Assign staff to tasks and automatically record time on task.

+
+
+

Electronic pay stubs

+

Employees can subscribe to electronic pay stub delivery.

+
+
+

Electronic leave requests

+

Electronic leave requests enable staff to request, as well as validate and approve leave requests.

+
+
+

Direct deposits

+

Automatically deposit payroll into up to three bank accounts per employee.

+
+
+

Connected

+

Automatically updates G/L and Cheque Register in Finance.

+
+
+

T4 and ROE Forms, Web ROE’s

+

Electronic T4’s and Web ROE’s are available at the click of a mouse.

+
+
+

Comprehensive reporting

+

TownSuite has thousands of standard reports. All reports are criteria driven, meaning you can produce numerous variations of the same report depending on your needs.

+
+
+

Cheque customization

+

Cheques can be customized to your preferred cheque layout.

+
+
+

Maintained

+

Tax Table updates, cheque customizations and continuous improvements included under your subscription.

+
+
+

Connected

+

Connect your information, your staff and your departments to information that is always up to date.

+
+
+

Priority support

+

Our technical support puts you first. Our team has a depth of municipal accounting experience that ensures you get the solutions you need.

+
+
+
+
+
+
+
+
+ + +
+

Get started now

+ + +
+

Learn more before trying TownSuite?

+ View the features +
+
+ + + + + + + + + +
+ + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..fa3cf1b --- /dev/null +++ b/index.html @@ -0,0 +1,921 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Home - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + +
+
+
+ +
+
+
+
+
+

Connect your dots

+

TownSuite helps manage multiple levels of municipal management. Creating and leveraging information that can be intelligently linked throughout your municipality.

+
+ Learn more +
+
+
+

Connect the dots

+ + +
+
+
+
+
+
+

All your information

+
+
+
+
+
+
+
+
+

All together in one place, connected and secured. No need for duplicate entries.

+
+
+
+
+
+
+

Across departments

+
+
+
+
+
+
+
+
+

TownSuite was designed for municipal use beyond a specific department. Connect information accuracy by expanding the use and leverage the true power of your municipality.

+
+
+
+
+
+
+

Cloud or on-premise

+
+
+
+
+
+
+
+
+

TownSuite is cloud based. Want your data onsite? No problem. Our hybrid solutions can work for you!

+
+
+
+
+
+
+ + +
+
+
+
+
+

Work within one product

+ +
+
+
+
+
+
+

Work within one product

+

Engineered to control your municipal information from one source while relying on minimal connections to other software. Any connection we make outside is also managed by us to ensure they are always running.

+
+ Learn more +
+
+
+
+
+
+
+

One source

+
+
+
+
+
+
+
+
+

TownSuite is a platform, of which you can scale and connect captured information. You are not restricted to the modules existing offerings.

+
+
+
+
+
+
+

Across departments

+
+
+
+
+
+
+
+
+

Information can be pulled back and connected together to harness more function and accessibility than if systems were isolated or connected via external integrations.

+
+
+
+
+
+
+

Managed connections

+
+
+
+
+
+
+
+
+

Change your bank, update your POS. Did your bank just update its functionality? We've got you covered.

+
+
+
+
+
+
+ +
+
+
+
+
+

Municipal focused solution

+

Designed, engineered, built and tested for municipal use and grown by municipal users for over 30 years.

+
+ Learn more +
+
+
+

Municipal focused solution

+ +
+
+
+
+
+
+
+
+

Dedicated focus

+
+
+
+
+
+
+
+
+

Reassures our clients we are focused on their sector and will continue to evolve each product as the sector changes.

+
+
+
+
+
+
+

Not generic

+
+
+
+
+
+
+
+
+

Scrap generic packages from other known providers. TownSuite is made from the ground up for you to leverage information as required.

+
+
+
+
+
+
+

Municipal since day 1

+
+
+
+
+
+
+
+
+

Focused on building software for municipal government. Rest assured that your focus will also remain ours.

+
+
+
+
+
+ +
+
+ +
+
+
+
+
+

Leverage informarion

+ +
+
+
+
+
+
+

Leverage information

+

Collecting and retrieving information has never been easier. Choose from one of our several product dashboards, out-of-the box reports created and refined over years of clients input or create your own reports ad-hoc.

+
+ Learn more +
+
+
+
+
+
+
+

Dashboards

+
+
+
+
+
+
+
+
+

Graphical views of information for a bird's eye view.

+
+
+
+
+
+
+

Reporting

+
+
+
+
+
+
+
+
+

1000's of out-of-the box reports created and refined over years of clients' input. Tables, charts or printed reports - We got you covered!

+
+
+
+
+
+
+

Custom reporting

+
+
+
+
+
+
+
+
+

Create endless additional reports within Crystal Reports or SQL Reporting Services at your leisure. If that's not your thing you can request assistance at any time. This is also covered under your support contract! +

+
+
+
+
+
+ +
+
+ + +
+
+
+
+
+

Any size municipality

+

With class leading technology that continues to evolve with each release. TownSuite has the ability to serve well beyond it's name and actually assists government bodies connect information on a larger scale.

+
+ Learn more +
+
+
+

Any size municipality

+ +
+
+
+
+
+
+
+
+

Truly any size

+
+
+
+
+
+
+
+
+

If you're a small municipality of 1,500 or a larger at over 150,000 we have scaleable offerings that can suit your requirements and needs.

+
+
+
+
+
+
+

Proven solution

+
+
+
+
+
+
+
+
+

Built on Microsoft .NET and leveraging multiple other technologies ensure TownSuite continues to innovate. Our backend architectures are built to handle strenuous loads.

+
+
+
+
+
+
+

Multi-tenant

+
+
+
+
+
+
+
+
+

Need a solution that includes more than one municipality? Feel free to ask what pricing discounts are available.

+
+
+
+
+
+ +
+
+ +
+
+
+
+
+

We use it too

+ +
+
+
+
+
+
+

We use it too

+

We not only work with you to make your experience better over time, we also use and rely on our products daily for critical business functions.

+
+ Learn more +
+
+
+
+
+
+
+

Billings

+
+
+
+
+
+
+
+
+

All customer billings and receivables are done through TownSuite. Our CRM is also connected to TownSuite, so you can submit issues directly.

+
+
+
+
+
+
+

HRIS

+
+
+
+
+
+
+
+
+

All of our employee payroll, leave requests and time management are tracked through our product.

+
+
+
+
+
+
+

Support

+
+
+
+
+
+
+
+
+

Clients can contact support through several ways including phone, email, fax. However, our CRM is also connected to TownSuite so you can submit issues directly.

+
+
+
+
+
+ +
+
+ + +
+
+
+
+
+

Living software

+

Don't worry about version update fees again. Ever. Instead grow with us using our innovative platform that grows and evolves with our client base.

+
+ Learn more +
+
+
+

Living software

+ +
+
+
+
+
+
+
+
+

No version fees

+
+
+
+
+
+
+
+
+

When you commit to us, we feel we owe it back to you. That means once you purchase a module all updates are included in our annual support fee.

+
+
+
+
+
+
+

Autonomous updates

+
+
+
+
+
+
+
+
+

Never worry about software updates again. We do it all behind the scenes. You just need to select the frequency.

+
+
+
+
+
+
+

Living documentation

+
+
+
+
+
+
+
+
+

Just like our software our + documentation lives and is updated to reflect changes.

+
+
+
+
+
+ +
+
+
+
+
+
+
+

100% Canadian

+ +
+
+
+
+
+
+

100% Canadian

+

Since our inception TownSuite has been 100% owned and operated by Canadians. Any hosting is also hosted in facilities that are also wholly owned Canadian corporations.

+
+ Learn more +
+
+
+
+
+
+
+

Owned

+
+
+
+
+
+
+
+
+

Ownership started in Canada and continues to be 100% owned and operated by Canadians.

+
+
+
+
+
+
+

Operated

+
+
+
+
+
+
+
+
+

From management, design, development, QA and releases to your door our Canadian team is key in our agile full stack development process.

+
+
+
+
+
+
+

Supported

+
+
+
+
+
+
+
+
+

Our phenomenal support team has locations across Canada to ensure you are covered when you need it. With base support from 7:00 AM - 6:30 PM EST with options for further SLA

+
+
+
+
+
+ +
+
+
+
+
+
+
+

Your partners in software

+

Our team works collaboratively with you to resolve your technical issues, and identify areas where our software can be improved to benefit everyone.

+
+ Learn more +
+
+
+

Your partners in software

+ +
+
+
+
+
+
+
+
+

Experienced

+
+
+
+
+
+
+
+
+

Successfully completing over 150 projects in the last 5 years. Our core technical staff has over 150 years of combined municipal software experience. In addition, our management and advisory team has hundreds more.

+
+
+
+
+
+
+

We listen

+
+
+
+
+
+
+
+
+

Our municipal clients are the municipal experts, and we learn from them, partnering with them on implementations, product development and improvement

+
+
+
+
+
+
+

Grassroots

+
+
+
+
+
+
+
+
+

We have built our team and client base by evolving over time with the input of our clients and partners. This is a guiding business function of TownSuite and it's team, and is important to it's future growth and development.

+
+
+
+
+
+ +
+
+ +
+

Get started now

+ + +
+

Learn more before trying TownSuite?

+ View the features +
+
+ + + + + + + + + + +
+ + + + + + + + + diff --git a/jobs.html b/jobs.html new file mode 100644 index 0000000..ad8cdbd --- /dev/null +++ b/jobs.html @@ -0,0 +1,214 @@ + + + + + + + + + + + + + + + + + + + + Jobs - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + + +
+
+ +
+
+ + +
+

Get in touch

+ + +
+

Want to get in touch with us?

+ Learn more +
+
+ + + + + + + + + +
+ + + + + + diff --git a/land.html b/land.html new file mode 100644 index 0000000..f044ca6 --- /dev/null +++ b/land.html @@ -0,0 +1,316 @@ + + + + + + + + + + + + + + + + + + + Land management - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + +
+
+
+
+

TownSuite Land management

+

Our Land Management applications are powerful, easy to use tools to manage land, building and development control.

+
+
+
+
+
+
+
+
+
+
+
+
+

Intuitive and robust land management featuresets with connected GIS.

+

Streamline Municipal land management. TownSuite Land Management provides the tools you need to manage permitting, sub-divisions, inspections and by laws.

+
+
+
+
+ +
+
+
+
+

Parcel centric

+

Real time, parcel centric tools are configurable so the work they want you want them to.

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

TownSuite Land management features include:

+
+
+

Permitting

+

From Initial Application - Including Pre-Application Plan Reviews through to Final Inspection and/or Certificate of Occupancy. You define your process.

+
+
+

Fire Inspections

+

Manage fire inspections, including tracking pre-plans, inspections results, and track violations to resolutions.

+
+
+

Building permits inspections

+

Print Daily Inspection reports by Inspector from Footings to Final. Record each Inspection Result, including Comments. Violations/Failed Inspections are Tracked to Resolution.

+
+
+

Process management

+

All processes are fully customizable and not restricted by the system. This helps ensure processes required for things like permit applications comply with existing zoning and/or development regulations.

+
+
+

Subdivision Applications

+

Assign building permit applications to subdivision applications to monitor undeveloped lots, and track the history of a parent PID from subdivisions and consolidations.

+
+
+

Attachments

+

Like all of our software, attach electronic media to any permit or application so it is easy to access documents from one place.

+
+
+

Mapping/GIS

+

TownSuite Mapping can interface with any municipal data, and stores AAN’s, PID’s or Civic address information. Mapping is also tightly connected to other TownSuite apps including Finance and Asset Management.

+
+
+

Comprehensive reporting

+

Numerous standard reports like Statistics Canada Reporting, as well as the ability to produce ad hoc reports using virtually any field as criteria.

+
+
+

Process payments

+

Handling of all fees calculations and payment through TownSuite Finance

+
+
+

Connected

+

Connect your information, your staff and your departments to information that is always up to date.

+
+
+

Priority support

+

Our technical support puts you first. Our team has a depth of municipal accounting experience that ensures you get the solutions you need.

+
+
+
+
+
+
+
+
+ + +
+

Get started now

+ + +
+

Learn more before trying TownSuite?

+ View the features +
+
+ + + + + + + + + +
+ + + + + + diff --git a/maps.html b/maps.html new file mode 100644 index 0000000..6e95b91 --- /dev/null +++ b/maps.html @@ -0,0 +1,277 @@ + + + + + TownSuite Maps + + + + + + + + + + + + + + + +
+
+ +
+

Select Layers

+ + + +

Map Style

+ +
+ +
+ +
+
+
+
+ + + + diff --git a/maps2.html b/maps2.html new file mode 100644 index 0000000..7795542 --- /dev/null +++ b/maps2.html @@ -0,0 +1,84 @@ + + + + + Show drawn polygon area + + + + + + + + + + + + +
+
+

Draw a polygon using the draw tools.

+
+
+ + + + + diff --git a/package.json b/package.json new file mode 100644 index 0000000..9238ce6 --- /dev/null +++ b/package.json @@ -0,0 +1,25 @@ +{ + "name": "townsuite.com", + "version": "1.0.0", + "description": "townsuite.com website", + "main": "index.html", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/TownSuite/TownSuite.com.git" + }, + "keywords": [ + "townsuite.com", + "living", + "municipal", + "software" + ], + "author": "Andrew Whey", + "license": "SEE LICENSE IN MARKDOWN.md", + "bugs": { + "url": "https://github.com/TownSuite/TownSuite.com/issues" + }, + "homepage": "https://github.com/TownSuite/TownSuite.com#readme" +} diff --git a/partner-program.html b/partner-program.html new file mode 100644 index 0000000..0102fcc --- /dev/null +++ b/partner-program.html @@ -0,0 +1,278 @@ + + + + + + + + + + + + + + + + + + + + Partner Program - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + +
+
+ +
+
+ +
+
+

Our Partners

+
+ Clark Consulting
+
Western Canada Partner
+ T: 250.295.2129
+ E: randy@clark-consulting.ca
+
+
+
+
+
+
+

Partner Integrations

+
+
+ Boca Systems +
+
+ CardConnect +
+
+ Master Meter +
+
+
+
+
+
+
+
+

Partner Associations

+
+
+ Association of Municipal Administrators of New Brunswick +
+
+ Association of Municipal Administrators of Nova Scotia +
+
+ Government Finance Officers Association - Alberta +
+
+ Government Finance Officers Association - British Columbia +
+
+ Municipal Finance Officers of Ontario +
+
+ Municipal Information Systems Association / ASIM Canada +
+
+ Municipalities Newfoundland and Labrador +
+
+ Professional Municipal Administrators (NL) +
+ +

To see a full listing of events we support feel free to have a look at our event calendar.


+ All Logos Are Used With Permission

+
+
+
+
+
+
+

Get in touch

+ + +
+

Want to get in touch with us?

+ Learn more +
+
+ + + + + + + + + +
+ + + + + + diff --git a/privacy.html b/privacy.html new file mode 100644 index 0000000..d13559b --- /dev/null +++ b/privacy.html @@ -0,0 +1,333 @@ + + + + + + + + + + + + + + + + + + + Privacy policy - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + +
+
+ +
+
+
+

Get started now

+ + +
+

Learn more before trying TownSuite?

+ View the features +
+
+ + + + + + + + + + + + + + + +
+ + + + + + diff --git a/referrals.html b/referrals.html new file mode 100644 index 0000000..447e9b8 --- /dev/null +++ b/referrals.html @@ -0,0 +1,210 @@ + + + + + + + + + + + + + + + + + + + Referrals - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + +
+
+ +
+
+
+

Get in touch

+ + +
+

Want to get in touch with us?

+ Learn more +
+
+ + + + + + + + + +
+ + + + + + diff --git a/resources/training.html b/resources/training.html new file mode 100644 index 0000000..8a5d541 --- /dev/null +++ b/resources/training.html @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..4bdac3b --- /dev/null +++ b/robots.txt @@ -0,0 +1,4 @@ +User-Agent: * +Disallow: + +Sitemap: https://townsuite.com/sitemap.xml diff --git a/salesforce.html b/salesforce.html new file mode 100644 index 0000000..b8ade25 --- /dev/null +++ b/salesforce.html @@ -0,0 +1,209 @@ + + + + + + + + + + + + + + + + + + + + + + + + + Salesforce - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + +
+
+
+
+

TownSuite Financial

+ + +
+ + + + +
+ + + +
+ + +
+ +
+ + + + + + + + + +
+ + + + + + diff --git a/server.sh b/server.sh new file mode 100644 index 0000000..1ff61de --- /dev/null +++ b/server.sh @@ -0,0 +1,3 @@ +/usr/bin/open -a "/Applications/Google Chrome.app" 'http://127.0.0.1:8080' + +http-server . -a 127.0.0.1 -p 8080 diff --git a/service-requests.html b/service-requests.html new file mode 100644 index 0000000..48670a7 --- /dev/null +++ b/service-requests.html @@ -0,0 +1,325 @@ + + + + + + + + + + + + + + + + + + + Service requests - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + +
+
+
+
+

TownSuite Service requests

+

Service requests simplify communication between you and your stakeholders, allowing them to connect to the right resources faster.

+
+
+
+
+
+
+
+
+
+
+
+
+

View and respond to inquiries online, all from one place

+

Define your stratagy and business process, the software caters to your pre-existing work flows. Don't have a suitable work flow? That's fine too, we can help you build a winning workflow from the ground up.

+
+
+
+
+ +
+
+
+
+

Robust

+

Everything works in real time, and everything works the way you want it to since it is configurable to how you do things.

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

TownSuite Service requests features include:

+
+
+

Reduce email

+

Overloaded with emails? TownSuite Service Requests can be your key to diminishing your mailbox pollution.

+
+
+

Anywhere, any device

+

No need to worry about accessibility. Desktop, tablet, mobile, email? We got simplified views for each and them some

+
+
+

All stakeholders

+

You choose who you want to be able to submit and how. Only registered users, covered. Anonymous users via our embedded forms, covered. Staff submission only, covered. Anything in between, covered.

+
+
+

Define workflow and views

+

Using tools such as labels and departments, define what gets assigned to whom. Direct to employee or general view for several employees, you call the shots.

+
+
+

Recieve notifications

+

Want notifications sent to your dashboard, other parts of TownSuite or through traditional email? It's all ready to go under the hood with just a few settings either globally or per user.

+
+
+

Create your FAQ

+

Have several questions that are asked frequently? Define them as a FAQ, include pictures/videos for resolution to the inquiry and pin it to any label/department so it will pop up prior to user submission.

+
+
+

Request timelines

+

Keep track of public and private comments, status changes, actions and more for each request on one page so you do not have to go looking for details.

+
+
+

Solid audit trail

+

Since everything is captured in the system and everything kept up to industry standards, you have a solid audit trail for any inquries that require it.

+
+
+

Report metrics

+

Record SLA, first reply times, Time to completion, feedback and more from our visual dashboards.

+
+
+

Transparency

+

Any request can turn into somthing within TownSuite. For example a pothole is reported, that can transfer into a work order with the stakeholder being informed of the status in real time if desired.

+
+
+

Report metrics

+

Record SLA, first reply times, Time to completion, feedback and more from our visual dashboards.

+
+
+

Embeddable widgets

+

Available to add directly to your website with dozens of options for prebuilt templates or simply style your own with CSS. Only 4 lines of code preloading all prerequisites.

+
+
+
+
+
+
+
+
+ + +
+

Get started now

+ +
+

Learn more before trying TownSuite?

+ View the features +
+ + +
+ + + + + + + + + +
+ + + + + + diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..4cf048a --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,114 @@ + + + + + + https://townsuite.com/ + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/try + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/apps + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/big-picture + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/enhance + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/about + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/features + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/events + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/finance + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/asset-management + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/hris + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/land + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/ebills + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/events-facilities + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/service-requests + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/contact + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/cookies + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/privacy + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/partner-program + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/referrals + 2017-05-01T17:21:09+00:00 + daily + + + https://townsuite.com/contact_map.html + 2017-05-01T17:21:09+00:00 + daily + + diff --git a/status.html b/status.html new file mode 100644 index 0000000..5335aac --- /dev/null +++ b/status.html @@ -0,0 +1,175 @@ + + + + + + + + + + Status - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + +
+
+

See our planned events below.

+

If you have any questions do not hesitate to contact us.

+
+
+ + +
+ +
+ + + + + + + + + + + + diff --git a/try.html b/try.html new file mode 100644 index 0000000..1f4bef1 --- /dev/null +++ b/try.html @@ -0,0 +1,217 @@ + + + + + + + + + + + + + + + + + + + Try TownSuite - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + + + +
+
+
+

Get in touch with TownSuite today!

+

Call 1.800.408.3313 to speak with us directly.

+

Or fill out the form below and we will respond to your inquiry.

+
+ +
+
+ + +
+
+ +
+
+

Our locations

+

Use the map below to see the details of each of our offices.

+
+ +
+ +
+
+

We're growing fast,
see how you can contribute.

+ See our job openings +

or

+ Become a partner +
+ +
+
+ + + + + + + + + +
+ + + + + + diff --git a/try2.html b/try2.html new file mode 100644 index 0000000..ca5f485 --- /dev/null +++ b/try2.html @@ -0,0 +1,217 @@ + + + + + + + + + + + + + + + + + + + Try TownSuite - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + + + +
+
+
+

Get in touch with TownSuite today!

+

Call 1.800.408.3313 to speak with us directly.

+

Or fill out the form below and we will respond to your inquiry.

+
+ +
+
+ + +
+
+ +
+
+

Our locations

+

Use the map below to see the details of each of our offices.

+
+ +
+ +
+
+

We're growing fast,
see how you can contribute.

+ See our job openings +

or

+ Become a partner +
+ +
+
+ + + + + + + + + +
+ + + + + + diff --git a/try3.html b/try3.html new file mode 100644 index 0000000..8ec25e4 --- /dev/null +++ b/try3.html @@ -0,0 +1,27 @@ + + + + + Try TownSuite - TownSuite Municipal Software + + + + + + +
+
+ +
+
+ + +
+
+ + + diff --git a/ts20.html b/ts20.html new file mode 100644 index 0000000..84cf665 --- /dev/null +++ b/ts20.html @@ -0,0 +1,14218 @@ + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + \ No newline at end of file diff --git a/widget.html b/widget.html new file mode 100644 index 0000000..afcfed9 --- /dev/null +++ b/widget.html @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + Events - TownSuite Municipal Software + + + +
+
+ +

TownSuite

+
+
+ + + + +
+
+

See our planned events below.

+

If you have any questions do not hesitate to contact us.

+
+
+ +
+
+ + + +
+ +
+ +
+
+

See our planned events below.

+

If you have any questions do not hesitate to contact us.

+
+
+ Chat with John +
+
+ + + + + +
+ + + + + + + + + +
+ + +